:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;color:#292927;background:#fff;font-synthesis:none;--muted:#797972;--line:#e9e9e5;--sidebar:#f7f7f5;--hover:#f0f0ec}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 13px;font-size:.875rem;line-height:1.4;transition:background .12s}button:hover{background:var(--hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#292927;color:#fff;border-color:#292927}button.primary:hover{background:#42423e}button.quiet{border-color:transparent;background:transparent}button.icon{padding:7px;display:inline-flex;align-items:center;justify-content:center}button.danger{color:#a53c34}button svg{flex:none}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
input,textarea,select{border:1px solid #dcdcd7;border-radius:6px;background:#fff;padding:10px 12px;min-width:0;font-size:.925rem}textarea{resize:vertical;line-height:1.6;min-height:132px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #d7e3f1;border-color:#8aafd4}h1{font-size:1.9rem;letter-spacing:-.055rem;line-height:1.2;margin:0 0 13px;font-weight:650}h2{font-size:1.3rem;letter-spacing:-.02rem;line-height:1.4;margin:0 0 12px}h3{font-size:1rem;margin:0 0 12px;font-weight:600}p{line-height:1.55;margin:8px 0}a{color:inherit}small,.muted{color:var(--muted);font-size:.83rem;line-height:1.6}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;gap:9px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.full{width:100%}.hidden{display:none!important}.error{color:#a03932;background:#fff2ee;border-radius:6px;padding:13px;line-height:1.6;font-size:.875rem}.note{padding:12px 14px;border:1px solid var(--line);background:#fafaf8;border-radius:6px;font-size:.875rem;line-height:1.6}.loading,.empty{padding:60px 25px;text-align:center;color:var(--muted)}.loading{animation:breathe 1.5s infinite}.empty svg{width:28px;height:28px;margin-bottom:12px}.empty p{max-width:330px;margin:10px auto}.badge{font-size:.75rem;white-space:nowrap;padding:3px 7px;background:#f0f0ee;color:#66665f;border-radius:4px;display:inline-block;line-height:1.5}.badge.blue{background:#edf3fb;color:#4673a2}.badge.green{background:#eaf3e8;color:#4d754b}.badge.amber{background:#fcf1df;color:#a77826}.badge.purple{background:#f2ecf8;color:#826799}.avatar{border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;background:#eaeae7;flex:none;font-size:.8rem}.orbit svg{width:31px;height:31px}.brand{gap:10px;font-size:1.25rem;font-weight:650;letter-spacing:-.03rem}
.layout{display:flex;height:100dvh;overflow:hidden}.sidebar{width:224px;flex:none;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 13px 13px}.sidebar .brand{padding:0 10px 29px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:10px 11px;font-size:.89rem}.nav button.active{background:#eaeae6;font-weight:550}.nav button:hover{background:#eeeee9}.nav .count{margin-left:auto;color:#99998f;font-size:.8rem}.section-label{font-size:.72rem;color:#92928a;text-transform:uppercase;letter-spacing:.055rem;margin:32px 12px 12px}.direction{padding:9px 12px;display:flex;gap:12px;font-size:.875rem}.dot{width:8px;height:8px;border-radius:50%;background:#727767;display:inline-block;margin-top:6px}.profile{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.profile button{text-align:left;width:100%;justify-content:flex-start;padding:9px 7px}.profile .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:63px;padding:0 32px;border-bottom:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--muted)}.topbar .row{gap:12px}.crumb-sep{color:#c9c9c2}.content{min-height:0;flex:1;display:flex}.workspace{padding:35px 32px 25px;flex:1;min-width:0;overflow:auto}.page-head{margin-bottom:24px}.page-head p{color:var(--muted);font-size:.88rem}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 18px}.toolbar select{font-size:.8rem;padding:7px 9px;max-width:170px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:0 10px;margin-bottom:18px;color:#979790}.search input{border:0;outline:none;background:transparent;flex:1;padding:10px 0;font-size:.875rem}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:0;overflow:auto}.tabs button{white-space:nowrap;border:0;background:transparent;border-radius:0;padding:12px 0;font-size:.875rem;color:var(--muted)}.tabs button.active{border-bottom:2px solid #343431;color:#343431;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;font-weight:400;color:var(--muted);font-size:.8rem;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr[data-key]{cursor:pointer}tbody tr[data-key]:hover{background:#f9f9f6}tbody tr.selected{background:#f3f3ef!important}.q-title{display:block;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-bottom:6px}.q-number{font-size:.8rem;color:var(--muted);margin-right:7px}.owner{white-space:nowrap;font-size:.82rem}.table-footer{padding:18px 10px;font-size:.8rem;color:var(--muted)}.panel{border-left:1px solid var(--line);width:440px;flex:none;overflow:auto;background:white;display:flex;flex-direction:column}.panel.expanded{position:absolute;left:224px;right:0;top:63px;bottom:0;width:auto;z-index:3;padding:0 max(30px,calc((100vw - 1050px)/2))}.panel-header{padding:19px 23px 12px}.panel-body{padding:12px 23px 28px}.panel-body section{padding:20px 0;border-top:1px solid var(--line)}.panel-body section:first-child{border-top:0;padding-top:0}.buyer{background:#f6f6f3;border-radius:5px;padding:12px 14px;line-height:1.6;white-space:pre-wrap;font-size:.925rem}.question-meta{display:flex;gap:9px;margin:8px 0 17px;flex-wrap:wrap}.question-meta .badge{font-size:.7rem}.actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.sources{display:grid;gap:10px}.source{font-size:.82rem;border-left:2px solid #dfdfd8;padding-left:12px}.source p{white-space:pre-wrap;max-height:180px;overflow:auto;color:var(--muted)}.chat-list{display:grid;gap:20px;padding:22px 0;min-height:70px}.chat-message{display:flex;align-items:flex-start;gap:10px}.chat-text{white-space:pre-wrap;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere;margin:4px 0}.chat-message .byline{font-size:.8rem;font-weight:550;display:flex;gap:10px;align-items:center}.chat-message time{font-size:.72rem;color:var(--muted);font-weight:400}.composer{border:1px solid #dcdcd6;border-radius:7px;padding:10px}.composer textarea{min-height:65px;border:0;padding:0;outline:none!important;font-size:.875rem;resize:vertical}.composer .row{margin-top:8px}.composer .icon{border:0}.chat-page{max-width:950px;margin:0 auto;display:flex;flex-direction:column;min-height:100%}.chat-page .chat-list{flex:1}.photos{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.photos img{height:85px;width:100px;object-fit:cover;border-radius:5px;border:1px solid var(--line)}.card-list{display:grid;gap:0}.product,.knowledge-card{border-bottom:1px solid var(--line);padding:21px 0}.product{display:flex;align-items:center;justify-content:space-between;gap:15px}.product h3{margin-bottom:5px}.knowledge-card p{white-space:pre-wrap;font-size:.925rem;overflow-wrap:anywhere}.knowledge-card .scope{font-size:.8rem;color:var(--muted)}.login{min-height:100dvh;display:grid;place-items:center;background:#fafaf8}.login-box{width:min(390px,calc(100vw - 40px));padding:35px 12px}.login-box .brand{margin-bottom:48px}.login-box h1{font-size:1.7rem}.login-box label,.field label{display:block;font-size:.83rem;margin-bottom:7px}.login-box input{width:100%;margin-bottom:17px;padding:12px}.login-box button{width:100%;padding:11px}.login-box .muted{margin:18px 0}.field{margin:15px 0}.field input,.field select{width:100%}dialog{border:1px solid var(--line);border-radius:10px;padding:26px;max-width:580px;width:calc(100% - 40px);max-height:88dvh;box-shadow:0 20px 90px #0002}dialog::backdrop{background:#0004;backdrop-filter:blur(2px)}dialog h2{padding-right:30px}.dialog-close{position:absolute;right:15px;top:15px}.preview-answer{white-space:pre-wrap;font-size:.95rem;border:1px solid var(--line);padding:18px;border-radius:5px;margin:18px 0;line-height:1.6}.job-note{font-size:.82rem;color:#8c6b29;padding:10px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(650px,90vw);background:#30302c;color:white;font-size:.875rem;padding:13px 20px;border-radius:7px;box-shadow:0 5px 20px #0002;z-index:50;display:none;line-height:1.5}#toast.visible{display:block}.mobile-menu{display:none!important}@keyframes breathe{50%{opacity:.5}}
@media(min-width:1600px){.panel{width:510px}.workspace{padding:40px 44px}.topbar{padding:0 44px}}
@media(max-width:1200px){.sidebar{width:195px}.workspace{padding:28px 23px}.panel{width:390px}.owner-col{display:none}.panel.expanded{left:195px}.topbar{padding:0 23px}}
@media(max-width:980px){.panel{position:absolute;top:63px;bottom:0;right:0;width:calc(100% - 195px);z-index:3}.owner-col{display:table-cell}.panel.expanded{left:195px}}
@media(max-width:680px){.sidebar{position:fixed;left:-250px;top:0;bottom:0;z-index:10;width:224px;box-shadow:10px 0 30px #0001;transition:left .15s}.sidebar.show{left:0}.mobile-menu{display:inline-flex!important}.topbar{height:55px;padding:0 14px}.topbar .crumb{display:none}.workspace{padding:25px 17px}.toolbar{gap:6px}.toolbar select{max-width:145px}.panel,.panel.expanded{top:55px;left:0;right:0;width:100%;padding:0}.panel-header,.panel-body{padding-left:20px;padding-right:20px}h1{font-size:1.65rem}.owner-col{display:none}.q-title{max-width:230px}.tabs{gap:18px}.product{align-items:flex-start}.product button{font-size:.8rem}.chat-page{min-height:100%}.topbar .badge{font-size:.68rem}.panel .actions button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.sources-preview{margin:0 0 10px;padding-left:18px;color:var(--muted);font-size:.82rem;line-height:1.5}.sources-preview li{max-height:3em;overflow:hidden;margin-bottom:5px;overflow-wrap:anywhere}.sources-disclosure>summary{cursor:pointer;font-size:.82rem;color:var(--text);padding:6px 0}.sources-scroll{max-height:240px;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;padding:3px 10px 8px 0;scrollbar-gutter:stable}.sources-scroll .source summary{cursor:pointer;overflow-wrap:anywhere}.sources-hide{display:none}.sources-disclosure[open] .sources-hide{display:inline}.sources-disclosure[open] .sources-show{display:none}.sources-compact:has(.sources-disclosure[open]) .sources-preview{display:none}

/* Quiet pastel surfaces; color supplements the existing labels and structure. */
:root{
  --text:#303b36;--muted:#68746d;--line:#e5eae5;
  --sidebar:#f5f7f3;--hover:#eef3ef;
  --sage:#476653;--sage-soft:#edf4ee;
  --lavender:#f3f0f9;--sand:#faf5eb;--sky:#f0f6fb;
  color:var(--text);background:#fcfdfa;
}
h1{font-weight:600;letter-spacing:-.045rem;line-height:1.25}
h2{font-weight:600;letter-spacing:-.015rem}
h3{font-weight:600}
button,input,textarea,select{border-radius:9px}
button{border-color:#dde5de;transition:background .15s,border-color .15s}
button.primary{background:var(--sage);border-color:var(--sage)}
button.primary:hover{background:#395443;border-color:#395443}
button:focus-visible,summary:focus-visible{outline:2px solid #7b9e8b;outline-offset:3px}
input,textarea,select{border-color:#dce5dd}
input:focus,textarea:focus,select:focus{outline:2px solid #d5e7db;border-color:#8ba995}
input::placeholder,textarea::placeholder{color:#7b867f;opacity:1}
.sidebar{border-right-color:#e6ebe3}
.sidebar .brand{color:#3c5847;font-weight:600}
.orbit{display:inline-flex;align-items:center;justify-content:center;background:#e5eee2;border-radius:12px;padding:5px}
.orbit svg{width:27px;height:27px;stroke-width:1.45}
.nav{gap:6px}
.nav button{color:#536057;border-radius:10px;padding-top:11px;padding-bottom:11px}
.nav button svg{padding:5px;width:30px;height:30px;border-radius:9px;stroke-width:1.6}
.nav [data-action="nav:attention"] svg{background:#f6eadb;color:#8b663e}
.nav [data-action="nav:all"] svg{background:#e8edf8;color:#5c7095}
.nav [data-action="nav:products"] svg{background:#e5efe4;color:#5b795e}
.nav [data-action="nav:knowledge"] svg{background:#ede6f5;color:#7e6894}
.nav [data-action="nav:chat"] svg{background:#e2eff0;color:#4d7980}
.nav [data-action="nav:help"] svg{background:#f4eadf;color:#856748}
.nav button.active{background:#e8efe5;color:#344d3b;font-weight:600}
.nav button:hover{background:#eef2eb}
.section-label{color:#75816f;font-size:.67rem;letter-spacing:.07rem}
.dot{background:#91aa87}
.avatar{background:#e8eee4;color:#4c6650}
.topbar{background:#fffefa;border-bottom-color:#ebeee7}
.content{background:#fcfdfa}
.page-head{margin-bottom:28px}
.page-head h1{display:flex;align-items:center;gap:13px}
.page-head h1::before{content:"";width:5px;height:28px;flex:none;border-radius:4px;background:#c2d5bf}
.page-head p{margin-top:12px;line-height:1.65}
.toolbar{gap:9px;margin-top:24px}
.toolbar select{background:#fff;min-height:35px;padding-left:11px;border-color:#e0e7df}
.search{background:#fff;border-color:#e1e8e1;border-radius:10px;padding-left:13px;margin-bottom:22px}
.search:focus-within{border-color:#95af9d;box-shadow:0 0 0 2px #edf4ee}
.search input{padding-top:12px;padding-bottom:12px}
.tabs{gap:23px;border-bottom-color:#e4eae3}
.tabs button.active{color:#3c654d;border-bottom-color:#71977c}
.tabs button:hover{color:#3c654d}
.table-wrap{background:white;border:1px solid #e8ede6;border-top:0;border-radius:0 0 12px 12px}
th{background:#f6f8f3;font-size:.75rem;color:#66745e;padding-top:14px;padding-bottom:14px}
td{padding-top:17px;padding-bottom:17px;border-bottom-color:#edf0ea}
tbody tr:last-child td{border-bottom:0}
tbody tr[data-key]:hover{background:#f5f9f3}
tbody tr.selected{background:#edf5ee!important}
tbody tr.selected td:first-child{box-shadow:inset 3px 0 #9cbaa3}
.q-title{font-weight:500;margin-bottom:7px}
.q-number{color:#79866f}
.table-footer{font-size:.77rem;color:#6f7d70}
.badge{border-radius:6px;padding:4px 8px;background:#eef1ec;color:#5d6c5c}
.badge.blue{background:#eaf1fa;color:#456685}
.badge.green{background:#e9f2e7;color:#4f704c}
.badge.amber{background:#fbf0df;color:#856128}
.badge.purple{background:#f0eaf8;color:#755c8b}
.panel{background:#fffefd;border-left-color:#e1e8df;box-shadow:-8px 0 24px #334f3705}
.panel-header{background:#f6f9f3;border-bottom:1px solid #e7ede3;padding-bottom:15px}
.panel-body{padding-top:22px}
.panel-body section{margin-top:16px;padding:18px 0;border-top-color:#edf0e9}
.panel-body section h3{font-size:.9rem;letter-spacing:.005rem}
.buyer{background:var(--lavender);border:1px solid #e9e3f3;border-radius:10px;padding:14px 15px;color:#51495e;line-height:1.7}
.panel-body section:has(#answer){background:#f5f9f3;border:1px solid #e2ebdf;border-radius:12px;padding:17px}
#answer{background:#fff;border-color:#dce7d8;line-height:1.7;min-height:140px}
.note{background:#faf4e9;border-color:#eee3d1;border-radius:9px;color:#705d3f}
.panel-body .sources-section{background:var(--sand);border:1px solid #efe7d8;border-radius:12px;padding:15px 17px}
.sources-section h3{color:#796548;margin-bottom:10px}
.sources-preview{color:#756b59;line-height:1.6;font-size:.8rem}
.sources-disclosure>summary{color:#766246;font-size:.8rem}
.source{border-left-color:#dcd6c5}
.source p{line-height:1.65}
.panel-body section:has(#detail-bottom){border-top:0;padding-top:4px}
.panel-body section:has(#detail-bottom)>.tabs{border-bottom-color:#dfe9f0}
.composer{background:#f5f9fc;border-color:#dfe8ef;border-radius:12px;padding:13px}
.composer textarea{background:transparent;color:#354652;line-height:1.65}
.chat-message .avatar{background:#e9eef7;color:#60738c}
.chat-message .byline{color:#4a5a66}
.chat-text{line-height:1.7}
.product,.knowledge-card{background:#fff;border:1px solid #e6ece3;border-radius:12px;padding:20px;margin:12px 0}
.product h3,.knowledge-card h3{font-size:.93rem;line-height:1.55}
.knowledge-card .scope{background:#f3f0f9;color:#71617f;border-radius:7px;padding:7px 10px}
.inline-proposal{margin:0 0 2px 42px;padding:18px;background:linear-gradient(145deg,#fbfaf4,#f4f8f1);border-color:#dce8d8;box-shadow:0 8px 24px #536b5620}
.proposal-kicker{display:block;color:#6d806e;font-size:.72rem;font-weight:650;letter-spacing:.035em;text-transform:uppercase;margin-bottom:5px}
.inline-proposal h3{margin:0}.inline-proposal>p{margin:14px 0;line-height:1.6}
.proposal-scope{display:grid;gap:7px;background:#f3f0f9;border-radius:9px;padding:12px 13px;color:#5f5867;font-size:.84rem}
.proposal-scope>b{color:#4a4650}.scope-tags{display:flex;gap:6px;flex-wrap:wrap}.scope-tags .badge{font-size:.69rem}
.proposal-missing{margin-left:42px;padding:11px 13px;border-radius:8px;background:#faf1e4;color:#84633d;font-size:.8rem}
#proposal-edit-form textarea{min-height:92px}
.photos img{border-radius:9px;border-color:#e0e8de}
dialog{border-color:#e0e8dd;border-radius:16px;background:#fffefa;box-shadow:0 20px 80px #29452f1c}
dialog::backdrop{background:#24392d38;backdrop-filter:blur(3px)}
.preview-answer{background:white;border-color:#dfe9da;border-radius:10px;line-height:1.7}
.login{background:#f3f6ef}
.login-box{background:#fffefa;border:1px solid #e2e9dc;border-radius:18px;padding:32px;width:min(410px,calc(100vw - 40px));box-shadow:0 16px 50px #405e3910}
.login-box .brand{margin-bottom:30px}
#toast{background:#3e5748;border-radius:11px;box-shadow:0 6px 24px #263c2920}
.action-hint{margin-top:9px;max-width:390px}.published-note{font-size:.82rem;color:#4d704e;background:#e8f2e7;border-radius:8px;padding:9px 11px;margin:8px 0 12px}
.employees{max-width:980px}.employee-list{display:grid;gap:10px}.employee-card{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(240px,1fr) auto;align-items:center;gap:18px;padding:17px 18px;background:#fff;border:1px solid #e4ebe2;border-radius:13px}.employee-card.disabled{background:#f7f5fa;border-color:#ebe6ef;color:#70716d}.employee-main{display:flex;align-items:center;gap:12px;min-width:0}.employee-main h3{margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-main p{margin:0}.employee-state{display:flex;gap:7px;flex-wrap:wrap}.employee-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.employee-toggle{display:flex;align-items:center;gap:10px;padding:12px 0 4px;font-size:.9rem}.employee-toggle input{width:18px;height:18px}.audit-section{margin-top:38px;padding-top:25px;border-top:1px solid var(--line)}.audit-section h2{font-size:1.05rem}.audit-list{display:grid;gap:0;border:1px solid #e6ebe4;border-radius:12px;background:#fff;overflow:hidden}.audit-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 15px;border-bottom:1px solid #edf0ea;font-size:.84rem}.audit-item:last-child{border-bottom:0}.audit-item small{white-space:nowrap}.temporary-password{display:flex;align-items:center;gap:10px;background:#f3f0f9;border:1px solid #e5dff0;border-radius:12px;padding:13px;margin:17px 0}.temporary-password code{font-family:"Cascadia Code",Consolas,monospace;font-size:1rem;overflow-wrap:anywhere;flex:1}.nav [data-action="nav:employees"] svg{background:#faecd9;color:#896744}
.sync-control{display:flex;align-items:flex-end;flex-direction:column;min-width:175px;line-height:1.25}.sync-progress{display:inline-flex;align-items:center;min-height:34px;border:1px solid #dce8dc;border-radius:9px;background:var(--sage-soft);color:#456250;padding:7px 11px;font-size:.78rem;white-space:nowrap}.sync-progress.active{position:relative;padding-left:27px}.sync-progress.active::before{content:"";position:absolute;left:11px;width:8px;height:8px;border-radius:50%;background:#7ca189;animation:breathe 1.5s ease-in-out infinite}.sync-summary{max-width:330px;margin-top:3px;color:#738077;font-size:.68rem;white-space:nowrap}.topbar-actions{margin-left:auto}
.help-page{max-width:1040px;margin:0 auto;padding-bottom:50px}.help-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:18px;align-items:stretch;margin:4px 0 20px;padding:24px 26px;background:var(--sage-soft);border:1px solid #dfe9de;border-radius:16px}.help-hero h2{font-size:1.45rem;margin:5px 0 7px}.help-hero p{color:#5c6b61;margin:0;max-width:610px}.help-kicker{font-size:.72rem;color:#66806d;text-transform:uppercase;letter-spacing:.07rem;font-weight:700}.help-stop{display:flex;flex-direction:column;gap:6px;background:var(--sand);border:1px solid #eee2cf;border-radius:12px;padding:15px 17px;color:#6f5b3f;font-size:.84rem;line-height:1.55}.help-stop.wide{margin-top:16px}.help-steps{counter-reset:steps;list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.help-steps li{position:relative;min-height:128px;padding:17px 16px 15px 52px;background:#fff;border:1px solid #e2e9e1;border-radius:13px}.help-steps li::before{content:counter(list-item);position:absolute;left:15px;top:16px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#52705e;color:#fff;font-size:.78rem;font-weight:700}.help-steps b{display:block;margin-bottom:6px}.help-steps span{display:block;color:#68746d;font-size:.82rem;line-height:1.55}.help-sections{display:grid;gap:11px}.help-sections>details{background:#fff;border:1px solid #e2e9e1;border-radius:13px;overflow:hidden}.help-sections>details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;font-weight:600}.help-sections>details>summary::-webkit-details-marker{display:none}.help-sections>details>summary::after{content:"＋";font-size:1.2rem;color:#718077;font-weight:400}.help-sections>details[open]>summary{background:#f7faf5;border-bottom:1px solid #e5ebe4}.help-sections>details[open]>summary::after{content:"−"}.help-sections>details>summary small{margin-left:auto;font-weight:400}.help-detail{padding:20px}.help-detail>p{color:#59675f}.help-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.help-action{display:flex;flex-direction:column;gap:5px;padding:13px 14px;background:#f7f9f6;border:1px solid #e6ebe4;border-radius:10px}.help-action b{font-size:.86rem;color:#3e5947}.help-action span{font-size:.8rem;line-height:1.55;color:#68746d}.help-note{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:14px 16px;background:var(--sage-soft);border-radius:10px;font-size:.83rem;line-height:1.55}.help-note.lavender{background:var(--lavender)}.help-note.sand{background:var(--sand)}.help-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.help-statuses>div{display:grid;grid-template-columns:175px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #edf0ea}.help-statuses p{font-size:.8rem;line-height:1.5;color:#68746d;margin:0}
@media(max-width:680px){
  .toolbar{gap:8px}.toolbar select{flex:1 1 calc(50% - 8px);max-width:none}
  .page-head{margin-bottom:23px}.page-head h1{gap:10px}
  .panel-body{padding-left:17px;padding-right:17px}
  .panel-body section:has(#answer){padding:13px}
  .panel-body .sources-section{padding:13px}
  .product,.knowledge-card{padding:16px}
  .tabs{gap:19px}.tabs button{font-size:.83rem}
  .sync-control{min-width:0}.sync-progress{max-width:205px;overflow:hidden;text-overflow:ellipsis}.sync-summary{display:none}.topbar-actions{gap:6px!important}
  .employee-card{grid-template-columns:1fr;gap:11px;padding:15px}.employee-actions{justify-content:flex-start;white-space:normal}.employee-actions button{flex:1}.audit-item{align-items:flex-start;flex-direction:column;gap:2px}.temporary-password{align-items:stretch;flex-direction:column}
  .help-hero{grid-template-columns:1fr;padding:19px}.help-steps{grid-template-columns:1fr}.help-steps li{min-height:0}.help-actions-grid,.help-statuses{grid-template-columns:1fr}.help-sections>details>summary{align-items:flex-start;padding:15px}.help-sections>details>summary small{display:none}.help-detail{padding:15px}.help-statuses>div{grid-template-columns:145px 1fr}
}