/* Sobrescreve os tokens de cor do master.css (admin, claro) pelo visual "glass" escuro do
   Salinas Core (verde de marca sobre navy translúcido) — só nesse painel, o admin master
   fica intocado. */
:root{--bg:#0a0e17;--surface:#111827;--surface2:#1a2333;--line:#232d3f;--text:#e2e8f0;--text-secondary:#cbd5e1;--muted:#8896ab;--cyan:#22d3ee;--cyan-light:#1a3540;--blue:#4ade80;--blue-light:#16351f;--violet:#a78bfa;--violet-light:#241b3d;--green:#4ade80;--green-light:#132a1d;--green-border:#1f4a30;--amber:#fbbf24;--amber-light:#2e2409;--red:#f87171;--red-light:#331515;--red-border:#4a2222;--sidebar-bg:#070c16;--sidebar-line:#1a2540;--sidebar-text:#8a9ab5;--sidebar-text-active:#ffffff;--header-bg:#0a0e17cc;--overlay:#000000b3;--shadow:0 1px 2px #00000040;--shadow-md:0 8px 24px -8px #00000060}
.sidebar-logo{height:28px;width:auto;object-fit:contain}

/* Tela de login — mesmo visual do app Salinas Core (foto de fundo, card translúcido, botão em
   degradê). Substitui o layout de duas colunas herdado do master.css só pra esta tela. */
.app-login-screen{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:#18344A url('https://lh3.googleusercontent.com/aida-public/AB6AXuBlb1KKuFDFVW_Jq3TXVFzqU_bGPKtjQhS6PbPtBMirTTZfjSzWwW3cw12vbQ0-Nnxqx9ldkY_FQU8LEtvK21gSJb3lWcxgXMXvCjw_n_1a0zAGFAIXQzf8rGE1lxUis9TtnXYUQ2fxtuIoHyWExpSdz_iDj8fKgvcvcJJw_zQvLi19zbm6MG1VL6v8j4fodKCfzqjM4dvBGrwN7sejHO-o5UET_LYE2m6Nei9n3tnn4UuDSPQmi_azjo4fGpz2pjsbIeKS5D_dX5w') center/cover no-repeat;padding:24px}
.app-login-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,27,48,.2),rgba(0,20,38,.42) 55%,rgba(8,13,22,.76))}
.app-login-content{position:relative;z-index:1;width:100%;max-width:430px;display:flex;flex-direction:column;align-items:center;gap:18px}
.app-login-brand{display:flex;flex-direction:column;align-items:center;gap:2px}
.app-login-logo{width:220px;height:auto;object-fit:contain}
.app-login-caption{margin:0;color:rgba(255,255,255,.85);font-weight:600;font-size:12px}
.app-login-card{width:100%;padding:26px;border-radius:26px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px rgba(0,0,0,.28);display:flex;flex-direction:column}
.app-login-card h2{margin:0;font:800 24px Manrope;color:#18212A}
.app-login-subtitle{margin:4px 0 20px;color:#65717D;font-size:13px;line-height:1.4}
.app-login-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}
.app-login-field>span{margin-left:3px;color:#35414C;font-weight:600;font-size:12px}
.app-login-input-wrap{height:50px;display:flex;align-items:center;gap:10px;padding:0 15px;border-radius:15px;border:1px solid #D8DEE5;background:#F7F9FC}
.app-login-input-wrap input{flex:1;height:100%;border:0;background:transparent;outline:none;color:#18212A;font-size:14px}
.app-login-icon{color:#5C8A00;font-size:16px}
.app-login-button{height:51px;border:0;border-radius:15px;background:linear-gradient(120deg,#FF9418,#F24F27,#C92A83);color:#fff;font:800 15px/1 Manrope;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 5px 9px rgba(229,76,50,.32)}
.app-login-button:hover{opacity:.95}
.app-login-footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:11.5px;font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.5)}
.app-login-credit{margin:0;color:rgba(255,255,255,.7);font-size:10.5px;text-shadow:0 0 4px rgba(0,0,0,.5)}
@media(max-width:480px){.app-login-logo{width:170px}.app-login-card{padding:20px}}

.customer-art{background:radial-gradient(circle at 80% 30%,#283d7455,transparent 35%),linear-gradient(145deg,#0b1220,#09121b)}.plan-banner{margin-bottom:14px;padding:22px 25px;border:1px solid #234150;border-radius:13px;background:linear-gradient(100deg,#10272b,#11192a);display:flex;align-items:center;justify-content:space-between}.plan-banner h3{margin:5px 0;font:700 20px Manrope}.plan-banner span{color:#8c9bae;font-size:12px}.plan-banner button,.setup-list button{border:1px solid #3b5c69;background:#163139;color:#6fe0d7;border-radius:8px;padding:9px 13px;cursor:pointer}.setup-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #1b2432}.setup-list>div>b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#17363a;color:#55d9cf;font-size:11px}.setup-list span{display:grid;gap:4px}.setup-list strong{font-size:12px}.setup-list small{color:#6b798d}.customer-empty{padding:45px 0}.customer-metrics{margin-bottom:14px}@media(max-width:760px){.plan-banner{align-items:flex-start;gap:18px}.plan-banner button{white-space:nowrap}}

/* Dashboard "glass" — banner com foto, grade de módulos e cartões translúcidos com blur,
   no mesmo estilo visual do app mobile Salinas Core. */
.dashboard-hero{position:relative;border-radius:20px;overflow:hidden;padding:28px 30px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;margin-bottom:16px;color:#fff;background:linear-gradient(180deg,rgba(6,12,22,.1),rgba(6,12,22,.55) 55%,rgba(6,12,22,.92)),url('https://lh3.googleusercontent.com/aida-public/AB6AXuBlb1KKuFDFVW_Jq3TXVFzqU_bGPKtjQhS6PbPtBMirTTZfjSzWwW3cw12vbQ0-Nnxqx9ldkY_FQU8LEtvK21gSJb3lWcxgXMXvCjw_n_1a0zAGFAIXQzf8rGE1lxUis9TtnXYUQ2fxtuIoHyWExpSdz_iDj8fKgvcvcJJw_zQvLi19zbm6MG1VL6v8j4fodKCfzqjM4dvBGrwN7sejHO-o5UET_LYE2m6Nei9n3tnn4UuDSPQmi_azjo4fGpz2pjsbIeKS5D_dX5w') center/cover no-repeat}
.dashboard-hero h1{margin:0;font:800 26px Manrope;color:#fff}
.dashboard-hero>div:first-child p{margin:6px 0 0;color:#dbe6f0;font-size:13px}
.hero-status{align-self:flex-start;display:flex;flex-direction:column;gap:7px;padding:14px 18px;border-radius:14px;background:rgba(10,16,28,.55);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);max-width:340px}
.hero-status-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}
.hero-status-title i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.hero-status p{margin:0;color:#aab8cc;font-size:11px}

.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.module-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:left;font:inherit;cursor:pointer;backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}
.module-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.module-top{display:flex;align-items:center;justify-content:space-between}
.module-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:17px;font-weight:bold}
.module-icon.mi-green{background:#16351f;color:#4ade80}
.module-icon.mi-amber{background:#2e2409;color:#fbbf24}
.module-icon.mi-cyan{background:#1a3540;color:#22d3ee}
.module-icon.mi-violet{background:#241b3d;color:#a78bfa}
.module-icon.mi-red{background:#331515;color:#f87171}
.module-icon.mi-blue{background:#152238;color:#60a5fa}
.module-icon.mi-teal{background:#0f3b3a;color:#2dd4bf}
.module-icon.mi-slate{background:#1e293b;color:#94a3b8}
.module-arrow{color:#5b6b85;font-size:15px}
.module-card h4{margin:0;font-size:14px;color:var(--text)}
.module-card small{color:var(--muted);font-size:11.5px}
.module-card{cursor:grab}
.module-card.dragging{opacity:.4;cursor:grabbing}
.module-card.drag-over{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 35%,transparent)}
.module-grid-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.module-grid-heading small{color:var(--muted);font-size:11px}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-hero{padding:22px}.module-grid{grid-template-columns:1fr}}