/* /app.css */
:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f1f8;background:#0b090f;font-synthesis:none;--surface:#121019;--line:#2b2636;--muted:#a49aac;--accent:#cc31df;--purple:#9140e4}*{box-sizing:border-box}body{margin:0;min-width:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:11px;background:#16131d;color:inherit}button:hover{border-color:#8c5da0}button:disabled{cursor:default;opacity:.5}button.primary{background:linear-gradient(115deg,var(--accent),var(--purple));border:0;font-weight:650}input,select,textarea{width:100%;min-width:0;min-height:48px;padding:12px 14px;background:#0f0c14;color:inherit;border:1px solid var(--line);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid #bb6de6;outline-offset:2px}label{display:grid;gap:9px;font-size:14px;color:#cfc5d7}h1{font-size:clamp(26px,4vw,36px);margin:8px 0 12px;letter-spacing:-.025em;overflow-wrap:anywhere}h2{font-size:20px;line-height:1.4;margin:24px 0 12px;overflow-wrap:anywhere}p{line-height:1.6}.muted,.footnote{color:var(--muted)}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.19em;margin:0;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:20;background:#100d16f5;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.topbar-inner{max-width:1260px;margin:auto;min-height:78px;padding:14px 28px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:750}.brand img{width:36px;height:36px;object-fit:contain;border-radius:9px}.badge{font-size:11px;border:1px solid #46304e;background:#21132b;border-radius:6px;padding:5px 8px;color:#dfb5ed;white-space:nowrap}.account{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px}.account button{font-size:12px}.main{max-width:1200px;min-width:0;margin:0 auto;padding:38px 28px calc(110px + env(safe-area-inset-bottom,0px))}.page-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.page-head>div{min-width:0}.page-head p{margin-bottom:0}.filters{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin-bottom:24px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .16s ease,background .16s ease;min-width:0;display:flex;flex-direction:column}.project-card:hover{border-color:#885399;background:#17101d}.card-top,.card-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center}.client{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.next-step{color:var(--muted);font-size:14px;margin:0 0 30px}.card-bottom{margin-top:auto;flex-wrap:wrap;font-size:13px}.status-pill{background:#21182c;color:#d9b6eb;border:1px solid #3e2b4b;border-radius:6px;padding:6px 9px;font-size:11px}.footnote{font-size:12px;margin-top:28px}.empty{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px solid var(--line);border-radius:16px}.notice{border:1px solid #49305b;padding:14px 17px;border-radius:12px;background:#21162c;margin:0 0 22px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.notice.error{border-color:#883c52;background:#2d1622;color:#ffcedc}.notice.warning{background:#2a2318;border-color:#74623c}.notice button{margin-top:12px;display:block}.back{display:inline-block;padding:9px 0;margin-bottom:24px;color:#d2b5e2;font-size:14px}.detail-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px}.detail-card fieldset{padding:0;border:0;min-width:0;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wide{grid-column:1/-1}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.form-footer p{font-size:12px;max-width:440px}.form-footer button{flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#100d17f7;border-top:1px solid var(--line);padding:9px max(14px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:60px}.bottom-nav a{min-width:75px;min-height:50px;display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border-radius:9px}.bottom-nav a span{font-size:24px;line-height:1}.bottom-nav a.active{color:#e3b2f3;background:#24162f}.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px}.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px}.logo{width:58px;height:58px;object-fit:contain;border-radius:14px;margin-bottom:23px}.auth-card form{display:grid;gap:19px;margin-top:28px}.auth-card>.primary{width:100%}.legacy-link{display:block;color:#b8a5c4;text-align:center;margin-top:24px;font-size:13px}@media(max-width:950px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topbar-inner{padding:10px 16px;min-height:66px;gap:10px}.brand span,.account>span{display:none}.main{width:100%;padding:28px 16px calc(100px + env(safe-area-inset-bottom,0px))}.filters{grid-template-columns:minmax(0,1fr)}.project-grid{grid-template-columns:minmax(0,1fr)}.project-card{padding:22px}.form-grid{grid-template-columns:minmax(0,1fr);gap:20px}.detail-card{padding:21px 17px}.page-head{gap:12px;align-items:flex-start}.page-head button{font-size:12px;flex-shrink:0}.form-footer{align-items:stretch;flex-direction:column;gap:10px}.form-footer p{margin:0}.bottom-nav{justify-content:space-around;gap:0}.bottom-nav a{min-width:65px}.auth-card{padding:28px 22px}.badge{font-size:10px}.account button{padding:8px 10px}input,textarea,select{font-size:16px}.notice{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.task-list{display:grid;gap:12px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:12px}.task-row>div{min-width:0;overflow-wrap:anywhere}.task-row p{margin:6px 0;font-size:13px}.task-row small{color:var(--muted)}.task-row:hover{border-color:#885399}.related{margin-top:30px}.related-links{display:flex;flex-wrap:wrap;gap:20px}.related-links .back{margin:0}.bottom-nav{gap:30px}.bottom-nav a{min-width:60px}.task-row .status-pill{flex-shrink:0}@media(max-width:600px){.bottom-nav{gap:0}.bottom-nav a{min-width:0;flex:1}.task-row{align-items:flex-start;flex-direction:column}}

.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:11px;background:#16131d;color:inherit;font-size:14px}.button.primary{background:linear-gradient(115deg,var(--accent),var(--purple));border:0;font-weight:650}.archive-link{font-size:13px;color:#d2b5e2;margin-left:auto;padding:10px}.account{margin-left:0}.danger{color:#f0b8c9}.page-head>.page-actions{justify-content:flex-end}.task-row button{flex-shrink:0}@media(max-width:600px){.page-head{flex-wrap:wrap}.page-head>.page-actions{justify-content:flex-start;width:100%}.archive-link{margin-left:auto}.page-actions .button,.page-actions button{font-size:13px;padding:10px 12px}.brand{flex-shrink:0}}

