:root{font:14px/1.5 system-ui,-apple-system,sans-serif;color:#28372e;background:#f6f7f3;--green:#376c4e;--line:#dce2d9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#fff}header>div{display:flex;gap:20px;align-items:center}.brand{font-weight:700;font-size:19px}.muted{color:#738075;font-size:13px}main{max-width:1200px;margin:24px auto;padding:0 20px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}h2{font-size:16px;margin:0 0 14px}h3{font-size:17px;margin:0}button,input,select,textarea{font:inherit;border:1px solid #cdd6ca;border-radius:7px;padding:8px 11px;background:white;color:inherit}button{cursor:pointer}button:hover{border-color:var(--green);background:#f0f5ee}button.primary{background:var(--green);color:white}button:disabled{opacity:.5;cursor:wait}input:focus,select:focus,textarea:focus{outline:2px solid #b9d4ba}#error{padding:12px;background:#fff0eb;color:#94391d;margin-bottom:15px;border-radius:8px}.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.toolbar input{flex:1}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.history{padding:16px}.call{width:100%;display:block;text-align:left;margin:0 0 6px;padding:12px;border-color:transparent}.call.selected{border-color:#8fb897;background:#f0f6ed}.call small{display:block;color:#738075}.call strong{font-weight:600}.detail{min-height:420px}.title{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.properties span{display:block;font-size:12px;color:#738075}.properties div{overflow-wrap:anywhere}audio{width:100%;margin:10px 0 15px}.fields{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.fields label{flex:1;min-width:150px}.fields label span{display:block;font-size:12px;margin-bottom:5px}.fields select{width:100%}textarea{width:100%;min-height:75px;resize:vertical}.save{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:10px}.transcript{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.turn{margin:14px 0}.turn span{font-size:12px;color:#738075}.turn p{margin:3px 0 7px;white-space:pre-wrap}details{margin-top:18px}pre{white-space:pre-wrap;font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}#workers{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.worker{font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:8px}.worker.failed{border-color:#c97f61;color:#94391d}.dot{color:var(--green)}dialog{width:min(650px,95vw);border:1px solid var(--line);border-radius:12px;padding:24px}dialog::backdrop{background:#17271e55}.dialog-head,.category-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-row{margin:8px 0}.category-row input{flex:1;min-width:0}.category-row.child{margin-left:20px}#category-form{display:flex;gap:8px;margin-top:20px}#category-form input{min-width:0;flex:1}@media(max-width:750px){.workspace{grid-template-columns:1fr}.history{max-height:320px;overflow:auto}.toolbar{flex-wrap:wrap}.properties{grid-template-columns:1fr}header .muted{display:none}#category-form{flex-wrap:wrap}}
/* Familiar identity: same logo assets, fonts and palette as call review. */
.view-tabs { display:flex; gap:4px; }
.view-tabs button { border-color:transparent; background:transparent; color:var(--muted); padding:8px 14px; }
.view-tabs button[aria-pressed="true"] { background:var(--brand-soft); color:var(--brand); }
:root {
 --bg:#f3f1ec; --surface:#fdfcfa; --surface-soft:#f5f3ef;
 --ink:#201f26; --muted:#68646e; --line:#dfdcd6;
 --brand:#4f4cd6; --brand-soft:#efedf8; --brand-hover:#3f3cb8; --brand-line:#d9d4ee;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 color:var(--ink); background:var(--bg); font-synthesis:none; accent-color:var(--brand);
}
body { -webkit-font-smoothing:antialiased; }
::selection { background:var(--brand); color:var(--surface); }
header { height:77px; padding:0 5%; background:var(--surface); }
.brand { display:flex; align-items:center; text-decoration:none; }
.brand img { display:block; width:170px; height:auto; }
nav { display:flex; align-items:center; gap:20px; }
nav a { padding:8px 14px; border-radius:8px; font-size:13px; font-weight:600; background:var(--brand-soft); color:var(--brand); text-decoration:none; }
main { margin-top:26px; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
h1 { font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.65px; margin:0; }
h2 { font-size:14px; font-weight:600; }
h3 { font-size:18px; letter-spacing:-.3px; }
.muted { color:var(--muted); font-size:12px; }
.panel,dialog { background:var(--surface); }
#campaign { border-left:3px solid var(--brand); padding:17px 20px; font-size:13px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
button,input,select,textarea { background:var(--surface); border-color:var(--line); }
button { font-size:12px; font-weight:500; }
button:hover { background:var(--brand-soft); border-color:var(--brand-line); color:var(--brand); }
button.primary { background:var(--brand); border-color:var(--brand); color:white; }
button.primary:hover { background:var(--brand-hover); }
input:focus,select:focus,textarea:focus { outline-color:#a5a2ed; }
button:focus-visible,a:focus-visible { outline:3px solid #a5a2ed; outline-offset:3px; }
input,select,textarea { font-size:13px; }
select {
 appearance:none;
 -webkit-appearance:none;
 padding-right:34px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2368646e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right 12px center;
 background-size:12px 8px;
}
@media(forced-colors:active) { select { appearance:auto; background-image:none; } }
.workspace { grid-template-columns:320px minmax(0,1fr); align-items:start; }
.call { font-size:13px; }
.call.selected { background:var(--brand-soft); border-color:var(--brand-line); }
.call-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.call-top strong { min-width:0; overflow-wrap:anywhere; }
.call time { font-size:10px; font-weight:400; color:var(--muted); white-space:nowrap; flex-shrink:0; }
.call small { color:var(--muted); font-size:11px; margin-top:3px; overflow-wrap:anywhere; }
.detail { min-width:0; }
.properties { gap:13px 20px; padding:15px; background:var(--surface-soft); border-radius:8px; font-size:12px; }
.properties span { color:var(--muted); font-size:11px; margin-bottom:3px; text-transform:capitalize; }
.fields label span { font-size:11px; color:var(--muted); }
.turn { font-size:13px; }
.turn span { font:11px "JetBrains Mono",monospace; color:var(--muted); }
details { font-size:12px; }
summary { cursor:pointer; color:var(--muted); }
pre { font:11px/1.6 "JetBrains Mono",monospace; }
.worker { background:var(--surface); }
.worker.active { background:var(--brand-soft); border-color:var(--brand-line); color:var(--brand); }
.worker.failed { background:#fff7f5; border-color:#d9a6a0; color:#963e35; }
dialog::backdrop { background:#201f2655; }
@media(max-width:750px) {
 .workspace { grid-template-columns:1fr; }
 .brand img { width:135px; }
 nav { gap:10px; }
 h1 { font-size:20px; }
}