:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f6f8fb;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{border:1px solid #ced8e2;border-radius:6px;background:#fff;color:#17202a;outline:none}input:focus,textarea:focus,select:focus{border-color:#00858a;box-shadow:0 0 0 3px #00858a1f}.login{min-height:100vh;display:grid;place-items:center;background:#f6f8fb}.login-panel{width:min(430px,calc(100vw - 32px));background:#fff;border:1px solid #dbe2ea;border-radius:8px;padding:32px;box-shadow:0 18px 50px #1f293714}.brand{display:flex;align-items:center;gap:14px;color:#007f86}.brand h1{margin:0;font-size:19px;line-height:1.15;color:#17202a;letter-spacing:0}.brand p{margin:2px 0 0;color:#607080;font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid #dfe5eb;padding:26px 16px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}nav{display:grid;gap:7px}nav button{height:44px;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:8px;color:#293541;background:transparent;font-weight:700;text-align:left}nav button.active,nav button:hover{background:#e7f5f4;color:#007f86}.usage{margin-top:auto;border:1px solid #dfe5eb;border-radius:8px;padding:16px;display:grid;gap:12px;font-size:13px}.usage div{height:8px;background:linear-gradient(90deg,#00858a 0 48%,#edf1f4 48%);border-radius:99px}.usage button{border:1px solid #dfe5eb;background:#fff;border-radius:6px;padding:10px;color:#293541}.workspace{min-width:0}.topbar{min-height:84px;background:#fff;border-bottom:1px solid #dfe5eb;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px}.title-block{display:flex;align-items:center;gap:14px;min-width:260px}.title-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#e7f5f4;color:#007f86}.title-block h2{margin:0;font-size:23px;letter-spacing:0}.title-block p{margin:3px 0 0;color:#607080;font-size:13px;line-height:1.35}.top-actions{display:flex;align-items:center;gap:14px;min-width:0}.business-select{display:grid;gap:5px;color:#607080;font-size:12px;font-weight:700}.business-select select{min-width:260px;padding:9px 34px 9px 11px;font-weight:600}.mock-indicator{display:inline-flex;align-items:center;gap:6px;color:#8a5500;background:#fff5df;border:1px solid #f2d38e;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:800;white-space:nowrap}.profile{display:flex;align-items:center;gap:12px;font-weight:800;min-width:0}.profile span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile button{background:transparent;color:#506070;display:grid;place-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f5f4;color:#007f86;border:1px solid #b8dedc;font-weight:900;flex:0 0 auto}.page{padding:28px 32px 40px;display:grid;gap:18px}.page-loading{min-height:420px;display:flex;align-items:center;justify-content:center;gap:12px;color:#607080;font-weight:800}.notice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #f0d28d;background:#fff8e8;color:#7a4b00;border-radius:8px;font-size:13px;font-weight:700}.panel{background:#fff;border:1px solid #dbe2ea;border-radius:8px;box-shadow:0 10px 26px #1f29370a}.two-column{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:20px;align-items:start}.two-column.wide-left{grid-template-columns:minmax(520px,1.35fr) minmax(330px,.65fr)}.form-panel{padding:20px;display:grid;gap:16px}.table-panel{padding:18px;overflow:hidden}.panel h3,.table-panel h3,.form-panel h3{margin:0 0 18px;font-size:16px;display:flex;align-items:center;gap:10px;letter-spacing:0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-toolbar h3{margin:0}.field{display:grid;gap:8px;font-size:13px;font-weight:800;color:#2b3743}.field input,.field textarea,.field select{width:100%;padding:11px 12px;font-weight:550}.field textarea{min-height:88px;resize:vertical;line-height:1.45}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 16px;font-weight:900;min-height:40px}.primary{background:#00858a;color:#fff}.primary:hover{background:#007178}.secondary{background:#edf7f6;color:#007f86;border:1px solid #b8dedc}.secondary:hover{background:#e1f1f0}.wide{width:100%;margin-top:26px}.wide.compact{margin-top:10px}.align-right{justify-self:end}.toggle{width:fit-content;display:flex;align-items:center;gap:8px;background:transparent;color:#007f86;font-weight:800;padding:0}.config-note,.error-note{margin:16px 0 0;padding:12px;border-radius:8px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.config-note{border:1px solid #f0d28d;background:#fff8e8;color:#7a4b00}.error-note{border:1px solid #f1b4b4;background:#fff1f1;color:#9f1d1d}.item-list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;gap:16px;border:1px solid #e3e9ef;border-radius:8px;padding:14px;background:#fff}.list-row strong{display:block;margin-bottom:5px;color:#17202a}.list-row p{margin:0 0 7px;color:#40505f;line-height:1.42;font-size:13px}.list-row span{color:#72808e;font-size:12px}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.row-actions button{background:transparent;color:#506070}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 8px;color:#607080;font-size:12px;border-bottom:1px solid #e6ecf2}td{padding:13px 8px;border-bottom:1px solid #edf1f4;vertical-align:middle}td strong{display:block;margin-bottom:4px}td span{display:block;color:#607080;font-size:12px;line-height:1.35}tr:last-child td{border-bottom:0}tbody tr{cursor:default}tbody tr:hover,.selected-row{background:#f7fbfb}td button{background:transparent;color:#007f86;font-weight:800}.badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:900;text-transform:capitalize;white-space:nowrap}.badge.green{background:#dff7ea;color:#10683d}.badge.amber{background:#fff0d6;color:#9a5a00}.badge.red{background:#ffe3e3;color:#a12020}.badge.gray{background:#eef2f5;color:#52606d}.inbox-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.inbox-list{padding:14px;display:grid;gap:10px}.search-box{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:0 10px;height:42px;border:1px solid #dbe2ea;border-radius:8px;color:#607080}.search-box input{border:0;padding:0;box-shadow:none}.segmented{display:grid;grid-template-columns:repeat(4,1fr);background:#eef2f5;padding:4px;border-radius:8px;gap:4px}.segmented button{background:transparent;border-radius:6px;padding:8px 6px;color:#52606d;font-size:12px;font-weight:800;text-transform:capitalize}.segmented button.active{background:#fff;color:#007f86;box-shadow:0 1px 4px #1f293714}.conversation-item{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #e4eaf0;border-radius:8px;padding:12px}.conversation-item.active,.conversation-item:hover{border-color:#91cecc;background:#f2fbfa}.conversation-item strong{display:block;margin-bottom:5px}.conversation-item span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#607080;font-size:12px;line-height:1.35}.conversation-item small{color:#7b8794;font-weight:800;white-space:nowrap}.thread-panel{overflow:hidden}.thread-head{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #dfe5eb}.thread-head h3{margin:0 0 3px}.thread-head p{margin:0;color:#607080;font-size:13px}.chat{overflow:hidden}.panel-head{height:52px;border-bottom:1px solid #dfe5eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.panel-head h3{margin:0}.panel-head button{background:transparent;color:#506070}.chat-body{min-height:220px;background:#fbf6ef;padding:24px 18px;display:grid;align-content:start;gap:12px}.chat-body.tall{min-height:420px;max-height:520px;overflow:auto}.bubble{margin:0;max-width:76%;padding:12px 14px;border-radius:8px;box-shadow:0 4px 14px #1f293714;line-height:1.4;font-size:14px}.bubble span{display:block;margin-top:6px;color:#7b8794;font-size:11px;text-align:right}.bubble.customer{justify-self:end;background:#dcf8d2}.bubble.bot{justify-self:start;background:#fff}.chat-input{display:grid;grid-template-columns:1fr 44px;gap:10px;padding:12px 16px;border-top:1px solid #dfe5eb}.chat-input input{padding:12px}.chat-input button{border-radius:6px;background:#00858a;color:#fff;display:grid;place-items:center}.detail-panel{position:sticky;top:104px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #edf1f4;padding:10px 0}.info-row span{color:#607080;font-size:13px}.info-row strong{text-align:right;font-size:13px;overflow-wrap:anywhere}.check-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e3e9ef;border-radius:8px;padding:11px;color:#40505f;font-weight:800}.check-row svg{color:#00858a}.check-row strong{display:block;font-size:13px;color:#17202a}.check-row span{display:block;margin-top:3px;color:#607080;font-size:12px;font-weight:650;overflow-wrap:anywhere}.check-row em{display:block;margin-top:5px;color:#8a5500;font-size:12px;font-style:normal;line-height:1.35}.readiness-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{border:1px solid #e3e9ef;border-radius:8px;padding:12px;display:grid;gap:4px}.summary-card.ready{background:#f0fbf5;border-color:#bde8cf}.summary-card.pending{background:#fff8e8;border-color:#f0d28d}.summary-card strong{font-size:13px}.summary-card span{color:#607080;font-size:12px;font-weight:800}.command-box{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;padding:10px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}.command-box code{font-size:12px;overflow-wrap:anywhere;color:#2c3945}.command-box button{height:34px;border-radius:6px;background:#fff;border:1px solid #dbe2ea;color:#007f86}.mini-heading{display:block;margin-bottom:8px;font-size:13px}.source-list{display:flex;flex-wrap:wrap;gap:8px}.source-list span{background:#eef7f7;color:#007178;border:1px solid #c7e5e4;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:800}.toast{position:fixed;right:24px;bottom:24px;background:#17202a;color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 16px 42px #0000002e;z-index:10}.loader{width:40px;height:40px;border:3px solid #dfe5eb;border-top-color:#00858a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #dfe5eb}nav{grid-template-columns:repeat(4,minmax(0,1fr))}nav button{justify-content:center;padding:0 10px;font-size:12px}.usage{display:none}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.business-select{flex:1 1 260px}.business-select select{width:100%;min-width:0}.two-column,.two-column.wide-left,.inbox-layout{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:640px){.sidebar{padding:18px 12px;gap:18px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{height:42px;justify-content:flex-start}.topbar{padding:16px}.title-block{min-width:0;align-items:flex-start}.top-actions{gap:10px}.profile{width:100%;justify-content:space-between}.page{padding:16px}.split{grid-template-columns:1fr}.list-row{display:grid}.row-actions{justify-content:flex-start}.segmented{grid-template-columns:repeat(2,1fr)}.readiness-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-body.tall{min-height:340px}.bubble{max-width:90%}table{min-width:620px}.table-panel{overflow-x:auto}}