.template-outline{padding-left:20px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.template-task{padding:22px 0;border-top:1px solid var(--line)}.template-task>.danger{margin-top:16px}.schedule{padding-left:24px}.schedule li{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.schedule li p{font-size:13px;margin:5px 0}.template-task input{min-width:0}

.header-links{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:13px}.file-name{overflow-wrap:anywhere}input[type=file]{max-width:100%;height:auto;padding:12px}fieldset small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}@media(max-width:600px){.header-links{gap:12px;font-size:12px}.topbar-inner{flex-wrap:wrap}.topbar .badge{display:none}}

.calendar-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:24px;align-items:start;width:100%;min-width:0}.calendar-card{width:100%;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.calendar-toolbar{padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.calendar-toolbar h2{margin:0}.calendar-grid,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;min-width:0}.calendar-weekdays{border-top:1px solid var(--line)}.calendar-weekdays span{text-align:center;padding:14px 0;color:var(--muted);font-size:12px}.calendar-day{min-width:0;min-height:110px;padding:8px 5px;border-top:1px solid var(--line);border-right:1px solid var(--line);display:block}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other{opacity:.45}.calendar-day.selected{box-shadow:inset 0 0 0 2px #c177de;background:#22162e}.calendar-day:focus-visible{outline:2px solid #eab3ff;outline-offset:-3px}.calendar-day.today .calendar-num{color:#f1b2ff}.calendar-num{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;gap:2px}.calendar-num small{font-size:10px;color:var(--muted)}.calendar-events{display:grid;gap:4px;margin-top:8px}.calendar-event{display:block;font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid #a96be9;background:#22192e;padding:2px 3px}.calendar-event.meeting{border-color:#ff6bcd}.calendar-event.payment{border-color:#e2b861}.calendar-event.lead{border-color:#6ed4bc}.calendar-event.done{opacity:.5;text-decoration:line-through}.calendar-agenda{width:100%;min-width:0}.calendar-agenda h2{margin-top:0}.calendar-agenda .task-row{display:block}.calendar-agenda .task-row h2,.task-list .task-row h2{font-size:17px;margin:10px 0}.calendar-agenda .button{width:100%}@media(max-width:900px){.calendar-shell{grid-template-columns:minmax(0,1fr)}.calendar-agenda{margin-top:12px}}@media(max-width:600px){.calendar-day{min-height:86px;padding:7px 3px}.calendar-toolbar{padding:16px}.calendar-event{font-size:9px}.header-links{order:3;width:100%;margin:0;justify-content:space-between}.account{margin-left:auto}}

/* Work and finance fit narrow PWA screens. */
.header-links{flex-wrap:wrap}.budget-card{min-width:0;padding:24px}.budget-card strong{font-size:26px}.budget-card .page-actions{align-items:stretch}.filters.related{flex-wrap:wrap}.filters.related>*{min-width:0}.filters.related label{display:flex;gap:8px;align-items:center}.task-row h2{overflow-wrap:anywhere}
@media(max-width:600px){.filters.related>*{flex:1 1 100%}.budget-card{padding:18px}.header-links{gap:12px}.form-footer{flex-wrap:wrap}}

.timer-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,env(safe-area-inset-left));background:#24132f;border-bottom:1px solid #633482;flex-wrap:wrap}.timer-banner a{color:#f3dcff;overflow-wrap:anywhere}.timer-panel{margin:24px 0;padding:24px}.timer-panel button{margin:12px 12px 0 0}.timer-panel h2{margin-top:0}

/* Dnes uses the same task identities and mobile navigation as the other screens. */
.today-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.today-stat{background:var(--panel,#14131c);border:1px solid var(--line,#302b3c);border-radius:16px;padding:24px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:16px;text-decoration:none;min-width:0}.today-stat span{font-size:.9rem;color:var(--muted,#aaa6b7)}.today-stat strong{font-size:2.3rem;line-height:1}.today-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.today-column{display:flex;flex-direction:column;gap:24px;min-width:0}.today-panel{background:var(--panel,#14131c);border:1px solid var(--line,#302b3c);border-radius:16px;padding:24px;min-width:0;overflow-wrap:anywhere}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.2rem}.section-heading a{font-size:.85rem}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:18px;height:18px}.today-task{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line,#302b3c);padding:20px 0}.today-task>a{flex:1;min-width:0;text-decoration:none;color:inherit}.today-task p{margin:.4rem 0}.today-task small{color:var(--muted,#aaa6b7)}.today-task>button{flex-shrink:0}.today-panel .task-row{box-shadow:none;background:transparent;padding:16px 0;border-width:0 0 1px;border-radius:0}.today-panel .back{margin-top:18px}
@media(max-width:760px){.today-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.today-stat{padding:18px}.today-grid{grid-template-columns:minmax(0,1fr)}.today-panel{padding:18px}.today-task{gap:10px}.today-task>button{padding:10px;font-size:.8rem}.today-stat span{font-size:.8rem}}
.header-links{flex-wrap:wrap;min-width:0}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}

.finance-table{overflow-x:auto;max-width:100%}.finance-table table{width:100%;border-collapse:collapse}.finance-table th,.finance-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border,#292633)}

.notification-list{display:grid;gap:16px;margin:20px 0}.notification-card{min-width:0;overflow-wrap:anywhere}.notification-card.unread{border-left:3px solid #b55af2}.notification-heading{display:flex;gap:16px;align-items:start;justify-content:space-between}.notification-heading h2{font-size:1.1rem;margin:0}.notification-run{border-top:1px solid var(--line);padding:14px 0}.notification-card .page-actions{flex-wrap:wrap}.notification-card button{white-space:normal}@media(max-width:600px){.notification-heading{flex-direction:column;gap:8px}.notification-card .page-actions{align-items:stretch;flex-direction:column}}

.notification-filter{display:flex;align-items:center;gap:10px;min-height:44px}.notification-filter input[type="checkbox"]{width:20px;height:20px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--accent)}

/* Delivery settings: compact, touch-friendly controls. */
.delivery-options{display:grid;gap:14px;margin:20px 0}.detail-card .check{display:flex;align-items:center;gap:12px}.detail-card .check input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin:0;accent-color:var(--accent,#c73ee9)}

.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.rule-card{min-width:0;overflow-wrap:anywhere}.rule-card h2{margin-top:0}.rule-preview{padding-left:20px}.rule-preview li{padding:10px 0}.rule-draft{min-height:220px;resize:vertical}.rule-card .badge{white-space:nowrap}@media(max-width:760px){.rule-grid{grid-template-columns:minmax(0,1fr)}}

.history-list{display:grid;gap:16px;margin:24px 0}.history-list article{min-width:0}.history-id{display:block;margin-top:16px;overflow-wrap:anywhere;color:var(--muted)}.history-subscription{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #2c293b}.history-subscription small{display:block;overflow-wrap:anywhere}.history-list time{font-size:13px;color:var(--muted)}@media(max-width:600px){.history-subscription{align-items:stretch;flex-direction:column}.history-list .card-top{flex-wrap:wrap;gap:8px}}

/* /workspace-v5.css */
/* SCORPYNEX Workspace 4 — shared visual system */
:root{--sidebar:248px;--bg:#07070c;--bg2:#0b0b12;--panel:#11111a;--panel2:#151522;--line:#26263a;--text:#f6f3ff;--muted:#9692a8;--pink:#ff38d1;--pink2:#f05cff;--purple:#8b5cf6;color-scheme:dark}
html,body{background:var(--bg);font-size:14px;line-height:1.5}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}button svg{width:19px;height:19px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid var(--pink2);outline-offset:3px}::selection{background:#703b84;color:white}
.sidebar{padding:22px 16px 14px;height:100dvh;overflow:hidden;background:#0b0b12;border-right:1px solid #242332;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;text-align:left;padding:0 8px 12px;flex-shrink:0}.brand img{width:44px;height:48px;filter:none;object-fit:contain}.brand .name{font-size:16px;letter-spacing:1.6px;margin:0}.brand small{display:block;letter-spacing:4px;font-size:9px;color:#b5a8c7;margin-top:2px}.nav{overflow-y:auto;overflow-x:hidden;min-height:0;gap:3px;scrollbar-width:thin;scrollbar-color:#30273c transparent;flex:1}.nav-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:18px 14px 8px}.nav button{min-height:41px;height:41px;flex-shrink:0;font-size:13px;gap:11px;border-radius:8px;padding:0 14px;position:relative}.nav button svg{width:18px;height:18px}.nav button.active{background:linear-gradient(95deg,#ff38d122,#8b5cf61a);box-shadow:inset 3px 0 var(--pink);color:#fff}.nav button.active svg{color:var(--pink2)}.nav .count{font-size:10px}.sidebar-foot{margin-top:0;padding:10px 0 0;border-top:1px solid var(--line);flex-shrink:0}.sidebar-foot .user{padding:6px 8px}.user b{font-size:12px}.user small{font-size:10px}.avatar{width:34px;height:34px;font-size:12px;background:linear-gradient(140deg,#b42e9e,#492266);border:1px solid #9f3ba85c;flex-shrink:0}.logout{margin-top:8px;padding:9px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:10px}.backend-pill{display:none!important}
.main{margin-left:var(--sidebar);min-width:0}.topbar{height:70px;min-height:70px;padding:0 32px;border-bottom:1px solid var(--line);background:#0b0b12f5;position:sticky;top:0;z-index:25;display:flex;gap:20px;justify-content:space-between}.topbar>div:first-child{flex:1;min-width:0}.topicons{gap:12px}.round{border:1px solid var(--line);background:transparent;color:#bbb5ce;width:35px;height:35px;border-radius:9px;display:inline-grid;place-items:center}.round:hover{background:var(--panel2);color:white}.round svg{width:18px;height:18px}.search{width:270px;background:#11111a;border:1px solid var(--line);border-radius:9px;margin-left:auto;padding:0 10px;gap:9px;height:36px}.search input{font-size:12px;background:none;width:100%;color:var(--text)}.search .key{font-size:10px;color:var(--muted)}.search>span:first-child{font-size:22px}.search-results{top:62px;right:130px;left:auto;width:420px;border-radius:12px;background:#14131d;border-color:#383346;max-height:65vh;overflow:auto;box-shadow:0 20px 70px #0009}.search-results button{padding:13px 16px}.search-results button b{font-size:13px}.search-results button small{font-size:11px}.search-results button span{font-size:10px}.search-results button.selected{background:#8b5cf622;box-shadow:inset 3px 0 var(--pink)}
.route-controls{display:flex;gap:5px;flex-shrink:0}.route-controls .round{width:29px;height:29px;border:0}.breadcrumbs{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap}.breadcrumbs button{color:var(--muted);background:none;border:0;padding:0;font-size:12px}.breadcrumbs b{color:#e1dbe9;font-weight:500;max-width:210px;overflow:hidden;text-overflow:ellipsis}.breadcrumbs .slash{color:#524b64}.sync-status{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.sync-status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--purple)}.sync-status[data-state="pending"]:before{background:var(--amber)}.sync-status[data-state="error"]{color:#ff83b3}.sync-status[data-state="error"]:before{background:#ff5b97}.sync-status button{background:none;border:0;color:var(--pink2);font-size:10px;padding:0}
.content{padding:32px;max-width:1800px;margin:auto;min-height:calc(100dvh - 70px)}.headline,.section-head{margin:0 0 24px;align-items:center;gap:18px}.headline h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 9px;font-weight:700}.headline h1 span{color:var(--text)}.headline p,.section-head p{font-size:13px;color:var(--muted)!important;margin:6px 0 0}.section-head h2{font-size:27px;letter-spacing:-.6px;line-height:1.25;margin:0}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#a8a0ba;margin-bottom:9px}.dash-actions{display:flex;align-items:center;gap:10px}.btn{min-height:38px;padding:9px 14px;border-radius:8px;font-size:12px;background:#12121c;border:1px solid #353145;color:#dcd6e7;gap:8px;box-shadow:none}.btn.primary,.auth-submit{background:linear-gradient(110deg,#e42cd7,#8b42f4);border:1px solid #d44af270;color:#fff;font-weight:600;box-shadow:0 5px 22px #9e37dc12}.btn:hover,.iconbtn:hover{transform:none;border-color:#70607f}.smallbtn{min-height:31px;padding:6px 10px;font-size:11px;border-radius:7px}.iconbtn{min-width:30px;min-height:30px;border-radius:7px;font-size:14px}.card{background:linear-gradient(135deg,#12121c,#101019);border:1px solid var(--line);border-radius:11px;box-shadow:none}.panelhead{padding:19px 21px;border-bottom:1px solid #26263a;display:flex;gap:12px;align-items:center;justify-content:space-between}.panelhead h3{font-size:15px;font-weight:650;margin:0}.panelhead p{font-size:11px;color:var(--muted);margin:4px 0 0}.text-link{font-size:11px;color:#bb8fff;display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;text-decoration:none}.text-link:hover{color:#eca0f8}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #4d355f;background:#8b5cf60e;border-radius:6px;color:#c29be8;font-size:10px;white-space:nowrap}.pill.pink{color:#f19bdd;border-color:#6c2d61;background:#ff38d10b}.pill.gray{color:#b3adbd;border-color:#343140;background:#17151f}.pill.green{color:#95ddbd;border-color:#355746;background:#38d98509}.page-enter{animation:pageEnter .16s ease}
.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;margin-bottom:24px}.overview-stat{display:flex;align-items:center;gap:15px;padding:0 24px;text-align:left;border:0;border-right:1px solid #302c40;background:transparent;color:var(--text);min-width:0}.overview-stat:last-child{border-right:0}.overview-stat svg{width:29px;height:29px;color:var(--pink2);flex-shrink:0}.overview-stat span{display:block;font-size:12px;color:#a9a0bb}.overview-stat strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.5px;margin-top:6px}.overview-stat:hover strong{color:#f0a4ec}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.overview-main,.overview-aside{min-width:0;display:flex;flex-direction:column;gap:20px}.project-line{display:grid;grid-template-columns:minmax(150px,1fr) 110px 105px 32px;align-items:center;gap:14px;padding:17px 21px;border-bottom:1px solid #26263a}.project-line:last-child{border-bottom:0}.project-line.header{padding:12px 21px;color:var(--muted);font-size:9px;letter-spacing:.7px;text-transform:uppercase}.project-name{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;color:var(--text);min-width:0;padding:0}.project-name b{display:block;font-size:13px;font-weight:550}.project-name small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.monogram{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #533168;border-radius:8px;background:#8b5cf614;color:#d2a0f6;font-size:17px}.progress-mini{height:5px;border-radius:5px;background:#2a2638;overflow:hidden;margin-top:7px}.progress-mini i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:5px}.project-progress{font-size:10px;color:var(--muted)}
.task-tabs,.view-switch{display:flex;gap:5px;align-items:center}.task-tabs button,.view-switch button{border:0;background:none;color:var(--muted);padding:7px 10px;font-size:11px;border-radius:6px}.task-tabs button.active,.view-switch button.active{background:#8b5cf625;color:#eedcff}.task-line{display:grid;grid-template-columns:22px minmax(0,1fr) 32px 80px 30px;align-items:center;gap:12px;padding:15px 21px;border-bottom:1px solid #26263a}.task-line:last-child{border-bottom:0}.task-line .task-open{background:none;border:0;text-align:left;padding:0;color:var(--text);min-width:0}.task-line b{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.task-line small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.task-line time{font-size:10px;color:#b1a4c3;text-align:right}.task-line time.late{color:#fa88b1}.task-line.is-done b{text-decoration:line-through;color:var(--muted)}.task-line .initials{font-size:9px;width:25px;height:25px;border-radius:50%;background:#8b5cf628;color:#d9c3ee;display:grid;place-items:center}.task-tick{height:18px;width:18px;background:none;border:1.5px solid #8e829f;border-radius:4px;padding:0;color:white;font-size:12px;display:grid;place-items:center}.task-tick[aria-checked="true"]{background:var(--purple);border-color:var(--purple)}.task-footer{padding:13px 21px}.task-footer button{background:none;border:0;color:#f078eb;font-size:12px;display:flex;align-items:center;gap:8px}.timeline-meeting{display:grid;grid-template-columns:42px 12px minmax(0,1fr);gap:10px;padding:17px 20px;border:0;background:none;color:var(--text);text-align:left;width:100%}.timeline-meeting time{font-size:11px;color:#b0a1c4}.timeline-meeting i{margin-top:4px;width:7px;height:7px;border-radius:50%;background:var(--pink);position:relative}.timeline-meeting i:after{content:'';position:absolute;left:3px;top:12px;width:1px;height:48px;background:linear-gradient(var(--pink),transparent);opacity:.3}.timeline-meeting b{font-size:12px;font-weight:550;display:block}.timeline-meeting small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.panel-footer{padding:13px 21px;border-top:1px solid var(--line);text-align:right}.completion-body{display:grid;place-items:center;padding:23px}.completion-ring{--pct:0;position:relative;width:154px;height:154px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,var(--pink) 0%,var(--purple) calc(var(--pct)*1%),#292433 0)}.completion-ring:before{content:'';position:absolute;inset:10px;background:#11111a;border-radius:50%}.completion-ring>div{position:relative;text-align:center}.completion-ring strong{font-size:29px;font-weight:650}.completion-ring span{font-size:19px;color:#b3a3c7}.completion-ring small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.attention-list{padding:6px 20px}.attention-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#c3b9d1;text-align:left;font-size:11px}.attention-item:last-child{border:0}.attention-item b{font-size:13px;color:#f393c9}.attention-item span{display:flex;gap:8px;align-items:center}.attention-item svg{height:16px;width:16px;color:#c093e8}
.toolbar-v4{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.toolbar-v4 .input-search{min-width:190px;flex:1}.toolbar-v4 input,.toolbar-v4 select{height:39px;padding:8px 12px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:#11111a;color:#d8cfe2;outline:none}.toolbar-v4 input:focus{border-color:#8e55ac}.toolbar-v4 .view-switch{padding:3px;border:1px solid var(--line);background:#11111a;border-radius:8px}.count-note{color:var(--muted);font-size:11px;margin-bottom:12px}.empty-v4{padding:36px 24px;text-align:center;color:var(--muted)}.empty-v4 svg{width:30px;height:30px;margin-bottom:12px;color:#ab76da}.empty-v4 b{display:block;color:#d4c9e0;font-size:14px;margin-bottom:7px}.empty-v4 p{font-size:12px;margin:0 auto 18px;max-width:360px}.clients-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-v4{padding:21px;min-width:0}.client-v4 .client-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:17px}.client-v4 h3{font-size:15px;margin:12px 0 4px}.client-v4 .client-person{font-size:11px;color:var(--muted);margin:0}.client-v4 .client-contact{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#b4a9c2;margin:15px 0;min-height:36px;overflow-wrap:anywhere}.client-v4 .client-contact a{text-decoration:none}.client-v4 .client-contact a:hover{color:var(--pink2)}.client-v4 .client-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;gap:10px;color:var(--muted);font-size:10px}.client-v4 .client-title{border:0;background:none;padding:0;color:var(--text);text-align:left}.client-v4 .client-title:hover h3{color:#edbef6}.projects-table{width:100%;border-collapse:collapse;text-align:left}.projects-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:500}.projects-table th,.projects-table td{padding:15px 20px;border-bottom:1px solid var(--line)}.projects-table td{font-size:12px;color:#cfc4dc}.projects-table tr:last-child td{border-bottom:0}.projects-table td:first-child{min-width:190px}.projects-table .cell-actions{display:flex;gap:5px;justify-content:flex-end}.meeting-list{display:flex;flex-direction:column;gap:12px}.meeting-row{padding:19px 22px;display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:20px;align-items:center}.meeting-row .meeting-date{font-size:12px;color:#bf93e3}.meeting-row .meeting-date b{display:block;font-size:21px;color:var(--text)}.meeting-row h3{font-size:14px;margin:0}.meeting-row p{font-size:11px;color:var(--muted);margin:5px 0 0}.meeting-row .meeting-actions{display:flex;gap:6px}.story-head{padding:20px}.story-title-line h3{font-size:15px}.story-desc{font-size:12px;line-height:1.6}.story-meta,.story-client,.story-open-badge,.story-done-badge{font-size:11px}.story-task{padding:14px 18px;gap:12px}.story-task-title b{font-size:12px}.story-task-title small,.story-task-meta{font-size:11px}.story-task-actions{gap:4px}.story-progress-row{margin-top:12px}.story-toggle{min-width:28px;min-height:28px}.story-progress{height:5px}.story-task-check{min-width:18px;min-height:18px}.story-card{overflow:hidden}.story-add-task{font-size:11px}
/* Existing finance, file, calendar, analytics and settings screens share the new system. */
.table th{font-size:10px;letter-spacing:.5px;padding:15px 18px;background:#11111a}.table td{padding:17px 18px;font-size:12px;line-height:1.5}.table td small{font-size:11px}.table tr:hover td{background:#8b5cf607}.table-wrap{overflow-x:auto}.status,.status-chip,.pay-chip,.contract-chip,.file-chip,.service-chip,.prio{font-size:10px;padding:4px 8px;border-radius:6px}.status.progress{color:#d1a3f3;background:#8b5cf613;border-color:#634581}.payment-summary,.task-summary,.service-summary,.file-summary,.calendar-summary,.quick-grid{gap:14px;margin-bottom:22px}.payment-stat,.task-stat,.service-stat,.file-stat,.calendar-stat,.quick{padding:19px 20px}.payment-stat span,.task-stat span,.service-stat span,.file-stat span,.calendar-stat span,.quick span{font-size:10px;color:#a49ab5;letter-spacing:.4px}.payment-stat b,.task-stat b,.service-stat b,.file-stat b,.calendar-stat b,.quick b{font-size:25px;letter-spacing:-.4px}.payment-stat small,.service-stat small{font-size:11px;margin-top:6px}.payment-toolbar select,.payment-toolbar input,.file-toolbar select,.file-toolbar input,.contract-toolbar select,.contract-toolbar input,.service-toolbar select,.service-toolbar input,.story-toolbar select,.story-toolbar input{font-size:12px;padding:10px 12px;border-radius:8px;min-height:38px}.payment-row,.file-row,.contract-row{padding:17px 19px;gap:12px;font-size:12px}.payment-row.header,.file-row.header,.contract-row.header{font-size:10px;padding:13px 19px}.payment-client b,.file-main b,.contract-main b{font-size:12px}.payment-client small,.file-main small,.contract-main small,.file-main p{font-size:10px;line-height:1.5}.payment-side,.file-folders,.calendar-side{padding:20px}.payment-side h3,.file-folders h3,.calendar-side h3{font-size:15px}.debt-item b,.service-item b{font-size:12px}.debt-item span,.service-item small{font-size:11px}.notice{font-size:12px;border-radius:8px;padding:13px 16px;border:1px solid #4c355d;background:#8b5cf60c;line-height:1.6;margin-bottom:18px}.storage-banner{background:#101019;border-color:var(--line)}.storage-banner b{font-size:12px}.storage-banner span{font-size:11px}.folder-btn{padding:12px;font-size:12px}.calendar-card{overflow:hidden}.calendar-toolbar{padding:20px}.calendar-toolbar h3{font-size:19px}.calendar-legend{font-size:10px}.calendar-weekdays{font-size:11px;padding:12px 0}.calendar-day{min-height:105px;padding:10px}.calendar-num b{font-size:13px}.calendar-event{font-size:10px;padding:4px 6px;margin-top:5px;border-radius:4px}.calendar-day.today{background:#8b5cf610}.calendar-day.today .calendar-num b{background:var(--purple);color:white;border-radius:50%;min-width:25px;height:25px;display:grid;place-items:center}.calendar-day.selected{box-shadow:inset 0 0 0 1px #ba5bd9}.agenda-item b{font-size:12px}.agenda-item small,.agenda-type{font-size:10px}.detail-hero{padding:25px}.detail-hero h2{font-size:27px}.detail-hero p{font-size:12px;color:var(--muted)}.tabs{gap:4px;border-bottom:1px solid var(--line);margin-bottom:23px}.tab{padding:12px 15px;border-radius:0;font-size:12px;border:0;border-bottom:2px solid transparent;background:none}.tab.active{color:#eaaeef;border-bottom-color:var(--pink);background:#ff38d105}.info{padding:22px}.info h4{font-size:14px;margin-bottom:18px}.info dl div{padding:11px 0;font-size:12px}.info dt{color:var(--muted)}.info dd{overflow-wrap:anywhere}.list .item{padding:18px 21px}.item h4{font-size:13px}.item p{font-size:11px;line-height:1.6}.timeline-entry b{font-size:13px}.timeline-entry small{font-size:11px}.settings-card,.settings-section{padding:22px}.settings-card h3,.settings-section h3{font-size:15px}.settings-grid label,.settings-row,.settings-value,.setting-value{font-size:12px}.settings-card p,.settings-section p,.mini-note{font-size:11px;line-height:1.6}.service-card{padding:22px}.service-card h3{font-size:15px}.service-card p{font-size:12px}.service-money{font-size:26px}.service-meta span{font-size:10px}.service-meta b{font-size:12px}.service-meta div{padding:12px}.service-actions{margin-top:18px}.analytics-kpi,.analytics-card{padding:20px}.dashboard-chart-card{border-radius:11px}.dash-chart-controls button,.dash-chart-style button,.dash-chart-period button{font-size:11px}.dash-chart-title h3{font-size:15px}.dash-chart-title p,.dash-chart-legend{font-size:11px}.dash-chart-axis{font-size:11px}.empty,.task-empty,.payment-empty,.file-empty,.service-empty{font-size:12px;border-style:solid!important}
.modalwrap{background:#040309bb;backdrop-filter:blur(7px);padding:24px;z-index:100}.modal{border:1px solid #3b304b;background:#13121d;box-shadow:0 30px 100px #0008;border-radius:15px;padding:28px;width:min(650px,94vw);max-height:90dvh}.modal h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.modal>p{font-size:12px;color:#aaa0bb;line-height:1.7;margin:0 0 23px}.modal .form{gap:18px}.form label{font-size:11px;font-weight:500;color:#bdb2ce}.form input,.form select,.form textarea{font-size:13px;padding:11px 12px;border:1px solid #3a3049;border-radius:8px;background:#0c0b13;color:var(--text);margin-top:6px;min-height:42px}.form textarea{min-height:95px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:#ad64d2;background:#0f0c17;box-shadow:0 0 0 3px #8b5cf614}.modalactions{padding-top:22px;gap:9px}.modal-close{top:22px;right:23px}.draft-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #4a345d;background:#8b5cf60a;border-radius:8px;margin-bottom:18px;font-size:11px;color:#bba9ce}.draft-note button{border:0;background:none;color:#d89cf2;font-size:11px}.form-hint{font-size:10px;color:var(--muted);margin-right:auto}.toast{padding:15px 17px;border-radius:10px;background:#1b1625}.toast b{font-size:12px}.toast small{font-size:11px}.profile-menu{border-radius:12px;border:1px solid #3b304b;background:#14111d}.profile-menu button{font-size:12px}.profile-menu-name{font-size:13px}.profile-menu-email{font-size:11px}.auth-screen{background:var(--bg)}.auth-shell{background:#0b0b12}.auth-card{background:transparent;border:0;box-shadow:none;width:min(410px,100%);padding:28px}.auth-card label{font-size:12px}.auth-card input{font-size:14px;border-radius:8px;min-height:46px}.auth-brand h1{font-size:25px;letter-spacing:2px}.auth-brand p{font-size:12px}.auth-foot{font-size:10px;color:var(--muted);line-height:1.7}.auth-submit{min-height:45px;font-size:13px}.auth-kicker{font-size:11px;letter-spacing:4px;line-height:2}.auth-message h2{letter-spacing:-1px;font-size:45px}.auth-message p{font-size:13px}.app-loading{padding:70px 20px;text-align:center;color:var(--muted)}.app-loading h2{color:var(--text);font-size:23px}.loader{height:32px;width:32px;border:2px solid #382a46;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav-backdrop{display:none}.mobile-bottom{display:none}
@media(min-width:1700px){.overview-grid{grid-template-columns:minmax(0,1fr) 360px}.content{padding:38px 48px}}
@media(max-width:1250px){:root{--sidebar:220px}.topbar{padding:0 22px}.content{padding:26px 22px}.overview-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.overview-stat{padding:0 17px;gap:12px}.overview-stat span{font-size:10px}.overview-stat strong{font-size:23px}.overview-stat svg{width:24px}.project-line{grid-template-columns:minmax(120px,1fr) 96px 32px;gap:9px}.project-progress{display:none}.clients-v4{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-status{display:none}.breadcrumbs .workspace-crumb{display:none}.search{width:240px}.task-line{grid-template-columns:19px minmax(0,1fr) 26px 65px 26px;gap:8px;padding:15px 17px}.overview-main,.overview-aside{gap:16px}.story-task{grid-template-columns:20px minmax(0,1fr) 80px 65px 90px 138px}}
@media(max-width:1050px) and (min-width:761px){:root{--sidebar:200px}.brand{gap:6px}.brand .name{font-size:13px}.brand img{width:35px}.nav button{padding:0 10px;font-size:12px;gap:9px}.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-aside{display:grid;grid-template-columns:1fr 1fr}.overview-aside>.card:last-child{grid-column:1/-1}.overview-stats{padding:18px 0}.overview-stat{padding:0 13px}.overview-stat svg{display:none}.headline h1{font-size:28px}.breadcrumbs{display:none}.search{width:280px}.service-grid{grid-template-columns:1fr}.story-task{grid-template-columns:20px minmax(0,1fr) 75px 90px}.story-task>div:nth-child(4){display:none}.story-task-actions{grid-column:2/-1;justify-content:flex-end}.projects-table th,.projects-table td{padding:14px}}
@media(max-width:760px){:root{--sidebar:272px}.sidebar{transform:translateX(-100%);z-index:60;width:min(300px,85vw);height:100dvh;overflow:hidden;padding:22px 16px 18px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar .nav button{min-height:43px;height:43px;font-size:13px}.sidebar-foot{display:block;position:static}.logout{display:flex!important;min-height:40px}.brand img{width:43px;height:45px}.brand .name{font-size:16px}.main{margin-left:0}.mobile-btn{display:grid!important}.mobile-nav-backdrop.open{display:block;position:fixed;inset:0;background:#0008;z-index:50;backdrop-filter:blur(3px)}#workspace .topbar{height:60px;min-height:60px;padding:0 14px;gap:8px}#workspace .topbar>div:first-child{gap:6px!important}.topbar .breadcrumbs,.topbar .route-controls,.topbar .sync-status{display:none}.topbar .search{margin-left:0;height:35px;padding:0 8px;width:auto;max-width:none}.topbar .search input{font-size:12px}.topbar .search input::placeholder{font-size:12px}.topbar .search .key{display:none}.topbar .global-add{display:none}.topicons .round{height:32px;width:32px;border:0}#workspace .content{padding:23px 16px 90px;max-width:100%}.headline,.section-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.headline h1{font-size:26px;letter-spacing:-.7px}.headline p{font-size:12px;max-width:300px;line-height:1.65}.eyebrow{font-size:9px}.dash-actions{width:100%;justify-content:space-between}.dash-actions .btn{min-height:37px;font-size:11px}.overview-stats{grid-template-columns:1fr 1fr;padding:0;margin-bottom:18px;border-radius:10px}.overview-stat{padding:17px 15px;gap:12px;border-right:0;border-bottom:1px solid var(--line);min-height:91px}.overview-stat:nth-child(odd){border-right:1px solid var(--line)}.overview-stat:nth-child(n+3){border-bottom:0}.overview-stat span{font-size:10px}.overview-stat strong{font-size:22px}.overview-stat svg{width:24px;height:24px;display:block}.overview-grid{display:flex;flex-direction:column;gap:17px}.overview-main,.overview-aside{gap:17px;display:flex}.panelhead{padding:17px}.panelhead h3{font-size:14px}.project-line{grid-template-columns:minmax(0,1fr) 90px 25px;padding:14px 17px;gap:8px}.project-line.header{padding:10px 17px}.project-name{gap:10px}.project-name b{font-size:12px}.project-name small{font-size:10px}.monogram{width:30px;height:32px;font-size:15px}.project-progress{display:none}.task-line{padding:15px 16px;grid-template-columns:18px minmax(0,1fr) 55px 25px;gap:10px}.task-line .initials{display:none}.task-line b{font-size:12px}.task-line small{font-size:10px}.task-line time{font-size:9px}.task-line .iconbtn{min-width:25px;min-height:29px}.task-tabs button{padding:5px 7px;font-size:10px}.clients-v4{grid-template-columns:1fr;gap:13px}.client-v4{padding:19px}.toolbar-v4{gap:8px}.toolbar-v4 .input-search{flex-basis:100%;min-width:0}.toolbar-v4 input,.toolbar-v4 select{font-size:12px;min-width:0;max-width:100%;flex:1}.toolbar-v4 .view-switch{flex:1}.projects-table{min-width:560px}.meeting-row{grid-template-columns:65px minmax(0,1fr);padding:17px;gap:13px}.meeting-row .meeting-actions{grid-column:2;justify-content:flex-start}.meeting-row .meeting-date b{font-size:18px}.story-head{padding:17px}.story-title-line{flex-wrap:wrap;gap:6px}.story-title-line h3{font-size:14px}.story-meta{flex-wrap:wrap;gap:7px;font-size:10px}.story-task{grid-template-columns:20px minmax(0,1fr) 75px;gap:10px;padding:13px 16px}.story-task>div:nth-child(4){display:none}.story-task>div:nth-child(5){grid-column:2;font-size:10px}.story-task-actions{grid-column:2/-1;display:flex;justify-content:flex-end}.story-desc{font-size:11px}.story-task-meta{font-size:10px}.story-task-title small{font-size:10px}.story-actions{gap:3px}.section-head h2{font-size:25px}.section-head>div:last-child{max-width:100%;flex-wrap:wrap}.payment-summary,.task-summary,.service-summary,.file-summary,.calendar-summary,.quick-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-stat,.task-stat,.service-stat,.file-stat,.calendar-stat,.quick{padding:15px}.payment-stat b,.service-stat b,.quick b{font-size:22px}.payment-stat span,.task-stat span,.service-stat span,.quick span{font-size:9px}.payment-layout,.file-layout{display:flex;flex-direction:column}.calendar-shell{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.calendar-shell>.calendar-card,.calendar-shell>.calendar-side{width:100%;max-width:100%;min-width:0}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-side .agenda-item{overflow-wrap:anywhere}.calendar-toolbar{padding:14px;flex-wrap:wrap;gap:12px}.calendar-toolbar h3{font-size:17px}.calendar-legend{display:none}.calendar-day{min-height:78px;padding:5px 3px}.calendar-num b{font-size:11px}.calendar-event{font-size:8px;padding:3px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-weekdays{font-size:10px}.calendar-num span{display:none}.calendar-side{padding:19px}.calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-stat{padding:12px 9px}.calendar-stat span{font-size:8px}.calendar-stat b{font-size:22px}.payment-row,.file-row,.contract-row{padding:16px;gap:9px}.payment-toolbar,.file-toolbar,.contract-toolbar{flex-wrap:wrap;gap:8px}.payment-toolbar input,.file-toolbar input,.contract-toolbar input{width:100%;min-width:0}.payment-toolbar select,.file-toolbar select,.contract-toolbar select{min-width:0;max-width:100%;flex:1}.modalwrap{padding:0;place-items:end center}.modal{padding:24px 18px 20px;width:100%;max-height:91dvh;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;overflow:auto}.modal h2{font-size:21px}.modal>p{font-size:12px}.modal .form{gap:15px}.form input,.form select,.form textarea{font-size:16px}.modalactions{bottom:-20px;padding:18px 0 5px;flex-wrap:wrap;background:#13121d}.modalactions .btn{min-height:43px}.form-hint{width:100%;font-size:10px}.modal-close{right:16px;top:16px}.draft-note{font-size:10px}.tabs{margin-left:0;margin-right:0;padding:0}.tab{font-size:11px;padding:12px}.detail-hero{padding:20px}.detail-hero h2{font-size:24px}.detail-grid{display:flex;flex-direction:column}.search-results{top:58px;left:12px;right:12px;width:auto;max-height:60vh}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;align-items:center;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#0e0c16f5;border-top:1px solid #302638;backdrop-filter:blur(15px)}.mobile-bottom button{display:flex;flex-direction:column;gap:4px;align-items:center;color:#9f94af;background:none;border:0;font-size:9px;min-width:52px;padding:5px 8px;border-radius:8px}.mobile-bottom button svg{width:19px;height:19px}.mobile-bottom button.active{color:#f185ea;background:#ff38d10c}.mobile-bottom .mobile-create{background:linear-gradient(135deg,#d935cd,#8641da);color:white;border-radius:12px;height:40px;min-width:43px;padding:8px;justify-content:center}.auth-shell{display:block}.auth-side{min-height:100dvh;padding:20px}.auth-card{padding:20px 12px}.auth-visual{display:none}.profile-menu{right:0;min-width:245px}.toast-stack{bottom:85px;z-index:220}.toast{padding:13px}.info dl div{font-size:12px}.story-add-task{padding:12px 16px}.completion-body{padding:20px}.mobile-sheet-handle{margin:-10px auto 20px}.service-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.service-meta>div:last-child{grid-column:1/-1}.service-actions .btn{font-size:11px}.settings-grid{grid-template-columns:1fr}.file-folders{display:none}.file-layout{display:flex}.file-toolbar{display:flex}.task-row-full{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px){.mobile-btn{display:none!important}}
.settings-panel{padding:22px}.settings-panel .panelhead{padding:0 0 18px;margin-bottom:18px}.settings-panel h3{font-size:15px}.settings-panel p{font-size:12px;line-height:1.65;color:var(--muted)}.settings-info span{font-size:11px}.settings-info b{font-size:13px}.settings-company h3{font-size:19px}.security-list span,.permission-note span{font-size:11px}.settings-audit b,.settings-audit span{font-size:11px}.settings-audit time{font-size:10px}
@media(max-width:760px){#workspace.app,#workspace .main{width:100%!important;max-width:100%!important}.topbar .route-controls{display:flex}.topbar .route-controls button:not(#routeBack){display:none}.topbar .route-controls #routeBack{width:24px;height:30px}.topbar .route-controls #routeBack:disabled{display:none}.topbar .route-controls:has(#routeBack:disabled){display:none}.topbar .search input::placeholder{font-size:11px}.form-date-actions{display:flex;gap:5px;margin-top:7px}}
.form-date-actions{display:flex;gap:6px;margin-top:7px}.form-date-actions button{border:1px solid #3b2c4b;background:#8b5cf610;color:#c49cdb;font-size:10px;border-radius:5px;padding:3px 8px}.form-date-actions button:hover{border-color:#aa66cb}
/* Keep the fixed navigation independent of the large scrolling board's paint.
   Its safe-area padding remains defined in pwa.css. */
@media (max-width:760px) {
  #workspace #mobileBottom {
    position:fixed;
    inset:auto 0 0;
    z-index:40;
    background:#0e0c16;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    isolation:isolate;
    transform:translateZ(0);
  }
  #workspace .flow-board {
    width:100%;
    max-width:100%;
    min-width:0;
  }
}
@media(max-width:760px){.toolbar-v4 select{flex:1 1 calc(50% - 8px);min-width:140px}.topbar .search input::placeholder{font-size:11px!important;color:#9692a8!important}}

/* /workflows-v5.css */
/* Workspace 5 – quieter surfaces, focused tools and responsive workflows. */
:root{--flow-line:#282633;--flow-muted:#9691a5;--flow-panel:#111018}
.flow-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-actions .btn{white-space:nowrap}.flow-section{margin-top:24px}.flow-card-title{display:block;padding:0;text-align:left;border:0;background:transparent;color:#f2eff7;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}.flow-card-title:hover{color:#f792e8}.flow-project-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-project-top .eyebrow{font-size:9px}.flow-project-top .count-note{margin:0}.flow-project p,.flow-template p,.flow-rule p{font-size:12px;line-height:1.7;color:var(--flow-muted)}.flow-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:16px;overflow:auto;padding-bottom:18px;align-items:start;scrollbar-width:thin}.flow-column{min-width:0;border-radius:14px;background:#0c0b12;border:1px solid #201e2b;min-height:430px;padding:11px}.flow-column>header{display:flex;align-items:center;justify-content:space-between;padding:6px 3px 16px;font-size:12px;color:#c7c1d1}.flow-column>header>span{display:flex;gap:8px;align-items:center}.flow-column>header>b{font-size:10px;color:#9a94a8;background:#22202d;border-radius:6px;padding:2px 7px}.stage-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#777181}.stage-1{background:#b88bfa}.stage-2{background:#e8b75a}.stage-3{background:#67bd9a}.flow-project{border:1px solid var(--flow-line);border-radius:12px;background:var(--flow-panel);padding:15px;margin-bottom:11px;box-shadow:0 4px 12px #0001;min-width:0}.flow-project:hover{border-color:#65506f}.flow-project .flow-card-title{margin:10px 0 7px;font-size:15px}.flow-project p{min-height:40px;margin:0 0 13px}.flow-project-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:15px;color:#b2aabc}.flow-project-meta span:first-child{color:#ece6f3}.flow-project select,.flow-project input,.flow-inline select,.flow-inline input{background:#0b0b12;border:1px solid #292635;border-radius:7px;color:#b7b0c4;max-width:100%;font:inherit;font-size:11px;padding:7px;width:100%;min-width:0}.flow-inline{display:flex;gap:6px;margin-top:7px}.flow-inline>*{flex:1}.flow-drop{font-size:11px;line-height:1.8;text-align:center;color:#6f697d;border:1px dashed #2c283b;padding:24px 10px;border-radius:10px}.flow-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.compact-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#aca5b8;margin-left:auto}.compact-toggle input{accent-color:#c267ee;width:auto!important;min-width:0!important;flex:none!important}.compact .flow-project{padding:11px}.compact .flow-project p{display:none}.compact .flow-card-title{font-size:13px}.compact .flow-project-meta{margin-bottom:9px}.compact .task-line{padding-block:9px}.compact .flow-table td{padding-block:9px}
.flow-today-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.flow-today-stats .card{padding:20px 23px}.flow-today-stats span{display:block;color:var(--flow-muted);font-size:12px}.flow-today-stats b{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;margin-top:10px}.flow-today-stats .card:nth-child(2) b{color:#e8a3bd}.flow-today-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;align-items:start}.flow-today-grid aside{display:grid;gap:22px}.flow-next{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #252230;padding:17px 20px;text-align:left;color:#ddd7e5;cursor:pointer}.flow-next:hover{background:#a978dc09}.flow-next:last-child{border-bottom:0}.flow-next b,.flow-next span,.flow-next small{display:block}.flow-next b{font-size:13px;font-weight:550;margin:4px 0}.flow-next span,.flow-next small{font-size:11px;line-height:1.7;color:#9990a7}.flow-next small{font-size:10px;color:#c68cd5}.flow-empty-inline{font-size:12px;color:#8e869c;line-height:1.8;padding:18px 20px;margin:0}
.flow-template-grid,.flow-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-template{padding:25px}.template-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#24192d;color:#d19ae6;margin-bottom:20px}.template-symbol svg{width:22px;height:22px}.flow-template h3{font-size:17px;margin:0 0 8px}.flow-template ol{padding-left:18px;min-height:165px;font-size:12px;line-height:1.9;color:#aca4ba;margin:18px 0 24px}.flow-template li{padding-left:4px;margin-bottom:4px}.template-preview{border:1px solid #393047;background:#17111e;padding:15px;border-radius:10px;font-size:12px}.template-preview>b{font-weight:500;color:#ccc2d6}.template-preview ol{padding-left:18px;margin:10px 0 0}.template-preview li{font-size:11px;color:#aaa0b6;padding:5px 0}.template-preview li small{float:right;color:#df9bec;margin-left:8px}.flow-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.flow-note{padding:22px}.flow-note h3{font-size:16px;line-height:1.5;margin:13px 0}.flow-note p{font-size:12px;color:#aca4ba;line-height:1.8;max-height:240px;overflow:auto;margin-bottom:22px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.flow-budget-grid{margin-bottom:20px}.flow-budget{padding:20px}.flow-budget strong{display:block;font-size:24px;font-weight:550;margin:19px 0 10px}.flow-budget strong small{font-size:11px;color:var(--flow-muted);font-weight:400}.flow-budget p{font-size:12px;color:#b4abc2;line-height:1.6;margin:9px 0}.flow-budget>small{font-size:10px;line-height:1.5;color:#7f758e}.flow-table{overflow:auto;max-width:100%}.flow-table table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.flow-table th{padding:15px 20px;border-bottom:1px solid var(--flow-line);font-size:10px;color:#8b819b;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.flow-table td{padding:15px 20px;border-bottom:1px solid #25212e;font-size:12px;color:#bfb6cd}.flow-table td b{font-weight:500;color:#eee8f4}.flow-table td small{display:block;color:#8d829e;font-size:10px;margin-top:6px}.flow-table tr:last-child td{border-bottom:0}.flow-table .btn{font-size:11px;min-height:32px;padding:5px 10px}
.flow-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #473053;border-radius:12px;padding:18px 22px;margin-bottom:22px;background:linear-gradient(105deg,#211429,#111018)}.flow-banner b{font-size:13px}.flow-banner p{font-size:11px;line-height:1.7;color:#b1a2bc;margin:5px 0 0}.flow-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.flow-rule{padding:23px}.flow-rule h3{font-size:15px}.flow-rule-detail{display:flex;flex-wrap:wrap;gap:9px 20px;color:#b2a3be;font-size:11px;margin:20px 0}.flow-bank-results{display:grid;gap:8px;max-height:420px;overflow:auto;margin-top:20px}.flow-bank-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #302739;font-size:12px}.flow-bank-row b,.flow-bank-row small,.flow-bank-row span{display:block;line-height:1.6}.flow-bank-row small,.flow-bank-row span{color:#aa9eb8;font-size:11px}.flow-bank-row button{flex-shrink:0}
.flow-timer{position:fixed;right:22px;bottom:19px;display:flex;gap:6px;z-index:70;padding:7px;background:#21142b;border:1px solid #704180;border-radius:12px;box-shadow:0 8px 35px #0008;max-width:calc(100vw - 35px)}.flow-timer[hidden]{display:none}.flow-timer button{border:0;background:transparent;color:#e6c6f4;padding:7px 9px;font-size:11px;cursor:pointer}.flow-timer button:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-timer button:last-child{background:#442254;border-radius:7px;flex-shrink:0}.side-wrap{display:flex!important;justify-content:flex-end!important;align-items:stretch!important;padding:0!important;background:#0005!important}.side-panel{width:min(590px,100vw)!important;max-height:100dvh!important;height:100dvh;border-radius:0!important;border-right:0!important;border-top:0!important;border-bottom:0!important;padding:30px!important;box-shadow:-22px 0 80px #0006;animation:sideEnter .2s ease!important}.side-panel .form{margin-top:22px}.side-panel textarea{min-height:100px}.side-panel .modalactions{position:sticky;bottom:-30px;background:#13101b;padding:18px 0;margin-top:24px;border-top:1px solid #302638}.side-panel .modal-close{right:24px;top:24px}.side-panel .form input[readonly],.side-panel .form textarea[readonly]{color:#a99bb8}.side-panel .notice{font-size:11px;line-height:1.8}.side-panel .form label{min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sideEnter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@media(min-width:761px){.nav{padding-bottom:20px}.sidebar .nav-label{margin-top:18px}.sidebar .nav button{min-height:36px}.sidebar{display:flex;flex-direction:column}.sidebar .nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.sidebar .sidebar-foot{position:static;flex-shrink:0}}
@media(max-width:1200px){.flow-template-grid,.flow-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-today-grid{grid-template-columns:1fr}.flow-today-grid aside{grid-template-columns:1fr 1fr}.flow-board{grid-auto-columns:270px}}
@media(max-width:760px){.flow-today-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.flow-today-stats .card{padding:15px}.flow-today-stats span{font-size:10px}.flow-today-stats b{font-size:25px}.flow-template-grid,.flow-budget-grid,.flow-notes,.flow-rules,.flow-project-list{grid-template-columns:1fr}.flow-today-grid aside{grid-template-columns:1fr}.flow-board{grid-auto-columns:83vw;gap:12px}.flow-column{min-height:300px}.flow-actions .btn{font-size:11px}.flow-template{padding:20px}.flow-template ol{min-height:0}.flow-banner{align-items:flex-start;flex-direction:column;gap:13px;padding:16px}.side-panel{padding:22px 18px!important;height:100dvh!important;max-height:100dvh!important}.side-panel .modalactions{bottom:-22px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.side-panel .modal-close{right:16px;top:15px}.side-panel .form{grid-template-columns:1fr 1fr}.side-panel .form .wide{grid-column:1/-1}.flow-timer{bottom:83px;right:12px;left:12px;max-width:none;justify-content:space-between}.flow-bank-row{align-items:flex-start}.flow-bank-row .btn{padding:7px;font-size:10px}.compact-toggle{margin-left:0}.flow-table th,.flow-table td{padding:12px}.flow-project select,.flow-project input{font-size:12px;padding:9px}.flow-project p{min-height:0}.flow-template h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.side-panel{animation:none!important}}
.flow-task-row{grid-template-columns:22px minmax(120px,1fr) 145px 135px 30px!important}.task-inline-edit{min-width:0;width:100%;font:inherit;font-size:11px;color:#b8adc6;border:1px solid #30273a;background:#0e0b14;padding:8px;border-radius:7px}.task-mobile-date{display:none}.flow-task-row .task-open small{line-height:1.6}
@media(max-width:850px){.flow-task-row{grid-template-columns:22px minmax(0,1fr) auto 30px!important}.task-inline-edit{display:none}.task-mobile-date{display:block;font-size:10px;color:#b89cc7}.flow-task-row .task-open b{font-size:12px}}

/* /workspace-compat.css */
/* The original Workspace 5 stylesheet is loaded unchanged before this adapter.
   Rust owns behavior; these selectors map its components to the existing UI. */
:root{--surface:#111018;--line:#282633;--muted:#9691a5;--accent:#e42cd7;--purple:#8b42f4;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{min-width:0;margin:0;overflow-x:clip}body{font-size:14px;line-height:1.5;background:#07070c;color:#f6f3ff}button,input,select,textarea{font:inherit}a{text-decoration:none}.line-icon{width:20px;height:20px;flex:none;display:block}.workspace-shell{min-height:100dvh;min-width:0}.workspace-main{margin-left:var(--sidebar);min-width:0}.workspace-main>.main{margin:0 auto;width:100%;max-width:1800px;padding:32px;min-height:calc(100dvh - 70px);overflow:visible}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100dvh;display:flex;flex-direction:column;padding:calc(22px + var(--safe-top)) 16px calc(14px + var(--safe-bottom));z-index:35;border:0;border-right:1px solid #242332;background:#0b0b12;color:#f6f3ff;box-sizing:border-box}.sidebar .brand{padding:0 8px 12px}.brand img{border-radius:0;width:44px;height:48px}.brand .name{font-size:16px;font-weight:750;letter-spacing:1.6px}.brand small{font-weight:400}.sidebar .nav{display:flex;flex-direction:column;overflow:auto;min-height:0;flex:1;padding-bottom:12px;gap:3px}.sidebar .nav-label{margin:0;padding:18px 14px 8px}.sidebar .nav a{display:flex;align-items:center;flex-shrink:0;min-height:41px;gap:11px;padding:8px 14px;border-radius:8px;font-size:13px;color:#a49aaf;transition:background .16s,color .16s}.nav a .line-icon{width:18px;height:18px}.nav a:hover{background:#ffffff05;color:#f6f3ff}.nav a.active{background:linear-gradient(95deg,#ff38d122,#8b5cf61a);box-shadow:inset 3px 0 #ff38d1;color:#fff}.nav a.active .line-icon{color:#f05cff}.sidebar-foot{padding-top:10px;border-top:1px solid var(--line)}.sidebar-foot .user{display:flex;align-items:center;gap:10px;padding:6px 8px}.user b,.user small{display:block}.user b{font-size:12px}.user small{font-size:10px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:linear-gradient(140deg,#b42e9e,#492266);border:1px solid #9f3ba85c;color:#fff;flex-shrink:0}.logout{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;color:var(--muted);font-size:12px;border-radius:8px;padding:9px 12px;min-height:36px}.logout .line-icon{width:17px;height:17px}
.workspace-main .topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;height:calc(70px + var(--safe-top));min-height:calc(70px + var(--safe-top));padding:var(--safe-top) max(32px,env(safe-area-inset-right,0px)) 0 max(32px,env(safe-area-inset-left,0px));background:#0b0b12f5;border-bottom:1px solid #26263a}.workspace-toolbar{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.topicons{display:flex;align-items:center;gap:12px;flex-shrink:0}.round{width:35px;min-width:35px;height:35px;min-height:35px;padding:0;border:1px solid #26263a;border-radius:9px;background:transparent;color:#bbb5ce;display:inline-flex;align-items:center;justify-content:center}.round .line-icon{width:18px;height:18px}.route-controls{display:flex;gap:3px}.route-controls .round{border:0;width:29px;min-width:29px;height:29px;min-height:29px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:#9692a8;white-space:nowrap}.breadcrumbs b{font-weight:500}.breadcrumbs .slash{color:#524b64}.shell-mode{font-size:10px;color:#9692a8}.workspace-search{margin-left:auto;position:relative;min-width:0;width:min(300px,40%)}.workspace-search .search{width:100%;display:flex;align-items:center;gap:9px;height:36px;min-height:36px;padding:0 10px;background:#11111a;border:1px solid #26263a;border-radius:9px}.search .line-icon{width:17px;height:17px;color:#b5a8c7}.workspace-search input{width:100%;border:0;outline:none;min-height:34px;padding:0;background:none;font-size:12px;border-radius:0;color:#f6f3ff}.search .key{white-space:nowrap;font-size:10px;color:#9692a8}.workspace-search-results{position:absolute;right:0;top:calc(100% + 12px);width:min(420px,calc(100vw - 28px));max-height:min(65dvh,500px);overflow:auto;padding:7px;border:1px solid #383346;border-radius:12px;background:#14131d;box-shadow:0 20px 70px #0009}.search-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;font-size:12px;color:var(--muted)}.workspace-search-results>a{display:block;padding:11px 13px;border-radius:8px;border-bottom:1px solid #262334}.workspace-search-results>a:hover{background:#8b5cf622}.workspace-search-results>a>*{display:block}.workspace-search-results>a>span{font-size:9px;text-transform:uppercase;color:#df6bd5;letter-spacing:.7px}.workspace-search-results b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.workspace-search-results small{font-size:11px;color:var(--muted);margin-top:3px}.workspace-search-results>p{padding:10px 13px}.workspace-profile{position:relative}.workspace-profile summary{cursor:pointer;list-style:none}.workspace-profile summary::-webkit-details-marker{display:none}.profile-menu-content{position:absolute;right:0;top:calc(100% + 15px);width:230px;background:#14131d;border:1px solid #383346;border-radius:12px;padding:12px;box-shadow:0 20px 70px #0009}.profile-menu-content>b{display:block;font-size:13px;padding:8px 8px 14px;border-bottom:1px solid var(--line)}.profile-menu-content>a,.profile-menu-content>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:12px;border:0;background:none;padding:10px 8px;color:#c3b9d1}.mobile-menu-button,.bottom-nav,.mobile-drawer{display:none}
button,.button{min-height:38px;padding:9px 14px;border-radius:8px;font-size:12px;background:#12121c;border:1px solid #353145;color:#dcd6e7;gap:8px;box-shadow:none}button.primary,.button.primary{background:linear-gradient(110deg,#e42cd7,#8b42f4);border:1px solid #d44af270;color:#fff;font-weight:600;box-shadow:0 5px 22px #9e37dc12}button:hover,.button:hover{border-color:#70607f}input,select,textarea{min-height:39px;padding:10px 12px;border:1px solid #302b3d;border-radius:8px;background:#0d0b13;font-size:13px;color:#e7deef}input[type=checkbox]{min-height:0;width:16px;height:16px;accent-color:#bd47e8}label{gap:7px;font-size:12px}.form-grid{gap:18px}.page-head{margin-bottom:24px;gap:18px}.page-head h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 9px}.page-head .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 10px}.page-head p.muted{font-size:13px;margin:6px 0 0}.page-actions{gap:10px}.detail-card,.project-card,.today-panel,.calendar-card,.notification-card,.budget-card,.rule-card{border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#12121c,#101019);box-shadow:none}.detail-card{padding:22px}.project-card{padding:21px}.project-card h2{font-size:15px}.project-card .next-step{font-size:12px}.task-row{padding:16px 20px;border-radius:10px;background:linear-gradient(135deg,#12121c,#101019);gap:12px}.task-row strong{font-size:13px;font-weight:600}.task-row p{font-size:12px}.task-row small{font-size:11px}.task-row h2{font-size:16px;margin:8px 0}.status-pill,.badge{font-size:10px;padding:3px 8px;border-radius:6px}.notice{font-size:12px;padding:12px 15px;border-radius:9px;background:#8b5cf60c;border:1px solid #8b5cf632;color:#c8bad8;margin-bottom:22px}.notice.error{background:#2d1622;border-color:#883c52;color:#ffcedc}.back{font-size:12px;margin-bottom:20px;color:#bb8fff}.form-footer{margin-top:22px;padding-top:18px}.form-footer p{font-size:11px}.filters{gap:10px;margin-bottom:18px}.section-heading h2{font-size:15px;margin:0;font-weight:650}.section-heading>a{font-size:11px;color:#bb8fff}.calendar-toolbar h2{font-size:20px}.calendar-toolbar{padding:18px 21px}.calendar-day{min-height:110px;border-radius:0;background:none}.calendar-shell{gap:20px}.calendar-agenda h2{font-size:18px}.timer-banner{font-size:12px}
.today-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.today-stat{display:block;text-align:left;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#12121c,#101019);padding:20px 23px;min-width:0;color:#f6f3ff}.today-stat span{display:block;color:#9691a5;font-size:12px}.today-stat strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;line-height:1.4;margin-top:10px}.today-stat:nth-child(2) strong{color:#e8a3bd}.today-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;align-items:start}.today-column{min-width:0;display:grid;gap:22px}.today-panel{padding:0;overflow:hidden}.today-panel>.section-heading{padding:19px 21px;margin:0;border-bottom:1px solid #26263a;display:flex;align-items:center;justify-content:space-between;gap:12px}.today-panel>p,.today-panel>.inline-check{font-size:12px;color:var(--muted);margin:16px 20px}.today-panel>.inline-check{display:flex;align-items:center;gap:8px;margin-bottom:0}.today-panel>.inline-check+p{font-size:11px;margin:5px 20px 14px}.today-panel>.back{display:flex;border-top:1px solid var(--line);padding:13px 21px;margin:0;color:#f078eb}.today-panel .task-row{border:0;border-bottom:1px solid #252230;border-radius:0;background:none;padding:17px 20px;margin:0}.today-panel .task-row:last-child{border-bottom:0}.today-task{padding:15px 21px;border-bottom:1px solid #26263a;display:flex;align-items:center;gap:12px;justify-content:space-between}.today-task strong{font-size:13px;font-weight:550}.today-task p{font-size:11px;margin:4px 0}.today-task small{font-size:10px;color:var(--muted)}.today-task button{min-height:30px;padding:6px 10px;font-size:11px;flex:none}.today-empty{text-align:center;padding:45px 24px 55px;color:var(--muted)}.today-empty .line-icon{width:30px;height:30px;margin:0 auto 20px;color:#b381dd}.today-empty h3{font-size:16px;color:#eee7f4;margin:8px 0}.today-empty p{font-size:12px;margin:0}
.project-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px}.project-toolbar>input{flex:1 1 180px;width:auto}.project-toolbar>select{flex:1 1 170px;width:auto}.project-toolbar .view-switch button{min-height:30px;padding:7px 10px}.project-toolbar .compact-toggle{flex:0 0 auto;display:flex;font-size:11px;gap:7px}.flow-board{width:100%;max-width:100%;min-width:0;grid-auto-columns:minmax(245px,1fr);padding-bottom:18px;overscroll-behavior-x:contain}.flow-column{min-width:0}.flow-project .round{width:31px;min-width:31px;height:31px;min-height:31px}.flow-project .eyebrow{max-width:calc(100% - 42px);overflow-wrap:anywhere}.flow-project .flow-card-title{display:block;min-height:0;padding:0}.flow-project-meta a{color:#9691a5;font-size:10px}.project-stage{display:flex;align-items:center;justify-content:space-between;border:1px solid #292635;background:#0b0b12;border-radius:7px;color:#b7b0c4;padding:9px 10px;font-size:12px}.project-stage .line-icon{width:14px;height:14px}.project-meta-line{display:flex;gap:7px;margin-top:7px;min-width:0}.project-meta-line>span{flex:1;min-width:0;display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #292635;border-radius:7px;color:#9691a5;font-size:10px;overflow-wrap:anywhere}.project-meta-line .line-icon{width:13px;height:13px}.compact .project-meta-line{display:none}
.quick-dialog{position:fixed;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);overflow:auto;border:1px solid #383346;background:#111018;color:#f6f3ff;padding:24px;border-radius:14px;box-shadow:0 24px 80px #0008}.quick-dialog::backdrop,.mobile-drawer::backdrop{background:#0009}.quick-dialog .section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.quick-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-create-grid a{display:flex;min-height:100px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #303044;border-radius:11px;background:#15121d;font-size:12px;text-align:center;padding:10px}.quick-create-grid a:hover{border-color:#74477e}.quick-create-grid .line-icon{width:24px;height:24px;color:#e759db}.quick-create-grid b{font-weight:550}
.auth{background:#07070c}.auth-card{background:#111018;border-color:#282633;border-radius:12px}.auth-card .logo{border-radius:0;width:70px;height:76px}.auth-card h1{font-size:29px}.auth-card .primary{min-height:44px}.auth-card label{font-size:12px}
@media(max-width:1250px){.workspace-main .topbar{padding-right:22px;padding-left:22px}.workspace-main>.main{padding:28px 22px}.breadcrumbs>span{display:none}.workspace-search{width:min(300px,55%)}.shell-mode{display:none}}
@media(max-width:1200px){.today-grid{grid-template-columns:minmax(0,1fr)}.today-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-board{grid-auto-columns:270px}.page-head h1{font-size:29px}}
@media(max-width:1000px) and (min-width:761px){:root{--sidebar:214px}.sidebar{padding-left:12px;padding-right:12px}.brand .name{font-size:14px}.brand small{letter-spacing:3px}.brand img{width:36px;height:42px}.breadcrumbs{display:none}.workspace-search{width:100%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.desktop-sidebar{display:none}.workspace-main{margin-left:0;width:100%;max-width:100%}.workspace-main>.main{width:100%;max-width:100%;margin:0;padding:24px max(14px,env(safe-area-inset-right,0px)) calc(90px + var(--safe-bottom)) max(14px,env(safe-area-inset-left,0px))}.workspace-main .topbar{height:calc(60px + var(--safe-top));min-height:calc(60px + var(--safe-top));padding:var(--safe-top) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:12px}.workspace-toolbar{gap:8px}.breadcrumbs,.desktop-create,.forward-button,.search .key{display:none}.mobile-menu-button{display:inline-flex}.route-controls .round{width:18px;min-width:18px}.workspace-search{width:auto;flex:1;margin:0}.workspace-search .search{height:36px;padding:0 9px}.workspace-search input{font-size:16px;min-height:34px}.workspace-search input::placeholder{font-size:11px}.topicons{gap:12px}.topicons>.round{border:0;width:25px;min-width:25px}.topicons>.round .line-icon{width:21px;height:21px}.topicons .avatar{width:34px;height:34px}.workspace-search-results{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;top:calc(62px + var(--safe-top));max-height:calc(100dvh - 150px - var(--safe-top) - var(--safe-bottom))}.mobile-drawer[open]{display:flex;transform:none;transition:none;inset:0 auto 0 0;margin:0;width:min(300px,90vw);max-width:90vw;max-height:none;height:100dvh;padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));border:0;border-right:1px solid #353145;border-radius:0}.drawer-head{display:flex;align-items:flex-start;gap:8px}.drawer-head .brand{flex:1;padding-left:0}.drawer-head .brand span{display:block}.drawer-head .round{width:30px;min-width:30px;height:30px;min-height:30px}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:flex;justify-content:space-around;align-items:center;gap:0;background:#0e0c16;border-top:1px solid #302638;padding:8px max(6px,env(safe-area-inset-right,0px)) calc(8px + var(--safe-bottom)) max(6px,env(safe-area-inset-left,0px));isolation:isolate;transform:translateZ(0);backdrop-filter:none}.bottom-nav a{flex:1;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;padding:4px 7px;border-radius:8px;color:#9f94af}.bottom-nav a span{font-size:9px;line-height:1.5}.bottom-nav .line-icon{width:20px;height:20px}.bottom-nav a.active{color:#f185ea;background:#ff38d10c}.bottom-nav .mobile-create{flex:none;display:grid;place-items:center;min-width:43px;width:43px;min-height:40px;height:40px;padding:8px;background:linear-gradient(135deg,#d935cd,#8641da);border:0;border-radius:12px;color:#fff;margin:0 12px}.bottom-nav .mobile-create .line-icon{width:23px;height:23px}.page-head{flex-direction:column;align-items:flex-start;gap:14px}.page-head h1{font-size:26px;letter-spacing:-.6px}.page-head p.muted{font-size:12px}.page-head .eyebrow{font-size:9px;letter-spacing:1.4px}.page-head>.page-actions{width:100%;justify-content:flex-start}.page-actions button,.page-actions .button{min-height:38px;font-size:12px;padding:9px 13px}.page-actions .round{min-width:34px;padding:0}.today-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.today-stat{padding:15px}.today-stat span{font-size:10px}.today-stat strong{font-size:25px;margin-top:10px}.today-grid{grid-template-columns:minmax(0,1fr);gap:18px}.today-grid>aside{grid-template-columns:minmax(0,1fr)}.today-column{gap:18px}.today-panel>.section-heading{padding:17px 18px}.section-heading h2{font-size:14px}.today-task{padding:14px 18px}.today-task button{font-size:10px}.today-empty{padding:38px 20px}.today-empty h3{font-size:15px}.project-toolbar{gap:8px;margin-bottom:24px}.project-toolbar>input{flex:1 1 110px;min-width:0;font-size:16px}.project-toolbar>input::placeholder{font-size:12px}.project-toolbar>select{flex:1 1 160px;min-width:0;font-size:16px}.project-toolbar .view-switch{flex:0 0 auto}.project-toolbar .compact-toggle{flex-basis:100%;margin:8px 0 0;font-size:12px;min-height:30px}.flow-board{grid-auto-columns:83vw;gap:12px;width:100%;max-width:100%;min-width:0}.flow-project p{min-height:0}.flow-project .flow-card-title{font-size:15px}.flow-project-meta{font-size:11px}.project-meta-line{font-size:10px}.detail-card{padding:18px}.form-grid{grid-template-columns:minmax(0,1fr)}.project-grid,.flow-project-list{grid-template-columns:minmax(0,1fr)}.calendar-shell{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.calendar-card,.calendar-agenda{width:100%;max-width:100%;min-width:0}.calendar-day{min-height:86px;padding:7px 3px}.calendar-toolbar{padding:15px}.calendar-toolbar h2{font-size:19px}.calendar-weekdays span{font-size:10px}.quick-dialog{padding:20px}.quick-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{font-size:16px}.notice{font-size:12px}.timer-banner{padding:10px 14px}.profile-menu-content{position:fixed;right:12px;top:calc(65px + var(--safe-top))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Original sign-in artwork and two-column composition. */
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px;background:#07070c}.login-screen .auth-shell{width:min(900px,100%);min-height:680px;display:grid;grid-template-columns:.49fr .51fr;border:1px solid #373241;border-radius:22px;overflow:hidden;background:#0b0b12;box-shadow:0 34px 110px #0006}.login-screen .auth-visual{display:block;position:relative;min-height:680px;background:#050509 url('/login-scorpion.jpg') center 16%/cover no-repeat;isolation:isolate}.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04040803 44%,#04040894 72%,#050509 100%);z-index:1}.auth-message{position:absolute;left:34px;right:30px;bottom:30px;z-index:2;max-width:310px}.auth-message .auth-kicker{font-size:11px;letter-spacing:4px;line-height:2;color:#df46d7;font-weight:650}.auth-message h2{margin:13px 0 0;font-size:22px;line-height:1.22;letter-spacing:-.45px;color:#ddd9e6}.auth-message p{font-size:12px;line-height:1.7;color:#9e94aa}.login-screen .auth-side{display:grid;place-items:center;padding:28px;background:linear-gradient(155deg,#12121dfa,#090910fb);border-left:1px solid #302a3c}.login-screen .auth-card{width:100%;max-width:410px;border:0;border-radius:0;background:none;padding:0;box-shadow:none}.auth-brand{text-align:center;margin-bottom:25px}.auth-brand .logo{width:78px;height:85px;margin:0 auto 17px;border-radius:0}.auth-brand h1{font-size:24px;letter-spacing:3px;margin:0 0 8px}.auth-brand p{font-size:11px}.login-screen .auth-card form{gap:18px;margin-top:24px}.login-screen .auth-card input{height:44px}.login-screen .auth-card>a{font-size:12px}.login-screen .auth-card form+a{display:block;margin-top:16px;color:#b89cc7}.login-screen .legacy-link{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:760px){.login-screen{padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom))}.login-screen .auth-shell{display:block;border:0;border-radius:0;min-height:0;max-width:420px;background:none;box-shadow:none}.login-screen .auth-visual{display:none}.login-screen .auth-side{min-height:0;padding:20px 12px;background:none;border:0}.login-screen .auth-card{padding:0}.auth-brand h1{font-size:22px}.login-screen .auth-card input{font-size:16px}}
.desktop-create{background:linear-gradient(135deg,#d81bd438,#8b5cf62e);border-color:#57375e}
/* Keep an already-open mobile drawer usable after rotating/resizing the window. */
.mobile-drawer[open]{display:flex;transform:none;transition:none;inset:0 auto 0 0;margin:0;width:min(300px,90vw);max-width:90vw;max-height:none;height:100dvh;border-radius:0;padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));border:0;border-right:1px solid #353145}

/* Refresh feedback never enters document flow or moves the navigation. */
.workspace-loading{position:fixed;top:calc(70px + var(--safe-top));right:20px;z-index:90;pointer-events:none;font-size:11px;color:#c8bad8;background:#14111de8;border:1px solid #42304e;border-radius:0 0 8px 8px;padding:5px 10px}
.loading-line{position:fixed;top:calc(70px + var(--safe-top));left:var(--sidebar);right:0;height:2px;background:linear-gradient(90deg,#e42cd7,#8b42f4)}
@media(max-width:760px){.workspace-loading{top:calc(60px + var(--safe-top));right:12px}.loading-line{top:calc(60px + var(--safe-top));left:0}}

.task-hub{min-width:0}.task-hub .card{padding:0}.story-stack{display:grid;gap:18px}.story-head{display:flex;gap:12px;align-items:flex-start}.story-head-main{flex:1;min-width:0}.story-title-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.story-title-line h3{margin:0;overflow-wrap:anywhere}.story-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted)}.story-meta b{color:#d9cfe5}.story-client,.story-open-badge,.story-done-badge{padding:3px 8px;border-radius:6px;background:#8b5cf61a;color:#d0b0f0}.story-done-badge{color:#9ed6bc;background:#31514344}.story-desc{margin:10px 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.story-desc:empty{display:none}.story-actions{display:flex;gap:5px}.story-progress-row{display:flex;gap:12px;align-items:center}.story-progress{height:5px;background:#2b2538;border-radius:4px;flex:1;overflow:hidden}.story-progress i{display:block;height:100%;background:linear-gradient(90deg,#e42cd7,#8b42f4)}.story-percent{font-size:11px;color:var(--muted)}.story-tasks{border-top:1px solid var(--line)}.story-add-task{display:flex;justify-content:flex-end;padding:12px 18px}.story-empty-tasks{padding:10px 18px;color:var(--muted)}.task-hub .task-tick{min-height:20px;min-width:20px;padding:0}.task-hub .task-open{min-height:36px;display:block}.task-hub .iconbtn{padding:0;min-height:32px;min-width:32px}.task-editor{padding:22px;width:min(850px,calc(100vw - 32px));max-width:850px;max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom));border:1px solid #43334f;border-radius:16px;background:#111018;color:#f6f3ff;overflow:auto}.task-editor::backdrop{background:#0009}.task-editor-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--muted);font-size:12px}.task-editor>.back,.task-editor .footnote{display:none}.task-editor .page-head h1{font-size:23px}.task-editor .detail-card{padding:0;border:0}.task-editor .related{margin-top:16px}.task-editor .notice{margin-bottom:16px}
@media(max-width:760px){.task-filters select{flex:1 1 42%;width:0}.task-hub .toolbar-v4 input,.task-hub .toolbar-v4 select{font-size:16px}.task-hub .toolbar-v4 input::placeholder{font-size:12px}.task-hub .task-tick{min-height:24px;min-width:24px}.task-hub .task-line{grid-template-columns:24px minmax(0,1fr) 62px 32px;gap:8px}.task-editor{padding:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));margin:auto}.task-editor .form-grid{grid-template-columns:minmax(0,1fr)}.story-head{padding:16px}.story-actions{flex-direction:column}.story-meta{gap:8px;font-size:11px}}

/* /workspace-polish.css */
/* Scorpynex Workspace: shared surfaces, typography and restrained motion.
   Loaded after compatibility styles; mobile safe areas and fixed navigation stay intact. */
:root{
  --surface:#12121b;--line:#2b2938;--muted:#aaa4b7;--text:#f3f0fa;
  --accent:#dc4bd3;--pink:#df55d9;--pink2:#f09bea;--purple:#9466f6;
  --flow-panel:#12121b;--flow-line:#2b2938;--flow-muted:#aaa4b7;
  --scx-panel:linear-gradient(145deg,#171621,#111119);
  --scx-edge:#ffffff0e;--scx-ease:cubic-bezier(.22,1,.36,1);
  --scx-shadow:0 4px 18px #0000001c,0 1px 0 #ffffff03 inset;
  color-scheme:dark;
}
html{scrollbar-color:#4e405d #0b0b12;scrollbar-width:thin}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0b12;color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:#b962dd59;color:#fff}
.workspace-shell{background:radial-gradient(ellipse 800px 430px at 90% 0,#713c9310,transparent 75%),#0b0b12}
.workspace-main>.main{padding:36px clamp(24px,3.2vw,52px) 64px;max-width:1680px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #cb98ff;outline-offset:4px}
:where(button,.button,a,summary){-webkit-tap-highlight-color:transparent}
:where(button,.button){transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 180ms ease,transform 180ms var(--scx-ease)}
:where(button,.button):active:not(:disabled){transform:translateY(1px)}
button:disabled{cursor:not-allowed;opacity:.48}
button,.button{min-height:40px;border:1px solid #383344;border-radius:10px;background:#1b1823;color:#e2dce9;font-size:12px;font-weight:550;letter-spacing:.01em}
button.primary,.button.primary{background:linear-gradient(112deg,#d746cb,#8d59ef);border:1px solid #e6a1fc24;color:#fff;box-shadow:0 3px 12px #9f42c520,inset 0 1px 0 #ffffff1a;font-weight:650}
button.danger,.danger{color:#ff9db7}
.round{border-radius:10px;background:#ffffff03}
.line-icon{stroke-width:1.65}
.sidebar{background:linear-gradient(180deg,#111019,#0d0d14);border-right:1px solid #ffffff09;padding-right:14px;padding-left:14px}
.sidebar .brand{padding:3px 10px 20px;gap:11px}.brand .name{letter-spacing:1.9px;font-size:15px}.brand small{font-size:9px;letter-spacing:2.8px;color:#8f879f}.brand img{width:40px;height:44px}
.sidebar .nav{gap:4px;scrollbar-width:thin;scrollbar-color:#342b41 transparent}
.sidebar .nav-label{font-size:9px;font-weight:650;letter-spacing:1.65px;color:#81778e;padding:22px 14px 9px}
.sidebar .nav a{min-height:41px;border:1px solid transparent;border-radius:10px;padding:9px 13px;color:#a9a1b8;gap:12px;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}
.sidebar .nav a.active{background:linear-gradient(100deg,#ac48c625,#8a62e914);border-color:#cf7fed20;box-shadow:inset 2px 0 #d87be7;color:#f7e9ff}.sidebar .nav a.active .line-icon{color:#df9bef}
.sidebar-foot{border-top:1px solid #ffffff0a;padding-top:12px}.sidebar-foot .user{padding:10px 9px}.user b{font-weight:600}.user small{font-size:10px}.avatar{background:linear-gradient(140deg,#a33c9e,#4d2d70);border:1px solid #e394ee26;box-shadow:inset 0 1px 0 #ffffff12;font-weight:650}.logout{color:#91879f;min-height:38px}
.workspace-main .topbar{background:#101018ed;border-bottom:1px solid #ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.breadcrumbs{font-size:12px;color:#8e879e}.breadcrumbs b{color:#d7cfdf}.breadcrumbs .slash{color:#584c64}
.workspace-search .search{height:39px;background:#08090f66;border:1px solid #ffffff0d;border-radius:10px;transition:border-color 160ms,box-shadow 160ms}.workspace-search .search:focus-within{border-color:#a776c280;box-shadow:0 0 0 3px #a776c210}.workspace-search .key{font-size:9px;border:1px solid #ffffff12;padding:1px 5px;border-radius:4px;color:#8f819d}.workspace-search input{font-size:12px}
.shell-mode{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#93889f}.shell-mode:before{content:"";width:5px;height:5px;background:#c986dc;border-radius:50%}
.workspace-search-results,.profile-menu-content{background:#19151f;border:1px solid #49334f;border-radius:14px;box-shadow:0 18px 60px #0008}
.page-head{align-items:center;margin-bottom:28px;gap:20px}.page-head h1{font-size:clamp(28px,2.7vw,36px);font-weight:650;letter-spacing:-1.2px;line-height:1.16;margin:8px 0 10px;text-wrap:balance}.page-head .eyebrow{font-size:9px;font-weight:650;letter-spacing:2.1px;color:#c08ad8}.page-head p.muted{font-size:13px;line-height:1.75;color:#a59bb2;max-width:70ch;margin-bottom:0}.page-head .page-actions{gap:8px}.page-head .page-actions .primary{min-height:42px}
h2,h3{font-weight:600;letter-spacing:-.35px;line-height:1.4}p{line-height:1.7}.muted,.footnote{color:var(--muted)}.footnote{font-size:11px;line-height:1.8}.eyebrow{color:#aa87bd}
:where(.today-panel,.project-card,.flow-project,.detail-card,.calendar-card,.card,.budget-card,.task-row){background:var(--scx-panel);border-color:var(--line);border-radius:16px;box-shadow:var(--scx-shadow)}
.today-panel{overflow:hidden}.today-panel>.section-heading,.panelhead{border-bottom:1px solid #ffffff08;padding:20px 24px}.section-heading h2,.panelhead h3{font-size:15px;letter-spacing:-.3px;font-weight:600}.section-heading a{font-size:11px;color:#c69be9}
.today-stats{gap:14px;margin-bottom:26px}.today-stat{position:relative;min-height:128px;padding:22px 24px;border-radius:15px;background:linear-gradient(135deg,#191623,#12121b);border:1px solid #393044;box-shadow:var(--scx-shadow)}.today-stat:first-child{background:radial-gradient(ellipse at 100% 0,#a956bc19,transparent 75%),linear-gradient(135deg,#21182c,#15131f);border-color:#8b529e55}.today-stat span{color:#b3a8c2;font-size:12px}.today-stat strong{font-size:36px;font-weight:550;letter-spacing:-1.5px;line-height:1.15;margin-top:17px;font-variant-numeric:tabular-nums;min-width:2ch}.today-stat:first-child strong{color:#f0d5f9}.today-stat:first-child:after{content:"";position:absolute;right:23px;bottom:23px;width:6px;height:6px;border:1px solid #d79aee;border-radius:50%;opacity:.7}
.today-grid{gap:22px}.today-column{gap:22px}.today-task{padding:17px 24px;border-bottom:1px solid #ffffff07}.today-task strong{font-size:13px;font-weight:550}.today-task button{font-size:10px;min-height:32px;background:#21172c;color:#cdb3de;border-color:#70428c55}.today-task small{font-size:10px;color:#9d8daa}.today-panel>.back{margin:6px 24px 16px;font-size:12px}
.today-empty{padding:46px 24px}.today-empty .line-icon{color:#c395e2;background:#a563d719;border:1px solid #a563d722;border-radius:15px;padding:12px;width:49px;height:49px}.today-empty h3{font-size:16px;font-weight:550;color:#e1d5eb}.today-empty p{font-size:12px;color:#9f92ac}.today-panel>.inline-check{font-size:11px;color:#a899b6;margin:16px 24px 4px}.today-panel>p.muted{font-size:11px;margin:6px 24px 16px}
.filters,.project-toolbar,.toolbar-v4{gap:10px;margin-bottom:20px}.filters{align-items:end}.filters input,.filters select,.project-toolbar>input,.project-toolbar>select,.toolbar-v4 input,.toolbar-v4 select{background:#111019;border-color:#302939;min-height:42px;border-radius:10px;color:#c4b7cf;font-size:12px}.view-switch{padding:4px;background:#15121c;border:1px solid #312638;border-radius:10px;gap:3px}.view-switch button{min-height:32px;padding:6px 14px;color:#9c8da9;border:0;background:transparent;border-radius:7px}.view-switch button.active{background:#342641;color:#ebd9f6;box-shadow:0 1px 4px #0002}.count-note{font-size:11px;margin:4px 0 17px;color:#8f829d}
.flow-board{gap:16px;align-items:start;padding-bottom:12px;scrollbar-color:#584166 #111019;scrollbar-width:thin}.flow-column{background:#ffffff02;border:1px solid #ffffff09;border-radius:16px;padding:0 10px 10px}.flow-column>header{padding:17px 10px;font-size:12px;color:#b8aac7}.flow-column>header b{padding:2px 7px;border-radius:6px;background:#ffffff06;color:#9e8fad;font-size:10px}.flow-column .flow-project{border-radius:12px;margin-bottom:10px;background:linear-gradient(140deg,#19151f,#13111a);border-color:#3b2d444f;padding:20px}.flow-project .flow-card-title{font-size:14px;font-weight:600;color:#ece3f3}.flow-project .eyebrow{font-size:9px;letter-spacing:1.35px;color:#a08aae}.flow-project p{font-size:12px;color:#ac9bb8}.flow-project-meta{font-size:11px;color:#c4b0ce}.flow-project select{border-color:#392b43;border-radius:8px;background:#100d17;min-height:36px;font-size:11px}.flow-drop{border-color:#ffffff0d;color:#7e6e8d;font-size:11px;padding:25px 16px;border-radius:12px}.stage-dot{box-shadow:0 0 0 4px #ffffff03}
.project-grid,.flow-project-list{gap:18px}.project-card{padding:25px}.project-card h2{font-size:19px;font-weight:600}.project-card .eyebrow{font-size:10px}.project-card p{font-size:12px}.status-pill,.badge{font-size:10px;background:#a469c71a;border:1px solid #a469c72e;color:#c9a8df;padding:5px 9px;border-radius:6px}
.task-hub .card{overflow:hidden;border-color:#3d2e48}.task-hub .task-line{padding:15px 22px;gap:12px;border-bottom-color:#ffffff07}.task-line .task-open{color:#e3d7ec;font-size:13px}.task-line b{font-size:13px;font-weight:550}.task-line small{color:#9d8caa;line-height:1.5}.task-line time{font-size:10px;color:#b49ac5}.task-line time.late{color:#f293b3}.task-line .initials{background:#9667c51c;border:1px solid #af7edd1c;color:#c7a7db}.task-hub .task-tick{border:1px solid #735c87;border-radius:6px;background:#1a1321;transition:background 140ms,border-color 140ms,transform 150ms var(--scx-ease)}.task-hub .task-tick[aria-checked="true"]{background:linear-gradient(135deg,#c266d7,#8c66e7);border-color:#c68be7}.task-hub .iconbtn{border-color:transparent;background:transparent;color:#9d88ad}.task-footer{border-top:1px solid #ffffff06;padding:12px 22px}.task-footer button{color:#d391df;font-size:12px}.task-line.is-done{background:#ffffff01}.task-line.is-done b{color:#8d8099}
.story-head{padding:23px}.story-title-line h3{font-size:16px;font-weight:600}.story-toggle{border:0;background:transparent;color:#a18baf;padding:0;min-width:28px;min-height:28px}.story-meta{font-size:11px;color:#9883a8;margin-top:12px}.story-meta b{font-weight:500;color:#c8b4d5}.story-desc{font-size:12px;max-width:80ch}.story-actions .iconbtn{min-width:34px;min-height:34px;border:1px solid #493251;background:#221727;color:#c8a5d4}.story-progress{height:4px;background:#ffffff07}.story-progress i{border-radius:4px;transition:width 260ms var(--scx-ease);background:linear-gradient(90deg,#aa69ed,#d877d3)}.story-percent{font-size:10px}.story-client,.story-open-badge,.story-done-badge{font-size:10px;border:1px solid #ffffff08;border-radius:5px}.story-add-task .smallbtn{font-size:11px;background:#1e1527;border-color:#48304f;color:#d7a7e5}
.detail-card{padding:28px}.form-grid{gap:22px 24px}.form-grid label{font-size:12px;color:#c6b5d1;font-weight:500}.form-grid small{font-size:10px;color:#9882a8;font-weight:400}.form-grid input,.form-grid select,.form-grid textarea{background:#0c0b12;border:1px solid #3a2b44;border-radius:10px;color:#eee3f5;padding:11px 13px;min-height:43px;font-size:13px;transition:border-color 150ms,box-shadow 150ms}.form-grid textarea{resize:vertical;line-height:1.8;min-height:110px}.form-grid :is(input,select,textarea):focus{border-color:#aa70c3;box-shadow:0 0 0 3px #aa70c314;outline:0}.form-footer{border-top-color:#ffffff08;padding-top:21px;margin-top:25px}.form-footer p{font-size:11px;color:#9e89ad}.back{font-size:12px;color:#c89bdd;margin-bottom:18px}.related{margin-top:25px}.related-links{gap:18px}.related-links .back{font-size:11px}
.task-row{padding:19px 22px;border-radius:12px;border-color:#3a2d444f;box-shadow:none}.task-row strong{font-size:13px;font-weight:550}.task-row h2{font-size:16px}.task-row p{font-size:12px}.task-row small{font-size:10px}.budget-card>strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:550;letter-spacing:-.8px}.budget-card h2{font-size:16px}
.calendar-shell{gap:22px}.calendar-toolbar{padding:22px}.calendar-toolbar h2{font-size:21px;font-weight:550;letter-spacing:-.5px}.calendar-weekdays{border-top-color:#ffffff08}.calendar-weekdays span{font-size:10px;letter-spacing:1px;padding:13px 0;color:#9e88ad}.calendar-day{border-color:#ffffff07;transition:background-color 140ms,border-color 140ms}.calendar-num{font-size:12px;font-weight:550;color:#bda5ce}.calendar-day.today .calendar-num{color:#edbef9}.calendar-day.selected{background:#9b5eb41c;box-shadow:inset 0 0 0 1px #b576cd}.calendar-event{background:#9b5eb415;color:#d0b1e2;border-radius:3px}.calendar-day.other{opacity:.38}.calendar-agenda .detail-card{border-radius:14px}.calendar-agenda h2{font-size:19px}
table{border-collapse:collapse;width:100%;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:500;color:#9c88ad;background:#ffffff02}td,th{border-bottom-color:#ffffff08}td{color:#c6b5d1}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}
.notice{border:1px solid #76508742;background:linear-gradient(110deg,#251a30,#17131e);border-radius:12px;padding:15px 18px;font-size:12px;color:#cbb7d8;box-shadow:inset 3px 0 #b374cc55}.notice.error{background:#351a27;border-color:#ac546846;color:#ffc2d3;box-shadow:inset 3px 0 #e07b9277}.notice.warning{background:#30251b;border-color:#b58b4944;color:#e6ca9b;box-shadow:inset 3px 0 #c79a5266}.empty-v4,.empty{color:#9f8caf}.empty-v4 b{font-weight:500;color:#cdb9db}.timer-banner{background:linear-gradient(90deg,#211629,#1a1324);border-bottom:1px solid #9663bc33;font-size:12px}
dialog{background:#16121d;color:var(--text);border:1px solid #654271;border-radius:18px;box-shadow:0 26px 100px #0009}dialog::backdrop{background:#07050dbb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.task-editor,.quick-dialog{padding:25px;background:linear-gradient(145deg,#1e1626,#121019);border-color:#67487366}.task-editor-bar{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ffffff09;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#a58ab7}.task-editor .page-head h1{font-size:24px;letter-spacing:-.7px}.task-editor .detail-card{background:transparent;box-shadow:none}.quick-create-grid a{background:#21182b;border:1px solid #4c355b;border-radius:12px;padding:20px;gap:12px}.quick-create-grid a .line-icon{color:#d0a2e7}.quick-create-grid b{font-weight:550;font-size:12px}
.workspace-loading{top:calc(70px + var(--safe-top));padding:6px 11px;border:1px solid #ffffff09;border-top:0;background:#1c1524ed;color:#baa3c8;font-size:10px;border-radius:0 0 8px 8px;animation:scx-status-in 160ms ease both}.loading-line{height:2px;background:linear-gradient(90deg,#a96fed00,#aa6feb,#df78d8,#aa6feb00);background-size:50% 100%;background-repeat:no-repeat;animation:scx-loading 1.1s ease-in-out infinite}
@keyframes scx-loading{from{background-position:-100% 0}to{background-position:200% 0}}
@keyframes scx-status-in{from{opacity:0}to{opacity:1}}
@keyframes scx-dialog-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes scx-drawer-in{from{opacity:0;translate:-16px 0}to{opacity:1;translate:0 0}}
.task-editor[open],.quick-dialog[open]{animation:scx-dialog-in 200ms var(--scx-ease) both}.mobile-drawer[open]{animation:scx-drawer-in 180ms var(--scx-ease) both}
.login-screen{background:radial-gradient(ellipse at 70% 20%,#62317414,transparent 65%),#09090f}.login-screen .auth-shell{border-color:#ffffff12;box-shadow:0 25px 95px #0006}.login-screen .auth-side{background:linear-gradient(145deg,#1a1421,#100e17)}.auth-brand h1{font-weight:650}.login-screen .auth-card input{background:#0e0b15;border-color:#47314f;border-radius:10px}.login-screen .auth-card .primary{min-height:44px}
@media(hover:hover) and (pointer:fine){
  button:hover:not(:disabled),.button:hover{background-color:#2a2033;border-color:#9465aa80;color:#f8efff;transform:translateY(-1px)}
  button.primary:hover:not(:disabled),.button.primary:hover{box-shadow:0 5px 20px #a345c338,inset 0 1px 0 #ffffff25;border-color:#e6a1fc66;filter:brightness(1.06)}
  .sidebar .nav a:hover{background:#b778d212;border-color:#b778d211;color:#e2cbed}.sidebar .nav a.active:hover{background:#a15fb627}
  .task-open:hover,.task-footer button:hover,.story-toggle:hover{transform:none;background:transparent;color:#f2cbff}
  a.project-card:hover,.flow-project:hover,a.today-stat:hover,button.today-stat:hover,a.task-row:hover{border-color:#8b5c9f80;box-shadow:0 9px 26px #0003;transform:translateY(-2px)}
  a.project-card,.flow-project,a.today-stat,button.today-stat,a.task-row{transition:border-color 180ms,box-shadow 180ms,transform 220ms var(--scx-ease)}
  .task-line:hover,.today-task:hover{background-color:#b778d208}.task-line,.today-task{transition:background-color 140ms}
  .calendar-day:hover{background-color:#b778d211}.quick-create-grid a:hover{background:#30203c;border-color:#a76ab9;transform:translateY(-2px)}.quick-create-grid a{transition:background-color 150ms,border-color 150ms,transform 180ms var(--scx-ease)}
  .workspace-search-results>a:hover,.profile-menu-content>a:hover,.profile-menu-content>button:hover{background:#c381dd12;border-radius:8px}
  .back:hover,.section-heading a:hover{color:#f0baf9}.task-tick:hover:not(:disabled){border-color:#e3a8fb;box-shadow:0 0 0 3px #bf8fdd13}
}
@media(min-width:761px) and (max-width:1100px){.workspace-main>.main{padding:28px 22px 48px}.today-stat{padding:20px 17px}.today-stat strong{font-size:31px}.page-head{align-items:flex-start}.page-head h1{font-size:29px}.page-head .page-actions{max-width:50%}}
@media(max-width:760px){
  .workspace-shell{background:radial-gradient(ellipse 420px 260px at 100% 0,#703a9210,transparent),#0b0b12}.workspace-main>.main{padding:25px max(16px,env(safe-area-inset-right,0px)) calc(100px + var(--safe-bottom)) max(16px,env(safe-area-inset-left,0px));max-width:100%;width:100%;min-width:0}
  .workspace-main .topbar{padding-left:max(13px,env(safe-area-inset-left,0px));padding-right:max(13px,env(safe-area-inset-right,0px));background:#101018f5;backdrop-filter:none}
  .workspace-search .search{height:38px}.workspace-search input{font-size:16px}.workspace-search input::placeholder{font-size:12px}.topicons{gap:8px}.page-head{gap:16px;align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:29px;letter-spacing:-.9px;margin:7px 0 9px}.page-head .eyebrow{font-size:8px;letter-spacing:1.75px}.page-head p.muted{font-size:12px;line-height:1.7}.page-head .page-actions{max-width:none;gap:8px}.page-actions button,.page-actions .button{min-height:42px;padding:10px 13px;font-size:12px}
  .today-stats{gap:10px;margin-bottom:20px}.today-stat{padding:18px 16px;min-height:112px;border-radius:13px}.today-stat span{font-size:10px;line-height:1.5}.today-stat strong{font-size:31px;margin-top:14px}.today-stat:first-child:after{right:17px;bottom:18px}.today-grid,.today-column{gap:18px}.today-panel>.section-heading{padding:17px 18px}.section-heading h2{font-size:14px}.today-task{padding:16px 18px}.today-task strong{font-size:12px}.today-panel>.inline-check{margin-left:18px;margin-right:18px}.today-panel>p.muted{margin-left:18px;margin-right:18px}.today-empty{padding:38px 20px}
  .filters input,.filters select,.project-toolbar>input,.project-toolbar>select,.toolbar-v4 input,.toolbar-v4 select,.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:44px}.filters input::placeholder,.project-toolbar>input::placeholder,.toolbar-v4 input::placeholder{font-size:12px}.toolbar-v4{gap:8px}.view-switch button{min-height:36px}.project-toolbar{margin-bottom:22px}.flow-board{grid-auto-columns:84vw;gap:12px}.flow-column{padding:0 8px 8px;border-radius:14px}.flow-column>header{padding:16px 10px}.flow-column .flow-project{padding:18px}.flow-project select{font-size:16px;min-height:42px}.flow-project .flow-card-title{font-size:15px}.project-card{padding:22px}.project-grid,.flow-project-list{gap:14px}
  .task-hub .task-line{padding:14px 16px;gap:9px;grid-template-columns:24px minmax(0,1fr) 60px 32px}.task-line b{font-size:12px}.task-line small{font-size:10px}.task-hub .task-tick{min-height:24px;min-width:24px}.task-hub .iconbtn{min-height:38px}.story-head{padding:18px 16px}.story-title-line h3{font-size:15px}.story-meta{font-size:10px;gap:8px}.story-progress-row{gap:9px}.story-actions{gap:7px}.story-actions .iconbtn{min-height:38px;min-width:34px}.story-desc{font-size:11px}.story-stack{gap:15px}
  .detail-card{padding:21px 18px;border-radius:14px}.form-grid{gap:19px}.form-footer{gap:15px}.form-footer button{min-height:44px}.task-row{padding:18px}.calendar-card,.calendar-agenda{width:100%;max-width:100%;min-width:0}.calendar-toolbar{padding:18px 15px;gap:14px}.calendar-toolbar h2{font-size:20px}.calendar-day{min-height:86px}.calendar-weekdays span{font-size:9px}.task-editor,.quick-dialog{padding:21px 17px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));border-radius:17px}.task-editor .page-head h1{font-size:22px}.task-editor .detail-card{padding:0}.task-editor-bar{margin-bottom:18px}.task-editor-bar .round{min-height:40px;min-width:40px}.quick-create-grid a{min-height:88px;padding:18px}.notice{font-size:12px;padding:14px 16px}
  .bottom-nav{background:#12101bf7;border-top:1px solid #6a46602e;box-shadow:0 -5px 24px #0003;backdrop-filter:none}.bottom-nav a{min-height:47px;border-radius:10px;gap:5px;color:#9989a8}.bottom-nav a.active{background:#bd6cce12;color:#e9abea}.bottom-nav .mobile-create{width:45px;min-width:45px;height:44px;min-height:44px;border-radius:13px;background:linear-gradient(135deg,#cd4fcf,#8b60e9);box-shadow:0 3px 12px #9b4fc827}.bottom-nav .line-icon{width:20px;height:20px}.bottom-nav a span{font-size:9px}.workspace-loading{top:calc(60px + var(--safe-top))}.loading-line{top:calc(60px + var(--safe-top));left:0}
}
/* Busy editor feedback stays beside the close control and never reflows the form. */
.task-editor-bar{position:relative}.task-editor[aria-busy="true"] .task-editor-bar::after{content:"";position:absolute;right:53px;top:12px;width:12px;height:12px;border:2px solid #7e4d9655;border-top-color:#e4a9f1;border-radius:50%;animation:scx-spin .7s linear infinite}
@keyframes scx-spin{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Settings exposes installation and per-device permissions before company forms. */
.settings-device{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:26px}.pwa-install,.pwa-notifications{min-width:0;margin-bottom:20px}.settings-device>.detail-card{margin-bottom:0}.pwa-heading{display:flex;gap:17px;align-items:flex-start}.pwa-heading img{width:48px;height:55px;object-fit:contain;flex:none}.pwa-heading h2,.pwa-notifications h2{font-size:19px;margin:2px 0 9px}.pwa-heading .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 5px}.pwa-heading p{margin-top:0}.pwa-install>.status-pill{display:inline-flex;margin:10px 0}.pwa-install .page-actions,.pwa-notifications .page-actions{margin-top:20px;gap:10px;flex-wrap:wrap}.pwa-notifications>.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pwa-notifications>.section-heading .status-pill{white-space:nowrap}.pwa-guide{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0c0b1355}.pwa-guide h3{margin:0 0 8px;font-size:14px}.pwa-guide ol{padding-left:20px;margin:0;font-size:13px}.pwa-guide li+li{margin-top:10px}.pwa-manage{display:inline-block;margin-top:18px;color:#d0a3e5;font-size:12px}.pwa-notifications p,.pwa-install p{overflow-wrap:anywhere}
@media(max-width:1100px){.settings-device{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.pwa-heading{gap:13px}.pwa-heading img{width:37px;height:45px}.pwa-heading h2,.pwa-notifications h2{font-size:18px}.pwa-install .page-actions>button,.pwa-notifications .page-actions>button{min-height:44px;flex:1 1 170px}.pwa-guide{padding:14px}.drawer-head>.round{min-width:44px;min-height:44px}.mobile-drawer .nav a{min-height:44px}.mobile-drawer .nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-drawer::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Account security uses the existing Workspace controls and mobile widths. */
.mfa-settings{display:flex;flex-direction:column;gap:16px}.mfa-settings form,.mfa-enroll{display:grid;gap:14px;max-width:520px}.mfa-settings label{display:grid;gap:7px}.mfa-settings input,.mfa-settings select{width:100%;min-width:0;padding:12px;border:1px solid #654271;border-radius:10px;background:#100e17;color:var(--text)}.mfa-qr{display:block;width:240px;max-width:100%;height:auto;background:white;padding:12px;border-radius:12px}.mfa-secret{display:block;overflow-wrap:anywhere;user-select:all;padding:14px;font-size:16px;letter-spacing:1px}.mfa-factors{list-style:none;padding:0;margin:0;display:grid;gap:10px}.mfa-factors li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mfa-help{border-top:1px solid #65427166;padding-top:14px}.mfa-help summary{cursor:pointer;font-weight:600}.mfa-help p{line-height:1.6}.mfa-remove{border:1px solid #ac546866;border-radius:12px;padding:16px}.auth-card select{width:100%;padding:12px;border:1px solid #654271;border-radius:10px;background:#100e17;color:var(--text)}

/* /loading.css */
/* Shared by the HTML bootstrap and Rust. Only the eyes animate; no load delay. */
.scx-loading-screen{
  display:grid;place-items:center;min-height:100vh;min-height:100dvh;
  margin:0;padding:calc(28px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
  background:radial-gradient(ellipse at 50% 46%,#62317b12,transparent 55%),#0b0b12;
  color:#ddd2e9;text-align:center;
}
.scx-loader{display:flex;flex-direction:column;align-items:center;gap:16px}
.scx-loader-mark{position:relative;display:block;flex:none;width:clamp(160px,38vw,208px);aspect-ratio:1;line-height:0}
.scx-loader-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.scx-loader-eyes{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.scx-eye-rest{fill:#8754ac}
.scx-eye-light{
  fill:#fff0ff;opacity:.18;
  filter:drop-shadow(0 0 3px #fff0ff) drop-shadow(0 0 9px #ee80ed) drop-shadow(0 0 18px #a365ff);
  animation:scx-eyes-pulse 1.8s ease-in-out infinite;
}
@keyframes scx-eyes-pulse{0%,100%{opacity:.18}50%{opacity:1}}
.scx-loader-brand{font-size:14px;font-weight:600;letter-spacing:3.8px;line-height:1.5;padding-left:3.8px}
.scx-loader-brand small{display:block;margin-top:8px;font-size:8px;font-weight:500;letter-spacing:4.1px;color:#9684a5}
.scx-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Fixed feedback never replaces page content or intercepts clicks. */
.workspace-loading.scx-loading-indicator{
  top:calc(80px + var(--safe-top,0px));right:max(18px,env(safe-area-inset-right,0px));
  display:grid;place-items:center;width:66px;height:66px;padding:0;
  border:1px solid #b876db20;border-radius:15px;background:#15111eeb;
  box-shadow:0 4px 18px #0003;pointer-events:none;
}
.scx-loading-indicator .scx-loader-mark{width:60px}
@media(max-width:760px){.workspace-loading.scx-loading-indicator{top:calc(68px + var(--safe-top,0px));right:max(12px,env(safe-area-inset-right,0px));width:58px;height:58px;border-radius:13px}.scx-loading-indicator .scx-loader-mark{width:54px}}
@media(prefers-reduced-motion:reduce){.scx-eye-light{animation:none!important;opacity:.8;filter:none}.workspace-loading.scx-loading-indicator{animation:none!important}}
@media print{.workspace-loading.scx-loading-indicator{display:none}}