:root {
    --ink: #10233f;
    --muted: #58708f;
    --blue: #1976d2;
    --blue-deep: #0e4f9f;
    --widget-opacity: .46;
    --widget-strong-opacity: .63;
    --glass: rgba(255, 255, 255, var(--widget-opacity));
    --glass-strong: rgba(255, 255, 255, var(--widget-strong-opacity));
    --glass-dark: rgba(10, 45, 92, 0.58);
    --border: rgba(255, 255, 255, 0.58);
    --shadow: 0 18px 45px rgba(16, 62, 115, 0.14);
}

* { box-sizing: border-box; }

body {
    min-height: 100vh;
    margin: 0;
    color: var(--ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 12% 12%, rgba(124, 213, 255, 0.8), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.72), transparent 27%),
        radial-gradient(circle at 72% 82%, rgba(99, 177, 255, 0.45), transparent 30%),
        linear-gradient(135deg, #bce9ff 0%, #d6ebff 43%, #a9d5f8 100%);
    background-attachment: fixed;
}

body::before, body::after {
    content: "";
    position: fixed;
    z-index: -1;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    filter: blur(24px);
    opacity: 0.42;
}

body::before { background: #5ac8fa; top: 28%; left: 11%; }
body::after { background: #e4f6ff; right: 7%; bottom: 4%; }

.app-shell { display: flex; min-height: 100vh; padding: 16px; gap: 16px; }

.sidebar {
    flex: 0 0 250px;
    align-self: stretch;
    padding: 16px 12px;
    color: #fff;
    background: linear-gradient(155deg, rgba(8, 67, 138, 0.84), rgba(15, 110, 191, 0.58));
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 26px;
    box-shadow: 0 20px 50px rgba(8, 54, 108, 0.22);
    backdrop-filter: blur(25px) saturate(135%);
    -webkit-backdrop-filter: blur(25px) saturate(135%);
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px 22px;
    font-weight: 650;
    font-size: 18px;
    letter-spacing: -0.02em;
    white-space: nowrap;
}
.sidebar .logo { align-items: flex-end; line-height: 1; }
.sidebar .brand-emblem { transform: translateY(13px); }

.logo i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(255,255,255,0.2); }
.brand-emblem { display:block; width:76px; max-width:76px; height:76px; max-height:76px; flex:0 0 76px; object-fit:contain; filter:drop-shadow(0 9px 18px rgba(126, 32, 9, .3)); }
.login-card .logo {
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}
.login-card .brand-emblem {
    width: 108px;
    max-width: 108px;
    height: 108px;
    max-height: 108px;
    flex-basis: 108px;
    transform: translateY(10px);
}
.brand-name { display:inline-block; white-space:nowrap; }
.login-card .brand-name {
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size:34px;
    font-weight:600;
    line-height:1;
    letter-spacing:-.045em;
}

nav { display: grid; gap: 4px; }

nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.94);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

nav a:hover {
    color: #fff;
    transform: translateX(3px);
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.18);
}

nav a i { font-size: 17px; width: 19px; text-align: center; }

.content { flex: 1 1 auto; min-width: 0; }

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    min-height: 108px;
    padding: 24px 30px;
    color: #fff;
    background: linear-gradient(120deg, rgba(10, 78, 159, 0.8), rgba(31, 128, 213, 0.55));
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 26px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(26px) saturate(140%);
    -webkit-backdrop-filter: blur(26px) saturate(140%);
}

.topbar h3 { margin: 0 0 6px; font-size: clamp(24px, 3vw, 32px); font-weight: 650; letter-spacing: -0.04em; }
.topbar small { opacity: .84; font-size: 13px; }

