/* Copyright (c) 2026 Dorin Verlan. All Rights Reserved. Proprietary and confidential. */
/* Tickets + staff workspace. Light: white/violet. Dark: near-black, violet glows, no card drop shadows. */
.tst{display:inline-flex;align-items:center;font-weight:700;font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.tst-open{background:#e9dcff;color:#6d1fd1}.tst-progress{background:#dbeafe;color:#1d4ed8}.tst-waiting{background:#fef3c7;color:#92400e}.tst-closed{background:#eceaf1;color:#6b6480}
[data-theme=dark] .tst-open{background:rgba(139,44,245,.22);color:#d8b4fe}[data-theme=dark] .tst-progress{background:rgba(59,130,246,.18);color:#93c5fd}[data-theme=dark] .tst-waiting{background:rgba(245,158,11,.16);color:#fcd34d}[data-theme=dark] .tst-closed{background:#24222c;color:#a19bb0}
.tk-list{padding:8px}.tk-row{display:grid;grid-template-columns:56px 1fr auto auto 140px;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;color:var(--text)}.tk-row:hover{background:var(--soft)}
.tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tk-card h2{margin:10px 0}.tk-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tk-kv{margin:8px 0 14px}.tk-body{white-space:pre-wrap;word-break:break-word;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:14px}
.tk-proofs h4{margin:14px 0 6px}.tk-proofs ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.tk-proofs li{display:flex;gap:8px;align-items:center;word-break:break-all}
.tk-img img{width:140px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.tmsgs{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px;max-height:520px;overflow:auto}
.tm{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--card)}.tm.staff{background:var(--soft);border-color:rgba(139,44,245,.25)}.tm.note{background:#fff8e6;border-color:#f5d48a}
[data-theme=dark] .tm.note{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}.tm.sys{border:0;background:none;padding:0;text-align:center;color:var(--muted)}
.tm-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.tm-b{white-space:pre-wrap;word-break:break-word}
.rl{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft2);color:var(--accent)}.rl.nt{background:#fde68a;color:#78350f}
.rl-owner{background:linear-gradient(135deg,#a259ff,#7a1fe6);color:#fff}.rl-admin{background:#fde2e4;color:#be123c}.rl-moderator{background:#dbeafe;color:#1d4ed8}.rl-helper{background:#dcfce7;color:#166534}
[data-theme=dark] .rl-admin{background:rgba(244,63,94,.16);color:#fda4af}[data-theme=dark] .rl-moderator{background:rgba(59,130,246,.16);color:#93c5fd}[data-theme=dark] .rl-helper{background:rgba(34,197,94,.14);color:#86efac}
.vrow{flex-wrap:nowrap;margin-bottom:8px}.vrow .vt{width:120px;flex:none}
/* workspace: separate layout */
body.ws-mode .foot,body.ws-mode .cloud{display:none}body.ws-mode main.wrap{max-width:none;padding:0}
.ws{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 70px)}
.ws-side{background:var(--card);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:70px;height:calc(100vh - 70px)}
.ws-brand{display:flex;gap:10px;align-items:center;color:var(--accent)}.ws-brand b{display:block;color:var(--text);font-size:18px}.ws-brand small{color:var(--muted);letter-spacing:.2em;font-size:10px}
.ws-me{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--soft)}.ws-me b{display:block}
.ws-side nav{display:flex;flex-direction:column;gap:3px}.ws-side nav a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;color:var(--text);font-weight:600;font-size:14px}
.ws-side nav a .ic{color:var(--accent)}.ws-side nav a:hover{background:var(--soft);color:var(--accent)}.ws-side nav a.on{background:linear-gradient(135deg,#a259ff,#7a1fe6);color:#fff;box-shadow:0 6px 16px rgba(139,44,245,.35)}.ws-side nav a.on .ic{color:#fff}
.ws-exit{margin-top:auto;display:flex;gap:8px;align-items:center;color:var(--muted);font-weight:600;font-size:14px;padding:10px 12px}
.ws-main{padding:26px 30px 60px;min-width:0}.ws-h{display:flex;gap:12px;align-items:center;margin-bottom:16px}.ws-h h1{margin:0;font-size:28px}
.ws-filters{display:flex;gap:10px;flex-wrap:wrap;padding:12px;margin-bottom:14px}.ws-filters select{width:auto;min-width:180px}
.ws-tbl{overflow:auto}.ws-tbl table{width:100%;border-collapse:collapse;font-size:14px}.ws-tbl th{text-align:left;color:var(--muted);font-size:12px;font-weight:700;padding:10px;border-bottom:1px solid var(--line)}
.ws-tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.ws-tbl tr[data-go]{cursor:pointer}.ws-tbl tr[data-go]:hover td{background:var(--soft)}
.ws-act{gap:12px;align-items:flex-end}.ws-act label{margin:0}.ws-act select{width:auto;margin-top:4px}
.ws-chat{display:flex;flex-direction:column;height:calc(100vh - 210px);min-height:420px;padding:16px}.ch-tabs{justify-content:flex-start;margin-bottom:10px}
.cmsgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:6px 4px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}
.cmsg{display:flex;gap:10px;align-items:flex-start}#cf{flex-wrap:nowrap}#cf input{flex:1}
.ban-ov{position:fixed;inset:0;z-index:100;background:rgba(13,12,17,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.ban-card{max-width:440px;text-align:center;color:var(--text)}.ban-card>.ic{color:var(--bad)}
/* dark: cards without drop shadows, violet glow on hover/accents only */
[data-theme=dark] .ws .card,[data-theme=dark] .tk-card,[data-theme=dark] .tk-list,[data-theme=dark] .ban-card,[data-theme=dark] .ws-side{box-shadow:none}
[data-theme=dark] .ws-side{background:#111017}[data-theme=dark] .ws-side nav a.on{box-shadow:0 0 22px rgba(160,80,255,.45)}[data-theme=dark] .ws-me{background:#1a1424;box-shadow:inset 0 0 0 1px rgba(168,85,247,.18)}
@media(max-width:900px){.tk-grid{grid-template-columns:1fr}.ws{grid-template-columns:1fr}.ws-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.ws-side nav{flex-direction:row;flex-wrap:wrap}.ws-exit{margin-top:0}.ws-main{padding:18px 14px}
 .tk-row{grid-template-columns:44px 1fr auto;}.tk-row .pill,.tk-row small{display:none}}
.hb-tk span,.hb-staff span{display:none}.hb-tk,.hb-staff{padding:8px 10px}
.ws-chat .ch-tabs{flex:none;display:flex;gap:8px;align-items:center}
@media(max-width:1560px){#menu a{padding:8px 11px}.nav{gap:14px}.nav-right{gap:8px}}
#menu .mob-link{display:none}
#menu.open .mob-link{display:block}@media(max-width:620px){.hb-tk,.hb-staff{display:none!important}}