:root{--bg: #222;--raised: #2b2b2b;--line: #3a3a3a;--text: #eee;--muted: #999;--accent: #ff8d3e;--band: #005f6a;--ok: #7bc47f;--warn: #e6b34e;--err: #e0654f;--mono: "Roboto Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--condensed: "Roboto Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Roboto,system-ui,sans-serif;font-weight:300;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:56em;margin:0 auto;padding:0 1em 4em}.muted{color:var(--muted);font-size:.9em}.topnav{display:flex;align-items:baseline;gap:1.2em;border-bottom:1px solid var(--line);padding:.7em 0;margin-bottom:1.4em;flex-wrap:wrap}.topnav .brand{font-family:var(--mono);color:var(--accent);font-size:1.05em}.topnav .brand:hover{text-decoration:none}.topnav nav{display:flex;gap:1.1em}.topnav nav a,.topnav .who,.topnav a[data-method]{color:var(--text);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;font-size:.85em;padding-bottom:.15em;border-bottom:2px solid transparent}.topnav nav a:hover,.topnav a[data-method]:hover{text-decoration:none;color:var(--accent)}.topnav .active{color:var(--accent);border-bottom-color:var(--accent)}.topnav .grow{flex:1}.topnav .who{color:var(--muted);text-transform:none;font-family:var(--mono);font-size:.8em}.band,.landing h2{background:var(--band);color:#fff;font-family:var(--condensed);font-weight:400;font-size:1.15em;text-transform:uppercase;letter-spacing:.04em;padding:.25em .6em .2em;margin:1em 0 .7em}h2.band.sub,.band.sub{font-size:.95em;background:transparent;color:var(--band);border-bottom:2px solid var(--band);padding-left:0;filter:brightness(1.6)}.page-top{display:flex;align-items:center;gap:.8em;margin:1em 0 .4em}.page-top h1{font-family:var(--condensed);font-weight:400;font-size:1.2em;margin:0}.page-top form{margin-left:auto}.page-top .back{font-size:1.2em}.page-top .push,.push{margin-left:auto}.page-header .band{margin-top:.4em}.chip{display:inline-block;font-family:var(--condensed);font-size:.72em;text-transform:uppercase;letter-spacing:.05em;padding:.1em .55em;border:1px solid var(--line);border-radius:2px;color:var(--muted);white-space:nowrap}.chip.mode.auto{color:var(--ok);border-color:var(--ok)}.chip.mode.manual{color:var(--warn);border-color:var(--warn)}.chip.status.active{color:var(--ok);border-color:var(--ok)}.chip.status.paused{color:var(--warn);border-color:var(--warn)}.chip.status.archived{opacity:.55}.chip.unread{background:var(--accent);border-color:var(--accent);color:#222;font-weight:700}.chip.call.ok{color:var(--ok);border-color:var(--ok)}.chip.call.warn{color:var(--warn);border-color:var(--warn)}.chip.call.err{color:var(--err);border-color:var(--err)}.convo-list .empty{display:none}.convo-list .empty:only-child{display:block;text-align:center;color:var(--muted);padding:2.5em 0}.convo-row{display:flex;align-items:baseline;gap:.7em;padding:.55em .4em;border-bottom:1px solid var(--line);color:var(--text)}.convo-row:hover{background:var(--raised);text-decoration:none}.convo-row .name{font-weight:400}.convo-row .when{margin-left:auto;color:var(--muted);font-family:var(--mono);font-size:.78em}.user-panel{font-family:var(--mono);font-size:.78em;margin:0 0 1em}.transcript{display:flex;flex-direction:column;gap:.55em;margin:.5em 0 1.5em}.transcript .empty{display:none}.transcript .empty:only-child{display:block;text-align:center;color:var(--muted);padding:2.5em 0}.msg{max-width:78%;padding:.5em .75em;border:1px solid var(--line);background:var(--raised);border-radius:4px}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end;border-color:var(--band);background:#01424c}.msg .text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.msg .meta{margin:.35em 0 0;color:var(--muted);font-family:var(--mono);font-size:.7em}.msg .meta .send-failed{color:var(--err)}.msg .attachment img{display:block;max-height:15em;max-width:100%;border-radius:3px;margin-top:.3em}.reply{display:flex;gap:.6em;align-items:flex-end}.reply .field{flex:1;margin-bottom:0}.field{margin-bottom:.8em}.label{display:block;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.05em;font-size:.78em;color:var(--muted);margin-bottom:.25em}.input,.select,.textarea,select,input[type=text]{width:100%;background:var(--raised);border:1px solid var(--line);color:var(--text);font:inherit;padding:.45em .6em;border-radius:3px}select,.select{width:auto;min-width:10em}.field .select{width:100%}.textarea{min-height:4.5em;resize:vertical}.input:focus,.select:focus,.textarea:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.checkbox{accent-color:var(--accent);margin-right:.4em}.field .label .checkbox{display:inline-block;width:auto}.invalid{border-color:var(--err)}.field-error{color:var(--err);font-size:.82em;margin:.25em 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2em}.form-actions{display:flex;gap:.7em;margin-top:1.2em;align-items:center}.role-block h3{font-family:var(--mono);font-weight:400;font-size:.9em;color:var(--accent);margin:.9em 0 .4em}.btn{display:inline-block;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.05em;font-size:.82em;padding:.35em 1em;border-radius:2px;cursor:pointer}.btn:hover{background:var(--accent);color:#222;text-decoration:none}.btn.primary{background:var(--accent);color:#222}.btn.primary:hover{filter:brightness(1.12)}.btn.subtle{border-color:var(--line);color:var(--muted)}.btn.subtle:hover{background:var(--raised);color:var(--text)}.btn.ok{border-color:var(--ok);color:var(--ok)}.btn.ok:hover{background:var(--ok);color:#222}.btn.warn{border-color:var(--warn);color:var(--warn)}.btn.warn:hover{background:var(--warn);color:#222}.btn.wide{width:100%;margin-top:.4em}.table{width:100%;border-collapse:collapse;font-size:.92em}.table th{text-align:left;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.05em;font-weight:400;font-size:.8em;color:var(--muted);border-bottom:1px solid var(--line);padding:.4em .5em}.table td{padding:.45em .5em;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:var(--raised)}.table td.actions{text-align:right;white-space:nowrap}.table td.actions .btn{margin-left:.35em;font-size:.72em;padding:.2em .6em}.photo-strip{display:flex;flex-wrap:wrap;gap:.6em;margin:.5em 0 1em}.photo{position:relative;border:1px solid var(--line);border-radius:3px;padding:2px;background:none}.photo img{height:6em;display:block;border-radius:2px}.photo .doc{display:flex;align-items:center;height:6em;padding:0 .6em;color:var(--muted);font-family:var(--mono);font-size:.7em}.photo.attach{cursor:pointer}.photo.attach:hover{border-color:var(--accent)}.btn.detach{position:absolute;top:-.6em;right:-.6em;padding:0 .35em;font-size:.7em;background:var(--bg)}pre.json{background:var(--raised);border:1px solid var(--line);border-radius:3px;padding:.8em 1em;margin:0 0 1.2em;font-family:var(--mono);font-size:.82em;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.card{max-width:22em;margin:3.5em auto;padding:1.4em 1.6em 1.6em;border:1px solid var(--line);background:var(--raised);border-radius:4px}.card .band{margin-top:0}.flash-stack{position:fixed;top:1em;right:1em;z-index:50}.flash{display:flex;gap:.8em;align-items:flex-start;min-width:16em;max-width:24em;padding:.6em .9em;background:var(--raised);border:1px solid var(--line);border-left-width:4px;border-radius:3px}.flash.info{border-left-color:var(--ok)}.flash.error{border-left-color:var(--err)}.flash p{margin:0}.flash-title{font-weight:400;font-family:var(--condensed);text-transform:uppercase;font-size:.82em;color:var(--muted)}.flash-close{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9em}.flash-close:hover{color:var(--text)}.spin{display:inline-block;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 40em){.form-grid{grid-template-columns:1fr}.msg{max-width:92%}}.landing{max-width:34em;margin:0 auto;padding:4.5em 1.2em 3em}.landing header h1{margin:0;font-family:var(--condensed);font-weight:400;font-size:2.6em;line-height:1.1;color:var(--accent)}.landing .slogan{margin:.7em 0 0;font-size:1.15em}.landing section{margin-top:2.4em}.landing h2{margin:0 0 .7em;font-size:1em}.landing p{margin:.4em 0}.landing ul{list-style:none;margin:0;padding:0}.landing li{margin:.6em 0}.landing li strong{font-weight:500;color:var(--accent)}.landing footer{margin-top:3.5em;color:var(--muted);font-family:var(--mono);font-size:.8em}@media (max-width: 40em){.landing{padding-top:2.5em}.landing header h1{font-size:2em}}