:root{
  --accent:#0891b2;
  --accent2:#7c3aed;
  --hot:#f97316;
  --ink:#08111f;
  --text:#102033;
  --muted:#526173;
  --soft:#f6fbff;
  --card:rgba(255,255,255,.78);
  --card2:rgba(248,250,252,.86);
  --line:rgba(15,23,42,.13);
  --shadow:0 24px 70px rgba(15,23,42,.14);
  --shadow2:0 18px 45px rgba(8,17,31,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{
  min-height:100vh;margin:0;overflow-x:hidden;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--text);background:#eef7ff;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;
  background:
    radial-gradient(circle at 10% 8%, color-mix(in srgb,var(--accent) 24%, transparent), transparent 24rem),
    radial-gradient(circle at 92% 6%, color-mix(in srgb,var(--accent2) 19%, transparent), transparent 28rem),
    radial-gradient(circle at 78% 86%, color-mix(in srgb,var(--hot) 18%, transparent), transparent 28rem),
    linear-gradient(135deg,#f8fcff 0%,#edf7ff 42%,#f7fbff 100%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:
    linear-gradient(rgba(15,23,42,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.055) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.18));
  animation:gridDrift 20s linear infinite;
}
.ambient-bg{position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none}
.ambient-bg span{position:absolute;width:35rem;height:35rem;border-radius:999px;filter:blur(60px);opacity:.38;animation:orbFloat 15s ease-in-out infinite;mix-blend-mode:multiply}
.ambient-bg span:nth-child(1){left:-12rem;top:12rem;background:var(--accent)}
.ambient-bg span:nth-child(2){right:-11rem;top:-5rem;background:var(--accent2);animation-delay:-5s}
.ambient-bg span:nth-child(3){left:38%;bottom:-15rem;background:var(--hot);animation-delay:-9s}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4rem,-3rem,0) scale(1.12)}}
@keyframes gridDrift{to{background-position:42px 42px}}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes cardRise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(16,185,129,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shine{to{transform:translateX(150%) rotate(14deg)}}

/* readable base */
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
strong,h1,h2,h3,h4,label,th,td,p,span,small,li{color:inherit}
p{color:var(--muted);line-height:1.62}
small{color:var(--muted)}
button{cursor:pointer}
input,select,textarea{
  width:100%;border:1px solid rgba(15,23,42,.16);border-radius:1rem;
  padding:1rem 1rem;background:rgba(255,255,255,.82)!important;color:#0f172a!important;
  outline:none;box-shadow:inset 0 1px rgba(255,255,255,.7);transition:.18s border,.18s box-shadow,.18s transform;
}
input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 70%,#0f172a)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),0 0 35px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-1px)}
textarea{min-height:7.5rem;resize:vertical}
select option{background:#fff;color:#0f172a}

.glass-card,.panel,.scanner-card,.auth-card,.sidebar,.topbar,.item-card,.stat-card{
  color:var(--text)!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,250,252,.68));
  border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px);border-radius:1.6rem;position:relative;overflow:hidden;
}
.glass-card:before,.panel:before,.item-card:before,.stat-card:before,.auth-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.95),transparent 28%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%,rgba(255,255,255,.7));opacity:.45;
}
.glass-card>* , .panel>* , .item-card>* , .stat-card>* , .auth-card>*{position:relative}

