/* Vape Room 2026 · Mint-green accent refresh */
:root{--accent:#30C92A;--accent-dark:#238f20;--accent-light:#effbf0;--ink:#222b29;--muted:#7f8984;--line:#e7ece8}
body,.workspace{background:#f6f8f7;color:#26302c}
.sidebar{background:#fff;border-right:1px solid #e5ebe7}.sidebar .nav-link{color:#68746b}
.sidebar .nav-link:hover{background:#f0f9f0;color:#237d25;transform:translateX(3px)}
.sidebar .nav-link:hover .nav-icon{background:#e5f8e5;color:#27ad23}
.sidebar .nav-link.active{color:#238b23;background:#effaef;border:1px solid #cdf0cb;box-shadow:none}
.sidebar .nav-link.active::before{background:#30C92A}
.sidebar .nav-link.active .nav-icon{background:#ddf7dc;color:#269923}
.sidebar .nav-link .nav-indicator{color:#2ca827}
.nav-group-label{color:#95a19a}.logo-mark span,.brand-dot{color:#30C92A}.portal-logo .logo-mark{background:#e9fae8!important;color:#207e21!important;border-color:#d3f2d1!important}
.logo-words small,.person-text small{color:#829086}
.avatar,.top-avatar{background:#e7f8e6;border-color:#cbefc9;color:#227a21}
.sidebar-bottom{background:#fff;border-top:1px solid #ecf0ed}.sidebar-logout:hover{background:#eef9ef;color:#2b9d29;border-color:#d5f0d4}
.topbar{border-color:#e8eee9;background:#ffffffed}.crumb b{color:#39463e}
.kicker,.eyebrow,.login-eyebrow,.welcome-hero .welcome-eyebrow{color:#259926}
.btn-primary,.btn-amber{background:#30C92A!important;border-color:#30C92A!important;color:#082a0b!important;box-shadow:none!important}
.btn-primary:hover,.btn-amber:hover{background:#28b923!important;border-color:#28b923!important;box-shadow:0 8px 18px #30c92a21!important;transform:translateY(-2px)}
.btn:hover:not(.btn-primary):not(.btn-danger){border-color:#c6eac5;background:#f5fcf4;color:#248b24}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #30C92A;outline-offset:2px}
input:focus,textarea:focus,select:focus{border-color:#30C92A;box-shadow:0 0 0 3px #30c92a18}
input[type=radio],input[type=checkbox]{accent-color:#30C92A}
.welcome-hero{border:1px solid #e4ede4;background:linear-gradient(112deg,#fff 0%,#f8fbf9 68%,#ecf7ed 100%)}
.welcome-hero::before{border-color:#b7e7b64d;box-shadow:0 0 0 50px #daf5d92c,0 0 0 108px #eaf9e927}
.welcome-hero .welcome-eyebrow::before,.status-dot{background:#30C92A;box-shadow:0 0 0 4px #30c92a16}
.welcome-hero h2{color:#25352b}.welcome-hero p{color:#7e8e81}
.hero-orb{background:linear-gradient(145deg,#50d44b,#22991f);box-shadow:0 14px 25px #21921d24}
.hero-visual span{text-shadow:0 1px 5px #12750f3d}
.panel,.stat-card,.feature-card,.item-card,.quiz-stepper{border-color:#e8eeea;box-shadow:0 3px 18px #1c422507}
.stat-card::after{background:#30c92a0c}.stat-card:hover,.item-card:hover,.feature-card:hover{border-color:#bce9ba;box-shadow:0 14px 30px #25832110}
.stat-icon,.feature-card .feature-icon,.item-leading{background:#eff9ee;border-color:#e2f4e1;color:#2c9e2b}
.feature-card::after{background:linear-gradient(90deg,#30C92A,#9fec9d)}
.feature-card:hover .feature-icon{background:#dff7de}.feature-card .feature-action{color:#269925}
.notice{background:#f7fbf7;border-color:#e2f0e3;color:#5b7660}.notice strong{color:#354f38}.notice .notice-icon{color:#30992d}
.tag.good{background:#edfaec;color:#288924;border:1px solid #caedc8}.tag.amber{background:#f7f7f4;color:#777965;border-color:#e7e8dc}
.data-table th{background:#f9fbf9;color:#79857d;border-bottom-color:#e8eee9}
.data-table td{border-bottom-color:#edf2ee}.data-table tbody tr:hover{background:#f6fcf6}
.step-dot.now{background:#eafbe9;color:#249222;border-color:#30C92A;box-shadow:0 0 0 4px #30c92a16}
.step-dot.done,.progressbar .fill{background:#30C92A;border-color:#30C92A}
.quiz-choice:hover{background:#f6fcf6;border-color:#b2e7b0}.quiz-choice:has(input:checked){background:#eefbee;border-color:#30C92A;box-shadow:0 0 0 3px #30c92a12}
.quiz-editor-question{background:#fcfefd;border-color:#e6eee7}.upload-zone{background:#fbfdfb;border-color:#c4e5c2}.upload-zone:hover{background:#f3fbf3;border-color:#30C92A}
.pill-btn:hover{border-color:#30C92A}.pill-btn.selected{background:#30C92A;border-color:#30C92A;color:#0f2d11;box-shadow:0 7px 15px #30c92a1a}
.login-page,.login-shell{background:#f7f9f8}.login-box{border-color:#e8eee8;box-shadow:0 20px 55px #1b37230d}.login-intro h1{color:#29342b}
.login-foot{color:#9caaa0}.show-pass{color:#239523}
.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filters-panel{padding:16px 18px;margin:0 0 18px;border-radius:16px}
.filter-bar select,.filter-bar input{height:43px;min-height:43px;padding:10px 14px;border:1px solid #e4ebe6;border-radius:11px;background:#fff;font-weight:650;font-size:12px;color:#39463d}
.filter-bar select{width:auto;min-width:160px;max-width:235px}
.filter-search{display:flex;align-items:center;position:relative;flex:1 1 250px;min-width:210px;max-width:470px}
.filter-search input{width:100%;padding-left:37px;margin:0}.filter-search span{position:absolute;z-index:1;left:14px;font-size:23px;font-weight:500;line-height:1;color:#8ba190;pointer-events:none}
.filter-count{margin-left:auto;color:#8b9a8d;font-size:11px;white-space:nowrap;font-weight:800}.filter-actions{display:flex;align-items:center;margin-left:auto}
.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions .btn{padding:6px 9px;min-height:32px}
.points-cell{font-size:13px;color:#278d25!important}.btn-soft{color:#2b9128;border-color:#d5ebd5}
.answer-audit{max-height:48vh;overflow:auto;display:grid;gap:10px;margin:20px 0;padding-right:6px}
.answer-audit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px;border:1px solid #e3eee3;border-radius:12px;background:#fbfdfb;text-align:left}
.answer-audit-row strong{font-size:12px;color:#303b32}.answer-audit-row .muted{margin-top:7px;font-weight:450;line-height:1.6;font-size:11px}
.answer-audit-row .muted b{color:#248925}.answer-audit-row .tag{flex:0 0 auto}
@media(max-width:780px){.filter-bar{align-items:stretch}.filter-search{max-width:none;flex-basis:100%}.filter-bar select{min-width:0;flex:1 1 135px;max-width:none}.filter-count{margin-left:0;flex-basis:100%}.filter-actions{margin-left:0}.row-actions{min-width:250px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}