.visual-control { position: relative; z-index: 20; }
.visual-toggle { display:flex; align-items:center; gap:.6rem; min-width:126px; padding:.48rem .7rem .48rem .5rem; list-style:none; cursor:pointer; border:1px solid rgba(255,255,255,.46); border-radius:16px; color:#fff; background:linear-gradient(135deg,rgba(255,255,255,.23),rgba(203,236,255,.12)); box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 18px rgba(12,67,132,.12); transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.visual-toggle:hover { transform:translateY(-1px); background:linear-gradient(135deg,rgba(255,255,255,.31),rgba(203,236,255,.2)); box-shadow:inset 0 1px rgba(255,255,255,.35),0 11px 22px rgba(12,67,132,.17); }
.visual-toggle::-webkit-details-marker { display: none; }
.visual-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:10px; color:#e7f7ff; background:rgba(255,255,255,.18); font-size:14px; }
.visual-label { display:grid; gap:.05rem; line-height:1.05; }.visual-label small { font-size:.53rem !important; letter-spacing:.09em; opacity:.68; }.visual-label strong { font-size:.78rem; font-weight:760; }.visual-chevron { margin-left:auto; font-size:.65rem; opacity:.8; transition:transform .18s ease; }.visual-control[open] .visual-chevron { transform:rotate(180deg); }
.visual-panel {
    position: absolute;
    z-index: 20;
    top: calc(100% + 12px);
    right: 0;
    width: 270px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 18px;
    color: var(--ink);
    background: rgba(242, 250, 255, .76);
    box-shadow: 0 18px 40px rgba(13,68,130,.2);
    backdrop-filter: blur(25px) saturate(150%);
    -webkit-backdrop-filter: blur(25px) saturate(150%);
}
.visual-panel strong { display: block; font-size: 14px; }
.visual-panel p { margin: 5px 0 13px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.visual-panel label { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; font-weight: 700; }
.visual-panel input[type="range"] { padding: 0; margin-top: 8px; border: 0; box-shadow: none; background: transparent; accent-color: var(--blue); }

.container-fluid.mt-4 { max-width: 1540px; margin: 20px auto 0 !important; padding: 0 4px 32px; }

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.card, .box, .import-card {
    border: 1px solid var(--border);
    background: var(--glass);
    box-shadow: var(--shadow);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.card { min-height: 138px; padding: 20px; border-radius: 22px; }
.card span { color: var(--muted); font-size: 13px; font-weight: 650; }
.card h2 { margin: 10px 0 0; color: var(--ink); font-size: clamp(28px, 3vw, 38px); line-height: 1; letter-spacing: -0.06em; }
.card small { display: block; margin-top: 10px; color: var(--muted); }

.painel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.box { border-radius: 22px; padding: 21px; }
.box h3 { margin: 0 0 16px; color: var(--ink); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }

table { width: 100%; border-collapse: separate; border-spacing: 0 7px; }
th { padding: 9px 11px; color: var(--muted); background: transparent; font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
td { padding: 12px 11px; color: #203a59; background: rgba(255, 255, 255, 0.48); border-top: 1px solid rgba(255,255,255,.65); border-bottom: 1px solid rgba(137,181,223,.18); font-size: 13px; }
td:first-child { border-radius: 13px 0 0 13px; }
td:last-child { border-radius: 0 13px 13px 0; }
td a:not(.btn) { color: var(--blue-deep); font-weight: 700; text-decoration: none; }
td a:not(.btn):hover { text-decoration: underline; }
tr { transition: transform .18s ease, filter .18s ease; }
tbody tr:hover { transform: translateY(-1px); filter: brightness(1.035); }

.btn, button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 37px;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, rgba(16,99,192,.92), rgba(45,142,223,.86));
    box-shadow: 0 8px 16px rgba(19,84,161,.18);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.btn:hover, button:hover { color: #fff; filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 11px 22px rgba(19,84,161,.26); }
.btn-danger { background: linear-gradient(135deg, rgba(105,118,138,.8), rgba(82,100,126,.78)); }

input, select, textarea {
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid rgba(91,139,186,.25);
    border-radius: 12px;
    outline: none;
    color: var(--ink);
    background: rgba(255,255,255,.65);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    font: inherit;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
textarea { min-height: 105px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: rgba(25,118,210,.7); background: rgba(255,255,255,.85); box-shadow: 0 0 0 4px rgba(74,162,239,.16); }
form { padding: 18px; border: 1px solid var(--border); border-radius: 20px; background: var(--glass); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.campo { display: grid; gap: 7px; }
.campo label { color: var(--muted); font-size: 12px; font-weight: 700; }
.coluna2 { grid-column: span 2; }

canvas { max-height: 310px; }

.pipeline-grid { display: grid; grid-template-columns: repeat(4, minmax(225px, 1fr)); gap: 16px; align-items: start; width: 100%; }
.pipeline-column { min-height: 180px; padding: 14px; border: 1px solid var(--border); border-radius: 20px; background: color-mix(in srgb, var(--glass) 72%, #d9edff); box-shadow: 0 12px 28px rgba(29,90,151,.09); backdrop-filter: blur(18px); }
.pipeline-column h4 { margin: 2px 0; color: var(--blue-deep); font-size: 13px; font-weight: 750; }
.pipeline-column > span, .pipeline-column > small { color: var(--muted); font-size: 12px; }
.pipeline-card { margin-top: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.72); border-radius: 16px; background: var(--glass-strong); box-shadow: 0 8px 18px rgba(24,79,137,.1); }
.pipeline-card strong, .pipeline-card small { display: block; margin-bottom: 6px; }
.pipeline-card strong { color: var(--ink); font-size: 13px; }
.pipeline-card small { color: var(--muted); font-size: 12px; }
.pipeline-card form { padding: 0; margin-top: 8px; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.pipeline-card select { min-height: 34px; }

.import-grid { display: grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: 18px; }
.import-card { min-height: 242px; padding: 26px; border-radius: 22px; }
.import-card i { font-size: 33px; color: var(--blue); }
.import-card h3 { margin: 15px 0 9px; color: var(--ink); font-size: 19px; }
.import-card p { min-height: 56px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.import-card-actions { display:flex; flex-wrap:wrap; gap:9px; }
.btn-secondary { color:#d8f5ff; background:rgba(110,202,247,.12); border-color:rgba(136,222,255,.42); box-shadow:none; }
.btn-secondary:hover { color:#fff; background:rgba(104,205,255,.22); box-shadow:none; }

.captacao-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.68fr); gap:28px; align-items:end; margin-bottom:20px; padding:32px; border:1px solid rgba(133,218,255,.3); border-radius:28px; background:linear-gradient(120deg,rgba(5,38,88,.86),rgba(16,82,153,.48),rgba(80,61,152,.28)); box-shadow:0 20px 48px rgba(0,17,54,.24); backdrop-filter:blur(28px) saturate(140%); }
.captacao-hero h1 { max-width:700px; margin:9px 0; color:#f2fbff; font-size:clamp(27px,3.2vw,43px); letter-spacing:-.055em; line-height:1.05; }
.captacao-hero p { max-width:690px; margin:0; color:#b8d8ef; line-height:1.55; }
.captacao-rules { display:grid; gap:9px; }.captacao-rules span { padding:12px 14px; border:1px solid rgba(159,224,255,.24); border-radius:14px; color:#d7f5ff; background:rgba(5,25,71,.28); font-size:13px; font-weight:740; }.captacao-rules i { margin-right:8px; color:#78e0ff; }
.captacao-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; margin-bottom:18px; }.captacao-panel { min-height:390px; }.captacao-form { display:grid; gap:15px; padding:0; background:none; box-shadow:none; }.captacao-fields { display:grid; grid-template-columns:1fr 1fr 82px; gap:10px; }.captacao-fields.source-row { grid-template-columns:.78fr 1.22fr; }.captacao-form textarea { resize:vertical; line-height:1.45; }.captacao-links,.captacao-actions { display:flex; gap:9px; flex-wrap:wrap; }.captacao-note { display:block; margin:0 0 13px; color:#9cbddd; font-size:12px; line-height:1.55; }.captacao-prompt { width:100%; resize:none; color:#d8f4ff; background:rgba(1,20,57,.62); border:1px solid rgba(123,207,255,.25); border-radius:16px; box-shadow:inset 0 1px rgba(219,250,255,.07); line-height:1.48; }
.captacao-results { margin-bottom:18px; }.captacao-stats { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }.captacao-stats span { padding:6px 9px; border:1px solid rgba(140,219,255,.19); border-radius:999px; color:#a9d0eb; background:rgba(8,49,103,.31); font-size:11px; }.captacao-results td:last-child { color:#ffd875; font-weight:750; }.captacao-results td:last-child i { color:#ffd467; }.captacao-actions { margin-top:16px; }.captacao-actions form { padding:0; background:none; box-shadow:none; }
@media (max-width: 900px) { .captacao-hero,.captacao-grid,.captacao-fields,.captacao-fields.source-row { grid-template-columns:1fr; }.captacao-hero { padding:24px; }.captacao-panel { min-height:0; }.captacao-stats { justify-content:flex-start; } }

.profile-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; margin-bottom:18px; border:1px solid var(--border); border-radius:22px; background:var(--glass); box-shadow:var(--shadow); backdrop-filter:blur(22px) saturate(135%); }
.profile-hero span { color:var(--blue-deep); font-size:12px; font-weight:800; letter-spacing:.08em; }
.profile-hero h2 { margin:7px 0; color:var(--ink); font-size:28px; letter-spacing:-.04em; }
.profile-hero p { margin:0; color:var(--muted); }
.profile-actions { display:flex; gap:9px; flex-wrap:wrap; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.detail-grid span { display:grid; gap:5px; color:var(--muted); font-size:12px; }
.detail-grid strong { color:var(--ink); font-size:14px; font-weight:700; }

.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 20% 15%, rgba(117,220,255,.72), transparent 28%), radial-gradient(circle at 80% 85%, rgba(94,142,255,.5), transparent 30%), #dcebfa; }
.login-card { width:min(100%, 410px); display:grid; gap:12px; padding:34px; border:1px solid rgba(255,255,255,.78); border-radius:28px; background:rgba(255,255,255,.58); box-shadow:0 25px 60px rgba(21,71,123,.2); backdrop-filter:blur(25px) saturate(140%); }
.login-card .logo { margin-bottom:12px; color:var(--blue-deep); font-weight:800; }
.login-card h1 { margin:0; color:var(--ink); font-size:28px; letter-spacing:-.04em; }
.login-card p { margin:0 0 12px; color:var(--muted); }
.login-card label { color:var(--muted); font-size:13px; font-weight:750; }
.login-card .btn { justify-content:center; margin-top:8px; }
.login-error { padding:11px 13px; border-radius:12px; color:#9c2534; background:rgba(255,225,230,.75); font-size:13px; }
.login-success { padding:11px 13px; border-radius:12px; color:#b7f6d3; background:rgba(32,141,100,.22); border:1px solid rgba(112,238,188,.24); font-size:13px; }
.login-recovery { margin-top:5px; text-align:center; color:#91dfff; font-size:13px; font-weight:700; text-decoration:none; }
.login-recovery:hover { color:#e5f9ff; text-decoration:underline; }

.admin-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 30px; margin-bottom:18px; border:1px solid rgba(120,218,255,.28); border-radius:25px; color:#e8f7ff; background:linear-gradient(135deg,rgba(9,39,86,.9),rgba(16,82,149,.54)); box-shadow:0 18px 42px rgba(0,0,0,.18); }
.admin-hero-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-hero span { color:#8ee7ff; font-size:11px; font-weight:800; letter-spacing:.14em; }.admin-hero h1 { margin:4px 0; font-size:28px; }.admin-hero p { margin:0; color:#b4cee5; }.admin-hero > i { font-size:44px; color:#73e6ff; }
.team-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 84% 20%,rgba(132,89,255,.34),transparent 28%),linear-gradient(135deg,rgba(6,27,65,.95),rgba(9,58,114,.6)); }.team-license { min-width:126px; padding:14px 17px; border:1px solid rgba(165,229,255,.28); border-radius:17px; background:rgba(207,244,255,.12); }.team-license small { display:block; color:#a9dff9; font-size:9px; font-weight:800; letter-spacing:.1em; }.team-license strong { display:block; margin-top:4px; color:#f1fbff; font-size:25px; line-height:1; }.team-license strong span { font-size:14px; letter-spacing:0; }.team-note { margin:15px 0 0; color:#9fc7e5; font-size:12px; line-height:1.45; }.team-note i { color:#73e6ff; margin-right:5px; }.team-role { display:inline-flex; padding:5px 9px; border:1px solid transparent; border-radius:999px; color:#cbf4ff; background:rgba(61,187,238,.16); font-size:10px; font-weight:800; letter-spacing:.05em; }.team-role-gerente { color:#ddd1ff; background:rgba(148,105,255,.18); border-color:rgba(179,150,255,.22); }.team-role-vendedor { color:#aeeeff; background:rgba(48,181,240,.16); border-color:rgba(107,218,255,.2); }.team-role-assistente { color:#b9f4d8; background:rgba(45,184,129,.15); border-color:rgba(113,232,170,.18); }
.admin-grid { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.45fr); gap:18px; }.admin-create,.admin-list { padding:22px; border:1px solid rgba(133,218,255,.22); border-radius:22px; background:linear-gradient(145deg,rgba(7,31,68,calc(var(--widget-opacity) * .9)),rgba(10,50,100,calc(var(--widget-opacity) * .68))); box-shadow:0 18px 42px rgba(0,0,0,.18); }.admin-create h2,.admin-list h2 { margin:0 0 16px; color:#edf9ff; font-size:18px; }.admin-create form { display:grid; gap:11px; }.admin-create label { display:grid; gap:6px; color:#a9c9e6; font-size:12px; font-weight:700; }.admin-form-line { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.admin-table-wrap { overflow:auto; }.admin-list table { min-width:680px; width:100%; }.admin-list td small { display:block; margin-top:4px; color:#9abbd7; }.admin-list td form { display:flex; align-items:center; gap:6px; background:transparent; padding:0; box-shadow:none; }.admin-list select { min-width:104px; padding:7px; font-size:11px; }.status-pill { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.06em; }.status-ativo { color:#a9f4d0; background:rgba(35,183,121,.18); }.status-teste { color:#f2d39b; background:rgba(255,178,74,.17); }.status-bloqueado { color:#ffb2bb; background:rgba(232,80,99,.17); }.icon-btn { width:31px; height:31px; border:0; border-radius:9px; color:#d8f8ff; background:rgba(57,177,238,.26); }
@media (max-width:950px) { .admin-grid { grid-template-columns:1fr; } }

/* Central de Comando — SiaLocum: análise, estratégia e decisão em um único painel. */
.command-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 178px auto auto; gap:20px; align-items:center; overflow:hidden; min-height:218px; padding:28px 34px; margin-bottom:18px; border:1px solid rgba(151,224,255,.42); border-radius:29px; color:#e8f7ff; background:radial-gradient(circle at 52% 49%,rgba(68,211,255,.24),transparent 24%),radial-gradient(circle at 91% 12%,rgba(160,103,255,.34),transparent 30%),linear-gradient(122deg,#061a3d,#092c62 50%,#123a78); box-shadow:0 25px 58px rgba(2,16,48,.32),inset 0 1px rgba(236,251,255,.14); backdrop-filter:blur(25px) saturate(140%); }
.command-hero::before, .command-hero::after { content:""; position:absolute; z-index:0; border-radius:50%; filter:blur(5px); opacity:.56; }
.command-hero::before { width:250px; height:250px; right:17%; top:-135px; background:radial-gradient(circle,rgba(76,225,241,.48),transparent 68%); }
.command-hero::after { width:280px; height:280px; right:-95px; bottom:-172px; background:radial-gradient(circle,rgba(167,123,255,.38),transparent 68%); }
.command-hero > * { position:relative; z-index:1; }
.command-hero .eyebrow { color:#8fddff; }
.command-welcome h1 { margin:7px 0 6px; color:#f4fbff; font-size:clamp(30px,4vw,42px); line-height:1; letter-spacing:-.06em; }
.command-welcome p { margin:0; max-width:410px; color:#b7d7f3; font-size:14px; }
.sialocum-hero-emblem { position:relative; display:grid; place-items:center; width:178px; height:178px; margin-inline:auto; }
.sialocum-hero-emblem::before { content:""; position:absolute; inset:10px; border:1px solid rgba(139,226,255,.58); border-radius:50%; box-shadow:0 0 0 7px rgba(105,222,255,.05),0 0 32px rgba(99,205,255,.3),inset 0 0 24px rgba(97,205,255,.18); }
.sialocum-hero-emblem::after { content:""; position:absolute; width:116%; height:1px; background:linear-gradient(90deg,transparent,rgba(134,240,255,.72),transparent); }
.sialocum-hero-emblem img { position:relative; z-index:1; width:142px; height:142px; object-fit:cover; border-radius:50%; border:1px solid rgba(208,244,255,.7); box-shadow:0 15px 30px rgba(0,0,0,.28); }
.sialocum-side,.sialocum-orbit-label { position:absolute; z-index:2; color:#d3f6ff; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-shadow:0 2px 8px #031837; }
.sialocum-past { left:-18px; top:89px; }.sialocum-future { right:-18px; top:89px; }.sialocum-orbit-label { top:0; }
.command-clock { display:grid; gap:2px; min-width:105px; padding:14px 18px; border:1px solid rgba(164,226,255,.43); border-radius:20px; text-align:center; background:rgba(3,26,65,.4); box-shadow:inset 0 1px rgba(222,249,255,.16),0 10px 28px rgba(0,0,0,.13); }
.command-clock span { color:#d8f8ff; font-size:26px; font-weight:760; letter-spacing:-.06em; }.command-clock small { color:#94bee4; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.command-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }.command-hero .btn { background:linear-gradient(135deg,#21bdea,#1976d8); box-shadow:0 10px 20px rgba(0,14,50,.3); }.command-secondary { color:#d5f6ff; background:rgba(255,255,255,.09); border-color:rgba(145,220,255,.4); box-shadow:none; }.command-secondary:hover { color:#fff; background:rgba(255,255,255,.16); }

.dashboard-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.metric-card { position:relative; min-height:161px; overflow:hidden; padding:19px; border:1px solid rgba(255,255,255,.72); border-radius:23px; box-shadow:0 15px 34px rgba(35,85,132,.13); backdrop-filter:blur(21px) saturate(135%); }
.metric-card::after { content:""; position:absolute; width:130px; height:130px; right:-54px; bottom:-66px; border-radius:50%; opacity:.5; }
.metric-sales { background:linear-gradient(145deg,rgba(215,253,248,.74),rgba(216,240,255,.56)); }.metric-sales::after{background:#5dd9c2;}
.metric-day { background:linear-gradient(145deg,rgba(241,227,255,.76),rgba(223,241,255,.55)); }.metric-day::after{background:#b191ed;}
.metric-pipeline { background:linear-gradient(145deg,rgba(255,242,211,.78),rgba(255,229,220,.55)); }.metric-pipeline::after{background:#f4ad78;}
.metric-base { background:linear-gradient(145deg,rgba(222,240,255,.78),rgba(226,231,255,.58)); }.metric-base::after{background:#7baff0;}
.metric-icon { display:grid; place-items:center; width:34px; height:34px; margin-bottom:13px; border-radius:12px; color:#2b6da2; background:rgba(255,255,255,.57); font-size:17px; }
.metric-card > span { display:block; color:#4d7293; font-size:12px; font-weight:750; }.metric-card > strong { display:block; margin:7px 0; color:#193e63; font-size:clamp(23px,2.5vw,31px); letter-spacing:-.055em; }.metric-card > small{position:relative;z-index:1;color:#5c7b96;font-size:11px;line-height:1.35;}.positive{color:#16826f;}.negative{color:#b34c59;}

.command-grid { display:grid; grid-template-columns:1.16fr .84fr; gap:18px; margin-bottom:18px; }.lower-grid { grid-template-columns:1fr 1fr; }.dashboard-panel { border:1px solid rgba(255,255,255,.72); border-radius:24px; padding:21px; background:rgba(249,253,255,calc(var(--widget-opacity) + .12)); box-shadow:0 16px 38px rgba(36,87,137,.12); backdrop-filter:blur(23px) saturate(142%); }.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }.panel-heading h2 { margin:5px 0 0; color:#173e63; font-size:19px; letter-spacing:-.035em; }.text-action { color:#3478ad; font-size:11px; font-weight:760; text-decoration:none; white-space:nowrap; }.text-action:hover { color:#164f81; }
.timeline-list { display:grid; gap:2px; }.timeline-item { display:grid; grid-template-columns:46px 18px 1fr; gap:11px; align-items:center; min-height:51px; }.timeline-time { color:#537898; font-size:11px; font-weight:750; }.timeline-dot { width:10px; height:10px; border:3px solid #7dc8d5; border-radius:50%; box-shadow:0 0 0 4px rgba(125,200,213,.18); }.timeline-item strong,.timeline-item small { display:block; }.timeline-item strong { color:#264b6c; font-size:13px; }.timeline-item small { margin-top:3px; color:#7690a6; font-size:11px; text-transform:capitalize; }.next-up { display:grid; grid-template-columns:auto 1fr; gap:7px 13px; margin-top:15px; padding-top:13px; border-top:1px solid rgba(101,152,194,.16); }.next-up > span { grid-row:span 5; color:#6590b3; font-size:10px; font-weight:800; letter-spacing:.08em; writing-mode:vertical-rl; transform:rotate(180deg); }.next-up small { color:#66829c; font-size:11px; }
.empty-command { display:grid; justify-items:start; gap:8px; padding:14px 0 3px; color:#5d7a93; }.empty-command i { color:#86bdd7; font-size:27px; }.empty-command strong { color:#315875; font-size:14px; }.empty-command span { font-size:12px; }.empty-command .btn { margin-top:5px; }
.pipeline-pulse { display:grid; gap:13px; }.pulse-row { display:grid; grid-template-columns:124px 1fr 27px; gap:10px; align-items:center; }.pulse-row > span { color:#5d7b97; font-size:10px; font-weight:730; letter-spacing:.03em; }.pulse-row b { color:#315e84; font-size:12px; text-align:right; }.pulse-track { height:7px; overflow:hidden; border-radius:10px; background:rgba(99,151,192,.13); }.pulse-track i { display:block; min-width:3px; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7ec7da,#9aa6ed); }.pipeline-foot { margin-top:18px; padding:10px 11px; border-radius:12px; color:#5f7f99; background:rgba(220,237,254,.6); font-size:11px; }.pipeline-foot i { color:#5a9cc5; margin-right:5px; }
.radar-summary { display:grid; grid-template-columns:auto 1fr; gap:0 14px; align-items:center; margin-bottom:13px; padding:13px 15px; border-radius:15px; background:linear-gradient(110deg,rgba(213,250,244,.52),rgba(228,238,255,.58)); }.radar-summary span { color:#617f99; font-size:11px; }.radar-summary strong { color:#23688a; font-size:23px; letter-spacing:-.05em; }.radar-summary small { grid-column:span 2; margin-top:5px; color:#7190a7; font-size:10px; }.product-list,.ranking-list { display:grid; gap:8px; }.product-list > div { display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:9px; }.product-list > div > span { display:grid; place-items:center; width:22px; height:22px; border-radius:8px; color:#497b96; background:rgba(208,237,244,.75); font-size:10px; font-weight:800; }.product-list p { overflow:hidden; margin:0; color:#3f627e; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.product-list strong { color:#296587; font-size:11px; }.ranking-list > div { display:grid; grid-template-columns:32px 1fr auto; gap:10px; align-items:center; min-height:31px; }.ranking-number { color:#7c98ae; font-size:11px; font-weight:800; }.ranking-list strong { overflow:hidden; color:#3b5f7d; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.ranking-list small { color:#3d8a87; font-size:11px; font-weight:750; }.empty-inline{color:#7891a6;font-size:12px;}
.coverage-panel { margin-bottom:8px; }.coverage-total { color:#5a86a7; font-size:11px; font-weight:700; }.coverage-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }.coverage-grid > div { min-height:85px; padding:13px; border:1px solid rgba(255,255,255,.64); border-radius:16px; background:linear-gradient(145deg,rgba(238,249,255,.55),rgba(226,231,255,.46)); }.coverage-grid span,.coverage-grid small { display:block; color:#708da6; font-size:10px; }.coverage-grid strong { display:block; margin:4px 0; color:#2b618e; font-size:24px; letter-spacing:-.05em; }

.route-location-panel { display:grid; grid-template-columns:auto 1fr auto; gap:17px; align-items:center; padding:18px 21px; margin-top:18px; border:1px solid rgba(255,255,255,.76); border-radius:22px; background:linear-gradient(110deg,rgba(220,250,247,.6),rgba(232,239,255,.62)); box-shadow:0 14px 33px rgba(37,90,133,.1); backdrop-filter:blur(22px) saturate(140%); }.route-location-icon { display:grid; place-items:center; width:45px; height:45px; border-radius:16px; color:#258f8c; background:rgba(255,255,255,.64); font-size:21px; }.route-location-panel h2 { margin:4px 0; color:#265572; font-size:16px; letter-spacing:-.02em; }.route-location-panel p { margin:0; max-width:650px; color:#67849c; font-size:12px; line-height:1.45; }.route-location-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }.route-clear-location { min-height:36px; border:0; color:#678197; background:transparent; box-shadow:none; }.route-clear-location:hover { color:#355e7f; background:rgba(255,255,255,.45); box-shadow:none; }

.logout-link { margin-top:10px; color:#fff !important; background:rgba(132,35,69,.3); border-color:rgba(255,202,214,.28) !important; }.logout-link:hover { background:rgba(174,47,83,.52) !important; }

/* Catálogo B2B — Confecção do Alemão */
.beach-hero{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(400px,.9fr);gap:24px;align-items:center;overflow:hidden;padding:32px;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:linear-gradient(122deg,rgba(255,237,224,.83),rgba(255,221,219,.58) 48%,rgba(222,229,255,.68));box-shadow:0 22px 55px rgba(114,71,107,.14);backdrop-filter:blur(25px) saturate(145%)}
.beach-hero-copy h1{margin:9px 0 12px;color:#3c385d;font-size:clamp(30px,3.25vw,43px);line-height:.98;letter-spacing:-.065em}.beach-hero-copy h1 em{color:#d7645b;font-style:normal}.beach-hero-copy p{max-width:480px;margin:0;color:#74627f;line-height:1.55}.beach-note{display:inline-flex;gap:8px;align-items:center;margin-top:18px;padding:8px 11px;border-radius:12px;color:#925b66;background:rgba(255,255,255,.52);font-size:12px;font-weight:720}.beach-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.beach-metrics article{display:grid;gap:6px;min-height:118px;padding:15px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.52);box-shadow:inset 0 1px rgba(255,255,255,.78),0 13px 28px rgba(89,63,112,.08)}.beach-metrics i{color:#d76b5d;font-size:18px}.beach-metrics span{color:#806b87;font-size:11px;font-weight:760}.beach-metrics strong{color:#433a61;font-size:29px;letter-spacing:-.06em}
.beach-category-row{display:flex;gap:10px;flex-wrap:wrap}.beach-category{display:inline-flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid rgba(255,255,255,.72);border-radius:15px;color:#6e6280;background:rgba(255,255,255,.42);box-shadow:0 8px 20px rgba(64,72,122,.06);font-size:13px;font-weight:720;text-decoration:none;transition:.18s ease}.beach-category i{color:#d76b5d}.beach-category b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:8px;color:#9a6070;background:rgba(255,228,220,.78);font-size:11px}.beach-category:hover,.beach-category.selected{transform:translateY(-2px);color:#fff;background:linear-gradient(115deg,#d76b5d,#b673ad);box-shadow:0 12px 24px rgba(192,92,100,.22)}.beach-category:hover i,.beach-category.selected i{color:#fff}.beach-category:hover b,.beach-category.selected b{color:#fff;background:rgba(255,255,255,.18)}
.beach-filter{display:grid;grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto auto;gap:.75rem}.beach-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.beach-product-card{overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:23px;background:rgba(255,255,255,.56);box-shadow:0 17px 37px rgba(56,66,115,.1);backdrop-filter:blur(18px);transition:transform .2s ease,box-shadow .2s ease}.beach-product-card:hover{transform:translateY(-5px);box-shadow:0 23px 42px rgba(112,66,105,.17)}.beach-product-image{display:block;height:255px;overflow:hidden;background:#f0dce2}.beach-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.beach-product-card:hover .beach-product-image img{transform:scale(1.04)}.beach-product-copy{padding:16px 17px 18px}.beach-card-top{display:flex;justify-content:space-between;align-items:center;color:#bd6f7d;font-size:11px;font-weight:780;text-transform:uppercase;letter-spacing:.08em}.beach-card-top i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#a65672;background:rgba(255,223,223,.74)}.beach-product-copy h2{margin:11px 0 6px;color:#423a5d;font-size:20px;letter-spacing:-.035em}.beach-product-copy p{min-height:42px;margin:0;color:#786c83;font-size:12px;line-height:1.45}.beach-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.beach-tags span{padding:6px 8px;border-radius:9px;color:#8e5f76;background:rgba(255,230,220,.66);font-size:10px;font-weight:760}.beach-detail-link{display:flex;justify-content:space-between;align-items:center;color:#ac5f76;font-size:12px;font-weight:800;text-decoration:none}.beach-detail-link:hover{color:#774d92}
.beach-detail{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:28px;align-items:start;padding:26px;border:1px solid rgba(255,255,255,.78);border-radius:29px;background:rgba(255,255,255,.5);box-shadow:0 20px 45px rgba(57,72,121,.11);backdrop-filter:blur(22px)}.beach-detail-image{overflow:hidden;border-radius:22px;background:#fff}.beach-detail-image img{display:block;width:100%;min-height:430px;height:100%;object-fit:cover;opacity:1!important;filter:none!important;mix-blend-mode:normal}.beach-detail-copy h1{margin:11px 0;color:#40395b;font-size:42px;letter-spacing:-.06em}.beach-detail-copy>p{margin:0;color:#756a80;line-height:1.6}.beach-commercial-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.beach-commercial-data article{display:grid;gap:5px;min-height:106px;padding:14px;border:1px solid rgba(255,255,255,.75);border-radius:17px;background:rgba(255,247,247,.46)}.beach-commercial-data i{color:#d26b62;font-size:17px}.beach-commercial-data span{color:#937b8e;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.06em}.beach-commercial-data strong{color:#50415f;font-size:13px;line-height:1.35}.beach-availability{display:flex;gap:9px;align-items:center;margin-top:14px;padding:11px 13px;border-radius:13px;color:#8a6071;background:rgba(255,228,220,.55);font-size:12px;font-weight:720}.beach-availability i{font-size:16px}

/* Tabelas comerciais personalizadas */
.commercial-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:28px 31px;border:1px solid rgba(255,255,255,.8);border-radius:27px;background:linear-gradient(116deg,rgba(225,247,255,.78),rgba(236,230,255,.66));box-shadow:0 18px 43px rgba(56,83,137,.12);backdrop-filter:blur(22px)}.commercial-hero h1{margin:8px 0;color:#263f67;font-size:32px;letter-spacing:-.05em}.commercial-hero p{margin:0;color:#69819d}.commercial-count{display:grid;gap:5px;min-width:180px;padding:15px 17px;border:1px solid rgba(255,255,255,.77);border-radius:18px;background:rgba(255,255,255,.5)}.commercial-count span{color:#69809a;font-size:11px;font-weight:750}.commercial-count strong{color:#285f9b;font-size:31px;letter-spacing:-.06em}.commercial-count a{color:#47769d;font-size:11px;font-weight:740;text-decoration:none}.commercial-table-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:15px}.commercial-table-head h3{margin:6px 0 0;color:#2a4d71;font-size:19px}.commercial-table-head small{max-width:280px;color:#72879d;font-size:11px;text-align:right}.commercial-table td small{display:block;margin-top:3px;color:#72879d}.commercial-default{display:inline-block;padding:6px 9px;border-radius:9px;color:#6b819a;background:rgba(225,239,250,.7);font-size:11px;font-weight:720}.commercial-form{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:27px;background:rgba(255,255,255,.52);box-shadow:0 19px 44px rgba(49,81,133,.12);backdrop-filter:blur(22px)}.commercial-product-summary{padding:29px;background:linear-gradient(150deg,rgba(219,245,255,.86),rgba(228,220,255,.66))}.commercial-product-summary h1{margin:10px 0 8px;color:#274567;font-size:31px;letter-spacing:-.055em}.commercial-product-summary p{color:#627d99}.commercial-product-summary div{display:flex;gap:7px;flex-wrap:wrap}.commercial-product-summary div span{padding:7px 9px;border-radius:9px;color:#547394;background:rgba(255,255,255,.62);font-size:11px}.commercial-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:29px}.commercial-form-fields label{display:grid;gap:7px;color:#58738e;font-size:12px;font-weight:760}.commercial-observation,.commercial-status,.commercial-form-actions{grid-column:1/-1}.commercial-status{display:flex !important;align-items:center;gap:9px}.commercial-status input{width:16px;height:16px;accent-color:#2f8bd5}.commercial-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
.commercial-free-grade{display:inline-flex;gap:7px;align-items:center;margin-top:13px;padding:7px 10px;border-radius:10px;color:#2c7a87;background:rgba(218,248,242,.66);font-size:11px;font-weight:760}

/* A linha Moda Praia segue o sistema visual SiaLocum: consulta comercial, não vitrine de varejo. */
.beach-hero{background:linear-gradient(112deg,rgba(229,250,255,.82),rgba(208,238,255,.6) 48%,rgba(226,225,255,.58));box-shadow:0 20px 52px rgba(35,86,140,.15)}.beach-hero-copy h1{margin:7px 0 9px;color:#173b61;font-size:clamp(29px,3vw,39px);line-height:1;letter-spacing:-.055em}.beach-hero-copy h1 em{color:#2c82b5}.beach-hero-copy p{max-width:440px;color:#5d7e9c;font-size:14px}.beach-note{color:#39708f;background:rgba(255,255,255,.58)}.beach-metrics article{background:rgba(255,255,255,.43);box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 24px rgba(33,84,137,.07)}.beach-metrics i{color:#2b78b0}.beach-metrics span{color:#5c7b98}.beach-metrics strong{color:#1d466f}
.beach-category{color:#5c7894;background:rgba(255,255,255,.44);box-shadow:0 8px 20px rgba(45,85,132,.07)}.beach-category i{color:#2d86bd}.beach-category b{color:#3375a1;background:rgba(221,241,255,.83)}.beach-category:hover,.beach-category.selected{background:linear-gradient(115deg,#2689ca,#5a87c9);box-shadow:0 12px 24px rgba(44,112,174,.22)}
.beach-product-card{background:rgba(255,255,255,.58);box-shadow:0 17px 37px rgba(56,87,129,.1)}.beach-product-card:hover{box-shadow:0 23px 42px rgba(50,102,154,.17)}.beach-product-image{background:#e8f5ff}.beach-card-top{color:#40779f}.beach-card-top i{color:#2b78b0;background:rgba(219,241,255,.78)}.beach-product-copy h2{color:#244869}.beach-product-copy p{color:#687f99}.beach-tags span{color:#39719a;background:rgba(223,243,255,.72)}.beach-detail-link{color:#2b78b0}.beach-detail-link:hover{color:#265e96}
.beach-detail{background:rgba(255,255,255,.54);box-shadow:0 20px 45px rgba(57,87,131,.11)}.beach-detail-image{background:#fff}.beach-detail-copy h1{color:#244869}.beach-detail-copy>p{color:#687f99}.beach-commercial-data article{background:rgba(239,248,255,.6)}.beach-commercial-data i{color:#2b78b0}.beach-commercial-data span{color:#5c7b98}.beach-commercial-data strong{color:#355e7f}.beach-availability{color:#3d7497;background:rgba(220,244,255,.64)}

.filter-bar { display:grid; grid-template-columns:minmax(240px,2fr) minmax(190px,1fr) auto auto; gap:.75rem; align-items:center; }
.catalog-hero { position:relative; display:grid; grid-template-columns:minmax(260px,.9fr) minmax(500px,1.45fr); gap:24px; align-items:center; overflow:hidden; min-height:230px; padding:29px 31px; border:1px solid rgba(255,255,255,.77); border-radius:28px; background:linear-gradient(112deg,rgba(229,250,255,.8),rgba(208,238,255,.58) 48%,rgba(226,225,255,.57)); box-shadow:0 20px 52px rgba(35,86,140,.15); backdrop-filter:blur(25px) saturate(142%); }
.catalog-hero::before,.catalog-hero::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }.catalog-hero::before { width:270px; height:270px; top:-175px; left:31%; background:rgba(66,200,232,.4); filter:blur(28px); }.catalog-hero::after { width:290px; height:290px; right:-120px; bottom:-190px; background:rgba(168,142,243,.32); filter:blur(25px); }.catalog-hero-copy,.catalog-metrics { position:relative; z-index:1; }.catalog-hero-copy h1 { margin:9px 0 10px; color:#173b61; font-size:clamp(28px,3.2vw,41px); line-height:.98; letter-spacing:-.065em; }.catalog-hero-copy h1 em { color:#2c82b5; font-style:normal; }.catalog-hero-copy p { max-width:430px; margin:0; color:#5d7e9c; font-size:13px; line-height:1.5; }
.catalog-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.catalog-metric { display:grid; align-content:start; min-height:142px; padding:15px; border:1px solid rgba(255,255,255,.72); border-radius:19px; background:rgba(255,255,255,.43); box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 24px rgba(33,84,137,.07); transition:transform .18s ease,background .18s ease; }.catalog-metric:hover { transform:translateY(-3px); background:rgba(255,255,255,.62); }.catalog-metric i { display:grid; place-items:center; width:33px; height:33px; margin-bottom:13px; border-radius:11px; background:rgba(255,255,255,.6); font-size:16px; }.catalog-metric span { color:#5c7b98; font-size:10px; font-weight:760; line-height:1.25; }.catalog-metric strong { margin-top:5px; color:#1d466f; font-size:28px; line-height:1; letter-spacing:-.06em; }.metric-all i{color:#2b78b0}.metric-ready i{color:#5b76ba}.metric-blocks i{color:#6a6bb1}.metric-sun i{color:#b27847}
.catalog-hub { padding:1.25rem; border:1px solid rgba(255,255,255,.72); border-radius:1.45rem; background:linear-gradient(120deg,rgba(231,250,255,.54),rgba(235,229,255,.48)); box-shadow:0 14px 32px rgba(35,85,132,.1); backdrop-filter:blur(22px) saturate(138%); }
.catalog-hub-heading { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin:0 .1rem 1rem; }.catalog-hub-heading h4 { margin:.25rem 0 0; color:var(--ink); font-size:1.05rem; }.catalog-reset { display:inline-flex; align-items:center; gap:6px; padding:.48rem .7rem; border:1px solid rgba(115,168,207,.35); border-radius:.75rem; color:#3478ad; background:rgba(255,255,255,.42); font-size:11px; font-weight:750; text-decoration:none; }.catalog-reset:hover { color:#174e7d; background:rgba(255,255,255,.68); }
.catalog-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }.catalog-category { display:flex; align-items:center; gap:.65rem; min-height:78px; padding:.78rem; border:1px solid rgba(255,255,255,.68); border-radius:1.05rem; color:var(--ink); background:rgba(255,255,255,.34); text-decoration:none; transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }.catalog-category:hover,.catalog-category.selected { color:var(--ink); background:rgba(255,255,255,.66); box-shadow:0 10px 20px rgba(30,92,145,.12); transform:translateY(-2px); }.catalog-category-icon { display:grid; flex:0 0 36px; place-items:center; width:36px; height:36px; border-radius:.8rem; color:#237db9; background:rgba(161,224,245,.45); }.catalog-category small,.catalog-category strong { display:block; }.catalog-category small { color:#64829c; font-size:.62rem; text-transform:uppercase; letter-spacing:.07em; }.catalog-category strong { font-size:.8rem; line-height:1.15; }.catalog-category b { display:grid; justify-items:end; margin-left:auto; color:#37729f; font-size:1.1rem; line-height:1; }.catalog-category b small { margin-bottom:2px; color:#7894ab; font-size:.55rem; letter-spacing:.04em; text-transform:none; }
.catalog-table th { white-space:nowrap; }
.catalog-table td { color:var(--ink); }
.sku-badge { display:inline-flex; padding:.28rem .52rem; border-radius:.55rem; color:#0b5f9f; background:rgba(34,128,214,.13); font-weight:750; letter-spacing:.03em; }
.technical-item { height:100%; padding:.9rem 1rem; border:1px solid rgba(255,255,255,.68); border-radius:1rem; background:rgba(255,255,255,.28); }
.technical-item small,.technical-item strong { display:block; }.technical-item small { margin-bottom:.25rem; color:#5a7398; }
.catalog-back { display:inline-flex; align-items:center; gap:8px; padding:.55rem .7rem; border:1px solid rgba(113,164,204,.3); border-radius:.82rem; color:#43759a; background:rgba(255,255,255,.31); font-size:11px; font-weight:760; text-decoration:none; transition:background .18s ease,transform .18s ease; }.catalog-back:hover { color:#1c5b8b; background:rgba(255,255,255,.64); transform:translateX(-2px); }
.product-sheet { overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:27px; background:rgba(247,253,255,.48); box-shadow:0 19px 46px rgba(32,86,139,.14); backdrop-filter:blur(24px) saturate(140%); }.product-sheet-head { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) minmax(230px,.9fr); gap:20px; align-items:center; padding:29px 31px 26px; background:linear-gradient(115deg,rgba(218,239,255,.64),rgba(228,242,255,.57) 55%,rgba(235,229,255,.63)); }.product-sheet-head::after { content:""; position:absolute; width:280px; height:280px; right:-110px; top:-178px; border-radius:50%; background:rgba(158,146,239,.2); filter:blur(23px); }.product-index,.product-title,.product-traits { position:relative; z-index:1; }.product-index { display:grid; place-items:center; width:69px; height:69px; border:1px solid rgba(255,255,255,.84); border-radius:50%; color:#fff; background:linear-gradient(140deg,#5a86c2,#5e6fb4); box-shadow:0 10px 22px rgba(72,95,173,.22),inset 0 1px rgba(255,255,255,.3); font-size:20px; font-weight:800; letter-spacing:-.06em; }.product-title h1 { margin:6px 0 10px; color:#193e60; font-size:clamp(27px,3vw,38px); line-height:1; letter-spacing:-.06em; }.product-code-line { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:#64809a; font-size:12px; }.residual-chip { padding:.28rem .58rem; border-radius:99px; color:#5268a6; background:rgba(213,214,248,.78); font-size:10px; font-weight:760; letter-spacing:.02em; }.product-traits { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }.product-traits span { display:inline-flex; align-items:center; gap:6px; padding:.48rem .7rem; border:1px solid rgba(255,255,255,.67); border-radius:99px; color:#365f75; background:rgba(255,255,255,.45); box-shadow:inset 0 1px rgba(255,255,255,.78); font-size:10px; font-weight:760; }.product-traits i { color:#5a75ba; font-size:12px; }
.product-spec-section { padding:27px 31px 30px; }.product-section-heading { margin-bottom:16px; }.product-section-heading h2 { margin:5px 0 0; color:#244a6a; font-size:19px; letter-spacing:-.035em; }.product-spec-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }.product-spec { display:flex; align-items:center; gap:11px; min-height:76px; padding:13px; border:1px solid rgba(255,255,255,.72); border-radius:17px; background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(229,244,255,.41)); }.product-spec-icon { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border-radius:11px; color:#367f93; background:rgba(193,235,239,.55); font-size:15px; }.product-spec small,.product-spec strong { display:block; }.product-spec small { margin-bottom:3px; color:#67839b; font-size:10px; font-weight:720; }.product-spec strong { color:#244d71; font-size:13px; font-weight:780; line-height:1.25; }.product-note { display:flex; gap:8px; align-items:flex-start; padding:14px 31px; border-top:1px solid rgba(112,160,196,.16); color:#638099; background:rgba(224,242,254,.36); font-size:11px; line-height:1.45; }.product-note i { color:#478ab0; }
.catalog-lines { display:grid; gap:18px; }.catalog-line { overflow:hidden; border:1px solid rgba(255,255,255,.76); border-radius:24px; background:rgba(247,253,255,.6); box-shadow:0 15px 35px rgba(38,88,136,.12); backdrop-filter:blur(22px) saturate(136%); }.catalog-line-header { display:flex; align-items:center; gap:13px; padding:18px 21px; border-bottom:1px solid rgba(84,137,175,.24); background:linear-gradient(112deg,rgba(202,225,252,.74),rgba(222,226,255,.65)); }.catalog-line-header h2 { margin:3px 0 0; color:#244e69; font-size:17px; font-weight:800; letter-spacing:-.025em; text-transform:uppercase; }.catalog-line-index { display:grid; flex:0 0 42px; place-items:center; width:42px; height:42px; border-radius:15px; color:#fff; background:linear-gradient(145deg,#5b85c1,#606db0); box-shadow:0 7px 17px rgba(72,91,169,.2); font-size:12px; font-weight:800; }.catalog-product-groups { display:grid; gap:1px; }.catalog-product-group { padding:18px 21px 20px; border-bottom:1px solid rgba(94,143,181,.22); background:rgba(255,255,255,.2); }.catalog-product-group:last-child { border-bottom:0; }.catalog-product-head { display:flex; gap:14px; align-items:center; justify-content:space-between; margin-bottom:15px; }.catalog-product-head h3 { margin:0 0 6px; color:#1f4967; font-size:16px; letter-spacing:-.02em; }.catalog-treatment-list { display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; }.catalog-treatment-list span { display:inline-flex; align-items:center; gap:5px; padding:.42rem .62rem; border:1px solid rgba(163,204,224,.56); border-radius:99px; color:#315f76; background:rgba(255,255,255,.75); font-size:9px; font-weight:760; white-space:nowrap; }.catalog-treatment-list i { color:#5d70bb; font-size:11px; }.catalog-grade-options { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; }.catalog-grade-option { display:grid; grid-template-columns:auto auto 29px; align-items:center; gap:11px; width:fit-content; max-width:100%; min-height:80px; padding:11px; border:1px solid rgba(124,185,214,.68); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(235,249,255,.78)); box-shadow:0 6px 14px rgba(41,104,153,.08); }.catalog-sku { display:grid; align-content:center; min-width:53px; padding:7px 8px; border-radius:11px; color:#1d5d87; background:rgba(163,219,239,.6); font-size:13px; font-weight:820; text-align:center; letter-spacing:-.02em; }.catalog-sku small { margin-bottom:2px; color:#477993; font-size:8px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }.catalog-grade-data { display:flex; flex-wrap:wrap; gap:7px 12px; }.catalog-grade-data span { display:grid; gap:1px; color:#1f4967; font-size:11px; font-weight:720; }.catalog-grade-data small { color:#63849d; font-size:8px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.catalog-detail-link { display:grid; place-items:center; width:29px; height:29px; border-radius:10px; color:#2478a6; background:rgba(195,232,247,.88); font-size:14px; text-decoration:none; transition:transform .18s ease,background .18s ease; }.catalog-detail-link:hover { color:#fff; background:#3188c1; transform:translate(2px,-2px); }.catalog-empty { display:grid; justify-items:center; gap:8px; padding:58px 20px; border:1px solid rgba(255,255,255,.7); border-radius:24px; color:#6c899f; background:rgba(255,255,255,.38); }.catalog-empty i { color:#71afce; font-size:31px; }.catalog-empty strong { color:#325b78; }.catalog-empty span { font-size:12px; }

@media (max-width: 1050px) {
    .app-shell { padding: 10px; gap: 10px; }
    .sidebar { flex-basis: 210px; }
    .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .painel { grid-template-columns: 1fr; }
    .pipeline-grid { grid-template-columns: repeat(2, minmax(225px, 1fr)); }
    .dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .command-hero { grid-template-columns:1fr auto; }
    .catalog-hero { grid-template-columns:1fr; }
    .catalog-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .command-actions { grid-column:span 2; justify-content:flex-start; }
}

@media (max-width: 780px) {
    .app-shell { display: block; padding: 9px; }
    .sidebar { margin-bottom: 10px; border-radius: 20px; }
    nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    nav a { justify-content: center; padding: 10px 6px; font-size: 11px; }
    nav a i { display: none; }
    .topbar { min-height: 88px; padding: 18px; border-radius: 20px; }
    .painel, .form-grid, .import-grid, .pipeline-grid { grid-template-columns: 1fr; }
    .dashboard-metrics, .command-grid { grid-template-columns:1fr; }
    .command-hero { grid-template-columns:1fr; padding:25px; }
    .catalog-hero { min-height:auto; padding:24px; }
    .catalog-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .catalog-metric { min-height:118px; }
    .product-sheet-head { grid-template-columns:auto 1fr; padding:24px; }.product-traits { grid-column:span 2; justify-content:flex-start; }.product-spec-section { padding:24px; }.product-spec-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-note { padding:14px 24px; }
    .catalog-product-head { align-items:flex-start; flex-direction:column; }.catalog-treatment-list { justify-content:flex-start; }.catalog-grade-options { grid-template-columns:1fr; }
    .command-clock { width:max-content; }
    .command-actions { grid-column:auto; justify-content:flex-start; }
    .pulse-row { grid-template-columns:105px 1fr 24px; }
    .route-location-panel { grid-template-columns:auto 1fr; }.route-location-actions { grid-column:span 2; justify-content:flex-start; }
    .filter-bar { grid-template-columns:1fr 1fr; }
    .catalog-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .detail-grid { grid-template-columns:1fr; }
    .profile-hero { align-items:flex-start; flex-direction:column; }
    .coluna2 { grid-column: auto; }
    .container-fluid.mt-4 { margin-top: 10px !important; }
    .card { min-height: 116px; }
    table { display: block; overflow-x: auto; }
    .filter-bar { grid-template-columns:1fr; }
    .catalog-hub-heading { display:block; }.catalog-hub-heading .text-action { display:inline-block; margin-top:.65rem; }.catalog-categories { grid-template-columns:1fr; }
}

/* Assinatura SiaLocum: o logo oficial fala por si, sem recorte ou moldura. */
.sidebar .logo {
    display: block;
    padding: 5px 6px 25px;
}
.sidebar .brand-emblem,
.login-card .brand-emblem {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    flex-basis: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    transform: none;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .28));
}
.login-card .logo {
    display: block;
    margin: 0 0 23px;
    padding: 0;
}
@media (max-width: 780px) {
    .login-card .brand-emblem { width: 100%; height: auto; }
}
/* Seletor de ambiente comercial */
.topbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:.7rem; margin-left:auto; flex:0 0 auto; }
.environment-switcher { position: relative; z-index: 20; margin:0; }
.environment-switcher summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: .65rem; min-width: 205px; padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.45); border-radius: 16px; background: rgba(255,255,255,.16); color: #fff; }
.environment-switcher summary::-webkit-details-marker { display: none; }
.environment-switcher summary small { display:block; font-size:.57rem; letter-spacing:.08em; opacity:.74; }
.environment-switcher summary strong { display:block; font-size:.84rem; line-height:1.15; }
.environment-switcher summary > .bi { margin-left:auto; font-size:.72rem; }
.environment-dot { flex: 0 0 10px; width:10px; height:10px; border-radius:50%; box-shadow: 0 0 0 4px rgba(255,255,255,.14); }
.environment-menu { position:absolute; right:0; top:calc(100% + .55rem); width:280px; padding:.45rem; border:1px solid rgba(255,255,255,.65); border-radius:18px; background:rgba(245,250,255,.94); box-shadow:0 18px 46px rgba(31,71,130,.23); backdrop-filter:blur(20px); }
.environment-menu a { display:flex; align-items:center; gap:.7rem; padding:.7rem .75rem; border-radius:12px; color:#25466e; text-decoration:none; }
.environment-menu a:hover { background:rgba(106,183,241,.17); }
.environment-menu a span:nth-child(2) { display:grid; gap:.13rem; }
.environment-menu a strong { font-size:.84rem; }
.environment-menu a small { font-size:.7rem; color:#6681a2; }
.environment-menu a > .bi { margin-left:auto; color:#ef754a; }
.environment-menu .environment-manage { margin-top:.25rem; border-top:1px solid rgba(89,135,183,.18); color:#326eac; font-size:.78rem; }
@media (max-width: 760px) { .environment-switcher summary { min-width:180px; } .topbar { gap:.7rem; flex-wrap:wrap; } .topbar-actions { width:100%; justify-content:space-between; margin-left:0; } }

/* Identidade SiaLocum — inteligência comercial com contraste de painel futurista. */
body { color:#dcecff; background:radial-gradient(circle at 15% 14%,rgba(35,125,220,.33),transparent 29%),radial-gradient(circle at 86% 10%,rgba(151,91,244,.18),transparent 27%),radial-gradient(circle at 75% 84%,rgba(18,207,230,.14),transparent 32%),linear-gradient(135deg,#020a1a 0%,#071b3b 48%,#0a2c5d 100%); }
body::before { background:#0c64b6; opacity:.26; } body::after { background:#663eaf; opacity:.18; }
.sidebar { background:linear-gradient(160deg,rgba(3,18,48,.94),rgba(7,43,88,.82)); border-color:rgba(116,210,255,.24); box-shadow:0 20px 50px rgba(0,0,0,.32),inset 0 1px rgba(211,247,255,.09); }
.brand-emblem { display:block; background:transparent; filter:drop-shadow(0 9px 18px rgba(63,207,255,.38)); }
.topbar { background:linear-gradient(120deg,rgba(4,27,65,.93),rgba(10,68,132,.72) 58%,rgba(62,67,145,.62)); border-color:rgba(130,220,255,.33); box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px rgba(230,250,255,.1); }
.visual-toggle,.environment-switcher summary { background:linear-gradient(135deg,rgba(58,190,239,.22),rgba(139,92,246,.15)); border-color:rgba(151,226,255,.42); }
.visual-panel { color:#dcecff; background:rgba(5,25,58,.95); border-color:rgba(131,216,255,.32); }.visual-panel p,.visual-panel label { color:#9ebfdf; }
.visual-presets { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:13px; }.visual-presets button { min-height:29px; padding:5px 4px; border-color:rgba(137,221,255,.26); border-radius:9px; color:#bfeaff; background:rgba(85,190,255,.1); box-shadow:none; font-size:9px; }.visual-presets button:hover { background:rgba(103,211,255,.2); box-shadow:none; }
.card,.box,.import-card,form,.profile-hero { background:linear-gradient(145deg,rgba(7,31,68,calc(var(--widget-opacity) * .9)),rgba(10,50,100,calc(var(--widget-opacity) * .68))); border-color:rgba(132,216,255,.24); box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(232,251,255,.06); }
.card span,.card small,.campo label,.profile-hero p,.detail-grid span { color:#9cbbd9; }.card h2,.box h3,.import-card h3,.profile-hero h2,.detail-grid strong { color:#edf9ff; }
th { color:#9dbfdf; } td { color:#dcecff; background:rgba(8,35,76,.64); border-top-color:rgba(162,228,255,.13); border-bottom-color:rgba(111,191,240,.13); } td a:not(.btn) { color:#80dcff; }
input,select,textarea { color:#e9f8ff; background:rgba(2,19,51,.72); border-color:rgba(123,205,255,.28); box-shadow:inset 0 1px rgba(217,247,255,.06); } input:focus,select:focus,textarea:focus { color:#fff; background:rgba(4,30,70,.94); border-color:#55ccff; }
.pipeline-column { background:rgba(5,30,68,calc(var(--widget-opacity) * .76)); border-color:rgba(128,216,255,.22); }.pipeline-column h4 { color:#8ddcff; }.pipeline-column > span,.pipeline-column > small,.pipeline-card small { color:#9bbbd8; }.pipeline-card { background:rgba(7,37,80,calc(var(--widget-strong-opacity) * .78)); border-color:rgba(155,222,255,.2); }.pipeline-card strong { color:#effaff; }
.login-page { background:radial-gradient(circle at 20% 12%,rgba(50,154,245,.42),transparent 27%),radial-gradient(circle at 82% 84%,rgba(123,78,236,.28),transparent 30%),linear-gradient(135deg,#020815,#071b3b 55%,#0c376d); }.login-card { background:linear-gradient(145deg,rgba(6,29,67,.86),rgba(9,59,116,.62)); border-color:rgba(145,223,255,.35); box-shadow:0 25px 60px rgba(0,0,0,.38); }.login-card .logo,.login-card h1 { color:#effaff; }.login-card p,.login-card label { color:#a8c7e4; }
@media (max-width:1050px) { .command-hero { grid-template-columns:minmax(0,1fr) 178px; } .command-clock,.command-actions { grid-column:span 1; } .command-actions { justify-content:flex-start; } }
@media (max-width:780px) { .command-hero { grid-template-columns:1fr; } .sialocum-hero-emblem { margin:0; } .command-clock { width:max-content; } .command-actions { grid-column:auto; justify-content:flex-start; } }

/* Cockpit SiaLocum — widgets com leitura de inteligência de vendas. */
.dashboard-metrics { gap:14px; }
.metric-card { min-height:150px; border-color:rgba(128,220,255,.26); background:linear-gradient(145deg,rgba(11,47,96,calc(var(--widget-opacity) * .92)),rgba(5,28,64,calc(var(--widget-opacity) * .72))); box-shadow:0 16px 38px rgba(0,0,0,.25),inset 0 1px rgba(225,250,255,.09); }
.metric-card::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.48; background:linear-gradient(116deg,rgba(99,223,255,.12),transparent 45%,rgba(172,111,255,.11)); }
.metric-card::after { opacity:.34; }.metric-sales::after{background:#31d6ca;}.metric-day::after{background:#8d79f8;}.metric-pipeline::after{background:#ffb270;}.metric-base::after{background:#54b8ff;}
.metric-icon { position:relative; z-index:1; color:#83e8ff; background:linear-gradient(135deg,rgba(91,222,255,.18),rgba(133,108,255,.16)); border:1px solid rgba(139,226,255,.24); }
.metric-card > span { position:relative; z-index:1; color:#9fc6e8; letter-spacing:.035em; text-transform:uppercase; font-size:10px; }.metric-card > strong { position:relative; z-index:1; color:#f0fbff; }.metric-card > small { color:#97b7d8; }.positive { color:#64e9d2; }.negative { color:#ff9db1; }
.dashboard-panel { border-color:rgba(128,220,255,.25); background:linear-gradient(145deg,rgba(7,35,77,calc(var(--widget-opacity) * .96)),rgba(8,50,102,calc(var(--widget-opacity) * .68))); box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px rgba(233,251,255,.07); }
.panel-heading { padding-bottom:13px; border-bottom:1px solid rgba(137,216,255,.13); }.panel-heading h2 { color:#f0fbff; }.dashboard-panel .eyebrow { color:#72dfff; }.text-action { color:#78dfff; }.text-action:hover { color:#effcff; }
.timeline-time { color:#9ec8e8; }.timeline-dot { border-color:#57dcff; box-shadow:0 0 0 4px rgba(87,220,255,.13),0 0 16px rgba(87,220,255,.34); }.timeline-item strong,.empty-command strong { color:#e9f9ff; }.timeline-item small,.next-up small,.empty-command,.empty-command span { color:#a2c1dd; }.next-up { border-top-color:rgba(126,217,255,.16); }.next-up > span { color:#6edaf8; }
.pulse-row > span { color:#adcbe6; }.pulse-row b { color:#e8faff; }.pulse-track { background:rgba(130,211,255,.11); border:1px solid rgba(130,211,255,.07); }.pulse-track i { box-shadow:0 0 16px rgba(78,223,255,.46); background:linear-gradient(90deg,#4fe2ff,#8b8cff 52%,#d77aff); }.pipeline-foot { color:#a9cae4; background:rgba(23,82,139,.34); border:1px solid rgba(129,215,255,.13); }.pipeline-foot i { color:#76e4ff; }
.radar-summary { background:linear-gradient(105deg,rgba(14,105,152,.34),rgba(101,67,161,.28)); border:1px solid rgba(144,218,255,.17); }.radar-summary span,.radar-summary small { color:#a9c9e2; }.radar-summary strong { color:#7ee8ff; }
.product-list > div > span { color:#b3edff; background:rgba(69,183,225,.18); }.product-list p,.ranking-list strong { color:#d9edff; }.product-list strong { color:#86e8d9; }.ranking-number,.empty-inline { color:#9ebfdc; }.ranking-list small { color:#78e6d2; }
.coverage-total { color:#9bc6e7; }.coverage-grid > div { border-color:rgba(130,218,255,.17); background:linear-gradient(145deg,rgba(13,63,122,calc(var(--widget-opacity) * .75)),rgba(10,42,89,calc(var(--widget-opacity) * .58))); }.coverage-grid span,.coverage-grid small { color:#a3c2dc; }.coverage-grid strong { color:#87e8ff; }
.route-location-panel { border-color:rgba(131,222,255,.24); background:linear-gradient(110deg,rgba(8,58,111,calc(var(--widget-opacity) * .84)),rgba(66,45,130,calc(var(--widget-opacity) * .6))); box-shadow:0 14px 33px rgba(0,0,0,.22),inset 0 1px rgba(237,251,255,.08); }.route-location-icon { color:#70e6ff; background:rgba(91,214,255,.13); border:1px solid rgba(119,226,255,.22); }.route-location-panel h2 { color:#e9faff; }.route-location-panel p { color:#a7c7e0; }.route-clear-location { color:#a7c8df; }.route-clear-location:hover { color:#fff; background:rgba(255,255,255,.08); }
.environment-menu { background:rgba(5,25,58,.97); border-color:rgba(131,216,255,.28); box-shadow:0 18px 46px rgba(0,0,0,.34); }.environment-menu a { color:#dcf3ff; }.environment-menu a:hover { background:rgba(74,190,255,.13); }.environment-menu a small { color:#9abbd8; }.environment-menu a > .bi { color:#7ce5ff; }.environment-menu .environment-manage { border-top-color:rgba(132,215,255,.17); color:#79ddff; }
@media (max-width:780px) { .metric-card { min-height:132px; }.dashboard-panel { padding:18px; } }

/* SiaLocum — inteligência que observa, conecta e decide. */
:root {
    --ink: #f4e7c4;
    --muted: #a8bad1;
    --blue: #4f9ed3;
    --blue-deep: #174f7a;
    --night-950: #020814;
    --night-900: #061220;
    --night-800: #0a1b2e;
    --raven: #090c12;
    --raven-soft: #202833;
    --metal-blue: #4f9ed3;
    --metal-blue-light: #8cccf4;
    --butter: #f2e2b9;
    --butter-bright: #fff1cc;
    --glass: rgba(8, 22, 39, var(--widget-opacity));
    --glass-strong: rgba(9, 27, 48, var(--widget-strong-opacity));
    --glass-dark: rgba(2, 9, 20, .78);
    --border: rgba(120, 177, 217, .25);
    --shadow: 0 22px 52px rgba(0, 0, 0, .35);
}

body {
    color: #dce7f1;
    background:
        radial-gradient(circle at 10% 8%, rgba(65, 132, 180, .18), transparent 28%),
        radial-gradient(circle at 86% 12%, rgba(79, 158, 211, .12), transparent 27%),
        radial-gradient(circle at 72% 82%, rgba(8, 23, 40, .8), transparent 38%),
        linear-gradient(135deg, #020712 0%, #071525 44%, #0a2138 100%);
}
body::before { background: #367db1; opacity: .12; }
body::after { background: #06090e; opacity: .26; }

.sidebar {
    background: linear-gradient(165deg, rgba(3, 10, 19, .94), rgba(10, 27, 45, .9));
    border-color: rgba(86, 151, 195, .22);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .4), inset 0 1px rgba(187, 222, 246, .07);
}
.brand-emblem {
    object-fit: cover;
    object-position: 18% center;
    background: transparent;
    border-radius: 50%;
    filter: drop-shadow(0 8px 16px rgba(50, 133, 195, .26));
}
.brand-name { color: var(--butter); font-weight: 650; letter-spacing: -.035em; }
.sidebar .brand-emblem { transform: translateY(9px); }
nav a { color: rgba(235, 242, 248, .86); }
nav a:hover, nav a:focus-visible {
    color: var(--butter-bright);
    border-color: rgba(128, 194, 237, .26);
    background: linear-gradient(90deg, rgba(63, 137, 187, .18), rgba(242, 226, 185, .07));
}
nav .logout-link { color: #c5d7e7; }

.topbar {
    color: #edf5fb;
    background: linear-gradient(112deg, rgba(6, 22, 39, .92), rgba(16, 55, 87, .78) 62%, rgba(26, 83, 121, .66));
    border-color: rgba(119, 186, 227, .28);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .32), inset 0 1px rgba(218, 238, 251, .08);
}
.topbar h3 { color: var(--butter-bright); }
.topbar small { color: #bad0e2; }
.visual-toggle, .environment-switcher summary {
    color: var(--butter-bright);
    background: linear-gradient(135deg, rgba(47, 116, 159, .28), rgba(4, 15, 27, .38));
    border-color: rgba(127, 192, 232, .31);
    box-shadow: inset 0 1px rgba(228, 244, 255, .09), 0 9px 18px rgba(0, 0, 0, .18);
}
.visual-toggle:hover, .environment-switcher summary:hover { background: linear-gradient(135deg, rgba(64, 143, 191, .36), rgba(9, 27, 46, .46)); }
.visual-icon { color: var(--butter); background: rgba(242, 226, 185, .1); }
.visual-panel, .environment-menu {
    color: #e6eff6;
    background: rgba(5, 16, 28, .95);
    border-color: rgba(114, 183, 224, .28);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .42);
}
.visual-panel p, .visual-panel label, .environment-menu a small { color: #a9bdd0; }
.environment-menu a { color: #e5eef5; }
.environment-menu a:hover { background: rgba(76, 151, 199, .16); }
.environment-menu .environment-manage { color: var(--metal-blue-light); border-top-color: rgba(111, 178, 218, .17); }
.visual-panel input[type="range"] { accent-color: var(--butter); }
.visual-presets button { color: #d9e9f5; background: rgba(67, 142, 190, .12); border-color: rgba(109, 182, 223, .22); }
.visual-presets button:hover { color: var(--butter-bright); background: rgba(73, 157, 209, .24); }

.card, .box, .import-card, form, .profile-hero, .pipeline-column, .pipeline-card, .dashboard-panel,
.admin-create, .admin-list, .catalog-line, .product-sheet, .catalog-empty {
    background: linear-gradient(145deg, rgba(7, 22, 39, calc(var(--widget-opacity) * .94)), rgba(12, 38, 62, calc(var(--widget-opacity) * .72)));
    border-color: rgba(105, 171, 211, .23);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .27), inset 0 1px rgba(221, 240, 252, .055);
}
.card h2, .box h3, .import-card h3, .profile-hero h2, .detail-grid strong,
.pipeline-card strong, .dashboard-panel h2, .admin-create h2, .admin-list h2 { color: #f2e7cb; }
.card span, .card small, .campo label, .profile-hero p, .detail-grid span,
.pipeline-column > span, .pipeline-column > small, .pipeline-card small { color: #a8bdd0; }
th { color: #b7cde0; } td { color: #e0eaf2; background: rgba(5, 18, 32, .52); border-color: rgba(107, 170, 210, .12); }
td a:not(.btn), .text-action { color: var(--metal-blue-light); }

input, select, textarea {
    color: #eaf2f8;
    background: rgba(2, 12, 23, .72);
    border-color: rgba(103, 177, 221, .28);
    box-shadow: inset 0 1px rgba(213, 239, 255, .05);
}
input:focus, select:focus, textarea:focus {
    color: #fff8e7;
    background: rgba(5, 22, 39, .94);
    border-color: var(--metal-blue-light);
    box-shadow: 0 0 0 4px rgba(79, 158, 211, .16);
}
.btn, button:not(.visual-presets button) {
    color: #fff4d8;
    background: linear-gradient(135deg, #286fa8, #4f9ed3);
    border-color: rgba(157, 213, 245, .45);
    box-shadow: 0 10px 23px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 246, 224, .16);
}
.btn:hover, button:hover { color: #fff9e8; box-shadow: 0 13px 27px rgba(0, 0, 0, .3), 0 0 20px rgba(79, 158, 211, .16); }
.btn-secondary, .command-secondary { color: #dceaf5; background: rgba(10, 34, 57, .62); border-color: rgba(113, 182, 223, .3); }

.login-page {
    background:
        radial-gradient(circle at 18% 15%, rgba(73, 151, 204, .2), transparent 28%),
        radial-gradient(circle at 86% 84%, rgba(35, 78, 116, .26), transparent 34%),
        linear-gradient(135deg, #020611, #061524 54%, #0c2946);
}
.login-card {
    background: linear-gradient(145deg, rgba(4, 16, 29, .94), rgba(11, 39, 68, .82));
    border-color: rgba(112, 181, 223, .34);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .5), inset 0 1px rgba(234, 245, 253, .075);
}
.login-card .brand-emblem { transform: translateY(8px); }
.login-card .logo, .login-card h1 { color: var(--butter-bright); }
.login-card .brand-name { color: var(--butter); font-weight: 620; }
.login-card p, .login-card label { color: #b3c9db; }
.login-recovery { color: var(--metal-blue-light); }
.login-recovery:hover { color: var(--butter-bright); }
.login-success { color: #e6f5d3; background: rgba(54, 115, 91, .26); border-color: rgba(138, 192, 157, .28); }

.command-hero, .admin-hero, .captacao-hero {
    border-color: rgba(116, 186, 227, .28);
    background: radial-gradient(circle at 78% 14%, rgba(80, 159, 208, .2), transparent 31%), linear-gradient(124deg, rgba(3, 14, 27, .95), rgba(8, 38, 68, .83) 58%, rgba(17, 65, 101, .66));
    box-shadow: 0 24px 54px rgba(0, 0, 0, .35), inset 0 1px rgba(229, 244, 254, .08);
}
.command-welcome h1, .captacao-hero h1, .admin-hero h1 { color: var(--butter-bright); }
.command-welcome p, .captacao-hero p, .admin-hero p { color: #b7cde0; }
.command-hero .eyebrow, .dashboard-panel .eyebrow, .admin-hero span { color: var(--metal-blue-light); }
.sialocum-hero-emblem::before { border-color: rgba(128, 201, 242, .42); box-shadow: 0 0 0 7px rgba(92, 169, 218, .055), 0 0 32px rgba(56, 139, 192, .26), inset 0 0 24px rgba(53, 129, 179, .14); }
.sialocum-hero-emblem::after { background: linear-gradient(90deg, transparent, rgba(242, 226, 185, .55), transparent); }
.sialocum-hero-emblem img { object-fit: cover; object-position: 18% center; border-color: rgba(242, 226, 185, .44); }
.sialocum-side, .sialocum-orbit-label { color: var(--butter); text-shadow: 0 2px 8px #020814; }
.command-clock { background: rgba(3, 15, 28, .48); border-color: rgba(130, 199, 236, .3); }
.command-clock span { color: var(--butter-bright); }.command-clock small { color: #a8c2d7; }

.metric-card, .coverage-grid > div { border-color: rgba(110, 180, 221, .23); background: linear-gradient(145deg, rgba(8, 29, 51, calc(var(--widget-opacity) * .95)), rgba(14, 48, 78, calc(var(--widget-opacity) * .7))); box-shadow: 0 16px 38px rgba(0, 0, 0, .27), inset 0 1px rgba(228, 243, 252, .07); }
.metric-card::before { background: linear-gradient(116deg, rgba(111, 193, 236, .1), transparent 48%, rgba(242, 226, 185, .07)); }
.metric-card > span, .coverage-grid span, .coverage-grid small { color: #a9c0d3; }.metric-card > strong, .coverage-grid strong { color: var(--butter-bright); }.metric-icon { color: var(--butter); background: rgba(79, 158, 211, .14); border-color: rgba(116, 190, 231, .2); }
.positive, .coverage-grid strong { color: #98cfeb; }.negative { color: #e5a7a0; }

.catalog-hero, .product-sheet-head, .catalog-line-header, .catalog-product-group, .product-spec, .catalog-grade-option,
.catalog-treatment-list span, .product-traits span, .product-note, .catalog-empty {
    color: #dce8f2;
    background: linear-gradient(135deg, rgba(7, 24, 42, .92), rgba(16, 48, 76, .72));
    border-color: rgba(112, 178, 217, .23);
}
.catalog-hero h1, .product-title h1, .catalog-line-header h2, .catalog-product-head h3, .product-section-heading h2 { color: var(--butter-bright); }
.catalog-hero p, .product-code-line, .product-note, .product-spec small, .catalog-grade-data small { color: #a9c0d2; }
.product-index, .catalog-line-index { color: #071524; background: linear-gradient(145deg, var(--butter-bright), #d9bd80); }
.catalog-sku { color: #071c31; background: rgba(140, 204, 239, .9); }.catalog-grade-data span, .product-spec strong { color: #e3edf5; }
.catalog-detail-link { color: #071c31; background: var(--butter); }.catalog-detail-link:hover { color: #03111e; background: var(--butter-bright); }

@media (max-width: 780px) {
    .login-card .logo { gap: 11px; font-size: 29px; }
    .login-card .brand-emblem { width: 88px; height: 88px; flex-basis: 88px; }
}

/* Consolidação SiaLocum: navegação e operação no mesmo cockpit escuro. */
.sidebar .logo {
    display: block;
    padding: 5px 6px 25px;
}
.sidebar .brand-emblem,
.login-card .brand-emblem {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    flex-basis: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    transform: none;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .28));
}
.login-card .logo {
    display: block;
    margin: 0 0 23px;
    padding: 0;
}

main.content { flex: 1 1 auto; min-width: 0; }
.pipeline-intro {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin: 0 0 19px;
    padding: 0 3px;
}
.pipeline-intro .eyebrow {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: var(--metal-blue-light);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
}
.pipeline-intro p { margin: 6px 0 0; color: #bfd0df; }
.pipeline-intro .btn { white-space: nowrap; }
.pipeline-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
    gap: 16px;
    width: 100%;
    align-items: start;
}
.pipeline-column {
    min-height: 260px;
    padding: 15px;
    border: 1px solid rgba(113, 181, 221, .26);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 4%, rgba(103, 184, 228, .13), transparent 35%),
        linear-gradient(150deg, rgba(8, 26, 45, calc(var(--widget-opacity) * .94)), rgba(13, 45, 73, calc(var(--widget-opacity) * .72)));
    box-shadow: 0 18px 39px rgba(0, 0, 0, .24), inset 0 1px rgba(230, 245, 255, .06);
    backdrop-filter: blur(18px) saturate(126%);
}
.pipeline-column-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 9px;
    padding: 2px 2px 12px;
    border-bottom: 1px solid rgba(138, 196, 230, .14);
}
.pipeline-column h4 {
    margin: 0;
    color: var(--butter-bright);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .045em;
}
.pipeline-column-head > span {
    color: #9fc1da;
    font-size: 11px;
    white-space: nowrap;
}
.pipeline-card {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(122, 193, 232, .19);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(3, 15, 28, calc(var(--widget-strong-opacity) * .92)), rgba(11, 42, 69, calc(var(--widget-strong-opacity) * .69)));
    box-shadow: 0 12px 25px rgba(0, 0, 0, .23), inset 0 1px rgba(230, 245, 255, .055);
}
.pipeline-card strong,
.pipeline-card small { display: block; }
.pipeline-card strong {
    margin-bottom: 9px;
    color: var(--butter-bright);
    font-size: 13px;
    line-height: 1.32;
}
.pipeline-card small {
    margin: 0 0 6px;
    color: #abc1d2;
    font-size: 11px;
    line-height: 1.42;
}
.pipeline-card small i { margin-right: 4px; color: var(--metal-blue-light); }
.pipeline-card form {
    margin-top: 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
.pipeline-card select { width: 100%; min-height: 37px; }
.pipeline-schedule,
.pipeline-convert {
    display: block;
    width: 100%;
    margin-top: 9px;
    padding: 9px 11px;
    text-align: center;
    font-size: 12px;
}
.pipeline-convert {
    color: #03121f;
    background: linear-gradient(135deg, var(--butter), #d6b675);
    border-color: rgba(255, 238, 198, .55);
}
.pipeline-more { display: block; margin: 14px 2px 2px; color: #9eb9cb; font-size: 10px; }
@media (max-width: 1100px) { .pipeline-grid { grid-template-columns: repeat(2, minmax(230px, 1fr)) !important; } }
@media (max-width: 650px) {
    .pipeline-intro { align-items: flex-start; flex-direction: column; }
    .pipeline-grid { grid-template-columns: 1fr !important; }
    .login-card .brand-emblem { width: 100%; height: auto; }
}

/* Emblema central: o corvo observa; SiaLocum assina a decisão. */
.sialocum-hero-emblem { overflow: visible; }
.sialocum-hero-emblem > img { display: none; }
.sialocum-raven-mark {
    position: relative;
    z-index: 1;
    display: block;
    width: 124px;
    height: 124px;
    overflow: hidden;
    border: 1px solid rgba(242, 226, 185, .42);
    border-radius: 50%;
    background: #020814;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .3), inset 0 0 28px rgba(83, 153, 204, .12);
}
.sialocum-raven-mark img {
    position: static;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    border: 0;
    border-radius: 0;
    filter: none;
}
.sialocum-orbit-word {
    position: absolute;
    z-index: 3;
    inset: 0;
    overflow: visible;
    pointer-events: none;
}
.sialocum-orbit-word text {
    fill: var(--butter-bright);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 2px 8px #020814;
}

/* Integrações Google: cartões translúcidos, com a identidade SiaLocum. */
.google-hero,
.google-action-hero {
    position: relative;
    padding: 29px 32px;
    border: 1px solid rgba(95, 174, 219, .28);
    border-radius: 26px;
    overflow: hidden;
    background: linear-gradient(125deg, rgba(4, 23, 42, .91), rgba(14, 62, 93, .72));
    box-shadow: 0 22px 46px rgba(0, 0, 0, .25), inset 0 1px rgba(255,255,255,.08);
}
.google-hero::after,
.google-action-hero::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -145px;
    right: -80px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 200, 238, .32), transparent 67%);
    pointer-events: none;
}
.google-hero > *, .google-action-hero > * { position: relative; z-index: 1; }
.google-hero h2, .google-action-hero h2 { max-width: 740px; margin: 8px 0 10px; color: var(--butter-bright); font-size: clamp(27px, 3vw, 42px); line-height: 1.06; }
.google-hero p, .google-action-hero p { max-width: 720px; margin: 0; color: #b4ccdf; font-size: 15px; line-height: 1.55; }
.google-privacy { position: absolute; z-index: 2; right: 30px; bottom: 25px; display: grid; max-width: 270px; gap: 3px; padding: 13px 15px; border: 1px solid rgba(123, 206, 180, .3); border-radius: 16px; background: rgba(8, 47, 59, .59); color: #b6f4d2; backdrop-filter: blur(14px); }
.google-privacy i { grid-row: span 2; align-self: center; font-size: 20px; color: #68d6a2; }
.google-privacy strong { margin-left: 29px; font-size: 12px; }
.google-privacy span { margin-left: 29px; color: #b9d9d3; font-size: 10px; line-height: 1.4; }
.google-grid,
.google-action-grid { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 15px; margin: 20px 0; }
.google-card { min-height: 185px; padding: 21px; border: 1px solid rgba(112, 180, 218, .23); border-radius: 21px; background: linear-gradient(145deg, rgba(7, 30, 52, .88), rgba(19, 74, 104, .56)); box-shadow: 0 16px 30px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(16px); }
.google-card > i { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(130, 205, 239, .27); border-radius: 13px; color: var(--butter-bright); background: rgba(43, 130, 176, .19); font-size: 19px; }
.google-card h3 { margin: 17px 0 7px; color: var(--butter-bright); font-size: 15px; }
.google-card p { min-height: 49px; margin: 0 0 16px; color: #abc4d8; font-size: 12px; line-height: 1.46; }
.google-card .btn, .google-card form { width: 100%; margin: 0; }
.google-card form { padding: 0; border: 0; background: transparent; box-shadow: none; }
.google-card form .btn, .google-card form button { width: 100%; }
.google-connection { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 20px 0; padding: 18px 22px; border: 1px solid rgba(241, 222, 177, .2); border-radius: 20px; background: linear-gradient(100deg, rgba(16, 53, 75, .75), rgba(17, 39, 66, .68)); }
.google-connection strong { color: var(--butter-bright); font-size: 15px; }
.google-connection p { margin: 5px 0 0; color: #aec5d7; font-size: 12px; }
.google-connection form { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.status-dot { display: inline-block; width: 9px; height: 9px; margin-right: 7px; border-radius: 99px; background: #69d8a3; box-shadow: 0 0 11px #69d8a3; }
.alerta-info { margin: 15px 0; padding: 13px 16px; border: 1px solid rgba(101, 204, 182, .34); border-radius: 14px; background: rgba(31, 115, 104, .23); color: #c2f8dc; }
.back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 15px; color: #b5d5e8; font-size: 12px; }
.google-action-hero { margin-bottom: 20px; }
.week-picker { display: inline-flex; align-items: center; gap: 10px; margin-top: 19px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.week-picker label { color: #b8cfdf; font-size: 12px; }
.week-picker input { min-height: 38px; color: #d9eafa; }
.weekly-grid { display: grid; grid-template-columns: repeat(7, minmax(155px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.weekly-day { min-height: 280px; padding: 13px; border: 1px solid rgba(105, 172, 212, .2); border-radius: 18px; background: linear-gradient(165deg, rgba(7, 30, 52, .88), rgba(13, 55, 81, .56)); }
.weekly-day header { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid rgba(147, 203, 233, .13); }
.weekly-day header span { color: var(--butter-bright); font-size: 12px; text-transform: capitalize; }
.weekly-day header strong { color: #eaf6ff; font-size: 20px; }
.weekly-day header small { color: #94b5ca; font-size: 10px; }
.weekly-route { display: inline-flex; align-items: center; gap: 4px; width: fit-content; margin-top: 5px; color: var(--metal-blue-light); font-size: 10px; font-weight: 800; }
.weekly-day article { margin-top: 10px; padding: 10px; border: 1px solid rgba(143, 207, 237, .18); border-radius: 13px; background: rgba(1, 16, 30, .42); }
.weekly-day article strong, .weekly-day article small { display: block; }
.weekly-day article strong { color: #e7f3fb; font-size: 11px; line-height: 1.35; }
.weekly-day article small { margin: 5px 0 9px; color: #9dbbd0; font-size: 10px; }
.weekly-day article div { display: flex; gap: 8px; }
.weekly-day article a, .weekly-add { color: var(--metal-blue-light); font-size: 10px; font-weight: 700; }
.weekly-empty { margin: 18px 0; color: #829fb3; font-size: 11px; }
.weekly-add { display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; }
.disabled { pointer-events: none; opacity: .5; }
@media (max-width: 1050px) { .google-grid, .google-action-grid { grid-template-columns: repeat(2, minmax(210px, 1fr)); } .google-privacy { position: relative; right: auto; bottom: auto; margin-top: 18px; } }
@media (max-width: 620px) { .google-grid, .google-action-grid { grid-template-columns: 1fr; } .google-hero, .google-action-hero { padding: 23px 19px; } .google-connection { align-items: flex-start; flex-direction: column; } .week-picker { flex-wrap: wrap; } }