:root{
  --bg:#07111f;--bg-soft:#0a1627;--sidebar:#081421;--surface:#0e1c2e;--surface-2:#122238;--surface-3:#172a43;
  --border:#213652;--border-soft:#1a2d46;--text:#edf4ff;--text-soft:#a8b8cc;--muted:#71849d;
  --blue:#4ea8ff;--blue-strong:#2388f5;--violet:#8b7cff;--orange:#ff9f43;--green:#2ed3a6;--red:#ff6179;--pink:#ef6ca6;
  --shadow:0 20px 60px rgba(0,0,0,.24);--radius:18px;--radius-sm:12px;--sidebar-width:282px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}svg{display:block}h1,h2,h3,h4,p{margin-top:0}p{color:var(--text-soft)}code{font-family:"SFMono-Regular",Consolas,monospace;color:#9ed4ff}.muted{color:var(--muted)}.text-danger{color:var(--red)!important}
.app-body{overflow-x:hidden}.app-shell{display:flex;min-height:100vh}.app-main{margin-left:var(--sidebar-width);min-width:0;width:calc(100% - var(--sidebar-width));transition:.25s ease}.content-area{padding:32px;max-width:1800px;margin:0 auto}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:linear-gradient(180deg,#091726 0%,#07121e 100%);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;z-index:50;transition:.25s ease}.sidebar-head{height:84px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),#226de7);box-shadow:0 10px 24px rgba(50,145,255,.25);font-size:20px;font-weight:800;color:#fff}.brand-lockup div{display:flex;flex-direction:column;line-height:1.2}.brand-lockup strong{font-size:15px;letter-spacing:.01em}.brand-lockup span:not(.brand-mark){font-size:11px;color:var(--muted);margin-top:3px}.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025);display:inline-grid;place-items:center;color:var(--text-soft);transition:.2s}.icon-button:hover{color:var(--text);border-color:#365575;background:rgba(78,168,255,.08)}.sidebar-close{display:none}.workspace-card{margin:18px 16px;padding:13px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(78,168,255,.08),rgba(139,124,255,.045));display:flex;align-items:center;gap:10px}.workspace-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(78,168,255,.14);color:var(--blue)}.workspace-card div{min-width:0;display:flex;flex-direction:column}.workspace-card small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.workspace-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-status{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 0 4px rgba(46,211,166,.1)}.sidebar-nav{padding:4px 14px 18px;overflow-y:auto;flex:1}.nav-group{margin-bottom:10px}.nav-group-title{width:100%;padding:10px 10px 7px;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;color:#62758d;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:9px}.nav-group-title svg{transform:rotate(90deg);transition:.2s}.nav-group.collapsed .nav-group-title svg{transform:rotate(0)}.nav-group.collapsed .nav-group-items{display:none}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:11px;color:#8fa2ba;font-size:13px;font-weight:550;position:relative;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.035);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(78,168,255,.16),rgba(78,168,255,.055));color:#fff}.nav-item.active:before{content:"";position:absolute;left:-14px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--blue);box-shadow:0 0 14px rgba(78,168,255,.7)}.nav-item.active svg{color:var(--blue)}.nav-badge{margin-left:auto;min-width:22px;height:20px;border-radius:8px;background:rgba(255,97,121,.13);color:#ff8b9c;display:grid;place-items:center;font-size:10px;font-weight:700}.sidebar-foot{padding:16px;border-top:1px solid var(--border-soft)}.sidebar-help{display:flex;gap:10px;padding:13px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--border-soft)}.sidebar-help>span{color:var(--blue)}.sidebar-help strong{font-size:11px}.sidebar-help p{font-size:10px;margin:3px 0 0;line-height:1.45}.sidebar-foot>a{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);font-size:11px;margin-top:12px}.sidebar-overlay{display:none}
.topbar{height:84px;position:sticky;top:0;z-index:40;background:rgba(7,17,31,.87);backdrop-filter:blur(18px);border-bottom:1px solid rgba(33,54,82,.8);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.topbar-left{display:flex;align-items:center;gap:15px;min-width:0}.topbar h1{font-size:18px;margin:0 0 3px;font-weight:700}.topbar p{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:none}.topbar-actions{display:flex;align-items:center;gap:10px}.public-link{display:flex;align-items:center;gap:6px;color:var(--text-soft);font-size:12px;padding:10px 12px;border-radius:10px}.public-link:hover{color:#fff;background:rgba(255,255,255,.035)}.notification-button{position:relative}.notification-button>span{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px var(--bg)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:12px;padding:4px 5px 4px 7px}.user-trigger:hover{background:rgba(255,255,255,.035)}.avatar{width:36px;height:36px;border-radius:11px;display:inline-grid;place-items:center;flex:none;background:linear-gradient(145deg,#224a73,#15304d);border:1px solid #335477;color:#cfe7ff;font-size:11px;font-weight:800}.avatar-small{width:30px;height:30px;border-radius:9px;font-size:9px}.avatar-tiny{width:25px;height:25px;border-radius:8px;font-size:8px}.avatar-large{width:52px;height:52px;border-radius:15px;font-size:14px}.avatar-xl{width:64px;height:64px;border-radius:18px;font-size:17px}.user-text{display:flex;flex-direction:column;align-items:flex-start;min-width:120px}.user-text strong{font-size:12px}.user-text small{color:var(--muted);font-size:10px}.user-trigger>svg{transform:rotate(90deg);color:var(--muted)}.user-dropdown{display:none;position:absolute;right:0;top:52px;width:190px;background:var(--surface-2);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:7px}.user-menu.open .user-dropdown{display:block}.user-dropdown a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;color:var(--text-soft);font-size:12px}.user-dropdown a:hover{color:#fff;background:rgba(255,255,255,.04)}
.eyebrow,.panel-kicker,.public-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800;color:var(--blue);margin-bottom:7px}.dashboard-intro,.project-hero,.team-overview,.roadmap-admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-intro h2,.team-overview h2,.roadmap-admin-hero h2{font-size:26px;line-height:1.2;margin-bottom:7px}.dashboard-intro p,.team-overview p,.roadmap-admin-hero p{margin:0}.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{min-height:40px;border-radius:11px;border:1px solid transparent;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:.18s}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--blue),#247de9);color:#fff;box-shadow:0 9px 24px rgba(42,139,242,.18)}.button-primary:hover{box-shadow:0 12px 30px rgba(42,139,242,.28)}.button-secondary{background:rgba(255,255,255,.035);border-color:var(--border);color:#d8e5f6}.button-secondary:hover{border-color:#3b5f84;background:rgba(78,168,255,.07)}.button-ghost{background:transparent;color:var(--text-soft)}.button-block{width:100%}.button-small{min-height:33px;padding:0 11px;font-size:10px}.text-link{color:#8cc8ff;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650}.text-link:hover{color:#fff}.announcement-strip{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(78,168,255,.2);background:linear-gradient(90deg,rgba(78,168,255,.08),rgba(139,124,255,.035));border-radius:14px;margin-bottom:20px}.announcement-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(78,168,255,.12);color:var(--blue)}.announcement-strip div{flex:1}.announcement-strip strong{font-size:12px}.announcement-strip p{margin:2px 0 0;font-size:11px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;font-style:normal;white-space:nowrap;letter-spacing:.01em}.badge-primary{background:rgba(78,168,255,.13);color:#83c4ff}.badge-success{background:rgba(46,211,166,.12);color:#68e6c2}.badge-warning{background:rgba(255,159,67,.13);color:#ffb86f}.badge-danger{background:rgba(255,97,121,.13);color:#ff91a1}.badge-muted{background:rgba(149,169,193,.1);color:#9eafc4}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{min-height:118px;padding:18px;background:linear-gradient(145deg,rgba(18,34,56,.96),rgba(12,26,43,.96));border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.stat-icon.primary{background:rgba(78,168,255,.12);color:var(--blue)}.stat-icon.violet{background:rgba(139,124,255,.12);color:var(--violet)}.stat-icon.green{background:rgba(46,211,166,.12);color:var(--green)}.stat-icon.orange{background:rgba(255,159,67,.12);color:var(--orange)}.stat-card div{display:flex;flex-direction:column}.stat-card small{color:var(--text-soft);font-size:10px}.stat-card strong{font-size:26px;line-height:1.15;margin:3px 0}.stat-card p{font-size:10px;margin:0;color:var(--muted)}.compact-stats{grid-template-columns:repeat(3,minmax(0,220px))}.compact-stats .stat-card{min-height:95px}
.panel{background:linear-gradient(145deg,rgba(16,31,50,.97),rgba(12,26,43,.97));border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:0 14px 40px rgba(0,0,0,.09);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--border-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head h3{font-size:14px;margin:0 0 3px}.panel-head p{font-size:10px;margin:0}.dashboard-grid{display:grid;gap:18px;margin-bottom:18px}.dashboard-grid-main{grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr)}.dashboard-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.project-list{padding:5px 14px 12px}.project-row{display:grid;grid-template-columns:4px minmax(250px,1fr) auto minmax(150px,210px) 18px;align-items:center;gap:15px;padding:15px 8px;border-bottom:1px solid var(--border-soft);color:var(--text-soft)}.project-row:last-child{border-bottom:0}.project-row:hover{background:rgba(255,255,255,.018);border-radius:12px}.project-colour{height:42px;width:4px;border-radius:4px;background:var(--project-colour)}.project-main{min-width:0}.project-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.project-title strong{color:var(--text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-main>span{font-size:10px;color:var(--muted)}.project-metrics{display:flex;gap:15px;font-size:10px}.project-metrics span{display:flex;gap:4px}.project-metrics strong{color:var(--text)}.progress-block>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:7px}.progress-block strong{color:var(--text-soft)}.progress-track,.mini-progress,.public-progress-track{height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.progress-track span,.mini-progress i,.public-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#6fc2ff)}.task-list.compact{padding:7px 14px 14px}.task-line{width:100%;border:0;background:transparent;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;text-align:left;gap:10px;padding:11px 7px;border-bottom:1px solid var(--border-soft);color:var(--text)}.task-line:last-child{border-bottom:0}.task-line:hover{background:rgba(255,255,255,.02);border-radius:10px}.task-line div{min-width:0;display:flex;flex-direction:column}.task-line strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-line small{font-size:9px;color:var(--muted)}.priority-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.priority-low{background:#6d90aa}.priority-medium{background:var(--blue)}.priority-high{background:var(--orange)}.priority-critical{background:var(--red);box-shadow:0 0 0 4px rgba(255,97,121,.09)}.due-date{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.due-date.overdue{color:var(--red)}.issue-list,.release-list,.activity-list{padding:8px 14px 14px}.issue-row,.release-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--border-soft)}.issue-row:last-child,.release-row:last-child{border-bottom:0}.issue-row:hover,.release-row:hover{background:rgba(255,255,255,.018);border-radius:10px}.issue-row>div,.release-row>div{min-width:0;flex:1;display:flex;flex-direction:column}.issue-row strong,.release-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-row small,.release-row small{font-size:9px;color:var(--muted)}.issue-severity{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;flex:none}.issue-severity.critical{background:rgba(255,97,121,.13);color:var(--red)}.issue-severity.high{background:rgba(255,159,67,.13);color:var(--orange)}.issue-severity.medium{background:rgba(78,168,255,.13);color:var(--blue)}.issue-severity.low{background:rgba(113,132,157,.13);color:#93a5ba}.release-version{padding:5px 7px;border-radius:8px;background:rgba(139,124,255,.12);color:#b3a9ff;font-size:9px;font-weight:800}.release-version.large{font-size:12px;padding:7px 10px}.activity-row{display:flex;gap:10px;padding:8px 3px}.activity-row p{font-size:10px;color:var(--text);margin:0 0 2px}.activity-row small{font-size:9px;color:var(--muted)}.empty-state{padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state>span{color:var(--muted);margin-bottom:8px}.empty-state strong{font-size:11px}.empty-state p{font-size:9px;margin:3px 0}.empty-state.large{padding:60px}.empty-state.small{padding:18px}
.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{height:40px;min-width:220px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.search-box svg{color:var(--muted)}.search-box input{border:0;background:transparent;outline:0;color:var(--text);width:100%;font-size:11px}.filter-bar select,.field select,.field input,.field textarea,.inline-form input{border:1px solid var(--border);background:#0b1829;color:var(--text);border-radius:11px;outline:0;transition:.18s}.filter-bar select{height:40px;padding:0 32px 0 11px;font-size:11px}.field select:focus,.field input:focus,.field textarea:focus,.search-box:focus-within{border-color:#3d73a8;box-shadow:0 0 0 3px rgba(78,168,255,.08)}.form-panel{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:10px;color:#a7b8cc;font-weight:650}.field input,.field select{height:42px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical;min-height:90px}.field-span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:4px}.form-section{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-section h4{font-size:12px;margin:0}.toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle>span{width:38px;height:22px;border-radius:999px;background:#23374d;position:relative;transition:.2s}.toggle>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#7f91a7;transition:.2s}.toggle input:checked+span{background:rgba(78,168,255,.35)}.toggle input:checked+span:after{left:19px;background:var(--blue)}.toggle strong{font-size:10px}.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{background:linear-gradient(145deg,rgba(17,33,54,.98),rgba(11,25,41,.98));border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px;transition:.2s}.project-card:hover{transform:translateY(-2px);border-color:#2c4a69;box-shadow:0 18px 45px rgba(0,0,0,.14)}.project-card-top,.project-title-row,.project-card-meta,.project-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.category-chip{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--text-soft)}.category-chip i{width:8px;height:8px;border-radius:3px;background:var(--chip,var(--project-accent,var(--blue)));box-shadow:0 0 0 4px color-mix(in srgb,var(--chip,var(--project-accent,var(--blue))) 14%,transparent)}.card-menu .icon-button{width:32px;height:32px}.project-card-body{display:block;margin:16px 0}.project-title-row{align-items:flex-start}.project-card h3{font-size:15px;margin:0}.project-card-body p{font-size:10px;line-height:1.65;min-height:50px;margin:9px 0 0}.project-card .progress-block{margin:16px 0}.project-card-meta{font-size:9px;color:var(--muted);justify-content:flex-start;gap:16px}.project-card-meta span{display:flex;align-items:center;gap:5px}.project-card-foot{border-top:1px solid var(--border-soft);padding-top:13px;margin-top:14px;font-size:9px;color:var(--muted)}.project-card-foot strong{color:var(--text-soft)}
.project-hero{align-items:center;padding:24px;background:radial-gradient(circle at 5% 10%,color-mix(in srgb,var(--project-accent) 14%,transparent),transparent 32%),linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:20px}.project-hero-main{max-width:780px}.project-hero-title{display:flex;align-items:center;gap:9px;margin:10px 0 7px}.project-hero h2{font-size:25px;margin:0}.project-hero p{margin:0;font-size:11px}.project-overview-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:14px;margin:18px 0}.progress-panel{padding:17px;display:flex;align-items:center;gap:15px}.circular-progress{--value:calc(var(--progress)*3.6deg);width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--blue) var(--value),rgba(255,255,255,.055) 0);display:grid;place-items:center;position:relative}.circular-progress:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.circular-progress span{position:relative;z-index:1;font-size:13px;font-weight:800}.progress-panel h3{font-size:12px;margin:0 0 3px}.progress-panel p{font-size:9px;margin:0}.detail-card{padding:17px;display:flex;align-items:center;gap:11px}.detail-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(78,168,255,.09);color:var(--blue)}.detail-card div{display:flex;flex-direction:column}.detail-card small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.detail-card strong{font-size:11px;margin:2px 0}.detail-card p{font-size:8px;margin:0}.project-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--border);margin-bottom:18px}.project-tabs button{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:650;padding:13px 15px;position:relative}.project-tabs button.active{color:#fff}.project-tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--blue);border-radius:2px}.tab-panel{display:none}.tab-panel.active{display:block}.task-table{padding:4px 14px 13px}.task-table-head,.task-table-row{display:grid;grid-template-columns:minmax(230px,1.6fr) minmax(100px,.7fr) minmax(110px,.7fr) minmax(90px,.6fr) minmax(110px,.75fr);gap:12px;align-items:center}.task-table-head{padding:10px 8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.task-table-row{width:100%;border:0;border-top:1px solid var(--border-soft);background:transparent;color:var(--text-soft);text-align:left;padding:12px 8px;font-size:9px}.task-table-row:hover{background:rgba(255,255,255,.018)}.task-cell-main{display:flex;align-items:center;gap:10px;min-width:0}.task-cell-main>span{display:flex;flex-direction:column;min-width:0}.task-cell-main strong{font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-cell-main small{font-size:8px;color:var(--muted)}.task-table-row>span:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.mini-progress{height:4px}.note-panel{display:flex;align-items:flex-start;gap:14px;padding:18px}.note-panel>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,159,67,.09);color:var(--orange)}.note-panel h3{font-size:12px;margin:0 0 5px}.note-panel p{font-size:10px;line-height:1.7;margin:0}.timeline{padding:18px 20px}.timeline-item{display:grid;grid-template-columns:15px 1fr;gap:12px;position:relative;padding-bottom:22px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--border)}.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(78,168,255,.1)}.timeline-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-title strong{font-size:11px}.timeline-item p{font-size:10px;margin:5px 0}.timeline-item small{font-size:8px;color:var(--muted)}.stack-form{padding:17px;display:flex;flex-direction:column;gap:13px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.team-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.018)}.team-card h4{font-size:11px;margin:0 0 2px}.team-card p{font-size:9px;margin:0 0 5px}.availability{display:inline-flex;align-items:center;gap:5px;font-size:8px}.availability:before,.availability i,.availability-dot{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.availability-available,.availability.available{color:var(--green)}.availability-available:before,.availability.available i,.availability-dot.available{background:var(--green)}.availability-busy,.availability.busy{color:var(--orange)}.availability-busy:before,.availability.busy i,.availability-dot.busy{background:var(--orange)}.availability-away,.availability.away{color:var(--violet)}.availability-away:before,.availability.away i,.availability-dot.away{background:var(--violet)}.availability-offline{color:var(--muted)}.availability-offline:before{background:var(--muted)}
.board-toolbar{align-items:flex-start}.board-summary{display:flex;align-items:center;gap:16px;padding:11px 13px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.018);font-size:9px;color:var(--muted);margin-bottom:14px}.board-summary span{display:flex;align-items:center;gap:5px}.board-summary strong{color:var(--text)}.blocked-indicator{width:8px;height:8px;border-radius:2px;background:var(--red)}.board-tip{margin-left:auto}.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(270px,1fr));gap:12px;overflow-x:auto;padding-bottom:15px}.kanban-column{background:rgba(13,27,45,.76);border:1px solid var(--border-soft);border-radius:15px;min-height:520px}.kanban-head{height:51px;padding:0 12px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between}.kanban-head>div{display:flex;align-items:center;gap:8px}.kanban-head strong{font-size:10px}.kanban-head em{font-size:9px;color:var(--muted);font-style:normal;background:rgba(255,255,255,.05);min-width:21px;height:19px;border-radius:7px;display:grid;place-items:center}.kanban-head .icon-button{width:28px;height:28px;border:0}.kanban-dot{width:8px;height:8px;border-radius:3px}.status-backlog{background:#71849d}.status-planned{background:var(--blue)}.status-in_development{background:var(--violet)}.status-testing{background:var(--orange)}.status-awaiting_approval{background:var(--pink)}.status-completed{background:var(--green)}.kanban-dropzone{min-height:460px;padding:9px}.kanban-dropzone.drag-over{background:rgba(78,168,255,.04)}.kanban-card{border:1px solid var(--border-soft);background:linear-gradient(145deg,var(--surface-2),var(--surface));border-radius:13px;margin-bottom:9px;transition:.18s}.kanban-card.dragging{opacity:.35;transform:rotate(1.5deg)}.kanban-card.blocked{border-left:3px solid var(--red)}.kanban-card-button{width:100%;border:0;background:transparent;text-align:left;color:var(--text);padding:13px}.kanban-card-top{display:flex;align-items:center;justify-content:space-between}.priority-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.priority-text-low{color:#8499b0}.priority-text-medium{color:var(--blue)}.priority-text-high{color:var(--orange)}.priority-text-critical{color:var(--red)}.blocked-label{font-size:8px;color:var(--red);display:flex;align-items:center;gap:3px}.kanban-card h4{font-size:11px;line-height:1.4;margin:9px 0 4px}.kanban-card>button>p{font-size:8px;margin:0 0 12px;color:var(--muted)}.kanban-progress{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin:6px 0 11px}.kanban-card-foot{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border-soft);padding-top:10px}.kanban-meta{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:3px}.kanban-empty{display:none;border:1px dashed #31516f;border-radius:11px;padding:17px;text-align:center;color:var(--muted);font-size:9px}.kanban-dropzone.drag-over .kanban-empty{display:block}
.issue-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.issue-summary>div{display:flex;align-items:center;gap:11px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);padding:13px}.issue-summary strong{font-size:18px}.issue-summary small{font-size:9px;color:var(--muted)}.data-table{padding:4px 14px 14px;overflow-x:auto}.data-table-head,.data-table-row{min-width:900px;display:grid;align-items:center;gap:13px}.data-table-head{padding:10px 8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.data-table-row{border-top:1px solid var(--border-soft);padding:11px 8px;color:var(--text-soft);font-size:9px}.data-table-row:hover{background:rgba(255,255,255,.018)}.issue-table-grid{grid-template-columns:minmax(280px,1.7fr) minmax(130px,.8fr) 90px 110px minmax(110px,.7fr) 80px}.issue-title-cell{display:flex;align-items:center;gap:10px;min-width:0}.issue-title-cell .issue-severity{width:29px;height:29px}.issue-title-cell>span{display:flex;flex-direction:column;min-width:0}.issue-title-cell strong{font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-title-cell small{font-size:8px;color:var(--muted)}.release-overview-text{display:flex;align-items:baseline;gap:7px}.release-overview-text strong{font-size:24px}.release-overview-text span{font-size:11px;color:var(--muted)}.release-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.release-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),var(--surface));padding:18px}.release-card-head{display:flex;align-items:center;justify-content:space-between}.release-card h3{font-size:14px;margin:16px 0 7px}.release-card>p{font-size:10px;line-height:1.6;min-height:48px}.release-date{display:flex;align-items:center;gap:9px;padding:11px;background:rgba(255,255,255,.022);border-radius:11px}.release-date>span{color:var(--blue)}.release-date div{display:flex;flex-direction:column}.release-date small{font-size:8px;color:var(--muted)}.release-date strong{font-size:10px}.release-sections{display:flex;gap:7px;margin:12px 0}.release-sections span{font-size:8px;padding:5px 7px;border-radius:7px;background:rgba(46,211,166,.08);color:#66d8b8}.release-card-foot{border-top:1px solid var(--border-soft);padding-top:13px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.release-card-foot>span{font-size:8px;color:var(--muted)}
.roadmap-admin-hero{padding:25px;border-radius:20px;background:radial-gradient(circle at 80% 20%,rgba(78,168,255,.12),transparent 32%),linear-gradient(145deg,#122843,#0e1e32);border:1px solid #24405f}.roadmap-admin-hero p{max-width:680px}.visibility-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;border:1px solid rgba(46,211,166,.16);background:rgba(46,211,166,.045);margin-bottom:18px}.visibility-note>span{color:var(--green)}.visibility-note strong{font-size:11px}.visibility-note p{font-size:9px;margin:2px 0 0}.roadmap-admin-list{padding:5px 14px 14px}.roadmap-admin-row{display:grid;grid-template-columns:4px minmax(300px,1.5fr) minmax(290px,1fr) auto 18px;align-items:center;gap:15px;padding:14px 8px;border-bottom:1px solid var(--border-soft)}.roadmap-admin-row:last-child{border-bottom:0}.roadmap-admin-main>div{display:flex;align-items:center;gap:8px}.roadmap-admin-main strong{font-size:11px}.roadmap-admin-main p{font-size:9px;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadmap-admin-meta{display:flex;gap:13px;color:var(--muted);font-size:8px}.roadmap-admin-meta strong{color:var(--text-soft)}.visibility-pill{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.visibility-pill.visible{color:var(--green)}.visibility-pill.private{color:var(--muted)}
.team-availability-summary{display:flex;align-items:center;gap:13px;font-size:9px;color:var(--muted)}.team-availability-summary span{display:flex;align-items:center;gap:5px}.team-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),var(--surface));padding:18px;text-align:center}.member-card-head{display:flex;align-items:flex-start;justify-content:space-between}.member-card h3{font-size:14px;margin:14px 0 2px}.member-card>p{font-size:9px;margin:0}.member-speciality{font-size:8px;color:var(--blue);display:block;margin-top:5px}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:16px 0}.member-stats div{display:flex;flex-direction:column;padding:9px 3px;border-radius:9px;background:rgba(255,255,255,.022)}.member-stats strong{font-size:13px}.member-stats small{font-size:7px;color:var(--muted)}.workload-bar{height:4px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.workload-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:4px}.member-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.member-card-foot small{font-size:8px;color:var(--muted)}.compact-form .form-grid{grid-template-columns:repeat(3,1fr);align-items:end}.activity-list.full{padding:16px 20px}.activity-timeline{padding:20px}.activity-timeline-row{display:grid;grid-template-columns:32px 1px 1fr;gap:13px;position:relative;padding-bottom:23px}.activity-line{background:var(--border);height:calc(100% + 8px)}.activity-entry-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.activity-entry-head strong{font-size:10px}.activity-entry-head span{font-size:8px;color:var(--muted)}.activity-timeline-row p{font-size:8px;margin:5px 0}.audit-table-grid{grid-template-columns:120px 160px 130px 90px minmax(280px,1fr) 100px}.audit-table-grid>span{display:flex;flex-direction:column}.audit-table-grid small{font-size:8px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.settings-list,.role-list{padding:12px 17px}.settings-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border-soft)}.colour-swatch{width:25px;height:25px;border-radius:8px}.settings-row div{flex:1;display:flex;flex-direction:column}.settings-row strong{font-size:10px}.settings-row small{font-size:8px;color:var(--muted)}.inline-form{display:flex;align-items:end;gap:10px;padding:15px 17px;border-top:1px solid var(--border-soft)}.inline-form .field{flex:1}.colour-field{max-width:100px}.colour-field input{padding:5px}.role-details{border-bottom:1px solid var(--border-soft)}.role-details summary{list-style:none;cursor:pointer;padding:12px 2px;display:flex;align-items:center;justify-content:space-between}.role-details summary::-webkit-details-marker{display:none}.role-details summary div{display:flex;flex-direction:column}.role-details strong{font-size:10px}.role-details summary span{font-size:8px;color:var(--muted)}.role-details summary svg{transform:rotate(90deg)}.role-details[open] summary svg{transform:rotate(-90deg)}.permission-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 13px}.permission-cloud span{font-size:8px;padding:5px 7px;border-radius:7px;background:rgba(78,168,255,.07);color:#8dbbe7}.integration-panel{display:flex;align-items:flex-start;gap:15px;padding:20px}.integration-panel>span{width:44px;height:44px;border-radius:13px;background:rgba(139,124,255,.1);color:var(--violet);display:grid;place-items:center}.integration-panel h3{font-size:13px;margin:0 0 5px}.integration-panel p{font-size:10px;margin:0}
.toast{position:fixed;right:24px;top:98px;z-index:100;width:min(360px,calc(100vw - 30px));padding:13px 15px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:toastIn .3s ease}.toast strong{font-size:10px}.toast span{font-size:9px;color:var(--text-soft);margin-top:2px}.toast-success{border-color:rgba(46,211,166,.35)}.toast-error{border-color:rgba(255,97,121,.35)}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.toast.removing{opacity:0;transform:translateY(-8px);transition:.25s}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,8,15,.72);backdrop-filter:blur(7px);z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#0d1b2d;border:1px solid #29415f;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16px;margin:0 0 3px}.modal-head p{font-size:10px;margin:0}.modal-body{padding:20px 22px}.modal .form-grid{padding:0}.modal-actions{padding:15px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px}.modal-loading{padding:70px;text-align:center;color:var(--muted)}.form-error{padding:10px 12px;margin-bottom:13px;border-radius:10px;background:rgba(255,97,121,.08);border:1px solid rgba(255,97,121,.18);color:#ff9cac;font-size:10px;display:none}
.login-body{background:#07111f;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.75fr)}.login-showcase{position:relative;overflow:hidden;background:radial-gradient(circle at 22% 24%,rgba(78,168,255,.18),transparent 28%),radial-gradient(circle at 82% 70%,rgba(139,124,255,.14),transparent 30%),linear-gradient(145deg,#0c2138,#07131f);padding:42px 50px;display:flex;flex-direction:column;justify-content:space-between}.login-copy{position:relative;z-index:2;max-width:620px;margin:auto 0}.login-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.035em;margin:11px 0 17px}.login-copy>p{font-size:14px;line-height:1.7;max-width:520px}.login-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.login-points>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.login-points>div>span{color:var(--blue);font-size:10px;font-weight:800}.login-points p{font-size:10px;margin:0}.login-points strong{display:block;color:#fff;font-size:11px;margin-bottom:2px}.showcase-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:180px;height:180px;background:rgba(78,168,255,.08);right:-55px;top:130px}.orb-two{width:260px;height:260px;border:1px solid rgba(255,255,255,.04);right:100px;bottom:-130px}.login-panel{display:grid;place-items:center;padding:40px;background:#091522}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2{font-size:29px;margin:7px 0}.login-card>.muted{font-size:12px;margin-bottom:26px}.login-card .field{margin-bottom:15px}.login-card .field input{height:48px}.login-help{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0;padding:10px 12px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.018);font-size:8px}.login-help span{color:var(--muted)}.login-help code{font-size:8px}.login-card>.text-link{margin-top:9px}.alert{padding:11px 13px;border-radius:11px;margin-bottom:15px;font-size:10px}.alert-danger{background:rgba(255,97,121,.08);border:1px solid rgba(255,97,121,.2);color:#ff9bad}
.public-body{background:#07111f;color:#f1f6fe}.public-header{height:82px;max-width:1380px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}.public-header nav{display:flex;gap:25px}.public-header nav a{font-size:11px;color:#8194aa}.public-header nav a:hover,.public-header nav a.active{color:#fff}.public-hero{min-height:575px;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:center;gap:60px;padding:70px max(32px,calc((100vw - 1280px)/2));background:radial-gradient(circle at 25% 30%,rgba(78,168,255,.13),transparent 30%),linear-gradient(160deg,#0a1b2e 0%,#07111f 62%)}.public-glow{position:absolute;border-radius:50%;pointer-events:none}.glow-one{width:500px;height:500px;right:-180px;top:-180px;background:rgba(78,168,255,.055);filter:blur(10px)}.glow-two{width:350px;height:350px;left:40%;bottom:-250px;background:rgba(139,124,255,.06)}.public-hero-content{position:relative;z-index:2}.public-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(78,168,255,.07);border:1px solid rgba(78,168,255,.14);font-size:9px;color:#8fcaff;text-transform:uppercase;letter-spacing:.1em}.public-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,211,166,.08)}.public-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;max-width:820px;margin:22px 0 20px}.public-hero-content>p{font-size:15px;line-height:1.75;max-width:700px}.public-hero-actions{display:flex;gap:10px;margin-top:30px}.button-ghost-light{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.09);color:#b7c6d8}.public-hero-panel{position:relative;z-index:2;min-height:300px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,rgba(20,43,70,.73),rgba(10,24,41,.78));box-shadow:0 35px 90px rgba(0,0,0,.25);padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-progress-ring{width:155px;height:155px;border-radius:50%;border:1px solid rgba(78,168,255,.25);box-shadow:inset 0 0 0 12px rgba(78,168,255,.04),0 0 55px rgba(78,168,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-progress-ring span{font-size:42px;font-weight:800}.hero-progress-ring small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7990a8}.hero-stage-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:27px}.hero-stage-list>div{display:flex;align-items:center;justify-content:center;gap:7px}.status-orb{width:7px;height:7px;border-radius:50%}.status-orb.development{background:var(--violet)}.status-orb.testing{background:var(--orange)}.status-orb.released{background:var(--green)}.hero-stage-list p{font-size:8px;margin:0;color:#8094aa}.hero-stage-list strong{display:block;color:#fff;font-size:13px}.public-section{max-width:1280px;margin:0 auto;padding:90px 32px}.public-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.public-section-head h2,.about-copy h2,.public-project-content h2{font-size:32px;letter-spacing:-.025em;margin:0 0 8px}.public-section-head p{font-size:12px;margin:0}.roadmap-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.roadmap-filters a{padding:9px 11px;border-radius:9px;color:#8396ac;font-size:9px;border:1px solid transparent}.roadmap-filters a span{margin-left:4px;color:#5f748c}.roadmap-filters a:hover,.roadmap-filters a.active{color:#fff;background:rgba(78,168,255,.07);border-color:rgba(78,168,255,.13)}.roadmap-filters a.active span{color:#8dc9ff}.public-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-project-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(145deg,rgba(17,35,58,.96),rgba(10,24,40,.96));transition:.22s}.public-project-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.public-project-card:hover{transform:translateY(-3px);border-color:rgba(78,168,255,.18);box-shadow:0 22px 55px rgba(0,0,0,.18)}.public-project-top,.public-project-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-category{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#9fb0c2}.public-category i{width:8px;height:8px;border-radius:3px;background:var(--accent)}.public-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}.public-status-planned,.public-status-backlog{background:rgba(78,168,255,.1);color:#82c3ff}.public-status-in_development,.public-status-in-progress{background:rgba(139,124,255,.11);color:#b0a5ff}.public-status-testing,.public-status-awaiting_approval{background:rgba(255,159,67,.11);color:#ffb872}.public-status-coming_soon{background:rgba(239,108,166,.11);color:#f196bd}.public-status-released,.public-status-completed{background:rgba(46,211,166,.11);color:#69dfbf}.public-project-card h3{font-size:18px;margin:18px 0 8px}.public-project-card>p{font-size:11px;line-height:1.7;min-height:75px}.public-project-progress{margin:20px 0}.public-project-progress>div:first-child{font-size:9px;color:#7e91a7;margin-bottom:8px}.public-project-progress strong{color:#cbd8e7}.public-progress-track{height:6px}.latest-update{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}.latest-update>span{color:var(--blue);padding-top:2px}.latest-update div{min-width:0}.latest-update strong{display:block;font-size:9px}.latest-update p{font-size:8px;line-height:1.5;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-update small{font-size:7px;color:#667b92}.public-card-link{display:flex;align-items:center;justify-content:space-between;color:#89c8ff;font-size:9px;font-weight:700;margin-top:16px}.public-update-section{border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.latest-release-public{padding:32px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(46,211,166,.08),transparent 25%),linear-gradient(145deg,#10263d,#0b1929)}.latest-release-public>div{display:flex;align-items:center;gap:10px}.latest-release-public h3{font-size:24px;margin:23px 0 10px}.latest-release-public p{max-width:850px;font-size:12px;line-height:1.8}.about-roadmap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-copy p{font-size:12px;line-height:1.8}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-cards article{padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018)}.about-cards span{font-size:9px;color:var(--blue)}.about-cards h3{font-size:13px;margin:10px 0 4px}.about-cards p{font-size:9px;line-height:1.6;margin:0}.public-empty{text-align:center;padding:60px;border:1px dashed rgba(255,255,255,.09);border-radius:18px}.public-empty>span{color:#60768e}.public-empty h3{font-size:15px;margin:10px 0 3px}.public-empty p{font-size:10px;margin:0}.public-footer{max-width:1280px;margin:0 auto;border-top:1px solid rgba(255,255,255,.055);padding:30px 32px 45px;display:flex;align-items:center;justify-content:space-between}.public-footer p{font-size:9px;margin:0}.public-project-hero{max-width:1280px;margin:40px auto 0;padding:70px 60px;border:1px solid rgba(255,255,255,.075);border-radius:28px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 25%),linear-gradient(145deg,#10253c,#0a1828)}.public-project-title{display:flex;align-items:center;gap:12px;margin:16px 0}.public-project-title h1{font-size:44px;letter-spacing:-.04em;margin:0}.public-project-hero>p{max-width:780px;font-size:14px;line-height:1.75}.public-project-progress.large{max-width:650px;margin-top:32px}.public-project-content{display:grid;grid-template-columns:1.25fr .75fr;gap:55px}.public-timeline{margin-top:30px}.public-timeline article{display:grid;grid-template-columns:16px 1fr;gap:13px;position:relative;padding-bottom:28px}.public-timeline article:not(:last-child):before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:rgba(255,255,255,.09)}.public-timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(78,168,255,.08)}.public-timeline .timeline-title{display:flex;align-items:center;justify-content:space-between}.public-timeline h3{font-size:13px;margin:0}.public-timeline .timeline-title span{font-size:8px;color:#8cc9ff}.public-timeline p{font-size:10px;line-height:1.7;margin:7px 0}.public-timeline small{font-size:8px;color:#667c93}.public-project-aside{padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.018)}.public-task-list{margin-top:20px}.public-task-list article{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.public-task-list article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-task-list strong{font-size:10px}.public-task-list p{font-size:8px;line-height:1.55;margin:6px 0 9px}
@media(max-width:1350px){.project-card-grid,.release-card-grid{grid-template-columns:repeat(2,1fr)}.team-card-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid-secondary{grid-template-columns:repeat(2,1fr)}.dashboard-grid-secondary .panel:last-child{grid-column:span 2}.project-overview-grid{grid-template-columns:1.5fr repeat(2,1fr)}.project-overview-grid .detail-card:last-child{display:none}.public-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){:root{--sidebar-width:260px}.content-area{padding:24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main{grid-template-columns:1fr}.dashboard-grid-secondary{grid-template-columns:1fr}.dashboard-grid-secondary .panel:last-child{grid-column:auto}.project-card-grid,.release-card-grid{grid-template-columns:1fr 1fr}.team-card-grid{grid-template-columns:repeat(2,1fr)}.project-row{grid-template-columns:4px 1fr auto 18px}.project-row .project-metrics{display:none}.project-overview-grid{grid-template-columns:1fr 1fr}.roadmap-admin-row{grid-template-columns:4px 1fr auto 18px}.roadmap-admin-meta{display:none}.settings-layout{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.mobile-brand{display:flex;margin-bottom:55px}.public-hero{grid-template-columns:1fr;min-height:auto}.public-hero-panel{display:none}.public-hero h1{font-size:49px}.about-roadmap{grid-template-columns:1fr;gap:35px}.public-project-content{grid-template-columns:1fr}.public-project-hero{margin:25px 25px 0}.public-project-title h1{font-size:36px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%)}.app-main{margin-left:0;width:100%}.app-shell.sidebar-open .sidebar{transform:none}.app-shell.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45}.sidebar-toggle,.sidebar-close{display:grid}.topbar{padding:0 20px}.content-area{padding:22px 18px}.user-text,.public-link{display:none}.project-card-grid,.release-card-grid,.team-card-grid{grid-template-columns:1fr}.project-overview-grid{grid-template-columns:1fr 1fr}.task-table-head{display:none}.task-table-row{grid-template-columns:1fr auto}.task-table-row>span:nth-child(2),.task-table-row>span:nth-child(4),.task-table-row>span:nth-child(5){display:none}.project-row{grid-template-columns:4px 1fr 18px}.project-row .progress-block{display:none}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.compact-form .form-grid{grid-template-columns:1fr}.public-header nav{display:none}.public-project-grid{grid-template-columns:1fr}.public-section{padding:70px 22px}.public-section-head{align-items:flex-start;flex-direction:column}.public-hero{padding:60px 26px}.public-hero h1{font-size:42px}.public-project-hero{padding:45px 28px}.public-project-title{align-items:flex-start;flex-direction:column}.public-project-title h1{font-size:32px}.issue-summary{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar p{display:none}.topbar h1{font-size:15px}.content-area{padding:18px 13px}.dashboard-intro,.project-hero,.team-overview,.roadmap-admin-hero{align-items:flex-start;flex-direction:column}.stat-grid,.compact-stats{grid-template-columns:1fr}.stat-card{min-height:90px}.dashboard-intro h2,.team-overview h2,.roadmap-admin-hero h2{font-size:22px}.page-toolbar{align-items:stretch;flex-direction:column}.filter-bar{display:grid;grid-template-columns:1fr}.search-box{min-width:0}.filter-bar select,.filter-bar .button{width:100%}.project-overview-grid{grid-template-columns:1fr}.project-tabs{overflow-x:auto}.project-tabs button{white-space:nowrap}.project-hero{padding:18px}.project-hero-title{align-items:flex-start;flex-wrap:wrap}.project-hero h2{font-size:21px}.form-grid{padding:15px}.panel-head{padding:15px}.form-section{align-items:flex-start;flex-direction:column}.board-summary{overflow-x:auto}.board-tip{display:none}.issue-summary{grid-template-columns:1fr}.team-availability-summary{flex-wrap:wrap}.roadmap-admin-row{grid-template-columns:4px 1fr 16px}.visibility-pill{display:none}.inline-form{align-items:stretch;flex-direction:column}.colour-field{max-width:none}.public-header{padding:0 18px}.public-header .button{display:none}.public-hero h1{font-size:36px}.public-hero-actions{align-items:stretch;flex-direction:column}.roadmap-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.about-cards{grid-template-columns:1fr}.public-footer{align-items:flex-start;gap:20px;flex-direction:column}.public-project-hero{margin:15px 12px 0;padding:35px 21px}.modal-backdrop{padding:0}.modal{max-height:100vh;height:100vh;border-radius:0}.modal .form-grid{grid-template-columns:1fr}.login-panel{padding:25px}.login-card{padding-top:10px}}
.notification-menu{position:relative}.notification-dropdown{display:none;position:absolute;right:0;top:50px;width:360px;max-height:470px;overflow:hidden;background:#0e1d30;border:1px solid #29425f;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.38);z-index:90}.notification-menu.open .notification-dropdown{display:block}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--border-soft)}.notification-head>div{display:flex;flex-direction:column}.notification-head strong{font-size:11px}.notification-head small{font-size:8px;color:var(--muted)}.notification-head button{border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:700}.notification-list{max-height:390px;overflow-y:auto;padding:6px}.notification-item{display:flex;gap:10px;padding:11px;border-radius:11px;color:var(--text-soft);position:relative}.notification-item:hover{background:rgba(255,255,255,.03)}.notification-item.unread{background:rgba(78,168,255,.055)}.notification-item.unread:after{content:"";position:absolute;right:11px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.notification-item>span{width:30px;height:30px;border-radius:9px;background:rgba(78,168,255,.1);color:var(--blue);display:grid;place-items:center;flex:none}.notification-item>div{min-width:0;padding-right:10px}.notification-item strong{display:block;font-size:9px;color:var(--text)}.notification-item p{font-size:8px;line-height:1.45;margin:2px 0;color:var(--text-soft)}.notification-item small{font-size:7px;color:var(--muted)}.notification-empty{padding:35px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.notification-empty svg{color:#61778f;margin-bottom:8px}.notification-empty strong{font-size:10px}.notification-empty span{font-size:8px;color:var(--muted);margin-top:3px}.field-help{font-size:8px;color:var(--muted);margin-top:-2px}.task-activity-section{border-top:1px solid var(--border-soft);padding-top:15px}.task-activity-section h4{font-size:11px;margin:0 0 11px}.task-comment-list,.task-attachment-list{display:flex;flex-direction:column;gap:7px}.task-comment{display:flex;gap:9px;padding:10px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.018)}.task-comment>div{min-width:0;flex:1}.task-comment>div>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-comment strong{font-size:9px}.task-comment small{font-size:7px;color:var(--muted)}.task-comment p{font-size:9px;line-height:1.55;margin:5px 0 0;color:var(--text-soft);white-space:pre-wrap}.task-attachment{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.018)}.task-attachment:hover{border-color:#365a7d;background:rgba(78,168,255,.04)}.task-attachment>span{width:28px;height:28px;border-radius:8px;background:rgba(78,168,255,.1);color:var(--blue);display:grid;place-items:center}.task-attachment div{display:flex;flex-direction:column;min-width:0}.task-attachment strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-attachment small{font-size:7px;color:var(--muted)}.task-activity-empty{padding:12px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:8px;text-align:center}.file-upload input[type=file]{height:auto;padding:9px}.file-upload input[type=file]::file-selector-button{border:1px solid var(--border);background:rgba(78,168,255,.08);color:#bcdcff;border-radius:8px;padding:7px 10px;margin-right:10px;cursor:pointer;font-size:9px}
@media(max-width:600px){.notification-dropdown{position:fixed;left:12px;right:12px;top:75px;width:auto}.task-comment>div>div{align-items:flex-start;flex-direction:column;gap:2px}}
.external-auth-note{background:rgba(78,168,255,.07);border:1px solid rgba(78,168,255,.18);color:#b9d9f7;line-height:1.6}

/* Account registration controls — v1.1.0 */
.public-account-actions{display:flex;align-items:center;gap:9px}.registration-approval-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(255,159,67,.2);border-radius:11px;background:rgba(255,159,67,.07);color:#ffc17f;font-size:10px;line-height:1.55}.registration-approval-note svg{flex:none;margin-top:1px}.field small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:5px}.account-access-panel{margin-bottom:18px}.account-settings-form{padding:0 20px 20px}.settings-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.settings-toggle-card{position:relative;display:flex;align-items:center;gap:12px;min-height:94px;padding:16px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.018);cursor:pointer;transition:.18s}.settings-toggle-card:hover{border-color:#36597d;background:rgba(78,168,255,.035)}.settings-toggle-card>input,.account-active-control>input{position:absolute;opacity:0;pointer-events:none}.settings-toggle-card>span:last-child{display:flex;flex-direction:column}.settings-toggle-card strong{font-size:11px}.settings-toggle-card small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:4px}.settings-switch{width:40px;height:23px;border-radius:999px;background:#20324a;border:1px solid #2d4563;padding:2px;display:inline-flex;align-items:center;flex:none;transition:.18s}.settings-switch i{display:block;width:17px;height:17px;border-radius:50%;background:#8192a8;transition:.18s;box-shadow:0 2px 7px rgba(0,0,0,.25)}.settings-toggle-card>input:checked+.settings-switch,.account-active-control>input:checked+.settings-switch{background:rgba(46,211,166,.18);border-color:rgba(46,211,166,.45)}.settings-toggle-card>input:checked+.settings-switch i,.account-active-control>input:checked+.settings-switch i{transform:translateX(17px);background:var(--green)}.account-copy-fields{padding:0;margin:0}.field-span-two{grid-column:1/-1}.settings-action-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.settings-security-note{display:flex;align-items:flex-start;gap:8px;max-width:760px;color:var(--muted);font-size:9px;line-height:1.55}.settings-security-note svg{flex:none;color:var(--blue)}.settings-error-list ul{margin:8px 0 0;padding-left:18px}.account-management-list{display:flex;flex-direction:column;border-top:1px solid var(--border-soft)}.account-management-row{display:grid;grid-template-columns:40px minmax(220px,1fr) minmax(170px,.55fr) minmax(150px,.45fr) auto;gap:13px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-soft)}.account-management-row:last-child{border-bottom:0}.account-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#224a73,#15304d);border:1px solid #335477;color:#cfe7ff;font-size:10px;font-weight:800}.account-identity{display:flex;flex-direction:column;min-width:0}.account-identity strong{font-size:11px}.account-identity span{font-size:9px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-identity small{font-size:8px;color:var(--muted);margin-top:3px}.compact-field{display:flex;flex-direction:column;gap:5px}.compact-field>span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.compact-field select{height:36px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 9px;font-size:10px}.account-active-control{position:relative;display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:9px}.account-active-control input:disabled+.settings-switch{opacity:.65}.registration-status-card{display:flex;align-items:center;gap:14px;padding:15px 17px;margin-bottom:18px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(90deg,rgba(78,168,255,.065),rgba(255,255,255,.015))}.registration-status-card.is-open{border-color:rgba(46,211,166,.22);background:linear-gradient(90deg,rgba(46,211,166,.075),rgba(255,255,255,.015))}.registration-status-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(78,168,255,.12);color:var(--blue);flex:none}.registration-status-card.is-open .registration-status-icon{background:rgba(46,211,166,.12);color:var(--green)}.registration-status-copy{min-width:0;flex:1}.registration-status-copy .panel-kicker{margin-bottom:3px}.registration-status-copy strong{display:block;font-size:12px}.registration-status-copy p{font-size:9px;margin:2px 0 0}.registration-status-card>.badge{margin-left:auto}
@media(max-width:1050px){.settings-toggle-grid{grid-template-columns:1fr}.account-management-row{grid-template-columns:40px 1fr auto}.account-management-row .compact-field,.account-management-row .account-active-control{grid-column:2/-1}.account-management-row .button{grid-column:2/-1;justify-self:start}}
@media(max-width:820px){.public-account-actions .button-primary{display:none}.settings-action-row{align-items:stretch;flex-direction:column}.registration-status-card{align-items:flex-start;flex-wrap:wrap}.registration-status-card>.button{width:100%}.registration-status-card>.badge{margin-left:0}.account-management-row{grid-template-columns:38px 1fr}.account-management-row .compact-field,.account-management-row .account-active-control,.account-management-row .button{grid-column:1/-1}.account-management-row .button{width:100%}}
@media(max-width:600px){.public-account-actions{display:none}.account-settings-form{padding:0 15px 15px}.settings-toggle-card{min-height:82px}.account-management-row{padding:14px 15px}}

/* Community Development Hub — v1.2.0 */
.community-public-body{background:#07111f}.community-main{max-width:1500px;margin:0 auto;padding:34px 28px 70px}.community-header{position:sticky;top:0;z-index:60;background:rgba(7,17,31,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft)}.community-main-nav{display:flex;align-items:center;gap:4px}.community-main-nav a{padding:10px 12px;border-radius:10px;color:var(--text-soft);font-size:12px;font-weight:650}.community-main-nav a:hover,.community-main-nav a.active{color:#fff;background:rgba(78,168,255,.08)}.community-account-actions{display:flex;align-items:center;gap:8px}.community-user-chip{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 5px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.02)}.community-user-chip>span:last-child{display:flex;flex-direction:column}.community-user-chip strong{font-size:10px}.community-user-chip small{font-size:8px;color:var(--muted)}.community-footer{max-width:1500px;margin:0 auto}.community-hero{position:relative;overflow:hidden;min-height:470px;padding:62px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.7fr);gap:58px;align-items:center;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 18% 20%,rgba(78,168,255,.18),transparent 36%),radial-gradient(circle at 86% 72%,rgba(139,124,255,.15),transparent 32%),linear-gradient(145deg,#0e2035,#0a1727);box-shadow:var(--shadow)}.community-hero:after{content:"";position:absolute;inset:auto -80px -160px auto;width:460px;height:460px;border:1px solid rgba(78,168,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(78,168,255,.035),0 0 0 140px rgba(78,168,255,.02);pointer-events:none}.community-hero-copy{position:relative;z-index:1}.community-hero h1{font-size:50px;line-height:1.08;letter-spacing:-.035em;max-width:850px;margin:18px 0}.community-hero-copy>p{font-size:16px;line-height:1.75;max-width:780px}.community-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:27px 0 22px}.community-trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#9eb2c9;font-size:10px}.community-trust-row span{display:flex;align-items:center;gap:7px}.community-trust-row svg{color:var(--blue)}.community-impact-panel{position:relative;z-index:1;padding:28px;border:1px solid rgba(126,200,255,.2);border-radius:20px;background:rgba(7,17,31,.62);box-shadow:0 18px 55px rgba(0,0,0,.2)}.community-impact-panel h2{font-size:20px;line-height:1.35;margin-bottom:20px}.community-impact-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.community-impact-stats div{padding:16px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.025)}.community-impact-stats strong{display:block;font-size:25px}.community-impact-stats span{font-size:9px;color:var(--muted)}.community-section{padding-top:72px}.community-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.community-section-head h2{font-size:29px;letter-spacing:-.02em;margin-bottom:8px}.community-section-head p{max-width:740px;margin:0}.contribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contribution-card{position:relative;min-height:250px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--border-soft);border-radius:20px;background:linear-gradient(145deg,rgba(18,34,56,.96),rgba(10,23,39,.96));overflow:hidden;transition:.2s}.contribution-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--contribution-accent)}.contribution-card:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-80px;border-radius:50%;background:var(--contribution-accent);opacity:.055;filter:blur(2px)}.contribution-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--contribution-accent) 45%,var(--border));box-shadow:0 18px 50px rgba(0,0,0,.18)}.contribution-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--contribution-accent) 14%,transparent);color:var(--contribution-accent);margin-bottom:22px}.contribution-type{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--contribution-accent);font-weight:800}.contribution-card h3{font-size:18px;margin:6px 0 9px}.contribution-card p{font-size:11px;line-height:1.65}.contribution-card>a{display:flex;align-items:center;gap:6px;margin-top:auto;color:#cce6ff;font-size:11px;font-weight:750}.community-discovery-section{padding-bottom:10px}.community-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.community-public-card{position:relative;padding:20px;border:1px solid var(--border-soft);border-radius:18px;background:var(--surface);overflow:hidden}.community-public-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--community-accent)}.community-public-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-type-pill{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#a8bdd4}.community-public-card h3{font-size:15px;margin:14px 0 8px}.community-public-card>p{font-size:10px;line-height:1.6;min-height:48px}.community-public-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:8px;margin:15px 0}.community-public-meta span{display:flex;align-items:center;gap:5px}.community-public-card>a{display:flex;align-items:center;gap:5px;color:#91ccff;font-size:10px;font-weight:700}.community-empty{padding:55px 24px;border:1px dashed var(--border);border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.012)}.community-empty>span{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:rgba(78,168,255,.08);color:var(--blue);margin-bottom:14px}.community-empty h3{font-size:16px;margin-bottom:6px}.community-empty p{max-width:500px}.community-empty .button{margin-top:10px}.community-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.community-process-grid article{padding:21px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(255,255,255,.018)}.community-process-grid article>span{font-size:10px;color:var(--blue);font-weight:800}.community-process-grid h3{font-size:14px;margin:13px 0 7px}.community-process-grid p{font-size:10px;line-height:1.6;margin:0}.community-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:38px 0 27px;border-bottom:1px solid var(--border-soft);margin-bottom:24px}.community-page-hero.compact{padding-top:22px}.community-page-hero h1{font-size:35px;letter-spacing:-.025em;margin:4px 0 8px}.community-page-hero p{max-width:800px;margin:0;font-size:13px}.community-account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.community-account-stats article,.known-issue-summary>article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--border-soft);border-radius:15px;background:var(--surface)}.community-account-stats article>span,.known-issue-summary article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(78,168,255,.09);color:var(--blue)}.community-account-stats strong,.known-issue-summary strong{font-size:21px;display:block}.community-account-stats small,.known-issue-summary small{font-size:8px;color:var(--muted)}.community-account-stats .needs-attention{border-color:rgba(255,159,67,.35);background:rgba(255,159,67,.05)}.community-account-stats .needs-attention>span{background:rgba(255,159,67,.12);color:var(--orange)}.community-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.018);margin-bottom:18px}.community-filter-bar select,.community-filter-bar input{min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 11px;font-size:10px}.my-submission-list{display:flex;flex-direction:column;gap:11px}.my-submission-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 20px;border:1px solid var(--border-soft);border-radius:17px;background:var(--surface);overflow:hidden}.my-submission-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--submission-accent)}.my-submission-card.requires-action{border-color:rgba(255,159,67,.35);box-shadow:inset 0 0 0 1px rgba(255,159,67,.05)}.my-submission-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--submission-accent) 13%,transparent);color:var(--submission-accent)}.my-submission-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.my-submission-main h2{font-size:14px;margin:7px 0 4px}.my-submission-main>p{font-size:9px;margin-bottom:8px}.my-submission-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:8px}.my-submission-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.my-submission-actions form{margin:0}.community-status-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.community-status-tabs a{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border-soft);border-radius:999px;color:var(--text-soft);font-size:9px;font-weight:700;background:rgba(255,255,255,.015)}.community-status-tabs a span{min-width:20px;height:18px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);font-size:8px}.community-status-tabs a.active,.community-status-tabs a:hover{border-color:rgba(78,168,255,.42);color:#d9edff;background:rgba(78,168,255,.08)}.suggestion-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{display:grid;grid-template-columns:72px minmax(0,1fr) 38px;gap:17px;align-items:center;padding:19px;border:1px solid var(--border-soft);border-radius:18px;background:var(--surface);transition:.18s}.suggestion-card:hover{border-color:#345777;transform:translateY(-1px)}.suggestion-vote-box{width:68px;height:76px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(139,124,255,.08);border:1px solid rgba(139,124,255,.17);color:#b6adff}.suggestion-vote-box strong{font-size:18px;color:#fff;margin-top:2px}.suggestion-vote-box small{font-size:7px;text-transform:uppercase;letter-spacing:.08em}.suggestion-card-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.suggestion-card h2{font-size:15px;margin:8px 0 5px}.suggestion-card-main>p{font-size:10px;line-height:1.55;margin-bottom:8px}.suggestion-linkage,.suggestion-meta{display:flex;gap:13px;flex-wrap:wrap;font-size:8px;color:var(--muted)}.suggestion-linkage span,.suggestion-meta span{display:flex;align-items:center;gap:5px}.suggestion-linkage{color:#91b9de;margin-bottom:8px}.suggestion-open{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;color:var(--text-soft)}.suggestion-open:hover{color:#fff;border-color:var(--blue)}.known-issue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.6fr);gap:13px;margin-bottom:20px}.known-issue-privacy{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(78,168,255,.18);border-radius:15px;background:rgba(78,168,255,.045)}.known-issue-privacy>svg{color:var(--blue);flex:none}.known-issue-privacy span{display:flex;flex-direction:column}.known-issue-privacy strong{font-size:10px}.known-issue-privacy small{font-size:8px;line-height:1.5;color:var(--muted);margin-top:3px}.known-issue-list{display:flex;flex-direction:column;gap:11px}.known-issue-card{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--border-soft);border-radius:17px;background:var(--surface)}.known-issue-marker{height:100%;display:flex;align-items:stretch}.known-issue-marker span{width:4px;border-radius:4px;background:var(--orange)}.known-issue-card.severity-critical .known-issue-marker span{background:var(--red)}.known-issue-card.severity-high .known-issue-marker span{background:#ff826b}.known-issue-card.severity-low .known-issue-marker span{background:var(--green)}.known-issue-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.severity-label{font-size:8px;font-weight:750}.severity-critical{color:#ff8698}.severity-high{color:#ff9d83}.severity-medium{color:#ffc47f}.severity-low{color:#6be4c1}.known-issue-main h2{font-size:14px;margin:8px 0 5px}.known-issue-main>p{font-size:9px;margin-bottom:8px}.known-issue-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:8px}.community-form-hero{position:relative;margin-bottom:20px;padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--form-accent) 10%,var(--surface)),var(--surface));overflow:hidden}.community-form-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;top:-120px;background:var(--form-accent);opacity:.07}.community-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:9px;margin-bottom:22px}.community-back-link svg{transform:rotate(180deg)}.community-form-hero-row{display:flex;align-items:center;gap:17px;position:relative;z-index:1}.community-form-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--form-accent) 16%,transparent);color:var(--form-accent)}.community-form-hero h1{font-size:28px;margin:4px 0 5px}.community-form-hero p{margin:0}.community-alert{padding:16px 18px;border-radius:14px;margin-bottom:18px}.community-alert-danger{border:1px solid rgba(255,97,121,.3);background:rgba(255,97,121,.08);color:#ffb1bd}.community-alert ul{margin:8px 0 0;padding-left:20px}.community-submission-form{display:flex;flex-direction:column;gap:16px}.community-form-section{padding:24px;border:1px solid var(--border-soft);border-radius:19px;background:var(--surface)}.community-form-section-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}.community-form-section-head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(78,168,255,.1);color:var(--blue);font-size:10px;font-weight:800}.community-form-section-head h2{font-size:16px;margin:0 0 3px}.community-form-section-head p{font-size:9px;margin:0}.community-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.community-form-grid .field>span{font-size:9px}.community-form-grid input,.community-form-grid select,.community-form-grid textarea{font-size:11px}.community-checkbox-card{position:relative;display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.018);cursor:pointer}.community-checkbox-card>input{position:absolute;opacity:0}.community-checkbox-card>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(78,168,255,.08);color:var(--blue);flex:none}.community-checkbox-card>div{display:flex;flex-direction:column}.community-checkbox-card strong{font-size:10px}.community-checkbox-card small{font-size:8px;color:var(--muted);line-height:1.5;margin-top:3px}.community-checkbox-card:has(input:checked){border-color:rgba(46,211,166,.35);background:rgba(46,211,166,.04)}.community-checkbox-card:has(input:checked)>span{background:rgba(46,211,166,.12);color:var(--green)}.community-form-actions{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;gap:10px;padding:15px 17px;border:1px solid #2b4666;border-radius:16px;background:rgba(12,28,47,.95);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.28)}.community-form-actions>div{flex:1}.community-form-actions strong{font-size:10px}.community-form-actions p{font-size:8px;margin:2px 0 0}.submission-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--submission-accent) 9%,var(--surface)),var(--surface));margin-bottom:16px}.submission-detail-heading{display:flex;align-items:center;gap:15px}.submission-detail-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--submission-accent);background:color-mix(in srgb,var(--submission-accent) 14%,transparent)}.submission-detail-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.submission-detail-heading h1{font-size:22px;margin:6px 0 2px}.submission-detail-heading p{font-size:9px;margin:0}.submission-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.submission-detail-main,.submission-detail-sidebar{display:flex;flex-direction:column;gap:16px}.community-detail-panel{padding:21px;border:1px solid var(--border-soft);border-radius:17px;background:var(--surface)}.community-detail-panel h2{font-size:15px;margin-bottom:13px}.submission-description{font-size:11px;line-height:1.75;white-space:normal}.submission-category-line{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.025);font-size:9px}.submission-category-line span{color:var(--muted)}.submission-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.submission-detail-grid article{padding:13px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.015)}.submission-detail-grid article.wide{grid-column:1/-1}.submission-detail-grid span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:5px}.submission-detail-grid p{font-size:10px;line-height:1.6;margin:0;color:#c2d0e2}.submission-detail-grid a{display:flex;gap:5px;align-items:center;color:#8ac8ff;font-size:9px;word-break:break-all}.staff-response-panel{border-color:rgba(78,168,255,.27);background:linear-gradient(145deg,rgba(78,168,255,.07),var(--surface))}.staff-response-panel p{font-size:11px;line-height:1.7;margin:0}.community-attachment-list{display:flex;flex-direction:column;gap:7px}.community-attachment-list a{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.015)}.community-attachment-list a:hover{border-color:#365a7d}.community-attachment-list>a>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(78,168,255,.08);color:var(--blue)}.community-attachment-list div{display:flex;flex-direction:column}.community-attachment-list strong{font-size:9px}.community-attachment-list small{font-size:7px;color:var(--muted)}.submission-message-thread{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.submission-message{display:flex;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.014)}.submission-message.staff-message{border-color:rgba(78,168,255,.2);background:rgba(78,168,255,.035)}.submission-message>div{flex:1}.submission-message header{display:flex;align-items:center;justify-content:space-between;gap:10px}.submission-message header strong{font-size:9px}.submission-message header span{font-size:7px;color:var(--muted)}.submission-message em{font-size:7px;color:var(--blue);font-style:normal;margin-left:4px}.submission-message p{font-size:9px;line-height:1.6;margin:6px 0 0}.community-thread-empty{padding:16px;border:1px dashed var(--border);border-radius:11px;color:var(--muted);font-size:9px;text-align:center}.submission-reply-form{display:flex;flex-direction:column;align-items:flex-end;gap:9px;border-top:1px solid var(--border-soft);padding-top:15px}.submission-reply-form .field{width:100%}.submission-facts{display:flex;flex-direction:column}.submission-facts div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.submission-facts div:last-child{border:0}.submission-facts span{font-size:8px;color:var(--muted)}.submission-facts strong{font-size:9px;text-align:right}.vote-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.vote-results div{padding:10px 5px;border:1px solid var(--border-soft);border-radius:10px;text-align:center;background:rgba(255,255,255,.015)}.vote-results strong{display:block;font-size:14px}.vote-results span{font-size:7px;color:var(--muted)}.vote-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vote-actions button{border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text-soft);padding:8px 4px;font-size:8px}.vote-actions button:hover,.vote-actions button.active{border-color:var(--blue);background:rgba(78,168,255,.09);color:#fff}.community-vote-panel>small{display:block;margin-top:9px;color:var(--muted);font-size:7px;line-height:1.5}.linked-work-list{display:flex;flex-direction:column;gap:8px}.linked-work-list div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border-soft);border-radius:10px}.linked-work-list svg{color:var(--blue)}.linked-work-list span{display:flex;flex-direction:column}.linked-work-list small{font-size:7px;color:var(--muted)}.linked-work-list strong{font-size:9px}.reopen-panel p{font-size:9px}.community-admin-intro{align-items:flex-end}.community-admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:17px}.community-admin-stats>a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--border-soft);border-radius:15px;background:var(--surface);transition:.18s}.community-admin-stats>a:hover{border-color:#375b7d;transform:translateY(-1px)}.community-admin-stats strong{display:block;font-size:20px}.community-admin-stats small{font-size:8px;color:var(--muted);line-height:1.35}.stat-icon.danger{background:rgba(255,97,121,.12);color:var(--red)}.stat-icon.success{background:rgba(46,211,166,.12);color:var(--green)}.stat-icon.warning{background:rgba(255,159,67,.12);color:var(--orange)}.community-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.community-queue-panel{min-width:0}.community-admin-filters{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(130px,.8fr)) auto auto;gap:8px;padding:13px 18px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.community-admin-filters label{display:flex;flex-direction:column;gap:4px}.community-admin-filters label>span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.community-admin-filters input,.community-admin-filters select{height:36px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 9px;font-size:9px}.community-admin-filters .archive-filter{flex-direction:row;align-items:center;padding:0 4px}.community-admin-list{display:flex;flex-direction:column}.community-admin-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(260px,.55fr) 18px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-soft);transition:.15s}.community-admin-row:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:var(--row-accent)}.community-admin-row:hover{background:rgba(78,168,255,.025)}.community-admin-row.waiting-user{background:rgba(255,159,67,.025)}.community-admin-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--row-accent) 11%,transparent);color:var(--row-accent)}.community-admin-row-main>div{display:flex;align-items:center;gap:6px}.community-admin-row-main>strong{display:block;font-size:10px;margin:4px 0 2px}.community-admin-row-main p{font-size:8px;margin:0 0 3px}.community-admin-row-main small{font-size:7px;color:var(--muted)}.community-admin-row-meta{display:grid;grid-template-columns:1.2fr .7fr .45fr;gap:10px}.community-admin-row-meta>span{display:flex;flex-direction:column}.community-admin-row-meta small{font-size:7px;color:var(--muted)}.community-admin-row-meta strong{font-size:8px}.community-admin-side{display:flex;flex-direction:column;gap:16px}.community-workflow-list{padding:0 18px 18px;display:flex;flex-direction:column;gap:11px}.community-workflow-list>div{display:flex;align-items:flex-start;gap:10px}.community-workflow-list>div>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(78,168,255,.09);color:var(--blue);font-size:8px;font-weight:800}.community-workflow-list p{font-size:8px;margin:0}.community-workflow-list strong{display:block;font-size:9px;color:var(--text)}.community-outcome-list{display:flex;flex-direction:column;padding:0 15px 15px}.community-outcome-list a{display:flex;gap:9px;align-items:center;padding:9px;border-radius:9px}.community-outcome-list a:hover{background:rgba(255,255,255,.025)}.community-outcome-list a>span{width:29px;height:29px;border-radius:8px;background:rgba(255,255,255,.025);display:grid;place-items:center}.community-outcome-list div{display:flex;flex-direction:column}.community-outcome-list strong{font-size:8px}.community-outcome-list small{font-size:7px;color:var(--muted)}.community-review-heading{margin-bottom:17px}.community-review-heading>a{margin-bottom:12px}.community-review-heading>div{display:flex;align-items:center;gap:13px}.community-review-heading>div>div:nth-child(2){flex:1}.community-review-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--review-accent) 12%,transparent);color:var(--review-accent)}.community-review-badges{display:flex;gap:6px;align-items:center}.community-review-heading h2{font-size:20px;margin:5px 0 2px}.community-review-heading p{font-size:8px;margin:0}.community-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.community-review-main,.community-review-side{display:flex;flex-direction:column;gap:16px}.community-review-content{padding:0 19px 19px}.community-review-description{font-size:10px;line-height:1.7;padding:14px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.015)}.review-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-detail-grid article{padding:11px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.012)}.review-detail-grid article.wide{grid-column:1/-1}.review-detail-grid article>span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.review-detail-grid strong{font-size:8px}.review-detail-grid p{font-size:8px;line-height:1.55;margin:0}.review-attachments{margin-top:13px}.review-attachments>a{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-soft);border-radius:9px;margin-top:6px}.review-attachments>a>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(78,168,255,.08);color:var(--blue)}.review-attachments a div{display:flex;flex-direction:column}.review-attachments strong{font-size:8px}.review-attachments small{font-size:7px;color:var(--muted)}.review-message-list{display:flex;flex-direction:column;gap:8px;padding:0 18px 15px}.review-message{display:flex;gap:9px;padding:10px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.012)}.review-message.staff{border-color:rgba(78,168,255,.18);background:rgba(78,168,255,.03)}.review-message.internal{border-color:rgba(255,159,67,.18);background:rgba(255,159,67,.025)}.review-message.hidden-comment{opacity:.5}.review-message>div{flex:1}.review-message header{display:flex;justify-content:space-between;gap:8px}.review-message strong{font-size:8px}.review-message small{font-size:7px;color:var(--muted)}.review-message p{font-size:8px;line-height:1.55;margin:5px 0 0}.review-message em{font-size:6px;color:var(--orange);font-style:normal}.review-reply-form{padding:14px 18px 18px;border-top:1px solid var(--border-soft)}.review-reply-form .toggle{margin:9px 0}.comment-moderation{display:flex;gap:5px;margin-top:6px}.comment-moderation button{border:0;background:transparent;color:var(--blue);font-size:7px;padding:0}.vote-mini-summary{display:flex;gap:6px;flex-wrap:wrap}.vote-mini-summary span{font-size:7px;padding:5px 7px;border-radius:8px;background:rgba(139,124,255,.08);color:#bdb5ff}.review-management-form,.convert-form{padding:0 17px 17px}.review-management-form .field,.convert-form .field{margin-bottom:10px}.settings-toggle-card.compact{min-height:66px;padding:11px;margin-bottom:8px}.settings-toggle-card.compact strong{font-size:9px}.settings-toggle-card.compact small{font-size:7px}.convert-form.second{padding-top:13px;border-top:1px solid var(--border-soft)}.review-history{padding:0 17px 17px;display:flex;flex-direction:column}.review-history>div{display:flex;gap:9px;position:relative;padding:0 0 13px}.review-history>div>span{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:4px;box-shadow:0 0 0 4px rgba(78,168,255,.08)}.review-history p{display:flex;flex-direction:column;margin:0}.review-history strong{font-size:8px}.review-history small{font-size:7px;color:var(--muted)}.archive-submission-card{padding:17px}.archive-submission-card h3{font-size:11px;margin:0 0 4px}.archive-submission-card p{font-size:8px}.community-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1200px){.contribution-grid,.community-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.community-admin-layout,.community-review-layout{grid-template-columns:1fr}.community-admin-side,.community-review-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.community-admin-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.community-admin-row{grid-template-columns:38px minmax(0,1fr) 18px}.community-admin-row-meta{grid-column:2/3}.submission-detail-layout{grid-template-columns:minmax(0,1fr) 300px}.known-issue-summary{grid-template-columns:repeat(3,1fr)}.known-issue-privacy{grid-column:1/-1}}
@media(max-width:980px){.community-header{padding-left:18px;padding-right:18px}.community-main-nav{display:none}.community-account-actions .button-ghost-light{display:none}.community-main{padding:24px 18px 60px}.community-hero{grid-template-columns:1fr;padding:40px;gap:30px}.community-hero h1{font-size:40px}.community-impact-panel{max-width:650px}.community-process-grid{grid-template-columns:repeat(2,1fr)}.submission-detail-layout{grid-template-columns:1fr}.submission-detail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.community-account-stats{grid-template-columns:repeat(2,1fr)}.known-issue-summary{grid-template-columns:repeat(2,1fr)}.community-settings-grid{grid-template-columns:1fr}.community-review-side,.community-admin-side{grid-template-columns:1fr}.community-admin-row-meta{display:none}}
@media(max-width:720px){.community-header{height:auto;min-height:75px}.community-account-actions .community-user-chip,.community-account-actions .button-secondary{display:none}.community-main{padding:18px 12px 50px}.community-hero{padding:30px 22px;border-radius:20px}.community-hero h1{font-size:32px}.community-hero-copy>p{font-size:13px}.community-impact-stats{grid-template-columns:1fr 1fr}.community-section{padding-top:48px}.community-section-head,.community-page-hero,.submission-detail-hero{align-items:flex-start;flex-direction:column}.community-section-head h2{font-size:24px}.contribution-grid,.community-public-grid,.community-process-grid{grid-template-columns:1fr}.community-page-hero h1{font-size:28px}.community-form-grid,.submission-detail-grid,.review-detail-grid{grid-template-columns:1fr}.field-span-2,.field-span-two,.submission-detail-grid article.wide,.review-detail-grid article.wide{grid-column:1}.community-form-section{padding:18px}.community-form-actions{position:static;align-items:stretch;flex-direction:column}.community-form-actions .button{width:100%}.community-form-actions>div{margin-bottom:3px}.my-submission-card{grid-template-columns:40px 1fr}.my-submission-actions{grid-column:1/-1;justify-content:flex-start}.suggestion-card{grid-template-columns:58px 1fr}.suggestion-vote-box{width:54px;height:67px}.suggestion-open{display:none}.known-issue-card{grid-template-columns:7px 1fr}.known-issue-card>.button{grid-column:2}.submission-detail-sidebar{grid-template-columns:1fr}.community-admin-stats{grid-template-columns:repeat(2,1fr)}.community-admin-filters{grid-template-columns:1fr 1fr}.community-admin-row{grid-template-columns:34px minmax(0,1fr) 16px;padding:13px}.community-review-heading>div{align-items:flex-start;flex-wrap:wrap}.community-review-heading .page-actions{width:100%}.community-account-stats,.known-issue-summary{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.community-hero{padding:26px 18px}.community-hero h1{font-size:28px}.community-hero-actions .button{width:100%}.community-impact-stats,.community-account-stats,.known-issue-summary,.community-admin-stats{grid-template-columns:1fr}.community-trust-row{flex-direction:column;gap:8px}.community-filter-bar>*{width:100%}.community-admin-filters{grid-template-columns:1fr}.community-form-hero{padding:22px}.community-form-hero-row{align-items:flex-start}.community-form-icon{width:48px;height:48px}.community-form-hero h1{font-size:22px}.submission-detail-heading{align-items:flex-start}.submission-detail-icon{width:44px;height:44px}.submission-detail-heading h1{font-size:18px}.vote-actions{grid-template-columns:1fr}.community-footer{padding-left:18px;padding-right:18px}}

.review-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.review-attachment-item:last-child{border-bottom:0}.review-attachment-item>a{flex:1}.review-attachment-item form{margin:0;flex:0 0 auto}@media(max-width:700px){.review-attachment-item{align-items:stretch;flex-direction:column}.review-attachment-item form .button{width:100%}}

/* ========================================================================== 
   Emberstone Development UI System v1.3.0
   A complete visual refresh layered over the stable v1.2 application styles.
   ========================================================================== */

:root {
  color-scheme: dark;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #07111f;
  --bg-soft: #0a1626;
  --bg-elevated: #0d1b2d;
  --sidebar: #081522;
  --surface: #0e1d31;
  --surface-2: #12243a;
  --surface-3: #172c47;
  --surface-glass: rgba(13, 27, 45, .82);
  --border: #263e5d;
  --border-soft: #1b304a;
  --border-strong: #36597f;
  --text: #f2f7ff;
  --text-soft: #b5c4d7;
  --muted: #7f93ad;
  --blue: #52a9ff;
  --blue-strong: #278cf6;
  --blue-soft: #8bc7ff;
  --violet: #9588ff;
  --orange: #ffa34b;
  --green: #32d6ab;
  --red: #ff647d;
  --pink: #ef75ad;
  --accent: var(--blue);
  --accent-strong: var(--blue-strong);
  --accent-soft: var(--blue-soft);
  --accent-rgb: 82, 169, 255;
  --warning-rgb: 255, 163, 75;
  --success-rgb: 50, 214, 171;
  --danger-rgb: 255, 100, 125;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .16);
  --shadow: 0 22px 60px rgba(0, 0, 0, .28);
  --shadow-lg: 0 36px 100px rgba(0, 0, 0, .38);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --sidebar-width: 292px;
  --sidebar-collapsed-width: 84px;
  --topbar-height: 88px;
  --content-max: 1760px;
  --content-padding: 34px;
  --field-height: 46px;
  --motion-fast: 160ms cubic-bezier(.2,.8,.2,1);
  --motion: 240ms cubic-bezier(.2,.8,.2,1);
  --motion-slow: 420ms cubic-bezier(.2,.8,.2,1);
}

html[data-theme="deep-ocean"] {
  --bg: #061517;
  --bg-soft: #081d21;
  --bg-elevated: #0b252a;
  --sidebar: #071a1d;
  --surface: #0c2228;
  --surface-2: #102d34;
  --surface-3: #173a42;
  --surface-glass: rgba(9, 30, 34, .84);
  --border: #244850;
  --border-soft: #18383f;
  --border-strong: #35646d;
  --text: #f0fbfb;
  --text-soft: #b3cecf;
  --muted: #789b9f;
  --blue: #44c8c4;
  --blue-strong: #24a9a5;
  --blue-soft: #86dfdc;
  --accent: #44c8c4;
  --accent-strong: #24a9a5;
  --accent-soft: #86dfdc;
  --accent-rgb: 68, 200, 196;
}

html[data-theme="urban-gold"] {
  --bg: #0d1118;
  --bg-soft: #121821;
  --bg-elevated: #171f29;
  --sidebar: #10151d;
  --surface: #161e28;
  --surface-2: #1d2834;
  --surface-3: #263544;
  --surface-glass: rgba(19, 26, 35, .86);
  --border: #374453;
  --border-soft: #2a3542;
  --border-strong: #59697b;
  --text: #fbf8ef;
  --text-soft: #d0c7b6;
  --muted: #9b927f;
  --blue: #d9ad58;
  --blue-strong: #bf8e34;
  --blue-soft: #f0ce8b;
  --accent: #d9ad58;
  --accent-strong: #bf8e34;
  --accent-soft: #f0ce8b;
  --accent-rgb: 217, 173, 88;
}

html[data-theme="emberstone"] {
  --bg: #08101e;
  --bg-soft: #0c1728;
  --bg-elevated: #101e32;
  --sidebar: #091523;
  --surface: #102139;
  --surface-2: #152a45;
  --surface-3: #1d3553;
  --border: #2c4566;
  --border-soft: #203956;
  --border-strong: #42688f;
  --blue: #4d9fff;
  --blue-strong: #207eea;
  --blue-soft: #8bc5ff;
  --orange: #ff8d3c;
  --accent: #4d9fff;
  --accent-strong: #207eea;
  --accent-soft: #8bc5ff;
  --accent-rgb: 77, 159, 255;
}

html[data-theme="modern-blue"] {
  --blue: #398ef2;
  --blue-strong: #1f75dd;
  --blue-soft: #74b4fb;
  --accent: #398ef2;
  --accent-strong: #1f75dd;
  --accent-soft: #74b4fb;
  --accent-rgb: 57, 142, 242;
}

html[data-mode="light"] {
  color-scheme: light;
  --bg: #edf3f9;
  --bg-soft: #f4f7fb;
  --bg-elevated: #ffffff;
  --sidebar: #f8fbff;
  --surface: #ffffff;
  --surface-2: #f6f9fd;
  --surface-3: #eaf1f8;
  --surface-glass: rgba(255, 255, 255, .88);
  --border: #cbd8e7;
  --border-soft: #dbe5ef;
  --border-strong: #9db2c9;
  --text: #142236;
  --text-soft: #52657d;
  --muted: #71839a;
  --shadow-xs: 0 1px 2px rgba(36, 57, 80, .08);
  --shadow-sm: 0 10px 28px rgba(36, 57, 80, .08);
  --shadow: 0 24px 64px rgba(36, 57, 80, .12);
  --shadow-lg: 0 34px 100px rgba(36, 57, 80, .18);
}

html[data-theme="deep-ocean"][data-mode="light"] {
  --bg: #edf7f6;
  --bg-soft: #f5fbfa;
  --sidebar: #f6fcfb;
  --surface: #ffffff;
  --surface-2: #eff8f7;
  --surface-3: #e3f1f0;
  --border: #bfd8d6;
  --border-soft: #d4e8e6;
  --border-strong: #87b4b0;
  --text: #123233;
  --text-soft: #496f70;
  --muted: #6f9293;
}

html[data-theme="urban-gold"][data-mode="light"] {
  --bg: #f4f1ea;
  --bg-soft: #faf8f3;
  --sidebar: #fbfaf7;
  --surface: #ffffff;
  --surface-2: #f8f5ef;
  --surface-3: #eee8dd;
  --border: #d9d0c0;
  --border-soft: #e7e0d4;
  --border-strong: #b8aa94;
  --text: #2a271f;
  --text-soft: #665f51;
  --muted: #8d8372;
}

html[data-motion="reduced"] *,
html[data-motion="reduced"] *::before,
html[data-motion="reduced"] *::after {
  scroll-behavior: auto !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
}

* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--border); border: 3px solid transparent; background-clip: padding-box; border-radius: 999px; }
*::-webkit-scrollbar-thumb:hover { background-color: var(--border-strong); }

html { background: var(--bg); }
body {
  min-height: 100vh;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.62;
  letter-spacing: -.005em;
  background:
    radial-gradient(circle at 8% -8%, rgba(var(--accent-rgb), .09), transparent 30rem),
    radial-gradient(circle at 100% 16%, rgba(149, 136, 255, .045), transparent 34rem),
    var(--bg);
  color: var(--text);
  transition: background-color var(--motion), color var(--motion);
}

::selection { background: rgba(var(--accent-rgb), .28); color: var(--text); }
:focus-visible { outline: 3px solid rgba(var(--accent-rgb), .48); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; transform: translateY(-150%); padding: 10px 14px; border-radius: 10px; background: var(--accent); color: #fff; font-weight: 800; box-shadow: var(--shadow); }
.skip-link:focus { transform: translateY(0); }
[hidden] { display: none !important; }

h1, h2, h3, h4 { color: var(--text); letter-spacing: -.025em; }
h1 { font-weight: 760; }
h2 { font-weight: 740; }
h3 { font-weight: 710; }
p { color: var(--text-soft); }
.muted { color: var(--muted) !important; }

.app-shell { min-height: 100vh; }
.app-main { margin-left: var(--sidebar-width); width: calc(100% - var(--sidebar-width)); transition: margin var(--motion), width var(--motion); }
.content-area { width: 100%; max-width: var(--content-max); padding: var(--content-padding); }

/* Sidebar */
.sidebar {
  width: var(--sidebar-width);
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .035), transparent 18%),
    var(--sidebar);
  border-right-color: var(--border-soft);
  box-shadow: 12px 0 40px rgba(0, 0, 0, .06);
  transition: width var(--motion), transform var(--motion), background var(--motion);
}
.sidebar::after { content: ""; position: absolute; inset: 0 0 0 auto; width: 1px; background: linear-gradient(180deg, transparent, rgba(var(--accent-rgb), .25), transparent); pointer-events: none; opacity: .7; }
.sidebar-head { height: var(--topbar-height); padding: 0 20px; border-bottom-color: var(--border-soft); }
.brand-lockup { gap: 12px; min-width: 0; }
.brand-mark { position: relative; width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(145deg, var(--accent), var(--accent-strong)); box-shadow: 0 12px 28px rgba(var(--accent-rgb), .24); font-size: 19px; overflow: hidden; }
.brand-mark i { position: absolute; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.24); border-radius: 10px; transform: rotate(32deg) translate(-12px, -12px); }
.brand-lockup strong { font-size: 14px; font-weight: 780; color: var(--text); }
.brand-lockup span:not(.brand-mark) { font-size: 10px; color: var(--muted); letter-spacing: .02em; }
.workspace-card { margin: 18px 14px 12px; padding: 14px; min-height: 68px; border-color: var(--border-soft); background: linear-gradient(145deg, rgba(var(--accent-rgb), .09), rgba(var(--accent-rgb), .025)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.workspace-icon { background: rgba(var(--accent-rgb), .13); color: var(--accent); }
.workspace-card div span { font-size: 9px; color: var(--muted); margin-top: 2px; }
.workspace-card strong { font-size: 11px; color: var(--text); }
.workspace-status { background: var(--green); box-shadow: 0 0 0 4px rgba(var(--success-rgb), .11), 0 0 18px rgba(var(--success-rgb), .28); }
.sidebar-nav { padding: 7px 12px 18px; }
.nav-group { margin: 0 0 10px; }
.nav-group-title { padding: 11px 10px 6px; font-size: 9px; letter-spacing: .14em; color: var(--muted); }
.nav-group-title:hover { color: var(--text-soft); }
.nav-group-title svg { color: var(--muted); }
.nav-item { min-height: 43px; padding: 10px 11px; margin: 2px 0; border-radius: 12px; color: var(--text-soft); font-size: 12px; font-weight: 620; }
.nav-icon { width: 24px; display: grid; place-items: center; color: var(--muted); transition: color var(--motion-fast), transform var(--motion-fast); }
.nav-item:hover { background: rgba(var(--accent-rgb), .06); color: var(--text); }
.nav-item:hover .nav-icon { color: var(--accent); transform: translateX(1px); }
.nav-item.active { background: linear-gradient(90deg, rgba(var(--accent-rgb), .17), rgba(var(--accent-rgb), .055)); color: var(--text); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .12); }
.nav-item.active::before { left: -12px; width: 3px; height: 24px; background: var(--accent); box-shadow: 0 0 16px rgba(var(--accent-rgb), .55); }
.nav-item.active .nav-icon { color: var(--accent); }
.nav-badge { min-width: 24px; height: 20px; padding: 0 6px; background: rgba(var(--danger-rgb), .12); color: var(--red); border: 1px solid rgba(var(--danger-rgb), .16); }
.sidebar-foot { padding: 13px 14px 15px; border-top-color: var(--border-soft); background: linear-gradient(180deg, transparent, rgba(0,0,0,.035)); }
.sidebar-quick-action { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid rgba(var(--accent-rgb), .22); border-radius: 13px; background: rgba(var(--accent-rgb), .075); color: var(--accent-soft); text-align: left; transition: var(--motion-fast); }
.sidebar-quick-action:hover { background: rgba(var(--accent-rgb), .12); border-color: rgba(var(--accent-rgb), .36); transform: translateY(-1px); }
.sidebar-quick-action > svg { flex: none; }
.sidebar-quick-action span { display: flex; flex-direction: column; min-width: 0; }
.sidebar-quick-action strong { font-size: 10px; color: var(--text); }
.sidebar-quick-action small { font-size: 8px; color: var(--muted); }
.sidebar-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 9px 0; }
.sidebar-footer-links a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; border-radius: 9px; color: var(--muted); font-size: 8px; }
.sidebar-footer-links a:hover { background: rgba(var(--accent-rgb), .055); color: var(--text); }
.sidebar-collapse-control { width: 100%; min-height: 34px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 9px; }
.sidebar-collapse-control:hover { background: rgba(255,255,255,.03); color: var(--text-soft); }
.sidebar-collapse-control svg { transform: rotate(180deg); transition: transform var(--motion); }

html[data-sidebar="collapsed"] .sidebar { width: var(--sidebar-collapsed-width); }
html[data-sidebar="collapsed"] .app-main { margin-left: var(--sidebar-collapsed-width); width: calc(100% - var(--sidebar-collapsed-width)); }
html[data-sidebar="collapsed"] .brand-lockup > div,
html[data-sidebar="collapsed"] .workspace-card > div,
html[data-sidebar="collapsed"] .workspace-status,
html[data-sidebar="collapsed"] .nav-group-title span,
html[data-sidebar="collapsed"] .nav-group-title svg,
html[data-sidebar="collapsed"] .nav-label,
html[data-sidebar="collapsed"] .sidebar-quick-action span,
html[data-sidebar="collapsed"] .sidebar-footer-links span,
html[data-sidebar="collapsed"] .sidebar-collapse-control span { display: none; }
html[data-sidebar="collapsed"] .sidebar-head { justify-content: center; padding: 0; }
html[data-sidebar="collapsed"] .brand-lockup { justify-content: center; }
html[data-sidebar="collapsed"] .workspace-card { justify-content: center; margin-inline: 12px; padding: 10px; }
html[data-sidebar="collapsed"] .sidebar-nav { padding-inline: 12px; }
html[data-sidebar="collapsed"] .nav-group-title { height: 8px; padding: 0; }
html[data-sidebar="collapsed"] .nav-item { justify-content: center; padding: 10px; }
html[data-sidebar="collapsed"] .nav-icon { width: auto; }
html[data-sidebar="collapsed"] .nav-item.active::before { left: -12px; }
html[data-sidebar="collapsed"] .nav-badge { position: absolute; top: 3px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; font-size: 7px; }
html[data-sidebar="collapsed"] .sidebar-quick-action { justify-content: center; padding: 10px; }
html[data-sidebar="collapsed"] .sidebar-footer-links { grid-template-columns: 1fr; }
html[data-sidebar="collapsed"] .sidebar-collapse-control svg { transform: none; }

/* Topbar */
.topbar { height: var(--topbar-height); padding: 0 var(--content-padding); background: var(--surface-glass); border-bottom-color: var(--border-soft); backdrop-filter: blur(22px) saturate(135%); }
.topbar-left { gap: 14px; }
.topbar-heading { min-width: 0; }
.topbar-breadcrumb { display: flex; align-items: center; gap: 5px; margin-bottom: 3px; color: var(--muted); font-size: 8px; letter-spacing: .025em; }
.topbar-breadcrumb strong { color: var(--accent); font-weight: 700; }
.topbar-breadcrumb svg { color: var(--muted); }
.topbar h1 { font-size: 17px; line-height: 1.25; letter-spacing: -.015em; }
.topbar p { max-width: 680px; font-size: 10px; color: var(--muted); }
.topbar-actions { gap: 8px; }
.topbar-public-links { display: flex; align-items: center; gap: 3px; }
.public-link { min-height: 38px; padding: 0 10px; border-radius: 10px; font-size: 10px; font-weight: 650; }
.public-link:hover { background: rgba(var(--accent-rgb), .06); color: var(--text); }
.topbar-divider { width: 1px; height: 30px; background: var(--border-soft); margin: 0 3px; }
.icon-button { width: 40px; height: 40px; border-color: var(--border-soft); border-radius: 12px; background: rgba(255,255,255,.018); color: var(--text-soft); }
.icon-button:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .07); color: var(--accent-soft); transform: translateY(-1px); }
.user-trigger { min-height: 46px; padding: 4px 6px; border: 1px solid transparent; }
.user-trigger:hover { border-color: var(--border-soft); background: rgba(255,255,255,.02); }
.user-text { min-width: 112px; }
.user-text strong { color: var(--text); font-size: 10px; }
.user-text small { font-size: 8px; }
.user-dropdown, .notification-dropdown { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-lg); backdrop-filter: blur(24px); }
.user-dropdown { width: 238px; padding: 8px; }
.user-dropdown-summary { display: flex; align-items: center; gap: 10px; padding: 10px; margin-bottom: 4px; border-radius: 10px; background: var(--surface-2); }
.user-dropdown-summary div { min-width: 0; display: flex; flex-direction: column; }
.user-dropdown-summary strong { font-size: 9px; color: var(--text); }
.user-dropdown-summary small { font-size: 7px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-dropdown a, .user-dropdown button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px; border: 0; border-radius: 9px; background: transparent; color: var(--text-soft); font-size: 9px; text-align: left; }
.user-dropdown a:hover, .user-dropdown button:hover { background: rgba(var(--accent-rgb), .06); color: var(--text); }
.dropdown-divider { height: 1px; background: var(--border-soft); margin: 5px 7px; }
.user-dropdown .dropdown-danger:hover { background: rgba(var(--danger-rgb), .07); color: var(--red); }
.notification-dropdown { width: min(390px, calc(100vw - 24px)); border-radius: 18px; }
.notification-head { padding: 15px 16px; }
.notification-head strong { font-size: 10px; }
.notification-head small { font-size: 8px; }
.notification-item { padding: 12px; }
.notification-item strong { font-size: 9px; }
.notification-item p { font-size: 8px; }
.notification-item small { font-size: 7px; }

