/* Correções visuais estáticas; o CSP permite este arquivo do próprio Workspace. */
.app.clara-focus{grid-template-columns:70px minmax(0,1fr)!important}
.app.clara-focus>.sidebar,.app.clara-focus>.members-panel{display:none!important}
.app.clara-focus .rail-nav{display:grid!important}
.app.clara-focus .workspace{grid-column:2;grid-template-rows:64px minmax(0,1fr);width:100%!important}
.app.clara-focus .main-area{min-width:0;overflow:auto}
.app.clara-focus .system-view{height:auto;min-height:calc(100dvh - 64px);overflow:visible}
.app.clara-focus .clara-module{width:100%!important;max-width:none!important;height:auto!important;min-height:calc(100dvh - 64px);margin:0!important;padding:20px clamp(18px,3vw,42px) 42px;overflow:visible!important}
.app.clara-focus .clara-profile-banner{display:none}
.app.clara-focus .clara-module-head,.app.clara-focus .clara-module-grid,.app.clara-focus .clara-module-note,.app.clara-focus .clara-module-nav{max-width:none!important}
.app.clara-focus .clara-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.app.clara-focus .clara-module-head h2{font-size:24px}
.app.clara-focus .clara-module-head p,.app.clara-focus .clara-module-card small{font-size:11px}
.app.clara-focus .clara-module-card strong{font-size:13px}
.app.clara-focus .clara-module-note{display:none}
.clara-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.clara-kpi-card{padding:16px;border:1px solid #303850;border-radius:13px;background:#151c2a}
.clara-kpi-card small{display:block;color:#9da6ba;font-size:10px}
.clara-kpi-card strong{display:block;margin-top:7px;color:#f0f2ff;font-size:21px}
.clara-kpi-card span{display:block;margin-top:5px;color:#77839b;font-size:10px}
.clara-kpi-card.negative strong{color:#ff9da8}
.topbar{padding:0 24px}.top-copy h1{font-size:16px}.top-copy p{font-size:10px}.top-action{font-size:11px}
.clara-module-card{min-height:108px;padding:15px;border-radius:13px}.clara-module-card>span{width:34px;height:34px}.clara-module-card strong{font-size:13px}.clara-module-card small{font-size:10px;line-height:1.5}.clara-module-card b{font-size:10px}
.clara-data-table th{font-size:10px;letter-spacing:.03em}.clara-data-table td{font-size:11px}.clara-module-nav button{font-size:11px;padding:9px 13px}
@media(max-width:650px){.clara-kpi-grid{grid-template-columns:1fr}}
/* Mascote Topcard: preserve the transparent silhouette at every size. */
.brand-logo img,
.auth-logo { object-fit: contain !important; transform: none !important; }

/* Direção visual geral: operação premium, contraste calmo e leitura rápida. */
:root{--surface-0:#080d16;--surface-1:#0d1421;--surface-2:#131c2d;--surface-3:#182337;--accent:#7382ff;--accent-strong:#8995ff;--line-soft:rgba(137,149,255,.18);--text-strong:#f5f7ff}
*{scrollbar-width:thin;scrollbar-color:#354363 transparent}
body{background:radial-gradient(900px 500px at 70% -10%,rgba(93,105,246,.12),transparent 65%),var(--surface-0)}
.app{background:transparent}
.rail{background:rgba(8,13,22,.88);border-right:1px solid var(--line-soft);backdrop-filter:blur(18px)}
.rail .brand-logo{background:linear-gradient(145deg,#1b3ea2,#111b73);border:1px solid rgba(116,137,255,.42);box-shadow:0 10px 30px rgba(47,74,219,.28)}
.rail-btn{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.rail-btn:hover{transform:translateY(-2px);background:#1b2740;border-color:rgba(137,149,255,.36);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.rail-btn.active{background:linear-gradient(145deg,#5a5de3,#34368b);box-shadow:0 9px 22px rgba(78,79,224,.28)}
.sidebar,.members-panel{background:rgba(12,18,30,.9);border-color:var(--line-soft);backdrop-filter:blur(18px)}
.sidebar-header,.topbar{border-color:var(--line-soft)}
.topbar{height:70px;padding:0 clamp(16px,3vw,32px);background:rgba(9,14,24,.76);backdrop-filter:blur(18px)}
.top-icon{border:1px solid rgba(137,149,255,.28);background:linear-gradient(145deg,#262d6a,#181d42);box-shadow:0 6px 18px rgba(74,80,214,.18)}
.top-copy h1{font-size:17px;letter-spacing:-.01em}.top-copy p{color:#7d8aa5}
.top-action{border:1px solid var(--line-soft);background:#121b2b;border-radius:10px;transition:.18s ease}.top-action:hover{border-color:rgba(137,149,255,.55);background:#1b2740}
.main-area{background:linear-gradient(180deg,rgba(12,18,30,.55),rgba(8,13,22,.18))}
.home-view{min-height:100%;}.home-content,.content-shell{width:100%;max-width:none;margin:0;padding-inline:clamp(18px,2.6vw,38px);box-sizing:border-box}.home-hero{padding:clamp(18px,3vw,38px) 0 24px}.home-hero h2{max-width:900px;font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.home-hero p{max-width:760px;color:#94a1ba;font-size:13px;line-height:1.7}
.system-cards{gap:14px}.system-card,.overview-card{border:1px solid var(--line-soft);background:linear-gradient(145deg,rgba(22,32,51,.94),rgba(15,23,37,.94));box-shadow:0 14px 35px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.system-card:hover,.overview-card:hover{transform:translateY(-3px);border-color:rgba(137,149,255,.46);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.system-card-icon,.overview-card .overview-head h3{color:#eef0ff}.system-card-action,.text-btn{color:var(--accent-strong)}
.metrics strong{color:var(--text-strong);font-size:25px}.metrics span,.activity-item small{color:#8391aa}
.content-head{padding:32px 0 22px}.content-head h2{font-size:30px;letter-spacing:-.035em}.segmented{border:1px solid var(--line-soft);background:#101929;border-radius:12px;padding:4px}.segmented button{border-radius:8px}.segmented button.active{background:#4f56d9;box-shadow:0 5px 14px rgba(79,86,217,.25)}
.card-list,.data-card,.table-wrap,.chat-panel,.settings-card,.ticket-card{border:1px solid var(--line-soft);background:rgba(16,25,41,.9);box-shadow:0 16px 40px rgba(0,0,0,.16)}
table th,.data-table th{color:#98a6c0;background:#111c2e}table td,.data-table td{border-color:rgba(137,149,255,.12)}
input,textarea,select{border-color:rgba(137,149,255,.24)!important;background:#0e1727!important;transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(115,130,255,.14)!important}
button.primary-btn,.send-btn{background:linear-gradient(135deg,#6978f7,#4f5ade);box-shadow:0 8px 20px rgba(79,90,222,.24);border:0}button.primary-btn:hover,.send-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.chat-inner{background:rgba(10,16,27,.5)}.chat-message{border-color:rgba(137,149,255,.12)}.composer{border:1px solid var(--line-soft);background:#101a2b;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.settings-dialog::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(5px)}.settings-card{border-radius:18px}.settings-head{border-bottom:1px solid var(--line-soft)}
.toast{border:1px solid var(--line-soft);background:#17243a;box-shadow:0 14px 32px rgba(0,0,0,.28)}
.empty-state{border:1px dashed rgba(137,149,255,.24);background:rgba(18,28,45,.42);color:#91a0bb}
@media(max-width:900px){.home-hero{padding-top:28px}.system-cards{grid-template-columns:1fr 1fr}.topbar{height:62px}}
@media(max-width:650px){.home-content,.content-shell{padding-inline:11px}.system-cards{grid-template-columns:1fr}.home-hero h2{font-size:31px}.content-head h2{font-size:25px}.topbar{padding:0 12px}.top-action{padding:8px}.top-copy p{display:none}}

.clara-dashboard{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin:0 0 18px}.clara-dashboard-card{overflow:hidden;border:1px solid rgba(137,149,255,.2);border-radius:16px;background:linear-gradient(145deg,#151f31,#101827);color:#edf1ff;box-shadow:0 18px 45px rgba(0,0,0,.2)}.clara-dashboard-card header{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(137,149,255,.16)}.clara-dashboard-card header small,.clara-dashboard-card>div small{display:block;color:#9ca9c3;font-size:9px;font-weight:900;letter-spacing:.1em}.clara-dashboard-card header h3{margin:6px 0 0;color:#f2f4ff;font-size:16px}.clara-dashboard-card header>span{max-width:230px;color:#8190aa;font-size:9px;line-height:1.45;text-align:right}.clara-dashboard-total{padding:22px 20px 24px}.clara-dashboard-total strong{display:block;margin:12px 0 6px;color:#ffffff;font-size:32px;letter-spacing:-.04em}.clara-dashboard-total span,.clara-dashboard-split span,.clara-distribution-grid span{display:block;color:#8795ae;font-size:9px}.clara-dashboard-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(137,149,255,.16)}.clara-dashboard-split>div{padding:18px 20px}.clara-dashboard-split>div+div{border-left:1px solid rgba(137,149,255,.16)}.clara-dashboard-split strong,.clara-distribution-grid strong{display:block;margin:10px 0 6px;color:#f5f7ff;font-size:21px;letter-spacing:-.03em}.clara-distribution-grid{display:grid;grid-template-columns:1fr 1fr}.clara-distribution-grid>div{min-height:112px;padding:18px 20px;border-bottom:1px solid rgba(137,149,255,.16)}.clara-distribution-grid>div:nth-child(even){border-left:1px solid rgba(137,149,255,.16)}.clara-distribution-grid>div:last-child{border-bottom:0}.clara-distribution-grid .pending{background:rgba(101,34,43,.22)}.clara-distribution-grid .pending small{color:#ff8c96}.clara-distribution-grid .pending strong{color:#ff818b}@media(max-width:900px){.clara-dashboard{grid-template-columns:1fr}}@media(max-width:560px){.clara-dashboard-card header{display:block}.clara-dashboard-card header>span{max-width:none;margin-top:7px;text-align:left}.clara-dashboard-total strong{font-size:28px}.clara-dashboard-split,.clara-distribution-grid{grid-template-columns:1fr}.clara-dashboard-split>div+div,.clara-distribution-grid>div:nth-child(even){border-left:0;border-top:1px solid rgba(137,149,255,.16)}}