.btn{min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.btn.primary{background:linear-gradient(145deg,#e42b4a,#bd1231);border-color:#cf1f3d;color:#fff;font-weight:800}.btn.secondary:hover,.btn:hover{background:var(--surface2)}
.directory{display:grid;gap:8px}.directory-head{display:flex;align-items:flex-start;gap:14px;min-height:66px}.directory-head h1{margin:3px 0 2px;font-size:24px;line-height:1.1;letter-spacing:-.025em}.directory-head p{margin:0;color:var(--muted);font-size:10px}.directory-head>.btn{margin-left:auto;margin-top:5px}.directory-controlbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px}.directory-status-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.directory-status-tabs button{min-height:29px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:750;cursor:pointer}.directory-status-tabs button b{margin-left:3px;font-size:10px}.directory-status-tabs button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accentSoft);color:var(--accent)}.directory-advanced{position:relative}.directory-advanced>summary{list-style:none;min-height:29px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:750;cursor:pointer}.directory-advanced>summary::-webkit-details-marker{display:none}.directory-advanced[open]>summary{color:var(--text);background:var(--surface2)}.directory-advanced .directory-toolbar{position:absolute;right:0;top:36px;z-index:45;width:min(860px,calc(100vw - 260px));box-shadow:0 18px 50px rgba(16,24,40,.16)}.directory-toolbar{display:flex;align-items:end;gap:7px;flex-wrap:wrap;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.directory-toolbar label{display:grid;gap:3px;min-width:122px}.directory-toolbar label small{font-size:9px;color:var(--muted)}.directory-toolbar input,.directory-toolbar select,.entity-form input,.entity-form select,.entity-form textarea{width:100%;min-height:35px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);outline:none;font-size:11px}.directory-toolbar input:focus,.directory-toolbar select:focus,.entity-form input:focus,.entity-form select:focus,.entity-form textarea:focus{background:var(--surface);border-color:#8491a5}.directory-toolbar .dir-search{position:relative;min-width:205px;flex:1}.dir-search>span{position:absolute;left:10px;bottom:8px;color:var(--muted)}.dir-search input{padding-left:31px}.directory-count{display:none}.directory-table-wrap{overflow:auto;border:0;border-radius:10px;background:var(--surface)}.directory-table{width:100%;min-width:760px;border-collapse:collapse;font-size:10px}.directory-table th,.directory-table td{height:42px;padding:7px 9px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);text-align:left;vertical-align:middle}.directory-table th{height:34px;background:var(--surface2);color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.directory-table tbody tr{cursor:pointer;transition:background .12s}.directory-table tbody tr:hover{background:var(--surface2)}.directory-name{display:flex;align-items:center;gap:4px}.directory-name>span{min-width:0}.directory-name b,.directory-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-name b{font-size:10px}.directory-name small{margin-top:1px;color:var(--muted);font-size:7px}.sort-head{padding:0;border:0;background:transparent;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;font-weight:inherit;cursor:pointer}.sort-head span{opacity:.34}.fav{width:19px;height:19px;border:0;border-radius:6px;background:transparent;color:#7f8a9c;font-size:12px;line-height:19px;padding:0;cursor:pointer;opacity:.22}.directory-table tr:hover .fav,.fav.on{opacity:1}.fav.on{color:#d5a500}.fav:hover{background:var(--surface2)}.status{display:inline-flex;min-height:21px;align-items:center;padding:0 7px;border-radius:999px;background:var(--surface2);font-size:7px;font-weight:850;letter-spacing:.01em}.status-active{background:#eaf7ef;color:#187047;border:1px solid #b9dcc9}.status-paused{background:#fff5de;color:#8a6418;border:1px solid #ead39c}.status-inactive{background:#f1f3f6;color:#687386;border:1px solid #d8dde5}.dark .status-active{background:#d9ece0;color:#155c3c;border-color:#9bc2aa}.dark .status-paused{background:#3a301d;color:#e6c66e;border-color:#60502c}.dark .status-inactive{background:#222b38;color:#a5afbe;border-color:#394354}.mobile-directory{display:none}.mobile-directory-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left;cursor:pointer}.mobile-directory-row b,.mobile-directory-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-directory-row small{margin-top:3px;color:var(--muted);font-size:11px}.mobile-directory-row em{font-style:normal;color:var(--muted);font-size:9px}
.entity-drawer-bg{position:fixed;inset:0;z-index:170;background:rgba(0,0,0,.54)}.entity-drawer{position:absolute;right:0;top:0;width:min(650px,100%);height:100%;overflow:auto;background:var(--surface);box-shadow:-22px 0 70px rgba(0,0,0,.25)}.entity-modal{width:min(760px,calc(100vw - 24px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.entity-head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(12px)}.entity-head h2{margin:2px 0;font-size:20px}.entity-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#26344a;color:#fff;font-weight:800}.entity-view{padding-bottom:22px}.entity-section{padding:16px;border-bottom:1px solid var(--line)}.entity-section h3{margin:0 0 12px;font-size:14px}.entity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entity-info{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);min-width:0}.entity-info small,.entity-info b{display:block}.entity-info small{color:var(--muted);font-size:11px}.entity-info b{margin-top:3px;font-size:13px;overflow-wrap:anywhere}.entity-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);cursor:pointer}.entity-docs{display:grid;gap:7px;margin-bottom:9px}.entity-doc-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:9px}.entity-doc-row span{min-width:0;flex:1}.entity-doc-row b,.entity-doc-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-doc-row small{color:var(--muted);font-size:11px}.entity-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px}.entity-form label{display:grid;gap:5px;font-size:12px;font-weight:650}.entity-form textarea{min-height:88px;resize:vertical}.entity-form .wide{grid-column:1/-1}.entity-form .check{display:flex;align-items:center;gap:8px}.entity-form .check input{width:auto;min-height:0}.form-actions{display:flex;align-items:center;gap:10px}.form-msg{color:var(--muted);font-size:12px}.form-notice{padding:10px 12px;border:1px solid #e7bf64;border-radius:9px;background:color-mix(in srgb,#f6c75a 13%,var(--surface));font-size:12px;color:var(--muted)}
@media(max-width:900px){.directory-head{align-items:flex-start}.directory-controlbar{align-items:flex-start}.directory-advanced .directory-toolbar{position:fixed;left:10px;right:10px;top:68px;width:auto}.directory-table-wrap{display:none}.mobile-directory{display:grid;gap:7px}.entity-drawer{width:100%}.entity-head{padding-top:max(15px,env(safe-area-inset-top))}.entity-form{grid-template-columns:1fr}.entity-form .wide{grid-column:auto}.entity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.directory-head{display:grid}.directory-head>.btn{margin-left:0;width:100%}.directory-controlbar{display:grid}.directory-status-tabs{overflow:auto;flex-wrap:nowrap}.directory-advanced{justify-self:start}.directory-toolbar{display:grid;grid-template-columns:1fr}.directory-toolbar .dir-search{min-width:0}.entity-grid{grid-template-columns:1fr}.entity-form{padding:12px}.entity-head{padding-inline:12px}}