/* Page structure and cards */
.dashboard-intro, .project-hero, .team-overview, .roadmap-admin-hero, .community-admin-intro { margin-bottom: 25px; }
.dashboard-intro h2, .team-overview h2, .roadmap-admin-hero h2 { font-size: clamp(25px, 2.1vw, 34px); margin-bottom: 8px; }
.dashboard-intro p, .team-overview p, .roadmap-admin-hero p { max-width: 760px; font-size: 12px; }
.eyebrow, .panel-kicker, .public-kicker { color: var(--accent); letter-spacing: .16em; font-size: 8px; }
.page-actions { gap: 9px; }
.button { min-height: 42px; padding: 0 16px; border-radius: 12px; font-size: 10px; font-weight: 760; letter-spacing: .002em; box-shadow: none; }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button:disabled, .button.is-loading { cursor: wait; opacity: .7; transform: none; }
.button.is-loading::before { content: ""; width: 13px; height: 13px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: es-spin .7s linear infinite; }
.button-primary { background: linear-gradient(135deg, var(--accent), var(--accent-strong)); box-shadow: 0 10px 26px rgba(var(--accent-rgb), .2); color: #fff; }
.button-primary:hover { box-shadow: 0 14px 34px rgba(var(--accent-rgb), .27); }
.button-secondary { background: var(--surface-2); border-color: var(--border); color: var(--text); }
.button-secondary:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .065); }
.button-ghost, .button-ghost-light { color: var(--text-soft); }
.button-ghost:hover, .button-ghost-light:hover { background: rgba(var(--accent-rgb), .06); color: var(--text); }
.text-link { color: var(--accent-soft); font-size: 9px; font-weight: 700; }
.text-link:hover { color: var(--text); }

