*{box-sizing:border-box}body{margin:0;background:var(--surface-2);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.17;letter-spacing:-1.3px;font-weight:600}h2{font-size:21px;letter-spacing:-.5px;font-weight:600}h3{font-size:16px;font-weight:600}small{font-size:12px}.skip{position:fixed;top:-100px;left:15px;background:var(--surface);padding:10px;z-index:100}.skip:focus{top:10px}.loading{padding:40px}button{border:0;color:inherit;background:none}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{padding:29px 20px 20px;background:var(--surface-3);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;font-size:22px;letter-spacing:-.7px;font-weight:700}.brand-symbol{width:34px;height:34px;background:var(--accent);color:var(--text-muted);display:grid;place-items:center;border-radius:9px;font-size:27px;font-family:var(--font);font-style:normal}.brand small{font-size:10px;background:var(--surface-3);padding:3px 5px;border-radius:4px;margin-left:auto;letter-spacing:.6px}.workspace{margin:32px 0 26px;padding:13px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700;color:var(--text-2)}.workspace strong{display:block;font-size:13px;margin-top:3px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-muted);padding:0 12px;margin:11px 0}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;text-align:left;gap:11px;padding:11px 12px;border-radius:7px;color:var(--text-2);font-weight:500;min-height:43px}.nav button:hover{background:var(--surface-3)}.nav button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(15,23,42,0.03)}.nav button.active svg{color:var(--accent-text)}.nav-count{margin-left:auto;font-size:11px;background:var(--surface-3);min-width:20px;text-align:center;border-radius:5px}.sidebar-foot{margin-top:auto;padding:23px 10px 4px}.help-note{padding:13px 0;border-top:1px solid var(--border);margin-top:14px;color:var(--text-2);font-size:11px}.person{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--surface-3);font-size:11px;font-weight:700;color:var(--accent-text);flex-shrink:0}.person strong{display:block;font-size:12px}.person small{color:var(--text-2);font-size:10px}.main-shell{grid-column:2;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:15px;background:var(--surface-2)}.breadcrumb{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:var(--text)}.toolbar{display:flex;align-items:center;gap:11px}.toolbar select{font-size:11px;color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:7px 24px 7px 9px;max-width:170px}.demo-pill{font-size:10px;letter-spacing:.5px;padding:4px 7px;background:var(--surface-3);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.icon-btn{width:33px;height:33px;display:grid;place-items:center;border-radius:6px;position:relative}.icon-btn:hover{background:var(--surface-3)}.notification-dot{position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.mobile-menu{display:none}.content{padding:41px 42px 52px;max-width:1530px;margin:auto}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:27px}.intro-copy{max-width:680px}.intro-copy>p{color:var(--text-2);margin-top:12px;font-size:14px}.welcome{color:var(--text-2);font-size:12px;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:7px;font-weight:600;font-size:12px;line-height:1.3;border:1px solid transparent;white-space:normal}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent)}.btn-secondary{background:var(--surface);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--surface-2)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.btn-small{min-height:31px;padding:7px 10px;font-size:11px}.btn-link{color:var(--accent-text);padding:0;min-height:25px;text-align:left;justify-content:flex-start}.btn-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero-search{padding:27px 30px;background:var(--surface-3);border:1px solid var(--border);border-radius:12px;margin-bottom:29px;position:relative;overflow:hidden}.hero-search:after{content:'';position:absolute;width:170px;height:170px;border:1px solid var(--border);border-radius:50%;right:-56px;top:-74px;pointer-events:none}.hero-search label{display:block;font-size:15px;font-weight:600;margin-bottom:13px}.search-input{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 15px;max-width:720px;box-shadow:0 2px 4px rgba(15,23,42,0.01)}.search-input input{height:49px;border:0;min-width:0;flex:1;background:transparent;outline:none;color:var(--text)}.search-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-input svg{color:var(--text-2)}.search-hint{font-size:11px;color:var(--text-2);margin-top:10px}.search-hint span{display:inline-block;padding:0 9px;border-left:1px solid var(--border)}.search-hint span:first-child{padding-left:0;border:0}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.section-head h2{font-size:17px}.section-head small{color:var(--text-muted);font-size:11px}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.task-card{text-align:left;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:20px;display:flex;flex-direction:column;min-height:171px;transition:transform .15s,border-color .15s,box-shadow .15s}.task-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 16px rgba(15,23,42,0.03)}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.task-icon{width:33px;height:33px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:var(--accent-text)}.task-top>svg{color:var(--text-muted)}.task-card h3{font-size:14px;letter-spacing:-.1px}.task-card p{font-size:11px;color:var(--text-muted);line-height:1.55;margin-top:6px}.task-meta{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:14px}.aside-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:17px}.aside-block h2{font-size:15px;margin-bottom:5px}.aside-block>p{font-size:11px;color:var(--text-muted);margin-bottom:17px}.tool-mini{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);text-align:left;width:100%}.tool-mini:last-child{border-bottom:0}.tool-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-weight:700;font-family:var(--font);flex-shrink:0;font-size:15px}.peach{background:var(--warning-bg);color:var(--warning-text)}.mint{background:var(--surface-3);color:var(--accent-text)}.lilac{background:var(--surface-3);color:var(--text-muted)}.sky{background:var(--surface-3);color:var(--text-2)}.tool-mini strong{font-size:12px;display:block}.tool-mini small{font-size:10px;color:var(--text-muted)}.tool-mini svg{margin-left:auto;color:var(--text-muted)}.status-line{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-2);margin-top:3px}.dot{width:5px;height:5px;background:var(--accent);display:inline-block;border-radius:50%;flex-shrink:0}.dot.amber{background:var(--accent)}.dot.red{background:var(--danger)}.dot.gray{background:var(--accent)}.soft-block{padding:21px;background:var(--surface-3);border:1px solid var(--border);border-radius:9px}.soft-block h3{font-size:14px;margin-bottom:8px}.soft-block p{font-size:11px;line-height:1.7;color:var(--text-2);margin-bottom:14px}.activity{margin-top:28px;border-top:1px solid var(--border);padding-top:23px}.mini-request{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);text-align:left;width:100%}.mini-request:last-child{border-bottom:0}.mini-request strong{font-size:12px;font-weight:500}.mini-request small{font-size:10px;color:var(--text-muted)}.mini-request .badge{margin-left:auto}.footnote{font-size:10px;color:var(--text-muted);margin-top:29px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footnote button{text-decoration:underline;padding:0;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 7px;border-radius:4px;background:var(--surface-3);color:var(--text-2);line-height:1.3;white-space:nowrap}.badge.green{background:var(--surface-3);color:var(--accent-text)}.badge.amber{background:var(--warning-bg);color:var(--warning-text)}.badge.red{background:var(--danger-bg);color:var(--danger-text)}.badge.gray{background:var(--surface-3);color:var(--text-muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:25px}.stat{padding:18px 19px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.stat span{font-size:11px;color:var(--text-muted)}.stat strong{font-size:29px;font-weight:500;display:block;line-height:1.2;margin-top:6px}.stat small{font-size:10px;color:var(--text-muted)}.list-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{padding:7px 12px;border:1px solid var(--border);border-radius:6px;color:var(--text-2);font-size:11px;background:transparent}.filter.active{background:var(--surface-3);border-color:var(--border);color:var(--accent-text)}.table-wrap{border:1px solid var(--border);border-radius:9px;background:var(--surface);overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;color:var(--text-muted);background:var(--surface-2);padding:13px 17px;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:16px 17px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}td strong{font-weight:600;font-size:12px;display:block}td small{color:var(--text-muted);font-size:10px}td .tool-mark{width:30px;height:30px}.cell-flex{display:flex;align-items:center;gap:10px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,monospace;font-size:10px;color:var(--text-muted)}.empty{padding:45px 25px;text-align:center;border:1px dashed var(--border);border-radius:9px;color:var(--text-muted)}.empty h3{color:var(--accent-text);margin-bottom:8px}.empty p{font-size:12px;margin-bottom:15px}.notice{background:var(--surface-3);border:1px solid var(--border);color:var(--accent-text);padding:13px 16px;border-radius:7px;font-size:12px;margin:15px 0}.notice.amber{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.notice.red{background:var(--danger-bg);border-color:var(--warning-border);color:var(--danger-text)}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.record-card{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;gap:12px}.record-card .btn-row{margin-top:auto;padding-top:5px}.record-card p{font-size:12px;color:var(--text-2)}.record-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--text-muted)}.record-meta b{font-weight:500;color:var(--text-2)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-row{border-left:1px solid var(--border);margin-left:6px;padding:0 0 22px 20px;position:relative}.timeline-row:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.timeline-row strong{font-size:12px;font-weight:500}.timeline-row p,.timeline-row small{font-size:11px;color:var(--text-muted)}.panel-head{padding:26px 28px 20px;border-bottom:1px solid var(--border);display:flex;gap:15px;align-items:flex-start;justify-content:space-between;position:sticky;top:0;background:var(--surface-2);z-index:2}.panel-head h2{font-size:23px;line-height:1.3;margin-top:6px}.panel-head .eyebrow{font-size:9px}.panel-body{padding:24px 28px 32px}.panel-body h3{margin:22px 0 11px}.panel-body h3:first-child{margin-top:0}dialog{padding:0;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);width:min(670px,calc(100% - 28px));max-height:calc(100dvh - 40px);box-shadow:0 20px 80px rgba(15,23,42,0.17)}dialog::backdrop{background:rgba(15,23,42,0.33);backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.form-grid .field{margin-bottom:0}.full{grid-column:1/-1}.field>label,.field>span{font-size:11px;font-weight:600;color:var(--text-2)}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;font-size:12px;min-height:40px}.field textarea{resize:vertical;min-height:80px}.field small{font-size:10px;color:var(--text-muted)}.field-error{font-size:12px;color:var(--danger-text);min-height:20px;margin:12px 0}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:var(--surface-3)}.choice input{accent-color:var(--accent);width:14px;height:14px;min-height:0;margin:0}.choice-label{font-size:11px;color:var(--text-2)}.step-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:13px}.step-progress{display:flex;gap:5px;margin-bottom:25px}.step-progress i{height:3px;border-radius:3px;background:var(--surface-3);flex:1}.step-progress i.done{background:var(--accent)}.wizard-title{font-size:22px;letter-spacing:-.6px;margin-bottom:8px}.wizard-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:22px}.answer-box{padding:22px;border:1px solid var(--border);border-radius:9px;background:var(--surface-3);margin-bottom:20px}.answer-box.amber{background:var(--warning-bg);border-color:var(--warning-border)}.answer-box.red{background:var(--warning-bg);border-color:var(--warning-border)}.answer-box h3{font-size:23px;margin:10px 0!important;letter-spacing:-.6px}.answer-box p{font-size:12px;color:var(--text-2)}.answer-box.amber p{color:var(--warning-text)}.answer-box.red p{color:var(--danger-text)}.scope{font-size:11px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:12px 14px;display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.scope span:not(:last-child):after{content:'·';margin-left:8px;color:var(--text-muted)}.conditions{padding-left:19px;font-size:12px;color:var(--text-2)}.conditions li{padding:5px 0}.definition{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;font-size:12px;margin:16px 0}.definition dt{color:var(--text-muted)}.definition dd{margin:0;overflow-wrap:anywhere}.section-divider{border:0;border-top:1px solid var(--border);margin:24px 0}.source-box{padding:14px;background:var(--surface-3);border:1px solid var(--border);border-radius:7px;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.source-box p{font-size:11px;color:var(--text-muted);margin-top:7px}.inbox-item{display:block;width:100%;text-align:left;border-bottom:1px solid var(--border);padding:16px 0}.inbox-item strong{font-size:13px}.inbox-item p{font-size:12px;color:var(--text-muted);margin:6px 0}.inbox-item small{font-size:10px;color:var(--text-muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--accent);color:var(--on-accent);box-shadow:0 6px 25px rgba(15,23,42,0.13);padding:13px 21px;border-radius:8px;font-size:12px;transition:opacity .2s,transform .2s;z-index:100;max-width:90vw}#toast.show{transform:translate(-50%,0);opacity:1}.demo-strip{font-size:10px;color:var(--text-muted);margin-bottom:19px;display:flex;gap:7px;align-items:center}.search-compact{padding:8px 12px;border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:12px;min-width:220px}.request-body-text{font-size:13px;color:var(--text-2);white-space:pre-wrap}.approval-copy{padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:12px}.approval-copy p{margin-top:9px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}.settings-row p{font-size:12px;color:var(--text-muted)}.settings-row label{font-size:11px;color:var(--text-2)}.settings-row input{border:1px solid var(--border);border-radius:6px;padding:8px;background:var(--surface);color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.segmented{display:flex;gap:5px;background:var(--surface-3);padding:5px;border-radius:8px;margin-bottom:23px}.segmented button{flex:1;padding:8px 6px;border-radius:5px;font-size:11px}.segmented button.active{background:var(--surface);box-shadow:0 1px 4px rgba(15,23,42,0.04)}.sticky-actions{border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.nowrap{white-space:nowrap}svg{flex-shrink:0}input[type=checkbox]{accent-color:var(--accent)}.request-subtitle{font-size:11px;color:var(--text-muted);margin:7px 0 15px}.field-inline{display:flex;gap:8px;align-items:center;font-size:12px;margin:12px 0}.field-inline input{width:15px;height:15px}.soft-text{font-size:12px;color:var(--text-muted)}.card-tools{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.article{max-width:740px}.article p{color:var(--text-2);font-size:13px;margin:12px 0}.article h2{margin-top:25px}.status-nav{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.status-nav span{font-size:9px;padding:5px 8px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted)}.status-nav span.active{background:var(--surface-3);border-color:var(--border);color:var(--accent-text)}.checklist{display:flex;flex-direction:column;gap:10px;margin:16px 0}.checklist label{font-size:12px;display:flex;align-items:center;gap:9px}.error-screen{padding:60px;max-width:700px}.error-screen p{margin:15px 0}.task-card:focus-visible,.nav button:focus-visible{outline:2px solid var(--accent)}.badge:empty{display:none}.person-cell{font-size:11px}.subheading{margin-top:28px!important;margin-bottom:15px!important}.no-margin{margin:0!important}
@media(min-width:1500px){.content{padding-top:49px}.home-grid{grid-template-columns:minmax(0,1fr) 320px;gap:35px}.task-card{min-height:180px;padding:23px}.task-card h3{font-size:15px}.task-card p{font-size:12px}}
@media(max-width:1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-left:14px;padding-right:14px}.topbar{padding:0 25px}.content{padding:30px 25px}.home-grid{grid-template-columns:minmax(0,1fr) 250px;gap:19px}h1{font-size:32px}.task-card{padding:17px;min-height:175px}.toolbar{gap:7px}.toolbar select{max-width:135px}.hero-search{padding:23px}.aside-block{padding:16px}.record-grid{grid-template-columns:1fr}.task-card h3{font-size:13px}}
@media(max-width:930px){.home-grid{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-aside .aside-block{margin:0}.soft-block{height:100%}.stats{grid-template-columns:repeat(2,1fr)}.breadcrumb{display:none}.topbar{justify-content:flex-end}.task-card{min-height:165px}.page-intro{flex-wrap:wrap}.toolbar select{max-width:170px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:8px 0 35px rgba(15,23,42,0.13)}.sidebar.open{transform:translateX(0)}.main-shell{width:100%}.mobile-menu{display:grid;margin-right:auto}.topbar{height:64px;padding:0 15px;gap:5px}.toolbar{gap:4px;flex:1;justify-content:flex-end}.toolbar select{font-size:10px;padding:7px 4px;max-width:127px}.demo-pill{display:none}.content{padding:25px 18px 35px}h1{font-size:30px}.page-intro{gap:16px;margin-bottom:23px}.intro-copy>p{font-size:12px}.task-grid{gap:10px}.task-card{padding:15px;min-height:172px}.task-card h3{font-size:13px}.task-card p{font-size:10px}.task-meta{font-size:8px}.task-top{margin-bottom:15px}.hero-search{padding:20px 17px}.hero-search label{font-size:13px}.search-input input{font-size:12px;height:45px}.home-aside{grid-template-columns:1fr}.home-aside .soft-block{margin-top:0}.hero-search:after{display:none}.stat{padding:14px}.stat strong{font-size:25px}.panel-head{padding:21px 20px 17px}.panel-body{padding:21px 20px 26px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.definition{grid-template-columns:105px minmax(0,1fr);font-size:11px}.btn{font-size:11px;padding:10px 12px}.search-hint{font-size:9px}.stats{gap:10px}.search-compact{width:100%;min-width:0}.toolbar select:first-of-type{max-width:105px}.record-card{padding:19px}.mini-request strong{font-size:11px}.mini-request .badge{font-size:9px}.settings-row{flex-wrap:wrap}.section-head small{max-width:130px;text-align:right}.page-intro>.btn{min-height:36px}.tool-mini{padding:11px 0}.footnote{margin-top:22px}.hero-search label{margin-bottom:11px}.request-body-text{font-size:12px}dialog{max-height:calc(100dvh - 24px)}.step-label{font-size:9px}.scope{font-size:10px}.answer-box h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.privacy-note{margin-top:12px;font-size:12px;color:var(--text-2)}
.task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-head p{margin:2px 0 0;color:var(--text-2);font-size:12px}.handoff{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;margin:10px 0 0;font-family:inherit;color:var(--text)}
/* Pilot: belépés, kiinduló kérdőív */
body.busy{cursor:progress}body.busy .btn{pointer-events:none;opacity:.7}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--surface-2)}
.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px 28px;display:grid;gap:14px}
.login-card h1{font-size:28px;color:var(--text);margin:4px 0 0}.login-card .brand{padding:0}
.login-btn{justify-content:center;text-decoration:none;padding:12px 16px}
.dev-login{display:grid;gap:8px;border-top:1px dashed var(--border);padding-top:14px}
.setup-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;background:var(--accent);color:var(--text-muted);border-radius:12px;padding:20px 22px;margin:0 0 20px}
.setup-cta h2{color:var(--on-accent);margin:4px 0 6px;font-size:19px}.setup-cta p{margin:0;font-size:13px;opacity:.9;max-width:560px}.setup-cta .eyebrow{color:var(--text-muted)}
.setup-cta .btn-primary{background:var(--surface-2);color:var(--text);border-color:var(--border);flex:none}
.setup-group{border:1px solid var(--border);border-radius:10px;padding:12px 14px 6px;margin:0 0 12px}
.setup-group legend{font-weight:600;color:var(--text);font-size:13px;padding:0 6px}.setup-group legend small{display:block;font-weight:400;color:var(--text-2);font-size:11px}
.setup-group.blocked{border-color:var(--danger-border);background:var(--warning-bg)}
.setup-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.setup-item .choice{min-width:190px}
.setup-item.on .choice{border-color:var(--accent);background:var(--surface-3)}.setup-item select{font-size:12px;padding:7px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);max-width:100%}
.setup-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 16px}
.setup-preview div{background:var(--surface-3);border-radius:8px;padding:10px 12px}.setup-preview strong{display:block;font-size:22px;color:var(--text)}.setup-preview span{font-size:11px;color:var(--accent-text)}
.suggestion{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:11px 12px;margin-bottom:8px;cursor:pointer;background:var(--surface)}
.suggestion>input{margin-top:3px}.suggestion>span{display:grid;gap:4px;font-size:12px}.suggestion.done{opacity:.6}.suggestion.it{border-color:var(--warning-border);background:var(--warning-bg)}
.suggestion-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.suggestion .conditions{margin:2px 0}
.amber-text{color:var(--warning-text)}
@media (max-width:640px){.setup-cta{flex-direction:column;align-items:flex-start}.setup-preview{grid-template-columns:1fr}.setup-item .choice{min-width:0;flex:1 1 100%}}
.demo-login{display:grid;gap:8px}.login-card .field-error{margin:0;color:var(--danger-text);font-size:12px}
.answer-box .answer-lead,.answer-box.amber .answer-lead,.answer-box.red .answer-lead{font-size:14px;color:var(--text);font-weight:600;margin-bottom:6px}
/* Egyszerűsített beküldés és döntés */
.context-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:0 0 16px}
.context-line .scope{margin:8px 0 0;background:transparent;border:0;padding:0}
.inline-details{margin:4px 0 12px}.inline-details>summary{cursor:pointer;font-size:12px;color:var(--accent-text);font-weight:600;padding:6px 0}
.choice-cards{display:grid;gap:8px}.choice-cards .choice{padding:12px 13px}
.result-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}
.result-option{position:relative;cursor:pointer}.result-option input{position:absolute;opacity:0}
.result-option span{display:block;text-align:center;padding:13px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-weight:600;font-size:13px}
.result-option input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.result-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.result-option input:disabled+span{opacity:.4;cursor:not-allowed}
@media (max-width:640px){.result-choice{grid-template-columns:1fr}.context-line{flex-direction:column}}
[hidden]{display:none!important}.context-line .btn-link{flex:none;min-height:0}
/* UX-csomag: kérdező, listák, következő lépés, logók */
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.material-option{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}
.material-option:has(input:checked){border-color:var(--accent);background:var(--surface-3)}.material-option input{margin-top:3px;accent-color:var(--accent)}
.material-option strong{display:block;font-size:13px}.material-option small{display:block;font-size:11px;color:var(--text-2);line-height:1.4}
.wizard-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.wizard-context>span{display:flex;align-items:center;gap:10px}.wizard-context strong{display:block;font-size:13px}.wizard-context small{font-size:11px;color:var(--text-2)}
.wizard-tool>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:14px}
.wizard-tool>summary::-webkit-details-marker{display:none}.wizard-tool>summary .wizard-context{margin:0}
.pick-grid{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}.pick{cursor:pointer}.pick input{position:absolute;opacity:0}
.pick span{display:inline-block;padding:11px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:13px;font-weight:500}
.pick input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.answer-foot{display:flex;justify-content:flex-end;margin-top:10px}
tr.row-attention td{background:var(--warning-bg)}tr.row-attention td:first-child{box-shadow:inset 3px 0 0 var(--border-strong)}
td .mono{display:block;margin-top:4px}
.next-step{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:0 0 14px}
.next-step.act{background:var(--warning-bg);border-color:var(--warning-border)}.next-step strong{display:block;font-size:15px;margin-top:3px}
.next-step .connection-summary{width:100%;margin:0}
.connection-summary dd:first-of-type{font-weight:700}
.page-intro.plain h1{font-size:30px;letter-spacing:-.8px}.page-intro.plain .intro-copy>p{margin-top:6px}
.nav-label.nav-group{margin-top:22px}
.tool-mark.logo{background:var(--surface);border:1px solid var(--border)}.tool-mark.logo svg{width:19px;height:19px}
.tool-mark.brand{background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand);font-family:inherit;font-size:13px}
.tool-mark.small{width:24px;height:24px;border-radius:6px;font-size:10px}.tool-mark.small svg{width:14px;height:14px}
.choice .tool-mark.small{margin-right:2px}
.labeled-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-2);padding:7px 9px;border-radius:6px;position:relative}.labeled-btn:hover{background:var(--surface-3)}
.labeled-btn .notification-dot{right:2px;top:3px}
@media (max-width:640px){.material-grid{grid-template-columns:1fr}.labeled-btn span{display:none}}
.field .material-option input{width:16px;height:16px;min-height:0;padding:0;flex:none;margin:2px 0 0}.material-option>span{flex:1;min-width:0}
.status-line.warn{color:var(--danger-text);font-weight:600}
.surface-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding-left:4px}.surface-line small{color:var(--text-2);font-size:11px;margin-right:2px}.small-choice{padding:5px 8px;font-size:11px}
.solutions{margin-top:26px}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.solution-card{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:10px}
.solution-top{display:flex;gap:10px;align-items:flex-start}.solution-top>div{flex:1;min-width:0}.solution-top h3{font-size:14px}.solution-top small{color:var(--text-muted);font-size:11px}
.solution-card>p{font-size:12px;color:var(--text-2)}.solution-uses{display:flex;align-items:center;gap:6px}.solution-uses small{font-size:11px;color:var(--text-muted)}
.solution-pre ul{margin:6px 0 0;padding-left:18px;font-size:12px}.solution-card .btn-row{margin-top:auto}
@media (max-width:640px){.solution-grid{grid-template-columns:1fr}}

