/* innni client portal (my.innni.cc) — tokens from the site's theme */
:root{--bg:#000;--panel:#121820;--panel2:#0b0f14;--line:#1f2731;--text:#f2f5f8;--muted:#aab4bf;--dim:#6f7b88;--teal:#2fd6b4;--teal2:#1fb597;--warn:#d9a441;--red:#e2605c;--maxw:1200px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.06em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.bar{display:flex;align-items:center;justify-content:space-between;height:92px;border-bottom:1px solid var(--line)}
.bar .mark{height:40px;display:block}
.bar nav{display:flex;gap:30px;font-size:15px;font-weight:600}.bar nav a.on{color:var(--teal)}
.bar .me{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
button.link{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}button.link:hover{color:var(--teal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);color:#06211b;font-weight:700;font-size:15px;padding:12px 20px;border-radius:10px;border:0;cursor:pointer;white-space:nowrap;font-family:inherit}
.btn:hover{background:var(--teal2)}.btn.alt{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal)}.btn.alt:hover{background:rgba(47,214,180,.12)}
.btn.ghost{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.btn.sm{padding:8px 14px;font-size:13px;border-radius:8px}.btn.wide{width:100%;padding:15px;font-size:16px}
h1{font-size:40px;line-height:1.05;letter-spacing:-.025em;margin:34px 0 6px;font-weight:750}
.lead{color:var(--muted);font-size:17px;margin:0 0 30px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:22px}.card h2{margin:0 0 12px;font-size:18px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;margin:0}.kv dt{color:var(--dim)}.kv dd{margin:0}
.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.gap{margin-top:16px}
label.l{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px;font-weight:600}
input.f{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font:16px var(--font);padding:14px 16px}
input.f:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,214,180,.18)}
input.f.code{font-size:26px;letter-spacing:.3em;text-align:center;font-family:ui-monospace,Menlo,monospace}
.flash{padding:12px 16px;border-radius:10px;margin:18px 0;font-size:15px}.flash.ok{background:rgba(47,214,180,.12);color:var(--teal)}.flash.err{background:rgba(226,96,92,.12);color:#f0a09d}
.foot{padding:40px 0;color:var(--dim);font-size:13px;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px}.foot a{color:var(--muted);margin-left:18px}
/* sign-in */
body.solo{display:block}.login{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative}
.login .box{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:40px 40px 32px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.login .mark{height:40px;display:block;margin:0 auto 28px}
.login h1{font-size:26px;margin:0 0 6px;text-align:center}.login .lead{text-align:center;font-size:15px;margin-bottom:10px}
.login .foot{margin-top:22px;text-align:center;font-size:13px;color:var(--dim);padding:0;border:0;display:block}.login .foot a{color:var(--muted);margin:0}
.login .flash{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 40px))}
.or{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:13px;margin:22px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.glow{position:fixed;left:50%;top:-200px;width:1000px;height:500px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(47,214,180,.16),rgba(47,214,180,0) 65%);filter:blur(10px);pointer-events:none}
@media (max-width:760px){.grid{grid-template-columns:1fr}.bar{height:auto;padding:16px 0;flex-wrap:wrap;gap:12px}h1{font-size:30px}.login .box{padding:28px 22px}}
/* support */
.hdr{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hdr-act{padding-bottom:30px}.hdr .lead{margin-bottom:30px}
.grid.wide{grid-template-columns:1fr 340px}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 18px;flex-wrap:wrap}.tabs a{padding:10px 14px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--teal);border-color:var(--teal)}.tabs a small{color:var(--dim);font-weight:500;margin-left:6px}
table{width:100%;border-collapse:collapse;font-size:15px}th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:0 12px 10px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}tr.row:hover td{background:#161d26}
td .t{font-weight:600}td .t a:hover{color:var(--teal)}td .s{color:var(--dim);font-size:13px;margin-top:2px}.right{text-align:right}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.pill.open{background:rgba(47,214,180,.14);color:var(--teal)}.pill.wait{background:rgba(217,164,65,.16);color:var(--warn)}.pill.done{background:#1a222c;color:var(--muted)}
.thread{display:flex;flex-direction:column;gap:14px;margin:0 0 18px}.msg{display:grid;grid-template-columns:38px 1fr;gap:14px}.msg .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:#1a222c;color:var(--muted)}.msg.me .av{background:#1b5ea8;color:#fff}.msg.bot .av{background:rgba(47,214,180,.14);color:var(--teal)}
.msg .who{font-size:13px;color:var(--dim);margin-bottom:4px}.msg .who b{color:var(--text);font-weight:600}.msg .body{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;white-space:pre-wrap;word-break:break-word}.msg.me .body{background:#0f1a24;border-color:#1c3346}
.files{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.att{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#0b0f14;border:1px solid var(--line);font-size:13px;color:var(--muted)}.sys{text-align:center;font-size:13px;color:var(--dim)}
.reply textarea{width:100%;min-height:110px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--text);font:15px/1.5 var(--font);padding:14px;resize:vertical}.reply textarea:focus{outline:0;border-color:var(--teal)}.reply .flex{justify-content:space-between;margin-top:10px}
textarea.f{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font:15px/1.5 var(--font);padding:14px;resize:vertical}select.f{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font:15px var(--font);padding:12px 14px}
input[type=file]{color:var(--muted);font-size:13px}
@media (max-width:760px){.grid.wide{grid-template-columns:1fr}.hdr{flex-direction:column;align-items:flex-start}.hdr-act{padding-bottom:20px}}