.panel, .form-panel, .project-card, .release-card, .team-card, .detail-card, .community-public-card, .known-issue-card, .my-submission-card, .suggestion-card {
  background: linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface) 92%, var(--bg)));
  border-color: var(--border-soft);
  box-shadow: var(--shadow-xs);
}
.panel { border-radius: var(--radius); overflow: hidden; }
.panel:hover { border-color: color-mix(in srgb, var(--border) 80%, var(--accent)); }
.panel-head { min-height: 77px; padding: 19px 20px; border-bottom-color: var(--border-soft); }
.panel-head h3 { font-size: 14px; margin: 2px 0 3px; }
.panel-head p { font-size: 9px; margin: 0; }
.announcement-strip { min-height: 64px; padding: 14px 16px; border-color: rgba(var(--accent-rgb), .2); background: linear-gradient(90deg, rgba(var(--accent-rgb), .085), rgba(var(--accent-rgb), .025)); box-shadow: inset 0 1px rgba(255,255,255,.02); }
.announcement-strip strong { font-size: 10px; }
.announcement-strip p { font-size: 9px; }
.announcement-icon { background: rgba(var(--accent-rgb), .12); color: var(--accent); }
.badge { min-height: 22px; padding: 4px 9px; border: 1px solid transparent; font-size: 8px; }
.badge-primary { background: rgba(var(--accent-rgb), .11); border-color: rgba(var(--accent-rgb), .17); color: var(--accent-soft); }
.badge-success { background: rgba(var(--success-rgb), .1); border-color: rgba(var(--success-rgb), .17); }
.badge-warning { background: rgba(var(--warning-rgb), .1); border-color: rgba(var(--warning-rgb), .17); }
.badge-danger { background: rgba(var(--danger-rgb), .1); border-color: rgba(var(--danger-rgb), .17); }
.badge-muted { background: var(--surface-2); border-color: var(--border-soft); color: var(--muted); }

