@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
@media screen {
:root{--bg:#f3f6fa;--panel:#fff;--cyan:#1769e0;--purple:#8966c8;--text:#172b45;--muted:#718198;--border:#e3eaf3;--green:#158465}body{font:14px 'DM Sans',system-ui;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{border-radius:7px;background:#1769e0;color:#fff;padding:11px 16px;font-size:12px;font-weight:600;transition:background .15s}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #6ca9f5!important;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8dbaf6;outline-offset:1px}input,select,textarea{background:white;border:1px solid #d9e2ed;color:#2d4561;border-radius:6px;padding:10px 12px;color-scheme:light}input::placeholder,textarea::placeholder{color:#9aa7b7}.secondary{background:#eef3fa;color:#536b88;border:1px solid #e2e9f3}.secondary:hover:not(:disabled){background:#e4edf9}label{font-size:12px;color:#718198}h1,h2,h3,h4{font-family:Manrope,system-ui;color:#172b45}h1{font-size:29px;letter-spacing:-1px;font-weight:800;margin:8px 0}h2{font-size:16px;font-weight:800}h3{font-size:14px}p{color:#718198;line-height:1.6}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#7890ac;font-weight:700}
aside{width:246px;background:#0b1d35;border:0;padding:28px 18px;color:#a9bcd5;z-index:5;display:flex;flex-direction:column;overflow-y:auto}.brand{gap:10px;padding:0 6px;flex-shrink:0}.brand img{width:45px;height:45px;border-radius:50%;object-fit:contain}.brand strong{font:800 18px Manrope;color:white;white-space:nowrap}.brand small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#7d94b2;margin-top:6px}.modern-workspace{display:flex;gap:10px;align-items:center;margin:27px 2px 24px;padding:12px 10px;border:1px solid #293d56;border-radius:9px;color:#d8e2ef;font-size:11px}.modern-workspace strong{display:block;font-weight:500}.modern-workspace small{display:block;color:#748cae;font-size:9px;margin-top:3px}.modern-workspace .initials{background:#203b5c;padding:9px 6px;border-radius:6px;color:#8dbaff;font-size:10px;font-weight:700}.modern-workspace i{width:6px;height:6px;background:#38bc97;border-radius:50%;margin-left:auto}aside nav{margin:0;display:flex;flex-direction:column;gap:4px}aside nav .navbutton{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 13px;background:none;color:#9eafc8;border:0;border-radius:7px;font-size:12px;font-weight:500;text-align:left;min-height:41px}aside nav .navbutton:hover{background:#152e4c;color:white}aside nav .navbutton.selected{background:#1769e0;color:white;box-shadow:0 4px 14px #0002}.nav-icon{width:17px;height:17px;flex:none;stroke-width:1.6}.modern-nav-label{padding:15px 13px 9px;font-size:8px;letter-spacing:1.7px;color:#627c9e;font-weight:700}.modern-nav-label:first-child{padding-top:0}aside nav>button:not(.navbutton){background:transparent;border:0;color:#a4b5cc;text-align:left;font-size:11px;margin-top:14px;padding:12px 13px}aside>p{margin:23px 5px 14px;font-size:10px;display:flex;gap:15px}aside>p a{color:#8fb7e9!important;text-decoration:none;margin:0!important}aside .sidefoot{position:static;order:10;margin-top:auto;padding:22px 6px 4px;color:#506c8f;font-size:8px;line-height:1.8;letter-spacing:.5px}.modern-profile{display:flex;gap:9px;align-items:center;border-top:1px solid #273c57;padding-top:18px;margin-top:12px;color:#b9cadf;font-size:10px;overflow-wrap:anywhere}.modern-profile .initials{flex:none;border-radius:50%;background:#203d5c;color:#a9cbf4;width:32px;height:32px;display:grid;place-items:center}.modern-profile small{display:block;color:#6f88a9;font-size:9px;margin-top:4px}
main{margin-left:246px;padding:0 38px 24px;max-width:1700px}.modern-topbar{margin:0 -38px 34px;background:#fff;border-bottom:1px solid #e3eaf3;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b9aaf;min-height:75px}.modern-breadcrumb{display:flex;gap:14px;align-items:center}.modern-breadcrumb b{font-weight:500;color:#4c627d}.modern-date{font-size:10px;color:#8899ad}.modern-live{color:#3a987a;font-size:9px;margin-right:18px}.modern-live:before{content:'';display:inline-block;width:5px;height:5px;background:#35b28b;border-radius:50%;margin-right:6px}main>header{margin-bottom:27px;gap:18px}main>header p{font-size:12px;margin:9px 0 0}.cards{gap:16px;margin:25px 0}.card,.panel{border:1px solid #e3eaf3;border-radius:11px;background:#fff;box-shadow:0 4px 18px #16335303;padding:22px}.card{position:relative;overflow:hidden;padding:22px}.card span{font-size:11px;color:#7f8fa4}.card strong{font:800 29px Manrope;color:#172b45;margin-top:16px;letter-spacing:-.8px}.card:nth-child(2) strong{color:#2477d8}.card:nth-child(3) strong{color:#a37631}.card:nth-child(4) strong{color:#319578}.toolbar{gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar h2{margin-right:auto;font-size:14px}.toolbar input,.toolbar select{font-size:12px}.tablewrap{margin:0 -22px;padding:0 8px}table{color:#5e718b}th{font-size:10px;letter-spacing:.4px;color:#8a9aaf;text-transform:uppercase;background:#fafbfd;border-block:1px solid #edf1f6;font-weight:600}td{font-size:12px;color:#58708b}td,th{border-bottom-color:#edf1f6;padding:16px 14px}tbody tr:hover{background:#fbfcfe}main:is([data-view="models"],[data-view="orders"]) tbody td{padding:13px 14px;font-size:12px;line-height:1.5}main:is([data-view="models"],[data-view="orders"]) thead th{padding:13px 14px}main:is([data-view="models"],[data-view="orders"]) tbody button{font-size:11px;min-height:31px;padding:6px 10px}main[data-view="orders"] tbody td:first-child{color:#2675d5;font-weight:600}.order-row-actions select{font-size:11px;padding:6px;width:166px;border-color:#e0e8f2}.badge{border-radius:5px;background:#f1edfb;color:#8965bc;padding:6px 8px;font-size:10px;font-weight:500}.badge[data-status="Em reparo"],.badge[data-status="Recebido"]{background:#edf4ff;color:#3778cd}.badge[data-status="Aguardando aprovação"]{background:#fff7e8;color:#a67b32}.badge[data-status="Pronto para entrega"],.badge[data-status="Entregue"]{background:#edf9f2;color:#2b946f}.badge[data-status="Devolvido"]{background:#f0f3f7;color:#8390a3}.notice{background:none;border:0;border-top:1px solid #e1e8f1;padding:18px 0 0;margin-top:25px;font-size:10px;color:#8b9bb0}.notice:before{content:'●';color:#42ab8d;font-size:7px;margin-right:7px}.empty{font-size:12px;color:#92a1b3}main .panel nav{background:none!important;border-top-color:#e5ebf3!important;color:#8b9aaf;font-size:11px;margin-top:16px!important}main .panel nav button{font-size:10px}dialog{background:white;color:#172b45;border:1px solid #dde6f1;box-shadow:0 25px 100px #112e4730;border-radius:12px}dialog::backdrop{background:#112c4c80;backdrop-filter:blur(3px)}dialog form{gap:17px;padding:23px}dialog h2{font-size:18px}dialog p{font-size:12px}#error,dialog [role="alert"]{color:#bc3f57}#modal #entry{padding:25px}#modal[data-view="orders"] .order-form-section{background:#fbfcfe;border-color:#e1e8f2;border-radius:9px;padding:14px}#modal[data-view="orders"] .order-form-section h3{color:#2476cf;font-size:13px}#modal[data-view="orders"] .actions,#detail.order-summary .summary-header{background:white}#fields h3{color:#2476cf}#detail.order-summary .order-details section{border-color:#e0e8f2;background:#fbfcfe}#detail.order-summary .order-details h3{color:#2476cf}#detail.order-summary .summary-header{border-bottom-color:#e1e8f2}#detail.order-summary .order-details p{font-size:12px;line-height:1.6}#budget-total{color:#1769e0}#finance-panel .outgoing{color:#c25c65}#finance-panel .incoming{color:#239373}#finance-panel .finance-explanation{font-size:11px;color:#8495aa}#finance-panel td{font-size:12px;padding:13px 14px}#finance-screen-summary{background:#f8fafd;border:1px solid #e5ecf4;border-radius:9px;padding:16px;margin:20px 0}#finance-screen-summary h3{font-size:13px;color:#3e648f;margin-top:0}#finance-screen-summary p{font-size:11px}#finance-screen-summary h3:not(:first-child){margin-top:23px}.finance-filters label{font-size:10px}.finance-filters button{font-size:11px}.finance-pages{font-size:11px;color:#8b9bb0}.finance-pages button{font-size:10px}#finance-legacy{color:#a9782b}#finance-message{color:#6785a8}.pdv-tabs{background:#eaf0f8;padding:5px;border-radius:8px;display:inline-flex!important;gap:3px!important}.pdv-tabs button{border:0;background:transparent;color:#7f91a9;font-size:11px}.pdv-tabs button[aria-pressed=true]{background:white;color:#1769e0;box-shadow:0 2px 7px #1534570a}.pdv-total{border-top-color:#e3eaf3}.pdv-total strong{font:800 30px Manrope;color:#1769e0}.pdv-checkout{gap:19px}.pdv-checkout h2{margin-bottom:5px}.pdv-checkout label{font-size:11px}#pdv-scan{font-size:13px}#pdv-panel td,#pdv-panel th{padding:13px 14px}#pdv-panel td button{font-size:11px}#pdv-message{font-size:11px;color:#7991ad}.pdv-low{color:#b57d23}#pdv-sale-error{color:#b54456}#pdv-matches button{background:#f4f8ff;color:#416b9e;border:1px solid #e2eaf6;font-size:12px}#pdv-matches button:hover{background:#eaf2ff}.pdv-product-fields{gap:18px}.pdv-receipt .pdv-receipt-total{color:#1769e0}#pdv-panel #pdv-clear{background:#f1f5fa}.client-feedback{color:#4f749d}.quick-status-feedback{font-size:11px}.client-name-results button{background:white}.modern-nav-icon-only{display:none}
/* Overview uses the same live records and finance endpoints as the existing screens. */
#overview{margin-top:0}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 23px}.overview-stat{background:white;border:1px solid #e3eaf3;border-radius:11px;padding:20px;position:relative}.overview-stat label{font-size:11px}.overview-stat strong{font:800 29px Manrope;display:block;margin:14px 0 8px;letter-spacing:-.8px}.overview-stat small{font-size:10px;color:#92a1b4;display:block}.overview-stat .stat-icon{position:absolute;right:18px;top:16px;width:30px;height:30px;background:#eff5ff;color:#4d8bd9;border-radius:8px;padding:7px}.overview-stat:nth-child(2) .stat-icon{background:#fff5e8;color:#c5964a}.overview-stat:nth-child(3) .stat-icon{background:#f3effb;color:#9773ce}.overview-stat:nth-child(4) .stat-icon{background:#edf9f4;color:#46a78b}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:21px;margin-bottom:23px}.overview-panel{padding:21px}.overview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.overview-head h2{font-size:14px;margin:0}.overview-head p{font-size:10px;color:#8b9aaf;margin:6px 0 0}.overview-head select{width:auto;font-size:10px;padding:7px 9px}.overview-amount{font:800 26px Manrope;letter-spacing:-.8px;margin:21px 0 8px}.overview-chart{height:170px;width:100%;display:block}.overview-legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:#8b9bb0;margin:11px 0 0}.overview-legend i{display:inline-block;width:6px;height:6px;background:#2678eb;border-radius:50%;margin-right:5px}.overview-legend i.cost{background:#a9bdd7}.overview-attention{display:grid;gap:23px;margin-top:25px}.overview-attention button{display:flex;align-items:center;gap:11px;text-align:left;background:none;color:#364e6b;border:0;padding:0}.overview-attention .symbol{width:34px;height:34px;border-radius:8px;background:#fff5e8;color:#c09246;display:grid;place-items:center}.overview-attention button:nth-child(2) .symbol{background:#ecf9f3;color:#3ca180}.overview-attention button:nth-child(3) .symbol{background:#f2effa;color:#9370c7}.overview-attention b{font-size:11px;display:block;font-weight:600}.overview-attention small{font-size:10px;color:#97a4b5;display:block;margin-top:4px}.overview-attention strong{margin-left:auto;font:700 20px Manrope}.overview-attention .nav-icon{width:16px}.overview-footnote{font-size:9px;color:#97a5b6;border-top:1px solid #e8edf4;padding-top:15px;margin-top:23px}.overview-link{background:none;color:#1769e0;border:0;padding:0;font-size:10px}.overview-recent .overview-head{margin-bottom:18px}.overview-recent td{padding:15px 14px}.overview-client{display:flex;align-items:center;gap:10px;color:#364f6f}.overview-avatar{width:29px;height:29px;border-radius:50%;background:#eef4fd;color:#789ac7;font-size:9px;display:grid;place-items:center;flex:none}.overview-recent td small{display:block;color:#96a4b6;font-size:10px;margin-top:5px}.overview-recent td strong{font-weight:600;color:#3c5676}.overview-recent .overview-search{max-width:240px;width:100%;font-size:11px}.overview-recent .overview-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}.overview-tabs{display:flex;gap:3px;background:#f1f5fa;padding:4px;border-radius:6px}.overview-tabs button{background:none;border:0;color:#8a9bb1;font-size:10px;padding:7px 10px}.overview-tabs button[aria-pressed=true]{background:white;color:#3074cb;box-shadow:0 1px 5px #1738570a}.overview-loading{font-size:10px;color:#7e94ae}.overview-recent-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;color:#96a4b7}
@media(min-width:1600px){main{padding-inline:48px}.modern-topbar{margin-inline:-48px;padding-inline:48px}.overview-chart{height:200px}}@media(max-width:1200px){aside{width:220px;padding-inline:13px}main{margin-left:220px;padding-inline:25px}.modern-topbar{margin-inline:-25px;padding-inline:25px}.brand strong{font-size:16px}.overview-stat{padding:18px}.overview-stat strong{font-size:25px}.overview-stat .stat-icon{right:12px}.overview-stat label{max-width:70%;display:block}.overview-grid{grid-template-columns:1.55fr 1fr}.overview-head h2{font-size:13px}}@media(max-width:950px){.overview-stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.modern-date{display:none}.cards{gap:10px}.card{padding:17px}.card span{font-size:10px}.card strong{font-size:25px}}@media(max-width:850px){aside{position:static;width:auto;padding:17px 20px;display:block;overflow:visible}.brand img{width:38px;height:38px}.brand strong{font-size:17px}.brand small{font-size:7px}.modern-workspace,.sidefoot,.modern-profile,aside>p,.modern-nav-label{display:none!important}aside nav{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:16px;gap:6px}aside nav .navbutton{width:auto;padding:8px 10px;min-height:34px;font-size:10px;gap:7px}aside nav .nav-icon{width:14px;height:14px}aside nav>button:not(.navbutton){margin:0;padding:8px 10px;font-size:10px}main{margin:0;padding:0 20px 24px}.modern-topbar{margin:0 -20px 24px;padding:17px 20px;min-height:53px}header{flex-direction:row;align-items:center;flex-wrap:wrap}main>header{margin-bottom:22px}h1{font-size:25px}.toolbar{flex-direction:row;align-items:center}.toolbar h2{flex:1 0 100%}.toolbar #search{max-width:none;flex:1}.modern-live{margin:0}.overview-recent .overview-tools{flex-wrap:wrap}.overview-recent .overview-search{max-width:none}.overview-tabs{flex-wrap:wrap}.overview-stat strong{font-size:26px}.pdv-layout{grid-template-columns:1fr}.modern-breadcrumb{font-size:10px}}@media(max-width:480px){.modern-topbar{padding-inline:15px}.modern-live{font-size:8px}.modern-breadcrumb{gap:8px}.modern-date{display:none}.overview-panel{padding:17px}.overview-stats{gap:10px}.overview-stat{padding:16px}.overview-stat .stat-icon{width:24px;height:24px;padding:5px}.overview-stat label{font-size:10px}.overview-stat small{font-size:9px}.overview-stat strong{font-size:23px}.overview-head{flex-wrap:wrap}main>header #add{font-size:11px}.card strong{font-size:22px}#lookup-type{max-width:150px!important}.tablewrap{margin-inline:-15px}.overview-attention{gap:20px}}
}
@media screen{aside nav .modern-nav-label{background:none;border-radius:0;color:#627c9e;padding:15px 13px 9px}aside nav .modern-nav-label:first-child{padding-top:0}}
@media screen{aside nav .navbutton.selected:hover:not(:disabled){background:#1769e0;color:white}aside nav .navbutton:hover:not(.selected):not(:disabled){background:#152e4c;color:white}.overview-tabs button[aria-pressed=true]:hover{background:white;color:#3074cb}}
@media screen{main[data-view="orders"] #rows td:nth-child(2){white-space:normal;min-width:150px;max-width:210px}main[data-view="orders"] #rows td:nth-child(5){white-space:normal;min-width:180px;max-width:260px}main[data-view="orders"] #rows td:nth-child(3),main[data-view="orders"] #rows td:nth-child(4){white-space:nowrap}}

.summary-header .actions{flex-wrap:wrap}.order-whatsapp{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:9px;padding:12px 18px;background:#167c4b!important;color:#fff!important;font-weight:700;font-size:13px}.order-whatsapp:focus-visible{outline:3px solid #64c99b;outline-offset:3px}.order-whatsapp:disabled{opacity:.5;cursor:not-allowed}.order-whatsapp-help{font-size:13px;margin:12px 0 20px}

/* Keep checkout controls within narrow screens; tables retain their own scroll. */
@media screen and (max-width:1100px){#pdv-panel .pdv-layout{grid-template-columns:minmax(0,1fr)}#pdv-panel .pdv-layout>*{min-width:0}}
@media screen and (max-width:600px){#pdv-panel .pdv-discount-grid{grid-template-columns:minmax(0,1fr)}#pdv-panel .pdv-discount-grid>*{min-width:0}#pdv-panel input,#pdv-panel select{min-width:0;max-width:100%}#pdv-panel .pdv-checkout{min-width:0}#pdv-panel #pdv-scan-form{flex-wrap:wrap}#pdv-panel #pdv-scan-form label{min-width:0;flex-basis:100%}#pdv-panel .pdv-checkout small{overflow-wrap:anywhere}}