:root {
  color-scheme: light;
  --ink: #172033;
  --muted: #77819a;
  --line: #e7eaf1;
  --blue: #2768f5;
  --blue-soft: #eef4ff;
  --green: #1ba873;
  --amber: #f2a12a;
  --bg: #f5f7fb;
  --shadow: 0 12px 40px rgba(30, 45, 79, .08);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); color: var(--ink); }
button { font: inherit; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 238px; background: #11192b; color: #fff; padding: 30px 20px; display: flex; flex-direction: column; z-index: 5; }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 8px 34px; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg,#3979ff,#6a44e8); font-weight: 900; font-size: 22px; box-shadow: 0 8px 25px #2768f555; }
.brand strong { display: block; letter-spacing: 2px; }.brand small { display: block; color: #8f9ab3; margin-top: 2px; }
nav { display: grid; gap: 8px; }.nav-item { border: 0; background: transparent; color: #929cb1; padding: 13px 14px; text-align: left; border-radius: 11px; cursor: pointer; }.nav-item span { display: inline-block; width: 26px; font-size: 18px; }.nav-item:hover,.nav-item.active { color: #fff; background: #202b42; }.nav-item.active { box-shadow: inset 3px 0 #4a7eff; }
.nav-group{position:relative}.nav-group-trigger{width:100%;border:0;background:transparent;color:#929cb1;padding:13px 14px;border-radius:11px;display:grid;grid-template-columns:26px 1fr 18px;align-items:center;text-align:left;cursor:pointer;font:inherit}.nav-group-trigger span{font-size:18px}.nav-group-trigger b{font-weight:500}.nav-group-trigger i{font-style:normal;font-size:22px;transition:transform .2s}.nav-group-trigger:hover,.nav-group.open>.nav-group-trigger,.nav-group:has(.nav-item.active)>.nav-group-trigger{color:#fff;background:#202b42}.nav-group.open>.nav-group-trigger i{transform:rotate(180deg)}.nav-submenu{display:none;position:fixed;left:222px;width:245px;padding:10px;background:#172137;border:1px solid #2a3752;border-radius:14px;box-shadow:0 18px 45px #050a1490;z-index:30}.nav-group.open>.nav-submenu{display:grid;gap:4px}.nav-submenu-title{padding:7px 13px;color:#687792;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.nav-submenu .nav-item{width:100%;white-space:normal}.nav-group[data-nav-group="sales"] .nav-submenu{top:130px}.nav-group[data-nav-group="management"] .nav-submenu{top:186px}
.safe-card { margin-top: auto; display: flex; gap: 11px; align-items: center; background: #18283b; padding: 14px; border-radius: 12px; }.safe-card strong,.safe-card small { display:block; }.safe-card small { color:#8191a9; margin-top:3px; }.safe-dot { width:10px;height:10px;border-radius:50%;background:#2ee49b;box-shadow:0 0 0 5px #2ee49b22; }
main { margin-left: 238px; padding: 36px 42px 50px; max-width: 1700px; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }.eyebrow { margin:0 0 7px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:1.8px; }h1 { margin:0; font-size:30px; letter-spacing:-.8px; }.subtitle { color:var(--muted); margin:7px 0 0; }.header-actions { display:flex; gap:10px; }
.button { border-radius:10px; border:1px solid var(--line); padding:11px 16px; font-weight:700; cursor:pointer; transition:.2s; }.button:hover { transform:translateY(-1px); }.button.primary { color:#fff; background:var(--blue); border-color:var(--blue); box-shadow:0 8px 18px #2768f533; }.button.secondary { background:#fff;color:#3f4960; }
.notice { display:flex; align-items:center; gap:13px; background:#edf9f4; border:1px solid #cbeee0; border-radius:13px; padding:14px 18px; margin-bottom:22px; }.notice-icon { width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1cab77;color:#fff;font-weight:900; }.notice strong { font-size:14px; }.notice p { margin:3px 0 0; color:#537268; font-size:12px; }.notice-tag { margin-left:auto;color:#16865d;font-size:10px;font-weight:900;letter-spacing:1px;background:#d7f3e7;padding:6px 9px;border-radius:20px; }
.period-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:16px}.period-bar strong,.period-bar small{display:block}.period-bar small{color:var(--muted);font-size:11px;margin-top:2px}.period-switch{display:flex;background:#f1f4f9;border-radius:10px;padding:4px;gap:3px}.period-button{border:0;background:transparent;color:#69738a;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:800;cursor:pointer}.period-button.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px #273b6415}
.stats { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px; }.stats article { background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;gap:15px;box-shadow:0 4px 18px rgba(31,43,70,.03); }.stat-icon { flex:0 0 43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:800; }.stat-icon.blue { background:#eaf1ff;color:#2869ed; }.stat-icon.amber {background:#fff3df;color:#e49018}.stat-icon.violet{background:#f1ecff;color:#7548dd}.stat-icon.green{background:#e4f7ef;color:#15966a}.stats small,.stats strong,.stats em{display:block}.stats small{color:var(--muted);font-size:12px}.stats strong{font-size:24px;margin:2px 0}.stats em{font-size:11px;color:var(--green);font-style:normal}.stats article:nth-child(2) em{color:#d68116}
.weekly-panel{margin-bottom:22px;padding:22px;overflow:visible}.weekly-panel[hidden]{display:none}.weekly-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.weekly-heading h2{margin:0;font-size:18px}.weekly-heading>div>p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.weekly-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.week-nav{height:39px;width:39px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--blue);font-weight:900;cursor:pointer}.date-filter{font-size:10px;font-weight:800;color:var(--muted);display:grid;gap:4px}.date-filter input{height:39px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--ink);font:inherit}.metric-switch{display:flex;background:#f1f4f9;border-radius:9px;padding:3px}.metric-button{height:33px;border:0;background:transparent;border-radius:7px;padding:0 11px;font-size:11px;font-weight:800;color:#748097;cursor:pointer}.metric-button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #273b6415}.chart-summary{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 8px}.chart-summary strong{font-size:13px}.chart-summary span{font-size:11px;color:var(--muted)}.weekly-chart{height:220px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;border-bottom:1px solid var(--line);padding:12px 10px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#eef0f4 55px)}.chart-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.chart-value{font-size:10px;font-weight:800;color:#536078;white-space:nowrap}.chart-bar-wrap{height:150px;width:min(52px,70%);display:flex;align-items:flex-end}.chart-bar{width:100%;min-height:3px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#4b83ff,#2865e6);box-shadow:0 6px 16px #2768f52b;transition:height .35s ease}.chart-column.best .chart-bar{background:linear-gradient(180deg,#32c58b,#159a6b)}.chart-day{font-size:11px;font-weight:800}.chart-date{font-size:9px;color:var(--muted);margin-bottom:8px}
.workspace { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.7fr);gap:18px; }.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.link-button{background:transparent;border:0;color:var(--blue);font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#939bad;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;padding:12px 18px;background:#fbfcfe}td{padding:16px 18px;border-top:1px solid #eef0f4;vertical-align:middle}.order-code{font-weight:800}.product{max-width:230px}.product strong,.product small{display:block}.product small{color:var(--muted);margin-top:3px}.channel{display:inline-flex;align-items:center;gap:6px}.channel-dot{width:8px;height:8px;border-radius:50%}.ml{background:#ffe600}.shopee{background:#ee4d2d}.bling{background:#1ca6a0}.status{font-weight:800;font-size:10px;padding:6px 9px;border-radius:20px;white-space:nowrap}.status.waiting{color:#c07616;background:#fff2db}.status.ready{color:#187a59;background:#e4f7ef}.print-btn{background:#f4f6fa;border:1px solid #e7eaf1;border-radius:8px;padding:7px 9px;cursor:pointer}.print-btn:hover{background:#eaf1ff;color:var(--blue)}
.live{font-size:9px;color:#f0445e;background:#fff0f3;border-radius:20px;padding:6px 8px;font-weight:900;letter-spacing:.6px}.activity-list{padding:8px 22px 20px}.activity{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:15px 0;border-bottom:1px solid #f0f1f5}.activity:last-child{border:0}.activity-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:var(--blue)}.activity p{margin:0;font-size:12px;line-height:1.45}.activity time{font-size:10px;color:#9aa2b2}.toast{position:fixed;right:24px;bottom:24px;width:360px;background:#172238;color:#fff;padding:17px;border-radius:14px;box-shadow:0 20px 55px #11182755;display:flex;gap:13px;align-items:flex-start;transform:translateY(130%);opacity:0;transition:.35s;z-index:20}.toast.show{transform:none;opacity:1}.toast-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#27bd81}.toast strong{font-size:14px}.toast p{margin:4px 0 0;color:#bdc7da;font-size:12px}.toast button{margin-left:auto;background:transparent;border:0;color:#aab4c7;font-size:22px;cursor:pointer}
.empty-state{text-align:center;color:var(--muted);padding:42px!important}
dialog{border:0;border-radius:16px;width:min(520px,90vw);padding:0;box-shadow:0 30px 100px #0f172a66}dialog::backdrop{background:#0f172a99;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-header small{font-weight:900;color:var(--blue);letter-spacing:1px}.dialog-header h2{margin:4px 0 0}.dialog-header button{border:0;background:transparent;font-size:25px;color:#8790a3;cursor:pointer}.print-content{padding:24px}.print-card{border:2px dashed #cbd1dc;padding:18px;border-radius:10px}.print-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.print-row:last-child{border:0}.dialog-actions{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.activity-panel{display:none}}
@media(max-width:760px){.sidebar{width:74px;padding:24px 12px}.brand div,.nav-item:not(.active),.nav-item.active:not(:first-child),.safe-card div{display:none}.brand{padding-left:3px}.nav-item span{width:auto}.nav-item{font-size:0;text-align:center}.nav-item span{font-size:20px}.safe-card{justify-content:center}.safe-dot{flex:none}main{margin-left:74px;padding:24px 16px}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .button{flex:1}.stats{grid-template-columns:1fr}.notice-tag{display:none}.period-bar,.weekly-heading{align-items:flex-start;flex-direction:column}.period-switch,.weekly-controls{width:100%}.period-button{flex:1}.date-filter{flex:1}.date-filter input{width:100%}.metric-switch{width:100%}.metric-button{flex:1}.weekly-chart{gap:5px;padding-inline:2px}.chart-bar-wrap{width:70%}.chart-value{font-size:8px}h1{font-size:24px}}
@media(max-width:760px){.nav-group-trigger{grid-template-columns:1fr;padding:13px;text-align:center}.nav-group-trigger b,.nav-group-trigger i{display:none}.nav-submenu{left:68px;width:235px}.nav-submenu .nav-item{display:block!important;font-size:13px;text-align:left}.nav-submenu .nav-item span{display:inline-block;width:26px}}
@media print{body *{visibility:hidden}#printContent,#printContent *{visibility:visible}#printContent{position:absolute;inset:0;padding:20px}.print-card{border:2px solid #000}.dialog-actions,.dialog-header{display:none}}
.ads-filter{padding:16px 20px;margin-bottom:18px;display:flex;align-items:end;gap:12px}.ads-filter>div{margin-right:auto}.ads-filter strong,.ads-filter small{display:block}.ads-filter small{color:var(--muted);font-size:11px;margin-top:4px}.ads-filter label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.ads-filter input{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--ink);font:inherit}.ads-stats strong{font-size:21px}.campaign-name strong,.campaign-name small{display:block}.campaign-name small{color:var(--muted);margin-top:3px}.campaign-name+td{text-transform:capitalize}
.ads-filter .period-switch{margin-right:0}.ads-chart-panel{margin-bottom:18px}.ads-chart-panel>.panel-heading>strong{color:var(--blue);font-size:18px}.ads-chart-scroll{overflow-x:auto;padding:20px 20px 8px}.ads-daily-chart{height:230px;min-width:max(100%,calc(var(--ads-days,7) * 62px));display:grid;grid-template-columns:repeat(var(--ads-days,7),minmax(44px,1fr));gap:10px;align-items:end;border-bottom:1px solid var(--line)}.ads-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.ads-day>strong{font-size:9px;color:#59657c;white-space:nowrap}.ads-bar-track{height:155px;width:60%;display:flex;align-items:flex-end}.ads-bar-track span{display:block;width:100%;min-height:2px;background:linear-gradient(180deg,#4b83ff,#2865e6);border-radius:8px 8px 2px 2px;box-shadow:0 5px 14px #2768f52b}.ads-day>b{font-size:11px}.ads-day>small{font-size:9px;color:var(--muted);margin-bottom:8px}
.logout-button{margin:14px 0 8px;border:1px solid #2a3850;background:transparent;color:#a8b3c8;border-radius:10px;padding:11px;cursor:pointer;font-weight:700}.logout-button:hover{color:#fff;background:#202b42}.login-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#e5edff,#f5f7fb 55%);display:grid;place-items:center}.login-shell{margin:0;padding:24px;width:min(460px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 30px 90px #20315a22}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:2px}.login-brand small{color:var(--muted);margin-top:2px}.login-card h1{font-size:29px}.login-description{color:var(--muted);line-height:1.5;margin:8px 0 24px}.login-card form{display:grid;gap:15px}.login-card label,.user-form label{display:grid;gap:7px;color:#4c566e;font-size:12px;font-weight:800}.login-card input,.user-form input{border:1px solid #dfe3eb;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.login-card input:focus,.user-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.login-error,.form-message{min-height:18px;margin:0;color:#c63f4d;font-size:12px}.login-security{display:flex;align-items:center;gap:11px;background:#edf9f4;border-radius:12px;padding:13px;margin-top:22px;color:#16865d}.login-security>span{font-weight:900}.login-security p{margin:0}.login-security strong,.login-security small{display:block}.login-security small{font-size:10px;margin-top:2px;color:#537268}.users-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:18px}.user-form{padding:24px;display:grid;gap:15px}.user-form h2{margin:0;font-size:18px}.user-form>div p{margin:5px 0 0;color:var(--muted);font-size:12px}.form-message.success{color:var(--green)}.form-message.error{color:#c63f4d}.user-list{padding:8px 22px}.user-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0}.user-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-weight:900}.user-row div{flex:1}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted);font-size:10px;margin-top:3px}.user-row em{font-style:normal;font-size:10px;font-weight:800;color:var(--green);background:#e4f7ef;padding:6px 9px;border-radius:20px}
@media(max-width:900px){.users-grid{grid-template-columns:1fr}}
.sidebar nav{overflow-y:auto;min-height:0;padding-right:3px}.business-layout{display:grid;grid-template-columns:minmax(600px,1.45fr) minmax(320px,.75fr);gap:18px}.business-form{padding:24px}.form-title h2{margin:0;font-size:18px}.form-title small{display:block;color:var(--muted);margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.business-form label,.inline-business-form label{display:grid;gap:6px;color:#59647a;font-size:10px;font-weight:800}.business-form input,.business-form textarea,.inline-business-form input,.inline-business-form select,.record-status{border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:inherit;color:var(--ink);background:#fff;outline:none}.business-form input:focus,.business-form textarea:focus,.inline-business-form input:focus,.inline-business-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.items-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px}.proposal-items input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px}.proposal-items th,.proposal-items td{padding:8px}.proposal-items th:nth-child(2),.proposal-items td:nth-child(2){width:80px}.proposal-items th:nth-child(3),.proposal-items td:nth-child(3){width:140px}.proposal-items th:nth-child(4),.proposal-items td:nth-child(4){width:115px}.remove-item{border:0;background:#fff0f0;color:#c74a4a;width:30px;height:30px;border-radius:8px;cursor:pointer}.proposal-bottom{display:grid;grid-template-columns:1fr 240px;gap:20px;margin-top:18px}.proposal-bottom textarea{resize:vertical}.proposal-totals>label{margin-bottom:10px}.proposal-totals p{display:flex;justify-content:space-between;margin:8px 0;color:var(--muted)}.proposal-totals p strong{color:var(--ink)}.proposal-totals .grand-total{border-top:1px solid var(--line);padding-top:12px;font-size:18px}.proposal-totals .grand-total strong{color:var(--blue)}.business-form>.button{width:100%;margin-top:10px}.record-list{padding:8px 20px}.record-card{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.record-card:last-child{border:0}.record-card strong,.record-card small{display:block}.record-card small{color:var(--muted);font-size:10px;margin-top:4px}.record-card>b{color:var(--green)}.record-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.record-status{padding:7px 9px;font-size:11px;font-weight:700}.inline-business-form{padding:18px 20px;margin-bottom:18px;display:grid;grid-template-columns:1fr 1.5fr 1fr .8fr .8fr auto;gap:12px;align-items:end}.inline-business-form .button{height:40px}.compact-stats{grid-template-columns:repeat(3,1fr)}.finance-kind{font-size:10px;font-weight:800;padding:6px 9px;border-radius:20px}.finance-kind.income{color:#187a59;background:#e4f7ef}.finance-kind.expense{color:#c74a4a;background:#fff0f0}.income-value{color:var(--green)}.expense-value{color:#c74a4a}.proposal-dialog{width:min(900px,94vw)}.proposal-paper{color:#172033}.proposal-paper>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--blue);padding-bottom:18px}.proposal-paper>header p{margin:0;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1.5px}.proposal-paper>header h2{margin:5px 0 0;font-size:30px}.proposal-paper>header>strong{font-size:13px;color:var(--muted)}.proposal-client{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:22px 0}.proposal-client small,.proposal-client strong,.proposal-client span{display:block}.proposal-client small,.paper-notes small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:1px}.proposal-client strong{margin:5px 0;font-size:15px}.proposal-client span{font-size:11px;color:var(--muted)}.paper-totals{margin:20px 0 20px auto;width:310px}.paper-totals p{display:flex;justify-content:space-between;margin:7px 0}.paper-totals p:last-child{font-size:19px;border-top:2px solid var(--ink);padding-top:10px}.paper-notes{background:#f7f9fc;border-radius:10px;padding:15px}.paper-notes p{white-space:pre-wrap;margin:7px 0 0;font-size:11px;line-height:1.5}.proposal-paper footer{text-align:center;color:var(--muted);font-size:9px;margin-top:25px}
@media(max-width:1200px){.business-layout{grid-template-columns:1fr}.inline-business-form{grid-template-columns:repeat(3,1fr)}.inline-business-form .button{width:100%}}
@media(max-width:760px){.form-grid,.proposal-bottom,.proposal-client{grid-template-columns:1fr}.inline-business-form{grid-template-columns:1fr}.compact-stats{grid-template-columns:1fr}.business-layout{display:block}.business-list{margin-top:18px}}
@media print{#proposalPrintContent,#proposalPrintContent *{visibility:visible!important}#proposalPrintContent{position:absolute;inset:0;padding:20px;background:#fff}.proposal-paper{width:100%}#printContent:not(:empty)~*{visibility:hidden}}
.business-hero{padding:4px 2px}.business-hero .button{padding:13px 19px}.business-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.business-summary article{display:flex;align-items:center;gap:13px;padding:17px 19px;background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 26px #20315a0a}.summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900}.summary-icon.blue{background:#eaf1ff;color:var(--blue)}.summary-icon.amber{background:#fff3df;color:#dc8614}.summary-icon.green{background:#e4f7ef;color:var(--green)}.business-summary small,.business-summary strong{display:block}.business-summary small{font-size:10px;color:var(--muted);font-weight:700}.business-summary strong{font-size:20px;margin-top:3px}.modern-panel{border-color:#e1e6f0;box-shadow:0 16px 45px #20315a0d}.form-title{display:flex;align-items:center;gap:11px}.form-title.compact{margin:0}.form-title.compact strong,.form-title.compact small{display:block}.form-title.compact small{color:var(--muted);font-size:10px;margin-top:3px}.section-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#3778ff,#245ee9);color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 15px #2768f533}.button.mini{padding:8px 11px;font-size:11px}.save-business{height:47px;font-size:14px}.panel-heading.stacked{align-items:flex-start;flex-direction:column;gap:13px}.list-tools{display:flex;gap:8px;width:100%}.list-tools .search-input{width:100%;min-width:0}.list-tools select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;color:var(--ink);font-size:11px;outline:none}.record-card{background:#fff;border:1px solid transparent;border-bottom-color:var(--line);padding:15px 10px;border-radius:11px;transition:.18s}.record-card:hover{border-color:#dce5f7;background:#fbfdff;box-shadow:0 8px 20px #1e31550a}.record-identity{display:flex;align-items:center;gap:10px}.record-identity>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-weight:900}.record-actions>div{display:flex;gap:5px}.icon-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-weight:800;transition:.18s}.icon-action.view{color:var(--blue)}.icon-action.view:hover{background:var(--blue-soft);border-color:#c8d8ff}.icon-action.delete{color:#cf4d58}.icon-action.delete:hover{background:#fff0f1;border-color:#ffcbd0}.modern-panel tbody tr{transition:.15s}.modern-panel tbody tr:hover{background:#fbfdff}.button.danger{background:#d94b58;color:#fff;border-color:#d94b58}.button.danger:hover{background:#c63f4d}.confirm-dialog{width:min(430px,92vw);padding:30px;text-align:center}.confirm-icon{width:52px;height:52px;margin:0 auto 15px;display:grid;place-items:center;border-radius:16px;background:#fff0f1;color:#d94b58;font-size:23px;font-weight:900}.confirm-dialog h2{margin:0;font-size:21px}.confirm-dialog>p{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0 22px}.confirm-dialog .dialog-actions{padding:0;border:0;justify-content:center}.inline-business-form{background:linear-gradient(145deg,#fff,#fbfcff)}
@media(max-width:900px){.business-summary{grid-template-columns:1fr}.list-tools{flex-direction:column}.list-tools select{width:100%}}
.full-field{grid-column:1/-1}.company-details{margin:4px 0 22px;border:1px solid var(--line);border-radius:12px;background:#fafcff}.company-details summary{padding:13px 15px;cursor:pointer;color:var(--blue);font-size:11px;font-weight:800}.company-details .form-grid{padding:0 15px 15px;margin:4px 0}.proposal-conditions-title{margin:24px 0 14px}.proposal-items th:nth-child(2),.proposal-items td:nth-child(2){width:70px}.proposal-items th:nth-child(3),.proposal-items td:nth-child(3){width:75px}.proposal-items th:nth-child(4),.proposal-items td:nth-child(4){width:135px}.proposal-items th:nth-child(5),.proposal-items td:nth-child(5){width:115px}.proposal-dialog{width:min(1500px,98vw);max-width:none}.proposal-dialog .print-content{background:#e8edf5;max-height:78vh;overflow:auto;padding:22px}.proposal-book{display:grid;grid-template-columns:repeat(2,minmax(560px,1fr));gap:14px;margin:auto;max-width:1300px}.proposal-page{position:relative;min-height:850px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 45px #12213c20}.proposal-cover{background:linear-gradient(145deg,#0879cf 0%,#004283 32%,#00285c 68%,#038ed5 100%);color:#fff;padding:42px 48px 34px}.proposal-cover::before{content:"";position:absolute;width:720px;height:260px;left:-80px;top:-70px;background:linear-gradient(180deg,#0ac5fb,#0069bd 70%,#00458d);border-radius:0 0 55% 45%;transform:rotate(-5deg);box-shadow:0 8px 0 #ffbd00}.proposal-cover::after{content:"";position:absolute;width:800px;height:250px;left:-100px;bottom:-100px;background:linear-gradient(165deg,#fff 20%,#e8f8ff 21%,#15b9ee 43%,#00488e 45%,#fff 72%);border-radius:55% 45% 0 0;transform:rotate(-3deg)}.cover-glow{position:absolute;inset:0;background:radial-gradient(circle at 10% 25%,#fff9,transparent 12%),linear-gradient(115deg,transparent 0 18%,#ffffff33 18.3% 18.6%,transparent 19%);pointer-events:none}.cover-ribbon{position:absolute;left:27%;top:0;width:8px;height:73%;background:#ffbd00;transform:skewX(-11deg);box-shadow:0 0 14px #ffbd0066}.proposal-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.proposal-brand .brand-gear{width:55px;height:55px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:31px}.proposal-brand strong,.proposal-brand small{display:block}.proposal-brand strong{font-size:30px;letter-spacing:-1px}.proposal-brand strong::first-letter{color:inherit}.proposal-brand small{font-size:8px;letter-spacing:1.5px;margin-top:3px}.cover-title{position:relative;z-index:2;margin:85px 0 28px;padding-left:21%}.cover-title i{display:block;width:82px;height:7px;border-radius:5px;background:#ffbd00;margin-bottom:13px}.cover-title h1{text-transform:none;font-size:54px;line-height:.88;letter-spacing:-2px}.cover-title h1 b{color:#ffbd00}.cover-title p{font-size:13px;letter-spacing:7px;margin-top:15px}.cover-fields{position:relative;z-index:2;margin-left:12%;display:grid;gap:8px}.cover-fields p{display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;margin:0}.cover-fields p>span{width:37px;height:37px;display:grid;place-items:center;border:2px solid #fff;border-radius:9px;font-size:17px}.cover-fields label{font-size:11px;font-weight:800}.cover-fields label strong{display:block;border:1px solid #bde8ff;border-radius:15px;padding:5px 12px;margin-top:3px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-company{position:absolute;z-index:3;bottom:25px;left:48px;right:48px;color:#062b67;display:grid;gap:4px}.cover-company strong{font-size:15px}.cover-company span{font-size:10px}.cover-company div{display:flex;gap:18px;margin-top:5px;font-size:10px}.proposal-details{padding:28px 28px 55px;color:#062b67}.details-header{position:relative;margin:-28px -28px 25px;padding:20px 28px 35px;background:linear-gradient(135deg,#003a78,#0066aa 70%,#0cc7ef);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}.details-header::after{content:"";position:absolute;right:-20px;bottom:-28px;width:260px;height:70px;background:#ffb900;border-radius:70% 0 0 0;transform:rotate(-7deg)}.details-header .proposal-brand .brand-gear{width:41px;height:41px;font-size:23px}.details-header .proposal-brand strong{font-size:23px}.details-header>p{position:relative;z-index:2;margin:0;font-size:10px}.details-header>p strong{display:block;font-size:12px;margin-top:3px}.details-title{display:flex;align-items:center;gap:12px;margin:0 0 18px;background:linear-gradient(90deg,#003c7f 0 72%,#ffb800 72%);color:#fff;border-radius:30px;padding:8px 20px;font-size:24px}.details-title span{font-size:22px}.proposal-object h3,.services-description h3,.details-notes h3{display:inline-block;margin:0 0 8px;background:linear-gradient(90deg,#d8ecff,#fff);border-radius:18px;padding:6px 16px;color:#063f7e;font-size:14px}.proposal-object p{margin:0 0 18px;background:#eaf4ff;border-radius:11px;padding:12px 16px;font-size:11px;line-height:1.45}.services-description table{font-size:9px;border:1px solid #a9c1dd;border-radius:9px;overflow:hidden}.services-description th{background:#063f7e;color:#fff;padding:8px 6px;letter-spacing:0;text-transform:none}.services-description td{padding:8px 6px;border-color:#cad8e7}.proposal-total-banner{margin:16px 0 17px auto;width:68%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#075096 0 62%,#ffb800 62%);color:#fff;border-radius:22px;padding:8px 15px 8px 22px}.proposal-total-banner span{font-weight:800;font-size:13px}.proposal-total-banner strong{color:#062b67;font-size:18px}.conditions-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#eff6fc;border-radius:12px;padding:12px;margin-bottom:18px}.conditions-strip article{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:0 9px;border-right:1px solid #c9d8e8}.conditions-strip article:last-child{border:0}.conditions-strip article>span{font-size:22px}.conditions-strip strong{font-size:9px}.conditions-strip p{font-size:9px;line-height:1.35;margin:3px 0 0;color:#213958}.details-notes ul{background:#f2f7fc;border-radius:10px;padding:12px 12px 12px 28px;margin:0;font-size:9px;line-height:1.6}.details-wave{position:absolute;left:-30px;right:-30px;bottom:-70px;height:140px;background:linear-gradient(170deg,#ffbd00 0 10%,#0076bd 11% 25%,#003778 26% 47%,#06c8ef 48% 58%,#fff 59%);border-radius:50% 50% 0 0}.conditions-grid{margin:0 0 18px}
@media(max-width:1250px){.proposal-book{grid-template-columns:1fr;max-width:680px}}
@media(max-width:760px){.proposal-main-fields,.conditions-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.proposal-dialog .print-content{padding:8px}.proposal-book{min-width:620px}}
@media print{@page{size:A4 portrait;margin:0}.proposal-dialog{position:static;width:auto}.proposal-book{display:block;max-width:none}.proposal-page{width:210mm;height:297mm;min-height:297mm;border-radius:0;box-shadow:none;page-break-after:always}.proposal-page:last-child{page-break-after:auto}.proposal-dialog .print-content{padding:0;background:#fff;max-height:none;overflow:visible}}
.proposal-page{aspect-ratio:210/297;min-height:0;background-position:center;background-size:cover}.proposal-cover{background-image:url('/assets/proposal-cover-bg.png');background-color:#00346f}.proposal-cover::before,.proposal-cover::after{display:none}.cover-glow,.cover-ribbon{display:none}.proposal-cover .proposal-brand{justify-content:center;margin-top:8px}.proposal-cover .proposal-brand strong{font-size:35px}.cover-title{margin:62px 0 24px;padding-left:25%}.cover-title h1{font-size:57px}.cover-fields{margin-left:21%;margin-right:1%;gap:6px}.cover-fields p{grid-template-columns:37px 1fr}.cover-fields p>span{width:35px;height:35px}.cover-fields label strong{padding:4px 11px;background:#00366a55}.cover-company{bottom:24px;left:34px;right:34px;color:#052b67;max-width:70%}.proposal-details{background-image:url('/assets/proposal-details-bg.png');background-color:#fff;padding:24px 25px 58px}.details-header{height:74px;margin:-24px -25px 23px;padding:13px 27px;background:transparent;overflow:visible}.details-header::after{display:none}.details-header .proposal-brand{color:#fff}.details-title{margin-top:2px}.details-wave{display:none}.details-bottom{display:grid;grid-template-columns:1.55fr .85fr;gap:12px;align-items:stretch}.details-notes{min-width:0}.client-accept{border:1.5px solid #0873c4;border-radius:12px;padding:13px;text-align:center;display:grid;gap:9px;background:#ffffffdd}.client-accept strong{font-size:12px}.client-accept span{font-size:10px}.client-accept i{height:1px;background:#14345d;margin-top:5px}.client-accept small{font-size:8px}.details-notes ul{min-height:84px}.conditions-strip{margin-top:4px}.services-description table{background:#ffffffdd}.proposal-object p{background:#eaf4fff2}.conditions-strip{background:#eff6fcf2}
.setup-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eaf1ff,#f6f8fc 52%)}.setup-shell{margin:0;padding:28px;width:min(620px,100%)}.setup-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 30px 80px #1f2e5220}.setup-card .brand{padding:0 0 28px;color:var(--ink)}.setup-card form{display:grid;gap:16px;margin-top:24px}.setup-card label{font-size:12px;font-weight:800;color:#4c566e;display:grid;gap:7px}.setup-card input{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.setup-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.setup-card .button{margin-top:4px}
.app-view[hidden],header[hidden]{display:none}.module-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.module-hero h2{font-size:28px;margin:0}.module-hero p:last-child{color:var(--muted);margin:7px 0 0}.profit-settings{padding:18px 20px;margin-bottom:18px;display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(120px,.7fr)) auto;gap:12px;align-items:end}.profit-settings strong,.profit-settings small{display:block}.profit-settings small{color:var(--muted);margin-top:4px;font-size:11px}.profit-settings label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.profit-settings input,.search-input,.cost-field input{border:1px solid var(--line);border-radius:9px;padding:10px 11px;color:var(--ink);outline:none;background:#fff}.profit-settings input:focus,.search-input:focus,.cost-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.inventory-stats{margin-top:0}.inventory-panel{overflow:hidden}.inventory-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.search-input{width:min(310px,38vw)}.inventory-table td{padding-block:13px}.stock-pill{display:inline-flex;min-width:38px;justify-content:center;background:#e4f7ef;color:#187a59;padding:6px 9px;border-radius:18px;font-weight:800}.stock-pill.empty{background:#fff0f0;color:#c74a4a}.cost-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;width:125px}.cost-field span{padding-left:9px;color:var(--muted);font-size:11px}.cost-field input{border:0;width:100%;min-width:0;padding-left:5px}.profit-value,.profit-margin{display:block}.profit-value{color:var(--green)}.profit-value.negative{color:#d34d58}.profit-margin{color:var(--muted);margin-top:3px}.empty-module{text-align:center;padding:70px 24px}.empty-module>span{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:18px;background:var(--blue-soft);color:var(--blue);font-size:26px}.empty-module h2{margin:18px 0 8px}.empty-module p{color:var(--muted);margin:0}
@media(max-width:1250px){.profit-settings{grid-template-columns:repeat(2,1fr)}.profit-settings>div{grid-column:1/-1}}
@media(max-width:760px){.module-hero{align-items:flex-start;flex-direction:column}.profit-settings{grid-template-columns:1fr}.profit-settings>div{grid-column:auto}.inventory-controls,.search-input{width:100%}.inventory-controls .metric-switch{width:100%}.inventory-controls .metric-button{flex:1}.inventory-panel .panel-heading{align-items:flex-start;flex-direction:column;gap:12px}}
.exact-book .proposal-page{position:relative;background-size:100% 100%;background-repeat:no-repeat;color:#082b66;font-family:Arial,"Segoe UI",sans-serif;padding:0}.exact-cover{background-image:url('/assets/proposal-cover-exact.png')}.exact-details{background-image:url('/assets/proposal-details-exact.png')}.exact-cover-value{position:absolute;left:37%;width:56%;height:2.8%;display:flex;align-items:center;padding:0 1.6%;color:#fff;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-1px)}.exact-cover-value.client{top:39.7%}.exact-cover-value.document{top:45%}.exact-cover-value.email{top:50.3%}.exact-cover-value.number{top:55.6%}.exact-cover-value.date{top:60.9%}.exact-cover-value.validity{top:66.2%}.exact-cover-value.subject{top:71.5%}.exact-proposal-number{position:absolute;right:4.5%;top:4.2%;width:15%;color:#fff;font-size:13px;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exact-object{position:absolute;left:7.5%;right:3.5%;top:24.7%;height:5.3%;margin:0;padding:1% 2%;display:flex;align-items:center;font-size:12px;font-weight:500;line-height:1.35;overflow:hidden}.exact-service-rows{position:absolute;left:3.1%;right:2.2%;top:40.1%;height:13.1%;display:grid;grid-template-rows:repeat(3,1fr)}.exact-service-row{display:grid;grid-template-columns:7% 46% 7% 8% 16% 16%;align-items:center;font-size:10px;border-bottom:1px solid #cad8e7}.exact-service-row span{padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exact-service-row span:not(:nth-child(2)){text-align:center}.exact-total{position:absolute;right:3.8%;top:51.8%;width:25%;height:4.5%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;white-space:nowrap}.exact-condition{position:absolute;top:61.9%;height:5.2%;margin:0;font-size:10px;line-height:1.25;overflow:hidden}.exact-condition.execution{left:12%;width:20%}.exact-condition.warranty{left:45%;width:19%}.exact-condition.payment{left:77%;width:19%}.exact-notes{position:absolute;left:7.2%;top:75.3%;width:50%;height:8.2%;margin:0;padding:0;list-style:none;font-size:10px;line-height:1.45;overflow:hidden}.exact-notes li{margin:0 0 5px}

/* Posicionamento calibrado sobre os campos impressos da capa exata. */
.exact-cover-value{font-size:13px;height:2.65%;line-height:1;transform:none}
.exact-cover-value.client{top:38.95%}
.exact-cover-value.document{top:44.23%}
.exact-cover-value.email{top:49.51%}
.exact-cover-value.number{top:54.57%}
.exact-cover-value.date{top:59.64%}
.exact-cover-value.validity{top:64.70%}
.exact-cover-value.subject{top:69.76%}

/* Três itens por página, sempre contidos nas três linhas impressas da tabela. */
.exact-service-rows{top:40.1%;height:8.7%}
.exact-service-row{min-height:0}

/* Segunda folha ampliada: até dez itens, sem página adicional e sem assinatura. */
.exact-details{background-image:url('/assets/proposal-details-expanded.png')}
.exact-proposal-number{top:5.05%;right:4.2%;width:18%;font-size:11px;line-height:1}
.exact-object{top:21.1%;left:5.2%;right:3.4%;height:5.6%;padding:.7% 2%;font-size:11px}
.exact-service-rows{top:35.72%;left:2.85%;right:2.45%;height:29.86%;grid-template-rows:repeat(10,1fr)}
.exact-service-row{grid-template-columns:7% 46% 7% 8% 16% 16%;font-size:9px;border-bottom:0}
.exact-service-row span{padding:0 5px}
.exact-total{top:66.48%;right:2.7%;width:30%;height:3.9%;font-size:18px}
.exact-condition{top:75.25%;height:2.2%;font-size:9px;line-height:1.15;display:flex;align-items:flex-start}
.exact-condition.execution{left:13.5%;width:19%}
.exact-condition.warranty{left:46%;width:19%}
.exact-condition.payment{left:77%;width:20%}
.exact-notes{top:82.72%;left:5.2%;width:90%;height:7.4%;font-size:9px;line-height:1.35}

/* Impressão da proposta atual: duas páginas A4, sem páginas vazias. */
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm;margin:0!important;padding:0!important;background:#fff!important}
  body>*{display:none!important}
  body>#proposalDialog{display:block!important;position:static!important;inset:auto!important;width:210mm!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:#fff!important}
  #proposalDialog::backdrop{display:none!important}
  #proposalDialog .dialog-header,#proposalDialog .dialog-actions{display:none!important}
  #proposalPrintContent{display:block!important;position:static!important;width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;visibility:visible!important}
  #proposalPrintContent,#proposalPrintContent *{visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #proposalPrintContent .proposal-book{display:block!important;width:210mm!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}
  #proposalPrintContent .proposal-page{display:block!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;break-after:page!important;page-break-after:always!important;background-size:100% 100%!important}
  #proposalPrintContent .proposal-page:last-child{break-after:auto!important;page-break-after:auto!important}
}

/* Modalidades dinâmicas da proposta, mantendo a arte MerakiServ. */
.business-form select{border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:inherit;color:var(--ink);background:#fff;outline:none}
.business-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}
.proposal-items .item-type-column{display:none;width:105px}
.proposal-form.mixed-proposal .item-type-column,#proposalForm.mixed-proposal .item-type-column{display:table-cell}
.proposal-items .item-kind{width:100%;min-width:88px;padding:8px 6px;font-size:11px}
.proposal-items th:nth-child(2),.proposal-items td:nth-child(2){width:auto}
.proposal-items th:nth-child(3),.proposal-items td:nth-child(3){width:150px}
.proposal-items th:nth-child(4),.proposal-items td:nth-child(4){width:70px}
.proposal-items th:nth-child(5),.proposal-items td:nth-child(5){width:75px}
.proposal-items th:nth-child(6),.proposal-items td:nth-child(6){width:135px}
.proposal-items th:nth-child(7),.proposal-items td:nth-child(7){width:115px}
.exact-cover{background-image:url('/assets/proposal-cover-dynamic.png')}
.exact-cover-subtitle{position:absolute;z-index:3;left:29%;top:32.65%;width:65%;height:3.05%;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:#fff;font-size:12px;font-weight:700;letter-spacing:4px;white-space:nowrap;overflow:hidden}
.exact-dynamic{position:absolute;z-index:3;display:flex;align-items:center;white-space:nowrap;overflow:hidden;color:#083875}
.exact-dynamic.section-title{left:12.2%;top:28.15%;width:35%;height:3.3%;padding-left:1%;background:linear-gradient(90deg,#e1f0ff 72%,#fff);font-size:14px}
.exact-dynamic.table-description{left:9.7%;top:32.25%;width:42.8%;height:3.45%;justify-content:center;background:#063c7d;color:#fff;font-size:10px}
.exact-dynamic.deadline-title,.exact-dynamic.warranty-title{top:72.35%;height:2.25%;justify-content:center;background:#edf6fd;font-size:10px}
.exact-dynamic.deadline-title{left:8.5%;width:24%}
.exact-dynamic.warranty-title{left:39%;width:24%}

/* Propostas em duas áreas: consulta ampla e formulário amplo. */
#proposalsView.list-mode .business-layout,#proposalsView.form-mode .business-layout{display:block}
#proposalsView.list-mode #proposalForm{display:none}
#proposalsView.form-mode .business-list,#proposalsView.form-mode .business-summary{display:none}
#proposalsView.list-mode .business-list{width:100%;min-height:520px}
#proposalsView.list-mode .record-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:0 24px;padding:12px 26px 28px}
#proposalsView.list-mode .record-card{min-height:125px}
.proposal-form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px}
#proposalsView.form-mode #proposalForm{width:100%;padding:34px}
#proposalsView.form-mode .business-form label{font-size:13px;gap:8px}
#proposalsView.form-mode .business-form input,#proposalsView.form-mode .business-form textarea,#proposalsView.form-mode .business-form select{min-height:48px;padding:13px 15px;font-size:15px}
#proposalsView.form-mode .proposal-items input,#proposalsView.form-mode .proposal-items select{min-height:44px;font-size:14px}
#proposalsView.form-mode .proposal-items th{font-size:11px;padding-block:14px}
#proposalsView.form-mode .proposal-items td{padding-block:10px}
#proposalsView.form-mode .form-title h2{font-size:21px}
#proposalsView.form-mode .form-title strong{font-size:17px}
#proposalsView.form-mode .form-title small{font-size:12px}
@media(max-width:900px){#proposalsView.list-mode .record-list{grid-template-columns:1fr}.proposal-form-toolbar{align-items:flex-start;flex-direction:column}#proposalFormBack{width:100%}}
.proposal-list-tools{display:grid!important;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(150px,auto));gap:10px;width:100%}.proposal-list-tools select{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}.proposal-month-list{display:block!important;padding:8px 26px 30px!important}.proposal-month-group{padding:18px 0 8px;border-bottom:1px solid var(--line)}.proposal-month-group:last-child{border-bottom:0}.proposal-month-group>header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}.proposal-month-group>header>div{display:flex;align-items:center;gap:10px}.proposal-month-group h3{margin:0;font-size:15px;text-transform:capitalize}.proposal-month-group header small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.proposal-month-group>header>strong{color:var(--blue);font-size:14px}.proposal-month-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--blue);background:var(--blue-soft);font-size:17px}.proposal-month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.proposal-record-card{min-height:148px!important;border:1px solid #e3e8f1!important;border-radius:14px;padding:15px!important;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 5px 16px #1b2a4510}.proposal-record-card:hover{border-color:#cbd8f4!important;box-shadow:0 10px 24px #1b2a4518;transform:translateY(-1px)}.proposal-card-meta{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-width:0}.proposal-card-meta>small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal-type-badge{display:inline-flex;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:900;white-space:nowrap}.proposal-type-badge.goods{background:#eaf1ff;color:#2869ed}.proposal-type-badge.services{background:#e4f7ef;color:#16865d}.proposal-type-badge.mixed{background:#f1eafe;color:#7650bd}@media(max-width:1250px){.proposal-list-tools{grid-template-columns:1fr 1fr}.proposal-list-tools .search-input{grid-column:1/-1}}@media(max-width:700px){.proposal-list-tools{grid-template-columns:1fr}.proposal-list-tools .search-input{grid-column:auto}.proposal-month-grid{grid-template-columns:1fr}.proposal-month-group>header{align-items:flex-start}.proposal-month-list{padding-inline:14px!important}}

/* Catálogo inteligente de produtos e serviços. */
.catalog-tools{display:grid;grid-template-columns:minmax(320px,1.4fr) repeat(3,minmax(170px,.65fr)) auto;gap:12px;align-items:center;padding:16px 18px;margin-bottom:18px}.catalog-tools .search-input{width:100%;max-width:none}.catalog-tools select,.catalog-form select,.catalog-form input,.catalog-form textarea,.fiscal-settings input{border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.catalog-check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.catalog-check input{width:17px;height:17px}.catalog-layout{display:grid;grid-template-columns:minmax(440px,.8fr) minmax(650px,1.4fr);gap:18px;align-items:start}.catalog-layout:has(.catalog-form[hidden]){grid-template-columns:1fr}.catalog-form{padding:24px;position:sticky;top:16px}.catalog-form[hidden]{display:none}.catalog-form .form-grid{margin:18px 0}.catalog-form label,.fiscal-settings label{display:grid;gap:6px;color:#59647a;font-size:10px;font-weight:800}.catalog-form .button{margin-right:8px}.catalog-form p{color:var(--muted);font-size:11px;margin:4px 0}.fiscal-warning{padding:12px;background:#fff7e8;border:1px solid #ffe1aa;border-radius:10px;color:#976017!important}.catalog-list{overflow:hidden}.catalog-kind,.fiscal-status{display:inline-flex;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800}.catalog-kind.goods{background:#eaf1ff;color:#2869ed}.catalog-kind.service{background:#e4f7ef;color:#16865d}.fiscal-status.pending{background:#fff2db;color:#b66c0d}.fiscal-status.validated{background:#e4f7ef;color:#16865d}.table-subtext{display:block;color:var(--muted);font-size:9px;margin-top:4px}.catalog-inactive{opacity:.55}.fiscal-settings{margin-top:18px;padding:0 20px 18px}.fiscal-settings summary{padding:18px 0;cursor:pointer;font-weight:800;color:var(--blue)}.fiscal-settings form{display:grid;grid-template-columns:repeat(3,1fr) 2fr auto;gap:12px;align-items:end}.fiscal-settings>p{font-size:10px;color:var(--muted)}.catalog-history{margin-top:18px}.catalog-summary{grid-template-columns:repeat(3,1fr)}.catalog-suggestions{position:absolute;z-index:1000;background:#fff;border:1px solid #dfe4ee;border-radius:12px;box-shadow:0 18px 55px #17233b33;max-height:360px;overflow:auto;padding:6px}.catalog-suggestions button{width:100%;border:0;background:#fff;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer}.catalog-suggestions button:hover{background:#eef4ff}.catalog-suggestions strong,.catalog-suggestions small{display:block}.catalog-suggestions strong{font-size:12px}.catalog-suggestions small{font-size:9px;color:var(--muted);margin-top:3px}.item-catalog-meta{display:block;margin:4px 2px 0;color:var(--muted);font-size:9px}.proposal-items td:nth-child(2){vertical-align:top}
@media(max-width:1250px){.catalog-tools{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.catalog-form{position:static}.fiscal-settings form{grid-template-columns:1fr 1fr}.catalog-tools .search-input{grid-column:1/-1}}
@media(max-width:760px){.catalog-tools,.fiscal-settings form{grid-template-columns:1fr}.catalog-tools .search-input{grid-column:auto}.catalog-summary{grid-template-columns:1fr}.catalog-suggestions{max-width:calc(100vw - 24px)}}
.fiscal-status.unclassified{background:#f0f2f6;color:#68738a}.catalog-summary{grid-template-columns:repeat(7,minmax(140px,1fr));overflow-x:auto}.catalog-summary article{min-width:140px}.family-dialog{width:min(1180px,96vw);max-width:none}.family-form{padding:24px}.family-form label{display:grid;gap:6px;color:#59647a;font-size:10px;font-weight:800}.family-form input,.family-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:inherit}.family-variations input{min-width:105px}.family-variations td,.family-variations th{padding:8px}.ncm-official-panel{margin-top:18px}.ncm-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px;padding:16px;max-height:430px;overflow:auto}.ncm-results button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;text-align:left;cursor:pointer}.ncm-results button:hover{border-color:var(--blue);background:var(--blue-soft)}.ncm-results strong,.ncm-results span{display:block}.ncm-results strong{color:var(--blue);font-size:12px}.ncm-results span{font-size:10px;color:#59647a;margin-top:4px;line-height:1.4}.fiscal-warning a{color:#755000;font-weight:800}
.user-form select{border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit}.role-explanation{padding:11px 12px;border-radius:10px;background:var(--blue-soft);color:#42608f;font-size:10px;line-height:1.5}.permission-hidden,[hidden]{display:none!important}body[data-role="viewer"] .record-status,body[data-role="viewer"] [data-delete],body[data-role="viewer"] [data-delete-report],body[data-role="viewer"] [data-edit-proposal],body[data-role="viewer"] [data-edit-report],body[data-role="viewer"] [data-cost]{pointer-events:none;opacity:.5}body[data-role="seller"] #financeView .record-status,body[data-role="seller"] #financeView [data-delete],body[data-role="seller"] [data-delete],body[data-role="seller"] [data-delete-report]{pointer-events:none;opacity:.5}
@media(max-width:1200px){.catalog-summary{grid-template-columns:repeat(7,150px)}}

/* Demonstrativo financeiro detalhado MerakiServ */
.report-form{padding:30px}.report-form[hidden],.report-list[hidden],.report-summary[hidden]{display:none!important}.report-items input,.report-items select,.report-items textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font:inherit;color:var(--ink);background:#fff}.report-items th,.report-items td{padding:8px;vertical-align:top}.report-items th:nth-child(1){width:125px}.report-items th:nth-child(2){width:155px}.report-items th:nth-child(3){width:220px}.report-items th:nth-child(5){width:70px}.report-items th:nth-child(6){width:110px}.report-items th:nth-child(7){width:80px}.included-check{display:grid!important;justify-items:center;gap:4px!important}.included-check input{width:18px;height:18px}.included-check span{font-size:9px}.report-form-bottom{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:20px}.report-form-bottom>label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#59647a}.report-form-bottom textarea{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.report-live-total{display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:14px;background:linear-gradient(135deg,#083f7d,#126ab4);color:#fff}.report-live-total small{opacity:.75}.report-live-total strong{font-size:28px;margin:5px 0}.report-live-total span{font-size:9px;opacity:.7}.report-list .record-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;padding:18px}.report-record-card{border:1px solid var(--line);border-radius:14px;padding:16px;min-height:145px}.report-dialog{width:min(1080px,96vw);max-width:none}.report-dialog .print-content{background:#dfe5ef;padding:24px;max-height:78vh;overflow:auto}.report-book{width:210mm;margin:auto}.report-page{position:relative;width:210mm;min-height:297mm;background:#fff;color:#102443;box-shadow:0 18px 50px #12203c33;overflow:hidden;padding-bottom:30mm}.report-brand-header{height:38mm;padding:13mm 15mm 8mm;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#062f68 0 48%,#087abb 100%);clip-path:ellipse(90% 75% at 50% 20%)}.report-brand-header>div:first-child{display:flex;flex-direction:column}.report-brand-header strong{font-size:28px;line-height:1}.report-brand-header strong span{color:#12c0df}.report-brand-header small{font-size:7px;letter-spacing:1.5px;margin-top:5px}.report-brand-header>div:last-child{text-align:right}.report-brand-header b{display:block;font-size:13px;margin-top:4px}.report-title{padding:5mm 15mm 3mm}.report-title>small{font-size:8px;font-weight:900;letter-spacing:2px;color:#1185c1}.report-title h1{font-size:29px;line-height:1.05;margin:3px 0 8px;color:#073a79}.report-title h1 span{color:#f0a600}.report-title p{font-size:11px;color:#60708b}.report-client-block{margin:0 15mm 5mm;display:grid;grid-template-columns:1fr 1.2fr;gap:4mm;padding:5mm;border-radius:4mm;background:#edf5fc;border-left:4px solid #f0ad00}.report-client-block small,.report-client-block strong,.report-client-block span{display:block}.report-client-block small{font-size:7px;font-weight:900;color:#1782bc;letter-spacing:1px}.report-client-block strong{font-size:11px;margin:3px 0}.report-client-block span{font-size:8px;color:#60708b}.report-intro,.report-service-section,.report-notes{margin:0 15mm 5mm}.report-intro h2,.report-notes h2{font-size:12px;color:#083f7d;margin:0 0 5px}.report-intro p,.report-notes p{font-size:9px;line-height:1.55;margin:0;white-space:pre-wrap}.report-section-title{display:flex;align-items:center;gap:8px;margin-bottom:7px}.report-section-title span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#0b62a5;color:#fff;font-size:9px;font-weight:900}.report-section-title h2{font-size:13px;margin:0;color:#083f7d}.report-service-section table{width:100%;border-collapse:separate;border-spacing:0;font-size:7.5px;border:1px solid #bdd0e2;border-radius:3mm;overflow:hidden}.report-service-section th{background:#083f7d;color:#fff;padding:7px 6px;text-align:left}.report-service-section td{padding:7px 6px;border-top:1px solid #d8e3ee;vertical-align:top}.report-service-section td:nth-child(1){width:7%}.report-service-section td:nth-child(2){width:11%}.report-service-section td:nth-child(4){width:16%}.report-service-section td:nth-child(5){width:17%;text-align:right;font-weight:800}.report-service-section td strong,.report-service-section td small{display:block}.report-service-section td small{color:#64748b;margin-top:3px;line-height:1.35}.report-included{color:#16865d;font-size:7px}.report-summary-box{margin:5mm 15mm;display:grid;grid-template-columns:1fr 1fr 1.2fr;border-radius:4mm;overflow:hidden;background:#edf5fc}.report-summary-box>div{padding:4mm;border-right:1px solid #ccdbea}.report-summary-box>div:last-child{border:0}.report-summary-box small,.report-summary-box strong{display:block}.report-summary-box small{font-size:7px;color:#64748b}.report-summary-box strong{font-size:13px;margin-top:3px;color:#083f7d}.report-summary-box .grand{background:linear-gradient(120deg,#083f7d,#0b69ad);color:#fff}.report-summary-box .grand small,.report-summary-box .grand strong{color:#fff}.report-page footer{position:absolute;left:0;right:0;bottom:0;height:23mm;padding:7mm 15mm;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(110deg,#073b78,#0a91c6)}.report-page footer strong,.report-page footer span{display:block;font-size:7px;line-height:1.5}.report-page footer>div:last-child{text-align:right}
@media(max-width:900px){.report-form-bottom{grid-template-columns:1fr}.report-list .record-list{grid-template-columns:1fr}.report-dialog .print-content{padding:8px}.report-book{transform-origin:top left}}
.report-form-bottom{grid-template-columns:1fr 320px}.report-final-total-field{display:grid;gap:6px;align-content:start;font-size:11px;font-weight:800;color:#59647a}.report-final-total-field small{font-weight:500;color:#8791a5}.report-final-total-field input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff}.report-live-total{margin-top:10px}.report-summary-final{display:block;margin-left:auto;width:75mm;background:linear-gradient(120deg,#083f7d,#0b69ad)}.report-summary-final>div{border:0;text-align:right}.report-summary-final small,.report-summary-final strong{color:#fff}.report-summary-final strong{font-size:18px}
.report-section-title-field{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-section-title-field>label{display:grid;gap:7px;color:#59647a;font-size:11px;font-weight:800}.report-section-title-field select,.report-section-title-field input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.report-section-title-field select:focus,.report-section-title-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.report-section-title-field [hidden]{display:none!important}
.report-page:has(.report-brand-approved){padding-bottom:58mm}.report-brand-approved{display:block;height:49mm;padding:0;overflow:hidden;background:none;clip-path:none}.report-brand-approved img{display:block;width:100%;height:auto;transform:translateY(-15.4%)}.report-title-approved{padding:2.5mm 15mm 3mm}.report-title-approved>small,.report-title-approved>h1{display:none}.report-title-approved>p{margin:0;font-size:10px;font-weight:800;color:#0a4d88;text-align:right}.report-footer-approved{height:54mm!important;padding:0!important;display:block!important;background:none!important;overflow:hidden}.report-footer-approved img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.report-footer-approved strong,.report-footer-approved span{display:none}
.report-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.report-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2768f51a}.report-intro h2,.report-section-title h2,.report-client-block small,.report-service-section th,.report-summary-box small{text-transform:uppercase;letter-spacing:.4px}
@media(max-width:900px){.report-form-bottom{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important}body>#reportDialog,body>#reportDialog *,#reportPrintContent,#reportPrintContent *{visibility:visible!important}body>#reportDialog{display:block!important;position:static!important;inset:auto!important;width:210mm!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:#fff!important}#reportDialog::backdrop,#reportDialog .dialog-header,#reportDialog .dialog-actions{display:none!important}#reportDialog .print-content{padding:0!important;max-height:none!important;overflow:visible!important;background:#fff!important}.report-book{width:210mm!important;margin:0!important}.report-page{width:210mm!important;min-height:297mm!important;box-shadow:none!important;page-break-after:always!important}.report-page:last-child{page-break-after:auto!important}}

/* Aviso de cobrança Pix vinculado ao demonstrativo */
.report-billing-panel{margin-top:18px;padding:18px 20px;border:1px solid #ccdaf0;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef5ff)}
.report-billing-toggle{display:flex;align-items:center;gap:13px;cursor:pointer}.report-billing-toggle input{width:19px;height:19px;accent-color:var(--blue)}.report-billing-toggle span,.report-billing-toggle strong,.report-billing-toggle small{display:block}.report-billing-toggle strong{font-size:13px;color:#12335f}.report-billing-toggle small{margin-top:3px;color:var(--muted);font-size:10px}
.report-billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px;padding-top:16px;border-top:1px solid #d8e4f5}.report-billing-fields label{display:grid;gap:6px;font-size:10px;font-weight:900;color:#52627c;text-transform:uppercase}.report-billing-fields input,.report-billing-fields select,.report-billing-fields textarea{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit;text-transform:none}.report-billing-fields .full-field,.pix-safety-note{grid-column:1/-1}.pix-safety-note{margin:0;padding:10px 12px;border-radius:9px;background:#e6f6ef;color:#187052;font-size:9px;line-height:1.5}
.charge-control-panel{margin-top:18px}.charge-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.charge-dot{width:8px;height:8px;border-radius:50%;margin-left:8px}.charge-dot.pending{background:#e5a120}.charge-dot.paid{background:#16a36f}.charge-dot.overdue{background:#d64b58}.charge-provider,.charge-paid-date,.charge-control-panel td small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.charge-table-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.5px}.charge-table-status.pending{background:#fff4d9;color:#9b6400}.charge-table-status.paid{background:#e1f7ed;color:#087b52}.charge-table-status.overdue{background:#ffe9eb;color:#b73542}.charge-table-status.cancelled{background:#eef0f4;color:#687386}.charge-status-select{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;font-size:10px}
.charge-page{padding-bottom:58mm}.charge-brand-header{height:45mm;padding:12mm 15mm 10mm;display:flex;align-items:flex-start;justify-content:space-between;color:#fff;background:radial-gradient(circle at 76% -45%,#22bde1 0 24%,transparent 25%),linear-gradient(125deg,#052e67 0 62%,#087fbd 100%);clip-path:ellipse(92% 78% at 50% 20%)}.charge-brand-header>div:first-child{display:flex;flex-direction:column}.charge-brand-header strong{font-size:29px;line-height:1}.charge-brand-header strong span{color:#13c3df}.charge-brand-header small{margin-top:5px;font-size:7px;letter-spacing:1.3px}.charge-pix-badge{min-width:48px;padding:10px 12px;border:1px solid #ffffff80;border-radius:13px;background:#ffffff18;text-align:center;font-size:18px;font-weight:900;letter-spacing:2px}.charge-title{padding:2mm 15mm 4mm}.charge-title small{color:#1685be;font-size:7px;font-weight:900;letter-spacing:2px}.charge-title h1{margin:3px 0 4px;color:#083d7c;font-size:29px;line-height:1}.charge-title h1 span{color:#efa800}.charge-title p{margin:0;color:#65758d;font-size:8px;font-weight:800}.charge-client{margin:0 15mm 5mm;display:grid;grid-template-columns:1.2fr 1fr;gap:4mm;padding:4mm 5mm;border-radius:4mm;background:#edf5fc;border-left:4px solid #efab00}.charge-client small,.charge-client strong,.charge-client span{display:block}.charge-client small,.charge-payment-data small{color:#1682bc;font-size:7px;font-weight:900;letter-spacing:1px}.charge-client strong{margin:3px 0;font-size:11px}.charge-client span{color:#627189;font-size:8px}.charge-content{margin:0 15mm 5mm;display:grid;grid-template-columns:1.35fr .9fr;gap:5mm}.charge-services,.charge-values{padding:4mm;border:1px solid #d5e2ef;border-radius:4mm}.charge-services h2{margin:0 0 7px;color:#083f7d;font-size:10px}.charge-services ul{margin:0;padding-left:16px}.charge-services li{margin:0 0 5px;color:#183657;font-size:8px}.charge-services li span{display:block;color:#65758d;font-size:7px;line-height:1.35}.charge-values p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:5px 0;border-bottom:1px solid #e0e8f1;font-size:8px}.charge-values p:last-child{border:0}.charge-values .charge-total{margin:6px -4mm -4mm;padding:4mm;background:linear-gradient(120deg,#083f7d,#0b6caf);color:#fff;border-radius:0 0 4mm 4mm;align-items:center}.charge-values .charge-total strong{font-size:15px}.charge-payment{margin:0 15mm 4mm;display:grid;grid-template-columns:34mm 1fr;gap:5mm;align-items:center;padding:4mm;border-radius:4mm;background:#f4f8fc;border:1px solid #d3e0ee}.charge-qr{display:grid;place-items:center;width:31mm;height:31mm;padding:2mm;border-radius:3mm;background:#fff;border:1px solid #cad8e6}.charge-qr img{display:block;width:100%;height:100%;image-rendering:pixelated}.charge-payment-data small,.charge-payment-data strong{display:block}.charge-payment-data strong{margin:2px 0 6px;font-size:9px}.pix-copy-code{padding:7px;border-radius:7px;background:#fff;border:1px dashed #9db5cc;color:#24425f;font-family:Consolas,monospace;font-size:6px;line-height:1.35;overflow-wrap:anywhere}.charge-payment-data p{margin:6px 0 0;color:#53647a;font-size:7px}.charge-disclaimer{margin:0 15mm;color:#68778b;font-size:6.5px;line-height:1.45}.charge-status{position:absolute;right:15mm;bottom:57mm;padding:5px 10px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.8px}.charge-status.pending{background:#fff2cf;color:#996200}.charge-status.paid{background:#dcf5e9;color:#087850}.charge-status.overdue{background:#ffe6e8;color:#ad3340}.charge-status.cancelled{background:#eceff3;color:#687386}
@media(max-width:760px){.report-billing-fields{grid-template-columns:1fr}.report-billing-fields .full-field,.pix-safety-note{grid-column:auto}.charge-legend{display:none}}
@media print{body[data-report-print-mode="report"] .charge-page{display:none!important}body[data-report-print-mode="charge"] .report-book>.report-page:not(.charge-page){display:none!important}.charge-page{page-break-after:auto!important}}

/* O aviso Pix reutiliza o mesmo cabeçalho institucional aprovado do demonstrativo. */
.charge-brand-header.charge-brand-approved{position:relative;height:36mm;padding:0;display:block;overflow:hidden;background:#082f68;clip-path:none}
.charge-brand-header.charge-brand-approved>img{display:block;width:100%;height:auto;transform:translateY(-15.4%)}
.charge-brand-header.charge-brand-approved .charge-pix-badge{position:absolute;right:15mm;top:13mm;min-width:42px;padding:8px 10px;border:1px solid #ffffffb0;border-radius:11px;background:#063a77cc;color:#fff;text-align:center;font-size:15px;font-weight:900;letter-spacing:1.5px;box-shadow:0 4px 14px #001b3b44}