.stat-grid { gap: 15px; }
.stat-card { min-height: 124px; padding: 19px; border-color: var(--border-soft); background: linear-gradient(145deg, var(--surface), var(--surface-2)); border-radius: var(--radius); box-shadow: var(--shadow-xs); position: relative; overflow: hidden; }
.stat-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -42px; top: -52px; border-radius: 50%; background: rgba(var(--accent-rgb), .055); }
.stat-card:hover { transform: translateY(-2px); border-color: var(--border); box-shadow: var(--shadow-sm); }
.stat-icon { width: 46px; height: 46px; border-radius: 14px; }
.stat-card small { font-size: 8px; letter-spacing: .09em; }
.stat-card strong { font-size: 27px; letter-spacing: -.04em; }
.stat-card p { font-size: 8px; }
.registration-status-card { border-radius: var(--radius); background: var(--surface); border-color: var(--border-soft); box-shadow: var(--shadow-xs); }
.dashboard-grid { gap: 16px; }
.project-row, .task-line, .issue-row, .release-row, .activity-row { transition: background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast); }
.project-row:hover, .task-line:hover, .issue-row:hover, .release-row:hover, .activity-row:hover { background: rgba(var(--accent-rgb), .045); }
.project-row { min-height: 78px; }
.project-title strong, .task-line strong, .issue-row strong, .release-row strong { color: var(--text); font-size: 9px; }
.project-main > span, .task-line small, .issue-row small, .release-row small { font-size: 8px; }
.progress-track, .public-progress-track, .mini-progress, .workload-bar { background: color-mix(in srgb, var(--surface-3) 74%, transparent); overflow: hidden; }
.progress-track > span, .public-progress-track > span, .mini-progress > span, .workload-bar > span { background: linear-gradient(90deg, var(--accent-strong), var(--accent)); box-shadow: 0 0 12px rgba(var(--accent-rgb), .25); }
.empty-state { min-height: 160px; border: 1px dashed var(--border); border-radius: 14px; background: rgba(var(--accent-rgb), .018); }
.empty-state strong { color: var(--text); font-size: 10px; }
.empty-state p { font-size: 8px; }

