:root{color-scheme:light dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-muted: #e9edf3;--bg-sidebar: #15233b;--fg: #1a2233;--fg-muted: #5b6577;--fg-on-sidebar: #e6ebf4;--fg-on-sidebar-muted: #9fb0c8;--border: #d5dbe5;--border-strong: #b7c0cf;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-fg: #ffffff;--focus: #2563eb;--success-bg: #e4f5ea;--success-fg: #176a3a;--success-border: #9fd6b3;--error-bg: #fdecec;--error-fg: #9b1c1c;--error-border: #f1b1b1;--warning-bg: #fff6e0;--warning-fg: #7a4e00;--warning-border: #f5d48a;--info-bg: #e8f0fe;--info-fg: #1e3a8a;--info-border: #b9cdf5;--radius: 8px;--radius-sm: 5px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--sidebar-width: 220px}@media(prefers-color-scheme:dark){:root{--bg: #0f1420;--bg-elevated: #171e2d;--bg-muted: #1f2839;--bg-sidebar: #0b1120;--fg: #e5e9f1;--fg-muted: #9aa6ba;--fg-on-sidebar: #e5e9f1;--fg-on-sidebar-muted: #8e9bb3;--border: #2b3549;--border-strong: #3b4761;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-fg: #0b1120;--focus: #93c5fd;--success-bg: #11301d;--success-fg: #86efac;--success-border: #1f5a35;--error-bg: #3a1414;--error-fg: #fca5a5;--error-border: #6b2222;--warning-bg: #3a2a08;--warning-fg: #fcd34d;--warning-border: #6b4e12;--info-bg: #122142;--info-fg: #bfdbfe;--info-border: #27407a;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.45;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;line-height:1.25;font-weight:650}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:.95rem}h4{margin:0 0 .4rem;font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}p{margin:0 0 .75rem}a{color:var(--primary)}code,.mono{font-family:var(--font-mono);font-size:.9em}.muted{color:var(--fg-muted)}.small{font-size:.85rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.25rem}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}textarea{resize:vertical;min-height:6rem;line-height:1.45}.field{margin-bottom:.9rem}.field .hint{display:block;margin-top:.25rem;font-size:.8rem;color:var(--fg-muted);font-weight:400}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1rem}button,.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg);cursor:pointer;text-decoration:none;line-height:1.2}button:hover:not(:disabled){background:var(--bg-muted)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--error-fg);border-color:var(--error-border)}.btn-sm{padding:.3rem .6rem;font-size:.85rem}.btn-link{background:none;border:none;padding:0;color:var(--primary);text-decoration:underline}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.alert{padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 .9rem}.alert-error{background:var(--error-bg);color:var(--error-fg);border-color:var(--error-border)}.alert-success{background:var(--success-bg);color:var(--success-fg);border-color:var(--success-border)}.alert-warning{background:var(--warning-bg);color:var(--warning-fg);border-color:var(--warning-border)}.alert-info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-border)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--bg-muted);color:var(--fg-muted);white-space:nowrap}.badge-nieuw{background:var(--info-bg);color:var(--info-fg)}.badge-concept{background:var(--warning-bg);color:var(--warning-fg)}.badge-beantwoord{background:var(--success-bg);color:var(--success-fg)}.badge-inactief{background:var(--error-bg);color:var(--error-fg)}.badge-concept_klaar{background:var(--warning-bg);color:var(--warning-fg)}.badge-wachtend_op_klant{background:var(--bg-muted);color:var(--fg-muted)}.badge-afgehandeld{background:var(--success-bg);color:var(--success-fg)}.centered{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100%}.sidebar{background:var(--bg-sidebar);color:var(--fg-on-sidebar);display:flex;flex-direction:column;padding:1rem .75rem;gap:1rem;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:1.05rem;padding:.25rem .5rem;letter-spacing:.01em}.brand small{display:block;font-weight:400;font-size:.75rem;color:var(--fg-on-sidebar-muted)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.nav-section{margin-top:.75rem;padding:0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-on-sidebar-muted)}.nav-link{display:block;padding:.45rem .6rem;border-radius:var(--radius-sm);color:var(--fg-on-sidebar);text-decoration:none}.nav-link:hover{background:#ffffff14}.nav-link.active{background:var(--primary);color:#fff}.sidebar .nav-link:focus-visible{outline-color:#fff}.sidebar-footer{margin-top:auto;padding:.5rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.5rem}.sidebar-user{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;color:var(--fg-on-sidebar-muted);font-size:.75rem}.sidebar-footer button{background:transparent;color:var(--fg-on-sidebar);border-color:#ffffff40}.sidebar-footer button:hover:not(:disabled){background:#ffffff14}.main{min-width:0;padding:1.25rem 1.5rem}.page{max-width:1100px}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;margin-bottom:1rem}.login-card{width:100%;max-width:380px}.login-card h1{margin-bottom:.25rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}th{font-weight:650;color:var(--fg-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}td.actions{white-space:nowrap}.inbox{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;height:calc(100vh - 2.5rem);min-height:480px}.conversation-list{display:flex;flex-direction:column;min-height:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.conversation-list-header{padding:.75rem .9rem;border-bottom:1px solid var(--border)}.conversation-list-header h1{margin:0;font-size:1.1rem}.conversation-list ul{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0}.conversation-item{display:block;padding:.65rem .9rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.conversation-item:hover{background:var(--bg-muted)}.conversation-item.active{background:var(--info-bg);box-shadow:inset 3px 0 0 var(--primary)}.conversation-item .row{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.conversation-item .name{font-weight:600}.conversation-item .subject{display:block;color:var(--fg-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .meta{display:flex;flex-wrap:wrap;gap:.15rem .5rem;align-items:center;margin-top:.25rem;font-size:.78rem;color:var(--fg-muted)}.conversation-list-header .row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.filters{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);background:var(--bg-muted)}.filters input[type=search],.filters select{padding:.35rem .5rem;font-size:.88rem}.filters-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.checkbox{display:flex;align-items:center;gap:.4rem;margin:0;font-weight:500;font-size:.85rem;cursor:pointer}.checkbox input{margin:0}.list-alert{margin:.6rem .9rem 0}.list-empty{padding:1rem .9rem;font-size:.9rem}.pager{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .9rem;border-top:1px solid var(--border)}.conversation-item .preview{display:block;margin-top:.15rem;font-size:.82rem;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .direction{display:inline-block;width:1.1em;font-weight:700}.conversation-item .direction-in{color:var(--primary)}.conversation-item .direction-out{color:var(--success-fg)}.conversation-detail{display:flex;flex-direction:column;min-height:0;min-width:0;gap:.75rem}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;flex:1;min-height:0}.conversation-layout.with-customer{grid-template-columns:minmax(0,1fr) 320px}.conversation-main{display:flex;flex-direction:column;gap:.75rem;min-height:0;min-width:0;overflow-y:auto}.conversation-main>.four-panes{flex:1 0 auto;min-height:340px}.conversation-main>.thread{flex:0 0 auto;max-height:32%}.conversation-title{min-width:0;flex:1 1 280px}.conversation-title h2{overflow-wrap:anywhere}.conversation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.thread{display:flex;flex-direction:column;gap:.5rem;flex:0 1 32%;min-height:7rem;overflow-y:auto;padding:.6rem .8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.message{max-width:85%;padding:.5rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-muted)}.message-in{align-self:flex-start;border-left:3px solid var(--primary)}.message-out{align-self:flex-end;background:var(--success-bg);border-color:var(--success-border);border-right:3px solid var(--success-fg)}.message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.78rem;color:var(--fg-muted)}.message-direction{font-weight:650;color:var(--fg)}.message-text{white-space:pre-wrap;word-break:break-word;font-size:.92rem}.attachments{list-style:none;margin:.4rem 0 0;padding:.4rem 0 0;border-top:1px dashed var(--border-strong);font-size:.85rem}.attachments li{padding-left:1rem;text-indent:-1rem}.attachments li:before{content:"– ";color:var(--fg-muted)}.attachments li.attachment-image{padding-left:0;text-indent:0;margin-top:.4rem}.attachments li.attachment-image:before{content:none}.attachment-figure{margin:0;display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.attachment-figure a:first-child{display:inline-block;max-width:100%;line-height:0}.attachment-figure img{display:block;max-width:100%;max-height:320px;width:auto;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.attachment-figure figcaption{white-space:normal}.attachment-small details{margin:0}.attachment-small summary{cursor:pointer;color:var(--primary);text-decoration:underline}.attachment-small details[open] summary{margin-bottom:.3rem}.message-body{min-width:0}.message-full-text{margin:0;padding:.5rem .6rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:60vh;overflow-y:auto}.message-full-text .quoted-line{color:var(--fg-muted);opacity:.85}.message-toggle{margin-top:.3rem;font-size:.8rem}.customer-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.customer-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-muted)}.customer-panel-header h3{margin:0}.customer-panel .alert{margin:.6rem .8rem 0}.customer-panel>.muted{padding:.6rem .8rem}.customer-panel-body{overflow-y:auto;min-height:0;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.9rem}.customer-facts{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.3rem .5rem;margin:0;font-size:.9rem}.customer-facts dt{font-weight:600;color:var(--fg-muted)}.customer-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.customer-section textarea{min-height:4rem;font-size:.9rem;margin-bottom:.4rem}.orders-table{font-size:.82rem}.orders-table th,.orders-table td{padding:.35rem .4rem}.customer-conversations{list-style:none;margin:0;padding:0;font-size:.9rem}.customer-conversations li{padding:.25rem 0;border-bottom:1px solid var(--border)}.conversation-header{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:baseline}.conversation-header h2{margin:0}.four-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem;flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-height:160px;min-width:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pane-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-muted);font-size:.85rem;font-weight:650}.pane-header label{margin:0;font-size:inherit}.pane-original{grid-column:1;grid-row:1}.pane-translation{grid-column:2;grid-row:1}.pane-reply{grid-column:1;grid-row:2}.pane-concept{grid-column:2;grid-row:2}.pane-body{flex:1;min-height:0;padding:.7rem .8rem;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.pane-body .attachments,.pane-body .message-toggle{white-space:normal}.pane-attachments{display:flex;flex-direction:column;gap:.35rem;padding:.45rem .8rem;border-top:1px solid var(--border);background:var(--bg-muted);font-size:.85rem}.attachment-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pane-attachments .pane-alert{margin:0}.draft-attachments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;max-height:7.5rem;overflow-y:auto}.draft-attachment{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.draft-attachment-name{min-width:0;overflow-wrap:anywhere}.draft-attachment .btn-sm{margin-left:auto;padding:.1rem .45rem;font-size:.78rem}.pane textarea{flex:1;min-height:0;height:100%;border:none;border-radius:0;resize:none;padding:.7rem .8rem;background:var(--bg-elevated)}.pane textarea:focus-visible{outline-offset:-2px}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem}.action-bar .status{margin-left:auto;font-size:.85rem}.action-bar .alert{margin:0;width:100%}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--fg-muted);background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2rem}.secret-box{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.12em;padding:.6rem .8rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-all;-webkit-user-select:all;user-select:all}.url-box{font-family:var(--font-mono);font-size:.8rem;padding:.6rem .8rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-all;-webkit-user-select:all;user-select:all}.steps{padding-left:1.2rem}.steps li{margin-bottom:.4rem}.integration-group h2{padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.integration-field{padding:.75rem 0;border-bottom:1px dashed var(--border)}.integration-field:last-of-type{border-bottom:none}.integration-field-head{margin-bottom:.4rem}.integration-field-head label{margin-bottom:.1rem}.integration-field-head .hint{display:block;font-size:.8rem;color:var(--fg-muted)}.integration-field-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem .75rem;align-items:center}.integration-field-controls input[type=text],.integration-field-controls input[type=password]{max-width:520px}.masked-value{display:inline-block;padding:.35rem .6rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.08em;white-space:nowrap}.integration-field-buttons{flex-wrap:nowrap}.integration-field-status{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin-top:.4rem}.integration-field .alert{margin:.5rem 0 0}.badge-source-db{background:var(--success-bg);color:var(--success-fg)}.badge-source-env{background:var(--info-bg);color:var(--info-fg)}.badge-source-none{background:var(--warning-bg);color:var(--warning-fg)}.integration-test{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border)}.test-result{margin-top:.6rem;padding:.6rem .8rem;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm)}.test-result-ok{background:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success-fg)}.test-result-fail{background:var(--error-bg);border-color:var(--error-border);border-left-color:var(--error-fg)}.test-result-title{margin:0 0 .3rem;font-weight:650}.test-result-ok .test-result-title{color:var(--success-fg)}.test-result-fail .test-result-title{color:var(--error-fg)}.test-lines{margin:0;padding-left:1.2rem;font-family:var(--font-mono);font-size:.82rem;word-break:break-word}.test-lines li{margin-bottom:.15rem}@media(max-width:600px){.integration-field-controls{grid-template-columns:minmax(0,1fr)}.integration-field-controls input[type=text],.integration-field-controls input[type=password]{max-width:none}}.pane-header-tools{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem;min-width:0}.pane-header-tools .btn-sm{padding:.15rem .5rem;font-size:.78rem}.badge-language{background:var(--info-bg);color:var(--info-fg)}.badge-ai{background:var(--primary);color:var(--primary-fg);letter-spacing:.04em}.pane-ai{min-height:240px}.pane-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem .6rem;padding:.45rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.pane-toolbar-field{flex:1 1 220px;min-width:0}.pane-toolbar-field label{margin-bottom:.15rem;font-weight:600;color:var(--fg-muted)}.pane-toolbar-field input[type=text]{padding:.3rem .5rem;font-size:.88rem}.pane-toolbar .btn-sm{white-space:nowrap}.pane-empty{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.pane-note{margin:0;padding:.4rem .8rem;border-bottom:1px solid var(--border)}.pane-alert{margin:.5rem 0 0}.pane .pane-alert{margin:.4rem .8rem}.pane-body .pane-alert{margin:.5rem 0 0}.busy-indicator{display:inline-flex;align-items:center;gap:.4rem}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.ai-draft-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem;padding:.35rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-muted);font-size:.82rem}.ai-draft-line{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.ai-sources{flex:1 1 auto;min-width:0;font-weight:400}.ai-sources summary{cursor:pointer;color:var(--primary);display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.ai-sources summary::marker{color:var(--fg-muted)}.ai-sources-body{margin-top:.4rem;padding:.5rem .7rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:12rem;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.ai-sources-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.2rem .5rem;align-items:start}.ai-sources-key{font-weight:600;color:var(--fg-muted)}.ai-uncertainties{margin:0;padding-left:1.1rem}.ai-uncertainties li{margin-bottom:.15rem}.extern-wait{font-weight:600}.pane-toolbar-text{flex:1 1 220px;min-width:0;align-self:center}.incoming-draft{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;background:var(--warning-bg);color:var(--warning-fg)}.incoming-draft .btn-sm{white-space:nowrap}.radio-group{border:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.radio-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .6rem;align-items:start;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted)}.radio-option:has(input:checked){border-color:var(--primary)}.radio-option input[type=radio]{margin-top:.25rem}.radio-option label{margin:0;font-weight:400;cursor:pointer}.radio-title{display:block;font-weight:650}.radio-option .hint{display:block;margin-top:.2rem;font-size:.82rem;color:var(--fg-muted)}.token-reveal{margin:.75rem 0;padding:.75rem .9rem;border:1px solid var(--warning-border);border-radius:var(--radius-sm);background:var(--warning-bg)}.token-box{letter-spacing:.04em;font-size:.95rem;cursor:text}.token-actions{margin-top:.5rem}.queue-line{font-size:1.05rem;margin:0 0 .4rem}.inline-label{margin:0;font-size:.85rem}.select-compact{width:auto;padding:.3rem .5rem;font-size:.85rem}.usage-facts{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.3rem .75rem;margin:0;font-size:.9rem}.usage-facts dt{font-weight:600;color:var(--fg-muted)}.usage-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.usage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0}.usage-summary-item{padding:.6rem .8rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.usage-summary-item dt{font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.usage-summary-item dd{margin:.15rem 0 0;display:flex;flex-direction:column;gap:.1rem}.usage-summary-item strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.usage-table th.num,.usage-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-table tbody th{font-weight:600;color:var(--fg);text-transform:none;letter-spacing:normal;font-size:.9rem}.usage-table tfoot th,.usage-table tfoot td{font-weight:650;border-top:2px solid var(--border-strong);border-bottom:none}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}.subsection-title{margin:1rem 0 .5rem;padding-top:.75rem;border-top:1px solid var(--border)}.learning-recent-stats{margin:.5rem 0 0}.rule-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.rule-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.35rem .6rem;align-items:center;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted)}.rule-list-readonly .rule-row{grid-template-columns:minmax(0,1fr) auto}.rule-row-inactive{opacity:.65}.rule-row-inactive .rule-input,.rule-row-inactive .rule-text{text-decoration:line-through}.rule-active{margin:0}.rule-input{width:100%;min-width:0;padding:.3rem .5rem;font-size:.9rem}.rule-text{min-width:0;overflow-wrap:anywhere;font-size:.9rem}.rule-meta{white-space:nowrap}.correction-list{display:flex;flex-direction:column;gap:.4rem}.correction{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted)}.correction[open]{background:var(--bg-elevated)}.correction-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.5rem .7rem;cursor:pointer;font-size:.88rem;list-style:none}.correction-summary::-webkit-details-marker{display:none}.correction-summary:before{content:"▸";color:var(--fg-muted);font-size:.8rem}.correction[open]>.correction-summary:before{content:"▾"}.correction-when{font-variant-numeric:tabular-nums}.correction-category{font-weight:600}.correction-body{padding:0 .7rem .7rem;display:flex;flex-direction:column;gap:.75rem}.correction-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.correction-column{min-width:0}.correction-text{margin:0;padding:.5rem .65rem;max-height:24rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.88rem;line-height:1.45;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted)}@media(max-width:860px){.correction-compare{grid-template-columns:1fr}.rule-row{grid-template-columns:auto minmax(0,1fr)}.rule-row .rule-meta,.rule-row .btn-danger{grid-column:2;justify-self:start}}@media(max-width:1280px){.conversation-layout.with-customer{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1024px){:root{--sidebar-width: 190px}.inbox{grid-template-columns:260px minmax(0,1fr)}.conversation-layout.with-customer{grid-template-columns:minmax(0,1fr)}.customer-panel{max-height:50vh}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.6rem .75rem;gap:.5rem 1rem}.nav-list{flex-direction:row;flex-wrap:wrap;gap:.25rem}.nav-section{margin-top:0;padding:0}.sidebar-footer{margin-top:0;margin-left:auto;border-top:none;padding:0;flex-direction:row;align-items:center}.main{padding:1rem}.inbox{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:0}.conversation-list ul{max-height:220px}.four-panes{grid-template-rows:none;grid-auto-rows:minmax(180px,auto)}.pane textarea{min-height:160px}}@media(max-width:600px){.four-panes{grid-template-columns:1fr}.pane-original,.pane-translation,.pane-reply,.pane-concept{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}