/* ===== Téma: letisztult, semleges felület; világos és sötét mód. Minden szín innen jön. ===== */
:root{
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
 --bg:#ffffff;--surface:#ffffff;--surface-2:#f7f8fa;--surface-3:#eef0f3;
 --border:#e5e7eb;--border-strong:#cdd2d9;
 --text:#111827;--text-2:#374151;--text-muted:#6b7280;
 --accent:#2453c9;--accent-hover:#1c43a6;--accent-text:#2453c9;--accent-soft:#eef3fd;--accent-border:#c8d6f5;--on-accent:#ffffff;
 --success:#157347;--success-bg:#ecf7f0;--success-border:#c9e7d5;
 --warning:#b7791f;--warning-text:#94600f;--warning-bg:#fdf6e7;--warning-border:#f1dfb2;
 --danger:#c0392b;--danger-text:#b42318;--danger-bg:#fdf1f0;--danger-border:#f3cdc8;
 --backdrop:rgba(15,23,42,.38);
 color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#17181b;--surface:#1e1f23;--surface-2:#222327;--surface-3:#2a2c31;
 --border:#32343a;--border-strong:#474a51;
 --text:#ececef;--text-2:#c8c9ce;--text-muted:#9b9da4;
 --accent:#3b6fe0;--accent-hover:#5583ea;--accent-text:#8fb0ff;--accent-soft:#1d2840;--accent-border:#2f4677;--on-accent:#ffffff;
 --success:#5cc58a;--success-bg:#16271e;--success-border:#24412f;
 --warning:#e0a640;--warning-text:#eab45a;--warning-bg:#2a2316;--warning-border:#4a3b1d;
 --danger:#ef6f62;--danger-text:#f28b80;--danger-bg:#2c1b1a;--danger-border:#55302c;
 --backdrop:rgba(0,0,0,.55);color-scheme:dark;
}}
:root[data-theme="dark"]{
 --bg:#17181b;--surface:#1e1f23;--surface-2:#222327;--surface-3:#2a2c31;--border:#32343a;--border-strong:#474a51;
 --text:#ececef;--text-2:#c8c9ce;--text-muted:#9b9da4;--accent:#3b6fe0;--accent-hover:#5583ea;--accent-text:#8fb0ff;--accent-soft:#1d2840;--accent-border:#2f4677;--on-accent:#ffffff;
 --success:#5cc58a;--success-bg:#16271e;--success-border:#24412f;--warning:#e0a640;--warning-text:#eab45a;--warning-bg:#2a2316;--warning-border:#4a3b1d;
 --danger:#ef6f62;--danger-text:#f28b80;--danger-bg:#2c1b1a;--danger-border:#55302c;--backdrop:rgba(0,0,0,.55);color-scheme:dark;
}
body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}
h1,h2,h3{color:var(--text)}
.sidebar{background:var(--surface-2);border-right:1px solid var(--border)}
.topbar{background:var(--surface);border-bottom-color:var(--border)}
.brand{font-weight:650;letter-spacing:-.3px}
.brand-symbol{background:var(--accent);color:var(--on-accent);font-weight:700;font-size:19px;border-radius:8px;width:32px;height:32px}
.workspace{background:var(--surface);border-color:var(--border)}
.nav button{color:var(--text-2)}.nav button:hover{background:var(--surface-3)}
.nav button.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.nav button.active svg{color:var(--accent-text)}
.nav-count{background:var(--surface-3);color:var(--text-2)}
.hero-search{background:var(--surface-2);border-color:var(--border)}.hero-search:after{display:none}
.search-input{background:var(--surface);border-color:var(--border);box-shadow:none}.search-input input{color:var(--text)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}
.btn-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}
.btn-link{color:var(--accent-text)}
.badge{background:var(--surface-3);color:var(--text-2)}
.badge.green{background:var(--success-bg);color:var(--success)}.badge.amber{background:var(--warning-bg);color:var(--warning-text)}.badge.red{background:var(--danger-bg);color:var(--danger-text)}.badge.gray{background:var(--surface-3);color:var(--text-muted)}
.dot{background:var(--success)}.dot.amber{background:var(--warning)}.dot.red{background:var(--danger)}.dot.gray{background:var(--border-strong)}
.status-line{color:var(--text-muted)}.status-line.warn{color:var(--danger-text)}
.notice{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}
.notice.amber{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}
.notice.red{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}
.answer-box{background:var(--success-bg);border-color:var(--success-border)}.answer-box p{color:var(--text-2)}
.answer-box.amber{background:var(--warning-bg);border-color:var(--warning-border)}.answer-box.red{background:var(--danger-bg);border-color:var(--danger-border)}
.answer-box.amber p,.answer-box.red p{color:var(--text-2)}
.answer-box .answer-lead,.answer-box.amber .answer-lead,.answer-box.red .answer-lead{color:var(--text)}
.task-card,.record-card,.aside-block,.stat,.table-wrap,.solution-card,.setup-group,.suggestion,.login-card,.inbox-item{background:var(--surface);border-color:var(--border)}
.task-card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px rgba(15,23,42,.06);transform:none}
.task-icon,.avatar{background:var(--surface-3);color:var(--text-2)}
th{background:var(--surface-2);color:var(--text-muted);border-bottom-color:var(--border)}td{border-bottom-color:var(--border)}
tr.clickable:hover td{background:var(--surface-2)}
tr.row-attention td{background:var(--warning-bg)}tr.row-attention td:first-child{box-shadow:inset 3px 0 0 var(--warning)}
.filter{border-color:var(--border);color:var(--text-2)}.filter.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
.choice{background:var(--surface);border-color:var(--border);color:var(--text)}
.choice:has(input:checked),.material-option:has(input:checked),.setup-item.on .choice{border-color:var(--accent);background:var(--accent-soft)}
.material-option{background:var(--surface);border-color:var(--border)}.material-option small,.wizard-context small{color:var(--text-muted)}
.step-progress i{background:var(--surface-3)}.step-progress i.done{background:var(--accent)}
.pick span,.result-option span{background:var(--surface);border-color:var(--border);color:var(--text)}
.pick input:checked+span,.result-option input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.field input,.field select,.field textarea,.toolbar select,.setup-item select,.settings-row input{background:var(--surface);color:var(--text);border-color:var(--border)}
.field>label,.field>span{color:var(--text-2)}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}
dialog{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 20px 60px rgba(15,23,42,.18)}
dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(2px)}
.panel-head{background:var(--surface);border-bottom-color:var(--border)}
.scope,.source-box,.approval-copy{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}
.context-line,.wizard-tool>summary{background:var(--surface-2);border-color:var(--border)}
.next-step{background:var(--surface-2);border-color:var(--border)}.next-step.act{background:var(--accent-soft);border-color:var(--accent-border)}
.setup-cta{background:var(--accent);color:var(--on-accent)}.setup-cta h2,.setup-cta p,.setup-cta .eyebrow{color:var(--on-accent)}.setup-cta p{opacity:.9}.setup-cta .eyebrow{opacity:.75}
.setup-cta .btn-primary{background:var(--surface);color:var(--accent-text);border-color:var(--surface)}
.setup-preview div{background:var(--surface-2)}.setup-preview strong{color:var(--text)}.setup-preview span{color:var(--text-muted)}
.setup-group.blocked{background:var(--danger-bg);border-color:var(--danger-border)}.suggestion.it{background:var(--warning-bg);border-color:var(--warning-border)}
.peach,.mint,.lilac,.sky{background:var(--surface-3);color:var(--text-2)}
.tool-mark{font-weight:650}.tool-mark.logo{background:#fff;border:1px solid var(--border)}
.tool-mark.brand{background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:var(--brand)}
.labeled-btn{color:var(--text-2)}.labeled-btn:hover,.icon-btn:hover{background:var(--surface-3)}
.notification-dot{background:var(--danger)}
#toast{background:var(--text);color:var(--bg)}
.login-shell{background:var(--bg)}
.eyebrow,.step-label,.nav-label,.welcome,.mono,.footnote{color:var(--text-muted)}
.soft-text,.intro-copy>p,.wizard-subtitle,.aside-block>p,.task-card p,.record-card p,.solution-card>p{color:var(--text-muted)}
.conditions{color:var(--text-2)}.empty{border-color:var(--border);color:var(--text-muted)}.empty h3{color:var(--text)}
.timeline-row{border-left-color:var(--border)}.timeline-row:before{background:var(--border-strong)}
.section-divider,.sticky-actions,.settings-row{border-color:var(--border)}
.amber-text{color:var(--warning-text)}
.expert-note{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:8px;padding:12px 14px;margin:12px 0}
.expert-note p{margin:4px 0 6px;color:var(--text);font-size:13px}.expert-note small{color:var(--text-muted);font-size:11px}
/* Alapszabályok a munkatársi kezdőoldalon */
.basics{margin:0 0 26px}.basics-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.basics-list{display:grid;gap:8px}
.basic-item,.client-rule{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 14px;color:var(--text)}
.basic-item:hover,.client-rule:hover{border-color:var(--border-strong);background:var(--surface-2)}
.basic-item>span:nth-child(2){flex:1;min-width:0;display:grid;gap:2px}.basic-item strong{font-size:13px;font-weight:600}.basic-item small{font-size:11px;color:var(--text-muted)}
.client-rules{display:grid;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}
.client-rule{flex-wrap:wrap;gap:4px 10px}.client-rule strong{font-size:12px}.client-rule span{flex:1 1 100%;font-size:12px;color:var(--text-2)}
@media (max-width:900px){.basics-grid{grid-template-columns:1fr}}

.catalog-picker { margin: 0 0 18px; }
.catalog-picker .field { margin: 12px 0; }
.catalog-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 216px;
  overflow-y: auto;
  padding: 2px;
}
.catalog-option.btn { justify-content: flex-start; text-align: left; }
.catalog-option[hidden] { display: none; }
.catalog-option:disabled { cursor: default; opacity: .6; }
.catalog-option small { display: block; color: var(--text-muted); }
@media (max-width: 520px) {
  .catalog-options { grid-template-columns: 1fr; max-height: 194px; }
}