/* Forms */
.form-grid { gap: 15px; padding: 20px; }
.field { gap: 7px; }
.field > span, .compact-field > span { color: var(--text-soft); font-size: 9px; font-weight: 720; letter-spacing: .012em; }
.field input, .field select, .field textarea, .compact-field input, .compact-field select, .search-box input, .filter-bar select, .public-search input {
  min-height: var(--field-height);
  border-color: var(--border);
  border-radius: 11px;
  background: color-mix(in srgb, var(--surface-2) 86%, transparent);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.012);
  transition: border-color var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);
}
.field textarea { min-height: 112px; line-height: 1.65; resize: vertical; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--border-strong); }
.field input:focus, .field select:focus, .field textarea:focus, .public-search input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12); background: var(--surface-2); }
.field input::placeholder, .field textarea::placeholder, .public-search input::placeholder { color: color-mix(in srgb, var(--muted) 75%, transparent); }
.field small, .field-help, .character-counter { color: var(--muted); font-size: 8px; }
.character-counter { margin-top: -2px; text-align: right; }
.form-section { border-color: var(--border-soft); background: rgba(var(--accent-rgb), .025); border-radius: 13px; }
.form-section h4 { font-size: 11px; }
.form-actions, .modal-actions, .settings-action-row { border-top-color: var(--border-soft); }
.toggle > span { background: var(--surface-3); border-color: var(--border); }
.toggle input:checked + span { background: rgba(var(--success-rgb), .22); border-color: rgba(var(--success-rgb), .48); }
.toggle input:checked + span::after { background: var(--green); }
.settings-toggle-card { min-height: 104px; border-color: var(--border-soft); background: rgba(var(--accent-rgb), .018); }
.settings-toggle-card:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .045); transform: translateY(-1px); }
.settings-switch { background: var(--surface-3); border-color: var(--border); }
.settings-switch i, .settings-switch b { background: var(--muted); }
.alert { display: flex; align-items: flex-start; gap: 10px; border-radius: 13px; line-height: 1.55; }
.alert > span { flex: none; margin-top: 1px; }
.alert > div { min-width: 0; }
.alert strong { display: block; margin-bottom: 2px; font-size: 9px; }
.alert p { margin: 0; color: inherit; font-size: 8px; }
.alert-danger { border-color: rgba(var(--danger-rgb), .28); background: rgba(var(--danger-rgb), .08); }
.alert-success { border-color: rgba(var(--success-rgb), .28); background: rgba(var(--success-rgb), .08); }
.file-upload { border: 1px dashed var(--border); border-radius: 13px; padding: 14px; background: rgba(var(--accent-rgb), .018); }
.file-upload input[type=file]::file-selector-button { background: rgba(var(--accent-rgb), .08); border-color: rgba(var(--accent-rgb), .2); color: var(--accent-soft); }

