:root{--accent:#5745cc;--accent-dark:#4633b3;--accent-soft:#eeebff;--ink:#201d37;--muted:#625e75;--line:#e9e6f0;--bg:#f7f7fb;--surface:#fff;--focus:#8373ef;--side:232px;--top:60px;--shadow:0 2px 5px #27214206;font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent-dark)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.76px;line-height:1.18}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}small{font-size:12px;color:var(--muted)}.quiet{color:var(--muted)}.red-text{color:#a63a46!important}
.shell { min-height: 100dvh; display: grid; grid-template-columns: var(--side) minmax(0, 1fr); }
.sidebar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: 20px 14px 14px;
  color: #f8f7ff;
  background: #201b35;
  border-right: 1px solid #332a4c;
  overflow: auto;
  scrollbar-width: thin;
}
.brand { display: flex; align-items: center; gap: 10px; font-size: 18px; letter-spacing: -.55px; font-weight: 740; white-space: nowrap; }
.sidebar .brand { padding: 0 7px 23px; }
.brand-name strong { font-weight: inherit; color: #c6bcff; }
.brand-mark {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #6b58df;
  color: #fff;
  box-shadow: inset 0 1px #ffffff30, 0 4px 10px #10092a35;
}
.brand-mark svg { width: 21px; height: 21px; }
.sidebar nav { display: grid; gap: 14px; padding-bottom: 18px; }
.nav-group { display: grid; gap: 2px; }
.side-label { margin: 0 10px 4px; color: #ada5c3; font-size: 10px; font-weight: 720; letter-spacing: .085em; text-transform: uppercase; }
.nav-link { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 37px; padding: 6px 9px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #d8d3e6; font-size: 13px; font-weight: 540; text-align: left; white-space: nowrap; }
.nav-link svg { width: 17px; height: 17px; color: #a9a0c3; }
.nav-link:hover { background: #302849; color: white; }
.nav-link.active { background: #3c305d; border-color: #554579; color: #fff; font-weight: 690; }
.nav-link.active svg { color: #c8bbff; }
.nav-link b { margin-left: auto; min-width: 20px; border-radius: 20px; padding: 1px 5px; background: #c8bcfc; color: #302257; font-size: 10px; text-align: center; }
.workspace { width: 100%; min-height: 49px; display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 6px 8px; border: 1px solid #4a3f60; border-radius: 10px; background: #2a223f; color: #f5f2ff; text-align: left; }
.workspace:hover { background: #362a4e; border-color: #64547e; }
.workspace > span:nth-child(2) { flex: 1; min-width: 0; }
.workspace strong, .workspace small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workspace strong { font-size: 12px; }
.workspace small { color: #bfb6d2; font-size: 10px; }
.workspace > svg { width: 14px; color: #c1b6d6; }
.workspace .workspace-avatar { width: 31px; height: 31px; background: #493a69; color: #e9e1ff; border-radius: 8px; }
.skip-link { position: fixed; z-index: 20; top: 8px; left: 10px; color: #fff; background: var(--accent-dark); padding: 8px 12px; border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.main{min-width:0}.topbar{height:var(--top);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;position:sticky;top:0;z-index:5;background:white;border-bottom:1px solid var(--line)}.crumb,.top-actions,.row,.actions{display:flex;align-items:center;gap:10px}.crumb>span{color:#7a8594}.crumb>svg{width:13px;color:#a0a9b7}.crumb strong{font-size:13px}.top-actions{gap:10px}.channel-pill{display:flex;align-items:center;gap:6px;color:#775417;background:#fff6de;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:680;white-space:nowrap}.channel-pill.live{background:#e9f8ef;color:#156638}.channel-pill i,.lane-title>span{height:7px;width:7px;border-radius:50%;background:#e5a126}.channel-pill.live i{background:#2caa69}.icon-btn{position:relative;display:inline-grid;place-items:center;width:35px;height:35px;background:transparent;border:0;border-radius:8px;color:#576477}.icon-btn:hover{background:var(--accent-soft);color:var(--accent-dark)}.icon-btn>i{position:absolute;right:6px;top:6px;width:7px;height:7px;background:#e65c6a;border-radius:50%;border:1px solid white}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:750;color:#365c95;background:#e7effb;flex:0 0 auto;border:0}.profile{background:#eeeafb;color:#4938a4}.tone-1{background:#e8f6ed;color:#326d51}.tone-2{background:#f3e9fd;color:#785096}.tone-3{background:#ffeedf;color:#98552a}.tone-4{background:#e4f3fa;color:#337286}.mobile-only,.scrim,.back-chat,.details-toggle{display:none!important}
#view{padding:22px clamp(16px,2vw,31px) 34px;min-height:calc(100dvh - var(--top));outline:0}#view.editor-view,#view.inbox-view{padding:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head p{margin-top:7px;color:var(--muted)}.actions{flex-wrap:wrap;justify-content:flex-end}.card{background:white;border:1px solid var(--line);border-radius:14px;min-width:0;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.divider{border-top:1px solid var(--line);margin:15px 0}.btn{background:white;color:#334258;border:1px solid #e1e7ef;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;min-height:36px;line-height:1.15;font-weight:640;white-space:nowrap;text-decoration:none}.btn svg{width:16px;height:16px}.btn:hover:not(:disabled){background:#f2f6fc;border-color:#cad9ed}.btn.primary{color:white;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 6px #5745cc32}.btn.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn.subtle{border-color:transparent;box-shadow:none}.btn.compact{font-size:12px;padding:6px 8px;min-height:29px}.btn.danger{color:#a33745}.btn.icon-only{width:42px;padding:0}.square-icon{width:37px;height:37px;display:inline-grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);flex:none}.row{min-width:0}.row>div{min-width:0}.row small,td small{display:block;white-space:normal}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px;padding:0 10px;width:min(100%,310px);min-height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#78869a}.search:focus-within{border-color:#79a6ed;box-shadow:0 0 0 3px #3478df14}.search input{width:100%;border:0;background:transparent;outline:0;padding:7px 0;min-width:0;color:var(--ink)}.search svg{width:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.45px;font-weight:760;color:#718097;background:#f8f7fb;white-space:nowrap}td,th{padding:12px 15px;border-bottom:1px solid #edf0f4;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#faf9fe}.table-actions{white-space:nowrap}.badge,.tag-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:680;border-radius:30px;padding:4px 8px;background:#eff2f6;color:#5e6b7d}.badge.green{background:#e8f8ee;color:#25704b}.badge.blue{background:#eaf2ff;color:#2964b8}.badge.red{background:#fdeced;color:#a13c4c}.tag-list{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.tag-chip i{width:6px;height:6px;border-radius:50%}.empty{display:grid;place-items:center;text-align:center;gap:6px;padding:48px 18px;color:var(--muted)}.empty>svg{height:36px;width:36px;padding:6px;color:var(--accent-dark);background:var(--accent-soft);border-radius:10px;margin-bottom:4px}.empty h3{color:var(--ink);font-size:16px}.empty p{max-width:380px}.list-empty{padding:14px 10px;text-align:center;color:#7b8899;font-size:12px}
.field{display:grid;gap:5px;font-weight:620;color:#405068;margin:0 0 13px}.field small{font-weight:450}.field input,.field textarea,.field select,.move-stage,.form-control{display:block;width:100%;padding:8px 10px;border:1px solid #dfe6ef;border-radius:8px;background:white;color:var(--ink);min-height:37px;font-weight:450}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #a9cafa;outline-offset:0}fieldset{border:1px solid #e4eaf3;border-radius:8px;margin:4px 0 14px;padding:9px 12px}fieldset legend{color:var(--muted);font-size:12px}.checks,.check{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checks label,.check{display:flex;align-items:center;gap:6px;font-size:13px}.notice{padding:11px 12px;background:#eef5ff;border-radius:8px;color:#3c5d83;font-size:13px}.template-preview{white-space:pre-wrap;background:#f2f6fb;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:12px;color:#405068}
dialog{border:1px solid #dfe6ef;border-radius:15px;background:white;color:var(--ink);box-shadow:0 20px 70px #1527464d;padding:0;max-width:min(92vw,540px);width:100%;max-height:90dvh;overflow:auto}dialog::backdrop{background:#14203665;backdrop-filter:blur(2px)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);gap:10px}.modal-foot{justify-content:flex-end;border-bottom:0;border-top:1px solid var(--line)}.modal-body{padding:16px 18px}.modal-body p:not(.form-error){margin-bottom:6px}.modal-body fieldset:last-child,.modal-body>.field:last-of-type{margin-bottom:4px}.form-error{font-size:13px;color:#ad2639;margin-top:8px}.form-error:empty{display:none}.workspace-choice{display:flex;width:100%;justify-content:flex-start;margin-bottom:5px}.help-list{padding-left:22px;margin:0}.help-list li+li{margin-top:8px}.campaign-href{display:block;overflow-wrap:anywhere}.campaign-qr{display:block;margin:12px auto 0;border:1px solid var(--line);border-radius:8px}#toast{position:fixed;right:21px;bottom:21px;z-index:90;display:flex;align-items:center;gap:9px;opacity:0;transform:translateY(8px);transition:.18s;pointer-events:none;padding:10px 14px;border-radius:9px;background:#17382d;color:white;font-weight:630;max-width:min(410px,90vw);box-shadow:0 7px 25px #13254030}#toast.show{opacity:1;transform:none}#toast.error{background:#842c39}
.inbox-shell{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr) minmax(178px,230px);height:calc(100dvh - var(--top));background:white;overflow:hidden}.chat-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.chat-list-head{padding:16px 13px 11px;border-bottom:1px solid var(--line)}.chat-list-head h1{font-size:23px}.chat-list-head p{color:var(--muted);font-size:12px;margin:2px 0 11px}.chat-list-head .search{width:100%}.inbox-filters{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.inbox-filters button{font-size:11px;color:#66748a;border:0;background:transparent;border-radius:20px;padding:5px 7px;font-weight:620}.inbox-filters button.active{background:var(--accent-soft);color:var(--accent-dark)}#chat-list-items{overflow:auto;min-height:0}.chat-item{display:grid;grid-template-columns:36px minmax(0,1fr) 33px;gap:9px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px;background:white;color:var(--ink)}.chat-item:hover{background:#f9f7fe}.chat-item.selected{background:#f1edfc;box-shadow:inset 3px 0 var(--accent)}.chat-item strong,.chat-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item strong{font-size:13px}.chat-item small{font-size:11px}.chat-item-meta{text-align:right;display:grid;justify-items:end;gap:3px}.chat-item-meta b{background:var(--accent);color:white;font-size:10px;min-width:17px;border-radius:12px;text-align:center}.inbox-empty{grid-column:span 2;display:grid;place-content:center;justify-items:center;gap:2px;background:#f7f9fd}.inbox-empty .empty{padding-bottom:18px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{display:flex;align-items:center;gap:9px;min-height:63px;padding:8px 12px;border-bottom:1px solid var(--line)}.chat-head small,.profile-card small{display:block}.chat-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:18px 14px;background:#f6f4fa}.message{display:grid;gap:3px;align-self:flex-start;max-width:min(88%,510px);min-width:90px;padding:8px 10px;border-radius:4px 12px 12px 12px;background:#fff;box-shadow:0 1px 3px #10224414;overflow-wrap:anywhere}.message.out{align-self:flex-end;background:#eae4fd;border-radius:12px 4px 12px 12px}.message-body{white-space:pre-wrap}.message small{text-align:right;font-size:10px}.media-link{font-size:12px}.media-link svg{width:13px;height:13px}.chat-date{font-size:12px;color:#687990;text-align:center;margin:auto}.composer{border-top:1px solid var(--line);padding:7px 10px 10px}.compose-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}.compose-row{display:flex;align-items:stretch;gap:7px}.compose-row textarea{border:1px solid #e0e6ef;border-radius:8px;resize:none;min-height:37px;padding:7px 9px;width:100%;min-width:0}.chat-details{border-left:1px solid var(--line);background:#fdfcfe;overflow:auto}.profile-card{display:grid;justify-items:center;text-align:center;gap:3px;padding:17px 8px;border-bottom:1px solid var(--line)}.profile-card .avatar{width:49px;height:49px;font-size:16px;margin-bottom:4px}.profile-card button{margin-top:5px}.detail-fields{display:grid;gap:6px;padding:12px}.detail-fields .field{margin-bottom:6px}.detail-fields>.btn{width:100%;white-space:normal}
.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}.board-lane{background:#f0edf6;border:1px solid var(--line);border-radius:13px;padding:8px;flex:1 0 235px;min-width:0;min-height:180px}.board-lane.dragging{background:#e1ecff;border-color:#88aee9}.lane-title{display:flex;align-items:center;gap:7px;padding:5px 4px 10px}.lane-title>span{background:var(--accent)}.lane-title h2{font-size:14px;flex:1}.lane-title b{font-size:12px;color:#6c798d;background:#fff;padding:2px 6px;border-radius:12px}.board-card{background:white;border:1px solid #e2e8f0;border-radius:9px;padding:9px;cursor:grab;margin-bottom:7px}.board-card .tag-list{margin-top:7px}.lane-foot{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:8px}.move-stage{width:min(100%,120px);min-height:29px;font-size:11px;padding:3px}
.initial{height:100dvh;display:grid;justify-content:center;justify-items:center;align-content:center;gap:12px;text-align:center;padding:14px}.initial p{color:var(--muted)}.login-layout{display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);background:#f9f8fd}.login-intro{padding:clamp(24px,8vw,100px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 8% 100%,#55428b,transparent 70%),#241d3b;color:#fff}.login-intro .brand{margin-bottom:26px}.login-intro h1{font-size:clamp(35px,6vw,62px);line-height:1.05;max-width:530px}.login-intro p{margin-top:14px;max-width:400px;color:#d8cfed;font-size:16px}.login-form{display:grid;place-items:center;padding:28px}.login-form form{width:min(100%,390px);display:grid;gap:8px}.login-form h2{font-size:26px}.login-form p:not(.form-error){color:var(--muted);margin-bottom:12px}
@media(max-height:680px){.sidebar{padding-top:12px}.sidebar .brand{padding-bottom:13px}.sidebar nav{gap:8px;padding-bottom:8px}.nav-link{min-height:34px;padding-top:6px;padding-bottom:6px}.side-label{margin-bottom:5px}}
@media(max-width:1120px){:root{--side:207px}.nav-link{font-size:13px}.inbox-shell{grid-template-columns:minmax(218px,250px) minmax(0,1fr)}.chat-details{display:none;position:absolute;right:0;top:calc(var(--top) + 63px);bottom:0;width:230px;background:white;z-index:4;box-shadow:-6px 0 20px #15274619}.inbox-shell.details-open .chat-details{display:block}.details-toggle{display:inline-flex!important}.inbox-empty{grid-column:auto}}
@media(max-width:780px){.shell{display:block}.sidebar{position:fixed;width:232px;left:0;visibility:hidden;transform:translateX(-100%);transition:transform .2s}.shell.nav-open .sidebar{visibility:visible;transform:none}.shell.nav-open .scrim{display:block!important;position:fixed;inset:0;background:#1721375e;border:0;z-index:8}.mobile-only{display:inline-grid!important}.topbar{padding:0 10px}.crumb{gap:5px}.crumb>span,.crumb>svg{display:none}.top-actions{gap:5px}.top-help{display:none}.grid{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.actions{justify-content:flex-start}.board-lane{flex-basis:220px}.table-wrap th,.table-wrap td{padding-left:10px;padding-right:10px}}
@media(max-width:540px){:root{--top:55px}#view{padding:16px 11px 22px}.top-actions .channel-pill{font-size:9px;padding:5px}.top-actions .icon-btn{width:29px}.profile{width:30px;height:30px}.crumb strong{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-shell{display:block}.chat-list{height:100%}.inbox-empty,.chat-panel{display:none}.chat-mobile-open .chat-list{display:none}.chat-mobile-open .chat-panel{display:flex;height:100%}.back-chat{display:inline-grid!important;width:27px;font-size:28px}.chat-head{padding:6px;gap:5px}.chat-head .badge{display:none}.chat-head .avatar{width:28px;height:28px}.chat-head strong{font-size:12px}.chat-head small{font-size:10px}.login-layout{grid-template-columns:1fr}.login-intro{padding:25px}.login-intro h1{font-size:35px}.login-intro p{font-size:13px}.page-head h1{font-size:26px}.toolbar{padding:9px}.toolbar .quiet{white-space:nowrap;font-size:12px}}

.web-channel-summary p {
  margin-top: 8px;
}
.login-options {
  width: min(100%, 440px);
  display: grid;
  gap: 8px;
  padding: clamp(18px, 4vw, 33px);
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 36px #34255d0d;
}
.login-options form { width: 100%; }
.login-options .field input, .login-options form > .btn { min-height: 43px; }
.login-options input[autocomplete="one-time-code"] { font-variant-numeric: tabular-nums; letter-spacing: .18em; }
.login-options .google-login {
  min-height: 44px;
  color: var(--ink);
}
.login-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
}
.login-divider::before,
.login-divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--line);
}
.channel-pill > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.channel-pill > i {
  flex: 0 0 7px;
}
.web-pair {
  display: grid;
  gap: 12px;
}
.web-pair [data-web-detail]:empty {
  display: none;
}
.web-pair-code {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  text-align: center;
}
.web-pair-code img {
  display: block;
  margin: 0 auto 8px;
  width: min(100%, 256px);
  height: auto;
  aspect-ratio: 1;
}
.web-pair-actions {
  justify-content: flex-start;
}
.web-pilot {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 10px 13px;
}
.web-pilot .field {
  margin: 0;
}
.web-pilot textarea {
  font-variant-numeric: tabular-nums;
}
.web-template-body {
  margin-top: 4px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.broadcast-notice {
  margin-bottom: 14px;
}
@media (max-width: 540px) {
  .channel-pill {
    max-width: min(36vw, 185px);
  }
}

@media (max-width: 360px) {
  .top-actions .channel-pill { max-width: 31vw; }
  .crumb strong { max-width: 108px; }
}
@media (prefers-reduced-motion: reduce) {
  .sidebar, #toast { transition: none; }
}