*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f4f4f5;display:flex;min-height:100vh;align-items:flex-start}
.side{width:220px;background:var(--dark);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:10px;align-items:center;padding:16px;border-bottom:3px solid var(--primary)}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.brand small{display:block;opacity:.75;font-size:12px}
nav{display:flex;flex-direction:column;padding:8px 0;flex:1}nav a{color:#ddd;text-decoration:none;padding:9px 16px;border-left:3px solid transparent}nav a:hover{background:#ffffff14}nav a.on{border-left-color:var(--primary);background:#ffffff1f;color:#fff;font-weight:600}nav a.soon{opacity:.55}nav em{font-size:10px;background:#ffffff26;padding:1px 5px;border-radius:8px;font-style:normal}
.me{padding:12px 16px;font-size:12px;opacity:.85}.me select{width:100%;margin-bottom:6px}
main{flex:1;padding:24px 28px;min-width:0}main.center{display:flex;align-items:center;justify-content:center}
h1{margin:0 0 14px;font-size:22px}h1 small{font-weight:400;color:#666;font-size:14px}
.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0001;margin-bottom:16px}
.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tabs a{padding:7px 12px;border-radius:6px 6px 0 0;background:#e4e4e7;color:#333;text-decoration:none;border-bottom:3px solid transparent}.tabs a.on{background:#fff;border-bottom-color:var(--primary);font-weight:600}.tabs b{background:var(--primary);color:#fff;border-radius:10px;padding:0 7px;font-size:12px;margin-left:4px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #eee;vertical-align:top}th{background:#fafafa;font-size:12px;text-transform:uppercase;color:#555}
.pill{display:inline-block;background:#f1f1f1;border-radius:10px;padding:0 7px;margin:1px;font-size:12px}.pill.ok{background:#e3f6e8;color:#11632b}.pill.no{background:#fde7e7;color:#8a1010}.pill.ex{background:#fff4d6;color:#7a5600}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px}.filters label{display:flex;flex-direction:column;font-size:12px;color:#555}
input,select,textarea{font:inherit;padding:6px 8px;border:1px solid #ccc;border-radius:5px;background:#fff}select[multiple]{min-height:90px}
.btn{background:var(--primary);color:#fff;border:0;border-radius:5px;padding:8px 14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.btn.sec{background:#444}.link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 label{display:flex;flex-direction:column;gap:3px}.full{grid-column:1/-1}fieldset{border:1px solid #ddd;border-radius:6px}label.chk{display:inline-flex!important;flex-direction:row!important;gap:5px;align-items:center;margin-right:12px}
.flash{background:#fff7d6;border:1px solid #f0d675;padding:10px 14px;border-radius:6px;margin-bottom:14px}.dry{background:#fff4d6;border:1px solid #f0c64a;padding:8px 12px;border-radius:6px}
.count{font-size:28px;font-weight:700;color:var(--primary)}pre{white-space:pre-wrap;background:#f7f7f7;padding:10px;border-radius:6px}
.login{width:340px}.login img{max-width:140px;display:block;margin:0 auto 10px}a{color:var(--primary)}
.foot{margin-top:30px;font-size:12px;color:#777;text-align:center}main.center{flex-direction:column}
.login img{max-width:200px;background:var(--dark);padding:10px;border-radius:8px}
.badge{background:#e11d48;color:#fff;border-radius:10px;padding:0 7px;font-size:11px;font-weight:700;margin-left:4px}
.tl{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tl span{padding:3px 9px;border-radius:12px;background:#eee;font-size:12px}.tl span.done{background:var(--primary);color:#fff}
.thread{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}.msg{padding:8px 10px;border-radius:8px;max-width:85%}.msg.in{background:#f1f5f9;align-self:flex-start}.msg.out{background:var(--primary);color:#fff;align-self:flex-end}.msg small{display:block;opacity:.75;font-size:11px}
.linkbox{font-family:monospace;font-size:12px;word-break:break-all;background:#f7f7f7;padding:6px;border-radius:4px}.priv{background:#fde7e7;color:#8a1010;font-size:11px;padding:0 6px;border-radius:8px}
@media(max-width:800px){body{flex-direction:column}.side{width:100%;height:auto;position:static}.grid2{grid-template-columns:1fr}main{padding:14px}}
/* Load Board */
.lb-search fieldset.eq{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}.lb-search fieldset.eq legend{font-size:12px;color:#555;padding:0}
.lb-meta{margin:0 0 8px;color:#555}.lb-wrap{overflow-x:auto;border-radius:8px;box-shadow:0 1px 2px #0001;margin-bottom:16px}
table.lb{font-size:13px;white-space:nowrap}table.lb td small{white-space:normal;color:#666}table.lb th a.sort{color:#555;text-decoration:none}table.lb th a.sort.on{color:var(--primary)}
table.lb tr:hover td{background:#fafcff}table.lb tr.demo td{background:#fffdf3}table.lb td.brk{white-space:normal;min-width:170px;max-width:230px}table.lb td.em{white-space:normal;word-break:break-all;max-width:150px}
table.lb .acts{position:sticky;right:0;background:#fff;box-shadow:-6px 0 8px -6px #0003}table.lb tr.demo td.acts{background:#fffdf3}table.lb th.acts{background:#fafafa}table.lb td.acts div{display:flex;flex-direction:column;gap:3px}table.lb td.acts .btn{text-align:center}
.btn.sm{padding:4px 9px;font-size:12px;border-radius:4px}.btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--primary)}
.demo-banner{margin-bottom:12px}
@media(max-width:800px){main{width:100%;max-width:100vw}.lb-search{flex-direction:column;align-items:stretch}.lb-search input,.lb-search select{width:100%}}
.qr svg{width:220px;height:220px;background:#fff;padding:8px;border-radius:8px}pre.codes{font-size:18px;letter-spacing:1px;columns:2;max-width:360px}
/* RingCentral click-to-call pill */
.call-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 9px;margin-left:4px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:18px;text-decoration:none;color:#fff;background:#34c759;vertical-align:middle;white-space:nowrap;transition:filter .15s}
.call-pill:hover{filter:brightness(1.08);text-decoration:none}
label .call-pill{margin-top:4px;align-self:flex-start}