/* Tables, lists and boards */
.data-table, .task-table, .issue-table-grid, .audit-table-grid { border-color: var(--border-soft); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.data-table-head, .task-table-head { background: var(--surface-2); color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.data-table-row, .task-table-row { border-bottom-color: var(--border-soft); }
.data-table-row:hover, .task-table-row:hover { background: rgba(var(--accent-rgb), .035); }
.page-toolbar, .board-toolbar, .community-filter-bar { padding: 12px; border: 1px solid var(--border-soft); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow-xs); }
.search-box { background: var(--surface-2); border-color: var(--border); }
.kanban-board { gap: 14px; padding-bottom: 15px; scroll-snap-type: x proximity; }
.kanban-column { min-width: 310px; border-color: var(--border-soft); border-radius: 16px; background: color-mix(in srgb, var(--surface) 68%, var(--bg)); scroll-snap-align: start; }
.kanban-head { min-height: 58px; padding: 14px; border-bottom-color: var(--border-soft); }
.kanban-head strong { font-size: 9px; }
.kanban-dropzone { padding: 10px; gap: 9px; }
.kanban-card { padding: 13px; border-color: var(--border-soft); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow-xs); }
.kanban-card:hover { transform: translateY(-2px); border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.kanban-card.dragging { opacity: .58; transform: rotate(1deg) scale(.99); }
.kanban-dropzone.drag-over { background: rgba(var(--accent-rgb), .055); box-shadow: inset 0 0 0 2px rgba(var(--accent-rgb), .2); }
.kanban-card-button strong { font-size: 9px; }
.kanban-meta, .kanban-card-foot { color: var(--muted); font-size: 7px; }

/* Modal */
.modal-backdrop { background: rgba(2, 8, 16, .72); backdrop-filter: blur(8px); }
.modal { max-width: 980px; border-color: var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-lg); }
.modal-task { max-width: 1060px; }
.modal-head { padding: 21px 23px; border-bottom-color: var(--border-soft); background: linear-gradient(180deg, rgba(var(--accent-rgb), .035), transparent); }
.modal-head h3 { font-size: 18px; margin: 3px 0 4px; }
.modal-head p { font-size: 9px; }
.modal-body { background: color-mix(in srgb, var(--surface) 94%, var(--bg)); }
.modal-actions { padding: 14px 21px; background: var(--surface); }
.modal-loading { min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--muted); }
.modal-loading strong { color: var(--text); font-size: 11px; }
.modal-loading small { font-size: 8px; }
.loading-spinner { width: 34px; height: 34px; border: 3px solid var(--border); border-right-color: var(--accent); border-radius: 50%; animation: es-spin .8s linear infinite; margin-bottom: 8px; }
@keyframes es-spin { to { transform: rotate(360deg); } }

/* Toasts */
.toast { position: fixed; z-index: 300; top: 104px; right: 22px; width: min(390px, calc(100vw - 28px)); display: grid; grid-template-columns: 34px 1fr 28px; gap: 10px; align-items: center; padding: 13px; border-radius: 14px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-lg); animation: es-toast-in var(--motion-slow) both; }
.toast + .toast { top: 180px; }
.toast-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(var(--accent-rgb), .1); color: var(--accent); }
.toast > div { display: flex; flex-direction: column; min-width: 0; }
.toast strong { font-size: 9px; color: var(--text); }
.toast span { font-size: 8px; color: var(--text-soft); }
.toast > button { width: 26px; height: 26px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 18px; }
.toast > button:hover { background: var(--surface-2); color: var(--text); }
.toast-success { border-color: rgba(var(--success-rgb), .3); }
.toast-success .toast-icon { background: rgba(var(--success-rgb), .1); color: var(--green); }
.toast-error, .toast-danger { border-color: rgba(var(--danger-rgb), .3); }
.toast-error .toast-icon, .toast-danger .toast-icon { background: rgba(var(--danger-rgb), .1); color: var(--red); }
.toast.removing { opacity: 0; transform: translateX(20px); }
@keyframes es-toast-in { from { opacity: 0; transform: translateY(-12px) scale(.98); } to { opacity: 1; transform: none; } }

