:root{--bg:#090e19;--side:#0b1221;--card:#121d30;--card2:#172338;--border:#263348;--text:#f0f5ff;--muted:#8d9ab0;--accent:#51e7c5;--blue:#86aaff;--purple:#b6a2ff;--orange:#ffbe79;--red:#ff8e98;--r:17px;--shadow:0 22px 60px rgba(0,0,0,.26)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#shell{display:flex;min-height:100vh}aside{width:253px;min-width:253px;background:var(--side);border-right:1px solid #1e293d;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:30;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:27px 22px 22px}.mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#54e9cb,#448af6 90%);color:#091623;font-weight:900;font-size:20px;box-shadow:0 0 22px #4adfc421}.brand-text strong{display:block;font-size:17px;letter-spacing:1.35px}.brand-text small{display:block;color:var(--muted);font-size:10px;margin-top:3px;letter-spacing:.8px}.workspace{margin:0 14px 25px;padding:10px 11px;border-radius:12px;border:1px solid var(--border);background:#111a2b}.workspace label{display:block;text-transform:uppercase;font-size:10px;color:#7587a1;letter-spacing:1.2px;margin-bottom:5px}.workspace select{background:transparent;border:0;color:#eaf3ff;width:100%;font-weight:700;font-size:13px;appearance:none;cursor:pointer}.workspace option{color:#172032}.section-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#64748f;text-transform:uppercase;margin:0 23px 11px}.nav{display:flex;flex-direction:column;gap:3px;padding:0 12px}.nav-btn{width:100%;border:0;background:transparent;text-align:left;color:#94a3bb;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;font-weight:580;font-size:13px;transition:background .15s,color .15s}.nav-btn:hover{background:#182338;color:#f1f5ff}.nav-btn.active{background:linear-gradient(90deg,#1d3a48,#162836);color:#73efd2}.nav-btn.active:before{content:"";width:3px;height:25px;background:var(--accent);position:absolute;left:0;border-radius:0 5px 5px 0}.nav-btn .pill{font-size:10px;background:#273447;color:#a7bbd2;padding:3px 7px;border-radius:7px;margin-left:auto}.side-bottom{margin-top:auto;padding:18px 15px 18px}.assist-box{border-radius:14px;padding:15px;background:linear-gradient(130deg,#162b39,#182337);border:1px solid #2d4c58}.assist-top{font-weight:750;display:flex;align-items:center;gap:8px}.status-dot{height:8px;width:8px;border-radius:50%;background:#ffbf71;box-shadow:0 0 0 3px #ffbf7122;display:inline-block}.assist-box p{color:#9bb0c6;line-height:1.55;font-size:11px;margin:9px 0 0}.avatar-row{display:flex;align-items:center;gap:9px;margin-top:18px;padding:4px 5px}.avatar{height:33px;width:33px;border-radius:50%;background:#344763;display:grid;place-items:center;font-weight:900;color:#dde8ff;font-size:12px}.avatar-row strong{display:block;font-size:12px}.avatar-row small{display:block;color:#8290a8;font-size:11px;margin-top:3px}.main{flex:1;min-width:0}.topbar{height:75px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2a3c;padding:0 34px;background:#0b1220;gap:15px}.breadcrumbs{font-size:12px;color:#98a9bf;display:flex;align-items:center;gap:8px}.breadcrumbs strong{color:#eaf4ff;font-weight:650}.top-actions{display:flex;align-items:center;gap:12px}.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #304c53;background:#173038;color:#78ebcd;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:700}.tag.warn{border-color:#6c4e34;background:#35291d;color:#ffbe73}.circle-btn{border:1px solid var(--border);color:#b3c0d3;background:#162135;height:35px;width:35px;border-radius:10px;display:grid;place-items:center}.top-avatar{height:35px;width:35px;border-radius:11px;background:#29415d;color:#dceeff;display:grid;place-items:center;font-weight:800;font-size:11px}main{padding:31px 35px 52px;max-width:1650px;margin:auto}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;font-weight:800;text-transform:uppercase;margin:0 0 10px}.heading{font-size:31px;font-weight:790;letter-spacing:-1.1px;line-height:1.2;margin:0}.subheading{font-size:13px;color:#98a7bc;line-height:1.7;margin:10px 0 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 14px}.section-head h2{margin:0;font-size:16px;letter-spacing:-.2px}.light-link{font-size:12px;color:#83c6ff;border:0;background:transparent}.button{border-radius:11px;border:1px solid #30435a;padding:11px 15px;color:#dce8f9;background:#1a2a40;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:12px}.button.primary{background:linear-gradient(120deg,#4be6c4,#59b9e9);border:0;color:#102436}.button:hover{filter:brightness(1.1)}.button.small{padding:7px 10px;font-size:11px}.button.ghost{background:transparent;border:1px solid #28394e}.button.caution{color:#f5b4a9;border-color:#754745;background:#38252a}.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#131e30;border:1px solid #26354b;border-radius:var(--r);padding:19px 20px;min-height:142px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:110px;height:110px;right:-50px;top:-55px;border-radius:50%;background:#57dfbd0c}.metric .metatop{display:flex;justify-content:space-between;align-items:center;color:#9eaec4;font-size:12px}.metric .metric-icon{height:30px;width:30px;border-radius:9px;background:#203647;display:grid;place-items:center;color:#77e7cf}.metric strong{display:block;font-size:31px;line-height:1.25;margin-top:15px;letter-spacing:-1px}.metric small{display:block;color:#7f91ac;font-size:11px;margin-top:6px}.metric .trend{color:#66e2b7}.hero{border:1px solid #32525e;border-radius:21px;padding:29px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px;overflow:hidden;position:relative;background:radial-gradient(circle at 87% 20%,#294f67 0%,transparent 42%),linear-gradient(115deg,#13323a,#152438 70%);margin-bottom:23px}.hero:after{content:"";position:absolute;right:180px;bottom:-125px;width:275px;height:275px;border:1px solid #75f3d131;border-radius:50%;box-shadow:0 0 0 40px #65dcbe0b,0 0 0 90px #65dcbe07;pointer-events:none}.hero h2{font-size:27px;line-height:1.22;letter-spacing:-.7px;margin:2px 0 11px}.hero p{color:#a9c0d1;font-size:13px;line-height:1.65;margin:0 0 20px;max-width:560px}.hero .hero-side{z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;min-width:235px}.orb{border-radius:13px;border:1px solid #4b6b75;background:#1b38447a;padding:14px;min-width:104px}.orb strong{display:block;font-size:23px;margin-bottom:5px}.orb small{font-size:10px;color:#afc7d2}.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,1fr);gap:18px;margin-top:3px}.panel{border:1px solid #25344a;background:#121d30;border-radius:var(--r);padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel h3{font-size:14px;margin:0;font-weight:750}.project-list{display:flex;flex-direction:column;gap:15px}.project-item{border:1px solid #2a3b51;background:#162338;border-radius:12px;padding:15px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.project-item strong{font-size:13px}.muted{color:#8496ad}.smalltext{font-size:11px}.progress{height:6px;border-radius:9px;background:#2a3b51;margin-top:15px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#49dec2,#69abf8);border-radius:9px}.project-foot{margin-top:9px;display:flex;justify-content:space-between;font-size:11px;color:#9eacc3}.status{font-size:10px;border-radius:6px;padding:5px 8px;background:#283a4d;color:#bcd5ec;white-space:nowrap}.status.active{background:#24493f;color:#73ecc9}.status.pending{background:#443728;color:#fac58e}.timeline{display:flex;flex-direction:column;gap:0}.time-item{display:flex;gap:12px;padding-bottom:22px;position:relative}.time-item:not(:last-child):before{content:"";position:absolute;top:32px;bottom:0;left:15px;width:1px;background:#304159}.time-dot{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#223852;color:#8cbbff}.time-item b{display:block;font-size:12px;line-height:1.5}.time-item p{color:#8d9eb8;font-size:11px;margin:4px 0}.time-item time{font-size:10px;color:#60758f}.agent-avatars{display:flex;flex-wrap:wrap;gap:7px}.agent-dot{background:#20304a;border:1px solid #3d506d;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700;color:#baccde}.agent-dot i{font-style:normal;margin-right:7px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0}.toolbar-actions{display:flex;align-items:center;gap:9px}.input,.select,.textarea{background:#141f31;border:1px solid #33455c;border-radius:10px;color:#edf3ff;padding:11px 12px;width:100%}.input::placeholder,.textarea::placeholder{color:#657790}.input.compact{width:260px}.select{cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px}.project-card{padding:20px;background:#131f31;border:1px solid #293c51;border-radius:16px;display:flex;flex-direction:column;gap:12px}.proj-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:#234038;color:#84e2c6}.project-card h3{font-size:16px;margin:3px 0 0}.project-card p{font-size:12px;color:#9daec2;line-height:1.55;margin:0;min-height:36px}.kpi-row{display:flex;justify-content:space-between;align-items:center;color:#8fa0b7;font-size:12px}.taskboard{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:15px;margin-top:18px}.task-column{border:1px solid #26354b;background:#111b2b;border-radius:16px;padding:15px;min-height:360px}.task-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700}.task-count{font-size:11px;border-radius:7px;background:#263750;color:#b4c4d7;padding:4px 7px}.task-card{padding:14px;background:#1a293e;border:1px solid #33475f;border-radius:11px;margin-bottom:11px}.task-card strong{font-size:13px;line-height:1.55;display:block}.task-card p{font-size:11px;color:#8b9bb1;line-height:1.5}.task-card select{margin-top:8px;background:#243750;border:1px solid #3b4f6a;border-radius:8px;color:#c2d1e4;font-size:11px;padding:7px;width:100%}.task-label{font-size:10px;font-weight:750;letter-spacing:.3px;color:#f8c68a;margin-bottom:8px;display:block}.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 245px;min-height:640px;border:1px solid #2a3b53;border-radius:19px;overflow:hidden;margin-top:21px;background:#121d30}.chat-sidebar{border-right:1px solid #29394e;background:#111a2a;padding:15px}.chat-sidebar h3,.chat-right h3{font-size:12px;color:#cad7e9;margin:10px 0 14px}.thread{width:100%;display:block;padding:12px;border:1px solid transparent;background:transparent;color:#8e9eb7;text-align:left;border-radius:10px;margin:5px 0;font-size:12px}.thread strong{display:block;font-size:12px;color:inherit;margin-bottom:7px}.thread small{display:block;font-size:10px;color:#788ba6;line-height:1.45}.thread.active{background:#1e3045;border-color:#33516b;color:#d9f5ef}.chat-mid{display:flex;flex-direction:column;min-width:0}.chat-title{padding:18px 21px;border-bottom:1px solid #2a3b52;display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-title h3{margin:0;font-size:15px}.chat-title small{color:#92a3b7;display:block;margin-top:5px}.messages{padding:25px 22px;flex:1;overflow:auto;max-height:495px;min-height:390px}.message{display:flex;gap:11px;margin-bottom:22px;align-items:flex-start}.message.me{flex-direction:row-reverse}.message .bubble{background:#1b2b40;border:1px solid #2f455b;padding:12px 15px;border-radius:3px 14px 14px 14px;max-width:88%;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message.me .bubble{background:#1a4045;border-color:#2c6968;border-radius:14px 3px 14px 14px}.bubble .by{display:block;font-weight:800;color:#9bdff1;font-size:11px;margin-bottom:5px}.message.me .by{color:#9af0cf}.note{background:#182c36;border:1px solid #2b5054;color:#a7d6ce;font-size:11px;padding:10px 12px;border-radius:10px;line-height:1.6}.compose{padding:13px 19px 19px;border-top:1px solid #29394e}.compose textarea{width:100%;resize:vertical;min-height:65px;max-height:145px;background:#111c2c;border:1px solid #34465b;border-radius:11px;padding:12px;color:#ebf4ff;outline:none}.compose-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.chat-right{border-left:1px solid #29394e;background:#111a2a;padding:15px}.person{display:flex;align-items:center;gap:10px;padding:10px 5px;border-bottom:1px solid #243448}.person .personicon{height:33px;width:33px;border-radius:9px;background:#243e52;display:grid;place-items:center;color:#9fead6;font-size:16px}.person strong{font-size:12px;display:block}.person small{color:#7890ab;font-size:10px;display:block;margin-top:4px}.ai-card{padding:21px;border:1px solid #2d4056;border-radius:16px;background:#132034;display:flex;flex-direction:column;gap:13px}.ai-card .agent-name{font-size:17px;font-weight:800}.ai-card p{color:#9aacc2;font-size:12px;line-height:1.6;min-height:52px;margin:0}.ai-card .skills{font-size:11px;color:#b8c8df;background:#1f3046;padding:9px 10px;border-radius:8px}.ai-card .button{margin-top:auto}.workflow{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-top:18px}.step{padding:17px;border-radius:13px;background:#1b2a3d;border:1px solid #35475d;position:relative}.step strong{display:block;font-size:12px;margin:9px 0}.step small{display:block;color:#93a6bc;font-size:11px;line-height:1.5}.step .number{height:27px;width:27px;border-radius:8px;background:#2c5760;color:#97e6d8;display:grid;place-items:center;font-weight:900;font-size:12px}.automation{border:1px solid #32455a;border-radius:14px;padding:18px;background:#172438;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:11px 0}.automation strong{font-size:13px}.automation p{margin:8px 0 0;color:#91a4ba;font-size:11px;line-height:1.6}.switch{height:25px;width:44px;flex-shrink:0;border:1px solid #46556a;background:#2d3848;border-radius:25px;position:relative;cursor:pointer}.switch:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#a1afc0;transition:transform .15s}.switch.on{background:#2b796d;border-color:#439d8b}.switch.on:before{transform:translateX(18px);background:#b1ffeb}.document{padding:17px;border:1px solid #2b3f54;background:#172539;border-radius:12px;display:flex;align-items:center;gap:13px}.document .filename{font-size:13px;font-weight:750}.document .fileinfo{font-size:11px;color:#92a7be;margin-top:6px}.chart{height:220px;display:flex;align-items:flex-end;justify-content:space-around;gap:20px;border-bottom:1px solid #3e5064;padding:15px 15px 0}.bar{flex:1;max-width:95px;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#338d96,#61e2be);min-height:8%;position:relative}.bar .barlabel{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);color:#9baec0;font-size:11px}.bar b{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:11px}.provider{border:1px solid #2b3b53;background:#182438;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:9px}.provider-name{font-weight:800;font-size:13px}.provider small{display:block;color:#8fa2b6;font-size:11px;margin-top:5px;line-height:1.5}.warning{font-size:12px;line-height:1.7;color:#e2c29d;background:#332b22;border:1px solid #59482e;border-radius:11px;padding:13px 15px;margin-top:14px}.modal-backdrop{position:fixed;inset:0;background:#02050dc9;z-index:100;display:grid;place-items:center;padding:15px;backdrop-filter:blur(5px)}.modal{background:#162338;border:1px solid #385169;border-radius:19px;box-shadow:var(--shadow);padding:25px;width:min(530px,100%)}.modal h3{margin:0 0 8px;font-size:19px}.modal p{font-size:12px;color:#a1b3c7;line-height:1.6}.field{margin-top:16px}.field label{display:block;font-size:11px;font-weight:750;color:#b5c5d7;margin-bottom:7px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;bottom:23px;right:23px;background:#244c49;color:#d4fff3;border:1px solid #459488;padding:13px 17px;border-radius:11px;z-index:110;box-shadow:var(--shadow);font-size:12px;max-width:320px}.mobilemenu{display:none}#modal-root{position:relative;z-index:99}.empty{padding:45px 10px;text-align:center;color:#93a4bb;font-size:13px}.demo-text{color:#a5b6c7;font-size:11px}.hide{display:none!important}@media(max-width:1320px){.chat-layout{grid-template-columns:205px minmax(0,1fr)}.chat-right{display:none}.cards4{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media(max-width:1000px){.lower-grid{grid-template-columns:1fr}.hero .hero-side{display:none}main{padding:26px 22px}.taskboard{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}}@media(max-width:770px){aside{position:fixed;left:-260px;transition:left .2s}.show-menu aside{left:0}main{padding:22px 15px}.mobilemenu{display:grid}.topbar{height:64px;padding:0 14px}.tag{display:none}.heading{font-size:26px}.hero{padding:24px}.hero h2{font-size:22px}.cards4,.card-grid,.taskboard{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.chat-right{display:none}.workflow{grid-template-columns:1fr 1fr}.input.compact{width:100%}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.modal{padding:19px}}

/* DIARY ONE V0.3: connected customer experience, all numbers marked as synthetic */
.demo-ribbon{border:1px solid #8c693d;background:rgba(255,190,121,.08);padding:12px 16px;border-radius:12px;color:#ffe1b3;font-size:12px;line-height:1.65;margin:18px 0}
.inbox-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(360px,1.3fr) minmax(230px,.8fr);gap:16px;margin-top:22px;min-height:580px}.inbox-column{background:var(--card);border:1px solid var(--border);border-radius:17px;padding:18px;min-width:0}.inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.channel-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 17px}.filter-chip{cursor:pointer;color:var(--muted);border:1px solid var(--border);background:#182539;border-radius:8px;padding:7px 10px;font-size:11px}.filter-chip.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.inbox-item{width:100%;display:block;text-align:left;background:none;color:var(--text);border:1px solid transparent;border-radius:12px;padding:12px;cursor:pointer;margin-bottom:7px}.inbox-item:hover,.inbox-item.active{background:#1b2a40;border-color:#344761}.inbox-item .rowline{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:4px}.tiny{font-size:11px;color:var(--muted);line-height:1.6}.dialog-msg{max-width:86%;padding:12px 14px;border-radius:13px;background:#26354a;margin:11px 0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-msg.mine{margin-left:auto;background:#184b4a;border:1px solid #236c62}.dialog-history{height:310px;overflow:auto;padding:5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:14px 0}.form-stack{display:grid;gap:10px}.form-stack textarea{min-height:77px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.compact-field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:12px}.compact-field label{color:var(--muted)}.compact-field select{max-width:160px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.note-card{border:1px solid var(--border);background:#162237;border-radius:11px;padding:12px;margin-top:12px;font-size:12px;line-height:1.7}.mini-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:12px}.mini-table td,.mini-table th{border-bottom:1px solid var(--border);padding:12px;text-align:left}.mini-table th{color:var(--muted);font-weight:600}.mini-table td.num,.mini-table th.num{text-align:right;font-variant-numeric:tabular-nums}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.stat-card{padding:17px;border:1px solid var(--border);background:#142038;border-radius:15px}.stat-card strong{display:block;font-size:23px;margin-top:8px}.stat-card small{font-size:11px;color:var(--muted)}.bar-track{height:9px;width:100%;background:#263850;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#51e7c5,#8fa8ff);border-radius:99px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout-section{background:var(--card);border:1px solid var(--border);border-radius:17px;padding:18px}.layout-section h3{margin:0 0 14px}.muted-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#90a1b7}.intent-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.intent-buttons button{background:#1c2c44;color:#dde8f8;border:1px solid var(--border);padding:8px;border-radius:8px;cursor:pointer}.test-dialog{min-height:260px;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;padding:14px}.test-dialog p{margin:9px 0;padding:10px;background:#1c2b42;border-radius:9px;font-size:12px;line-height:1.65}.test-dialog p.me{background:#13534f;margin-left:24px}.client-table-wrap{overflow:auto}.client-select{background:#18283f;color:var(--text);border:1px solid #334660;border-radius:8px;padding:7px 9px;max-width:180px}.customer-360{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.customer-360 span{border:1px solid var(--border);border-radius:10px;padding:9px 12px;color:var(--muted);font-size:12px}@media(max-width:1200px){.inbox-grid{grid-template-columns:270px minmax(0,1fr)}.inbox-grid>.inbox-column:last-child{grid-column:1 / -1}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.inbox-grid,.two-panels{display:grid;grid-template-columns:minmax(0,1fr)}.inbox-grid>.inbox-column:last-child{grid-column:auto}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-table{font-size:11px}.mini-table th,.mini-table td{padding:8px}.inbox-grid{min-height:0}}

/* Keep DIARY ONE reference visual language; connected UI rules follow */