/* v40: visual language of the team workspace (alfa-team-workspace · Гант 2.0).
 * Icon rail 76px that slides out to 238px over the content (hover, focus or ☰), translucent topbar,
 * soft gradient canvas, white 20px cards with hairline + faint shadow, grey controls, red primary,
 * dark active pill. Content never jumps: the rail reserves the same width when expanded.
 */
:root{--tw-bg:#f6f6f8;--tw-ink:#242529;--tw-muted:#777b85;--tw-line:#e9eaef;--tw-control:#f2f3f5;--tw-primary:#fa3323;--tw-primary-h:#e52c1d;--tw-shadow:0 3px 18px #27304406;--tw-rail:76px;--tw-rail-open:238px}
body{background:linear-gradient(115deg,#fafafa,#f5f5f7 65%,#f7f4f5) fixed!important;color:var(--tw-ink)}
[data-slot=sidebar-wrapper]{background:transparent!important}

/* ---- rail ---- */
@media(min-width:768px){
 [data-slot=sidebar-gap]{width:var(--tw-rail)!important}
 [data-slot=sidebar-container]{width:var(--tw-rail)!important;transition:width .2s ease,box-shadow .2s ease;overflow:hidden;z-index:500!important;border-right:1px solid #e9eaef80!important;background:#fffdfef0!important;backdrop-filter:blur(24px)}
 [data-slot=sidebar-container]:hover,[data-slot=sidebar-container]:focus-within,body.ab-menu-open [data-slot=sidebar-container]{width:var(--tw-rail-open)!important;box-shadow:16px 0 40px #3037440f}
 [data-slot=sidebar-inner]{background:transparent!important;width:100%!important;min-width:0;padding:18px 12px!important}
 .app-sidebar .brand{opacity:0;transition:opacity .14s ease}
 [data-slot=sidebar-container]:hover .brand,[data-slot=sidebar-container]:focus-within .brand,body.ab-menu-open [data-slot=sidebar-container] .brand{opacity:1}
 .app-sidebar .brand-text,.app-sidebar .nav-item span,.app-sidebar .nav-item b,.app-sidebar .resource-kicker,.app-sidebar [data-slot=sidebar-footer] a{opacity:0;transition:opacity .14s ease;white-space:nowrap}
 [data-slot=sidebar-container]:hover :is(.brand-text,.nav-item span,.nav-item b,.resource-kicker,[data-slot=sidebar-footer] a),[data-slot=sidebar-container]:focus-within :is(.brand-text,.nav-item span,.nav-item b,.resource-kicker,[data-slot=sidebar-footer] a),body.ab-menu-open [data-slot=sidebar-container] :is(.brand-text,.nav-item span,.nav-item b,.resource-kicker,[data-slot=sidebar-footer] a){opacity:1}
}
.ab-sidebar-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.rail-toggle{flex:none;width:50px;height:40px;display:grid;place-items:center;border:0;border-radius:13px;background:#f4f4f6;color:#454954;cursor:pointer}
.rail-toggle:hover{background:#ececf0}.rail-toggle:focus-visible{outline:2px solid var(--tw-primary);outline-offset:2px}
.app-sidebar .brand{display:flex;align-items:center;gap:10px;padding:0!important;min-width:0;background:none;border:0}
.app-sidebar .brand-mark{width:30px!important;height:30px!important;border-radius:9px!important}
.app-sidebar .brand-text{font-size:16px!important;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.app-sidebar .brand-text small{display:block;font-size:12px!important;font-weight:400;color:var(--tw-muted);margin-top:2px}
.app-sidebar [data-slot=sidebar-content]{overflow-x:hidden!important}.app-sidebar [data-slot=sidebar-menu]{gap:10px!important}.app-sidebar [data-slot=sidebar-menu-item]{min-width:0}
.app-sidebar .nav-item{width:100%!important;min-width:0;overflow:hidden;height:46px!important;min-height:46px;padding:0 15px!important;gap:18px!important;border-radius:13px!important;font-size:12px!important;font-weight:500!important;color:var(--tw-ink)!important;background:transparent!important;box-shadow:none!important}
.app-sidebar .nav-item svg{width:20px!important;height:20px!important;min-width:20px;flex:none;color:#737984}
.app-sidebar .nav-item:hover:not([data-active=true]){background:#f2f3f6!important}
.app-sidebar .nav-item[data-active=true]{background:#242529!important;color:#fff!important;font-weight:600!important}
.app-sidebar .nav-item[data-active=true]:hover{background:#36373c!important}
.app-sidebar .nav-item[data-active=true] svg,.app-sidebar .nav-item[data-active=true] b{color:#fff!important}
.app-sidebar .nav-item b{margin-left:auto;font-size:12px;font-weight:600;color:var(--tw-muted);background:none!important}
.app-sidebar [data-slot=sidebar-footer]{border-top:1px solid var(--tw-line);padding-top:12px!important}
.app-sidebar .resource-kicker{font-size:11px!important;color:var(--tw-muted)!important}
.app-sidebar [data-slot=sidebar-footer] a{font-size:12px!important}
.ab-menu-scrim{display:none}
body.ab-menu-open .ab-menu-scrim{display:block;position:fixed;inset:0;z-index:490;border:0;padding:0;background:#31394745;backdrop-filter:blur(3px)}

/* ---- topbar ---- */
.topbar{height:58px!important;min-height:58px;padding:10px 28px!important;background:#ffffffed!important;backdrop-filter:blur(12px);border-bottom:1px solid #eeeef2!important;position:sticky;top:0;z-index:100}
.topbar .crumbs{font-size:12px!important;gap:10px!important;color:var(--tw-muted)}
.topbar .crumbs strong{font-weight:500!important;color:#2a2c33}
.topbar .crumb-link{font-size:12px!important;color:var(--tw-muted)!important}
.topbar .sync-indicator{font-size:12px!important;color:var(--tw-muted)}
.topbar [data-slot=button],.topbar .external{height:36px!important;padding:0 14px!important;border-radius:30px!important;border:1px solid #ececf2!important;background:#fff!important;font-size:12px!important;font-weight:500!important;color:var(--tw-ink)!important;box-shadow:none!important}
.topbar [data-slot=button]:hover,.topbar .external:hover{background:#fafafb!important}

/* ---- canvas, cards, controls ---- */
.workspace{padding:24px 28px 48px!important}
.page-heading h1,h1{font-size:30px!important;font-weight:600!important;letter-spacing:-.035em!important}
.panel,.test-tile,.abd-verdict,.abd-stage,.abv{border:1px solid var(--tw-line)!important;box-shadow:var(--tw-shadow)}
.panel{border-radius:22px!important}.test-tile{border-radius:20px!important}
.abd-verdict,.abd-stage,.abv{box-shadow:none}
.workspace [data-slot=button]{border-radius:12px!important;font-weight:500!important}
.workspace [data-slot=button]:not([class*=bg-primary]):not(.ab-export-primary){background:var(--tw-control)!important;border-color:transparent!important;color:var(--tw-ink)!important}
.workspace [data-slot=button][class*=bg-primary],.ab-export-primary{background:var(--tw-primary)!important;color:#fff!important;border-color:transparent!important}
.workspace [data-slot=button][class*=bg-primary]:hover,.ab-export-primary:hover{background:var(--tw-primary-h)!important}
.workspace [data-slot=input],.workspace [data-slot=textarea],.workspace [data-slot=select-trigger],.workspace select,.abr-field{background:var(--tw-control)!important;border-color:transparent!important;border-radius:12px!important}
.workspace [data-slot=input]:focus,.workspace [data-slot=textarea]:focus,.workspace select:focus{background:#fff!important;border-color:#e1e2e7!important}
/* filters: dark active pill */
.test-filter{background:#fff!important;border:1px solid var(--tw-line);border-radius:999px!important;padding:4px!important}
.test-filter-tab{border-radius:999px!important;font-size:13px!important;font-weight:500!important}
.test-filter-tab.is-active{background:var(--tw-ink)!important;color:#fff!important}
.test-filter-tab.is-active .test-filter-count{color:#ffffffb3!important}
[data-slot=select-trigger].choice.test-sort{background:#fff!important;border:1px solid var(--tw-line)!important}
.ab-report-tabs button[aria-pressed=true]{background:var(--tw-ink)!important;color:#fff!important}
.app-footer{font-size:12px!important;color:var(--tw-muted)!important;border-top:1px solid #eeeef2!important}
.app-sidebar [data-slot=sidebar-footer] a{white-space:normal!important;line-height:1.35;width:100%;padding-right:6px}
.app-sidebar :is([data-slot=sidebar-content],[data-slot=sidebar-group],[data-slot=sidebar-group-content],[data-slot=sidebar-menu],[data-slot=sidebar-header],[data-slot=sidebar-footer]){padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.app-sidebar [data-slot=sidebar-header]{padding-top:0!important}