.xi-drawer { color:#526447; }
.xi-intro { font-size:13px;line-height:1.9;margin:0 0 20px;color:#68775f; }
.xi-tabs { display:flex;border-bottom:1px solid #e3eadb;margin-bottom:20px; }
.xi-tabs button { flex:1;background:none;border:0;padding:13px 8px;color:#7f8e72;font-size:13px;position:relative; }
.xi-tabs button.active { color:#297450;font-weight:600; }
.xi-tabs button.active:after { content:'';position:absolute;height:3px;background:#297450;bottom:0;left:30%;right:30%;border-radius:3px; }
.xi-context { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:17px 0;color:#526447;font-size:12px; }
.xi-context > :last-child { margin-left:auto; }
.xi-search { display:flex;align-items:center;gap:9px;border:1px solid #dbe6d0;background:#f8fbf5;border-radius:9px;padding:10px 12px;margin-bottom:15px; }
.xi-search input { min-width:0;width:100%;background:none;border:0;outline:none;font-size:12px; }
.xi-search .icon { width:15px;height:15px;color:#829372; }
.xi-person,.xi-list { display:flex;align-items:flex-start;gap:12px;width:100%;padding:17px 0;background:none;border:0;border-bottom:1px solid #e8eee1;text-align:left; }
.xi-person:hover,.xi-list:hover { background:#fafdf6; }
.xi-person:disabled { opacity:.7; }
.xi-person > span:nth-child(2),.xi-list > span:nth-child(2) { flex:1;min-width:0; }
.xi-person strong,.xi-list strong { display:block;font-size:14px;color:#3b5436;overflow-wrap:anywhere; }
.xi-person small,.xi-list small { display:block;font-size:11px;color:#68775f;margin-top:4px;overflow-wrap:anywhere; }
.xi-person p,.xi-list p { font-size:12px;line-height:1.8;color:#68775f;margin:8px 0 0;overflow-wrap:anywhere; }
.xi-avatar,.xi-list-icon { flex-shrink:0;width:43px;height:43px;display:grid;place-items:center;background:#e6efd9;border-radius:50%;font-size:18px;color:#56804a;overflow:hidden; }
.xi-avatar img { width:100%;height:100%;object-fit:cover; }
.xi-list-icon { border-radius:11px;background:#f0f5e8; }
.xi-select-label { display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:#3e7a4b;font-size:11px;padding-top:5px; }
.xi-select-label .icon { width:12px; }
.xi-list > .icon { width:15px;margin-top:10px;flex-shrink:0; }
.xi-state { padding:25px 10px;text-align:center;font-size:13px;line-height:1.9;color:#68775f; }
.xi-state .btn { margin-top:12px; }
.xi-more { width:100%;margin-top:18px; }
.xi-note { font-size:11px;color:#68775f;line-height:1.9;margin-top:18px; }
.xi-list-kinds { display:flex;gap:7px;margin:10px 0; }.xi-list-kinds[hidden]{display:none}.xi-list-kinds button{border:1px solid #dce7d2;border-radius:6px;background:#fff;padding:6px 10px;color:#68775f;font-size:11px}.xi-list-kinds button.active{background:#edf5e3;color:#39724a;border-color:#c6d9b4}
.xi-connect { padding:20px 12px 12px;text-align:center; }
.xi-connect-icon { width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;background:#edf4e3;border-radius:18px;color:#375a31; }
.xi-connect-icon .icon { width:28px;height:28px; }
.xi-connect h3 { font-size:19px;color:#3d5637; }
.xi-connect > p { font-size:13px;line-height:1.9;margin:16px 0;color:#68775f; }
.xi-connect .btn { margin-top:10px; }
.xi-demo-label { border:1px solid #dfd7be;background:#fbf7ec;padding:10px 12px;border-radius:8px;font-size:11px;color:#877148;line-height:1.8; }
.account-avatar img,.profile-avatar img,.top-avatar img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.account-x-permissions { display:flex;flex-wrap:wrap;gap:7px;margin:16px 0; }
.account-x-permissions span { display:flex;align-items:center;gap:5px;border:1px solid #dce7d2;background:#f8fbf4;padding:5px 8px;border-radius:6px;color:#5d754c;font-size:11px; }
.account-x-permissions .icon { width:12px;height:12px; }
.account-x-person { display:flex;align-items:center;gap:12px;padding:15px 0; }
.account-x-person > span:last-child { display:flex;flex-direction:column;gap:5px;min-width:0; }
.account-x-person strong { color:#40563a;font-size:14px;overflow-wrap:anywhere; }
.account-x-person small { color:#68775f;font-size:12px; }
.account-x-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:16px; }
.account-x-actions .btn { flex:1;min-width:170px; }
.project-source-options { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0; }
.project-source-options button { display:flex;align-items:center;gap:10px;text-align:left;white-space:normal;padding:13px;background:#f6faf0;border:1px solid #dce7d2;border-radius:9px;color:#3c6942; }
.project-source-options button > span { flex:1;min-width:0; }
.project-source-options strong { display:block;font-size:12px; }
.project-source-options small { display:block;font-size:10px;line-height:1.8;color:#68775f;margin-top:2px; }
@media(max-width:680px){.xi-person,.xi-list{gap:9px}.xi-avatar{width:37px;height:37px}.xi-select-label{font-size:10px}.xi-person strong,.xi-list strong{font-size:13px}.project-source-options{grid-template-columns:1fr}.account-x-actions .btn{min-width:0;flex-basis:100%}}