.app-shell{display:grid;grid-template-columns:19rem 1fr;gap:1rem;padding:1rem;max-width:1700px;margin:0 auto}.main-panel{display:grid;gap:1rem;min-width:0;animation:panelIn .5s ease both}.sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);padding:1rem;display:flex;flex-direction:column}.brand,.brand-logo-link{display:flex;align-items:center;gap:.75rem;font-weight:900}.brand-logo-side{width:min(100%,17.5rem);max-height:7.2rem;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(8,17,31,.18))}.brand-logo-auth{width:min(100%,28rem);max-height:11rem;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(8,17,31,.18))}.brand-logo-wrap{margin-bottom:1.5rem}.sidebar .brand-logo-link{justify-content:center;margin:.2rem 0 1rem}.side-status{margin:.6rem 0 1.2rem;padding:.85rem;border-radius:1.15rem;background:rgba(255,255,255,.66);border:1px solid rgba(15,23,42,.10);display:flex;gap:.7rem;align-items:center}.side-status strong{color:#0f172a}.side-status small,.sidebar-bottom small{display:block;color:#64748b;font-size:.75rem}.pulse-dot{width:.65rem;height:.65rem;border-radius:50%;background:#10b981;box-shadow:0 0 0 8px rgba(16,185,129,.13);animation:pulse 1.8s infinite}.nav-links{display:grid;gap:.38rem}.nav-links a{display:flex;align-items:center;gap:.75rem;padding:.86rem 1rem;border-radius:1.05rem;color:#26364b!important;border:1px solid transparent;font-weight:780;transition:.22s background,.22s color,.22s transform,.22s border,.22s box-shadow}.nav-links a span{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:.65rem;background:color-mix(in srgb,var(--accent) 13%,white);color:#075985}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,white),rgba(255,255,255,.78));border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:#06111d!important;transform:translateX(4px);box-shadow:0 12px 30px rgba(8,17,31,.08)}.sidebar-bottom{margin-top:auto;padding:1rem;border-radius:1.2rem;background:rgba(255,255,255,.66);border:1px solid rgba(15,23,42,.10)}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;min-height:5.1rem}.topbar h1{font-size:clamp(1.35rem,3vw,2.1rem);font-weight:950;letter-spacing:-.045em;color:#07111d}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:color-mix(in srgb,var(--accent) 78%,#0f172a)!important;font-weight:950}.profile-pill{display:flex;align-items:center;gap:.72rem;padding:.45rem .48rem .45rem .7rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.10);font-weight:800}.avatar{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:950}.profile-pill button{border:0;padding:.58rem .9rem;border-radius:999px;background:#0f172a;color:#fff;font-weight:850}.mobile-menu{display:none;border:0;border-radius:1rem;width:2.8rem;height:2.8rem;background:#0f172a;color:#fff}.grid-cards{display:grid;grid-template-columns:minmax(0,2fr) minmax(12rem,1fr) minmax(12rem,1fr);gap:1rem}

.hero-card,.panel,.scanner-card{padding:1.3rem}.hero-card{min-height:20rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(248,250,252,.62)),radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 18rem),radial-gradient(circle at 95% 85%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 17rem)}.hero-card:after{content:"";position:absolute;right:-5rem;top:1rem;width:15rem;height:15rem;border-radius:4rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 16%,transparent));border:1px solid rgba(15,23,42,.08);transform:rotate(10deg);animation:orbFloat 8s ease-in-out infinite}.hero-card h2{font-size:clamp(2rem,5vw,4.4rem);line-height:.94;font-weight:950;letter-spacing:-.075em;margin:.7rem 0;color:#07111d;max-width:15ch}.hero-card p,.panel p,.scanner-card p,.auth-card p{color:#48586b!important}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.panel h2,.scanner-card h2{font-size:1.22rem;font-weight:950;margin:0 0 .55rem;color:#07111d;letter-spacing:-.03em}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:1rem;padding:.95rem 1.12rem;font-weight:950;min-height:3.05rem;transition:.22s transform,.22s box-shadow,.22s opacity}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(8,17,31,.15)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;box-shadow:0 0 36px color-mix(in srgb,var(--accent) 22%,transparent)}.ghost{background:rgba(255,255,255,.72)!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.12)!important}.small-btn{min-height:2.45rem;padding:.62rem .82rem;border-radius:.8rem;font-size:.84rem}.stat-card{padding:1.2rem;min-height:13rem;display:grid;align-content:end;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 90deg,transparent,var(--accent),transparent,var(--accent2),transparent);animation:spin 12s linear infinite;opacity:.13}.stat-card span{font-size:clamp(2.25rem,5vw,3.65rem);font-weight:950;letter-spacing:-.08em;color:#07111d}.stat-card p{color:#48586b!important;font-weight:800}.table-wrap{overflow:auto;border-radius:1.2rem;border:1px solid rgba(15,23,42,.10)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.42)}th,td{text-align:left;padding:1rem;border-bottom:1px solid rgba(15,23,42,.10);color:#132238!important;vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#526173!important;font-weight:950}tr:hover td{background:rgba(8,145,178,.055)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.form-grid-wide{grid-template-columns:1fr 1.2fr 1.2fr .75fr auto}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.85rem}.item-card{display:block;padding:1rem;border-radius:1.3rem;transition:.2s transform,.2s border,.2s box-shadow;animation:cardRise .38s ease both}.item-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:var(--shadow2)}.item-top{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.item-card strong{color:#07111d;font-weight:950}.item-card p,.item-card small{color:#526173!important}.stack{display:grid;gap:.9rem}.pill{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 31%,transparent);background:color-mix(in srgb,var(--accent) 12%,white);padding:.34rem .62rem;border-radius:999px;color:#0f172a!important;font-size:.73rem;font-weight:900;white-space:nowrap}.mt-note{margin-top:.45rem;color:#075985!important}.break-all{word-break:break-all}

.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,72rem);display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;padding:1rem}.auth-panel{padding:2rem}.auth-card h1{font-size:clamp(2.35rem,5vw,4.6rem);line-height:.9;font-weight:950;letter-spacing:-.08em;margin:.4rem 0 1rem;color:#07111d}.auth-visual{min-height:32rem;border-radius:1.4rem;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 17rem),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 18rem),rgba(255,255,255,.58);border:1px solid rgba(15,23,42,.10);position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),transparent,var(--accent2),transparent,var(--accent));filter:blur(18px);opacity:.22;animation:spin 9s linear infinite;right:8%;bottom:10%}

/* checklist and QR flow */
.command-hero h2{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.04;letter-spacing:-.055em;max-width:58rem}.command-hero p{max-width:65rem}.flow-steps{display:none}.nested-checklists{display:grid;gap:1rem}.checklist-card-v4{position:relative;padding:1.15rem;border-radius:1.45rem;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(248,250,252,.64));border:1px solid rgba(15,23,42,.11);box-shadow:var(--shadow2);overflow:hidden;animation:cardRise .42s ease both}.checklist-card-v4:after{content:"";position:absolute;inset:auto -15% -45% 35%;height:7rem;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 20%,transparent),transparent);filter:blur(20px);opacity:.55;pointer-events:none}.checklist-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.95rem}.checklist-card-head h3{margin:.15rem 0 .25rem;font-size:1.35rem;letter-spacing:-.035em;color:#07111d}.checklist-badges{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.task-stack-v4{display:grid;gap:.55rem;margin:.85rem 0}.task-chip-v4,.task-row{display:flex;align-items:center;gap:.75rem;padding:.78rem .85rem;border-radius:1rem;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.10);transition:.2s transform,.2s background,.2s border;color:#132238}.task-chip-v4:hover,.task-row:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 8%,white);border-color:color-mix(in srgb,var(--accent) 25%,rgba(15,23,42,.10))}.task-num{width:2rem;height:2rem;flex:0 0 2rem;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:950;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 20%,transparent)}.task-chip-v4 small,.task-row small{display:block;color:#526173!important;margin-top:.12rem}.nested-task-form{display:grid;grid-template-columns:1.1fr 1.4fr .65fr auto;gap:.65rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(15,23,42,.10)}.checklist-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.85rem}.empty-nest{padding:.85rem;border-radius:1rem;border:1px dashed rgba(15,23,42,.18);color:#526173;background:rgba(255,255,255,.52)}.qr-card #qrcode{width:max-content;padding:1rem;border-radius:1.2rem;background:white;margin:.8rem 0;border:1px solid rgba(15,23,42,.10)}

/* manager depth */
.location-card-v5{min-height:12rem}.location-focus h2{font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:-.08em;line-height:.9;color:#07111d}.depth-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.depth-meta span{padding:.38rem .62rem;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(15,23,42,.10);color:#26364b;font-size:.78rem;font-weight:900}.manager-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.depth-card{padding:1.1rem;border-radius:1.55rem}.depth-card span{font-family:Orbitron,Inter,sans-serif;color:var(--accent);font-weight:950;letter-spacing:.14em}.depth-card h3{font-size:1.15rem;margin:.45rem 0 .4rem;color:#07111d}.ops-list{display:grid;gap:.75rem}.ops-list>div{padding:1rem;border-radius:1.1rem;background:rgba(255,255,255,.64);border:1px solid rgba(15,23,42,.10)}.deep-team table{min-width:1100px}.deep-team small{display:block;color:#64748b;margin-top:.25rem}.permission-grid{display:grid;gap:.4rem}.permission-grid label{display:flex;align-items:center;gap:.45rem;font-size:.85rem}.permission-grid input,.settings-grid .check input,.task-row input{width:auto}.deep-team textarea{min-height:4.4rem}.review-actions{display:grid;grid-template-columns:10rem minmax(12rem,1fr) auto;gap:.5rem;align-items:center}.employee-checklist-form{display:grid;gap:1rem;margin-top:1rem}.task-submit-list{display:grid;gap:.7rem}.task-row input{width:1.25rem;height:1.25rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-grid .check{display:flex;align-items:center;gap:.6rem}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.join-code-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,white),rgba(255,255,255,.76))}.join-code-panel h2{font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:.14em;color:#07111d;text-shadow:0 0 24px color-mix(in srgb,var(--accent) 24%,transparent)}

/* chat */
.chat-layout{display:grid;grid-template-columns:minmax(15rem,22rem) 1fr;gap:1rem}.chat-side,.chat-main{min-height:33rem}.thread-btn{width:100%;text-align:left;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.66);color:#132238;padding:.9rem;border-radius:1rem;transition:.18s}.thread-btn:hover,.thread-btn.active{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 10%,white);transform:translateY(-1px)}.thread-btn small{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list{height:24rem;overflow:auto;display:flex;flex-direction:column;gap:.65rem;padding:.4rem}.message{max-width:min(78%,42rem);padding:.85rem 1rem;border:1px solid rgba(15,23,42,.10);border-radius:1.1rem;background:rgba(255,255,255,.72);color:#132238}.message.mine{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,white),rgba(255,255,255,.74));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.message p{margin:.25rem 0;color:#132238!important}.message small{color:#64748b}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.7rem;margin-top:.7rem}.empty-message{color:#64748b}

/* themes keep readable */
html[data-preset="mono-ice"]{--accent:#0891b2;--accent2:#6366f1;--hot:#38bdf8}
html[data-preset="violet-haze"]{--accent:#7c3aed;--accent2:#db2777;--hot:#f97316}
html[data-preset="acid-lime"]{--accent:#65a30d;--accent2:#0891b2;--hot:#f59e0b}
html[data-preset="ember-core"]{--accent:#ea580c;--accent2:#dc2626;--hot:#f59e0b}
html[data-preset="ocean-steel"]{--accent:#0284c7;--accent2:#334155;--hot:#14b8a6}
html[data-preset="cyber-plum"]{--accent:#9333ea;--accent2:#06b6d4;--hot:#f43f5e}
html[data-preset="solar-graphite"]{--accent:#ca8a04;--accent2:#475569;--hot:#f97316}
html[data-preset="matrix-mint"]{--accent:#059669;--accent2:#0f766e;--hot:#84cc16}
html[data-preset="royal-night"]{--accent:#4f46e5;--accent2:#0ea5e9;--hot:#a855f7}

#toast-root{z-index:9999}.toast{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important}.toast[data-type="bad"]{background:linear-gradient(135deg,#991b1b,#7f1d1d)!important;color:#fff!important}

/* hard readability cleanup */
.text-white,.text-slate-50,.text-gray-50{color:#132238!important}.bg-slate-900,.bg-gray-900{background:rgba(255,255,255,.78)!important}.panel .text-white,.item-card .text-white,.glass-card .text-white{color:#07111d!important}

@media(max-width:1150px){.form-grid-wide,.nested-task-form,.manager-depth-grid{grid-template-columns:1fr 1fr}.command-hero{align-items:flex-start;flex-direction:column}.grid-cards{grid-template-columns:1fr 1fr}.hero-card{grid-column:1/-1}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:1rem;right:1rem;top:1rem;z-index:50;height:auto;max-height:calc(100vh - 2rem);overflow:auto;transform:translateY(-120%);transition:.25s transform}.sidebar.open{transform:translateY(0)}.mobile-menu{display:grid}.auth-card,.split-panels,.chat-layout,.settings-grid,.review-actions{grid-template-columns:1fr}.brand-logo-side{max-height:5.5rem}.profile-pill span:not(.avatar){display:none}}
@media(max-width:720px){.form-grid,.form-grid-wide,.nested-task-form,.manager-depth-grid,.grid-cards{grid-template-columns:1fr}.checklist-card-head{flex-direction:column}.checklist-badges{justify-content:flex-start}.topbar{align-items:flex-start}.section-head{align-items:flex-start;flex-direction:column}.auth-panel{padding:1.2rem}.auth-visual{min-height:18rem}.chat-form{grid-template-columns:1fr}.message{max-width:92%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v7 workflow polish */
.lead-note{margin:14px 0;padding:12px 14px;border:1px solid rgba(14,116,144,.22);background:linear-gradient(135deg,rgba(236,254,255,.88),rgba(255,255,255,.72));border-radius:18px;color:#143047;line-height:1.5;box-shadow:0 14px 32px rgba(15,23,42,.07)}
.lead-note strong{color:#07111f}.submit-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.84);border:1px solid rgba(15,23,42,.10);color:#172033}.submit-progress span{color:#475569}.success-card{border-color:rgba(34,197,94,.32)!important;background:linear-gradient(135deg,rgba(240,253,244,.95),rgba(255,255,255,.86))!important}.permission-grid label{background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.10);border-radius:12px;padding:8px 10px;color:#172033}.employee-checklist-form .task-row{background:rgba(255,255,255,.90);border-color:rgba(15,23,42,.12)}.employee-checklist-form .task-row strong,.employee-checklist-form textarea,.settings-grid label{color:#172033}.settings-grid .check{display:flex;align-items:center;gap:10px;min-height:48px;background:rgba(255,255,255,.70);border:1px solid rgba(15,23,42,.10);border-radius:16px;padding:12px 14px}.settings-grid input[type="checkbox"]{width:18px;height:18px}.qr-card small,.scanner-card small{color:#334155}.checklist-actions{display:flex;gap:10px;flex-wrap:wrap}.task-chip-v4{background:rgba(255,255,255,.82)!important}.task-chip-v4 strong{color:#0f172a}.task-chip-v4 small{color:#475569}

/* v8 direct assignment polish */
.assignment-composer .form-grid input,
.assignment-composer .form-grid select{min-height:50px}
.assignment-list,.notification-list,.assignment-board{display:grid;gap:14px}
.assignment-card,.notice-card{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(15,23,42,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.assignment-card:hover,.notice-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,rgba(15,23,42,.12));box-shadow:0 22px 70px rgba(15,23,42,.12)}
.assignment-card::before,.notice-card.unread::before{content:"";position:absolute;inset:-2px auto auto -2px;width:120px;height:120px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 65%);opacity:.72;pointer-events:none}
.assignment-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}
.assignment-main h3{margin:3px 0 6px;color:#0f172a;font-size:1.08rem}
.assignment-main p,.assignment-main small,.notice-card p,.notice-card small{color:#334155;line-height:1.5}
.assignment-card.done{opacity:.78}.assignment-card.done .pill{background:#dcfce7;color:#166534}.assignment-card.in-progress .pill{background:#fef3c7;color:#92400e}.assignment-card.open .pill{background:#dbeafe;color:#1d4ed8}.assignment-card.cancelled{opacity:.62}
.notice-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.notice-card.unread{border-color:color-mix(in srgb,var(--accent) 35%,rgba(15,23,42,.12))}.notice-card.read{opacity:.75}
#toast-root{position:fixed;right:20px;bottom:20px;z-index:9999;display:grid;gap:10px;max-width:min(420px,calc(100vw - 32px))}.toast{border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.94);color:#0f172a;border-radius:18px;padding:14px 16px;box-shadow:0 18px 60px rgba(15,23,42,.18);animation:toastIn .28s ease both}.toast[data-type="bad"]{border-color:#fecaca;background:#fff1f2;color:#991b1b}@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:720px){.assignment-main,.notice-card{display:grid}.assignment-card .actions{display:grid;grid-template-columns:1fr 1fr}.manager-assignment .actions{grid-template-columns:1fr}}