/* Everflow workspace — Tabler-inspired operations shell */
:root{--ws-primary:#206bc4;--ws-primary-soft:#e9f2fc;--ws-border:#dfe3e8;--ws-border-soft:#edf0f3;--ws-bg:#f6f8fb;--ws-surface:#fff;--ws-text:#182433;--ws-muted:#667382;--ws-sidebar:252px;--ws-topbar:72px;--ws-radius:10px;--ws-shadow:0 1px 2px rgba(24,36,51,.045)}
body.ws3{margin:0;background:var(--ws-bg);color:var(--ws-text);font-size:15px;line-height:1.5}
body.ws3 *{scrollbar-color:#c5ccd5 transparent;scrollbar-width:thin}
body.ws3 :focus-visible{outline:3px solid rgba(32,107,196,.2);outline-offset:2px}

/* App shell */
.ws-app{width:100%;min-height:100dvh;margin:0;display:grid;grid-template-columns:var(--ws-sidebar) minmax(0,1fr);gap:0;transition:grid-template-columns .18s ease}
.ws-side{position:sticky;top:0;z-index:70;width:auto;height:100dvh;padding:0 12px 14px;border:0;border-right:1px solid var(--ws-border);border-radius:0;background:var(--ws-surface);color:var(--ws-text);box-shadow:none;overflow-x:hidden;overflow-y:auto;transition:width .18s ease,transform .18s ease}
.ws-brand{position:sticky;top:0;z-index:2;min-height:var(--ws-topbar);margin:0 -12px 8px;padding:0 14px;border-bottom:1px solid var(--ws-border-soft);background:rgba(255,255,255,.96);display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px)}
.ws-brand img{width:34px;height:34px;border-radius:9px;flex:0 0 34px}.ws-brand>span{min-width:0}.ws-brand strong{font-size:15px;letter-spacing:-.01em}.ws-brand small{margin-top:0;color:#8994a1;font-size:11px}.ws-side-toggle{width:30px;height:30px;margin-left:auto;border:1px solid var(--ws-border);border-radius:6px;background:#fff;color:#6c7886;display:grid;place-items:center;cursor:pointer}.ws-side-toggle:hover{color:var(--ws-primary);background:#f8fafc}
.ws-label{padding:16px 10px 6px;color:#97a0ab;font-size:10px;line-height:1;font-weight:700;letter-spacing:.08em}.ws-nav{display:grid;gap:2px}.ws-nav button,.ws-nav a{position:relative;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#4d5b6a;display:flex;align-items:center;justify-content:flex-start;gap:10px;font:inherit;font-size:13px;font-weight:560;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.ws-nav button:hover,.ws-nav a:hover{background:#f1f4f7;color:var(--ws-text)}.ws-nav button.active,.ws-nav button[aria-current="page"]{background:var(--ws-primary-soft);color:var(--ws-primary);box-shadow:inset 3px 0 0 var(--ws-primary)}.ws-nav-icon{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center}.ws-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-nav button>span:last-child,.ws-nav a>span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-nav-badge{min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:10px;background:#e9edf2;color:#586575;display:grid;place-items:center;font-size:10px}.ws-nav button.active .ws-nav-badge{background:#fff;color:var(--ws-primary)}
.ws-owner{margin-top:18px;padding:14px 8px 0;border-top:1px solid var(--ws-border-soft);display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}.ws-owner:before{content:'OW';width:34px;height:34px;border-radius:8px;background:var(--ws-primary);font-size:10px}.ws-owner strong{font-size:12px}.ws-owner small{margin-top:1px;color:#8994a1;font-size:11px}
.ws-main{min-width:0}.ws-top{position:sticky;top:0;z-index:50;min-height:var(--ws-topbar);padding:0 24px;border:0;border-bottom:1px solid var(--ws-border);border-radius:0;background:rgba(255,255,255,.94);box-shadow:none;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between}.ws-page-head{min-width:0;display:flex;align-items:center;gap:12px}.ws-crumb{color:#8b96a3;font-size:11px}.ws-top h1{margin:1px 0 0;color:var(--ws-text);font-size:20px;line-height:1.25;letter-spacing:-.025em}.ws-menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--ws-border);border-radius:7px;background:#fff;color:#596676;place-items:center;cursor:pointer}.ws-tools{display:flex;align-items:center;gap:8px}.ws-command-trigger{min-width:220px;height:38px;padding:0 8px 0 11px;border:1px solid var(--ws-border);border-radius:7px;background:#fff;color:#8a95a2;display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;cursor:pointer}.ws-command-trigger:hover{border-color:#bec7d1;color:#586574}.ws-command-trigger>span:nth-child(2){text-align:left;flex:1}.ws-command-trigger svg,.ws-menu-toggle svg,.ws-side-toggle svg,.ws-command header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-command-trigger kbd,.ws-command header kbd{padding:2px 6px;border:1px solid #dfe3e8;border-bottom-width:2px;border-radius:5px;background:#f8f9fb;color:#7d8895;font:600 10px/1.4 inherit}.ws-health{height:38px;padding:0 10px;border:1px solid var(--ws-border);border-radius:7px;background:#fff;color:#667382;font-size:12px}.ws-health i{width:7px;height:7px}.ws-updated{color:#8994a1;font-size:11px}.ws-content{padding:20px 24px 48px}.ws-panel.active{animation:wsTablerPanel .16s ease both}@keyframes wsTablerPanel{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Page content */
.ws-intro{min-height:62px;padding:0 0 16px;display:flex;align-items:center;justify-content:space-between}.ws-intro h2{margin:2px 0 0;font-size:22px;letter-spacing:-.025em}.ws-intro p{margin:3px 0 0;color:var(--ws-muted);font-size:13px;line-height:1.55}.eyebrow{color:var(--ws-primary);font-size:10px;letter-spacing:.1em}.ws-intro-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ws-btn{min-height:38px;padding:0 13px;border:1px solid #cfd5dc;border-radius:6px;background:#fff;color:#344252;font-size:13px;font-weight:600;box-shadow:0 1px 1px rgba(24,36,51,.03);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease}.ws-btn:hover{border-color:#b9c2cc;background:#f8fafc}.ws-btn.primary{border-color:var(--ws-primary);background:var(--ws-primary);color:#fff}.ws-btn.primary:hover{border-color:#1b5da9;background:#1b5da9}.ws-btn:active{transform:translateY(1px)}
.ws-card,.quality-summary article,.risk-summary article,.feedback-summary article,.analytics-summary article,.user-summary article,.membership-summary article,.oxygen-count{border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:var(--ws-surface);box-shadow:var(--ws-shadow)}.ws-card{padding:18px}.ws-card h3{margin:0 0 8px;font-size:16px}.ws-card-head{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--ws-border-soft);display:flex;align-items:center}.ws-card-head h3{margin:0}.ws-card-head p{margin:2px 0 0;color:#85909d;font-size:12px}.ws-grid{gap:14px}.ws-grid.two,.ws-grid.overview-main,.ws-grid.overview-secondary{margin-top:14px}.ws-grid.editor{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}
.ws-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ws-kpi{min-height:112px;padding:16px;border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:#fff;box-shadow:var(--ws-shadow)}.ws-kpi:after{display:none}.ws-kpi span{color:#667382;font-size:12px}.ws-kpi strong{margin-top:8px;color:var(--ws-text);font-size:28px}.ws-kpi small{color:#8b96a3;font-size:11px}.ws-kpi-accent{position:relative;background:#fff;color:var(--ws-text);border-color:#bfd7f2;box-shadow:inset 3px 0 0 var(--ws-primary)}.ws-kpi-accent span,.ws-kpi-accent small{color:#667382}.ws-kpi-accent strong{color:var(--ws-primary)}
.quality-summary,.risk-summary,.feedback-summary,.analytics-summary,.user-summary,.membership-summary{gap:12px;margin-bottom:14px}.quality-summary article,.risk-summary article,.feedback-summary article,.analytics-summary article,.user-summary article,.membership-summary article{padding:15px 17px}.quality-summary span,.risk-summary span,.feedback-summary span,.analytics-summary span,.user-summary span,.membership-summary span{font-size:12px}.quality-summary strong,.risk-summary strong,.feedback-summary strong,.analytics-summary strong,.user-summary strong,.membership-summary strong{margin-top:5px;font-size:24px}.quality-summary small,.risk-summary small,.feedback-summary small,.analytics-summary small{font-size:11px}.risk-summary .danger{border-color:#edc8cc;background:#fff}
.quick-grid{gap:8px}.quick-grid button{min-height:68px;padding:12px;border:1px solid var(--ws-border);border-radius:7px;background:#fff}.quick-grid button:hover{border-color:#aebbc9;background:#f8fbff;transform:none}.quick-grid strong{font-size:13px}.quick-grid small{font-size:11px}.ws-alert{padding:11px 0}.ws-alert button{color:var(--ws-primary)}
.ws-row{padding:11px 0}.ws-row strong{font-size:13px}.ws-row small{font-size:11px}.pill{min-height:24px;padding-inline:8px;border-radius:5px;font-size:10px}.pill.pro{background:#1f2937}.pill.member{background:#fff2c7;color:#7a5810}.pill.ok{background:#e6f6ee;color:#1e7b4d}.pill.bad{background:#fdebee;color:#b02e3e}.ws-actions button{min-height:33px;border-radius:5px;font-size:11px}
.ws-filter,.question-admin-filter{margin-bottom:14px;padding:12px;border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:#fff;box-shadow:var(--ws-shadow)}.ws-filter>.ws-btn{height:40px;font-size:13px}.ws-field{font-size:12px}.ws-field input,.ws-field textarea,.ws-field select,.question-admin-filter input,.question-admin-filter select,.question-admin-form input,.question-admin-form select,.question-admin-form textarea,.question-resolution textarea{border-radius:6px;border-color:#ced4dc;font-size:13px}.ws-check{font-size:13px}.ws-form-actions{margin-top:14px}
.ws-table{border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:#fff;box-shadow:var(--ws-shadow)}.ws-table th,.ws-table td{padding:12px 14px;font-size:12px}.ws-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#647181;font-size:11px;letter-spacing:.02em}.ws-table tbody tr:hover{background:#fafcff}.ws-table td span[style]{font-size:11px!important}.table-footer{font-size:12px}
.chart-stage,.chart-empty,.donut-wrap{min-height:240px}.chart-stage svg{height:240px}.chart-grid-line{stroke:#e8edf2}.range-switch{padding:3px;border-radius:7px}.range-switch button{min-height:32px;border-radius:5px;font-size:12px}.range-switch button.active{background:var(--ws-primary)}.donut{width:150px;height:150px}.donut:after{inset:27px}.donut-center strong{font-size:24px}.subject-track{height:7px}.subject-track i{background:var(--ws-primary)}

/* Workflows */
.feedback-ticket{padding:14px;border:1px solid var(--ws-border);border-left:3px solid #cbd3dc;border-radius:8px;box-shadow:var(--ws-shadow)}.feedback-ticket>button{border-radius:5px;color:var(--ws-primary)}.feedback-ticket-body p{font-size:12px}.quality-bank,.question-admin-item,.question-feedback-link,.question-upload-row,.question-resolution{border-radius:7px}.question-admin-list-card{top:92px}.question-admin-layout{gap:14px}.question-admin-item{padding:10px}.question-admin-item.active{border-color:var(--ws-primary);box-shadow:inset 3px 0 0 var(--ws-primary)}.question-admin-empty{min-height:360px}.question-admin-heading h3{font-size:18px}.question-admin-actions{position:sticky;bottom:0;z-index:3;margin:15px -18px -18px;padding:12px 18px;border-top:1px solid var(--ws-border);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.question-save-resolve{background:var(--ws-primary)!important;border-color:var(--ws-primary)!important}.phone-preview{border-radius:12px}.oxygen-count{padding:15px}.oxygen-count strong{font-size:24px}.secret-box{border-radius:7px}
.ws-drawer,.feedback-editor{border-left:1px solid var(--ws-border);border-radius:0;box-shadow:-14px 0 36px rgba(24,36,51,.12)}.ws-drawer-backdrop,.feedback-editor-backdrop{background:rgba(24,36,51,.3)}.ws-toast{border-radius:8px;box-shadow:0 8px 28px rgba(24,36,51,.16)}

/* Collapsed desktop rail */
@media(min-width:981px){body.ws-sidebar-collapsed .ws-app{grid-template-columns:76px minmax(0,1fr)}body.ws-sidebar-collapsed .ws-brand{justify-content:center;padding-inline:10px}body.ws-sidebar-collapsed .ws-brand>span,body.ws-sidebar-collapsed .ws-brand img,body.ws-sidebar-collapsed .ws-label,body.ws-sidebar-collapsed .ws-nav button>span:last-child,body.ws-sidebar-collapsed .ws-nav a>span:last-child,body.ws-sidebar-collapsed .ws-nav-badge,body.ws-sidebar-collapsed .ws-owner strong,body.ws-sidebar-collapsed .ws-owner small{display:none}body.ws-sidebar-collapsed .ws-side-toggle{margin:0}body.ws-sidebar-collapsed .ws-nav button,body.ws-sidebar-collapsed .ws-nav a{justify-content:center;padding:0}body.ws-sidebar-collapsed .ws-nav button.active{box-shadow:none}body.ws-sidebar-collapsed .ws-owner{display:flex;justify-content:center;padding-inline:0}}

/* Command palette */
.ws-command-backdrop{position:fixed;inset:0;z-index:200;padding:11vh 18px 24px;background:rgba(24,36,51,.36);backdrop-filter:blur(3px)}.ws-command{width:min(590px,100%);max-height:min(620px,78dvh);margin:0 auto;border:1px solid #cfd6de;border-radius:11px;background:#fff;box-shadow:0 24px 80px rgba(20,32,47,.25);overflow:hidden}.ws-command header{height:58px;padding:0 15px;border-bottom:1px solid var(--ws-border);display:flex;align-items:center;gap:10px;color:#758190}.ws-command header input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ws-text);font:inherit;font-size:15px}.ws-command-results{max-height:470px;padding:8px;overflow:auto}.ws-command-group{padding:8px 9px 5px;color:#929ca7;font-size:10px;font-weight:750;letter-spacing:.08em}.ws-command-item{width:100%;min-height:46px;padding:0 10px;border:0;border-radius:7px;background:#fff;color:#344252;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;font:inherit;cursor:pointer}.ws-command-item:hover,.ws-command-item.selected{background:var(--ws-primary-soft);color:var(--ws-primary)}.ws-command-item .ws-nav-icon{display:grid}.ws-command-item strong{font-size:13px}.ws-command-item small{color:#8a95a1;font-size:11px}.ws-command-item kbd{color:#99a3ae;font-size:10px}.ws-command-empty{padding:42px 16px;text-align:center;color:#8994a1;font-size:13px}.ws-command footer{min-height:38px;padding:0 14px;border-top:1px solid var(--ws-border);background:#f8fafc;color:#8a95a1;display:flex;align-items:center;gap:15px;font-size:10px}.ws-nav-backdrop{display:none}

/* Tablet and phone */
@media(max-width:1280px){.ws-kpis{grid-template-columns:repeat(3,1fr)}.ws-command-trigger{min-width:180px}.ws-grid.overview-main{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr)}}
@media(max-width:980px){.ws-app{display:block;width:100%;margin:0}.ws-side{position:fixed;top:0;left:0;z-index:120;width:min(290px,86vw);height:100dvh;display:flex;flex-direction:column;padding:0 12px 14px;border-right:1px solid var(--ws-border);border-radius:0;background:#fff;transform:translateX(-102%);box-shadow:16px 0 42px rgba(24,36,51,.15);overflow-y:auto}.ws-side>.ws-nav{display:grid;overflow:visible}.ws-brand,.ws-label,.ws-owner{display:flex}.ws-label{display:block}.ws-brand>span{display:block}.ws-owner{display:grid}.ws-nav button,.ws-nav a{width:100%;justify-content:flex-start}.ws-nav button>span:last-child,.ws-nav a>span:last-child{display:block}.ws-nav-backdrop{position:fixed;inset:0;z-index:110;background:rgba(24,36,51,.28);backdrop-filter:blur(2px)}body.ws-mobile-nav-open .ws-side{transform:translateX(0)}body.ws-mobile-nav-open .ws-nav-backdrop{display:block}.ws-side-toggle{display:none}.ws-menu-toggle{display:grid}.ws-top{top:0;min-height:64px;padding:0 16px}.ws-content{padding:16px 16px 42px}.ws-command-trigger{min-width:40px;width:40px;padding:0;justify-content:center}.ws-command-trigger>span:nth-child(2),.ws-command-trigger kbd{display:none}.ws-updated{display:none}.ws-grid.overview-main,.ws-grid.overview-secondary,.analytics-grid,.ws-grid.editor{grid-template-columns:1fr}.analytics-grid .wide-chart{grid-column:auto}}
@media(max-width:760px){.ws-top h1{font-size:17px}.ws-crumb{font-size:10px}.ws-tools{gap:6px}.ws-health{display:none}.ws-content{padding:13px 12px 36px}.ws-intro{align-items:flex-start;flex-direction:column;padding-bottom:13px}.ws-intro h2{font-size:20px}.ws-intro p{font-size:12px}.ws-kpis,.quality-summary,.risk-summary,.feedback-summary,.analytics-summary,.user-summary,.membership-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ws-kpi{min-height:96px;padding:13px}.ws-kpi strong{font-size:24px}.ws-card{padding:14px}.ws-filter,.audit-filter,.risk-filter,.feedback-filter,.question-admin-filter{grid-template-columns:1fr}.question-admin-filter .search{grid-column:auto}.question-admin-layout{grid-template-columns:1fr}.question-admin-list-card{position:static}.question-admin-actions{margin:14px -14px -14px;padding:11px 14px}.feedback-ticket{grid-template-columns:1fr}.feedback-ticket-meta{display:flex}.ws-form{grid-template-columns:1fr}.ws-form .wide{grid-column:auto}.question-admin-form{grid-template-columns:1fr}.question-admin-form .wide{grid-column:auto}.ws-command-backdrop{padding-top:7vh}.ws-command footer{display:none}}
@media(max-width:460px){.ws-top{padding-inline:10px}.ws-menu-toggle{width:36px;height:36px}.ws-top .ws-btn[data-ws-refresh]{width:38px;padding:0;font-size:0}.ws-top .ws-btn[data-ws-refresh]:after{content:'↻';font-size:18px}.ws-content{padding-inline:9px}.ws-kpis{grid-template-columns:1fr 1fr}.ws-kpi{min-height:92px}.quick-grid{grid-template-columns:1fr}.ws-drawer,.feedback-editor{width:100%;padding:18px}.question-admin-actions .ws-btn{width:100%}.ws-command{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.ws-app,.ws-side,.ws-panel.active{transition:none;animation:none}}