/* Shared public/admin chrome. Changes here apply to both surfaces. */
.reference-skin{--layout-sidebar-width:268px;--layout-column-left:calc(18px + var(--layout-sidebar-width) + 18px);--menu-submenu-font:400 11px/1.65 var(--font);--menu-submenu-letter-spacing:-.25px}
.reference-skin .site-shell{margin-left:var(--layout-column-left)}
.reference-skin .topbar{left:var(--layout-column-left)}
.reference-skin #sidebar.sidebar{width:var(--layout-sidebar-width);padding-right:10px;border:0;box-shadow:8px 0 22px #52617c20,inset 0 1px 0 #ffffffb3}
.reference-skin #sidebar .sidebar-scroll{margin-right:0;padding-right:0;scrollbar-width:none;scrollbar-gutter:auto}
.reference-skin #sidebar .sidebar-scroll::-webkit-scrollbar{display:none}
.reference-skin #sidebar .sidebar-note{display:none}
.reference-skin #sidebar .sidebar-bottom{margin-right:0}
.reference-skin #sidebar .sidebar-scrollbar{position:absolute;right:2px;width:6px;padding:0;border:0;border-radius:8px;background:transparent;opacity:0;pointer-events:none;transition:opacity .18s;touch-action:none;z-index:4}
.reference-skin #sidebar.is-scroll-active .sidebar-scrollbar{opacity:1;pointer-events:auto}
.reference-skin #sidebar .sidebar-scrollbar-thumb{position:absolute;top:0;left:0;right:1px;border-radius:8px;background:#a6a6b0;min-height:26px}
.reference-skin #sidebar .sidebar-scrollbar:hover .sidebar-scrollbar-thumb{background:#777984}
.reference-skin #sidebar .sidebar-scrollbar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.reference-skin #sidebar details.admin-menu-group{margin:0}
.reference-skin #sidebar details.admin-menu-group>summary{display:flex;align-items:center;cursor:pointer;list-style:none}
.reference-skin #sidebar details.admin-menu-group>summary::-webkit-details-marker{display:none}
.reference-skin #sidebar details.admin-menu-group>summary::after{content:'›';font-size:17px;margin-left:auto;transition:transform .18s}
.reference-skin #sidebar details.admin-menu-group[open]>summary::after{transform:rotate(90deg)}
.reference-skin #sidebar .sidebar-subcategory{display:flex;justify-content:flex-start;gap:9px;text-align:left}
.reference-skin #sidebar .sidebar-subcategory .sidebar-contact-count{--contact-count-size:max(22px,calc(var(--contact-count-digits,1)*6px + 8px));display:inline-grid;place-items:center;flex:none;width:var(--contact-count-size);height:var(--contact-count-size);min-width:0;margin-left:auto;padding:0;border:0;border-radius:50%;background:var(--accent,#8063c4);color:#fff;opacity:1;font:400 9px/1 var(--font);letter-spacing:0;font-variant-numeric:tabular-nums}
.reference-skin #sidebar .sidebar-subcategory,.reference-skin .admin-tool-table .visibility-choice>button{font:var(--menu-submenu-font);letter-spacing:var(--menu-submenu-letter-spacing)}
.reference-skin .topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex:1;margin-left:auto}
.reference-skin .topbar .topbar-left{flex:0 0 auto;min-width:0}
.reference-skin .topbar .topbar-right{justify-content:flex-end;flex:none;display:flex;gap:12px}
.reference-skin .topbar .global-search{display:flex;flex:0 1 560px;width:min(560px,45vw);max-width:560px;min-width:150px;margin:0}
.reference-skin .topbar .topbar-site-link{display:inline-flex;white-space:nowrap;font-size:11px}
.reference-skin.admin-reference table :is(th,td){text-align:center!important;vertical-align:middle}
.reference-skin.admin-reference table :is(.admin-tool-actions,.table-action-group){justify-content:center}
.reference-skin .admin-tools-table-heading{display:flex;align-items:center;justify-content:flex-end;margin:0 0 14px;gap:10px}
.reference-skin .admin-tools-table-heading .btn{display:inline-flex;align-items:center;gap:6px}
.reference-skin .admin-tool-filters>.admin-multiselect{position:relative;display:flex;flex:1 1 170px;flex-direction:column;gap:3px;min-width:0;padding:10px 14px 8px;border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-background)}
.reference-skin .admin-multiselect>.control-label{font-size:11px;color:var(--field-label);line-height:1.5;font-weight:400}
.reference-skin .admin-multiselect .multiselect-trigger{display:block;position:relative;width:100%;min-height:26px;padding:2px 23px 2px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:500 14px/1.65 var(--font);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.reference-skin .admin-multiselect .multiselect-trigger::after{content:'';position:absolute;right:2px;top:11px;width:5px;height:5px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);transition:transform .16s}
.reference-skin .admin-multiselect:focus-within{border-color:var(--field-focus);box-shadow:0 0 0 3px #3469e810}
.reference-skin .admin-multiselect .multiselect-trigger[aria-expanded=true]::after{transform:translateY(3px) rotate(225deg)}
.multiselect-popup{position:fixed;inset:auto;z-index:10000;box-sizing:border-box;margin:0;padding:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #e4e2ec;border-radius:14px;background:#fff;color:#38364b;box-shadow:0 12px 36px #29233e25;font:12px/1.6 var(--font);letter-spacing:0}
.multiselect-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.multiselect-header strong{font-size:12px;font-weight:500}.multiselect-header>span{font-size:10px;color:#8c809e}
.reference-skin .multiselect-popup>input[type=search]{display:block;width:100%;height:37px;min-height:37px;padding:8px 10px;border:1px solid #e1ddea;border-radius:8px;background:#fbfaff;font:11px/1.6 var(--font);box-shadow:none}
.multiselect-options{max-height:248px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.reference-skin .multiselect-popup .multiselect-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;min-height:35px;margin:2px 0;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#494653;font-size:11px;font-weight:400;cursor:pointer}
.multiselect-popup .multiselect-option:hover{background:#f7f4fd}.multiselect-popup .multiselect-option:has(input:checked){background:#f0eaff;color:#7255ad}
.reference-skin .multiselect-popup .multiselect-option input[type=checkbox]{flex:0 0 15px;width:15px;height:15px;min-height:0;margin:0;accent-color:#8965d9;cursor:pointer}
.multiselect-popup .multiselect-all{margin:8px 0!important;border-bottom:1px solid #f0edf5!important;border-radius:0!important}.multiselect-group{margin:10px 8px 4px;font-size:10px;font-weight:500;color:#a69ab8}.multiselect-empty{margin:20px 8px;text-align:center;font-size:11px;color:#999}
.multiselect-popup :is(input,button):focus-visible{outline:2px solid #9978d8;outline-offset:2px}
.reference-skin .admin-tool-table .readiness-choice{width:150px}
.readiness-choice[data-enabled=false]>.visibility-choice-indicator{transform:translateX(0) skewX(-18deg)}
.readiness-choice[data-enabled=true]>.visibility-choice-indicator{transform:translateX(100%) skewX(-18deg)}
.tool-readiness-badge{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:3px 9px;border-radius:8px;background:#eeebf8;color:#786d99;font-size:10px;vertical-align:middle}
.tool-readiness-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#a2aecb}
.tool-readiness-badge.is-pending{background:#fff1db;color:#9a691e}
.tool-readiness-badge.is-pending::before{background:#e8a743}
.reference-skin .workspace-status.is-pending{background:#fff1db;color:#9a691e}
.workspace-preparing-note{padding:14px 18px;margin:0 0 16px;border:1px solid #f0dfc4;background:#fff9ee;color:#91652a;border-radius:12px;font-size:12px}
.tool-workspace.is-preparing .workspace-body{opacity:.62}
.tool-workspace.is-preparing{cursor:default}
@media(max-width:1100px){
 .reference-skin{--layout-sidebar-width:276px}
 .reference-skin .site-shell{margin-left:12px}
 .reference-skin .topbar{left:12px}
 .reference-skin #sidebar.sidebar{left:-320px;transform:none}
 .reference-skin #sidebar.sidebar.open{left:12px}
 .reference-skin .topbar .breadcrumb{display:none}
}
@media(max-width:760px){
 .reference-skin .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 38px;height:108px;padding:12px;gap:10px;border-radius:22px 22px 15px 15px;left:8px;right:8px;top:8px}
 .reference-skin .site-shell{padding-top:128px;margin-left:8px}
 .reference-skin .topbar-controls{display:contents}
 .reference-skin .topbar .topbar-left{grid-column:1;grid-row:1;gap:9px}
 .reference-skin .topbar .topbar-right{grid-column:2;grid-row:1;gap:7px}
 .reference-skin .topbar .topbar-right>.btn{display:inline-flex}
 .reference-skin .topbar .language-picker{grid-column:1;grid-row:2;justify-self:start}
 .reference-skin .topbar .language-picker select{width:108px;max-width:108px;height:36px;min-height:36px;padding-left:9px;font-size:10px}
 .reference-skin .topbar .global-search{grid-column:1/-1;grid-row:2;width:auto;max-width:none;min-width:0;margin-left:118px;height:36px;min-height:36px}
 .reference-skin .topbar .topbar-site-link{font-size:10px}
 .reference-skin .topbar .btn{white-space:nowrap;font-size:10px;padding:6px 8px}
 .reference-skin #sidebar.sidebar.open{left:8px}
}
@media(max-width:600px){.reference-skin .admin-tool-filters>.admin-multiselect{flex-basis:calc(50% - 7px)}}
@media(prefers-reduced-motion:reduce){.reference-skin #sidebar .sidebar-scrollbar{transition:none}}
