:root {
    --brand: #6f50dd;
    --brand-dark: #5638c3;
    --brand-soft: #f1edff;
    --ink: #2b2a37;
    --muted: #858290;
    --line: #eceaf1;
    --canvas: #f7f6f9;
    --white: #fff;
    --shadow: 0 10px 35px rgba(46, 38, 67, .045);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; }
a { color: var(--brand); text-decoration: none; }
.btn { border-radius: 11px; font-weight: 650; font-size: .84rem; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
.btn-sm { min-height: 34px; border-radius: 9px; font-size: .76rem; }
.btn-brand { border-color: var(--brand); background: var(--brand); color: #fff; box-shadow: 0 8px 20px rgba(111, 80, 221, .18); }
.btn-brand:hover, .btn-brand:focus { border-color: var(--brand-dark); background: var(--brand-dark); color: #fff; }
.btn-soft { border-color: #e8e1ff; background: #f5f2ff; color: var(--brand-dark); }
.btn-soft:hover { border-color: #d9ceff; background: #ebe5ff; color: var(--brand-dark); }
.btn-whatsapp { border-color: #d9f2e4; background: #ebf9f1; color: #268759; }
.btn-light { border-color: var(--line); background: #fff; color: #656270; }
.form-control, .form-select, .input-group-text { min-height: 43px; border-color: #e7e4ec; border-radius: 10px; font-size: .83rem; }
.form-control:focus, .form-select:focus { border-color: #aa97ef; box-shadow: 0 0 0 .2rem rgba(111, 80, 221, .1); }
.form-control::placeholder { color: #b3b0ba; }
.form-label { margin: 0; color: #5f5c69; font-size: .78rem; font-weight: 650; }
.form-label > span { display: block; margin-bottom: 7px; }
.form-label small { display: block; margin-top: 7px; color: #9a97a2; font-size: .7rem; font-weight: 400; line-height: 1.45; }
.input-group > .form-control { border-radius: 0 10px 10px 0; }
.input-group-text { border-radius: 10px 0 0 10px; color: #777381; background: #faf9fb; }
.alert { border: 0; border-radius: 12px; font-size: .82rem; }

.app-layout { min-height: 100vh; display: flex; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 246px; background: var(--white); border-right: 1px solid var(--line); z-index: 1040; }
.sidebar-inner { height: 100%; display: flex; flex-direction: column; padding: 29px 18px 20px; }
.brand { display: flex; align-items: center; gap: 11px; color: var(--ink); padding: 0 10px; }
.brand:hover { color: var(--ink); }
.brand-symbol { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #8a70e9, #5c3bcd); box-shadow: 0 9px 22px rgba(111, 80, 221, .22); font-family: Georgia, serif; font-size: 23px; font-style: italic; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: .92rem; letter-spacing: .18em; }
.brand small { margin-top: 3px; color: #9b98a4; font-size: .48rem; letter-spacing: .18em; }
.nav-label { margin: 46px 0 11px; padding-left: 13px; color: #aaa7b1; font-size: .6rem; font-weight: 800; letter-spacing: .16em; }
.sidebar .nav-link { height: 46px; margin: 3px 0; padding: 0 13px; border-radius: 12px; display: flex; align-items: center; gap: 13px; color: #777481; font-size: .8rem; }
.sidebar .nav-link i { font-size: 1.05rem; }
.sidebar .nav-link:hover { color: var(--brand); background: #f8f6fe; }
.sidebar .nav-link.active { color: var(--brand); background: var(--brand-soft); font-weight: 750; }
.sidebar-user { margin-top: auto; padding: 20px 4px 0; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
.user-avatar { width: 37px; height: 37px; flex: 0 0 37px; display: grid; place-items: center; border-radius: 50%; color: var(--brand); background: #eee9ff; font-size: .66rem; font-weight: 850; }
.sidebar-user div { min-width: 0; }
.sidebar-user strong, .sidebar-user small { max-width: 130px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { font-size: .71rem; }.sidebar-user small { margin-top: 3px; color: var(--muted); font-size: .58rem; }
.sidebar-user > a { margin-left: auto; color: #aaa6b0; font-size: 1rem; }

.main-area { width: calc(100% - 246px); min-height: 100vh; margin-left: 246px; }
.topbar { position: sticky; top: 0; z-index: 1030; height: 76px; display: flex; align-items: center; gap: 16px; padding: 0 40px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.93); backdrop-filter: blur(14px); }
.top-search { width: min(390px, 42vw); height: 40px; padding: 0 14px; border: 1px solid var(--line); border-radius: 11px; align-items: center; gap: 10px; background: #faf9fb; color: #aaa7b1; }
.top-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .78rem; }
.topbar-spacer { margin-left: auto; }
.mobile-logo { align-items: center; gap: 9px; color: var(--ink); }.mobile-logo strong { font-size: .8rem; letter-spacing: .13em; }
.menu-toggle { width: 40px; height: 40px; padding: 0; font-size: 1.3rem; }
.page-content { max-width: 1480px; margin: 0 auto; padding: 34px 40px 54px; }

.page-heading { margin-bottom: 27px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.page-heading.compact { align-items: center; }
.page-heading h1 { margin: 4px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 500; letter-spacing: -.025em; }
.page-heading h1 em { color: #cda04a; font-size: .7em; font-style: normal; }
.page-heading p { margin: 8px 0 0; color: var(--muted); font-size: .75rem; }
.page-heading .form-control { width: 170px; background: #fff; }
.eyebrow { color: #aaa6b1; font-size: .58rem; font-weight: 850; letter-spacing: .16em; }
.count-pill { padding: 8px 12px; border-radius: 20px; color: var(--brand); background: var(--brand-soft); font-size: .7rem; font-weight: 750; }

.app-card { border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow); }
.app-card > .card-heading, .card-heading { padding: 21px 22px 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.card-heading h2 { margin: 0; font-size: .88rem; font-weight: 750; }.card-heading p { margin: 6px 0 0; color: #9b98a3; font-size: .66rem; }
.card-heading a { display: flex; gap: 6px; align-items: center; font-size: .68rem; font-weight: 750; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.metric-card { position: relative; min-height: 145px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.metric-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; font-size: 1.08rem; }
.metric-card .metric-icon { position: absolute; top: 18px; right: 18px; }
.metric-icon.purple { color: #7050dc; background: #f0ebff; }.metric-icon.blue { color: #4d86d1; background: #eaf3ff; }.metric-icon.green { color: #3f8f6d; background: #e9f7ef; }.metric-icon.peach { color: #ce824e; background: #fff0e3; }
.metric-card p { margin: 0 0 15px; color: #8a8792; font-size: .68rem; }.metric-card > strong { display: block; max-width: calc(100% - 40px); margin-bottom: 9px; font-size: clamp(1.22rem, 2vw, 1.55rem); letter-spacing: -.035em; white-space: nowrap; }.metric-card > small { color: #92909a; font-size: .61rem; }
.dashboard-grid { margin-top: 15px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(310px, .78fr); gap: 15px; }
.funnel-list { padding: 25px 22px 5px; display: grid; gap: 17px; }.funnel-row { display: grid; grid-template-columns: 110px minmax(120px, 1fr) 38px 33px; align-items: center; gap: 12px; }.funnel-row > span { color: #6f6c78; font-size: .66rem; }.funnel-track { height: 7px; overflow: hidden; border-radius: 9px; background: #f0eef4; }.funnel-track i { height: 100%; display: block; border-radius: inherit; }.funnel-row strong { text-align: right; font-size: .7rem; }.funnel-row small { color: #aaa7b0; text-align: right; font-size: .58rem; }
.insight { margin: 18px 22px 22px; padding: 13px 14px; border-radius: 11px; display: flex; align-items: center; gap: 11px; background: #f5f2ff; }.insight > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--brand); background: #e7dffe; }.insight strong, .insight span { display: block; }.insight strong { color: #6044bc; font-size: .68rem; }.insight span { margin-top: 4px; color: #9793a1; font-size: .59rem; }
.origin-list { padding: 20px 22px 22px; display: grid; gap: 9px; }.origin-list > div { padding: 9px 0; display: grid; grid-template-columns: 8px minmax(90px, 1fr) 32px 42px; align-items: center; gap: 9px; }.origin-dot { width: 7px; height: 7px; border-radius: 50%; }.origin-list strong, .origin-list small { display: block; }.origin-list strong { font-size: .68rem; }.origin-list small { margin-top: 3px; color: #a19da7; font-size: .57rem; }.origin-list b { text-align: right; font-size: .68rem; }.origin-list em { color: #98949e; text-align: right; font-size: .61rem; font-style: normal; }
.source-trafego_pago { --source-color: #7655df; }.source-instagram { --source-color: #e486aa; }.source-organico { --source-color: #55b398; }.source-indicacao { --source-color: #e59c55; }.source-whatsapp { --source-color: #35a968; }.source-outro { --source-color: #8e8a98; }.origin-dot { background: var(--source-color); }
.source-badge { width: max-content; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 7px; color: var(--source-color); background: color-mix(in srgb, var(--source-color) 11%, white); font-size: .61rem; font-weight: 750; white-space: nowrap; }.source-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

.table-responsive { padding: 9px 20px 18px; }.lead-table { min-width: 760px; margin: 0; }.lead-table th { padding: 14px 10px; border-bottom-color: #eeeaf2; color: #9b97a3; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.lead-table td { padding: 12px 10px; border-color: #f0eef3; color: #686572; font-size: .7rem; vertical-align: middle; }.lead-table tr:last-child td { border-bottom: 0; }.lead-table td > strong, .lead-table td > small { display: block; }.lead-table td > strong { color: var(--ink); font-size: .69rem; }.lead-table td > small { margin-top: 4px; color: #9b98a1; font-size: .58rem; }
.avatar-cell { width: 42px; }.lead-avatar { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; color: var(--brand); background: #eee9ff; font-size: .57rem; font-weight: 850; }.lead-avatar.large { width: 42px; height: 42px; flex-basis: 42px; border-radius: 12px; font-size: .7rem; }
.person-cell { display: flex; align-items: center; gap: 10px; }.person-cell strong, .person-cell small { display: block; }.person-cell strong { color: var(--ink); font-size: .7rem; }.person-cell small { margin-top: 3px; color: #9c98a2; font-size: .56rem; }
.stage-badge, .role-badge { width: max-content; display: inline-flex; padding: 6px 8px; border-radius: 7px; font-size: .59rem; font-weight: 750; white-space: nowrap; }
.stage-novo, .stage-qualificacao { color: #6746ca; background: #efeaff; }.stage-pronto_comercial, .stage-recebido, .stage-contato { color: #3d79b4; background: #e8f3ff; }.stage-negociacao { color: #b57628; background: #fff0dd; }.stage-vendido { color: #328362; background: #e7f6ee; }.stage-perdido { color: #bd5864; background: #fce9eb; }
.heat { display: inline-flex; align-items: center; gap: 6px; font-size: .65rem; font-weight: 700; }.heat i { width: 6px; height: 6px; border-radius: 50%; }.heat-pendente { color: #96929d; }.heat-pendente i { background: #b4b0b9; }.heat-frio { color: #4a82bc; }.heat-frio i { background: #64a1dd; }.heat-morno { color: #c17d2f; }.heat-morno i { background: #e6a34d; }.heat-quente { color: #c65361; }.heat-quente i { background: #e36a76; }
.empty-state { min-height: 230px; display: grid; place-items: center; align-content: center; padding: 30px; color: #9a96a1; text-align: center; }.empty-state.small { min-height: 220px; }.empty-state > i { margin-bottom: 12px; color: #b9acdf; font-size: 2rem; }.empty-state h3 { margin: 0 0 6px; color: #666370; font-size: .9rem; }.empty-state p { margin: 0; font-size: .7rem; }

.quick-card { scroll-margin-top: 96px; }.shortcut { color: #9995a0; font-size: .62rem; }.shortcut kbd { border: 1px solid #ded9e4; background: #f8f7fa; color: #77727e; box-shadow: none; }
.quick-form { padding: 22px; display: grid; grid-template-columns: 1.15fr .85fr .9fr .85fr 1.2fr auto; align-items: end; gap: 11px; }.quick-form label > span { display: block; margin-bottom: 7px; color: #77737f; font-size: .62rem; font-weight: 700; }.quick-form .btn { min-height: 43px; padding: 0 16px; }.filters-bar { padding: 17px 20px 6px; }.filter-form { display: flex; align-items: center; gap: 9px; }.filter-form .form-select { width: 180px; }.filter-search { width: min(310px, 100%); min-height: 41px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #e7e4ec; border-radius: 10px; color: #aaa5af; background: #fff; }.filter-search input { width: 100%; border: 0; outline: 0; font-size: .74rem; }.filter-form .btn-link { color: #8c8793; font-size: .7rem; }
.editor-canvas { width: min(520px, 100vw) !important; border: 0; }.editor-canvas .offcanvas-header { padding: 26px 26px 18px; border-bottom: 1px solid var(--line); }.editor-canvas h2 { margin: 4px 0 0; font-family: Georgia, serif; font-size: 1.45rem; }.editor-canvas .offcanvas-body { padding: 24px 26px 30px; }.editor-form { display: grid; gap: 18px; }.editor-tip { margin-top: 3px; padding: 13px; display: flex; gap: 11px; border-radius: 11px; background: #f6f3ff; color: var(--brand); }.editor-tip > i { font-size: 1.1rem; }.editor-tip p { margin: 0; }.editor-tip strong, .editor-tip span { display: block; }.editor-tip strong { font-size: .68rem; }.editor-tip span { margin-top: 4px; color: #918b9b; font-size: .61rem; line-height: 1.45; }.editor-actions { display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px; padding-top: 4px; }

.mini-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.mini-metrics article { min-height: 92px; padding: 17px; display: flex; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.mini-metrics small, .mini-metrics strong { display: block; }.mini-metrics small { color: #8b8792; font-size: .63rem; }.mini-metrics strong { margin-top: 4px; font-size: 1.3rem; }
.commercial-list { padding: 12px 20px 20px; }.commercial-row { min-height: 78px; padding: 12px 8px; border-top: 1px solid #f0eef3; display: grid; grid-template-columns: 44px minmax(180px, 1.25fr) minmax(170px, .9fr) minmax(145px, .8fr) auto; align-items: center; gap: 13px; }.commercial-person strong, .commercial-person small, .commercial-stage small { display: block; }.commercial-person strong { font-size: .76rem; }.commercial-person small { margin-top: 5px; color: #9995a0; font-size: .61rem; }.commercial-meta { display: flex; flex-wrap: wrap; gap: 7px; }.commercial-stage small { margin-top: 5px; color: #9c98a2; font-size: .56rem; }.commercial-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }.commercial-actions form { margin: 0; }.locked { color: #aaa6b0; }
.customer-summary { margin-bottom: 18px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 13px; }.customer-summary strong, .customer-summary span { display: block; }.customer-summary strong { font-size: .82rem; }.customer-summary span { margin-top: 4px; color: #908d97; font-size: .64rem; }.triage-box { margin-bottom: 20px; padding: 15px; border-radius: 12px; background: #f8f6fc; }.triage-box span { color: #9c97a2; font-size: .56rem; font-weight: 850; letter-spacing: .11em; }.triage-box p { margin: 8px 0 0; color: #67636f; font-size: .71rem; line-height: 1.6; white-space: pre-line; }.sale-fields, .loss-fields { display: none; padding: 15px; border: 1px solid #d8ecdf; border-radius: 12px; background: #f2faf5; }.loss-fields { border-color: #f0d8dc; background: #fff5f6; }

.closing-layout { display: grid; grid-template-columns: minmax(320px, .7fr) minmax(0, 1.3fr); gap: 18px; }.closing-form { padding: 24px 22px 22px; display: grid; gap: 20px; }.edit-badge { padding: 6px 9px; border-radius: 8px; color: var(--brand); background: var(--brand-soft); font-size: .61rem; font-weight: 750; }.readonly-note { padding: 12px; border-radius: 10px; background: #f7f6f9; color: #827e8a; font-size: .68rem; }.closing-results { display: grid; gap: 15px; }.closing-hero { min-height: 152px; padding: 25px 27px; border-radius: 17px; display: flex; align-items: center; color: #fff; background: linear-gradient(135deg, #7556dd, #5637ba); box-shadow: 0 16px 30px rgba(89, 57, 190, .2); }.closing-hero > div { flex: 1; }.closing-hero span, .closing-hero strong, .closing-hero small { display: block; }.closing-hero span { opacity: .74; font-size: .58rem; font-weight: 850; letter-spacing: .14em; }.closing-hero strong { margin: 9px 0 6px; font-size: clamp(1.8rem, 4vw, 2.45rem); letter-spacing: -.04em; }.closing-hero small { opacity: .82; font-size: .67rem; }.closing-hero > i { opacity: .28; font-size: 4.5rem; }.result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.result-grid article { min-height: 116px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }.result-grid small, .result-grid strong, .result-grid span { display: block; }.result-grid small { color: #8f8b96; font-size: .6rem; }.result-grid strong { margin: 10px 0 6px; font-size: 1.15rem; }.result-grid span { color: #aaa6af; font-size: .56rem; }.result-grid .result-highlight { border-color: #ddd4ff; background: #f5f1ff; }.result-highlight strong { color: var(--brand-dark); }.report-table { min-width: 760px; margin: 0; }.report-table th, .report-table td { padding: 13px 11px; border-color: #f0eef3; font-size: .68rem; }.report-table th { color: #97939e; font-size: .58rem; text-transform: uppercase; }.conversion-pill { padding: 5px 8px; border-radius: 7px; color: #348061; background: #e8f6ef; font-size: .61rem; font-weight: 750; }
.role-badge.role-admin { color: #6747ca; background: #eee9ff; }.role-badge.role-atendimento { color: #3f7cb5; background: #e9f3fd; }.role-badge.role-comercial { color: #338060; background: #e8f6ee; }.active-badge { display: inline-flex; align-items: center; gap: 6px; font-size: .65rem; }.active-badge i { width: 6px; height: 6px; border-radius: 50%; }.active-badge.on { color: #338060; }.active-badge.on i { background: #48a27b; }.active-badge.off { color: #a15b64; }.active-badge.off i { background: #cf6c77; }.modal-content { border: 0; border-radius: 17px; box-shadow: 0 24px 80px rgba(44, 36, 63, .18); }.modal-header, .modal-footer { border-color: var(--line); padding: 20px 22px; }.modal-body { padding: 22px; }.modal-title { margin-top: 4px; font-family: Georgia, serif; font-size: 1.35rem; }.modal-subtitle { margin: 5px 0 0; color: var(--muted); font-size: .68rem; }

.login-body { min-height: 100vh; padding: 24px; display: grid; place-items: center; background: radial-gradient(circle at 20% 10%, #ece6ff 0, transparent 32%), radial-gradient(circle at 85% 85%, #fbe9ef 0, transparent 28%), #f7f6f9; }.login-card { width: min(440px, 100%); padding: 38px; border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 28px 80px rgba(54, 43, 80, .12); }.login-brand { justify-content: center; padding: 0; }.login-heading { margin: 32px 0 25px; text-align: center; }.login-heading > span { color: #aaa5b0; font-size: .57rem; font-weight: 850; letter-spacing: .17em; }.login-heading h1 { margin: 7px 0; font-family: Georgia, serif; font-size: 1.8rem; font-weight: 500; }.login-heading p { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }.password-field { position: relative; }.password-field input { padding-right: 44px; }.password-field button { position: absolute; inset: 0 0 0 auto; width: 43px; border: 0; background: transparent; color: #9995a0; }.login-help { margin: 22px 0 0; color: #96929d; text-align: center; font-size: .66rem; }

@media (max-width: 1199px) {
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .quick-form { grid-template-columns: repeat(3, 1fr); }.quick-note { grid-column: span 2; }
}
@media (max-width: 991.98px) {
    .sidebar { width: 265px; }.sidebar-inner { height: calc(100% - 64px); }.offcanvas-header { height: 64px; border-bottom: 1px solid var(--line); }
    .main-area { width: 100%; margin-left: 0; }.topbar { height: 68px; padding: 0 18px; }.page-content { padding: 27px 20px 45px; }
    .dashboard-grid, .closing-layout { grid-template-columns: 1fr; }
    .commercial-row { grid-template-columns: 44px minmax(160px, 1.25fr) minmax(150px, 1fr) auto; }.commercial-stage { display: none; }
}
@media (max-width: 767.98px) {
    .page-content { padding: 23px 14px 38px; }.page-heading { align-items: flex-start; }.page-heading p { max-width: 310px; line-height: 1.5; }.page-heading .form-control { width: 47px; color: transparent; padding: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237f7a87' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") center/18px no-repeat; }
    .metric-grid, .mini-metrics { gap: 10px; }.metric-card { min-height: 132px; padding: 16px; }.metric-card .metric-icon { top: 14px; right: 14px; }.metric-card > strong { font-size: 1.08rem; }.mini-metrics { grid-template-columns: repeat(2, 1fr); }.mini-metrics article { min-height: 84px; padding: 13px; }.mini-metrics .metric-icon { width: 34px; height: 34px; }
    .app-card > .card-heading { padding: 18px 16px 0; }.table-responsive { padding-left: 10px; padding-right: 10px; }.funnel-list { padding-left: 16px; padding-right: 16px; }.funnel-row { grid-template-columns: 88px minmax(70px, 1fr) 30px; gap: 8px; }.funnel-row small { display: none; }.insight { margin-left: 16px; margin-right: 16px; }
    .quick-form { padding: 18px 16px; grid-template-columns: 1fr 1fr; }.quick-note { grid-column: 1 / -1; }.quick-form .btn { grid-column: 1 / -1; }.shortcut { display: none; }
    .filters-bar { padding: 14px 14px 5px; }.filter-form { flex-wrap: wrap; }.filter-search { width: 100%; }.filter-form .form-select { width: calc(50% - 5px); }.filter-form .btn { flex: 1; }
    .commercial-list { padding: 10px 14px 16px; }.commercial-row { padding: 14px 0; grid-template-columns: 42px minmax(0, 1fr) auto; }.commercial-meta { grid-column: 2/4; }.commercial-actions { grid-column: 2/4; justify-content: flex-start; }.commercial-person small { line-height: 1.5; }.btn-sm span { display: none; }
    .result-grid { grid-template-columns: repeat(2, 1fr); }.closing-hero { min-height: 135px; padding: 21px; }.closing-hero > i { font-size: 3rem; }.editor-canvas .offcanvas-header, .editor-canvas .offcanvas-body { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 430px) {
    .metric-grid { grid-template-columns: 1fr 1fr; }.metric-card { min-height: 126px; }.metric-card p { max-width: 90px; line-height: 1.4; }.metric-card > small { line-height: 1.4; display: block; }
    .quick-form { grid-template-columns: 1fr; }.quick-note, .quick-form .btn { grid-column: 1; }.page-heading .count-pill { display: none; }.editor-actions { grid-template-columns: 1fr; }.result-grid { gap: 9px; }.result-grid article { min-height: 108px; padding: 14px; }.login-card { padding: 30px 22px; }
}