/* Appearance panel */
.appearance-open { overflow: hidden; }
.appearance-backdrop { position: fixed; inset: 0; z-index: 240; background: rgba(2, 8, 16, .5); backdrop-filter: blur(5px); opacity: 0; transition: opacity var(--motion); }
.appearance-backdrop.open { opacity: 1; }
.appearance-panel { position: fixed; z-index: 250; top: 0; right: 0; width: min(470px, 100vw); height: 100dvh; display: flex; flex-direction: column; background: var(--surface); border-left: 1px solid var(--border); box-shadow: var(--shadow-lg); transform: translateX(102%); transition: transform var(--motion-slow); }
.appearance-panel.open { transform: none; }
.appearance-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 25px; border-bottom: 1px solid var(--border-soft); background: linear-gradient(180deg, rgba(var(--accent-rgb), .055), transparent); }
.appearance-panel-head h2 { font-size: 22px; margin: 3px 0 4px; }
.appearance-panel-head p { margin: 0; font-size: 9px; }
.appearance-panel-body { flex: 1; overflow-y: auto; padding: 20px 25px 28px; }
.appearance-section { padding: 0 0 21px; margin-bottom: 21px; border-bottom: 1px solid var(--border-soft); }
.appearance-section:last-child { border-bottom: 0; }
.appearance-section-title { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.appearance-section-title > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(var(--accent-rgb), .09); color: var(--accent); }
.appearance-section-title div { display: flex; flex-direction: column; }
.appearance-section-title strong { font-size: 10px; color: var(--text); }
.appearance-section-title small { font-size: 8px; color: var(--muted); }
.theme-choice-grid { display: grid; gap: 8px; }
.theme-choice { width: 100%; display: grid; grid-template-columns: 72px 1fr 22px; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--border-soft); border-radius: 13px; background: rgba(255,255,255,.012); color: var(--text); text-align: left; transition: var(--motion-fast); }
.theme-choice:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .03); }
.theme-choice.active { border-color: rgba(var(--accent-rgb), .45); background: rgba(var(--accent-rgb), .065); box-shadow: 0 0 0 2px rgba(var(--accent-rgb), .07); }
.theme-choice > span:nth-child(2) { display: flex; flex-direction: column; }
.theme-choice strong { font-size: 9px; }
.theme-choice small { font-size: 7px; line-height: 1.45; color: var(--muted); }
.theme-choice em { opacity: 0; color: var(--accent); font-style: normal; }
.theme-choice.active em { opacity: 1; }
.theme-preview { height: 48px; padding: 7px; display: grid; grid-template-columns: 16px 1fr; grid-template-rows: 1fr 1fr; gap: 4px; border-radius: 9px; overflow: hidden; background: #07111f; border: 1px solid rgba(255,255,255,.1); }
.theme-preview i { display: block; border-radius: 3px; background: #12243a; }
.theme-preview i:first-child { grid-row: 1 / 3; background: #0a1726; }
.theme-preview i:last-child { background: #52a9ff; }
.theme-preview-modern-blue { background: #edf3f9; border-color: #cbd8e7; }
.theme-preview-modern-blue i { background: #fff; }
.theme-preview-modern-blue i:first-child { background: #f8fbff; }
.theme-preview-modern-blue i:last-child { background: #398ef2; }
.theme-preview-deep-ocean { background: #061517; }
.theme-preview-deep-ocean i { background: #102d34; }
.theme-preview-deep-ocean i:first-child { background: #071a1d; }
.theme-preview-deep-ocean i:last-child { background: #44c8c4; }
.theme-preview-urban-gold { background: #0d1118; }
.theme-preview-urban-gold i { background: #1d2834; }
.theme-preview-urban-gold i:first-child { background: #10151d; }
.theme-preview-urban-gold i:last-child { background: #d9ad58; }
.theme-preview-emberstone { background: #08101e; }
.theme-preview-emberstone i { background: #152a45; }
.theme-preview-emberstone i:first-child { background: #091523; }
.theme-preview-emberstone i:last-child { background: linear-gradient(90deg, #4d9fff 52%, #ff8d3c 52%); }
.segmented-control { display: grid; grid-template-columns: repeat(2, 1fr); padding: 4px; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-2); }
.segmented-control button { min-height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 9px; font-weight: 700; }
.segmented-control button.active { background: var(--surface); color: var(--text); box-shadow: var(--shadow-xs); }
.appearance-toggle-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; }
.appearance-toggle-row > span { display: flex; flex-direction: column; }
.appearance-toggle-row strong { font-size: 10px; color: var(--text); }
.appearance-toggle-row small { font-size: 8px; color: var(--muted); }
.appearance-toggle-row input { position: absolute; opacity: 0; }
.appearance-toggle-row .settings-switch { width: 44px; height: 25px; padding: 2px; }
.appearance-toggle-row .settings-switch b { width: 19px; height: 19px; border-radius: 50%; display: block; transition: transform var(--motion-fast); }
.appearance-toggle-row input:checked + .settings-switch { background: rgba(var(--success-rgb), .18); border-color: rgba(var(--success-rgb), .4); }
.appearance-toggle-row input:checked + .settings-switch b { transform: translateX(17px); background: var(--green); }
.appearance-panel-foot { display: flex; justify-content: space-between; gap: 10px; padding: 16px 25px; border-top: 1px solid var(--border-soft); background: var(--surface); }

/* Login and registration */
.login-body { background: var(--bg); }
.login-shell-polished { min-height: 100dvh; display: grid; grid-template-columns: minmax(480px, 1.05fr) minmax(480px, .95fr); }
.login-showcase { position: relative; min-height: 100dvh; padding: 38px clamp(40px, 6vw, 88px); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--sidebar) 96%, #000), color-mix(in srgb, var(--surface-2) 78%, var(--bg))); border-right: 1px solid var(--border-soft); }
.login-showcase::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--accent-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .035) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, black, transparent 78%); pointer-events: none; }
.login-showcase-top, .login-showcase-foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; }
.login-appearance { background: rgba(255,255,255,.025); }
.login-copy { position: relative; z-index: 2; max-width: 680px; margin: auto 0; padding: 70px 0; }
.login-copy h1 { max-width: 650px; font-size: clamp(42px, 5vw, 70px); line-height: 1.02; margin: 10px 0 19px; }
.login-copy > p { max-width: 610px; font-size: 15px; line-height: 1.75; }
.login-feature-grid { display: grid; gap: 10px; margin-top: 35px; max-width: 620px; }
.login-feature-grid article { display: flex; align-items: flex-start; gap: 12px; padding: 13px 14px; border: 1px solid var(--border-soft); border-radius: 13px; background: rgba(255,255,255,.018); backdrop-filter: blur(8px); }
.login-feature-grid article > span { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: rgba(var(--accent-rgb), .1); color: var(--accent); }
.login-feature-grid article div { display: flex; flex-direction: column; }
.login-feature-grid strong { font-size: 10px; color: var(--text); }
.login-feature-grid p { margin: 1px 0 0; font-size: 8px; }
.login-showcase-foot span { display: flex; align-items: center; gap: 7px; color: var(--text-soft); font-size: 8px; }
.login-showcase-foot span i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(var(--success-rgb), .1); }
.login-showcase-foot small { color: var(--muted); font-size: 8px; }
.login-panel { min-height: 100dvh; padding: 40px clamp(35px, 6vw, 90px); display: grid; place-items: center; background: var(--bg-soft); }
.login-card { width: min(500px, 100%); padding: 35px; border: 1px solid var(--border-soft); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow); }
.login-card-heading { margin-bottom: 25px; }
.login-card-heading h2 { font-size: 30px; margin: 5px 0 7px; }
.login-card-heading p { margin: 0; font-size: 10px; }
.input-with-icon { position: relative; }
.input-with-icon > svg { position: absolute; z-index: 2; left: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.input-with-icon input { padding-left: 43px; }
.login-submit { min-height: 48px; margin-top: 4px; }
.login-secondary-actions { display: flex; justify-content: space-between; gap: 14px; margin-top: 14px; }
.login-secondary-actions.centered { justify-content: center; flex-wrap: wrap; }
.login-secondary-actions a { color: var(--accent-soft); font-size: 8px; font-weight: 700; }
.login-secondary-actions a:hover { color: var(--text); }
.login-divider { display: flex; align-items: center; gap: 12px; margin: 24px 0 13px; color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .13em; }
.login-divider::before, .login-divider::after { content: ""; height: 1px; flex: 1; background: var(--border-soft); }
.login-public-links { display: grid; gap: 7px; }
.login-public-links > a { display: grid; grid-template-columns: 32px 1fr 16px; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--border-soft); border-radius: 11px; }
.login-public-links > a:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .035); }
.login-public-links > a > svg:first-child { color: var(--accent); }
.login-public-links span { display: flex; flex-direction: column; }
.login-public-links strong { font-size: 8px; color: var(--text); }
.login-public-links small { font-size: 7px; color: var(--muted); }
.mobile-brand-row { display: none; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.registration-steps { display: grid; gap: 12px; margin-top: 30px; }
.registration-steps > div { display: grid; grid-template-columns: 38px 1fr; gap: 11px; align-items: start; }
.registration-steps > div > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(var(--accent-rgb), .1); color: var(--accent); font-size: 8px; font-weight: 800; }
.registration-steps p { margin: 0; font-size: 9px; }
.registration-steps strong { display: block; color: var(--text); font-size: 10px; }
.registration-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.registration-approval-note { margin: 15px 0; }
.registration-approval-note span { display: flex; flex-direction: column; }
.registration-approval-note strong { color: var(--text); font-size: 9px; }

/* Public global */
.public-body { background: var(--bg); color: var(--text); }
.public-header { height: 82px; padding: 0 clamp(20px, 4vw, 64px); background: var(--surface-glass); border-bottom: 1px solid var(--border-soft); backdrop-filter: blur(22px) saturate(135%); }
.public-header nav { gap: 4px; }
.public-header nav a { padding: 9px 11px; border-radius: 9px; color: var(--text-soft); font-size: 9px; font-weight: 700; }
.public-header nav a:hover, .public-header nav a.active { color: var(--text); background: rgba(var(--accent-rgb), .06); }
.public-header nav a.active { box-shadow: inset 0 -2px var(--accent); }
.public-account-actions, .community-account-actions { gap: 8px; }
.public-appearance-button { flex: none; }
.public-hero { min-height: 610px; padding: clamp(70px, 9vw, 135px) clamp(28px, 8vw, 130px); gap: clamp(45px, 7vw, 110px); background: linear-gradient(145deg, rgba(var(--accent-rgb), .06), transparent 55%), var(--bg); }
.public-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 140px; background: linear-gradient(to bottom, transparent, var(--bg)); pointer-events: none; }
.public-hero-content { position: relative; z-index: 2; }
.public-eyebrow { color: var(--accent-soft); font-size: 9px; }
.public-hero h1 { max-width: 850px; font-size: clamp(46px, 6vw, 78px); line-height: 1.02; letter-spacing: -.055em; }
.public-hero-content > p { max-width: 730px; font-size: clamp(14px, 1.3vw, 17px); line-height: 1.75; }
.public-hero-actions { gap: 9px; }
.public-trust-row { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; color: var(--muted); }
.public-trust-row span { display: flex; align-items: center; gap: 6px; font-size: 8px; }
.public-trust-row svg { color: var(--accent); }
.public-hero-panel { border-color: var(--border); background: linear-gradient(145deg, var(--surface), var(--surface-2)); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.roadmap-health-panel { position: relative; z-index: 2; padding-bottom: 0; overflow: hidden; }
.hero-progress-ring { border-color: var(--border-soft); }
.hero-progress-ring::before { border-color: rgba(var(--accent-rgb), .28); border-top-color: var(--accent); }
.hero-progress-ring span { color: var(--text); }
.hero-stage-list > div { border-color: var(--border-soft); }
.roadmap-panel-link { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 18px -24px -1px; min-height: 52px; border-top: 1px solid var(--border-soft); background: rgba(var(--accent-rgb), .035); color: var(--text-soft); font-size: 8px; }
.roadmap-panel-link strong { color: var(--accent-soft); }
.public-section { padding: 90px clamp(22px, 7vw, 110px); }
.public-section:nth-of-type(even) { background: color-mix(in srgb, var(--bg-soft) 72%, transparent); }
.public-section-head h2 { font-size: clamp(30px, 3.8vw, 48px); }
.public-section-head p { font-size: 11px; }
.roadmap-section-heading { align-items: flex-end; }
.public-search { width: min(340px, 100%); position: relative; }
.public-search > span { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--muted); }
.public-search input { width: 100%; padding: 0 14px 0 40px; }
.roadmap-filters { padding: 5px; border: 1px solid var(--border-soft); border-radius: 13px; background: var(--surface); }
.roadmap-filters a { border-radius: 9px; color: var(--muted); font-size: 8px; }
.roadmap-filters a.active, .roadmap-filters a:hover { background: rgba(var(--accent-rgb), .08); color: var(--text); }
.public-project-grid { gap: 18px; }
.public-project-card { min-height: 430px; padding: 21px; border-radius: var(--radius); position: relative; overflow: hidden; transition: transform var(--motion), border-color var(--motion), box-shadow var(--motion); }
.public-project-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--accent); opacity: .8; }
.public-project-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--border) 65%, var(--accent)); box-shadow: var(--shadow); }
.public-project-card-copy { min-height: 118px; }
.public-project-card h3 { font-size: 19px; }
.public-project-card p { font-size: 9px; line-height: 1.68; }
.public-category { color: var(--text-soft); }
.public-category i { background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent); }
.latest-update { border-color: var(--border-soft); background: rgba(var(--accent-rgb), .025); }
.latest-update-muted { opacity: .8; }
.public-card-link { margin-top: auto; min-height: 42px; border-top-color: var(--border-soft); color: var(--accent-soft); }
.latest-release-public { border-color: var(--border-soft); background: linear-gradient(145deg, var(--surface), var(--surface-2)); box-shadow: var(--shadow-sm); }
.latest-release-heading { display: flex; align-items: center; justify-content: space-between; }
.release-celebration { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--orange); background: rgba(var(--warning-rgb), .1); }
.about-roadmap { gap: clamp(40px, 8vw, 110px); }
.about-cards { gap: 12px; }
.about-cards article { border-color: var(--border-soft); background: var(--surface); border-radius: 15px; }
.about-cards article:hover { border-color: var(--border-strong); transform: translateY(-2px); }
.public-footer { min-height: 120px; padding: 26px clamp(22px, 6vw, 90px); border-top-color: var(--border-soft); background: var(--sidebar); }
.public-footer-links { display: flex; align-items: center; gap: 18px; }
.public-footer-links a { color: var(--muted); font-size: 8px; font-weight: 700; }
.public-footer-links a:hover { color: var(--text); }

/* Public project */
.project-public-header .button svg { transform: rotate(180deg); }
.public-project-hero { margin: 26px clamp(18px, 4vw, 60px) 0; padding: clamp(40px, 6vw, 78px); min-height: 400px; display: grid; grid-template-columns: 1fr 300px; align-items: end; gap: 60px; border-color: var(--border); border-radius: var(--radius-xl); background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface)); box-shadow: var(--shadow-sm); }
.public-project-hero-copy { max-width: 850px; }
.public-project-title h1 { font-size: clamp(38px, 5vw, 66px); }
.public-project-hero > .public-project-progress { align-self: center; padding: 20px; border: 1px solid var(--border-soft); border-radius: 16px; background: rgba(0,0,0,.08); }
.project-public-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; color: var(--muted); }
.project-public-meta span { display: flex; align-items: center; gap: 6px; font-size: 8px; }
.public-project-content { grid-template-columns: minmax(0, 1fr) 380px; gap: 35px; align-items: start; }
.section-description, .aside-heading p { font-size: 9px; }
.public-project-aside { position: sticky; top: 105px; padding: 20px; border: 1px solid var(--border-soft); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-xs); }
.public-task-list article { border-color: var(--border-soft); background: var(--surface-2); border-radius: 13px; }
.public-project-progress.compact { margin-top: 12px; }
.public-project-progress.compact > div:first-child { font-size: 8px; }
.public-empty.compact { min-height: 100px; }

/* Community hub */
.community-public-body { background: var(--bg); }
.community-main { max-width: 1540px; padding: 34px clamp(18px, 5vw, 66px) 85px; }
.community-hero { padding: clamp(38px, 5vw, 70px); border-color: var(--border); border-radius: var(--radius-xl); background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface)); box-shadow: var(--shadow-sm); }
.community-hero h1 { font-size: clamp(38px, 4.8vw, 66px); }
.community-hero-copy > p { font-size: 13px; line-height: 1.75; }
.community-impact-panel { border-color: var(--border-soft); background: rgba(0,0,0,.07); }
.contribution-grid, .community-public-grid { gap: 15px; }
.contribution-card, .community-public-card { border-color: var(--border-soft); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-xs); }
.contribution-card:hover, .community-public-card:hover { transform: translateY(-3px); border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.contribution-icon, .community-form-icon, .my-submission-icon, .submission-detail-icon, .community-review-icon { background: color-mix(in srgb, var(--contribution-accent, var(--accent)) 12%, transparent); }
.community-section-head h2, .community-page-hero h1 { font-size: clamp(28px, 3.4vw, 43px); }
.community-form-section, .community-detail-panel, .submission-detail-main > .panel, .submission-detail-sidebar > .panel { border-color: var(--border-soft); background: var(--surface); }
.community-form-actions { background: var(--surface-glass); border-color: var(--border); backdrop-filter: blur(18px); }
.community-user-chip { border-color: var(--border-soft); background: rgba(255,255,255,.015); }
.community-user-chip:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .04); }
.community-admin-row, .community-review-panel, .community-queue-panel { border-color: var(--border-soft); background: var(--surface); }
.review-message.staff { border-color: rgba(var(--accent-rgb), .2); background: rgba(var(--accent-rgb), .035); }
.review-message.internal { border-color: rgba(var(--warning-rgb), .2); background: rgba(var(--warning-rgb), .03); }

/* Settings */
.settings-layout { gap: 16px; }
.account-management-row { border-bottom-color: var(--border-soft); }
.account-management-row:hover { background: rgba(var(--accent-rgb), .025); }
.role-details { border-color: var(--border-soft); background: rgba(var(--accent-rgb), .015); }
.role-details[open] { border-color: var(--border); }
.permission-cloud span { border-color: var(--border-soft); background: var(--surface-2); color: var(--text-soft); }
.integration-panel { border-color: rgba(var(--accent-rgb), .2); background: rgba(var(--accent-rgb), .04); }

