:root{--bg:#eef3f8;--panel:#fff;--line:#d8e2ee;--text:#111827;--muted:#64748b;--brand:#0284c7;--dark:#0f172a;--ok:#16a34a;--bad:#dc2626;font-family:Inter,Segoe UI,Arial,sans-serif}
.brand-logo{display:block;object-fit:contain}.auth-logo{width:min(360px,86%);height:auto;max-height:177px;margin:0 0 20px}.install-logo{width:min(260px,76%);height:auto;max-height:120px;margin-bottom:16px}.sidebar-brand{display:flex;justify-content:center;align-items:center;width:100%;margin:-4px 0 10px}.sidebar-brand strong{font-size:18px;line-height:1.15}.sidebar-logo{width:121%;max-width:238px;height:auto;max-height:116px;margin-left:auto;margin-right:auto}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--dark);color:#e0f2fe;padding:22px;display:flex;flex-direction:column;gap:20px}.sidebar strong{font-size:22px}.sidebar nav{display:grid;gap:8px}.sidebar a{padding:11px 12px;border-radius:8px;text-decoration:none;font-weight:800;color:#cbd5e1}.sidebar a.active,.sidebar a:hover{background:#075985;color:#fff}.sidebar form{margin-top:auto}.sidebar button,.btn,button{border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:900;padding:10px 14px;cursor:pointer;text-decoration:none}.page{margin-left:230px;padding:20px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.topbar{height:70px;display:flex;justify-content:flex-end;gap:12px;align-items:center}.topbar div{padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.topbar span,.eyebrow{display:block;color:#0369a1;font-size:11px;font-weight:900;text-transform:uppercase}.topbar strong{display:block}.flash{padding:12px 14px;border-radius:8px;margin-bottom:12px;font-weight:900}.flash.error{background:#fee2e2;color:#991b1b}.flash.success{background:#dcfce7;color:#166534}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hero h1{margin:3px 0 0;font-size:32px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.stats{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px}.stats article{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.stats span{display:block;color:#0369a1;font-size:12px;font-weight:900;text-transform:uppercase}.stats strong{font-size:34px}.login-card{width:min(920px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.18)}.login-card>div{background:var(--dark);color:#e0f2fe;padding:40px;display:grid;align-content:center}.login-card h1{font-size:42px;margin:4px 0}.login-card p{line-height:1.55;color:#bfdbfe;font-weight:700}.login-card form{padding:40px;display:grid;gap:14px;align-content:center}.form{display:grid;gap:12px}.form h2,.card h2{margin:0 0 8px}label{display:grid;gap:6px;color:#075985;font-weight:900;font-size:12px;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;font:inherit}textarea{resize:vertical}.grid-2,.settings-grid{display:grid;grid-template-columns:380px 1fr;gap:14px}.settings-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.tickets-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px}.ticket-list{display:grid;align-content:start;gap:8px;max-height:calc(100vh - 128px);overflow:auto}.ticket{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#f8fafc}.ticket.active,.ticket:hover{border-color:#0284c7;background:#e0f2fe}.ticket span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket small,.muted{color:var(--muted);font-weight:800}.chat-panel{min-height:calc(100vh - 128px);display:grid;grid-template-rows:auto 1fr auto auto;gap:12px}.chat-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.chat-head strong,.chat-head span{display:block}.chat-head span{color:var(--muted)}.messages{display:grid;align-content:start;gap:8px;overflow:auto;padding:6px}.message{max-width:70%;padding:10px 12px;border-radius:10px;background:#f1f5f9}.message.out{justify-self:end;background:#dcfce7}.message p{margin:0;white-space:pre-wrap}.message small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.composer{display:grid;grid-template-columns:1fr 110px;gap:8px}.quick-replies{display:flex;gap:8px;flex-wrap:wrap}.quick-replies button{background:#e0f2fe;color:#075985;padding:7px 10px}.search{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-bottom:10px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left}th{color:#075985;font-size:12px;text-transform:uppercase}.pill,.line{border:1px solid var(--line);border-radius:8px;padding:8px;margin:6px 0;font-weight:800}.pill span{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px}pre{white-space:pre-wrap;background:#0f172a;color:#e0f2fe;padding:14px;border-radius:8px}
.install-wrap{width:min(1180px,100%);display:grid;gap:18px}.install-hero{background:#0f172a;color:#e0f2fe;border-radius:18px;padding:28px 34px;border:1px solid #1e293b;box-shadow:0 30px 80px rgba(15,23,42,.16)}.install-hero-brand{display:flex;align-items:center;gap:24px}.install-logo{width:min(300px,36%);max-width:300px;min-width:210px;height:auto;max-height:130px;margin:0;flex:0 0 auto}.install-hero h1{font-size:40px;margin:4px 0}.install-hero p{margin:0;color:#bfdbfe;font-weight:800}.install-grid{display:grid;grid-template-columns:380px 1fr;gap:16px}.install-checks{display:grid;align-content:start;gap:10px}.check{border:1px solid var(--line);border-left-width:5px;border-radius:8px;padding:11px 12px;background:var(--panel-soft);color:var(--text)}.check strong,.check span,.install-note strong,.install-note span{display:block}.check strong{color:var(--text)}.check span,.install-note span{color:var(--muted);font-weight:800;margin-top:3px}.check.ok{border-left-color:var(--ok)}.check.bad{border-left-color:var(--bad)}.install-note{margin-top:8px;border-radius:8px;background:var(--panel-soft);border:1px solid var(--line);color:var(--text);padding:12px}.install-form{display:grid;gap:12px}.install-done h2{font-size:30px;margin-bottom:0}.done-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.done-list div{border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text);padding:12px}.done-list strong,.done-list span{display:block}.done-list strong{color:var(--brand);font-size:12px;text-transform:uppercase}.done-list span{font-size:18px;font-weight:900;margin-top:3px}.grid-2-tight{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn.secondary{display:inline-block;text-align:center;background:#e2e8f0;color:#0f172a}.connection-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.qr-box{grid-column:1/-1;min-height:42px;display:grid;align-items:center;color:#64748b;font-weight:900}.qr-img{width:180px;height:180px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px}.message-meta{display:flex;align-items:center;gap:6px;margin-top:6px}.message-meta span{font-size:11px;font-weight:900;color:#475569;background:#e2e8f0;border-radius:999px;padding:3px 7px}.message-meta form{margin:0}.icon-btn{width:26px;height:26px;padding:0;border-radius:50%;background:#e0f2fe;color:#075985;font-size:12px;line-height:26px}.icon-btn.danger{background:#fee2e2;color:#991b1b}.messages{background:#efeae2;background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:18px 18px;border-radius:8px;padding:14px}.message{box-shadow:0 1px 2px rgba(0,0,0,.08)}.message.out{background:#d9fdd3}.media-preview{display:grid;gap:8px;margin-top:8px}.media-preview img,.media-preview video{max-width:320px;max-height:260px;border-radius:8px}.media-preview audio{width:260px}.media-composer{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center}.reaction-form select{width:44px;height:26px;padding:0;border-radius:999px}.notify-toast{position:fixed;right:18px;bottom:18px;z-index:50;background:#0f172a;color:#e0f2fe;border-radius:10px;padding:12px 42px 12px 14px;box-shadow:0 18px 50px rgba(15,23,42,.3);display:grid;gap:3px;min-width:240px}.notify-toast span{color:#bae6fd;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notify-toast button{position:absolute;right:8px;top:8px;width:26px;height:26px;padding:0;background:#334155}
@media(max-width:960px){.sidebar{position:static;width:auto}.page{margin-left:0}.stats,.grid-2,.grid-2-tight,.settings-grid,.tickets-layout,.login-card,.install-grid{grid-template-columns:1fr}.topbar{justify-content:flex-start;height:auto;margin-bottom:10px}.composer{grid-template-columns:1fr}}
@media(max-width:720px){.install-hero-brand{display:grid;gap:16px}.install-logo{width:min(320px,100%);min-width:0;max-width:100%}.install-hero h1{font-size:32px}}
.dash-hero{border-radius:16px;padding:26px;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#7c3aed 52%,#f97316);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;box-shadow:0 22px 60px rgba(37,99,235,.25)}.dash-hero h1{font-size:36px;margin:2px 0}.dash-hero p{margin:0;font-weight:800;color:#e0f2fe}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.metric-card{min-height:142px;border-radius:14px;padding:20px;color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-22px;bottom:-36px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.22)}.metric-card span{display:block;font-size:12px;text-transform:uppercase;font-weight:900;opacity:.9}.metric-card strong{display:block;font-size:42px;line-height:1.1}.metric-card small{font-weight:900;opacity:.88}.metric-blue{background:linear-gradient(135deg,#0284c7,#2563eb)}.metric-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.metric-orange{background:linear-gradient(135deg,#f97316,#f59e0b)}.metric-pink{background:linear-gradient(135deg,#db2777,#7c3aed)}.chart-card,.action-panel,.vibrant-card,.table-card,.profile-card{border:0;border-radius:14px;box-shadow:0 16px 38px rgba(15,23,42,.08)}.chart-card{background:#fff}.vibrant-card{border-top:5px solid #0ea5e9}.profile-card{min-height:260px;color:#fff;background:linear-gradient(135deg,#111827,#2563eb)}.profile-card p{color:#dbeafe;font-weight:800}.table-card input,.table-card select{min-width:130px}.sidebar{background:linear-gradient(180deg,#111827,#172554 60%,#0f766e)}.sidebar a.active,.sidebar a:hover{background:#f97316;color:#fff}.topbar .btn.secondary{background:#e0f2fe;color:#075985}
.ticket-actions{display:flex;gap:8px;align-items:center}.transfer-panel{border:1px solid var(--line);border-radius:10px;background:#fff7ed;padding:12px;margin-bottom:10px}.transfer-panel label{margin-bottom:8px}
.contact-actions{display:flex;gap:6px;flex-wrap:wrap}.contact-actions form{margin:0}.contact-edit-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:8px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px}
@media(max-width:960px){.contact-edit-grid{grid-template-columns:1fr}.contact-actions{align-items:stretch}}
.ticket-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.settings-edit-row{display:grid;grid-template-columns:80px 1fr 70px 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.line form{display:inline-grid;margin-right:6px}.edit-history{margin-top:8px;border-top:1px dashed #94a3b8;padding-top:6px}.edit-history details{background:#fff7ed;border-radius:8px;padding:6px;margin-top:5px}.edit-history summary{cursor:pointer;color:#9a3412;font-weight:900}.btn-success,button.btn-success{background:#00a651!important}.btn-primary,button.btn-primary{background:#006dff!important}.btn-warning,button.btn-warning{background:#ffb000!important;color:#111827!important}.btn-danger,button.btn-danger{background:#ff1744!important}.btn-secondary,button.btn-secondary{background:#6d28d9!important}
@media(max-width:960px){.settings-edit-row{grid-template-columns:1fr}.line form{display:grid}}
.settings-page-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr);gap:14px;align-items:start}.settings-stack{display:grid;gap:14px}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.settings-card-head h2{margin-bottom:2px}.settings-card-head p{margin:0}.check-row{display:flex;align-items:center;gap:8px;text-transform:none;font-size:13px;color:#0f172a}.check-row input{width:auto}.settings-create-grid{display:grid;grid-template-columns:minmax(170px,1.2fr) 90px 72px minmax(190px,1.5fr) 128px;gap:8px;align-items:end;margin-bottom:12px}.settings-reply-create{display:grid;grid-template-columns:120px minmax(170px,1fr) minmax(220px,1.4fr) 150px;gap:8px;align-items:end;margin-bottom:12px}.settings-list-scroll{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.settings-list-scroll.short{max-height:330px}.settings-table{background:#fff}.settings-table th{position:sticky;top:0;z-index:1;background:#e0f2fe}.settings-table td{vertical-align:middle}.settings-table .collapse-row td{padding:0;border-bottom:0;background:#f8fafc}.settings-table .collapse{padding:12px;border-bottom:1px solid var(--line)}.order-badge{display:inline-grid;place-items:center;min-width:34px;height:28px;border-radius:8px;background:#e0f2fe;color:#075985;font-weight:900}.color-swatch{display:inline-block;width:34px;height:14px;border-radius:999px;border:1px solid #94a3b8;vertical-align:middle}.clip-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-cell{width:96px;white-space:nowrap}.settings-inline-edit{display:grid;grid-template-columns:90px minmax(160px,1fr) 76px minmax(220px,1.5fr) 92px;gap:8px;align-items:end}.settings-reply-edit{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(240px,1.5fr) 92px;gap:8px;align-items:end}.delete-inline{margin-top:8px}.compact-list{display:grid;gap:8px;margin-top:8px}.compact-list p{margin:0;border:1px solid var(--line);border-radius:8px;padding:8px;background:#f8fafc;font-weight:800}.compact-list span{color:var(--muted)}
@media(max-width:1200px){.settings-page-grid{grid-template-columns:1fr}.settings-create-grid,.settings-reply-create{grid-template-columns:1fr 110px 80px}.settings-create-grid label:nth-child(4),.settings-create-grid button,.settings-reply-create label:nth-child(3),.settings-reply-create button{grid-column:1/-1}}
@media(max-width:960px){.settings-page-grid,.settings-inline-edit,.settings-reply-edit,.settings-create-grid,.settings-reply-create{grid-template-columns:1fr}.settings-list-scroll{max-height:none}.clip-cell{max-width:180px}}

/* Modern shell */
:root,[data-theme=light]{--bg:#f4f7fb;--panel:#ffffff;--panel-soft:#f8fafc;--line:#dbe4ef;--text:#111827;--muted:#64748b;--brand:#2563eb;--brand-2:#0891b2;--accent:#f59e0b;--dark:#111827;--sidebar:#111827;--sidebar-2:#14314f;--shadow:0 18px 45px rgba(15,23,42,.08);--chart-card:#ffffff}
[data-theme=dark]{--bg:#0b1220;--panel:#111827;--panel-soft:#172033;--line:#263349;--text:#e5edf7;--muted:#9aa8bd;--brand:#60a5fa;--brand-2:#22d3ee;--accent:#fbbf24;--dark:#020617;--sidebar:#070d1a;--sidebar-2:#0f2438;--shadow:0 18px 45px rgba(0,0,0,.28);--chart-card:#111827}
body{background:var(--bg);color:var(--text);transition:background .22s ease,color .22s ease}.card,.chart-card,.action-panel,.vibrant-card,.table-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text)}input,select,textarea{background:var(--panel);border-color:var(--line);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.18);border-color:var(--brand)}.muted,.ticket small{color:var(--muted)!important}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.14)}.btn svg,button svg,.sidebar svg{width:17px;height:17px;stroke-width:2.4px}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:80;width:44px;height:44px;padding:0;border-radius:12px;background:var(--brand);box-shadow:0 12px 28px rgba(37,99,235,.25)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(2,6,23,.5);z-index:60}.sidebar{width:232px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));padding:22px 18px;z-index:70;box-shadow:8px 0 28px rgba(15,23,42,.12)}.sidebar strong{font-size:18px}.sidebar nav{gap:7px}.sidebar a{display:flex;align-items:center;gap:10px;border-radius:10px;color:#cbd5e1;padding:11px 10px}.sidebar a.active,.sidebar a:hover{background:#2563eb;color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.26)}.sidebar button{background:#2563eb}.page{padding:22px;transition:margin .2s ease}.topbar{height:58px;margin-bottom:10px}.topbar div,.topbar .secondary,.theme-toggle{background:var(--panel);border:1px solid var(--line);color:var(--text);box-shadow:0 8px 22px rgba(15,23,42,.04)}.theme-toggle{padding:10px 13px}.topbar .secondary{display:inline-flex;gap:8px;align-items:center}.topbar span,.eyebrow,label,th{color:var(--brand)}.dash-hero{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 54%,#0f766e 100%);border-radius:18px;min-height:112px;align-items:center;box-shadow:0 22px 60px rgba(37,99,235,.22)}.dash-actions .btn{min-height:40px}.metric-card{height:114px;min-height:114px;border-radius:14px;padding:18px;display:grid;align-content:space-between;box-shadow:var(--shadow);isolation:isolate}.metric-card>svg{position:absolute;right:18px;top:18px;width:24px;height:24px;opacity:.82}.metric-card:after{right:-34px;bottom:-44px;width:138px;height:138px}.metric-card strong{font-size:34px}.metric-card small{font-size:12px}.metric-blue{background:linear-gradient(135deg,#2563eb,#0891b2)}.metric-green{background:linear-gradient(135deg,#059669,#10b981)}.metric-orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.metric-pink{background:linear-gradient(135deg,#7c3aed,#db2777)}.chart-card,.action-panel{border-radius:14px;overflow:hidden}.chart-card .card-body{padding:22px}.chart-shell{position:relative;width:100%}.chart-large{height:250px}.chart-medium{height:220px}.chart-donut{height:300px;max-width:360px;margin:0 auto}.chart-shell canvas{width:100%!important;height:100%!important}.badge{font-weight:800}.text-bg-warning{background:#f59e0b!important;color:#111827!important}.btn-warning,button.btn-warning{background:#f59e0b!important;color:#111827!important}.btn-danger,button.btn-danger{background:#e11d48!important}.btn-success,button.btn-success{background:#059669!important}.btn-primary,button.btn-primary{background:#2563eb!important}.btn-secondary,button.btn-secondary{background:#475569!important}.btn-info{background:#0891b2!important}.action-panel{min-height:112px}.action-panel .card-body{height:100%;display:grid;align-content:center}.settings-table,.compact-list p,.ticket{background:var(--panel-soft);color:var(--text)}.settings-table th{background:rgba(37,99,235,.12)}.messages{background-color:var(--panel-soft)}
.language-switcher{position:relative;display:inline-flex;align-items:center}.language-toggle{height:42px;min-width:64px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)!important;color:var(--text);box-shadow:0 8px 22px rgba(15,23,42,.04)!important}.language-toggle svg{width:18px;height:18px}.language-toggle span{font-size:12px;font-weight:950}.language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:90;display:grid;gap:4px;min-width:138px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 18px 44px rgba(2,6,23,.2)}.language-menu button{justify-content:flex-start;width:100%;height:36px;padding:0 9px;border-radius:9px;background:transparent!important;color:var(--text);font-size:13px;font-weight:900;box-shadow:none!important}.language-menu button:hover,.language-menu button.active{background:var(--panel-soft)!important;transform:none;box-shadow:none!important}.language-menu .flag{font-size:18px;line-height:1}.auth-toolbar{position:fixed;top:22px;right:24px;z-index:5;display:flex;align-items:center;gap:8px}.auth-toolbar .auth-theme-toggle{position:static}.install-language-row{width:min(1180px,100%);display:flex;justify-content:flex-end;margin:-8px 0 10px}
.topbar{position:relative;z-index:120;overflow:visible}.topbar .language-switcher{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.topbar .language-menu{z-index:9999;padding:6px!important;background:var(--panel)!important}.topbar .language-menu[hidden]{display:none!important}
@media(max-width:960px){.mobile-menu-btn{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;width:min(82vw,292px);transform:translateX(-105%);transition:transform .22s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block}.page{margin-left:0;padding:72px 14px 18px}.topbar{height:auto;justify-content:flex-start;gap:8px;flex-wrap:wrap}.topbar div{padding:8px 10px}.dash-hero{display:grid;padding:20px;margin-top:0}.dash-hero h1{font-size:28px}.dash-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.metric-card{height:108px;min-height:108px}.chart-large,.chart-medium{height:230px}.chart-donut{height:250px}.tickets-layout{grid-template-columns:1fr}.sidebar form{margin-top:24px}}
@media(max-width:560px){.dash-actions{grid-template-columns:1fr}.topbar div{width:100%}.chart-card .card-body{padding:16px}.chart-large,.chart-medium{height:210px}.chart-donut{height:230px}.metric-card strong{font-size:30px}}
.metric-slate{background:linear-gradient(135deg,#475569,#64748b)}.btn-neutral,button.btn-neutral{background:#e2e8f0!important;color:#0f172a!important;border:1px solid #cbd5e1!important}.btn-neutral:hover,button.btn-neutral:hover{background:#cbd5e1!important;color:#0f172a!important}.text-bg-warning{background:#64748b!important;color:#fff!important}.btn-warning,button.btn-warning{background:#64748b!important;color:#fff!important}
[data-theme=dark] .btn-neutral,[data-theme=dark] button.btn-neutral{background:#263349!important;color:#e5edf7!important;border-color:#334155!important}[data-theme=dark] .btn-neutral:hover,[data-theme=dark] button.btn-neutral:hover{background:#334155!important}
.dash-hero{background:linear-gradient(135deg,#2563eb 0%,#0891b2 52%,#0f766e 100%)!important}.metric-teal,.metric-pink{background:linear-gradient(135deg,#0e7490,#0f766e)!important}.btn-secondary,button.btn-secondary{background:#475569!important}.profile-card{background:linear-gradient(135deg,#111827,#0e7490)!important}
.dash-hero{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 58%,#0f4c81 100%)!important}.sidebar a.active,.sidebar a:hover,.sidebar button,.mobile-menu-btn{background:#2563eb!important;color:#fff!important}.btn-primary,button.btn-primary{background:#2563eb!important}.btn-info{background:#0f4c81!important}.metric-teal,.metric-pink{background:linear-gradient(135deg,#1d4ed8,#0f4c81)!important}.profile-card{background:linear-gradient(135deg,#111827,#1d4ed8)!important}
.dash-actions .btn-primary,.dash-actions .btn-light{background:#eff6ff!important;color:#1e3a8a!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 12px 26px rgba(15,23,42,.18)}.dash-actions .btn-primary:hover,.dash-actions .btn-light:hover{background:#dbeafe!important;color:#172554!important}

/* Premium clean dashboard */
:root,[data-theme=light]{--bg:#f6f9fc;--panel:#ffffff;--panel-soft:#f8fbff;--line:#d7e2ef;--text:#132033;--muted:#66758a;--brand:#2563eb;--brand-2:#06b6d4;--accent:#10b981;--sidebar:#0f172a;--sidebar-2:#12243a;--shadow:0 18px 42px rgba(15,23,42,.075)}
[data-theme=dark]{--bg:#08111f;--panel:#111c2d;--panel-soft:#17253a;--line:#273850;--text:#edf5ff;--muted:#a3b2c7;--brand:#60a5fa;--brand-2:#22d3ee;--accent:#34d399;--sidebar:#050b14;--sidebar-2:#0b1a2d;--shadow:0 20px 46px rgba(0,0,0,.32)}
body{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 340px),var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif}.page{padding:24px 30px}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2))!important;border-right:1px solid rgba(255,255,255,.06)}.sidebar strong{letter-spacing:.2px}.sidebar a{color:#d5dfec;opacity:.9}.sidebar a.active,.sidebar a:hover{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;box-shadow:0 14px 30px rgba(37,99,235,.28);opacity:1}.sidebar button,.mobile-menu-btn{background:linear-gradient(135deg,#2563eb,#06b6d4)!important}.topbar div,.topbar .secondary,.theme-toggle{border-radius:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px)}[data-theme=dark] .topbar div,[data-theme=dark] .topbar .secondary,[data-theme=dark] .theme-toggle{background:rgba(17,28,45,.86)}
.dash-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#eef6ff 52%,#e9fff8 100%)!important;border:1px solid #d8e6f4;color:var(--text)!important;box-shadow:var(--shadow);min-height:126px}.dash-hero:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(6,182,212,.16));pointer-events:none}.dash-hero:after{content:"";position:absolute;right:120px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:rgba(16,185,129,.14);pointer-events:none}.dash-hero>*{position:relative;z-index:1}.dash-hero h1{color:#0f172a;font-weight:900}.dash-hero p{color:#38516c!important}.dash-hero .text-white-50,.dash-hero .eyebrow{color:#2563eb!important}.dash-actions .btn{border:1px solid #d2dfef!important;background:#fff!important;color:#1d3557!important;box-shadow:0 10px 22px rgba(15,23,42,.08)}.dash-actions .btn:hover{background:#eff6ff!important;color:#1e40af!important}.dash-actions .btn-success{color:#047857!important}.dash-actions .btn-info{color:#0e7490!important}.dash-actions .btn-neutral{color:#334155!important}
.metric-card{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line);box-shadow:var(--shadow);height:118px;min-height:118px}.metric-card:after{opacity:.12}.metric-card span{color:var(--muted);opacity:1}.metric-card strong{color:var(--text)}.metric-card small{color:var(--muted)}.metric-card>svg{opacity:1;padding:7px;width:34px;height:34px;border-radius:10px;background:#eff6ff;color:#2563eb}.metric-blue{border-top:4px solid #2563eb}.metric-green{border-top:4px solid #10b981}.metric-slate{border-top:4px solid #64748b}.metric-teal,.metric-pink{border-top:4px solid #06b6d4}.metric-green>svg{background:#ecfdf5;color:#059669}.metric-slate>svg{background:#f1f5f9;color:#64748b}.metric-teal>svg,.metric-pink>svg{background:#ecfeff;color:#0891b2}
.chart-card,.action-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.chart-card .card-body{padding:24px 26px}.chart-card h2,.action-panel h2{color:var(--text);font-weight:850}.badge.text-bg-primary{background:#eaf2ff!important;color:#1d4ed8!important}.badge.text-bg-success{background:#e8fff4!important;color:#047857!important}.badge.text-bg-dark{background:#edf2f7!important;color:#334155!important}.action-panel .btn-primary{background:#2563eb!important}.action-panel .btn-success{background:#10b981!important}.action-panel .btn-neutral,.action-panel .btn-warning{background:#eef2f7!important;color:#334155!important;border:1px solid #d7e2ef!important}.action-panel .btn-danger{background:#e11d48!important}
[data-theme=dark] .dash-hero{background:linear-gradient(135deg,#101c2d 0%,#122a46 52%,#0d332f 100%)!important;border-color:#273850}.dash-hero h1,[data-theme=dark] .dash-hero h1{color:#f8fbff}.dash-hero p,[data-theme=dark] .dash-hero p{color:#c8d8ec!important}[data-theme=dark] .dash-actions .btn{background:#17253a!important;color:#eaf2ff!important;border-color:#273850!important}[data-theme=dark] .metric-card>svg{background:#17253a}
@media(max-width:960px){.page{padding:72px 16px 20px}.dash-hero{min-height:auto}.dash-actions{grid-template-columns:1fr 1fr}}

/* Light theme: vivid but clean */
[data-theme=light] body{background:radial-gradient(circle at 82% 0,rgba(6,182,212,.18),transparent 310px),radial-gradient(circle at 14% 6%,rgba(37,99,235,.14),transparent 280px),#f3f8ff}
[data-theme=light] .dash-hero{background:linear-gradient(135deg,#1d4ed8 0%,#0891b2 56%,#10b981 100%)!important;border-color:rgba(255,255,255,.75);color:#fff!important;box-shadow:0 22px 58px rgba(37,99,235,.22)}
[data-theme=light] .dash-hero h1{color:#fff!important;text-shadow:0 2px 14px rgba(15,23,42,.2)}
[data-theme=light] .dash-hero p{color:#e8f7ff!important}
[data-theme=light] .dash-hero .eyebrow,[data-theme=light] .dash-hero .text-white-50{color:#bfdbfe!important}
[data-theme=light] .dash-hero:before{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.08))}
[data-theme=light] .dash-hero:after{background:rgba(255,255,255,.16)}
[data-theme=light] .dash-actions .btn{background:rgba(255,255,255,.94)!important;border-color:rgba(255,255,255,.9)!important;color:#0f2f57!important;box-shadow:0 14px 30px rgba(15,23,42,.18)}
[data-theme=light] .dash-actions .btn:hover{background:#fff!important;transform:translateY(-2px)}
[data-theme=light] .metric-card{background:linear-gradient(180deg,#fff,#fafdff)!important;border-color:#cfe0f4;box-shadow:0 18px 42px rgba(37,99,235,.1)}
[data-theme=light] .metric-card strong{color:#10213a}
[data-theme=light] .metric-blue{border-top-color:#2563eb}.metric-blue>svg{background:#eaf2ff;color:#2563eb}
[data-theme=light] .metric-green{border-top-color:#10b981}.metric-green>svg{background:#dcfce7;color:#059669}
[data-theme=light] .metric-slate{border-top-color:#0f4c81}.metric-slate>svg{background:#e0f2fe;color:#0f4c81}
[data-theme=light] .metric-teal,[data-theme=light] .metric-pink{border-top-color:#06b6d4}.metric-teal>svg,.metric-pink>svg{background:#cffafe;color:#0891b2}
[data-theme=light] .chart-card,[data-theme=light] .action-panel{border-color:#d3e3f5;box-shadow:0 20px 48px rgba(37,99,235,.09)}
[data-theme=light] .chart-card h2,[data-theme=light] .action-panel h2{color:#10213a}
[data-theme=light] .topbar div,[data-theme=light] .topbar .secondary,[data-theme=light] .theme-toggle{background:#fff;border-color:#d6e4f4;box-shadow:0 10px 28px rgba(37,99,235,.08)}

/* Metric cards experiment: vivid upper half */
[data-theme=light] .metric-card{background:linear-gradient(180deg,var(--metric-a) 0%,var(--metric-b) 50%,#ffffff 50%,#ffffff 100%)!important;border:0;box-shadow:0 20px 46px rgba(37,99,235,.12);padding:16px 18px}
[data-theme=light] .metric-blue{--metric-a:#2563eb;--metric-b:#06b6d4}
[data-theme=light] .metric-green{--metric-a:#059669;--metric-b:#22c55e}
[data-theme=light] .metric-slate{--metric-a:#0f4c81;--metric-b:#64748b}
[data-theme=light] .metric-teal,[data-theme=light] .metric-pink{--metric-a:#0891b2;--metric-b:#10b981}
[data-theme=light] .metric-card span{color:#eaf7ff}
[data-theme=light] .metric-card strong{color:#ffffff;text-shadow:0 2px 10px rgba(15,23,42,.18)}
[data-theme=light] .metric-card small{align-self:end;color:#516276;margin-top:10px}
[data-theme=light] .metric-card>svg{background:rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
[data-theme=light] .metric-card:after{opacity:.18;background:#fff}
.app-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:18px 30px 24px;color:var(--muted);font-weight:800;text-align:center}.app-footer a{color:var(--brand);font-weight:900;text-decoration:none}.app-footer a:hover{text-decoration:underline}.footer-badges{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.footer-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);padding:6px 10px;font-size:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.footer-badge svg{width:14px;height:14px;color:var(--brand)}
@media(max-width:960px){.app-footer{padding:16px}}

/* Full color metric cards */
[data-theme=light] .metric-card{background:linear-gradient(135deg,var(--metric-a),var(--metric-b))!important;color:#fff!important;border:0;box-shadow:0 22px 48px var(--metric-shadow);overflow:hidden}
[data-theme=light] .metric-blue{--metric-a:#1d4ed8;--metric-b:#0284c7;--metric-shadow:rgba(29,78,216,.22)}
[data-theme=light] .metric-green{--metric-a:#047857;--metric-b:#10b981;--metric-shadow:rgba(16,185,129,.24)}
[data-theme=light] .metric-slate{--metric-a:#334155;--metric-b:#0f766e;--metric-shadow:rgba(15,118,110,.22)}
[data-theme=light] .metric-teal,[data-theme=light] .metric-pink{--metric-a:#0e7490;--metric-b:#2563eb;--metric-shadow:rgba(14,116,144,.24)}
[data-theme=light] .metric-card span,[data-theme=light] .metric-card small{color:rgba(255,255,255,.88)}
[data-theme=light] .metric-card strong{color:#fff;text-shadow:0 2px 12px rgba(15,23,42,.22)}
[data-theme=light] .metric-card>svg{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
[data-theme=light] .metric-card:after{opacity:.16;background:#fff}
.status-ok,.status-bad{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:900}.status-ok{background:#dcfce7;color:#166534}.status-bad{background:#fee2e2;color:#991b1b}
.accept-panel{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(37,99,235,.08));border-color:rgba(16,185,129,.28)}.accept-panel-action{display:grid;align-content:end}.accept-panel .btn{min-height:43px}

/* Compact ticket workspace */
.tickets-layout{grid-template-columns:280px minmax(0,1fr);gap:12px;align-items:stretch}.ticket-list{max-height:calc(100vh - 190px);min-height:0;padding:12px;overflow:auto}.ticket{padding:10px;border-radius:8px}.chat-panel{height:calc(100vh - 190px);min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;padding:12px;gap:10px;overflow:hidden}.chat-head{padding-bottom:8px}.chat-head .btn-sm{padding:8px 10px}.messages{min-height:0;height:auto;overflow:auto;padding:10px}.quick-replies{min-height:28px}.quick-replies button{padding:6px 10px}.composer{grid-template-columns:minmax(0,1fr) 88px;gap:8px}.composer textarea{min-height:56px;max-height:82px;padding:10px}.composer button{min-height:56px}.media-composer{grid-template-columns:minmax(160px,1fr) minmax(140px,1fr) 76px 108px;gap:6px}.media-composer input{padding:8px 10px}.media-composer button{padding:8px 10px;white-space:nowrap}.transfer-panel{padding:10px;margin-bottom:8px}.message{max-width:66%}.app-footer{padding-top:12px;padding-bottom:14px}
@media(max-width:1200px){.tickets-layout{grid-template-columns:250px minmax(0,1fr)}.media-composer{grid-template-columns:1fr 1fr}.media-composer button{min-height:40px}}
@media(max-width:960px){.tickets-layout{grid-template-columns:1fr}.ticket-list,.chat-panel{height:auto;max-height:none}.chat-panel{overflow:visible}.messages{max-height:55vh}.media-composer,.composer{grid-template-columns:1fr}}

/* Dark ticket contrast */
[data-theme=dark] .ticket{background:#17253a;color:#eaf2ff;border-color:#2d405a}
[data-theme=dark] .ticket strong,[data-theme=dark] .ticket span,[data-theme=dark] .ticket small{color:#eaf2ff!important}
[data-theme=dark] .ticket:hover,[data-theme=dark] .ticket.active{background:#1d4ed8;color:#ffffff;border-color:#60a5fa}
[data-theme=dark] .ticket:hover strong,[data-theme=dark] .ticket:hover span,[data-theme=dark] .ticket:hover small,[data-theme=dark] .ticket.active strong,[data-theme=dark] .ticket.active span,[data-theme=dark] .ticket.active small{color:#ffffff!important}
[data-theme=dark] .messages{background-color:#0f1b2d;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px)}
[data-theme=dark] .message{background:#1d2b42;color:#f8fbff}
[data-theme=dark] .message p,[data-theme=dark] .message small{color:#f8fbff}
[data-theme=dark] .message.out{background:#14532d;color:#f0fdf4}
[data-theme=dark] .message.out p,[data-theme=dark] .message.out small{color:#f0fdf4}
[data-theme=dark] .message-meta span{background:#263850;color:#dbeafe}

/* Login/register and permissions */
.auth-page{background:radial-gradient(circle at 12% 10%,rgba(37,99,235,.18),transparent 320px),radial-gradient(circle at 88% 12%,rgba(16,185,129,.16),transparent 340px),#edf5ff}.login-card-modern{width:min(1060px,100%);grid-template-columns:1.08fr .92fr;border-radius:24px}.login-card-modern .login-visual{background-image:linear-gradient(135deg,rgba(8,17,31,.52),rgba(29,78,216,.28)),url('/public/img/login-chatbot-bg.png');background-size:cover;background-position:center;color:#fff;min-height:560px}.login-card-modern .login-visual h1{color:#fff}.login-card-modern .login-visual p{color:#e8f7ff}.login-card-modern form{background:linear-gradient(180deg,#fff,#f8fbff);gap:14px}.login-card-modern form h2{margin:0 0 6px;font-size:30px}.register-card .login-visual{background-position:center right}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-4px}.permission-grid label{display:flex;align-items:center;gap:6px;text-transform:none;font-size:12px;color:var(--text);font-weight:800}.permission-grid input{width:auto}.permission-grid.mini{grid-template-columns:1fr;margin-top:8px;max-height:130px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--panel-soft)}.disabled-link{opacity:.38;filter:grayscale(1);cursor:not-allowed}.disabled-link:hover{background:transparent!important;box-shadow:none!important}
@media(max-width:960px){.login-card-modern{grid-template-columns:1fr}.login-card-modern .login-visual{min-height:280px}.permission-grid{grid-template-columns:1fr}}

/* SaaS refinements */
.auth-page{position:relative;min-height:100vh;padding:clamp(18px,3vw,44px);place-items:center;background-image:linear-gradient(135deg,rgba(5,11,20,.28),rgba(37,99,235,.08)),url('/public/img/login-chatbot-bg-clean.png');background-size:cover;background-position:center}
.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(34,211,238,.22),transparent 320px),radial-gradient(circle at 88% 14%,rgba(16,185,129,.18),transparent 340px);pointer-events:none}
.auth-page>.login-card-modern{position:relative;z-index:1;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.62);box-shadow:0 34px 90px rgba(2,6,23,.34)}
.login-card-modern .login-visual{background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(37,99,235,.34));min-height:600px}
.login-card-modern form{background:rgba(255,255,255,.9)}
.register-card{width:min(1180px,100%)}
.register-card .login-visual{min-height:720px}
.register-plans{display:grid;gap:8px;max-height:210px;overflow:auto;padding-right:4px}
.register-plans article{display:grid;gap:2px;border:1px solid #d7e2ef;border-radius:12px;padding:10px;background:#f8fbff}
.register-plans strong{color:#10213a}.register-plans span,.register-plans small{color:#64748b;font-weight:800}.register-plans b{color:#2563eb}
.plan-line{display:grid;gap:4px}.plan-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.plan-actions form{display:inline-flex;margin:0}
.plan-line .settings-reply-edit{grid-template-columns:repeat(4,minmax(130px,1fr));align-items:end}
.auth-link{
  color:var(--brand);
  font-weight:900;
  text-align:center;
  text-decoration:none;
}
.auth-link:hover{text-decoration:underline}
[data-theme=dark] .table-card table,[data-theme=dark] .table-card td,[data-theme=dark] .table-card th{color:#edf5ff}
[data-theme=dark] .table-card,
[data-theme=dark] .table-card .card-body,
[data-theme=dark] .table-responsive,
[data-theme=dark] .table{
  background:var(--panel)!important;
  color:var(--text)!important;
}
[data-theme=dark] .table-card .table>thead,
[data-theme=dark] .table-card .table>tbody,
[data-theme=dark] .table-card .table>tbody>tr,
[data-theme=dark] .table-card .table>tbody>tr>*,
[data-theme=dark] .table-card .table>thead>tr>*{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
[data-theme=dark] .table-card .table>tbody>tr:hover>*{
  background:var(--panel-soft)!important;
}
[data-theme=dark] .table-card input,[data-theme=dark] .table-card select,[data-theme=dark] .table-card textarea{background:#17253a;color:#edf5ff;border-color:#2d405a}
[data-theme=dark] .permission-grid.mini,[data-theme=dark] .permission-grid label{background:#17253a;color:#edf5ff;border-color:#2d405a}
.profile-modal-form{background:var(--panel);color:var(--text);border:1px solid var(--line)}
.profile-modal-form .modal-header,.profile-modal-form .modal-footer{border-color:var(--line)}
[data-theme=dark] .modal-content{
  background:var(--panel);
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
[data-theme=dark] .modal-header,
[data-theme=dark] .modal-footer{
  border-color:var(--line);
}
[data-theme=dark] .modal-backdrop.show{
  opacity:.72;
}
[data-theme=dark] .modal .btn-close{
  filter:invert(1) grayscale(1) brightness(1.8);
}
[data-theme=dark] .modal input,
[data-theme=dark] .modal select,
[data-theme=dark] .modal textarea{
  background:#17253a;
  color:#edf5ff;
  border-color:#2d405a;
}

/* Stable realtime chat workspace */
.tickets-layout{height:calc(100vh - 165px);min-height:560px;overflow:hidden}
.ticket-list{height:100%;max-height:none}
.chat-panel{height:100%;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto auto}
.messages{min-height:0;max-height:none;align-content:start}
.message{word-break:break-word;overflow-wrap:anywhere}
.message p{white-space:pre-wrap}
.media-preview img,.media-preview video{max-width:min(320px,100%)}
@media(max-width:1100px){.plan-line .settings-reply-edit{grid-template-columns:1fr 1fr}.tickets-layout{height:auto;min-height:0;overflow:visible}.ticket-list{max-height:320px}.chat-panel{height:calc(100vh - 210px);min-height:560px}}
@media(max-width:960px){.auth-page{padding:18px;background-position:center top}.auth-page>.login-card-modern{width:100%;border-radius:20px}.login-card-modern .login-visual,.register-card .login-visual{min-height:220px;padding:26px}.login-card-modern form{padding:24px}.register-plans{max-height:180px}.plan-line .settings-reply-edit{grid-template-columns:1fr}.chat-panel{height:auto;min-height:0}.messages{max-height:52vh}}

.login-panel-only{width:min(940px,100%);grid-template-columns:1.05fr .95fr;margin-left:auto;margin-right:min(7vw,96px);border-radius:24px;overflow:hidden;background:transparent}
.login-panel-only .login-visual{display:grid;align-content:center;min-height:420px;padding:42px;background:linear-gradient(135deg,rgba(204,251,241,.22),rgba(236,253,245,.12));backdrop-filter:blur(2px);border-right:1px solid rgba(204,251,241,.24);color:#fff}
.login-panel-only .login-visual .eyebrow{color:#7dd3fc!important}
.login-panel-only .login-visual h1{color:#fff;text-shadow:0 3px 18px rgba(2,6,23,.28)}
.login-panel-only .login-visual p{color:rgba(239,246,255,.94);max-width:360px;text-shadow:0 2px 12px rgba(2,6,23,.28)}
.login-panel-only form{padding:42px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}
.login-panel-only form h2{font-size:30px}
.login-panel-only input{background:rgba(255,255,255,.95)}
@media(max-width:960px){.auth-page{display:flex;align-items:center;justify-content:center}.login-panel-only{margin:0;width:min(520px,100%);grid-template-columns:1fr}.login-panel-only .login-visual{min-height:170px;padding:26px;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.login-panel-only form{padding:28px}}

/* Billing and auth polish */
.form{align-content:start}
.settings-grid{align-items:start}
.settings-grid>.card,.settings-grid>form.card{align-self:start}
.plan-line{display:block;padding:14px 16px;margin:10px 0;background:var(--panel-soft);border-color:var(--line);font-weight:800}
.plan-line strong{display:block;margin-bottom:6px;color:var(--text)}
.plan-line .muted{display:block;margin-bottom:8px}
.plan-line br{display:none}
.plan-line .badge{display:inline-flex!important;width:auto!important;align-items:center;justify-content:center;margin:0 6px 10px 0;padding:6px 10px;border-radius:999px;line-height:1}
.plan-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.plan-line .settings-reply-edit{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;background:rgba(37,99,235,.05);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px}
.plan-line .settings-reply-edit label{margin:0}
.plan-line .check-row{align-self:center}
.auth-theme-toggle{position:fixed;top:22px;right:24px;z-index:5;background:rgba(255,255,255,.82)!important;color:#0f2f57!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:0 16px 34px rgba(2,6,23,.18)}
[data-theme=dark] .auth-page{background-image:linear-gradient(135deg,rgba(2,6,23,.44),rgba(15,23,42,.24)),url('/public/img/login-chatbot-bg-clean.png')}
[data-theme=dark] .login-panel-only form{background:rgba(17,28,45,.9);color:#edf5ff}
[data-theme=dark] .login-panel-only form h2{color:#edf5ff}
[data-theme=dark] .login-panel-only input{background:#17253a;color:#edf5ff;border-color:#2d405a}
[data-theme=dark] .login-panel-only .btn.secondary{background:#263850;color:#edf5ff}
[data-theme=dark] .auth-theme-toggle{background:rgba(17,28,45,.82)!important;color:#edf5ff!important;border-color:rgba(96,165,250,.32)!important}
[data-theme=dark] .plan-line{background:#17253a;color:#edf5ff}
[data-theme=dark] .line,
[data-theme=dark] .pix-box{
  background:var(--panel-soft)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
[data-theme=dark] .line strong,
[data-theme=dark] .line small{
  color:var(--text)!important;
}
[data-theme=dark] .line textarea{
  background:#111c2d!important;
  color:#edf5ff!important;
  border-color:#2d405a!important;
}
.auth-toolbar .auth-theme-toggle{position:static!important;top:auto;right:auto}.auth-toolbar .language-toggle{background:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.74)!important;box-shadow:0 16px 34px rgba(2,6,23,.18)!important}[data-theme=dark] .auth-toolbar .language-toggle{background:rgba(17,28,45,.82)!important;border-color:rgba(96,165,250,.32)!important}@media(max-width:960px){.auth-toolbar{top:14px;right:14px;gap:6px}.language-toggle{height:38px;min-width:58px;padding:0 10px}.language-menu{right:0}}
[data-theme=dark] .plan-line .badge.text-bg-primary{background:#173a66!important;color:#bfdbfe!important}
[data-theme=dark] .plan-line .badge.text-bg-success{background:#0f3f2e!important;color:#bbf7d0!important}
@media(max-width:1100px){.plan-line .settings-reply-edit{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.auth-theme-toggle{top:14px;right:14px}.plan-line .settings-reply-edit{grid-template-columns:1fr}}

/* Final auth/register refinement */
.login-panel-only .login-visual,
.register-card .login-visual{
  display:grid!important;
  align-content:center!important;
  padding:42px!important;
  background:linear-gradient(135deg,rgba(187,247,208,.30),rgba(204,251,241,.16))!important;
  backdrop-filter:blur(3px)!important;
  border-right:1px solid rgba(187,247,208,.30)!important;
  color:#fff!important;
}
.login-panel-only .login-visual{min-height:420px!important}
.login-panel-only .login-visual .eyebrow,
.register-card .login-visual .eyebrow{color:#a7f3d0!important;text-shadow:0 2px 12px rgba(2,6,23,.55)!important}
.login-panel-only .login-visual h1,
.register-card .login-visual h1{color:#fff!important;text-shadow:0 3px 18px rgba(2,6,23,.62)!important}
.login-panel-only .login-visual p,
.register-card .login-visual p{color:rgba(255,255,255,.96)!important;max-width:380px;text-shadow:0 2px 12px rgba(2,6,23,.65)!important}
.register-plans article{display:grid;gap:3px;border:1px solid #d7e2ef;border-radius:12px;padding:12px;background:#f8fbff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.register-plans article:hover,
.register-plans article.selected{transform:translateY(-1px);border-color:#10b981;box-shadow:0 12px 26px rgba(16,185,129,.16);background:#ecfdf5}
.register-plans article.selected:after{content:"Plano selecionado";display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;background:#10b981;color:#fff;font-size:11px;font-weight:900}
[data-register-submit]:disabled{opacity:.52;cursor:not-allowed;transform:none!important;box-shadow:none!important}
[data-theme=dark] .register-card form{background:rgba(17,28,45,.9)!important;color:#edf5ff}
[data-theme=dark] .register-plans article{background:#17253a;border-color:#2d405a}
[data-theme=dark] .register-plans article:hover,
[data-theme=dark] .register-plans article.selected{background:#12362f;border-color:#34d399;box-shadow:0 12px 26px rgba(52,211,153,.14)}
[data-theme=dark] .register-plans strong,
[data-theme=dark] .register-plans b{color:#edf5ff}
[data-theme=dark] .register-plans span,
[data-theme=dark] .register-plans small{color:#a3b2c7}
@media(max-width:960px){
  .login-panel-only .login-visual,
  .register-card .login-visual{min-height:170px!important;padding:26px!important;border-right:0!important;border-bottom:1px solid rgba(187,247,208,.30)!important}
}

/* Auth glass layout - final direction */
.auth-page>.login-card-modern{
  background:rgba(8,15,28,.09)!important;
  border:1px solid rgba(226,232,240,.58)!important;
  box-shadow:0 34px 90px rgba(2,6,23,.34)!important;
  backdrop-filter:blur(12px)!important;
}
.login-panel-only .login-visual,
.register-card .login-visual{
  background:rgba(15,23,42,.07)!important;
  backdrop-filter:blur(7px)!important;
  border-right:1px solid rgba(226,232,240,.28)!important;
  color:#fff!important;
}
.login-panel-only .login-visual .eyebrow,
.register-card .login-visual .eyebrow{
  color:#93c5fd!important;
  text-shadow:0 2px 12px rgba(2,6,23,.75)!important;
}
.login-panel-only .login-visual h1,
.register-card .login-visual h1{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(2,6,23,.75)!important;
}
.login-panel-only .login-visual p,
.register-card .login-visual p{
  color:#f8fafc!important;
  text-shadow:0 2px 12px rgba(2,6,23,.78)!important;
}
.login-panel-only form,
.register-card form{
  background:rgba(15,23,42,.14)!important;
  color:#f8fafc!important;
  border-left:1px solid rgba(226,232,240,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.login-panel-only form .eyebrow,
.register-card form .eyebrow,
.login-panel-only label,
.register-card label{
  color:#93c5fd!important;
}
.login-panel-only form h2,
.register-card form h2{
  color:#f8fafc!important;
}
.login-panel-only input,
.register-card input{
  background:rgba(2,6,23,.10)!important;
  border-color:rgba(148,163,184,.34)!important;
  color:#f8fafc!important;
}
.login-panel-only input::placeholder,
.register-card input::placeholder{
  color:#94a3b8!important;
}
.login-panel-only .btn.secondary,
.register-card .btn.secondary{
  background:rgba(37,99,235,.08)!important;
  color:#f8fafc!important;
  border:1px solid rgba(96,165,250,.14)!important;
}
.login-panel-only button,
.register-card button{
  background:#60a5fa!important;
  color:#fff!important;
}
.login-panel-only button:hover,
.register-card button:hover{
  background:#3b82f6!important;
}
.register-plans article{
  background:rgba(2,6,23,.09)!important;
  border-color:rgba(148,163,184,.30)!important;
}
.register-plans article:hover,
.register-plans article.selected{
  background:rgba(15,118,110,.34)!important;
  border-color:#5eead4!important;
  box-shadow:0 12px 26px rgba(45,212,191,.14)!important;
}
.register-plans strong,
.register-plans b{
  color:#f8fafc!important;
}
.register-plans span,
.register-plans small{
  color:#cbd5e1!important;
}
@media(max-width:960px){
  .login-panel-only .login-visual,
  .register-card .login-visual{
    border-right:0!important;
    border-bottom:1px solid rgba(226,232,240,.28)!important;
  }
}
.pix-box{display:grid;gap:10px;margin-top:10px;max-width:360px}
.pix-box img{width:180px;height:180px;border-radius:10px;background:#fff;padding:8px;border:1px solid var(--line)}
.pix-box textarea{font-size:12px;text-transform:none}
.invoice-amount-form{display:flex;gap:8px;align-items:center}
.invoice-amount-form input{max-width:130px}
@media(max-width:720px){.invoice-amount-form{display:grid}.invoice-amount-form input{max-width:none}}

/* Ticket workspace final fix */
.page:has(.tickets-layout){
  height:100vh;
  overflow:hidden;
}
.page:has(.tickets-layout) .topbar{
  height:28px;
  margin-bottom:0;
}
.page:has(.tickets-layout) .hero{
  margin-bottom:2px;
}
.page:has(.tickets-layout) .hero h1{
  font-size:23px;
  margin:0;
}
.page:has(.tickets-layout) .app-footer{
  display:none;
}
.ticket-tabs{align-items:center;margin-bottom:6px!important}
.ticket-tabs .btn{padding:8px 12px!important}
.tickets-layout{
  height:calc(100vh - 114px)!important;
  min-height:0!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.ticket-list{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
.chat-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.chat-head{
  flex:0 0 auto!important;
  min-height:46px;
  padding-bottom:5px!important;
  align-items:flex-start!important;
  gap:12px;
}
.chat-head .btn-sm{
  padding:7px 10px!important;
}
.transfer-panel,
.quick-replies,
.composer,
.media-composer{
  flex:0 0 auto!important;
}
.ticket-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.messages{
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
  max-height:none!important;
  overflow:auto!important;
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  overscroll-behavior:contain!important;
}
.chat-panel:has(.composer) .messages{
  flex-basis:78%!important;
}
.chat-panel:not(:has(.composer)) .messages{
  flex-basis:100%!important;
}
.message{flex:0 0 auto!important}
.message.in strong{
  display:block;
  margin-bottom:4px;
}
.composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 84px!important;
  align-items:stretch!important;
  gap:8px!important;
  margin:0!important;
}
.composer textarea{
  min-height:50px!important;
  height:50px!important;
  max-height:90px!important;
  resize:none!important;
}
.composer button{
  width:84px!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 12px!important;
}
.media-composer{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 86px 118px!important;
  align-items:center!important;
  gap:8px!important;
}
.media-composer input,
.media-composer button{
  min-height:40px!important;
  height:40px!important;
}
.media-composer button{
  padding:0 10px!important;
  white-space:nowrap!important;
}
.quick-replies{min-height:30px}
.waiting-timer{
  display:inline-flex!important;
  width:max-content;
  margin-top:2px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(245,158,11,.14);
  color:#92400e!important;
  font-variant-numeric:tabular-nums;
}
[data-theme=dark] .composer textarea,
[data-theme=dark] .media-composer input{
  background:#0f1b2d!important;
  border-color:#2d405a!important;
  color:#eaf2ff!important;
}
[data-theme=dark] .waiting-timer{
  background:rgba(251,191,36,.18);
  color:#fde68a!important;
}
.media-preview img{
  max-width:min(480px,100%)!important;
  max-height:390px!important;
  object-fit:contain;
}
.media-preview video{
  width:min(480px,100%)!important;
  max-height:390px!important;
  background:#020617;
  border-radius:10px!important;
}
.media-preview audio{
  width:min(360px,100%)!important;
}
.emoji-send{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
}
.emoji-send button{
  width:30px;
  height:30px;
  padding:0;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}
.voice-recorder{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:8px 12px;
  border:1px solid rgba(14,165,233,.35);
  border-radius:999px;
  background:rgba(14,165,233,.10);
  color:#075985;
  font-weight:900;
}
.voice-recorder[hidden]{display:none!important}
.voice-recorder span{
  font-variant-numeric:tabular-nums;
}
.voice-wave{
  display:flex;
  align-items:center;
  gap:3px;
  height:24px;
  flex:1;
  max-width:220px;
}
.voice-wave i{
  width:4px;
  height:8px;
  border-radius:999px;
  background:#0284c7;
  transform-origin:center;
  animation:voicePulse .75s ease-in-out infinite;
}
.voice-wave i:nth-child(2){animation-delay:.08s}
.voice-wave i:nth-child(3){animation-delay:.16s}
.voice-wave i:nth-child(4){animation-delay:.24s}
.voice-wave i:nth-child(5){animation-delay:.32s}
.voice-wave i:nth-child(6){animation-delay:.40s}
.voice-wave i:nth-child(7){animation-delay:.48s}
.voice-wave i:nth-child(8){animation-delay:.56s}
@keyframes voicePulse{
  0%,100%{height:7px;opacity:.55}
  50%{height:24px;opacity:1}
}
.mic-permission-panel{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(37,99,235,.28);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(224,242,254,.96));
  box-shadow:0 14px 35px rgba(15,23,42,.12);
}
.mic-permission-panel strong,
.mic-permission-panel span{
  display:block;
}
.mic-permission-panel strong{
  color:#075985;
  font-size:14px;
}
.mic-permission-panel span{
  color:#475569;
  font-weight:800;
  line-height:1.35;
}
.mic-permission-panel button{
  min-height:38px!important;
  height:auto!important;
  white-space:nowrap;
}
.mic-permission-panel button.secondary{
  background:#e2e8f0;
  color:#0f172a;
}
[data-theme=dark] .emoji-send{background:rgba(96,165,250,.14)}
[data-theme=dark] .emoji-send button{background:#17263b;color:#eaf2ff}
[data-theme=dark] .voice-recorder{
  background:rgba(96,165,250,.12);
  border-color:rgba(96,165,250,.28);
  color:#bfdbfe;
}
[data-theme=dark] .voice-wave i{background:#60a5fa}
[data-theme=dark] .mic-permission-panel{
  background:linear-gradient(135deg,rgba(15,27,45,.98),rgba(23,38,59,.96));
  border-color:rgba(96,165,250,.28);
}
[data-theme=dark] .mic-permission-panel strong{color:#bfdbfe}
[data-theme=dark] .mic-permission-panel span{color:#dbeafe}
[data-theme=dark] .mic-permission-panel button.secondary{background:#24364f;color:#eaf2ff}
.companies-page{grid-template-columns:360px minmax(0,1fr)}
.companies-page.single-panel{grid-template-columns:1fr}
.companies-card{overflow:hidden}
.companies-list{
  display:grid;
  gap:12px;
  max-height:calc(100vh - 190px);
  overflow:auto;
  padding-right:4px;
}
.company-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.86));
  box-shadow:0 12px 30px rgba(15,23,42,.08);
}
.company-row.is-inactive{
  opacity:.78;
  background:linear-gradient(135deg,rgba(241,245,249,.9),rgba(226,232,240,.72));
}
.company-edit-form{
  display:grid;
  gap:10px;
  min-width:0;
}
.company-main,
.company-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:8px;
  align-items:end;
}
.company-meta{
  grid-template-columns:minmax(120px,.8fr) minmax(140px,1fr) minmax(140px,.8fr) auto;
}
.company-status{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  min-height:40px;
}
.company-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.company-actions-side{
  align-content:center;
  align-items:stretch;
  flex-direction:column;
  min-width:116px;
}
.company-actions form{margin:0}
.company-actions .btn{
  width:100%;
  min-height:38px;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
}
[data-theme=dark] .company-row{
  background:linear-gradient(135deg,rgba(15,27,45,.96),rgba(23,38,59,.88));
  border-color:#263a56;
}
[data-theme=dark] .company-row.is-inactive{
  background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.74));
}
.plan-change-preview{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  background:rgba(226,232,240,.45);
  color:var(--text);
  line-height:1.45;
}
.plan-change-preview p{
  margin:8px 0;
}
[data-theme=dark] .plan-change-preview{
  background:rgba(15,27,45,.92);
  border-color:#263a56;
}
.plan-required-alert{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(220,38,38,.24);
  border-radius:12px;
  background:#fef2f2;
  color:#991b1b;
}
.plan-required-alert strong,
.plan-required-alert span{
  display:block;
}
.plan-required-alert span{
  font-weight:800;
  line-height:1.35;
}
.plan-required-alert .btn{
  justify-self:start;
}
[data-theme=dark] .plan-required-alert{
  background:#3a171b;
  border-color:rgba(248,113,113,.3);
  color:#fecaca;
}
.quota-modal-message{
  margin:0 0 10px;
  font-weight:900;
  color:#991b1b;
}
.quota-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.quota-summary article{
  display:grid;
  gap:4px;
  min-height:104px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-soft);
}
.quota-summary span{
  color:var(--brand);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.quota-summary strong{
  color:var(--text);
  font-size:18px;
}
.quota-summary small{
  color:var(--muted);
  font-weight:800;
}
.quota-upgrade-form{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.quota-upgrade-empty{
  margin:12px 0 0;
  padding:12px;
  border-radius:12px;
  background:#fff7ed;
  color:#9a3412;
  font-weight:900;
}
[data-theme=dark] .quota-modal-message{
  color:#fecaca;
}
[data-theme=dark] .quota-upgrade-empty{
  background:#3a2715;
  color:#fed7aa;
}
@media(max-width:1280px){
  .tickets-layout{grid-template-columns:220px minmax(0,1fr)!important}
  .media-composer{grid-template-columns:1fr 1fr!important}
  .media-composer button{width:100%!important}
  .companies-page{grid-template-columns:1fr}
  .company-main,.company-meta{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .company-row{grid-template-columns:1fr}
  .company-actions-side{flex-direction:row;justify-content:flex-start}
}
@media(max-width:960px){
  .page:has(.tickets-layout){height:auto;overflow:visible}
  .tickets-layout{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;overflow:visible!important}
  .ticket-list{max-height:280px!important}
  .chat-panel{height:auto!important;min-height:0!important;overflow:visible!important}
  .messages{max-height:52vh!important}
  .composer,.media-composer{grid-template-columns:1fr!important}
  .composer button{width:100%!important}
  .mic-permission-panel{grid-template-columns:1fr}
  .mic-permission-panel button{width:100%!important}
  .company-main,.company-meta{grid-template-columns:1fr}
  .companies-list{max-height:none}
  .quota-summary{grid-template-columns:1fr}
}