/* Cobtech Orange: the public website's identity, shared by every workspace. */
:root {
  color-scheme: light;
  --orange: #f4511e; --orange-dark: #bd350c; --orange-action: #d23a0b;
  --orange-soft: #fff0e8; --paper: #faf9f7; --white: #fff;
  --gray: #f0efed; --line: #dedbd6; --ink: #242424; --muted: #65615c;
  --azul-escuro: var(--ink); --azul-claro: #f9d2c0; --azul-vivo: var(--orange-action);
  --superficie: var(--white); --fundo: var(--paper); --borda: var(--line); --texto-suave: var(--muted);
  --sombra-card: 0 2px 3px #3d2b1603, 0 8px 28px #3d2b1607;
  --sombra-card-hover: 0 8px 24px #3d2b1612; --raio: 16px;
  --fonte: Arial, Helvetica, system-ui, sans-serif;
  --bs-body-font-family: var(--fonte); --bs-body-color: var(--ink); --bs-body-bg: var(--paper);
  --bs-primary: var(--orange-action); --bs-primary-rgb: 210,58,11;
  --bs-link-color: var(--orange-dark); --bs-link-color-rgb: 189,53,12;
  --bs-link-hover-color: #962707; --bs-link-hover-color-rgb: 150,39,7;
  --bs-border-color: var(--line); --bs-secondary-color: var(--muted);
  --bs-success-rgb: 22,113,77; --bs-danger-rgb: 186,41,52;
  --bs-focus-ring-color: #f4511e38;
}
html { scroll-padding-top: 90px; }
body { color: var(--ink); font-family: var(--fonte); font-size: .94rem; background: var(--paper); }
:focus-visible { outline: 3px solid var(--orange-dark); outline-offset: 3px; }
a, button, input, select, textarea { touch-action: manipulation; }
button, a { -webkit-tap-highlight-color: #f4511e22; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.brand:hover { color: var(--ink); }
.cobtech-mark { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: var(--orange); color: white; flex: 0 0 auto; }
.cobtech-mark svg { width: 30px; height: 30px; }
.cobtech-wordmark { color: var(--ink); font-size: 29px; letter-spacing: -1.8px; font-weight: 400; line-height: 1; }
.cobtech-wordmark b { font-weight: 800; }
.brand-period { color: var(--orange); }
.brand-signal { display: inline-block; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px #f4511e12; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; }
.skip-content { position: fixed; left: 12px; top: -80px; background: white; padding: 14px 20px; z-index: 1100; border: 2px solid var(--orange); border-radius: 8px; }
.skip-content:focus { top: 12px; }
/* Shared workspace: a light navigation rail and a full-width operating canvas. */
.app-layout { display: flex; min-height: 100dvh; }
.sidebar { width: 258px; height: 100dvh; background: white !important; color: var(--ink); border-right: 1px solid var(--line) !important; box-shadow: none; padding: 22px 14px 12px !important; z-index: 1045; }
.sidebar-brand-row { display: flex; align-items: center; justify-content: space-between; padding: 0 8px; margin-bottom: 20px; }
.sidebar .brand { gap: 10px; color: var(--ink); }
.workspace-label { display: flex; align-items: center; gap: 9px; padding: 11px 12px; margin-bottom: 18px; font-size: 12px; color: var(--muted); border: 1px solid var(--line); border-radius: 9px; background: var(--paper); }
.sidebar .btn-outline-light { color: var(--muted); border-color: var(--line); background: white; justify-content: flex-start; font-size: 12px; min-height: 38px; }
.sidebar .btn-outline-light:hover, .sidebar .btn-outline-light.active { background: var(--gray); color: var(--ink); }
.sidebar-search kbd { margin-left: auto; }
kbd { font-family: inherit; font-size: 10px; color: var(--muted); background: var(--paper); border: 1px solid var(--line); border-radius: 4px; padding: 3px 5px; white-space: nowrap; }
.sidebar .nav { gap: 3px !important; scrollbar-color: #c9c3bb transparent; }
.sidebar .nav-link { color: #57534e; font-size: 13px; font-weight: 500; padding: 10px 12px; border-radius: 8px; min-height: 37px; transition: background 160ms, color 160ms; }
.sidebar .nav-link > i { font-size: 16px; }
.sidebar .nav-link:hover { color: var(--ink); background: var(--paper); }
.sidebar .nav-link.active { color: var(--orange-dark); background: var(--orange-soft); font-weight: 700; box-shadow: inset 3px 0 var(--orange); }
.sidebar-section { color: #726c65; font-size: 10px; letter-spacing: .11em; padding: 15px 12px 7px; }
.sidebar .nav hr { display: none; }
.sidebar-user { border-color: var(--line) !important; margin-top: 12px !important; padding: 14px 8px 0 !important; }
.user-identity { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.user-avatar { flex-shrink: 0; width: 36px; height: 36px; border-radius: 12px; background: var(--orange-soft); border: 1px solid #f4d6c8; color: var(--orange-dark); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.user-identity .usuario-nome { color: var(--ink); font-size: 13px; font-weight: 700; }
.user-identity small { color: var(--muted); font-size: 11px; }
.sidebar-user .btn-link { color: var(--muted) !important; font-size: 12px; min-height: 32px; }
.app-workspace { flex: 1 1 0; min-width: 0; }
.workspace-bar { position: sticky; top: 0; height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 30px; border-bottom: 1px solid var(--line); background: #fffffff5; z-index: 1020; }
.workspace-context, .workspace-tools { display: flex; align-items: center; gap: 10px; }
.workspace-breadcrumb { color: var(--muted); font-size: 12px; }
.workspace-breadcrumb > span { color: #b4aaa0; margin: 0 13px; }
.workspace-breadcrumb strong { color: var(--ink); font-weight: 600; }
.workspace-tools .btn { min-height: 38px; padding: 8px 12px; font-size: 12px; gap: 8px; width: auto; }
.workspace-tools .btn-light, .menu-trigger { background: white; border: 1px solid var(--line); color: var(--muted); }
.workspace-tools .assistant-shortcut { background: var(--orange-soft); border-color: #f1d7ca; color: var(--orange-dark); }
.topbar-search kbd { margin-left: 20px; }
.conteudo { max-width: none; width: 100%; margin: 0; padding: 28px 30px !important; min-height: calc(100dvh - 76px); }
h1.pagina { color: var(--ink); font-size: clamp(1.65rem, 1.2rem + 1vw, 2.15rem); letter-spacing: -.055em; font-weight: 750; line-height: 1.15; }
h1.pagina > i { color: var(--orange-dark); font-size: .85em; }
.conteudo > .d-flex:first-child { gap: 12px; flex-wrap: wrap; }
.rodape-marca { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 11px; color: var(--muted); opacity: 1; }
/* The same surfaces, controls and states across all existing modules. */
.card { border-color: var(--line); border-radius: var(--raio); background: white; box-shadow: var(--sombra-card); }
.card-header { padding: 15px 18px; font-size: 13px; background: white; border-color: var(--line); }
.card .card { box-shadow: none; }
.card-body { padding: 20px; }
.card-header:first-child { border-radius: var(--raio) var(--raio) 0 0; }
.btn { border-radius: 8px; min-height: 44px; font-size: 13px; font-weight: 600; gap: 4px; transition: background 160ms, color 160ms, box-shadow 160ms, transform 160ms; }
.btn-sm { min-height: 36px; font-size: 12px; }
.btn-primary, .auth-submit { --bs-btn-bg: var(--orange-action); --bs-btn-border-color: var(--orange-action); --bs-btn-hover-bg: var(--orange-dark); --bs-btn-hover-border-color: var(--orange-dark); --bs-btn-active-bg: var(--orange-dark); --bs-btn-active-border-color: var(--orange-dark); background: var(--orange-action); border-color: var(--orange-action); box-shadow: 0 3px 8px #d23a0b15; color: white; }
.btn-primary:hover, .btn-primary:focus, .auth-submit:hover { background: var(--orange-dark); border-color: var(--orange-dark); box-shadow: 0 5px 14px #d23a0b25; color: white; }
.btn-outline-primary { --bs-btn-color: var(--orange-dark); --bs-btn-border-color: #e9bba5; --bs-btn-hover-bg: var(--orange-action); --bs-btn-hover-border-color: var(--orange-action); --bs-btn-active-bg: var(--orange-dark); --bs-btn-active-border-color: var(--orange-dark); }
.btn-outline-secondary { --bs-btn-color: #57534e; --bs-btn-border-color: #c9c3bb; --bs-btn-hover-bg: var(--gray); --bs-btn-hover-color: var(--ink); --bs-btn-hover-border-color: #b7aea3; }
.btn-outline-danger { --bs-btn-color: #ba2934; --bs-btn-border-color: #d9898f; --bs-btn-hover-bg: #ba2934; --bs-btn-hover-border-color: #ba2934; }
.btn-link { color: var(--orange-dark); }
.form-label { color: #514b45; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.form-control, .form-select { background-color: white; color: var(--ink); border-color: #ccc5bc; border-radius: 8px; min-height: 44px; font-size: 14px; }
.form-control::placeholder { color: #7b756e; }
.form-control:focus, .form-select:focus { border-color: var(--orange-dark); box-shadow: 0 0 0 3px #f4511e1c; }
.form-control:disabled, .form-control[readonly], .form-select:disabled { background-color: var(--gray); }
.form-control-sm, .form-select-sm { min-height: 38px; font-size: 13px; }
.form-check-input:checked { background-color: var(--orange-action); border-color: var(--orange-action); }
.form-check-input:focus { border-color: var(--orange-dark); box-shadow: 0 0 0 3px #f4511e1c; }
.input-group-text { background: var(--paper); color: var(--muted); border-color: #ccc5bc; }
legend.secao { color: var(--ink); border-bottom: 1px solid var(--line); padding: 8px 0 12px; letter-spacing: -.02em; }
.table { --bs-table-color: var(--ink); --bs-table-border-color: #ede9e3; --bs-table-hover-bg: #fff7f2; --bs-table-striped-bg: #faf9f7; font-size: 13px; }
.table th { color: var(--muted); background: var(--paper); font-size: 10px; letter-spacing: .065em; font-weight: 700; padding: 14px 12px; }
.table td { padding: 13px 12px; font-variant-numeric: tabular-nums; }
.table-sm td { padding: 10px 12px; }
.table-scroll::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb { background: #c9c3bb; }
.badge { border-radius: 5px; padding: 5px 7px; font-weight: 600; }
.badge.status-Em.Aberto, .badge.status-EmAberto { background: var(--orange-soft); color: var(--orange-dark); }
.badge.status-Parcialmente.Pago { background: #fff0ce; color: #845600; }
.text-warning { color: #926000 !important; }
.text-info { color: #196976 !important; }
.nav-pills { --bs-nav-pills-link-active-bg: var(--orange-action); }
.nav-tabs { --bs-nav-tabs-link-active-color: var(--orange-dark); --bs-nav-tabs-border-color: var(--line); }
.nav-tabs .nav-link { color: var(--muted); padding: 12px 16px; }
.nav-tabs .nav-link.active { border-top: 2px solid var(--orange); }
.page-link { color: var(--orange-dark); background: white; border-color: var(--line); min-width: 36px; text-align: center; }
.active > .page-link { background: var(--orange-action); border-color: var(--orange-action); }
.page-link:hover, .page-link:focus { color: var(--orange-dark); background: var(--orange-soft); box-shadow: none; }
.modal-content { border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 100px #322b2233; }
.modal-header, .modal-footer { border-color: var(--line); }
.modal-header .btn-close { flex-shrink: 0; }
.dropdown-menu { border-color: var(--line); border-radius: 12px; box-shadow: var(--sombra-card-hover); }
.dropdown-item:active { background: var(--orange-action); }
.accordion { --bs-accordion-active-bg: var(--orange-soft); --bs-accordion-active-color: var(--orange-dark); --bs-accordion-btn-focus-box-shadow: 0 0 0 3px #f4511e22; --bs-accordion-border-color: var(--line); }
.alert { font-size: 13px; border-radius: 10px; }
.alert-primary { --bs-alert-color: var(--orange-dark); --bs-alert-bg: var(--orange-soft); --bs-alert-border-color: #f2ccb9; }
.ajuda-toc a, .ajuda-secao code { background: var(--orange-soft); color: var(--orange-dark); }
.ajuda-secao p, .ajuda-secao li { color: #514b45; }
.ajuda-secao h2, .ajuda-secao h3 { color: var(--ink); }
.ajuda-busca input:focus { border-color: var(--orange-dark); box-shadow: 0 0 0 3px #f4511e22; }
.chat-caixa { border-color: var(--line) !important; border-radius: 18px; background: radial-gradient(ellipse at top right, #fff0e8, transparent 65%), white; padding: 24px !important; }
.msg-usuario { background: var(--orange-action); color: white; padding: 14px 18px !important; }
.msg-bot { background: var(--paper); border: 1px solid var(--line); padding: 14px 18px !important; line-height: 1.65; }
.pix-codigo { background: var(--paper); }
/* Dashboard uses real values and existing links; no marketing sample data. */
.dashboard-intro { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.dashboard-intro h1 { font-size: clamp(1.8rem, 2.6vw, 2.6rem); margin: 7px 0; }
.dashboard-intro p { margin: 0; color: var(--muted); font-size: 13px; }
.dashboard-date { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: white; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.dashboard-kpis .stat-card { min-height: 142px; padding: 20px !important; position: relative; }
.stat-card .rotulo { color: var(--muted); text-transform: none; font-size: 12px; letter-spacing: 0; }
.stat-card .valor { color: var(--ink); margin-top: 10px; font-size: clamp(1.55rem, 2vw, 2.2rem); font-weight: 700; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.stat-card .stat-meta { display: flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 10px; font-size: 11px; color: var(--muted); }
.dashboard-kpis > div:first-child .stat-card { background: var(--orange-action); border-color: var(--orange-action); box-shadow: 0 10px 28px #d23a0b24; }
.dashboard-kpis > div:first-child .stat-card :is(.rotulo,.valor,.stat-meta) { color: white; }
.stat-card .stat-icon { position: absolute; right: 18px; top: 16px; font-size: 16px; color: #a44c2d; }
.dashboard-kpis > div:first-child .stat-icon { color: white; }
.dashboard-kpis .rotulo { padding-right: 24px; }
.dashboard-section-label { margin: 20px 0 10px; font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.dashboard-queue .card { min-height: 72px; font-size: 12px; color: var(--ink); }
.dashboard-queue .card > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--paper); flex-shrink: 0; font-size: 17px !important; }
.dashboard-queue b { font-size: 17px; letter-spacing: -.04em; }
.dashboard-chart { padding: 22px !important; }
.dashboard-chart-title { font-size: 14px; letter-spacing: -.02em; font-weight: 700; }
.dashboard-chart-subtitle { color: var(--muted); font-size: 11px; margin-top: 3px; margin-bottom: 20px; }
.dashboard-monthly { position: relative; height: 225px; }
.dashboard-donut { position: relative; height: 250px; display: grid; align-items: center; }
.dashboard-donut > p { text-align: center; padding: 30px; border: 1px dashed var(--line); border-radius: 10px; background: var(--paper); }
.dashboard-quick-actions { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 12px; margin: 18px 0; }
.dashboard-quick-actions > div { padding: 18px 20px; border: 1px solid #efc7b4; background: var(--orange-soft); border-radius: 14px; }
.dashboard-quick-actions strong { display: block; font-size: 15px; letter-spacing: -.03em; }
.dashboard-quick-actions p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.dashboard-quick-actions > a { display: flex; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 14px; padding: 15px; text-decoration: none; color: var(--ink); background: white; font-size: 12px; font-weight: 600; transition: background 160ms, border-color 160ms; }
.dashboard-quick-actions > a:hover { border-color: var(--orange); background: var(--orange-soft); }
.dashboard-quick-actions > a > i:first-child { color: var(--orange-dark); font-size: 19px; }
.dashboard-quick-actions > a > i:last-child { margin-left: auto; }
/* Entrance: the public site's typography, orange and connected-product motif. */
.login-shell { min-height: 100dvh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 95% 45%, #ffe7d9 0, transparent 40%), var(--paper); }
.login-header { min-height: 92px; padding: 22px 4.5vw; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: #ffffffb3; }
.back-to-site { color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 12px; text-decoration: none; min-height: 44px; }
.login-main { flex: 1; width: 100%; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(350px,.85fr); align-items: center; gap: clamp(32px, 5vw, 100px); padding: 45px 4.5vw; max-width: 1760px; margin: auto; }
.login-story h1 { margin: 19px 0 18px; font-size: clamp(46px, 5.7vw, 88px); font-weight: 750; line-height: .99; letter-spacing: -.075em; }
.login-story h1 > span { color: var(--orange); }
.login-description { font-size: 16px; line-height: 1.6; color: var(--muted); max-width: 480px; margin: 0 0 28px; }
.login-product { border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 16px 55px #3d2b160c; overflow: hidden; }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); background: var(--paper); font-size: 11px; font-weight: 600; }
.product-toolbar i { color: var(--orange-dark); margin-right: 7px; }
.product-tag { color: var(--muted); font-size: 9px; letter-spacing: .08em; }
.product-network { position: relative; height: 190px; margin: 6px 20px; background-image: radial-gradient(#d8d1c6 1px, transparent 1px); background-size: 16px 16px; }
.network-lines { position: absolute; width: 100%; height: 100%; inset: 0; fill: none; stroke: #edb299; stroke-width: 1.4; }
.network-module { position: absolute; width: 138px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: white; box-shadow: 0 4px 12px #3d2b1608; display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 3px 6px; transition: border-color 180ms, background 180ms, transform 180ms; }
.network-module > i { color: var(--orange-dark); grid-row: span 2; font-size: 17px; }
.network-module > span { font-size: 11px; font-weight: 700; }
.network-module > small { font-size: 9px; color: var(--muted); }
.module-finance { top: 12px; left: 3%; border-color: #efab8d; background: #fff7f3; }
.module-people { bottom: 12px; left: 3%; }
.module-operation { top: 12px; right: 3%; }
.module-intelligence { bottom: 12px; right: 3%; }
.network-core { position: absolute; inset: 0; margin: auto; width: 76px; height: 76px; border: 1px solid #f8cebc; border-radius: 22px; padding: 10px; background: white; box-shadow: 0 0 0 9px #fff3eb, 0 0 0 10px #ffe4d5; }
.network-core .cobtech-wordmark { display: none; }
.network-core .cobtech-mark { width: 54px; height: 54px; border-radius: 15px; }
.network-core .cobtech-mark svg { width: 42px; height: 42px; }
.login-product[data-feature="gestao"] .module-operation, .login-product[data-feature="inteligencia"] .module-intelligence { border-color: #efab8d; background: #fff7f3; transform: translateY(-2px); }
.login-product[data-feature="gestao"] .module-finance, .login-product[data-feature="inteligencia"] .module-finance { border-color: var(--line); background: white; }
.product-insight { display: flex; gap: 12px; margin: 0 18px 16px; padding: 13px; border-radius: 10px; background: var(--orange-soft); min-height: 80px; }
.insight-icon { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border: 1px solid #f4c3ac; border-radius: 8px; color: var(--orange-dark); }
.product-insight strong { font-size: 12px; display: block; margin-bottom: 4px; }
.product-insight p { font-size: 11px; color: #69574b; margin: 0; line-height: 1.5; }
.product-switches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 0 18px 14px; }
.product-switches button { min-height: 38px; color: var(--muted); border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 11px; transition: background 180ms; }
.product-switches button[aria-pressed="true"] { background: var(--ink); color: white; border-color: var(--ink); }
.product-switches button:hover { border-color: var(--orange-dark); }
.login-points { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; color: var(--muted); font-size: 11px; }
.login-points i { color: var(--orange-dark); margin-right: 4px; }
.login-access { max-width: 480px; width: 100%; justify-self: center; }
.login-card { background: white; border: 1px solid var(--line); border-radius: 22px; padding: clamp(25px,3vw,46px); box-shadow: 0 24px 80px #75472512; position: relative; }
.login-card::before { content: ''; position: absolute; top: -1px; left: 34px; right: 34px; height: 3px; background: var(--orange); border-radius: 5px; }
.access-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; background: var(--orange-soft); color: var(--orange-dark); font-size: 26px; margin-bottom: 28px; }
.login-card .eyebrow { font-size: 9px; letter-spacing: .08em; }
.login-card h2 { font-size: clamp(32px,3vw,44px); letter-spacing: -.055em; line-height: 1.04; font-weight: 700; margin: 13px 0; }
.login-intro { font-size: 13px; margin-bottom: 28px; }
.login-input { position: relative; }
.login-input > i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #7b756e; font-size: 15px; }
.login-input .form-control { height: 50px; padding-left: 42px; padding-right: 48px; background: var(--paper); font-size: 13px; }
.password-toggle { position: absolute; top: 3px; right: 3px; width: 44px; height: 44px; background: transparent; color: var(--muted); border: 0; border-radius: 6px; }
.password-toggle:hover { background: var(--gray); }
.login-submit { min-height: 52px; margin-top: 7px; display: flex; justify-content: space-between; padding: 12px 18px; }
.login-support { display: flex; align-items: flex-start; gap: 8px; padding: 20px 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.login-support > i { padding-top: 1px; }
.login-support p { margin: 0; }
.login-support strong { font-weight: 500; color: #514b45; }
.login-security { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 10px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); }
.login-security i { color: var(--orange-dark); }
.login-access-caption { font-size: 9px; text-align: center; letter-spacing: .12em; color: var(--muted); margin: 19px 0 0; }
.login-footer { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--line); padding: 20px 4.5vw; color: var(--muted); font-size: 11px; }
.auth-page { background: radial-gradient(ellipse at 85% 20%, #ffe7d9, transparent 65%), var(--paper); }
.auth-card { box-shadow: var(--sombra-card-hover) !important; border-color: var(--line); border-radius: 20px; }
.auth-card .brand { margin-bottom: 24px; }
.auth-title { color: var(--ink); }
.auth-brand { color: var(--orange-dark); }
.rodape-marca--auth, .rodape-marca--auth strong { color: var(--muted); }
@media (min-width: 992px) { .sidebar.offcanvas-lg { position: sticky; top: 0; flex-shrink: 0; visibility: visible !important; transform: none; } }
@media (min-width: 1600px) { .sidebar { width: 280px; } .conteudo { padding: 32px 40px !important; } .workspace-bar { padding-inline: 40px; } }
@media (max-width: 1199.98px) { .workspace-bar { padding-inline: 20px; } .conteudo { padding: 24px 20px !important; } .sidebar { width: 236px; } .dashboard-quick-actions { grid-template-columns: repeat(3,1fr); } .dashboard-quick-actions > div { grid-column: 1/-1; } .login-main { gap: 30px; padding-inline: 3vw; } .network-module { width: 122px; padding-inline: 8px; } .product-tag { display: none; } }
@media (max-width: 991.98px) {
  .sidebar.offcanvas-lg { position: fixed; inset: 0 auto 0 0; width: min(86vw, 300px); height: 100dvh; box-shadow: 12px 0 50px #322b2226; }
  .sidebar .nav-link { min-height: 44px; }
  .sidebar .btn-close { min-width: 44px; min-height: 44px; padding: 10px; background-size: 12px; }
  .workspace-bar { height: 68px; padding: 0 16px; gap: 10px; }
  .workspace-breadcrumb { font-size: 11px; }
  .workspace-breadcrumb > span { margin: 0 8px; }
  .menu-trigger { width: 42px !important; min-height: 42px; padding: 8px; font-size: 20px; }
  .conteudo { margin-left: 0; width: 100%; padding: 22px 16px !important; min-height: calc(100dvh - 68px); }
  .workspace-tools .btn { min-height: 42px; }
  .workspace-tools .topbar-search { width: 42px; padding: 8px; }
  .topbar-search span, .topbar-search kbd { display: none; }
  .login-main { grid-template-columns: minmax(0,1fr) minmax(310px,.95fr); gap: 25px; padding: 36px 24px; }
  .login-story h1 { font-size: clamp(36px,5.7vw,55px); }
  .login-description { font-size: 14px; }
  .login-card { padding: 28px 24px; }
  .login-points { gap: 10px; }
  .product-network { margin-inline: 8px; }
  .network-module { width: 100px; grid-template-columns: 1fr; text-align: center; }
  .network-module > i { display: none; }
  .network-module > small { font-size: 8px; }
  .network-core { transform: scale(.8); }
  .product-switches { padding-inline: 10px; gap: 4px; }
  .product-switches button { font-size: 10px; }
  .product-switches button > i { display: none; }
  .product-insight { margin-inline: 10px; }
}
@media (max-width: 767.98px) {
  .workspace-tools { gap: 6px; } .workspace-tools .help-shortcut, .topbar-avatar { display: none; }
  .workspace-breadcrumb { font-size: 0; } .workspace-breadcrumb > span { display: none; } .workspace-breadcrumb strong { font-size: 12px; }
  .workspace-tools .assistant-shortcut { padding: 8px 10px; }
  .conteudo { padding: 20px 14px !important; }
  .btn-sm { min-height: 40px; }
  .conteudo .btn-group { display: flex; width: auto; }
  .conteudo .btn-group .btn { width: auto; }
  .conteudo > .d-flex:first-child > .d-flex { flex-wrap: wrap; }
  .card { border-radius: 12px; }
  .dashboard-intro { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .dashboard-intro h1 { font-size: 30px; }
  .dashboard-date { padding: 7px 10px; }
  .dashboard-kpis { --bs-gutter-x: 10px; --bs-gutter-y: 10px; }
  .dashboard-kpis > div, .dashboard-queue > div { width: 50%; }
  .dashboard-kpis .stat-card { padding: 15px !important; min-height: 138px; }
  .stat-card .valor { font-size: 24px; }
  .stat-card .stat-icon { display: none; }
  .dashboard-kpis .rotulo { padding-right: 0; font-size: 11px; }
  .stat-card .stat-meta { font-size: 10px; }
  .dashboard-queue .card { padding: 12px !important; min-height: 90px; font-size: 11px; }
  .dashboard-queue .card > i { width: 26px; }
  .dashboard-chart { padding: 17px !important; }
  .dashboard-quick-actions { grid-template-columns: 1fr; gap: 8px; }
  .dashboard-quick-actions > a { padding: 14px; }
  .rodape-marca { display: grid; text-align: left; }
  .form-control, .form-select { font-size: 16px; }
  .modal-dialog { margin: 12px auto; width: calc(100% - 24px); }
  .login-header { min-height: 76px; padding: 16px 20px; }
  .login-header .cobtech-wordmark { font-size: 26px; }
  .login-header .cobtech-mark { width: 34px; height: 34px; }
  .back-to-site { font-size: 11px; gap: 7px; }
  .login-main { display: flex; flex-direction: column; gap: 35px; padding: 26px 20px 32px; }
  .login-access { order: -1; max-width: 480px; }
  .login-card { padding: 28px; }
  .login-card h2 { font-size: 38px; }
  .login-card h2 br { display: none; }
  .login-card .access-icon { margin-bottom: 20px; width: 40px; height: 40px; font-size: 22px; }
  .login-card .login-intro { margin-bottom: 23px; }
  .login-input .form-control { font-size: 16px; }
  .login-story { width: 100%; max-width: 480px; }
  .login-story h1 { font-size: clamp(42px, 10vw, 60px); }
  .login-description { max-width: 400px; }
  .product-network { margin-inline: 15px; }
  .network-module { width: 112px; }
  .product-switches button { min-height: 44px; font-size: 11px; }
  .login-points { justify-content: space-between; font-size: 10px; gap: 10px; }
  .login-footer { padding: 20px; font-size: 10px; justify-content: center; text-align: center; }
}
@media (max-width: 389.98px) { .workspace-bar { padding-inline: 10px; } .workspace-tools .assistant-shortcut span { display: none; } .login-main { padding-inline: 14px; } .login-card { padding: 24px 20px; } .network-module { width: 100px; } .login-header { padding-inline: 16px; } .back-to-site { max-width: 130px; } }
@media (prefers-reduced-motion: no-preference) { .login-card, .dashboard-intro { animation: cobtech-arrive 350ms ease-out both; } @keyframes cobtech-arrive { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media print { .sidebar, .workspace-bar, .skip-content, .rodape-marca, .dashboard-quick-actions { display: none !important; } .app-layout { display: block; } .conteudo { padding: 0 !important; width: 100%; } .card { box-shadow: none; break-inside: avoid; } }