/* Density */
html[data-density="compact"] { --content-padding: 24px; --field-height: 40px; }
html[data-density="compact"] body { font-size: 13px; }
html[data-density="compact"] .topbar { --topbar-height: 76px; height: 76px; }
html[data-density="compact"] .sidebar-head { height: 76px; }
html[data-density="compact"] .nav-item { min-height: 38px; padding-block: 8px; }
html[data-density="compact"] .content-area { padding-top: 24px; }
html[data-density="compact"] .stat-card { min-height: 105px; padding: 15px; }
html[data-density="compact"] .panel-head { min-height: 66px; padding: 15px 17px; }
html[data-density="compact"] .project-row { min-height: 66px; }
html[data-density="compact"] .form-grid { padding: 16px; gap: 12px; }
html[data-density="compact"] .kanban-card { padding: 11px; }

/* Light-mode corrections */
html[data-mode="light"] body { background: radial-gradient(circle at 10% -10%, rgba(var(--accent-rgb), .09), transparent 28rem), var(--bg); }
html[data-mode="light"] .sidebar, html[data-mode="light"] .public-header, html[data-mode="light"] .topbar { box-shadow: 0 8px 30px rgba(50, 75, 100, .04); }
html[data-mode="light"] .button-primary { color: #fff; }
html[data-mode="light"] .brand-mark { color: #fff; }
html[data-mode="light"] .public-project-hero > .public-project-progress, html[data-mode="light"] .community-impact-panel { background: rgba(255,255,255,.55); }
html[data-mode="light"] .modal-backdrop, html[data-mode="light"] .appearance-backdrop { background: rgba(25, 42, 61, .35); }
html[data-mode="light"] .showcase-orb { opacity: .22; }
html[data-mode="light"] .login-showcase { background: linear-gradient(145deg, #f8fbff, #eaf2fb); }

/* Responsive */
@media (max-width: 1180px) {
  :root { --content-padding: 26px; }
  .topbar-public-links { display: none; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-project-hero { grid-template-columns: 1fr; gap: 30px; }
  .public-project-hero > .public-project-progress { width: min(420px, 100%); }
  .public-project-content { grid-template-columns: 1fr; }
  .public-project-aside { position: static; }
  .login-shell-polished { grid-template-columns: minmax(390px, .9fr) minmax(440px, 1.1fr); }
  .login-showcase { padding-inline: 42px; }
  .login-copy h1 { font-size: 48px; }
}

@media (max-width: 900px) {
  :root { --content-padding: 20px; }
  html[data-sidebar="collapsed"] .app-main, .app-main { margin-left: 0; width: 100%; }
  html[data-sidebar="collapsed"] .sidebar, .sidebar { width: min(310px, 88vw); transform: translateX(-105%); }
  html[data-sidebar="collapsed"] .brand-lockup > div,
  html[data-sidebar="collapsed"] .workspace-card > div,
  html[data-sidebar="collapsed"] .workspace-status,
  html[data-sidebar="collapsed"] .nav-group-title span,
  html[data-sidebar="collapsed"] .nav-group-title svg,
  html[data-sidebar="collapsed"] .nav-label,
  html[data-sidebar="collapsed"] .sidebar-quick-action span,
  html[data-sidebar="collapsed"] .sidebar-footer-links span,
  html[data-sidebar="collapsed"] .sidebar-collapse-control span { display: initial; }
  html[data-sidebar="collapsed"] .sidebar-head { justify-content: space-between; padding: 0 20px; }
  html[data-sidebar="collapsed"] .workspace-card { justify-content: flex-start; margin: 18px 14px 12px; padding: 14px; }
  html[data-sidebar="collapsed"] .sidebar-nav { padding: 7px 12px 18px; }
  html[data-sidebar="collapsed"] .nav-group-title { height: auto; padding: 11px 10px 6px; }
  html[data-sidebar="collapsed"] .nav-item { justify-content: flex-start; padding: 10px 11px; }
  html[data-sidebar="collapsed"] .nav-icon { width: 24px; }
  html[data-sidebar="collapsed"] .nav-badge { position: static; min-width: 24px; height: 20px; }
  html[data-sidebar="collapsed"] .sidebar-quick-action { justify-content: flex-start; padding: 10px 12px; }
  html[data-sidebar="collapsed"] .sidebar-footer-links { grid-template-columns: 1fr 1fr; }
  .app-shell.sidebar-open .sidebar { transform: none; }
  .sidebar-toggle, .sidebar-close { display: grid; }
  .sidebar-collapse-control { display: none; }
  .app-shell.sidebar-open .sidebar-overlay { display: block; position: fixed; inset: 0; z-index: 45; background: rgba(2,8,16,.58); backdrop-filter: blur(4px); }
  .topbar { padding-inline: 18px; }
  .topbar-breadcrumb { display: none; }
  .content-area { padding: 23px 18px; }
  .login-shell-polished { display: block; }
  .login-showcase { display: none; }
  .login-panel { padding: 26px 20px; }
  .mobile-brand-row { display: flex; }
  .public-header nav { display: none; }
  .public-hero { grid-template-columns: 1fr; min-height: auto; }
  .public-hero-panel { width: min(520px, 100%); }
  .roadmap-section-heading { align-items: flex-start; flex-direction: column; }
  .public-search { width: 100%; }
  .public-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-roadmap { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  :root { --topbar-height: 76px; }
  .topbar { height: 76px; }
  .topbar p, .user-text, .topbar-divider { display: none; }
  .topbar h1 { font-size: 14px; }
  .user-trigger { min-height: 40px; padding: 2px; }
  .content-area { padding: 18px 13px 38px; }
  .dashboard-intro, .project-hero, .team-overview, .roadmap-admin-hero, .community-admin-intro { align-items: flex-start; flex-direction: column; }
  .page-actions { width: 100%; }
  .page-actions .button { flex: 1; }
  .stat-grid { grid-template-columns: 1fr; }
  .stat-card { min-height: 100px; }
  .panel-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .settings-toggle-grid, .community-settings-grid { grid-template-columns: 1fr; }
  .settings-action-row { align-items: stretch; flex-direction: column; }
  .account-management-row { grid-template-columns: 38px 1fr; }
  .account-management-row > .compact-field, .account-management-row > .account-active-control, .account-management-row > .button { grid-column: 2; }
  .kanban-column { min-width: 286px; }
  .appearance-panel { width: 100%; }
  .appearance-panel-head, .appearance-panel-body, .appearance-panel-foot { padding-left: 18px; padding-right: 18px; }
  .theme-choice { grid-template-columns: 64px 1fr 20px; }
  .login-panel { min-height: 100dvh; padding: 16px 12px; }
  .login-card { padding: 24px 20px; border-radius: 20px; }
  .login-card-heading h2 { font-size: 26px; }
  .registration-form-grid { grid-template-columns: 1fr; }
  .login-secondary-actions { align-items: flex-start; flex-direction: column; }
  .public-header { height: 74px; padding-inline: 15px; }
  .public-header .brand-lockup span:not(.brand-mark) { display: none; }
  .public-desktop-action { display: none !important; }
  .public-header .button { min-height: 38px; padding-inline: 12px; }
  .public-hero { padding: 65px 20px 55px; }
  .public-hero h1 { font-size: 40px; }
  .public-hero-content > p { font-size: 13px; }
  .public-hero-actions { align-items: stretch; flex-direction: column; }
  .public-trust-row { display: grid; gap: 8px; }
  .public-section { padding: 62px 17px; }
  .roadmap-filters { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .public-project-grid { grid-template-columns: 1fr; }
  .public-project-card { min-height: auto; }
  .public-project-card-copy { min-height: auto; }
  .public-footer { align-items: flex-start; flex-direction: column; gap: 18px; }
  .public-footer-links { flex-wrap: wrap; }
  .public-project-hero { margin: 14px 10px 0; padding: 30px 20px; border-radius: 22px; }
  .public-project-title { align-items: flex-start; flex-direction: column; }
  .public-project-title h1 { font-size: 36px; }
  .community-main { padding-inline: 12px; }
  .community-hero { padding: 30px 20px; border-radius: 22px; }
  .community-hero h1 { font-size: 34px; }
  .community-account-actions .community-user-chip { display: none; }
  .toast { top: 86px; right: 10px; }
  .modal-backdrop { padding: 0; }
  .modal { width: 100%; height: 100dvh; max-height: none; border-radius: 0; }
}

/* v1.3 page-specific refinements */
.dashboard-command-center { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .55fr); gap: 18px; margin-bottom: 22px; padding: clamp(24px, 3.2vw, 42px); border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(var(--accent-rgb), .11), rgba(var(--accent-rgb), .025) 46%, var(--surface)); box-shadow: var(--shadow-sm); position: relative; overflow: hidden; }
.dashboard-command-center::after { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; right: -210px; top: -220px; border: 1px solid rgba(var(--accent-rgb), .14); box-shadow: 0 0 0 45px rgba(var(--accent-rgb), .025), 0 0 0 95px rgba(var(--accent-rgb), .014); pointer-events: none; }
.dashboard-command-copy { position: relative; z-index: 1; align-self: center; }
.dashboard-command-copy h2 { max-width: 780px; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.08; margin: 8px 0 10px; }
.dashboard-command-copy > p { max-width: 720px; margin: 0; font-size: 12px; }
.dashboard-command-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
.dashboard-attention-panel { position: relative; z-index: 1; align-self: stretch; padding: 16px; border: 1px solid var(--border-soft); border-radius: 16px; background: color-mix(in srgb, var(--surface) 84%, transparent); backdrop-filter: blur(12px); }
.attention-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.attention-panel-head > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; background: rgba(var(--accent-rgb), .11); color: var(--accent); }
.attention-panel-head div { display: flex; flex-direction: column; }
.attention-panel-head strong { color: var(--text); font-size: 10px; }
.attention-panel-head small { color: var(--muted); font-size: 8px; }
.attention-signal-grid { display: grid; gap: 7px; }
.attention-signal-grid a { display: grid; grid-template-columns: 36px 1fr 9px; align-items: center; gap: 9px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--border-soft); border-radius: 11px; background: rgba(255,255,255,.012); }
.attention-signal-grid a:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .035); }
.attention-signal-grid strong { color: var(--text); font-size: 15px; letter-spacing: -.03em; }
.attention-signal-grid span { color: var(--text-soft); font-size: 8px; }
.signal-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .08); }
.signal-dot.success { background: var(--green); box-shadow: 0 0 0 4px rgba(var(--success-rgb), .08); }
.signal-dot.warning { background: var(--orange); box-shadow: 0 0 0 4px rgba(var(--warning-rgb), .08); }
.signal-dot.danger { background: var(--red); box-shadow: 0 0 0 4px rgba(var(--danger-rgb), .08); }
.attention-panel-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--border-soft); color: var(--muted); }
.attention-panel-foot span, .attention-panel-foot a { display: flex; align-items: center; gap: 5px; font-size: 7px; }
.attention-panel-foot a { color: var(--accent-soft); }

.appearance-settings-card { margin-bottom: 18px; }
.appearance-settings-body { padding: 20px; }
.appearance-setting-group + .appearance-setting-row, .appearance-setting-row + .appearance-setting-row { border-top: 1px solid var(--border-soft); }
.appearance-setting-label { display: block; margin-bottom: 10px; color: var(--text); font-size: 10px; font-weight: 760; }
.settings-theme-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.settings-theme-option { display: grid; grid-template-columns: 58px 1fr 17px; align-items: center; gap: 9px; min-height: 72px; padding: 9px; border: 1px solid var(--border-soft); border-radius: 12px; background: rgba(255,255,255,.012); color: var(--text); text-align: left; }
.settings-theme-option:hover { border-color: var(--border-strong); background: rgba(var(--accent-rgb), .03); }
.settings-theme-option.active { border-color: rgba(var(--accent-rgb), .44); background: rgba(var(--accent-rgb), .06); }
.settings-theme-option > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.settings-theme-option strong { font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settings-theme-option small { font-size: 7px; color: var(--muted); line-height: 1.35; }
.settings-theme-option em { opacity: 0; color: var(--accent); font-style: normal; }
.settings-theme-option.active em { opacity: 1; }
.settings-theme-option .theme-preview { width: 58px; }
.appearance-setting-row { display: grid; grid-template-columns: 1fr minmax(260px, 340px); align-items: center; gap: 24px; padding: 18px 0; }
.appearance-setting-row:last-child { padding-bottom: 0; }
.appearance-setting-row .appearance-setting-label { margin-bottom: 2px; }
.appearance-setting-row p { margin: 0; font-size: 8px; }
.settings-segmented { width: 100%; }
.appearance-motion-row { position: relative; cursor: pointer; }
.appearance-motion-row input { position: absolute; opacity: 0; }
.appearance-motion-row .settings-switch { justify-self: end; width: 44px; height: 25px; padding: 2px; }
.appearance-motion-row .settings-switch b { display: block; width: 19px; height: 19px; border-radius: 50%; transition: transform var(--motion-fast); }
.appearance-motion-row input:checked + .settings-switch { background: rgba(var(--success-rgb), .18); border-color: rgba(var(--success-rgb), .4); }
.appearance-motion-row input:checked + .settings-switch b { transform: translateX(17px); background: var(--green); }

@media (max-width: 1200px) {
  .settings-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-theme-option:last-child { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .dashboard-command-center { grid-template-columns: 1fr; }
  .dashboard-attention-panel { max-width: 620px; }
}
@media (max-width: 680px) {
  .dashboard-command-center { padding: 23px 18px; border-radius: 19px; }
  .dashboard-command-actions { align-items: stretch; flex-direction: column; }
  .dashboard-command-actions .button { width: 100%; }
  .settings-theme-grid { grid-template-columns: 1fr; }
  .settings-theme-option:last-child { grid-column: auto; }
  .appearance-setting-row { grid-template-columns: 1fr; gap: 10px; }
  .appearance-motion-row { grid-template-columns: 1fr auto; }
}

/* Standalone setup and recovery tools */
.standalone-tool-body { min-height: 100dvh; padding: 50px 22px; background: radial-gradient(circle at 12% 0%, rgba(var(--accent-rgb), .11), transparent 30rem), var(--bg); }
.standalone-tool-shell { width: min(960px, 100%); margin: 0 auto; }
.standalone-tool-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.standalone-tool-header h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.05; margin: 7px 0 10px; }
.standalone-tool-header p { max-width: 700px; margin: 0; font-size: 11px; line-height: 1.7; }
.standalone-status, .standalone-security-mark { flex: none; min-height: 36px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text-soft); font-size: 8px; font-weight: 800; }
.standalone-status.is-ready { border-color: rgba(var(--success-rgb), .3); background: rgba(var(--success-rgb), .08); color: var(--green); }
.standalone-status.needs-attention { border-color: rgba(var(--danger-rgb), .3); background: rgba(var(--danger-rgb), .08); color: var(--red); }
.standalone-check-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px; border: 1px solid var(--border-soft); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.standalone-check { min-height: 84px; display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--border-soft); border-radius: 13px; background: var(--surface-2); }
.standalone-check-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; font-weight: 900; }
.standalone-check.passed .standalone-check-icon { background: rgba(var(--success-rgb), .1); color: var(--green); }
.standalone-check.failed .standalone-check-icon { background: rgba(var(--danger-rgb), .1); color: var(--red); }
.standalone-check strong { display: block; color: var(--text); font-size: 9px; }
.standalone-check p { margin: 2px 0 0; font-size: 8px; }
.standalone-notice { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(var(--warning-rgb), .22); border-radius: 13px; background: rgba(var(--warning-rgb), .06); color: var(--text-soft); font-size: 9px; }
.standalone-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.standalone-tool-footer { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--border-soft); color: var(--muted); }
.standalone-tool-footer span { position: relative; padding-left: 14px; font-size: 8px; }
.standalone-tool-footer span::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--green); transform: translateY(-50%); }
.recovery-tool-shell { width: min(880px, 100%); }
.recovery-tool-header { margin-bottom: 20px; }
.recovery-code-card, .recovery-success-card { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; padding: 18px; border: 1px solid var(--border-soft); border-radius: 15px; background: var(--surface); box-shadow: var(--shadow-xs); }
.recovery-code-card { display: grid; grid-template-columns: auto 1fr; }
.recovery-code-card > span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }
.recovery-code-card > strong { justify-self: end; color: var(--accent-soft); font-size: 14px; letter-spacing: .08em; }
.recovery-code-card p { grid-column: 1 / -1; margin: 0; font-size: 8px; }
.recovery-form { border: 1px solid var(--border-soft); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); overflow: hidden; }
.recovery-form .standalone-actions { padding: 0 20px 20px; }
.standalone-message { margin-bottom: 16px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 13px; }
.standalone-message strong { display: block; color: var(--text); font-size: 10px; }
.standalone-message p { margin: 3px 0 0; font-size: 8px; }
.standalone-message.message-error { border-color: rgba(var(--danger-rgb), .28); background: rgba(var(--danger-rgb), .07); }
.standalone-message.message-success { border-color: rgba(var(--success-rgb), .28); background: rgba(var(--success-rgb), .07); }
.recovery-success-icon { width: 48px; height: 48px; display: grid; place-items: center; flex: none; border-radius: 14px; background: rgba(var(--success-rgb), .1); color: var(--green); font-size: 22px; font-weight: 900; }
.recovery-success-card div { display: flex; flex-direction: column; }
.recovery-success-card small { color: var(--muted); font-size: 8px; }
.recovery-success-card strong { color: var(--text); font-size: 13px; }
.recovery-success-card p { margin: 3px 0 0; font-size: 8px; }
@media (max-width: 700px) {
  .standalone-tool-body { padding: 30px 13px; }
  .standalone-tool-header { flex-direction: column; }
  .standalone-check-panel { grid-template-columns: 1fr; padding: 10px; }
  .standalone-actions { align-items: stretch; flex-direction: column; }
  .standalone-actions .button { width: 100%; }
  .recovery-code-card { grid-template-columns: 1fr; }
  .recovery-code-card > strong { justify-self: start; }
  .recovery-code-card p { grid-column: auto; }
}