*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}body{font-size:15px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}svg{display:block;max-width:100%}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid #e6ece9;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40}.sidebar-head{height:78px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ef}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo,.brandmark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px}.brand-logo{overflow:hidden;border:1px solid #e5ece8;background:#f8faf9}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.brandmark{background:linear-gradient(145deg,var(--primary),#315d54);color:#fff;font-weight:800;font-size:18px}.brand-copy{min-width:0}.brand-copy strong{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy span{font-size:11px;color:#8a9693;display:block;margin-top:3px}.nav-menu{padding:14px 12px;overflow:auto;display:flex;flex-direction:column;gap:3px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#9aa5a2;padding:13px 9px 5px}.nav-item{height:40px;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#53615e;font-weight:600;font-size:13px;line-height:1}.nav-item:hover{background:#f4f7f6;color:#28443e}.nav-item.active{background:color-mix(in srgb,var(--primary) 11%,white);color:var(--primary)}.nav-item.disabled{opacity:.8;cursor:default}.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.nav-icon svg,.icon-btn svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item:first-of-type .nav-icon svg{fill:currentColor;stroke:none}.nav-arrow{margin-left:auto;width:13px;height:13px}.nav-arrow svg{width:13px!important;height:13px!important}.soon{margin-left:auto;font-size:8px;padding:4px 6px;border-radius:999px;background:#f0f3f2;color:#89928f}.soon.ok{background:#e5f5ea;color:#2f8a4e}.sidebar-foot{margin-top:auto;border-top:1px solid #edf1ef;padding:12px}.mini-user{display:flex;gap:9px;align-items:center;padding:8px}.mini-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 16%,white);color:var(--primary);font-weight:800}.mini-avatar{width:34px;height:34px}.mini-user strong,.mini-user span{display:block}.mini-user strong{font-size:12px}.mini-user span{font-size:10px;color:#8d9895;margin-top:2px}.logout-link{height:36px;display:flex;align-items:center;gap:9px;padding:0 8px;border-radius:9px;font-size:12px;color:#6f7a77}.main-area{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e7ecea;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-left strong,.topbar-left span{display:block}.topbar-left strong{font-size:13px}.topbar-left span{font-size:10px;color:#95a09d;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:36px;height:36px;border:1px solid #e3e9e7;background:#fff;border-radius:10px;display:grid;place-items:center;color:#5b6965;cursor:pointer}.menu-toggle,.sidebar-close{display:none}.notification{position:relative}.notification span{position:absolute;width:6px;height:6px;background:#e25353;border-radius:50%;top:7px;right:7px}.top-user{display:flex;align-items:center;gap:8px;padding-left:4px}.top-avatar{width:32px;height:32px}.top-user strong,.top-user span{display:block}.top-user strong{font-size:12px}.top-user span{font-size:10px;color:#8e9996}.content{padding:26px 28px 38px;max-width:1720px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-title{font-size:27px;letter-spacing:-.03em;margin:0}.page-subtitle,.muted{color:#7e8b87;font-size:13px;line-height:1.55}.page-subtitle{margin:5px 0 0}.breadcrumb{display:none}.btn{border:0;border-radius:10px;background:var(--primary);color:#fff;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px;cursor:pointer}.btn.secondary{background:#fff;color:#52605d;border:1px solid #dfe6e3}.dashboard-date{background:#fff;border:1px solid #e3e9e7;border-radius:12px;padding:10px 14px;min-width:170px;text-align:right}.dashboard-date strong,.dashboard-date span{display:block}.dashboard-date strong{font-size:11px}.dashboard-date span{font-size:9px;color:var(--primary);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.stat-card{background:#fff;border:1px solid #e4e9e7;border-radius:14px;padding:14px 15px;display:flex;align-items:center;gap:12px;min-height:90px;box-shadow:0 7px 20px rgba(36,60,54,.035)}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);flex:0 0 42px}.stat-icon svg{width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.8}.stat-info{min-width:0}.stat-info span{font-size:10px;color:#75817e;font-weight:600}.stat-info strong{display:block;font-size:23px;line-height:1;margin-top:7px;letter-spacing:-.03em}.stat-info small{display:block;font-size:8px;color:var(--primary);margin-top:6px;font-weight:700}.dash-main{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #e4e9e7;border-radius:14px;overflow:hidden;box-shadow:0 7px 20px rgba(36,60,54,.03)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf1ef}.panel-head h2{font-size:13px;margin:0}.panel-head span{font-size:9px;color:#8f9a97}.chart-wrap{padding:18px 18px 12px;height:292px}.sales-chart{width:100%;height:100%}.sales-chart .grid{stroke:#e8eeeb;stroke-width:1}.sales-chart .line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sales-chart .area{fill:color-mix(in srgb,var(--primary) 12%,transparent)}.sales-chart .dot{fill:#fff;stroke:var(--primary);stroke-width:3}.cash-list{padding:10px 16px}.cash-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef2f0}.cash-row:last-child{border-bottom:0}.cash-row span{font-size:10px;color:#7d8986}.cash-row strong{display:block;font-size:16px;margin-top:3px}.cash-row .cash-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#edf6ef;color:#2f8d50}.cash-icon svg{width:17px!important;height:17px!important}.cash-total{margin:4px 16px 16px;padding:13px;border-radius:11px;background:#f6faf8;display:flex;justify-content:space-between;align-items:center}.cash-total span{font-size:9px;color:#788581}.cash-total strong{font-size:18px;color:var(--primary)}.dash-bottom{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;margin-top:14px}.status-list{padding:10px 16px 14px}.status-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:10px}.status-name{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--primary)}.status-count{background:#f1f4f3;border-radius:999px;padding:4px 8px;font-weight:700}.donut-wrap{display:flex;align-items:center;gap:18px;padding:18px}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--primary) 0 35%,#5f8ce6 35% 62%,#f2aa2c 62% 83%,#9ac8ad 83% 100%);position:relative;flex:none}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.legend{display:grid;gap:8px;font-size:9px;width:100%}.legend-row{display:flex;justify-content:space-between;gap:10px}.alerts{padding:10px 12px 12px}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;margin-top:7px;font-size:9px}.alert strong,.alert span{display:block}.alert span{margin-top:3px;color:#74817e}.alert.warn{background:#fff7e8}.alert.info{background:#eef5ff}.alert.danger{background:#fff0f0}.alert-bullet{width:8px;height:8px;border-radius:50%;margin-top:3px;background:#e9a52e;flex:none}.alert.danger .alert-bullet{background:#e45656}.alert.info .alert-bullet{background:#4d7fe6}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:17px 0}.searchbox{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe7e4;border-radius:10px;padding:0 12px;height:40px;min-width:330px}.searchbox svg{width:17px!important;height:17px!important;fill:none;stroke:#8c9995;stroke-width:1.8}.searchbox input{border:0;outline:0;width:100%;background:transparent;color:var(--text)}.table-wrap{background:#fff;border:1px solid #e4eae8;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid #edf1f0;text-align:left;font-size:13px;white-space:nowrap}th{background:#f8faf9;color:#74817e;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.badge,.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef5f3;color:#54766f;font-size:10px;font-weight:700}.status-pill.error{background:#fff0f0;color:#a84e4e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:700;color:#61716d}.field input,.field select,.field textarea{min-height:40px;padding:9px 11px;border:1px solid #dce5e2;border-radius:9px;background:#fff;outline:0;color:var(--text)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-menu,.settings-card{background:#fff;border:1px solid #e4eae8;border-radius:14px}.settings-menu{padding:9px;height:max-content}.settings-menu a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;font-size:11px;font-weight:650;color:#61706d}.settings-menu a.active{background:#f0f6f4;color:var(--primary)}.settings-card{padding:20px}.settings-card h2{margin:0 0 4px;font-size:16px}.settings-card p{margin:0 0 18px}.color-field input[type=color]{width:100%;height:41px;padding:4px}.notice-success,.notice-error{padding:10px 12px;border-radius:9px;margin-bottom:14px;font-size:11px}.notice-success{background:#edf8f1;color:#3e7959}.notice-error{background:#fff0f0;color:#a84e4e}.version-card{background:#fff;border:1px solid #e4eae8;border-radius:12px;padding:10px 14px;min-width:145px}.version-card span,.version-card strong{display:block}.version-card span{font-size:8px;color:#8c9995;font-weight:800}.version-card strong{font-size:17px;margin-top:4px;color:var(--primary)}.update-card{padding:0;overflow:hidden}.update-hero{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #edf1f0}.update-hero-icon{width:42px;height:42px;border-radius:11px;background:#eef5f2;color:var(--primary);display:grid;place-items:center}.update-hero-icon svg,.security-icon svg,.upload-icon svg,.btn svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8}.update-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px 4px}.update-security-grid>div{border:1px solid #e8edeb;border-radius:11px;padding:12px;background:#fbfcfc}.security-icon{width:30px;height:30px;border-radius:8px;background:#eef5f3;color:var(--primary);display:grid;place-items:center;margin-bottom:8px}.update-security-grid strong,.update-security-grid small{display:block}.update-security-grid strong{font-size:10px}.update-security-grid small{font-size:8px;color:#8b9794;line-height:1.5;margin-top:3px}.update-upload-form{padding:16px 18px 18px}.update-dropzone{min-height:130px;border:1.5px dashed #cad8d4;border-radius:12px;background:#f9fbfa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer}.update-dropzone input{display:none}.upload-icon{width:38px;height:38px;border-radius:10px;background:#edf5f2;color:var(--primary);display:grid;place-items:center;margin-bottom:8px}.update-dropzone strong{font-size:11px}.update-dropzone>span:last-of-type{font-size:9px;color:#8d9996;margin-top:5px}.update-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.update-actions>span{font-size:9px;color:#909b98}.update-history{margin-top:16px}.borderless{border:0;border-radius:0}.empty-note{padding:26px;text-align:center;color:#889592}.sidebar-overlay{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f3f6f5}.login-visual{padding:50px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--primary),#294a43);color:#fff}.login-panel{display:grid;place-items:center;padding:34px}.login-card{width:min(420px,100%)}.login-card h2{font-size:24px;margin:0}.login-card>p{margin:7px 0 22px}.login-form{display:grid;gap:13px}.login-submit{width:100%}.error-box{padding:10px;border-radius:9px;background:#fff0f0;color:#a84e4e;font-size:10px}.login-brand{display:flex;align-items:center;gap:12px}.login-message{max-width:520px}.login-message h1{font-size:38px;margin:0 0 14px}.login-message p{color:rgba(255,255,255,.75);line-height:1.7}.login-meta{font-size:9px;color:rgba(255,255,255,.6)}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dash-main{grid-template-columns:1fr}.dash-bottom{grid-template-columns:1fr 1fr}.dash-bottom>.panel:last-child{grid-column:1/-1}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main-area{margin-left:0;width:100%}.menu-toggle,.sidebar-close{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(20,35,32,.35);z-index:35}.sidebar-overlay.show{display:block}.content{padding:22px 18px}.topbar{padding:0 18px}.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:650px){.stats-grid{grid-template-columns:1fr 1fr}.dash-bottom{grid-template-columns:1fr}.dash-bottom>.panel:last-child{grid-column:auto}.page-head{flex-direction:column}.dashboard-date{width:100%;text-align:left}.toolbar{align-items:stretch;flex-direction:column}.searchbox{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.topbar-left>div{display:none}}
/* === Clientes / edição rápida - v1.0.2 === */
body.modal-open{overflow:hidden}.client-table-wrap tbody tr{transition:background .15s ease}.client-table-wrap tbody tr:hover{background:#fafcfb}.client-name-link{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:750;cursor:pointer;text-align:left}.client-name-link:hover{color:var(--primary)}.client-avatar{width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--primary) 12%,white);color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.table-action{width:32px;height:32px;border:1px solid #e2e9e6;background:#fff;border-radius:8px;display:grid;place-items:center;color:#6c7a76;cursor:pointer;transition:.15s}.table-action:hover{background:#f1f6f4;color:var(--primary);border-color:#d6e5df}.table-action svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badge-danger{background:#fff0f0!important;color:#a64c4c!important}.client-page-message{margin:0 0 14px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:650}.client-page-message.success{background:#edf8f1;color:#397652}.modal-backdrop{position:fixed;inset:0;background:rgba(27,42,38,.34);backdrop-filter:blur(2px);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.modal-backdrop.show{display:flex}.client-modal-dialog{width:min(960px,100%);max-height:min(88vh,880px);background:#fff;border:1px solid #dfe7e4;border-radius:18px;box-shadow:0 30px 90px rgba(29,52,45,.22);display:flex;flex-direction:column;overflow:hidden;animation:clientModalIn .18s ease-out}@keyframes clientModalIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.client-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #edf1ef;background:#fbfcfc}.client-modal-heading{display:flex;align-items:center;gap:12px;min-width:0}.client-modal-avatar{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 14%,white);color:var(--primary);font-size:18px;font-weight:850;flex:none}.client-modal-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#95a09d;font-weight:800}.client-modal-heading h2{margin:2px 0 1px;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-modal-heading>div>span:last-child{font-size:10px;color:#8a9793}.modal-close{width:36px;height:36px;border:1px solid #e2e8e6;background:#fff;border-radius:10px;display:grid;place-items:center;color:#697773;cursor:pointer;flex:none}.modal-close:hover{background:#f5f8f7;color:#253c36}.modal-close svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.client-form{display:flex;min-height:0;flex:1;flex-direction:column}.client-tabs{display:flex;gap:4px;padding:10px 20px 0;border-bottom:1px solid #edf1ef;background:#fff}.client-tab{border:0;background:transparent;color:#72807c;padding:10px 12px 11px;border-bottom:2px solid transparent;font-size:12px;font-weight:700;cursor:pointer}.client-tab:hover{color:#354b45}.client-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.client-form-body{position:relative;padding:20px;overflow:auto;min-height:330px;flex:1}.client-tab-pane{display:none}.client-tab-pane.active{display:block}.client-grid{gap:14px 16px}.field-span-2{grid-column:1/-1}.client-form .field input,.client-form .field select,.client-form .field textarea{font-size:13px}.client-form .field textarea{resize:vertical;min-height:110px}.client-loading{position:absolute;inset:0;background:rgba(255,255,255,.9);z-index:5;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#6d7c77;font-size:12px}.client-loading.show{display:flex}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #e7eeeb;border-top-color:var(--primary);animation:clientSpin .7s linear infinite}@keyframes clientSpin{to{transform:rotate(360deg)}}.client-history-strip{margin-top:18px;border:1px solid #e7ecea;background:#fafcfb;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.client-history-strip>div{padding:12px 13px;border-right:1px solid #e7ecea}.client-history-strip>div:last-child{border-right:0}.client-history-strip span,.client-history-strip strong{display:block}.client-history-strip span{font-size:9px;color:#8a9793;text-transform:uppercase;letter-spacing:.04em}.client-history-strip strong{font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-modal-foot{border-top:1px solid #e9eeec;background:#fbfcfc;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px}.client-form-status{font-size:11px;color:#72817c;min-width:0}.client-form-status.success{color:#378055;font-weight:700}.client-form-status.error{color:#aa4d4d;font-weight:700}.client-modal-actions{display:flex;gap:9px;flex:none}.client-modal-actions .btn{min-width:120px}.client-modal-actions .btn svg{width:15px!important;height:15px!important}.client-modal-actions .btn:disabled{opacity:.6;cursor:wait}
@media(max-width:720px){.modal-backdrop{padding:10px}.client-modal-dialog{max-height:94vh;border-radius:14px}.client-modal-head{padding:14px}.client-tabs{padding-left:10px;overflow:auto}.client-tab{white-space:nowrap}.client-form-body{padding:15px}.client-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.client-history-strip{grid-template-columns:1fr 1fr}.client-history-strip>div{border-bottom:1px solid #e7ecea}.client-modal-foot{align-items:stretch;flex-direction:column;padding:12px 14px}.client-modal-actions{width:100%}.client-modal-actions .btn{flex:1;min-width:0}}
/* === Legibilidade + paginação + edição de produtos - v1.0.3 === */
body{font-size:16px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:12px}.nav-label{font-size:11px}.nav-item{font-size:14px}.mini-user strong,.top-user strong{font-size:13px}.mini-user span,.top-user span{font-size:11px}.topbar-left strong{font-size:14px}.topbar-left span{font-size:11px}.page-subtitle,.muted{font-size:14px}.btn{font-size:13px}.stat-info span{font-size:11px}.stat-info small{font-size:9px}.panel-head h2{font-size:14px}.panel-head span{font-size:10px}.cash-row span{font-size:11px}.cash-total span{font-size:10px}.status-line{font-size:11px}.legend{font-size:10px}.alert{font-size:10px}th,td{font-size:14px}th{font-size:11px}.badge,.status-pill{font-size:11px}.field label{font-size:13px}.field input,.field select,.field textarea{font-size:14px}.settings-menu a{font-size:12px}.notice-success,.notice-error{font-size:12px}.client-tab{font-size:13px}.client-modal-kicker{font-size:11px}.client-modal-heading>div>span:last-child{font-size:11px}.client-form .field input,.client-form .field select,.client-form .field textarea{font-size:14px}.client-loading,.client-form-status{font-size:13px}.client-history-strip span{font-size:10px}.client-history-strip strong{font-size:12px}
.toolbar-paged{gap:18px}.table-toolbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.per-page-form{display:flex;align-items:center;gap:7px;color:#72807c;font-size:12px;font-weight:650}.per-page-form select{height:36px;border:1px solid #dfe7e4;border-radius:9px;background:#fff;color:var(--text);padding:0 28px 0 10px;outline:0}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 4px;flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #dde6e3;border-radius:9px;background:#fff;color:#5d6b67;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:.15s}.page-btn:hover{border-color:#cddbd6;background:#f5f9f7;color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn.disabled{opacity:.45;pointer-events:none}.page-dots{color:#8c9894;padding:0 2px}
.product-table-wrap tbody tr{transition:background .15s ease}.product-table-wrap tbody tr:hover{background:#fafcfb}.product-name-link{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:10px;color:var(--text);cursor:pointer;text-align:left}.product-name-link:hover{color:var(--primary)}.product-name-link>span:last-child{display:grid;gap:3px}.product-name-link b{font-size:14px}.product-name-link small{font-size:10px;color:#8b9793;font-weight:600}.product-cube{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--primary) 11%,white);color:var(--primary);display:grid;place-items:center;flex:none}.product-cube svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-modal-dialog{width:min(1040px,100%)}.product-modal-avatar svg{width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid .field-span-2{grid-column:span 2}.product-history-strip{grid-template-columns:1fr 1fr;max-width:520px}.product-history-strip>div{border-right:1px solid #e7ecea}.product-history-strip>div:last-child{border-right:0}
@media(max-width:900px){.toolbar-paged{align-items:stretch}.table-toolbar-right{justify-content:space-between}.product-grid{grid-template-columns:1fr 1fr}.product-grid .field-span-2{grid-column:1/-1}}
@media(max-width:650px){.table-toolbar-right{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-grid .field-span-2{grid-column:auto}.pagination{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}}
/* === Cadastro profissional de produtos - v1.0.4 === */
.field small.field-help{display:block;margin-top:5px;color:#8b9793;font-size:11px}.input-action-group{display:flex;gap:7px;align-items:stretch}.input-action-group>input,.input-action-group>select{min-width:0;flex:1}.mini-action{border:1px solid #dbe5e1;background:#f7faf9;color:var(--primary);border-radius:9px;padding:0 12px;min-height:40px;font-size:12px;font-weight:800;cursor:pointer}.mini-action:hover{background:color-mix(in srgb,var(--primary) 9%,white);border-color:color-mix(in srgb,var(--primary) 28%,#dbe5e1)}.mini-action.icon-only{width:40px;padding:0;font-size:20px}.mini-action:disabled{opacity:.55;cursor:wait}.product-grid .field-span-3{grid-column:1/-1}.color-name-grid{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid #e1e8e5;border-radius:11px;background:#fafcfb;max-height:132px;overflow:auto}.color-name-chip{border:1px solid #dde6e3;background:#fff;color:#61706c;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.color-name-chip:hover,.color-name-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,white)}.price-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.price-summary>div{border:1px solid #e1e8e5;border-radius:12px;background:#fafcfb;padding:13px 15px}.price-summary span,.price-summary small{display:block;color:#7e8b87;font-size:11px;font-weight:700}.price-summary strong{display:block;font-size:18px;margin:4px 0 2px;color:#263b36}.price-summary small{color:var(--primary)}.field input[readonly]{background:#f4f7f6;color:#55635f;font-weight:750}.promo-box{margin-top:16px;border:1px solid #dfe8e4;border-radius:14px;background:linear-gradient(180deg,#fbfdfc,#f7faf9);padding:16px}.promo-toggle-row{display:flex;align-items:center;gap:14px}.promo-toggle-row>div{flex:1}.promo-toggle-row strong,.promo-toggle-row span{display:block}.promo-toggle-row strong{font-size:14px}.promo-toggle-row span{font-size:11px;color:#7c8985;margin-top:3px}.switch{position:relative;width:46px;height:26px;flex:none}.switch input{opacity:0;position:absolute}.switch span{position:absolute;inset:0;border-radius:99px;background:#cbd5d2;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(20px)}.promo-fields{margin-top:15px}.promo-fields.disabled{opacity:.48}.promo-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#7b6532;font-size:11px;line-height:1.45}.promo-note svg{width:17px!important;height:17px!important;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}.promo-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#fff1dd;color:#9b651f;font-size:10px;font-weight:800}.quick-modal-backdrop{position:fixed;inset:0;background:#18231f8f;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px}.quick-modal-backdrop.show{display:flex}.quick-modal{width:min(520px,100%);border-radius:15px;background:#fff;box-shadow:0 24px 70px #0003;overflow:hidden}.quick-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e7ecea}.quick-modal-head span{display:block;color:var(--primary);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.quick-modal-head h3{margin:3px 0 0;font-size:18px}.quick-modal form{padding:18px}.quick-grid{grid-template-columns:1fr 1fr}.quick-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.product-modal-dialog{width:min(1100px,100%)}
@media(max-width:780px){.price-summary{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.quick-grid .field-span-2{grid-column:auto}.color-name-grid{max-height:170px}}
/* === Seletores pesquisáveis + identidade azul - v1.0.5 === */
.input-action-group>input[list]{background:#fff;padding-right:12px}.input-action-group>input[list]:focus,.field>input[list]:focus{border-color:color-mix(in srgb,var(--primary) 60%,#ccd8e6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);outline:0}.field>input[list]{width:100%}.product-grid .field-help{line-height:1.4}.promo-note{background:#eef6ff;color:#49657d;border:1px solid #d8eaff}.promo-note svg{color:var(--primary)}
.sidebar{border-right-color:#e4ebf4}.topbar{border-bottom-color:#e4ebf4}.nav-item:hover{background:#f1f6fc;color:#244f7d}.panel,.stat-card,.table-wrap{border-color:#e1e9f3;box-shadow:0 8px 24px rgba(35,96,155,.055)}.stat-card:hover{border-color:color-mix(in srgb,var(--primary) 24%,#e1e9f3)}.btn{box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 18%,transparent)}.btn.secondary{box-shadow:none}.badge,.status-pill{background:color-mix(in srgb,var(--primary) 9%,white);color:color-mix(in srgb,var(--primary) 78%,#263746)}.cash-total{background:#f1f7ff}.cash-row .cash-icon{background:#edf6ff;color:var(--primary)}
/* === Combobox profissional + controle de IMEI - v1.0.8 === */
.smart-combo{position:relative;flex:1;min-width:0}.smart-combo>input{width:100%;padding-right:38px!important}.combo-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:36px;border:0;border-left:1px solid #e2e9ef;background:#f8fbff;color:var(--primary);font-size:19px;line-height:1;cursor:pointer;border-radius:0 8px 8px 0}.combo-toggle:hover{background:#edf6ff}.combo-menu{display:none;position:absolute;z-index:1300;left:0;right:0;top:calc(100% + 5px);max-height:235px;overflow:auto;background:#fff;border:1px solid #d8e4ef;border-radius:11px;box-shadow:0 16px 36px rgba(31,76,119,.18);padding:5px}.smart-combo.open .combo-menu{display:block}.combo-option{width:100%;border:0;background:#fff;color:#4f6070;text-align:left;padding:9px 10px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:7px}.combo-option:hover{background:#f0f7ff;color:#245f97}.combo-option.match{background:#eaf5ff;color:#195f9b;font-weight:750}.combo-match-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}.combo-empty{padding:11px;color:#8997a4;font-size:12px}.input-action-group>.smart-combo{flex:1}.input-action-group>.smart-combo+button{flex:none}
.imei-tab-button:not([hidden]){display:inline-flex}.imei-panel{display:grid;gap:14px}.imei-panel-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.imei-panel-head h3{margin:0;font-size:17px}.imei-panel-head p{margin:5px 0 0;max-width:690px;color:#758594;font-size:12px;line-height:1.55}.imei-counters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.imei-counters span{padding:8px 10px;border-radius:9px;background:#eef6ff;color:#4c6e8d;font-size:11px;font-weight:700;white-space:nowrap}.imei-counters b{color:var(--primary);font-size:13px}.imei-help{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;background:#edf7ff;border:1px solid #d8ebfb;border-radius:10px;color:#496b87;font-size:11px;line-height:1.5}.imei-help svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.8;flex:none;margin-top:1px}.imei-list{display:grid;gap:9px}.imei-row{display:grid;grid-template-columns:92px 1fr 1fr 1fr 34px;align-items:end;gap:10px;border:1px solid #dfe8f1;border-radius:12px;padding:11px;background:#fbfdff}.imei-row.sold{background:#f7f9fb;border-color:#e4e9ee}.imei-row .field{gap:4px}.imei-row .field label{font-size:11px}.imei-row .field label small{font-weight:500;color:#8996a2}.imei-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.imei-status.available{background:#eaf8ef;color:#318255}.imei-status.sold{background:#edf1f5;color:#687887}.imei-owner{display:grid;gap:3px;align-self:center;min-width:0}.imei-owner strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imei-owner span{font-size:10px;color:#82909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imei-remove{width:32px;height:40px;border:1px solid #f0d8d8;background:#fff6f6;color:#bb5454;border-radius:9px;font-size:19px;cursor:pointer}.imei-remove:hover{background:#ffecec}.imei-empty{padding:22px;border:1px dashed #d8e4ee;border-radius:12px;text-align:center;color:#83919d;font-size:12px;background:#fbfdff}.imei-add-btn{justify-self:start}.imei-add-btn svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:980px){.imei-row{grid-template-columns:80px 1fr 1fr 34px}.imei-owner{grid-column:2/4}.imei-panel-head{flex-direction:column}.imei-counters{justify-content:flex-start}}
@media(max-width:680px){.imei-row{grid-template-columns:1fr 34px}.imei-number{grid-column:1}.imei-row .field,.imei-owner{grid-column:1}.imei-remove{grid-column:2;grid-row:1}.combo-menu{max-height:200px}}
/* === DNSoft PDV Web 1.0.9: combobox integrada e entrada de estoque === */
.page-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.page-head-actions .btn svg{width:17px!important;height:17px!important}
.input-action-group{min-width:0}.input-action-group>*{min-width:0}
.smart-combo{width:100%;min-width:0;display:flex;align-items:stretch;min-height:40px;border:1px solid #dce5e2;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}
.smart-combo:focus-within{border-color:color-mix(in srgb,var(--primary) 60%,#ccd8e6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.smart-combo>input{flex:1;min-width:0;width:1px!important;border:0!important;border-radius:9px 0 0 9px!important;box-shadow:none!important;outline:0!important;background:transparent!important;padding:9px 11px!important;min-height:38px}
.smart-combo>.combo-toggle{position:static!important;flex:0 0 38px;width:38px!important;min-width:38px;height:auto!important;min-height:38px;border:0!important;border-left:1px solid #e2e9ef!important;border-radius:0 8px 8px 0!important;background:#f7fbff!important;display:grid;place-items:center;padding:0!important;color:var(--primary);font-size:18px;cursor:pointer}
.smart-combo>.combo-toggle:hover{background:#edf6ff!important}.smart-combo>.combo-menu{left:-1px;right:-1px;top:calc(100% + 5px)}
.input-action-group>.smart-combo{flex:1 1 0;width:auto}.input-action-group>.mini-action{flex:0 0 40px}
.stock-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px}.stock-card{background:#fff;border:1px solid #e2e9ef;border-radius:14px;box-shadow:0 8px 24px rgba(31,76,119,.045);overflow:visible}.stock-card-head{padding:17px 18px;border-bottom:1px solid #edf1f5;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-card-head h2{margin:0;font-size:16px}.stock-card-head p{margin:4px 0 0;color:#82909c;font-size:12px;line-height:1.45}.stock-card-body{padding:18px}.stock-search{position:relative}.stock-search-results{display:none;position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #d8e4ef;border-radius:11px;box-shadow:0 16px 38px rgba(31,76,119,.18);padding:5px;max-height:300px;overflow:auto}.stock-search.open .stock-search-results{display:block}.stock-search-item{width:100%;border:0;background:#fff;border-radius:9px;padding:10px 11px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer;color:var(--text)}.stock-search-item:hover{background:#f0f7ff}.stock-search-icon{width:38px;height:38px;border-radius:9px;background:#eef6ff;color:var(--primary);display:grid;place-items:center}.stock-search-icon svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8}.stock-search-copy{min-width:0}.stock-search-copy strong,.stock-search-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-search-copy strong{font-size:13px}.stock-search-copy span{font-size:10px;color:#82909c;margin-top:3px}.stock-search-badge{font-size:10px;font-weight:800;color:var(--primary);background:#edf6ff;border-radius:999px;padding:5px 8px}.stock-selected{margin-top:14px;border:1px solid #dde8f2;background:#f8fbff;border-radius:12px;padding:14px;display:none}.stock-selected.show{display:block}.stock-selected-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.stock-selected h3{margin:0;font-size:15px}.stock-selected p{margin:4px 0 0;font-size:11px;color:#7d8c99}.stock-selected-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.stock-selected-grid>div{background:#fff;border:1px solid #e1e9f0;border-radius:9px;padding:9px 10px}.stock-selected-grid span,.stock-selected-grid strong{display:block}.stock-selected-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#8896a1;font-weight:800}.stock-selected-grid strong{font-size:13px;margin-top:4px}.stock-entry-form{margin-top:16px}.stock-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.stock-entry-grid .span-2{grid-column:1/-1}.stock-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.stock-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;background:#eef6ff;border:1px solid #d9eaff;border-radius:10px;color:#49657d;font-size:11px;line-height:1.45;margin-top:13px}.stock-note svg{width:17px!important;height:17px!important;flex:none;fill:none;stroke:var(--primary);stroke-width:1.8}.stock-imei-box{display:none;margin-top:15px;border:1px solid #dce8f2;border-radius:12px;background:#fbfdff;padding:14px}.stock-imei-box.show{display:block}.stock-imei-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-imei-head h3{margin:0;font-size:14px}.stock-imei-head p{margin:4px 0 0;color:#7c8b97;font-size:11px}.stock-imei-count{font-size:10px;font-weight:800;color:var(--primary);background:#eaf5ff;border-radius:999px;padding:6px 9px;white-space:nowrap}.stock-imei-list{display:grid;gap:8px;margin-top:12px}.stock-imei-row{display:grid;grid-template-columns:36px 1fr 1fr;gap:9px;align-items:end;padding:10px;border:1px solid #e3eaf0;border-radius:10px;background:#fff}.stock-imei-index{width:30px;height:30px;border-radius:8px;background:#edf6ff;color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:850;margin-bottom:5px}.stock-history{margin-top:18px}.stock-history .table-wrap{overflow:auto}.stock-history table{min-width:900px}.stock-positive{color:#198754;font-weight:800}.stock-page-message{margin-bottom:14px;padding:11px 13px;border-radius:10px;font-size:12px}.stock-page-message.success{background:#ecf8f1;color:#277348}.stock-page-message.error{background:#fff0f0;color:#a84e4e}
@media(max-width:1050px){.stock-layout{grid-template-columns:1fr}.stock-selected-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.stock-entry-grid{grid-template-columns:1fr}.stock-entry-grid .span-2{grid-column:auto}.stock-imei-row{grid-template-columns:32px 1fr}.stock-imei-row .field:last-child{grid-column:2}.stock-selected-grid{grid-template-columns:1fr 1fr}}
/* ===== v1.0.10: menu compacto, administrativo e permissões ===== */
.nav-group{display:block}
.nav-parent{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.nav-parent .nav-arrow{margin-left:auto;display:flex;transition:transform .18s ease}
.nav-group.open>.nav-parent .nav-arrow{transform:rotate(90deg)}
.nav-submenu{display:none;margin:2px 0 6px 40px;padding-left:12px;border-left:1px solid #dbe6f1}
.nav-group.open>.nav-submenu{display:grid;gap:2px}
.nav-subitem{display:block;padding:8px 10px;border-radius:8px;color:#617180;font-size:13.5px;text-decoration:none;line-height:1.25}
.nav-subitem:hover{background:#f0f6ff;color:var(--primary)}
.nav-subitem.active{background:#eaf3ff;color:var(--primary);font-weight:700}
.table-sub{display:block;color:#8a99a6;margin-top:3px;font-size:12px}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
.status-pill.ok{background:#e7f8ee;color:#178447}.status-pill.off{background:#fff0f0;color:#c63b3b}
.icon-action{border:1px solid #dbe5ef;background:#fff;border-radius:9px;width:34px;height:34px;cursor:pointer;color:var(--primary);font-size:16px}
.admin-info-banner{display:flex;gap:13px;align-items:flex-start;background:linear-gradient(135deg,#eaf3ff,#f7fbff);border:1px solid #cfe1f5;border-radius:14px;padding:16px 18px;margin-bottom:18px}
.admin-info-banner>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:var(--primary);box-shadow:0 3px 10px rgba(36,52,71,.06)}
.admin-info-banner svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-info-banner strong{display:block;margin-bottom:3px}.admin-info-banner p{margin:0;color:#6f7f8c;font-size:13.5px}
.employee-modal-card{max-width:930px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfe7ef;border-radius:12px;padding:13px;background:#fff;cursor:pointer}
.permission-card:hover{border-color:#b9d5f5;background:#f8fbff}.permission-card input{margin-top:3px;width:17px;height:17px}
.permission-card strong,.permission-card small{display:block}.permission-card small{font-size:12px;color:#82909b;margin-top:3px}
.permission-help{margin-top:14px;padding:11px 12px;border-radius:10px;background:#f7f9fb}
.error-text{color:#c63b3b}.success-text{color:#13864b}
.company-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.license-card{background:linear-gradient(160deg,#1e6fd0,#3893ff);color:#fff;border-radius:17px;padding:22px;box-shadow:0 12px 30px rgba(47,128,237,.18)}
.license-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.16);margin-bottom:16px}
.license-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.license-card h3{margin:0 0 7px}.license-card p{opacity:.9;font-size:13.5px;line-height:1.5}
.license-key{margin:18px 0;padding:13px;border-radius:12px;background:rgba(255,255,255,.13)}.license-key small,.license-key strong{display:block}.license-key strong{margin-top:5px;font-size:17px;letter-spacing:.3px}
.license-note{font-size:12.5px;line-height:1.5;opacity:.88}
.form-actions{display:flex;justify-content:flex-end}
.admin-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px;padding-bottom:2px}
.admin-tabs a{white-space:nowrap;text-decoration:none;color:#687887;border:1px solid #dde6ee;background:#fff;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:650}
.admin-tabs a.active{background:#eaf3ff;border-color:#bfd8f6;color:var(--primary)}
.section-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.section-title-row h2{margin:0 0 4px}
.inline-add{display:flex;gap:8px}.inline-add input{min-width:260px;border:1px solid #d9e3eb;border-radius:10px;padding:10px 12px}
.aux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto}
.aux-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e1e8ee;background:#fafcfd;border-radius:10px;padding:9px 11px;font-size:13px}
.aux-item form{margin:0}.aux-item button{border:0;background:transparent;color:#a0adb7;cursor:pointer;font-size:18px;line-height:1}.aux-item button:hover{color:#d54242}
@media(max-width:900px){.company-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.aux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title-row{flex-direction:column}.inline-add{width:100%}.inline-add input{min-width:0;flex:1}}
@media(max-width:620px){.aux-grid{grid-template-columns:1fr}}
/* ===== v1.0.11: correção definitiva dos modais ===== */
.modal-overlay{
position:fixed;
inset:0;
z-index:1000;
display:none;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(25,39,52,.46);
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
}
.modal-overlay.show{
display:flex;
}
.modal-card{
width:min(920px,96vw);
max-height:92vh;
background:#fff;
border:1px solid #dfe8f0;
border-radius:18px;
overflow:hidden;
box-shadow:0 28px 80px rgba(21,38,55,.24);
display:flex;
flex-direction:column;
animation:dnModalIn .16s ease-out;
}
.employee-modal-card{
width:min(930px,96vw);
}
@keyframes dnModalIn{
from{opacity:0;transform:translateY(10px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
}
.modal-head{
padding:20px 22px 17px;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
border-bottom:1px solid #e9eef3;
background:#fff;
}
.modal-head small{
display:block;
color:#8b9aa7;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
margin-bottom:4px;
}
.modal-head h2{
margin:0;
font-size:22px;
color:#25384a;
}
.modal-head p{
margin:5px 0 0;
color:#7f8d99;
font-size:13px;
}
.modal-close{
width:36px;
height:36px;
flex:0 0 36px;
display:grid;
place-items:center;
border:1px solid #dfe7ee;
border-radius:10px;
background:#fff;
color:#71818e;
cursor:pointer;
font-size:20px;
line-height:1;
}
.modal-close:hover{
background:#f5f8fb;
color:#26394a;
}
.modal-tabs{
display:flex;
gap:2px;
padding:0 20px;
border-bottom:1px solid #e9eef3;
background:#fbfcfd;
overflow:auto;
}
.modal-tabs button{
border:0;
background:transparent;
color:#657583;
padding:13px 12px 11px;
border-bottom:2px solid transparent;
font-weight:700;
font-size:13px;
cursor:pointer;
white-space:nowrap;
}
.modal-tabs button.active{
color:var(--primary);
border-bottom-color:var(--primary);
}
.modal-body{
padding:20px 22px;
overflow:auto;
flex:1 1 auto;
min-height:0;
}
.tab-panel{
display:none;
}
.tab-panel.active{
display:block;
}
.modal-foot{
padding:14px 20px;
border-top:1px solid #e9eef3;
background:#fbfcfd;
display:flex;
align-items:center;
justify-content:flex-end;
gap:9px;
}
.modal-foot>span{
margin-right:auto;
font-size:12px;
}
.modal-card .form-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.modal-card .span-2{
grid-column:span 2;
}
.modal-card .field input,
.modal-card .field select,
.modal-card .field textarea{
width:100%;
}
body.modal-open{
overflow:hidden;
}
@media(max-width:720px){
.modal-overlay{padding:10px;align-items:flex-end}
.modal-card,.employee-modal-card{
width:100%;
max-height:96vh;
border-radius:16px 16px 0 0;
}
.modal-card .form-grid{grid-template-columns:1fr}
.modal-card .span-2{grid-column:auto}
.modal-foot{flex-wrap:wrap}
.modal-foot>span{width:100%;margin:0 0 4px}
}
/* ===== v1.0.12: fornecedores, caixas e veículos ===== */
.special-admin-modal{max-width:900px}
.special-delete-form{display:none;margin:0;padding:0 22px 15px;background:#fbfcfd;text-align:left}
.danger-link{border:0;background:transparent;color:#c94848;font-weight:700;font-size:12.5px;cursor:pointer;padding:4px 0}
.danger-link:hover{text-decoration:underline}
.input-action{display:flex;align-items:stretch}
.input-action input{border-radius:10px 0 0 10px!important}
.input-action button{border:1px solid #d9e3eb;border-left:0;background:#f7fafc;color:var(--primary);font-weight:700;padding:0 12px;border-radius:0 10px 10px 0;cursor:pointer}
.table-toolbar>div{display:flex;align-items:center;gap:10px}
.table-toolbar .muted{font-size:12px}
/* ===== v1.0.13: Financeiro > Caixa ===== */
.cash-topbar{display:flex;align-items:flex-end;gap:14px;background:#fff;border:1px solid #dfe8f0;border-radius:15px;padding:15px 17px;margin-bottom:16px}
.cash-selector{display:grid;gap:5px;min-width:220px}.cash-selector label{font-size:11px;font-weight:800;color:#7b8a96;text-transform:uppercase;letter-spacing:.05em}.cash-selector select,.table-toolbar select{border:1px solid #d8e3ec;border-radius:10px;background:#fff;padding:10px 36px 10px 11px;color:#324657;min-height:40px}
.cash-status{display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:11px;background:#f5f8fa}.cash-status>span{width:9px;height:9px;border-radius:50%}.cash-status small,.cash-status strong{display:block}.cash-status small{font-size:10px;color:#82919d;text-transform:uppercase;font-weight:800}.cash-status strong{font-size:12.5px}
.cash-status.open{background:#eaf9f0;color:#167947}.cash-status.open>span{background:#20a760;box-shadow:0 0 0 4px rgba(32,167,96,.1)}
.cash-status.closed{background:#f3f5f7;color:#687785}.cash-status.closed>span{background:#a8b3bd}
.cash-actions{display:flex;gap:8px;margin-left:auto}.danger-btn{background:#e95353!important;border-color:#e95353!important;color:#fff!important}.danger-btn:hover{background:#d94646!important}
.cash-flow-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #dfe8f0;background:#dfe8f0;border-radius:13px;overflow:hidden;margin-bottom:12px}.cash-flow-head>div{background:#fff;padding:11px 14px}.cash-flow-head span,.cash-flow-head strong{display:block}.cash-flow-head span{font-size:10.5px;color:#8996a0;text-transform:uppercase;font-weight:800}.cash-flow-head strong{font-size:13px;margin-top:3px;color:#334858}
.cash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.cash-kpi{background:#fff;border:1px solid #dfe8f0;border-radius:14px;padding:16px}.cash-kpi span,.cash-kpi strong,.cash-kpi small{display:block}.cash-kpi span{font-size:11.5px;color:#7d8b96;font-weight:700}.cash-kpi strong{font-size:23px;margin:6px 0 4px;color:#24394a}.cash-kpi small{font-size:11px;color:#9aa5ae}.cash-kpi-primary{border-color:#c7ddf7;background:linear-gradient(135deg,#eff6ff,#fff)}.cash-kpi-primary strong{color:var(--primary)}
.payment-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.payment-summary>div{background:#f8fafc;border:1px solid #e4ebf1;border-radius:11px;padding:10px 12px}.payment-summary span,.payment-summary strong{display:block}.payment-summary span{font-size:10.5px;color:#86949f}.payment-summary strong{font-size:13.5px;margin-top:3px;color:#3a4e5e}
.cash-empty{text-align:center;background:#fff;border:1px dashed #cbd9e5;border-radius:16px;padding:42px 20px;margin-bottom:18px}.cash-empty-icon{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:#eaf3ff;color:var(--primary)}.cash-empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.cash-empty h2{margin:0 0 6px;font-size:19px}.cash-empty p{max-width:560px;margin:0 auto 16px;color:#7c8b97;font-size:13px;line-height:1.5}
.finance-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe7ee;margin-bottom:14px}.finance-tabs button{border:0;background:transparent;color:#6c7c89;padding:11px 13px;border-bottom:2px solid transparent;font-weight:700;cursor:pointer}.finance-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}
.finance-panel{display:none}.finance-panel.active{display:block}.current-flow-row{background:#f5faff}.link-action{display:grid;place-items:center;text-decoration:none;font-size:22px}
.empty-cell{text-align:center!important;color:#8a98a3!important;padding:28px!important}
.movement-type{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.movement-type.credit{background:#e7f8ee;color:#13834a}.movement-type.debit{background:#fff0f0;color:#c64545}
.small-modal{max-width:520px}.big-money-input{font-size:24px!important;font-weight:800;color:#263a4a}
.movement-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.movement-choice label{display:flex;align-items:flex-start;gap:9px;border:1px solid #dfe7ee;border-radius:12px;padding:12px;cursor:pointer}.movement-choice input{margin-top:3px}.movement-choice strong,.movement-choice small{display:block}.movement-choice small{font-size:11.5px;color:#84919b;margin-top:2px}
.cash-help{margin-top:14px;background:#f4f8fc;border:1px solid #dfe8f0;border-radius:10px;padding:10px 12px;color:#667885;font-size:12.5px;line-height:1.45}.cash-help.warning{background:#fff8e9;border-color:#f4dfaa;color:#826321}
.disabled-field{opacity:.45}.disabled-field input{background:#f1f3f5!important}
.closing-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.closing-summary>div{border:1px solid #e2e9ef;border-radius:11px;padding:11px}.closing-summary span,.closing-summary strong{display:block}.closing-summary span{font-size:10.5px;color:#82909b}.closing-summary strong{font-size:15px;margin-top:4px}
@media(max-width:1000px){.cash-kpis{grid-template-columns:1fr 1fr}.payment-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.cash-topbar{align-items:stretch;flex-direction:column}.cash-selector{min-width:0}.cash-actions{margin-left:0}.cash-flow-head{grid-template-columns:1fr}.cash-kpis{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr 1fr}.movement-choice{grid-template-columns:1fr}}
/* ===== v1.0.14: impressão de caixa ===== */
.cash-flow-head{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
.flow-print-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;padding:8px 10px!important}
.flow-print-actions a{display:inline-flex;align-items:center;text-decoration:none;color:var(--primary);background:#edf5ff;border:1px solid #cde0f7;border-radius:8px;padding:7px 9px;font-size:11.5px;font-weight:750;white-space:nowrap}
.flow-print-actions a:hover{background:#e1efff}
.row-actions{display:flex;justify-content:flex-end;gap:5px;white-space:nowrap}
.print-action{font-size:10px!important;font-weight:800;width:auto!important;min-width:34px;padding:0 7px}
.print-after-close{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eff9f3;border:1px solid #cdebd8;border-radius:13px;padding:13px 15px;margin-bottom:14px}
.print-after-close strong,.print-after-close span{display:block}.print-after-close span{font-size:12.5px;color:#61766a;margin-top:2px}.print-after-close>div:last-child{display:flex;gap:7px}
@media(max-width:1050px){.cash-flow-head{grid-template-columns:1fr 1fr}.flow-print-actions{grid-column:span 2;justify-content:flex-start!important}}
@media(max-width:700px){.cash-flow-head{grid-template-columns:1fr}.flow-print-actions{grid-column:auto}.print-after-close{flex-direction:column;align-items:flex-start}.print-after-close>div:last-child{flex-wrap:wrap}}
/* ===== v1.0.19: Financeiro > Contas a Receber ===== */
.receivable-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.receivable-kpi{background:#fff;border:1px solid #dfe8f0;border-radius:14px;padding:15px 16px}.receivable-kpi span,.receivable-kpi strong,.receivable-kpi small{display:block}.receivable-kpi span{font-size:11px;color:#7c8b97;font-weight:750}.receivable-kpi strong{font-size:22px;color:#263c4d;margin:5px 0 3px}.receivable-kpi small{font-size:11px;color:#94a0aa}
.receivable-kpi.overdue{border-color:#f0cdcd;background:#fff9f9}.receivable-kpi.overdue strong{color:#c84343}.receivable-kpi.today{border-color:#f1dfb6;background:#fffdf7}.receivable-kpi.today strong{color:#a77315}.receivable-kpi.received{border-color:#cfe8da;background:#f8fdf9}.receivable-kpi.received strong{color:#16804a}
.receivable-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #e6edf2}.receivable-filters{display:flex;gap:8px;align-items:center;flex:1}.receivable-filters .search{min-width:300px;max-width:520px;flex:1}.receivable-filters select{border:1px solid #d7e2eb;background:#fff;border-radius:9px;padding:9px 30px 9px 10px;color:#415564}.table-count{font-size:12px;color:#82909b;white-space:nowrap}
.row-overdue{background:#fffafa}.danger-text{color:#c84444!important;font-weight:650}.warning-text{color:#a87618!important;font-weight:650}
.status-pill.late{background:#feeaea;color:#ba3434}.status-pill.warn{background:#fff4d9;color:#946412}.status-pill.pending{background:#edf4fc;color:#376b9e}
.btn-mini{border:0;background:#e8f2ff;color:var(--primary);border-radius:8px;padding:7px 10px;font-weight:750;font-size:12px;cursor:pointer}.btn-mini:hover{background:#dcecff}
.pagination{display:flex;align-items:center;gap:5px;padding:13px 15px;border-top:1px solid #e8eef3}.pagination a{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #dce5ec;border-radius:8px;color:#607282;text-decoration:none}.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination span{margin-left:auto;color:#81909c;font-size:12px}
.receive-modal-card{max-width:760px}.receive-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}.receive-summary>div{border:1px solid #e0e8ef;background:#fafcfd;border-radius:10px;padding:10px}.receive-summary span,.receive-summary strong{display:block}.receive-summary span{font-size:10px;color:#87949e;text-transform:uppercase;font-weight:800}.receive-summary strong{font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.receive-total{display:flex;justify-content:space-between;align-items:center;margin-top:15px;background:#edf5ff;border:1px solid #cfe1f7;border-radius:12px;padding:13px 15px}.receive-total span{font-weight:700;color:#587086}.receive-total strong{font-size:22px;color:var(--primary)}
.receipt-inline-btn{display:inline-flex;margin-left:12px;text-decoration:none;font-weight:750;color:#176f45;border-left:1px solid #b8ddc8;padding-left:12px}
@media(max-width:1000px){.receivable-kpis{grid-template-columns:1fr 1fr}.receive-summary{grid-template-columns:1fr 1fr}.receivable-toolbar,.receivable-filters{flex-wrap:wrap}.receivable-filters .search{min-width:240px}}
@media(max-width:650px){.receivable-kpis{grid-template-columns:1fr}.receive-summary{grid-template-columns:1fr}.receivable-filters{display:grid;width:100%}.receivable-filters .search{min-width:0;max-width:none}.table-count{width:100%}}
/* ===== v1.0.20: filtros de data + ficha da conta ===== */
.date-filter{display:flex;align-items:flex-end;gap:7px;border-left:1px solid #e0e7ed;padding-left:9px}
.date-filter label{display:grid;gap:3px;font-size:10px;color:#7c8a95;font-weight:750}
.date-filter input{height:36px;border:1px solid #d7e2eb;border-radius:8px;padding:0 8px;color:#425665;background:#fff}
.clear-date{height:36px;display:flex;align-items:center;color:#71818d;font-size:11px;text-decoration:none;padding:0 3px}
.account-row{cursor:pointer}.account-row:hover{background:#f5f9fd}.row-overdue.account-row:hover{background:#fff4f4}
.account-open{width:31px;height:31px;border:1px solid #dbe6ee;border-radius:8px;background:#fff;color:var(--primary);font-size:20px;line-height:1;cursor:pointer}
.account-open:hover{background:#edf5ff;border-color:#c6dcf2}
.account-modal-card{max-width:900px}.account-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid #e5edf3}.account-tabs button{border:0;background:transparent;padding:12px 14px;color:#657784;font-weight:750;font-size:12.5px;cursor:pointer;border-bottom:2px solid transparent}.account-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}
.account-tab{display:none}.account-tab.active{display:block}
.account-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.account-detail-grid>div{border:1px solid #e2e9ef;background:#fafcfd;border-radius:10px;padding:10px}.account-detail-grid span,.account-detail-grid strong{display:block}.account-detail-grid span{font-size:9.5px;text-transform:uppercase;color:#8997a1;font-weight:800}.account-detail-grid strong{margin-top:4px;color:#354b5c;font-size:12.5px;overflow-wrap:anywhere}
.account-note{margin-top:10px;border:1px solid #e2e9ef;border-radius:10px;padding:10px}.account-note span{font-size:9.5px;text-transform:uppercase;color:#8997a1;font-weight:800}.account-note p{margin:5px 0 0;color:#536877;font-size:12.5px;white-space:pre-wrap}
.payment-history-box{margin-top:14px;padding-top:14px;border-top:1px solid #e3ebf1}.payment-history-box h3{font-size:13px;margin:0 0 9px;color:#385166}
.form-grid .span-2{grid-column:span 2}.form-grid textarea{width:100%;border:1px solid #d7e2eb;border-radius:9px;padding:9px 10px;resize:vertical;font:inherit;color:#3d5363}
@media(max-width:1200px){.receivable-filters{align-items:flex-end}.date-filter{border-left:0;padding-left:0;width:100%}.account-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.date-filter{display:grid;grid-template-columns:1fr 1fr}.date-filter .btn-mini,.clear-date{align-self:end}.account-detail-grid{grid-template-columns:1fr}.account-tabs{overflow:auto;padding:0 10px}.account-tabs button{white-space:nowrap}.form-grid .span-2{grid-column:auto}}
/* ===== v1.0.21: Financeiro > Contas a Pagar completo ===== */
.page-actions{display:flex;gap:8px;flex-wrap:wrap}.payable-reminder{display:flex;align-items:center;gap:12px;background:#fff5df;border:1px solid #efd89e;color:#775617;border-radius:12px;padding:12px 14px;margin-bottom:14px}.payable-reminder span{font-size:12px}.payable-reminder a{margin-left:auto;color:#8b6216;font-weight:750}
.payable-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.payable-kpis>div{background:#fff;border:1px solid #dfe8f0;border-radius:13px;padding:14px}.payable-kpis span,.payable-kpis strong,.payable-kpis small{display:block}.payable-kpis span{font-size:10.5px;color:#7d8b97;font-weight:750}.payable-kpis strong{font-size:19px;margin:5px 0 3px;color:#2d4354}.payable-kpis small{font-size:10.5px;color:#96a1aa}.payable-kpis .paid{background:#f8fdf9;border-color:#d2e9dc}.payable-kpis .paid strong{color:#17804b}.payable-kpis .overdue{background:#fff9f9;border-color:#efcfcf}.payable-kpis .overdue strong{color:#c84242}.payable-kpis .today{background:#fffdf7;border-color:#ecdfbd}.payable-kpis .today strong{color:#a5761c}
.payable-toolbar{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #e5edf3}.payable-toolbar .search{flex:1;min-width:280px}.payable-toolbar select{height:38px;border:1px solid #d8e3eb;border-radius:9px;background:#fff;padding:0 9px;color:#405565}.payable-date-filter{display:flex;align-items:flex-end;gap:6px}.payable-date-filter label{display:grid;gap:3px;font-size:9.5px;color:#81909b;font-weight:750}.payable-date-filter input{height:38px;border:1px solid #d8e3eb;border-radius:9px;padding:0 8px}.table-meta{display:flex;justify-content:space-between;padding:8px 14px;font-size:11px;color:#84929c;background:#fafcfd}.table-meta a{color:var(--primary);text-decoration:none;font-weight:700}
.payable-row{cursor:pointer}.payable-row:hover{background:#f6faff}.payable-modal{max-width:900px}.payable-pay-modal{max-width:760px}.check-line{display:flex;align-items:center;gap:8px;border:1px solid #e1e8ee;background:#fafcfd;border-radius:10px;padding:10px 12px;margin-bottom:13px;font-size:12.5px;font-weight:650}.check-line input{width:16px;height:16px}
.config-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid #e5edf3}.config-tabs button{border:0;background:transparent;padding:12px 13px;color:#687986;font-weight:750;cursor:pointer;border-bottom:2px solid transparent}.config-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.config-panel{display:none}.config-panel.active{display:block}.config-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;max-height:360px;overflow:auto}.config-list>div{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e9ef;background:#fafcfd;border-radius:9px;padding:9px 11px}.config-list form{margin:0}.config-list button{border:0;background:transparent;color:#b04444;font-size:18px;cursor:pointer}
@media(max-width:1100px){.payable-kpis{grid-template-columns:repeat(2,1fr)}.payable-date-filter{width:100%}}@media(max-width:650px){.payable-kpis{grid-template-columns:1fr}.payable-date-filter{display:grid;grid-template-columns:1fr 1fr}.config-list{grid-template-columns:1fr}.payable-reminder{align-items:flex-start;flex-direction:column}.payable-reminder a{margin-left:0}}
/* ===== v1.0.23: Financeiro > Análise de Crédito ===== */
.credit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.credit-kpis>div{background:#fff;border:1px solid #dfe8f0;border-radius:14px;padding:14px 15px}.credit-kpis span,.credit-kpis strong,.credit-kpis small{display:block}.credit-kpis span{font-size:11px;color:#7b8995;font-weight:750}.credit-kpis strong{font-size:21px;color:#2b4050;margin:5px 0 2px}.credit-kpis small{font-size:10.5px;color:#96a1aa}.credit-kpis .blocked{background:#fffafa;border-color:#efd4d4}.credit-kpis .blocked strong{color:#c24444}
.credit-layout{display:grid;grid-template-columns:minmax(440px,.9fr) minmax(0,1.4fr);gap:15px;align-items:start}.credit-list{min-width:0}.credit-client-row{cursor:pointer}.credit-client-row:hover{background:#f5f9fd}.credit-client-row.selected{background:#edf5ff}.credit-arrow{font-size:22px;color:var(--primary);text-align:right}
.credit-analysis-card{background:#fff;border:1px solid #dfe8f0;border-radius:15px;overflow:hidden;min-height:400px}.credit-empty{display:grid;place-items:center;text-align:center;padding:70px 25px}.credit-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#eaf3ff;color:var(--primary);font-size:24px;font-weight:900}.credit-empty h2{margin:12px 0 5px}.credit-empty p{margin:0;color:#7b8995;max-width:430px}
.credit-profile-head{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #e6edf2}.credit-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:20px;font-weight:900}.credit-profile-head small{color:#87949e;font-size:9.5px;font-weight:800}.credit-profile-head h2{margin:2px 0;font-size:18px}.credit-profile-head p{margin:0;color:#788895;font-size:12px}.credit-analysis-state{margin-left:auto;padding:7px 10px;border-radius:999px;font-size:10.5px;font-weight:850}.credit-analysis-state.good{background:#e8f8ee;color:#167a47}.credit-analysis-state.danger,.credit-analysis-state.blocked{background:#feeaea;color:#b63838}.credit-analysis-state.warning{background:#fff4d9;color:#946412}.credit-analysis-state.neutral{background:#eef3f7;color:#687985}
.credit-main-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e3eaf0;border-bottom:1px solid #e3eaf0}.credit-main-numbers>div{background:#fafcfd;padding:12px 14px}.credit-main-numbers span,.credit-main-numbers strong{display:block}.credit-main-numbers span{font-size:9.5px;text-transform:uppercase;color:#85939e;font-weight:800}.credit-main-numbers strong{font-size:17px;margin-top:4px}.credit-main-numbers .available{background:#f2f8ff}.credit-main-numbers .available strong{color:var(--primary)}
.credit-divergence{margin:13px 16px 0;background:#fff8e8;border:1px solid #f0ddaa;border-radius:10px;padding:10px 12px;color:#775d24;font-size:12px}.link-button{border:0;background:transparent;color:#2f80ed;font-weight:800;cursor:pointer;text-decoration:underline}.credit-tabs{display:flex;gap:2px;padding:10px 16px 0;border-bottom:1px solid #e4ebf1}.credit-tabs button{border:0;background:transparent;color:#6c7d89;padding:10px 11px;border-bottom:2px solid transparent;font-weight:750;font-size:12px;cursor:pointer}.credit-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.credit-panel{display:none;padding:15px 16px}.credit-panel.active{display:block}.credit-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.credit-stat-grid>div,.credit-data-grid>div{border:1px solid #e1e9ef;border-radius:10px;background:#fafcfd;padding:10px}.credit-stat-grid span,.credit-stat-grid strong,.credit-stat-grid small,.credit-data-grid span,.credit-data-grid strong{display:block}.credit-stat-grid span,.credit-data-grid span{font-size:9px;color:#87949e;text-transform:uppercase;font-weight:800}.credit-stat-grid strong{font-size:15px;margin-top:4px}.credit-stat-grid small{font-size:10px;color:#97a2ab;margin-top:2px}.credit-stat-grid .danger strong{color:#c13e3e}.credit-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.credit-data-grid strong{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.credit-actions{display:flex;gap:8px;margin-top:13px}.credit-modal-card{max-width:720px}.supervisor-auth{margin-top:16px;padding:13px;border:1px solid #f0dba8;background:#fff9eb;border-radius:11px}.supervisor-auth strong{display:block}.supervisor-auth p{margin:3px 0 10px;color:#786534;font-size:12px}
@media(max-width:1200px){.credit-layout{grid-template-columns:1fr}.credit-stat-grid{grid-template-columns:1fr 1fr}.credit-kpis{grid-template-columns:1fr 1fr}}@media(max-width:700px){.credit-kpis,.credit-stat-grid,.credit-main-numbers,.credit-data-grid{grid-template-columns:1fr}.credit-profile-head{align-items:flex-start;flex-wrap:wrap}.credit-analysis-state{margin-left:0}.credit-actions{flex-wrap:wrap}}
/* ===== v1.0.25: Financeiro > Comissão ===== */
.commission-note{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#eef6ff,#fbfdff);border:1px solid #cee1f6;border-radius:13px;padding:13px 15px;margin-bottom:14px}.commission-note>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#fff;color:var(--primary)}.commission-note svg{fill:none;stroke:currentColor;stroke-width:1.8}.commission-note strong{display:block}.commission-note p{margin:3px 0 0;color:#6f808d;font-size:12.5px;line-height:1.45}
.commission-filter-card{padding:14px 16px;margin-bottom:14px}.commission-filters{display:grid;grid-template-columns:145px 145px minmax(200px,1fr) minmax(220px,1.2fr) auto;gap:9px;align-items:end}.commission-filter-actions{display:flex;gap:6px;white-space:nowrap}
.commission-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.commission-kpi{border:1px solid #dfe7ee;background:#fff;border-radius:13px;padding:14px 15px}.commission-kpi span,.commission-kpi strong,.commission-kpi small{display:block}.commission-kpi span{font-size:11px;color:#7d8c97;font-weight:750}.commission-kpi strong{font-size:21px;color:#2b4050;margin:5px 0 3px}.commission-kpi small{font-size:10.5px;color:#96a1aa}.commission-kpi.highlight{background:linear-gradient(135deg,#edf5ff,#fff);border-color:#c9def7}.commission-kpi.highlight strong{color:var(--primary)}
.commission-leader{display:flex;align-items:center;gap:12px;background:#fffaf0;border:1px solid #f0dfb6;border-radius:13px;padding:12px 14px;margin-bottom:14px}.leader-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f0b94c;color:#fff;font-size:18px;font-weight:900}.commission-leader small,.commission-leader strong,.commission-leader span{display:block}.commission-leader small{color:#927638;font-size:10px;text-transform:uppercase;font-weight:800}.commission-leader strong{font-size:14px;margin:2px 0}.commission-leader span{font-size:12px;color:#726441}
.commission-row{cursor:pointer}.commission-row:hover{background:#f6faff}.commission-rate{display:inline-flex;background:#eef5ff;color:#356fa9;border-radius:999px;padding:5px 8px;font-weight:800;font-size:11.5px}.commission-value{color:#176f45}.commission-total-row td{background:#f6f9fc;border-top:2px solid #d6e1e9}
.commission-modal-card{max-width:900px}.commission-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}.commission-detail-kpis>div{border:1px solid #e0e8ef;background:#fafcfd;border-radius:11px;padding:11px}.commission-detail-kpis span,.commission-detail-kpis strong{display:block}.commission-detail-kpis span{font-size:9.5px;color:#87949e;text-transform:uppercase;font-weight:800}.commission-detail-kpis strong{font-size:17px;margin-top:4px}.commission-detail-kpis .accent{background:#edf5ff;border-color:#cde0f6}.commission-detail-kpis .accent strong{color:var(--primary)}
.commission-daily-title h3{margin:0;font-size:14px}.commission-daily-title p{margin:3px 0 8px;color:#7c8b96;font-size:11.5px}.commission-detail-table{max-height:280px;border:1px solid #e2e9ef;border-radius:10px}
.commission-rate-editor{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-top:17px;padding-top:15px;border-top:1px solid #e2e9ef}.commission-rate-editor>div strong{display:block}.commission-rate-editor>div p{margin:4px 0 0;color:#788895;font-size:11.5px}.commission-rate-editor form{display:flex;gap:8px;align-items:end}.commission-rate-editor .field{min-width:140px}
.right{text-align:right}
@media(max-width:1100px){.commission-filters{grid-template-columns:1fr 1fr 1fr}.commission-search{grid-column:span 2}.commission-filter-actions{grid-column:auto}.commission-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.commission-filters{grid-template-columns:1fr}.commission-search,.commission-filter-actions{grid-column:auto}.commission-filter-actions{flex-wrap:wrap}.commission-kpis{grid-template-columns:1fr}.commission-detail-kpis{grid-template-columns:1fr 1fr}.commission-rate-editor{flex-direction:column;align-items:stretch}.commission-rate-editor form{align-items:stretch;flex-direction:column}}
/* ===== v1.0.26: Financeiro > Adiantamento / Vale ===== */
.vale-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.vale-kpi{background:#fff;border:1px solid #dfe7ee;border-radius:13px;padding:14px 15px}
.vale-kpi span,.vale-kpi strong,.vale-kpi small{display:block}
.vale-kpi span{font-size:11px;color:#7d8c97;font-weight:750}
.vale-kpi strong{font-size:20px;color:#2b4050;margin:5px 0 3px}
.vale-kpi small{font-size:10.5px;color:#96a1aa}
.vale-kpi.highlight{background:linear-gradient(135deg,#eef6ff,#fff);border-color:#c9def7}
.vale-kpi.highlight strong{color:var(--primary);font-size:15px}
.vale-filter-card{padding:14px 16px;margin-bottom:14px}
.vale-filters{display:grid;grid-template-columns:145px 145px minmax(190px,1fr) minmax(240px,1.2fr) 145px auto;gap:9px;align-items:end}
.vale-filter-actions{display:flex;gap:6px;white-space:nowrap}
.vale-row{cursor:pointer}.vale-row:hover{background:#f6faff}
.vale-value{color:#b26b14}.vale-obs{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vale-modal-card{max-width:830px}
.vale-doc-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.vale-doc-preview>div{background:#fafcfd;border:1px solid #e0e8ef;border-radius:10px;padding:10px}
.vale-doc-preview span,.vale-doc-preview strong{display:block}
.vale-doc-preview span{font-size:9.5px;color:#87949e;text-transform:uppercase;font-weight:800}
.vale-doc-preview strong{font-size:12.5px;margin-top:4px;overflow-wrap:anywhere}
.vale-edit-actions{display:none;align-items:center;gap:7px;padding:12px 18px;border-top:1px solid #e4ebf1;background:#fafcfd}
.vale-edit-actions form{margin-left:auto}
.btn.danger{background:#fff0f0;color:#bd3d3d;border:1px solid #efcccc}
.btn.danger:hover{background:#ffe4e4}
@media(max-width:1150px){.vale-filters{grid-template-columns:1fr 1fr 1fr}.vale-search{grid-column:span 2}.vale-filter-actions{grid-column:auto}.vale-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.vale-filters{grid-template-columns:1fr}.vale-search,.vale-filter-actions{grid-column:auto}.vale-filter-actions{flex-wrap:wrap}.vale-kpis{grid-template-columns:1fr}.vale-doc-preview{grid-template-columns:1fr 1fr}.vale-edit-actions{flex-wrap:wrap}.vale-edit-actions form{margin-left:0;width:100%}}
/* ===== v1.0.27: Administrativo > Configurações ===== */
.config-info{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#edf5ff,#fbfdff);border:1px solid #cfe0f3;border-radius:13px;padding:13px 15px;margin-bottom:14px}.config-info>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#fff;color:var(--primary)}.config-info svg{fill:none;stroke:currentColor;stroke-width:1.8}.config-info strong{display:block}.config-info p{margin:4px 0 0;color:#6f808d;font-size:12.5px;line-height:1.45}
.config-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #dfe7ee;margin-bottom:14px}.config-tabs a{padding:10px 13px;text-decoration:none;color:#687b89;font-weight:750;font-size:12.5px;white-space:nowrap;border-bottom:2px solid transparent}.config-tabs a.active{color:var(--primary);border-bottom-color:var(--primary)}
.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.config-simple-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.config-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:16px 17px;border-bottom:1px solid #e5edf3}.config-card-head small{font-size:9.5px;color:#87949e;font-weight:800}.config-card-head h2{font-size:17px;margin:2px 0 3px}.config-card-head p{margin:0;color:#768793;font-size:11.5px;line-height:1.45}
.config-help-card{padding:16px}.config-help-card h3{margin:0 0 8px;font-size:14px}.config-help-card p{font-size:11.8px;color:#6f808c;line-height:1.52;margin:0 0 10px}
.cfg-row{cursor:pointer}.cfg-row:hover{background:#f6faff}.config-modal{max-width:700px}.config-delete-bar{display:none;justify-content:flex-end;padding:10px 18px;border-top:1px solid #e4ebf1;background:#fafcfd}
.config-list{padding:6px 0}.config-list-row{display:flex;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid #edf1f4}.config-list-row:last-child{border-bottom:0}.config-list-row:hover{background:#f8fbfd}.config-list-row>div{flex:1}.config-list-row strong,.config-list-row small{display:block}.config-list-row small{color:#8b98a2;font-size:10px;margin-top:2px}.config-list-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef5ff;color:var(--primary)}.config-list-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}
.commission-config-card{padding-bottom:16px}.commission-config-value{display:grid;grid-template-columns:1fr 220px auto;gap:12px;align-items:end;padding:17px}.commission-config-value>div:first-child{background:#f4f8fb;border:1px solid #dee8ef;border-radius:11px;padding:13px}.commission-config-value span,.commission-config-value strong{display:block}.commission-config-value span{font-size:10px;color:#83929d;text-transform:uppercase;font-weight:800}.commission-config-value strong{font-size:25px;color:var(--primary);margin-top:4px}
.pix-mode-banner{display:flex;justify-content:space-between;align-items:center;background:#f7fbff;border:1px solid #d6e5f2;border-radius:12px;padding:11px 14px;margin-bottom:13px}.pix-mode-banner small,.pix-mode-banner strong{display:block}.pix-mode-banner small{font-size:9px;color:#84939f;font-weight:800}.pix-mode-banner strong{font-size:13px;margin-top:2px}
.pix-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pix-config-card{padding-bottom:16px}.pix-config-card.selected{border-color:#a9cbee;box-shadow:0 0 0 2px rgba(47,128,237,.06)}.pix-config-card form{padding:15px 17px 0}.config-form-actions{display:flex;justify-content:flex-end;margin-top:13px}.activate-form{border-top:1px solid #e5edf3;margin-top:13px;padding-top:13px!important}.field-note{display:block;margin-top:4px;color:#84929c;font-size:10.5px}
.commission-global-note{margin-top:17px;padding:12px 14px;border-top:1px solid #e2e9ef;background:#f8fbfd}.commission-global-note strong{display:block;color:var(--primary)}.commission-global-note p{margin:4px 0 0;color:#7b8993;font-size:11.5px}
@media(max-width:1050px){.config-layout,.config-simple-grid,.pix-config-grid{grid-template-columns:1fr}.commission-config-value{grid-template-columns:1fr 1fr}.commission-config-value .btn{grid-column:span 2}}
@media(max-width:650px){.commission-config-value{grid-template-columns:1fr}.commission-config-value .btn{grid-column:auto}.config-card-head{flex-direction:column}.config-card-head .btn{width:100%}}
/* ===== v1.0.29: Administrativo > Arquivo ===== */
.file-admin-tabs{display:flex;gap:5px;border-bottom:1px solid #dfe7ee;margin-bottom:14px;overflow:auto}.file-admin-tabs a{padding:10px 13px;text-decoration:none;color:#687b89;font-size:12.5px;font-weight:750;white-space:nowrap;border-bottom:2px solid transparent}.file-admin-tabs a.active{color:var(--primary);border-bottom-color:var(--primary)}
.backup-hero{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #cfe0f4;border-radius:14px;padding:16px 17px;margin-bottom:14px}.backup-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:12px;background:#fff;color:var(--primary)}.backup-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.backup-hero>div:nth-child(2){flex:1}.backup-hero h2{margin:0 0 3px;font-size:17px}.backup-hero p{margin:0;color:#71838f;font-size:12px}.file-delete{border-color:#efcccc!important;color:#b63e3e!important;background:#fff6f6!important;font-size:18px!important}
.audit-filter-card{padding:13px 15px;margin-bottom:14px}.audit-filters{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) 145px 145px auto;gap:8px;align-items:end}.auth-filters{grid-template-columns:minmax(280px,1.5fr) minmax(190px,1fr) 145px 145px auto}.audit-filter-actions{display:flex;gap:6px;white-space:nowrap}
@media(max-width:1150px){.audit-filters,.auth-filters{grid-template-columns:1fr 1fr 1fr}.audit-search{grid-column:span 2}.audit-filter-actions{grid-column:auto}}
@media(max-width:700px){.backup-hero{align-items:flex-start;flex-wrap:wrap}.backup-hero form{width:100%}.backup-hero form .btn{width:100%}.audit-filters,.auth-filters{grid-template-columns:1fr}.audit-search,.audit-filter-actions{grid-column:auto}.audit-filter-actions{flex-wrap:wrap}}
/* ===== v1.0.31: destaque dos relatórios de auditoria ===== */
.audit-pdf-btn{
display:inline-flex!important;align-items:center;gap:8px;
background:#2f80ed!important;color:#fff!important;
border:1px solid #2f80ed!important;
box-shadow:0 4px 12px rgba(47,128,237,.22);
font-weight:800!important;padding:8px 13px!important;
text-decoration:none!important
}
.audit-pdf-btn:hover{background:#236fd4!important;border-color:#236fd4!important;color:#fff!important;transform:translateY(-1px)}
.audit-pdf-icon{
display:inline-flex;align-items:center;justify-content:center;
min-width:29px;height:21px;padding:0 5px;border-radius:5px;
background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);
color:#fff;font-size:8px;font-weight:900;letter-spacing:.4px
}
/* ===== v1.0.32: Menu Vendas ===== */
.sales-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.sales-kpi{background:#fff;border:1px solid #dfe7ee;border-radius:13px;padding:14px 15px}.sales-kpi span,.sales-kpi strong,.sales-kpi small{display:block}.sales-kpi span{font-size:11px;color:#7d8c97;font-weight:750}.sales-kpi strong{font-size:21px;color:#2b4050;margin:5px 0 3px}.sales-kpi small{font-size:10.5px;color:#96a1aa}.sales-kpi.highlight{background:linear-gradient(135deg,#edf5ff,#fff);border-color:#c9def7}.sales-kpi.highlight strong{color:var(--primary)}
.sales-filter-card{padding:13px 15px;margin-bottom:14px}.sales-filters{display:grid;grid-template-columns:145px 145px minmax(220px,1fr) minmax(220px,1fr) auto;gap:8px;align-items:end}.sales-filter-actions{display:flex;gap:6px;white-space:nowrap}.delivery-filters{display:grid;grid-template-columns:minmax(260px,1.5fr) 180px 180px 145px 145px auto;gap:8px;align-items:end}
.seller-identity{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dfe7ee;border-radius:13px;padding:12px 14px;margin-bottom:14px}.seller-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--primary);font-weight:900}.seller-identity small,.seller-identity strong,.seller-identity span{display:block}.seller-identity small{font-size:9px;color:#87949e;font-weight:800}.seller-identity strong{font-size:14px;margin:2px 0}.seller-identity span{font-size:11px;color:#7d8b96}
.delivery-row{cursor:pointer}.delivery-row:hover{background:#f6faff}.delivery-row .account-open{display:inline-grid;text-decoration:none}.delivery-detail-grid{margin-bottom:14px}.delivery-products-card{margin-top:14px}
@media(max-width:1100px){.sales-kpis{grid-template-columns:1fr 1fr}.sales-filters,.delivery-filters{grid-template-columns:1fr 1fr 1fr}.sales-filter-actions{grid-column:auto}}
@media(max-width:700px){.sales-kpis{grid-template-columns:1fr}.sales-filters,.delivery-filters{grid-template-columns:1fr}.sales-filter-actions{flex-wrap:wrap}}
/* ===== v1.0.34: Estoque / Histórico / IMEI ===== */
.stock-history-filter,.imei-filter-card{padding:13px 15px;margin-bottom:14px}
.stock-history-filters{display:grid;grid-template-columns:minmax(260px,1.4fr) 145px 145px minmax(180px,.8fr) auto;gap:8px;align-items:end}
.stock-history-actions,.imei-filter-actions{display:flex;gap:6px;white-space:nowrap}
.stock-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.stock-summary-grid>div,.imei-kpis>div{background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:13px 14px}
.stock-summary-grid span,.stock-summary-grid strong,.stock-summary-grid small,.imei-kpis span,.imei-kpis strong{display:block}
.stock-summary-grid span,.imei-kpis span{font-size:10.5px;color:#7d8c97;font-weight:750}
.stock-summary-grid strong,.imei-kpis strong{font-size:20px;margin-top:4px;color:#2b4050}
.stock-summary-grid small{font-size:10px;color:#8c9aa4;margin-top:3px}
.imei-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.imei-kpis>div:nth-child(2){background:linear-gradient(135deg,#effaf5,#fff);border-color:#cde8d9}
.imei-kpis>div:nth-child(2) strong{color:#238259}
.imei-kpis>div.sold{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#efdcc1}
.imei-kpis>div.sold strong{color:#b26b14}
.imei-filters{display:grid;grid-template-columns:minmax(320px,1.5fr) 190px auto;gap:8px;align-items:end}
@media(max-width:900px){.stock-history-filters{grid-template-columns:1fr 1fr}.stock-history-search{grid-column:span 2}.stock-history-actions{grid-column:span 2}.imei-kpis{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.stock-history-filters,.imei-filters{grid-template-columns:1fr}.stock-history-search,.stock-history-actions{grid-column:auto}.stock-summary-grid,.imei-kpis{grid-template-columns:1fr}.stock-history-actions,.imei-filter-actions{flex-wrap:wrap}}
/* ===== v1.0.36: Documentos / Certificados ===== */
.document-filter-card{padding:13px 15px;margin-bottom:14px}.document-filters{display:grid;grid-template-columns:minmax(320px,1.5fr) 150px 150px auto;gap:8px;align-items:end}.service-doc-filters{grid-template-columns:minmax(420px,1fr) auto}.document-filter-actions{display:flex;gap:6px;white-space:nowrap}.document-cert-btn{background:#2f80ed!important;color:#fff!important;border-color:#2f80ed!important;text-decoration:none!important;font-weight:800!important}.document-cert-btn:hover{background:#236fd4!important;color:#fff!important}
@media(max-width:800px){.document-filters,.service-doc-filters{grid-template-columns:1fr 1fr}.document-search{grid-column:span 2}.document-filter-actions{grid-column:span 2}}
@media(max-width:550px){.document-filters,.service-doc-filters{grid-template-columns:1fr}.document-search,.document-filter-actions{grid-column:auto}.document-filter-actions{flex-wrap:wrap}}
/* ===== v1.0.38: impressão térmica dos certificados ===== */
.document-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.thermal-cert-btn{background:#fff7e8!important;border:1px solid #efc979!important;color:#8b5a00!important;text-decoration:none!important;font-weight:800!important}
.thermal-cert-btn:hover{background:#ffedc2!important;border-color:#dfa92e!important;color:#714800!important}
@media(max-width:760px){.document-actions{flex-direction:column;align-items:stretch}.document-actions .btn-mini{text-align:center}}
/* ===== v1.0.43: tabelas responsivas com rolagem horizontal ===== */
/* Mantém tabelas largas acessíveis em telas menores, sem esconder colunas. */
.table-wrap{
width:100%;
max-width:100%;
overflow-x:auto !important;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
/* Evita que colunas importantes sejam comprimidas até desaparecerem. */
.table-wrap > table{
width:100%;
}
/* Botões/ações não quebram em várias linhas. */
.table-wrap th:last-child,
.table-wrap td:last-child{
white-space:nowrap;
}
/* Rolagem horizontal discreta e visível em navegadores Chromium. */
.table-wrap::-webkit-scrollbar{
height:8px;
}
.table-wrap::-webkit-scrollbar-track{
background:rgba(148,163,184,.12);
border-radius:999px;
}
.table-wrap::-webkit-scrollbar-thumb{
background:rgba(100,116,139,.45);
border-radius:999px;
}
.table-wrap::-webkit-scrollbar-thumb:hover{
background:rgba(100,116,139,.62);
}
/* Em telas menores, a tabela conserva largura suficiente para todas as colunas. */
@media (max-width: 980px){
.table-wrap > table{
min-width:900px;
}
/* Tabelas menores continuam confortáveis sem exagerar na largura. */
.table-wrap table.compact-table{
min-width:720px;
}
/* Cabeçalhos com botões não devem empurrar ou esconder ações. */
.table-toolbar,
.page-head{
flex-wrap:wrap;
gap:10px;
}
.table-toolbar > *,
.page-head-actions{
min-width:0;
}
}
/* Celular: mantém rolagem horizontal e botões de documento inteiros. */
@media (max-width: 700px){
.table-wrap > table{
min-width:860px;
}
.document-actions,
.row-actions{
min-width:max-content;
}
.document-cert-btn,
.thermal-cert-btn,
.btn-mini{
white-space:nowrap;
}
}
/* ===== v1.0.44: paginação e rolagem superior nos certificados ===== */
.table-scroll-top{
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
height:13px;
margin:0 0 3px;
scrollbar-width:thin;
}
.table-scroll-top>div{height:1px}
.table-scroll-top::-webkit-scrollbar{height:8px}
.table-scroll-top::-webkit-scrollbar-track{background:rgba(148,163,184,.12);border-radius:999px}
.table-scroll-top::-webkit-scrollbar-thumb{background:rgba(100,116,139,.48);border-radius:999px}
.table-scroll-top::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.68)}
.service-doc-filters{grid-template-columns:minmax(360px,1fr) 130px auto}
@media(max-width:800px){
.service-doc-filters{grid-template-columns:1fr 130px}
.service-doc-filters .document-filter-actions{grid-column:span 2}
}
@media(max-width:550px){
.service-doc-filters{grid-template-columns:1fr}
.service-doc-filters .document-filter-actions{grid-column:auto}
}
/* ===== v1.0.45: Central de Relatórios ===== */
.report-group{margin-bottom:18px}.report-group-title h2{font-size:13px;margin:0 0 9px;color:#546875;text-transform:uppercase;letter-spacing:.04em}.report-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:13px;text-decoration:none;color:#2f4250;transition:.15s}.report-card:hover{border-color:#aacbee;box-shadow:0 5px 14px rgba(39,104,171,.08);transform:translateY(-1px)}.report-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:#edf5ff;color:var(--primary)}.report-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.report-card>div{flex:1;min-width:0}.report-card strong{display:block;font-size:12.5px}.report-card p{margin:3px 0 0;font-size:10.7px;color:#7b8994;line-height:1.35}.report-card-arrow{font-size:21px;color:#8b9aa5}
.report-filter-card{padding:13px 15px;margin-bottom:14px}.report-filters{display:grid;grid-template-columns:145px 145px minmax(260px,1.4fr) minmax(180px,.8fr) auto;gap:8px;align-items:end}.report-search{min-width:0}.report-filter-actions{display:flex;gap:6px;white-space:nowrap}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.report-metrics>div{background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:13px 14px}.report-metrics span,.report-metrics strong{display:block}.report-metrics span{font-size:10px;color:#7d8c97;font-weight:750}.report-metrics strong{font-size:19px;color:#2d4251;margin-top:4px}
@media(max-width:1100px){.report-card-grid{grid-template-columns:1fr 1fr}.report-filters{grid-template-columns:1fr 1fr 1fr}.report-search{grid-column:span 2}.report-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.report-card-grid,.report-metrics,.report-filters{grid-template-columns:1fr}.report-search{grid-column:auto}.report-filter-actions{flex-wrap:wrap}}
/* ===== v1.0.46: resumo gerencial sem duplicidade ===== */
.report-summary-note{display:flex;align-items:flex-start;gap:9px;background:#f4f8fc;border:1px solid #d8e5ef;border-radius:11px;padding:11px 13px;margin-bottom:14px;color:#536875}
.report-summary-note strong{font-size:11.5px;white-space:nowrap;color:#334b5b}
.report-summary-note p{margin:0;font-size:10.8px;line-height:1.45}
@media(max-width:700px){.report-summary-note{display:block}.report-summary-note strong{white-space:normal;display:block;margin-bottom:4px}}
/* ===== v1.0.47: OS faturada já incluída nas vendas ===== */
.report-summary-note-wide{border-left:3px solid var(--primary);background:#f2f7fd}
.report-summary-note-wide p b{color:#314f68}
/* ===== v1.0.48: Frente de Caixa PDV ===== */
.pdv-page{min-width:0}.pdv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.pdv-head-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pdv-shortcut{font-size:10px;font-weight:800;color:#607485;background:#fff;border:1px solid #dce5ec;border-radius:7px;padding:5px 8px}.pdv-blocked{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dfe8ef;border-radius:14px;padding:18px}.pdv-blocked-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--primary)}.pdv-blocked-icon svg{fill:none;stroke:currentColor;stroke-width:1.7}.pdv-blocked div:nth-child(2){flex:1}.pdv-blocked h2{margin:0 0 4px;font-size:16px}.pdv-blocked p{margin:0;color:#758794;font-size:11.5px}.pdv-statusbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dde7ef;border-radius:12px;padding:8px 10px;margin-bottom:10px;box-shadow:0 2px 8px rgba(45,70,92,.04)}.pdv-status-item{display:flex;align-items:center;gap:7px;border-right:1px solid #e7edf2;padding-right:12px;min-height:34px}.pdv-status-item>span,.pdv-status-item small{font-size:9px;text-transform:uppercase;color:#8796a0;font-weight:800}.pdv-status-item strong{font-size:11.5px;color:#314755}.pdv-status-item select{height:31px;border:1px solid #d6e1e9;border-radius:7px;padding:0 26px 0 8px;background:#fff;font-weight:800}.pdv-cash-open>span{width:8px;height:8px;border-radius:50%;background:#24a66a;box-shadow:0 0 0 4px #dff4e9}.pdv-cash-open div{display:flex;flex-direction:column}.pdv-status-clock{margin-left:auto;font-size:11px;font-weight:800;color:#5c7080}.pdv-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:10px;align-items:start}.pdv-main-card,.pdv-summary-card{background:#fff;border:1px solid #dfe7ee;border-radius:14px;box-shadow:0 3px 12px rgba(49,75,96,.04)}.pdv-main-card{min-width:0;overflow:visible}.pdv-scan-zone{display:grid;grid-template-columns:42px minmax(260px,1fr) 90px 100px;gap:8px;align-items:end;padding:12px;border-bottom:1px solid #e5ecf1;background:linear-gradient(180deg,#fbfdff,#f7fbff);border-radius:14px 14px 0 0}.pdv-scan-icon{height:42px;display:grid;place-items:center;background:#eaf4ff;color:var(--primary);border-radius:10px}.pdv-scan-icon svg,.pdv-client-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.pdv-scan-field,.pdv-client-search{position:relative}.pdv-scan-zone label,.pdv-summary-section>label,.pdv-client-current span,.pdv-qty-field label{display:block;font-size:9.5px;font-weight:800;color:#687b88;margin-bottom:4px}.pdv-scan-zone input,.pdv-client-strip input{height:42px;border:1px solid #ccdbe5;border-radius:9px;padding:0 11px;width:100%;font-size:12px;outline:none;background:#fff}.pdv-scan-zone input:focus,.pdv-client-strip input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,128,237,.1)}.pdv-add-btn{height:42px}.pdv-search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:60;background:#fff;border:1px solid #cfdae3;border-radius:10px;box-shadow:0 12px 30px rgba(43,63,80,.16);overflow:hidden;max-height:320px;overflow-y:auto}.pdv-search-results.show{display:block}.pdv-result{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:9px 10px;cursor:pointer}.pdv-result:hover{background:#f2f7fd}.pdv-result:last-child{border-bottom:0}.pdv-result span{min-width:0}.pdv-result strong,.pdv-result small{display:block}.pdv-result strong{font-size:11px;color:#304654}.pdv-result small{font-size:9.5px;color:#83909a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdv-result-empty{padding:12px;color:#7c8993;font-size:11px}.pdv-blocked-client{color:#b33b3b;font-size:9px}.pdv-client-strip{display:grid;grid-template-columns:32px minmax(170px,.8fr) minmax(220px,1.2fr) auto;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid #e8eef2}.pdv-client-icon{width:32px;height:32px;display:grid;place-items:center;background:#f0f5fa;border-radius:8px;color:#637c8b}.pdv-client-current strong,.pdv-client-current small{display:block}.pdv-client-current strong{font-size:11.5px}.pdv-client-current small{font-size:9.5px;color:#83919b}.pdv-client-strip input{height:35px}.pdv-cart-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px}.pdv-cart-head>div{display:flex;align-items:center;gap:8px}.pdv-cart-head strong{font-size:11.5px}.pdv-cart-head span{font-size:9.5px;color:#80909a}.pdv-clear-cart{border:0;background:none;color:#b34c4c;font-size:10px;font-weight:800;cursor:pointer}.pdv-cart-wrap{width:100%;overflow-x:auto;min-height:280px}.pdv-cart-table{width:100%;min-width:790px;border-collapse:collapse}.pdv-cart-table th{background:#f5f8fa;color:#687c89;font-size:9px;text-transform:uppercase;text-align:left;padding:7px 8px;border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef}.pdv-cart-table td{font-size:10.5px;padding:7px 8px;border-bottom:1px solid #edf1f4;vertical-align:middle}.pdv-cart-table td strong{font-size:10.8px}.pdv-line-qty{width:64px;height:30px;border:1px solid #d4e0e8;border-radius:7px;padding:0 6px}.pdv-empty-row td{text-align:center!important;color:#87959e!important;height:210px}.pdv-imei-pill{display:inline-block;background:#eef7f3;color:#297655;border:1px solid #cfe7da;border-radius:999px;padding:4px 6px;font-size:9px;font-weight:800}.pdv-summary-card{position:sticky;top:10px;overflow:hidden}.pdv-total-panel{background:linear-gradient(135deg,#2f80ed,#4c98ef);color:#fff;padding:16px}.pdv-total-panel span,.pdv-total-panel strong,.pdv-total-panel small{display:block}.pdv-total-panel span{font-size:9.5px;font-weight:800;opacity:.82}.pdv-total-panel strong{font-size:29px;letter-spacing:-.03em;margin:3px 0}.pdv-total-panel small{font-size:9.5px;opacity:.8}.pdv-summary-section{padding:10px 12px;border-bottom:1px solid #e9eef2}.pdv-money-control{display:flex;align-items:center;border:1px solid #d2dee7;border-radius:8px;height:36px;overflow:hidden}.pdv-money-control span{padding:0 8px;color:#758694;font-size:10px;font-weight:800}.pdv-money-control input{border:0;outline:0;height:100%;width:100%;padding:0 8px;font-weight:800}.pdv-summary-section small{display:block;color:#87959e;font-size:9px;margin-top:4px}.pdv-summary-client strong,.pdv-summary-client small{display:block}.pdv-summary-client strong{font-size:11px}.pdv-payment-button{width:100%;height:36px}.pdv-payment-mini{font-size:9.5px;color:#6d7f8d;line-height:1.45;margin-top:6px}.pdv-troco{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f7fafc}.pdv-troco span{font-size:10px;font-weight:800;color:#657887}.pdv-troco strong{font-size:16px;color:#28775a}.pdv-print-check{display:flex;align-items:center;gap:7px;padding:10px 12px;font-size:9.5px;color:#5d7180;cursor:pointer}.pdv-finalize{display:block;width:calc(100% - 24px);margin:0 12px 7px;height:48px;font-size:12px;font-weight:900}.pdv-new-sale{display:block;width:calc(100% - 24px);margin:0 12px 12px}.pdv-recent{margin-top:10px}.pdv-payment-modal{max-width:670px}.pdv-payment-total{display:flex;justify-content:space-between;align-items:center;background:#eff6ff;border:1px solid #d7e7fa;border-radius:10px;padding:10px 12px;margin-bottom:11px}.pdv-payment-total span{font-size:10px;color:#668096}.pdv-payment-total strong{font-size:19px;color:#276dbb}.pdv-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pdv-payment-grid .field:last-child{grid-column:span 2}.pdv-payment-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pdv-payment-balance>div{border:1px solid #dfe6ec;border-radius:9px;padding:9px}.pdv-payment-balance span,.pdv-payment-balance strong{display:block}.pdv-payment-balance span{font-size:9px;color:#81909a}.pdv-payment-balance strong{font-size:14px;margin-top:2px}.pdv-payment-balance .change{background:#eff9f4;border-color:#d4eadd}.pdv-payment-balance .change strong{color:#267553}.pdv-toast{position:fixed;right:18px;bottom:18px;z-index:100000;max-width:400px;padding:12px 14px;border-radius:10px;box-shadow:0 10px 30px #0002;font-size:11.5px;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.pdv-toast.show{opacity:1;transform:none}.pdv-toast.ok{background:#eaf8f0;color:#176d47;border:1px solid #cbe9d8}.pdv-toast.error{background:#fff0f0;color:#a93434;border:1px solid #f0cece}.danger-action{border:0;color:#b13f3f!important;background:#fff0f0!important}.pdv-supervisor-modal .field+.field{margin-top:8px}
@media(max-width:1100px){.pdv-layout{grid-template-columns:minmax(0,1fr) 255px}.pdv-scan-zone{grid-template-columns:36px minmax(220px,1fr) 78px 90px}.pdv-head-actions{display:none}}
@media(max-width:900px){.pdv-layout{grid-template-columns:1fr}.pdv-summary-card{position:static}.pdv-statusbar{overflow-x:auto}.pdv-status-item{flex:0 0 auto}.pdv-status-clock{white-space:nowrap}.pdv-client-strip{grid-template-columns:32px 1fr}.pdv-client-search{grid-column:2}.pdv-client-strip>.btn{grid-column:2;justify-self:start}.pdv-scan-zone{grid-template-columns:36px minmax(180px,1fr) 80px}.pdv-add-btn{grid-column:2/4}.pdv-payment-grid{grid-template-columns:1fr}.pdv-payment-grid .field:last-child{grid-column:auto}}
@media(max-width:620px){.pdv-head{display:block}.pdv-scan-zone{grid-template-columns:1fr}.pdv-scan-icon{display:none}.pdv-add-btn{grid-column:auto}.pdv-client-strip{grid-template-columns:1fr}.pdv-client-icon{display:none}.pdv-client-search,.pdv-client-strip>.btn{grid-column:auto}.pdv-payment-balance{grid-template-columns:1fr}.pdv-total-panel strong{font-size:25px}}
/* ===== v1.0.61: histórico de atualizações ===== */
.update-detail-title{display:block;font-size:10.8px;color:#405766;margin-bottom:2px}
.update-history td{vertical-align:top}
/* ===== v1.0.62: ajuste visual Frente de Caixa ===== */
/* Busca de produto: quantidade curta + busca principal larga */
.pdv-scan-zone{
display:grid !important;
grid-template-columns:42px 88px minmax(0,1fr) !important;
gap:10px !important;
align-items:end !important;
}
.pdv-scan-icon{align-self:end}
.pdv-qty-field{min-width:0 !important}
.pdv-qty-field input{
width:100% !important;
min-width:0 !important;
text-align:center;
}
.pdv-scan-field{
min-width:0 !important;
width:100% !important;
}
.pdv-scan-field input{
width:100% !important;
min-width:0 !important;
}
/* Cliente: informações à esquerda, busca ampla no centro, botão à direita */
.pdv-client-strip{
display:grid !important;
grid-template-columns:34px minmax(220px,320px) minmax(320px,1fr) auto !important;
gap:10px !important;
align-items:center !important;
}
.pdv-client-icon{align-self:center}
.pdv-client-current{min-width:0}
.pdv-client-search{
min-width:0 !important;
width:100% !important;
}
.pdv-client-search input{
width:100% !important;
min-width:0 !important;
}
.pdv-client-strip>.btn{
white-space:nowrap;
align-self:center;
}
/* Evita que o painel lateral roube largura demais da área de venda */
.pdv-layout{
grid-template-columns:minmax(0,1fr) 290px !important;
gap:12px !important;
}
/* Em notebook/tela média, mantém a busca de produto grande */
@media(max-width:1200px){
.pdv-layout{
grid-template-columns:minmax(0,1fr) 275px !important;
}
.pdv-client-strip{
grid-template-columns:34px minmax(190px,260px) minmax(260px,1fr) auto !important;
}
}
/* Tablet: cliente quebra de forma organizada */
@media(max-width:980px){
.pdv-layout{
grid-template-columns:1fr !important;
}
.pdv-summary-card{
position:static !important;
}
.pdv-client-strip{
grid-template-columns:34px minmax(180px,240px) minmax(0,1fr) !important;
}
.pdv-client-strip>.btn{
grid-column:3;
justify-self:end;
}
}
/* Celular: quantidade pequena na esquerda e busca ocupando o restante */
@media(max-width:650px){
.pdv-scan-zone{
grid-template-columns:72px minmax(0,1fr) !important;
}
.pdv-scan-icon{
display:none !important;
}
.pdv-qty-field{
grid-column:1 !important;
}
.pdv-scan-field{
grid-column:2 !important;
}
.pdv-client-strip{
grid-template-columns:34px minmax(0,1fr) !important;
}
.pdv-client-current{
grid-column:2;
}
.pdv-client-search{
grid-column:1 / -1;
}
.pdv-client-strip>.btn{
grid-column:1 / -1;
justify-self:start;
}
}
/* ===== v1.0.63: largura e responsividade da página Atualizações ===== */
/* A página nunca pode ultrapassar a área útil ao lado do menu. */
body.admin-update-page,
.admin-update-page .main-content,
.admin-update-page .content,
.admin-update-page .page-content{
max-width:100%;
overflow-x:hidden;
}
/* Cards e painéis respeitam a largura disponível. */
.admin-update-page .panel,
.admin-update-page .settings-card,
.admin-update-page .update-panel,
.admin-update-page .update-history{
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
}
/* Área principal do instalador: impede cards largos demais. */
.admin-update-page .update-layout,
.admin-update-page .update-content,
.admin-update-page .update-main{
width:100%;
max-width:100%;
min-width:0;
}
/* Grade de informações (Banco protegido / Backup / Pacote validado). */
.admin-update-page .update-info-grid,
.admin-update-page .update-security-grid,
.admin-update-page .update-features{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
width:100%;
min-width:0;
}
.admin-update-page .update-info-grid>*,
.admin-update-page .update-security-grid>*,
.admin-update-page .update-features>*{
min-width:0;
}
/* O histórico fica contido no painel; só a tabela pode rolar. */
.admin-update-page .update-history{
overflow:hidden;
}
.admin-update-page .update-history .table-wrap{
width:100%;
max-width:100%;
overflow-x:auto !important;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
}
.admin-update-page .update-history table{
width:100%;
min-width:860px;
table-layout:auto;
}
.admin-update-page .update-history th,
.admin-update-page .update-history td{
vertical-align:top;
}
.admin-update-page .update-history th:last-child,
.admin-update-page .update-history td:last-child{
min-width:360px;
white-space:normal;
word-break:break-word;
overflow-wrap:anywhere;
}
/* Impede descrição de update de empurrar todo o layout para a direita. */
.admin-update-page .update-detail-title,
.admin-update-page .update-history .table-sub{
white-space:normal !important;
word-break:break-word;
overflow-wrap:anywhere;
max-width:100%;
}
/* Upload e blocos internos também ficam presos à largura do painel. */
.admin-update-page input[type="file"],
.admin-update-page .upload-zone,
.admin-update-page .update-dropzone{
max-width:100%;
width:100%;
box-sizing:border-box;
}
/* Notebook / telas médias */
@media(max-width:1200px){
.admin-update-page .update-info-grid,
.admin-update-page .update-security-grid,
.admin-update-page .update-features{
grid-template-columns:1fr 1fr;
}
}
/* Tablet e celular */
@media(max-width:760px){
.admin-update-page .update-info-grid,
.admin-update-page .update-security-grid,
.admin-update-page .update-features{
grid-template-columns:1fr;
}
.admin-update-page .update-history table{
min-width:760px;
}
}
/* ===== v1.0.64: quebra correta da coluna Detalhes no histórico ===== */
/* O histórico passa a ocupar somente a largura disponível. */
.admin-update-page .update-history .table-wrap{
overflow-x:hidden !important;
}
.admin-update-page .update-history table{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
table-layout:fixed !important;
}
/* Define larguras previsíveis para impedir a coluna Detalhes de expandir a tabela. */
.admin-update-page .update-history th:nth-child(1),
.admin-update-page .update-history td:nth-child(1){
width:145px !important;
}
.admin-update-page .update-history th:nth-child(2),
.admin-update-page .update-history td:nth-child(2){
width:75px !important;
}
.admin-update-page .update-history th:nth-child(3),
.admin-update-page .update-history td:nth-child(3){
width:95px !important;
}
.admin-update-page .update-history th:nth-child(4),
.admin-update-page .update-history td:nth-child(4){
width:80px !important;
}
.admin-update-page .update-history th:nth-child(5),
.admin-update-page .update-history td:nth-child(5){
width:auto !important;
min-width:0 !important;
max-width:none !important;
}
/* Detalhes: aumenta a altura da linha e quebra o texto, nunca a largura. */
.admin-update-page .update-history td:nth-child(5){
white-space:normal !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
line-height:1.45 !important;
padding-right:14px !important;
}
.admin-update-page .update-history td:nth-child(5) strong,
.admin-update-page .update-history td:nth-child(5) small,
.admin-update-page .update-history .update-detail-title,
.admin-update-page .update-history .table-sub{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
white-space:normal !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
line-height:1.45 !important;
}
/* Um pouco mais de respiro vertical quando a descrição ocupar mais linhas. */
.admin-update-page .update-history tbody td{
padding-top:11px !important;
padding-bottom:11px !important;
}
/* Em tela menor, compacta as colunas fixas e deixa Detalhes absorver o espaço restante. */
@media(max-width:1000px){
.admin-update-page .update-history th:nth-child(1),
.admin-update-page .update-history td:nth-child(1){width:125px !important}
.admin-update-page .update-history th:nth-child(2),
.admin-update-page .update-history td:nth-child(2){width:65px !important}
.admin-update-page .update-history th:nth-child(3),
.admin-update-page .update-history td:nth-child(3){width:85px !important}
.admin-update-page .update-history th:nth-child(4),
.admin-update-page .update-history td:nth-child(4){width:70px !important}
}
@media(max-width:760px){
.admin-update-page .update-history .table-wrap{
overflow-x:auto !important;
}
.admin-update-page .update-history table{
min-width:720px !important;
}
}
/* ===== v1.0.65: estrutura fixa do histórico de atualizações ===== */
.update-history-table-wrap{
width:100%;
max-width:100%;
overflow:hidden;
}
.update-history-table{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
border-collapse:collapse;
table-layout:fixed !important;
}
.update-history-table col.col-date{width:150px}
.update-history-table col.col-version{width:75px}
.update-history-table col.col-status{width:98px}
.update-history-table col.col-user{width:90px}
.update-history-table col.col-details{width:auto}
.update-history-table th,
.update-history-table td{
padding:11px 12px;
border-bottom:1px solid #e5eaee;
text-align:left;
vertical-align:top;
min-width:0 !important;
max-width:none !important;
white-space:normal !important;
box-sizing:border-box;
}
.update-history-table th{
font-size:10px;
font-weight:800;
color:#687a86;
text-transform:uppercase;
letter-spacing:.02em;
background:#f7f9fa;
}
.update-history-table td{
font-size:11px;
color:#29404f;
}
/* A célula de detalhes nunca pode determinar a largura da tabela. */
.update-history-table td:last-child{
overflow:hidden !important;
}
.update-detail-cell{
display:block;
width:100%;
max-width:100%;
min-width:0;
overflow:hidden;
}
.update-detail-cell strong,
.update-detail-cell small{
display:block;
width:100%;
max-width:100%;
min-width:0;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
hyphens:auto;
}
.update-detail-cell strong{
font-size:10.8px;
line-height:1.4;
color:#344f60;
margin:0 0 3px;
}
.update-detail-cell small{
font-size:10.3px;
line-height:1.35;
color:#84929c;
}
/* Evita que os textos curtos das primeiras colunas quebrem. */
.update-history-table td:nth-child(1),
.update-history-table td:nth-child(2),
.update-history-table td:nth-child(3),
.update-history-table td:nth-child(4){
white-space:nowrap !important;
}
/* Somente em telas realmente pequenas a tabela ganha rolagem própria. */
@media(max-width:760px){
.update-history-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.update-history-table{
min-width:720px !important;
}
}
/* =====================================================================
v1.0.67 — Revisão global de responsividade
Objetivo: nenhum conteúdo deve aumentar a largura da página.
Tabelas mantêm todas as informações e rolam dentro do próprio bloco.
===================================================================== */
/* Base estrutural */
html,
body{
width:100%;
max-width:100%;
overflow-x:hidden;
}
*,
*::before,
*::after{
box-sizing:border-box;
}
.app-shell,
.main-area,
.content,
.content > *,
.page-head,
.toolbar,
.table-toolbar,
.panel,
.table-card,
.settings-card,
.settings-layout,
.form-grid,
.modal-card,
.modal-body{
min-width:0;
max-width:100%;
}
/* A área principal precisa poder encolher ao lado do menu lateral. */
.main-area{
overflow-x:clip;
}
.content{
width:100%;
box-sizing:border-box;
overflow:visible;
}
/* Filhos de Flex/Grid não podem impor uma largura maior ao pai. */
.content :is(
.field,
.searchbox,
.toolbar > *,
.page-head > *,
.table-toolbar > *,
.settings-layout > *,
.form-grid > *,
.stats-grid > *,
.dash-main > *,
.dash-bottom > *,
.cash-kpis > *,
.receivable-kpis > *,
.payable-kpis > *,
.commission-kpis > *,
.vale-kpis > *,
.credit-kpis > *,
.imei-kpis > *,
.report-metrics > *,
.report-card-grid > *
){
min-width:0;
}
/* Inputs e controles nunca ultrapassam o card/formulário. */
input,
select,
textarea,
button{
max-width:100%;
}
.field input,
.field select,
.field textarea,
.searchbox,
.searchbox input{
width:100%;
min-width:0;
}
/* Textos longos em cards, alertas e descrições quebram dentro da área. */
.panel,
.settings-card,
.notice-success,
.notice-error,
.alert,
.page-subtitle,
.muted,
.table-sub{
overflow-wrap:anywhere;
}
/* ---------------------------------------------------------------------
Tabelas — fallback global
--------------------------------------------------------------------- */
.table-wrap,
.responsive-table-auto{
width:100%;
max-width:100%;
overflow-x:auto !important;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:rgba(91,111,126,.46) rgba(148,163,184,.10);
}
.responsive-table-auto{
border-radius:inherit;
}
.table-wrap::-webkit-scrollbar,
.responsive-table-auto::-webkit-scrollbar{
height:8px;
}
.table-wrap::-webkit-scrollbar-track,
.responsive-table-auto::-webkit-scrollbar-track{
background:rgba(148,163,184,.10);
border-radius:999px;
}
.table-wrap::-webkit-scrollbar-thumb,
.responsive-table-auto::-webkit-scrollbar-thumb{
background:rgba(91,111,126,.46);
border-radius:999px;
}
/* Mantém a tabela completa e deixa o container fazer a rolagem. */
.table-wrap > table,
.responsive-table-auto > table{
width:100%;
max-width:none;
}
/* Barras de ações e filtros podem quebrar linha sem sair da tela. */
.page-actions,
.document-filter-actions,
.report-filter-actions,
.stock-history-actions,
.imei-filter-actions,
.table-toolbar,
.toolbar,
.page-head-actions{
flex-wrap:wrap;
max-width:100%;
}
/* Modais grandes permanecem utilizáveis em telas baixas/estreitas. */
.modal-body{
overflow:auto;
overscroll-behavior:contain;
}
.modal-card table{
max-width:none;
}
/* ---------------------------------------------------------------------
Notebook / telas menores
--------------------------------------------------------------------- */
@media(max-width:1180px){
.content{
padding-left:18px;
padding-right:18px;
}
/* KPIs continuam compactos, sem formar cards largos demais. */
.cash-kpis,
.receivable-kpis,
.payable-kpis,
.commission-kpis,
.vale-kpis,
.credit-kpis,
.imei-kpis,
.stock-summary-grid,
.report-metrics{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:900px){
.main-area{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
}
.content{
width:100%;
max-width:100%;
padding:18px 14px 30px;
}
.topbar{
max-width:100%;
}
/* Cabeçalhos preservam ações sem criar largura extra. */
.page-head{
gap:10px;
}
}
@media(max-width:700px){
.content{
padding-left:10px;
padding-right:10px;
}
.panel,
.settings-card,
.table-card{
border-radius:11px;
}
.cash-kpis,
.receivable-kpis,
.payable-kpis,
.commission-kpis,
.vale-kpis,
.credit-kpis,
.imei-kpis,
.stock-summary-grid,
.report-metrics{
grid-template-columns:1fr !important;
}
/* Formulários complexos passam para uma coluna, mantendo todas as funções. */
.audit-filters,
.auth-filters,
.commission-filters,
.delivery-filters,
.sales-filters,
.vale-filters,
.stock-history-filters,
.imei-filters{
grid-template-columns:1fr !important;
}
.modal-overlay{
overflow:hidden;
}
.modal-card{
width:calc(100vw - 12px) !important;
max-width:calc(100vw - 12px) !important;
}
}
/* ---------------------------------------------------------------------
Consulta operacional de produtos — resumo compacto em linha
--------------------------------------------------------------------- */
.product-consult-meta{
display:flex;
align-items:center;
gap:0;
min-width:0;
padding:9px 12px;
border-bottom:1px solid #e7edf2;
background:#fbfcfd;
overflow-x:auto;
scrollbar-width:thin;
}
.product-consult-meta-item{
display:flex;
align-items:baseline;
gap:5px;
padding:0 12px;
border-right:1px solid #e2e8ed;
white-space:nowrap;
flex:0 0 auto;
}
.product-consult-meta-item:first-child{
padding-left:0;
}
.product-consult-meta-item:last-child{
border-right:0;
}
.product-consult-meta-item span{
font-size:10px;
color:#7d8d98;
font-weight:700;
}
.product-consult-meta-item strong{
font-size:11.5px;
color:#2f4655;
}
.product-consult-meta-item.product-consult-meta-grow{
flex:1 1 auto;
min-width:220px;
}
.product-consult-meta-item.product-consult-meta-grow strong{
color:#536b79;
font-weight:700;
}
@media(max-width:700px){
.product-consult-meta{
padding:8px 10px;
}
.product-consult-meta-item{
padding:0 9px;
}
.product-consult-meta-item.product-consult-meta-grow{
min-width:max-content;
}
}
/* ===== v1.0.68: filtros horizontais na Consulta de Produtos ===== */
/* Mantém pesquisa, categoria, estoque e limpar na mesma linha. */
.product-consult-filters{
display:grid !important;
grid-template-columns:minmax(300px,1.7fr) minmax(180px,.75fr) minmax(140px,.55fr) auto !important;
gap:10px !important;
align-items:end !important;
width:100%;
min-width:0;
}
.product-consult-search,
.product-consult-filters .field,
.product-consult-actions{
min-width:0;
}
.product-consult-filters .field{
margin:0 !important;
}
.product-consult-filters .field label{
margin-bottom:4px;
}
.product-consult-filters input,
.product-consult-filters select{
width:100% !important;
min-width:0 !important;
height:40px;
}
.product-consult-actions{
display:flex !important;
align-items:end !important;
}
.product-consult-actions .btn{
height:40px;
min-height:40px;
white-space:nowrap;
}
/* Notebook menor: ainda permanece em linha, só compacta proporções. */
@media(max-width:1050px){
.product-consult-filters{
grid-template-columns:minmax(240px,1.5fr) minmax(150px,.8fr) minmax(125px,.65fr) auto !important;
gap:8px !important;
}
}
/* Só quebra quando realmente faltar largura. */
@media(max-width:760px){
.product-consult-filters{
grid-template-columns:minmax(0,1fr) minmax(140px,.65fr) !important;
}
.product-consult-search{
grid-column:1 / -1 !important;
}
.product-consult-actions{
grid-column:2 !important;
justify-self:end;
}
}
@media(max-width:520px){
.product-consult-filters{
grid-template-columns:1fr !important;
}
.product-consult-search,
.product-consult-actions{
grid-column:auto !important;
}
.product-consult-actions{
justify-self:start;
}
}
/* ===== v1.0.69: Pedido de Venda → Frente de Caixa ===== */
.order-builder{padding:15px;margin-bottom:16px}.order-top-grid{display:grid;grid-template-columns:100px 120px 150px minmax(180px,1fr) minmax(170px,1fr) 110px;gap:9px;align-items:end}.order-client-row{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(220px,.8fr) 220px;gap:10px;align-items:end;margin-top:10px}.order-search{position:relative}.order-selected{min-height:40px;border:1px solid #dce5e2;border-radius:9px;padding:7px 10px;background:#fafcfd}.order-selected strong,.order-selected small{display:block}.order-product-entry{display:grid;grid-template-columns:90px minmax(320px,1fr) 110px;gap:10px;align-items:end;margin:14px 0 10px}.order-footer{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-top:12px}.order-extra{display:grid;grid-template-columns:1fr 1fr;gap:9px}.credit-hint{grid-column:1/-1;font-size:11px;color:#607485;background:#f4f8fc;border:1px solid #dae7f2;border-radius:9px;padding:8px 10px}.order-totals{display:grid;grid-template-columns:1fr 1fr 1.2fr;border:1px solid #dde7ef;border-radius:10px;overflow:hidden}.order-totals>div{padding:9px 11px;border-right:1px solid #e4ebf1}.order-totals>div:last-child{border:0}.order-totals span,.order-totals strong{display:block}.order-totals span{font-size:9px;color:#7c8b96}.order-totals strong{font-size:14px;margin-top:3px}.order-totals .grand{background:#edf5ff}.order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}.order-row{cursor:pointer}.order-row:hover{background:#f6f9fc}.pdv-orders-modal{width:min(760px,95vw)}#pdv-orders-list{display:grid;gap:7px}.pdv-order-card{width:100%;border:1px solid #dce6ed;background:#fff;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;gap:15px;text-align:left;cursor:pointer}.pdv-order-card:hover{background:#f3f8fd;border-color:#b9d5ef}.pdv-order-card span,.pdv-order-card strong,.pdv-order-card small{display:block}.pdv-order-card small{margin-top:3px;color:#758691;font-size:10px}@media(max-width:1100px){.order-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-client-row{grid-template-columns:1fr 1fr}.order-client-row .order-search{grid-column:1/-1}.order-footer{grid-template-columns:1fr}}@media(max-width:700px){.order-top-grid,.order-client-row,.order-product-entry,.order-extra{grid-template-columns:1fr}.order-client-row .order-search{grid-column:auto}.order-totals{grid-template-columns:1fr}.order-totals>div{border-right:0;border-bottom:1px solid #e4ebf1}.order-items-table{min-width:820px}.pdv-order-card{flex-direction:column}}
/* ===== v1.0.70: regras visuais do fluxo de Pedidos ===== */
.order-lock-notice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 12px;padding:10px 12px;border:1px solid #efd69c;border-radius:9px;background:#fff8e8;color:#6e5724}
.order-lock-notice[hidden]{display:none!important}.order-lock-notice strong{font-size:11px}.order-lock-notice span{font-size:10.5px}
.order-row{cursor:pointer}.order-row-locked{background:#fafbfc}.order-row-locked td{opacity:.82}
.order-access-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9.5px;font-weight:850;white-space:nowrap}
.order-access-badge.edit{background:#e9f3ff;color:#266db7}.order-access-badge.locked{background:#f0f2f4;color:#687782}
.order-builder :disabled{cursor:not-allowed}
/* ===== v1.0.71: Pedido -> Análise de Crédito -> Caixa ===== */
.credit-order-queue{margin-bottom:14px}.credit-order-analysis{margin-bottom:16px;padding:15px}.credit-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.credit-order-head small{font-size:9px;color:#7e8e98;font-weight:800}.credit-order-head h2{margin:2px 0;font-size:17px}.credit-order-head p{margin:0;color:#71828d;font-size:10.5px}.credit-order-numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.credit-order-numbers>div{padding:9px 10px;border:1px solid #e0e7ec;border-radius:9px;background:#fafcfd;min-width:0}.credit-order-numbers span,.credit-order-numbers strong,.credit-order-numbers small{display:block}.credit-order-numbers span{font-size:9px;color:#82909a;font-weight:750}.credit-order-numbers strong{margin-top:3px;font-size:12.5px;color:#334c5b}.credit-order-numbers .danger strong{color:#b64545}.credit-order-note{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding:9px 11px;background:#fff8e8;border:1px solid #efd99f;border-radius:9px;font-size:10.5px;color:#6f592a}.credit-order-items{margin-bottom:12px}.credit-order-decision{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;align-items:end}.credit-decision-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.credit-reject{color:#a83e3e!important;border-color:#e8b8b8!important}.credit-entry{color:#8a620f!important;border-color:#ead49f!important}.order-credit-return{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin:10px 0;padding:10px 12px;border-radius:9px;background:#fff8e8;border:1px solid #efd49a;color:#6d5729}.order-credit-return[hidden]{display:none!important}.order-credit-return strong{font-size:11px}.order-credit-return span{font-size:10.5px;line-height:1.4}@media(max-width:1100px){.credit-order-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.credit-order-numbers{grid-template-columns:1fr 1fr}.credit-order-decision{grid-template-columns:1fr}.credit-decision-actions{grid-column:auto;justify-content:stretch}.credit-decision-actions .btn{flex:1 1 100%}}
/* ===== v1.0.72: orçamento e aprovação automática de crediário ===== */
.order-cancel-quote{color:#ad4747!important;border-color:#e4bcbc!important}.order-cancel-quote[hidden]{display:none!important}
/* ===== v1.0.83: autorização de desconto ===== */
.notification-link{text-decoration:none;position:relative}.notification-count{position:absolute!important;right:-5px!important;top:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:#e65353!important;color:#fff!important;font-size:9px!important;font-weight:900!important;display:flex!important;align-items:center;justify-content:center;border:2px solid #fff}.discount-auth-status{margin-top:10px;padding:9px 10px;border-radius:8px;font-size:11px}.discount-auth-status.waiting{background:#fff7e8;border:1px solid #edd49d;color:#755b25}.discount-auth-status.approved{background:#eaf7ef;border:1px solid #b6dfc4;color:#287144}.discount-auth-status.denied{background:#fff0f0;border:1px solid #edc3c3;color:#a64242}.approval-count{padding:7px 10px;border-radius:999px;background:#eef5fc;color:#2c6594;font-size:11px;font-weight:800}.discount-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.discount-approval-card{padding:14px}.approval-head{display:flex;justify-content:space-between;gap:10px}.approval-head h3{margin:2px 0;font-size:15px}.approval-head>strong{font-size:22px;color:#b66b16}.approval-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}.approval-values>div{background:#f8fafb;border:1px solid #e3e9ed;border-radius:7px;padding:7px}.approval-values span,.approval-values b{display:block}.approval-values span{font-size:8px;color:#84929b}.approval-values b{font-size:10.5px;margin-top:2px}.approval-reason{padding:9px;background:#fffaf0;border:1px solid #eee0bd;border-radius:8px}.approval-reason p{margin:3px 0;font-size:11px}.approval-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:7px;margin-top:10px}.deny-btn{color:#a33d3d!important;border-color:#e3baba!important}.empty-approval{grid-column:1/-1;text-align:center;color:#7a8b95;padding:28px}@media(max-width:1000px){.discount-approval-grid{grid-template-columns:1fr}.approval-values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.approval-values{grid-template-columns:1fr 1fr}.approval-actions{grid-template-columns:1fr}}
/* ===== v1.0.86: busca de produtos no Pedido de Venda ===== */
.order-product-entry{position:relative;overflow:visible!important}
.order-product-entry .order-search{position:relative;overflow:visible!important;z-index:40}
#po-product-results{z-index:9999!important;max-height:320px;overflow-y:auto;background:#fff}
#po-product-results.show{display:block!important}
.pdv-result-message{padding:11px 12px;font-size:11px;color:#6f818c;background:#fff;border:1px solid #dce5eb;border-radius:8px}
.pdv-result-message.error{color:#a84242;background:#fff5f5;border-color:#edcccc}
.wa-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.wa-model-card{border:1px solid #e1e8ec;border-radius:10px;padding:11px;background:#fff}.wa-model-card small,.wa-model-card strong{display:block}.wa-model-card textarea{width:100%;margin:7px 0;resize:vertical}.wa-vars{font-size:9px;color:#7b8c96;margin:5px 0 8px}@media(max-width:850px){.wa-models{grid-template-columns:1fr}}
/* ===== v1.0.93 WhatsApp center / popup ===== */
.wa-center-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;margin-bottom:14px}.wa-compose-card{overflow:visible}.wa-client-search{position:relative;margin-bottom:10px}.wa-client-search>label{display:block;font-size:10px;font-weight:800;color:#647985;margin-bottom:4px}.wa-client-search>input{width:100%}.wa-client-results{position:absolute;left:0;right:0;top:100%;z-index:100;background:#fff;border:1px solid #dbe4ea;border-radius:9px;box-shadow:0 12px 28px rgba(42,61,73,.14);max-height:280px;overflow:auto}.wa-client-item{display:block;width:100%;padding:9px 11px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f3;cursor:pointer}.wa-client-item:hover{background:#f5f9fc}.wa-client-item strong,.wa-client-item small{display:block}.wa-client-item small{margin-top:2px;color:#7a8a94}.wa-client-empty{padding:12px;color:#748690;font-size:11px}.wa-selected-client{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;margin-bottom:10px;border:1px solid #cfe1ee;border-radius:9px;background:#f5faff}.wa-selected-client small,.wa-selected-client strong,.wa-selected-client span{display:block}.wa-selected-client small{font-size:8px;color:#7690a0}.wa-selected-client strong{font-size:12px}.wa-selected-client span{font-size:9px;color:#70828d}.wa-compose-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.wa-compose-actions>span{margin-right:auto}.wa-session-note{margin-top:12px;padding:9px 10px;border-radius:8px;background:#f8fafb;border:1px solid #e3e9ed}.wa-session-note strong{font-size:10px}.wa-session-note p{margin:3px 0 0;font-size:9.5px;color:#6e808b;line-height:1.4}.client-row-actions{display:flex;gap:5px;justify-content:flex-end}.client-wa-btn svg,.client-wa-modal-btn svg,#client-wa-send svg,#wa-open-send svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-wa-btn{color:#188b55!important}.client-wa-dialog{width:min(570px,94vw);max-height:88vh;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px rgba(25,40,50,.25);display:flex;flex-direction:column}.client-wa-body{padding:14px;overflow:auto}.client-wa-body .field{margin-bottom:10px}.client-wa-body textarea{resize:vertical}.client-wa-modal-btn{color:#167c4c!important;border-color:#b8dbc9!important}@media(max-width:900px){.wa-center-grid{grid-template-columns:1fr}}@media(max-width:620px){.wa-compose-actions .btn{width:100%}.client-row-actions{min-width:74px}}
/* ===== v1.0.94 WhatsApp operação/admin ===== */
.wa-center-only{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}
.wa-center-help{align-self:start}.wa-help-steps{display:grid;gap:8px;margin:8px 0 12px}.wa-help-steps>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid #e3e9ed;border-radius:8px;background:#fafcfd}.wa-help-steps b{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#edf4f8;color:#3f6579;font-size:10px}.wa-help-steps span{font-size:10.5px;color:#526b79}.wa-admin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px;margin-bottom:14px}@media(max-width:900px){.wa-center-only,.wa-admin-grid{grid-template-columns:1fr}}
/* ===== v1.0.95: WhatsApp popup ampla + assinatura ===== */
.wa-signature-info{margin-bottom:14px}
.wa-signature-info code{padding:1px 4px;border-radius:4px;background:#f0f4f6;font-size:10px}
/* ===== v1.0.96: WhatsApp em Pedidos + Centro de Cobrança ===== */
.po-wa-order{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.collection-center{margin-bottom:14px}.collection-summary{font-size:10px;color:#647985}.collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.collection-card{border:1px solid #dfe7ec;border-radius:10px;background:#fff;padding:11px;transition:.25s ease;min-width:0}.collection-client{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.collection-client small,.collection-client strong,.collection-client span{display:block}.collection-client small{font-size:8px;color:#87959e;font-weight:800}.collection-client strong{font-size:12px;margin-top:2px}.collection-client span{font-size:9px;color:#788991;margin-top:2px}.collection-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.collection-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}.collection-values>div{padding:7px;background:#f8fafb;border:1px solid #e5eaed;border-radius:7px}.collection-values span,.collection-values strong{display:block}.collection-values span{font-size:8px;color:#84939b}.collection-values strong{font-size:11px;margin-top:2px}.collection-items{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:7px;background:#fbfcfd;color:#5d717c;font-size:9px}.collection-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:9px}.collection-sent{background:#f1faf4;border-color:#c5e2ce}.empty-collection{padding:24px;text-align:center;color:#788a94;font-size:11px}
@media(max-width:900px){.collection-list{grid-template-columns:1fr}}@media(max-width:560px){.collection-values{grid-template-columns:1fr 1fr}.collection-client{flex-direction:column}.collection-badges{justify-content:flex-start}}
/* ===== v1.0.97: WhatsApp verde em Pedidos + edição administrativa financeira ===== */
.po-wa-order{color:#188b55!important;border-color:#b8dbc9!important;background:#f3fbf7!important}
.po-wa-order:hover{background:#e7f7ee!important;border-color:#8ec9aa!important;color:#116d42!important}
.po-wa-order svg{width:15px;height:15px;stroke:currentColor!important}
.admin-payment-editor{margin-top:8px;padding:12px;border:1px solid #d7e1e7;border-radius:10px;background:#fafcfd}
.admin-payment-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e3e9ed}
.admin-payment-editor-head strong{font-size:12px}.admin-payment-editor-head span{font-size:9px;color:#7b8b94}
.admin-payment-editor .field-help.warning{margin-top:8px;background:#fff8e8;border:1px solid #ead7a8;color:#755c28;padding:8px;border-radius:7px}
@media(max-width:650px){.admin-payment-editor-head{align-items:flex-start;flex-direction:column}}
/* ===== v1.0.98: rolagem correta da popup de Contas a Receber ===== */
#account-modal .account-modal-card{
display:flex;
flex-direction:column;
width:min(920px,96vw);
max-width:96vw;
height:auto;
max-height:94vh;
overflow:hidden!important;
}
#account-modal .modal-head{
flex:0 0 auto;
}
#account-modal .account-tabs{
flex:0 0 auto;
position:relative;
z-index:5;
background:#fff;
}
#account-modal .account-tab{
min-height:0;
}
#account-modal .account-tab.active{
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#account-modal .account-tab.active > .modal-body{
flex:1 1 auto;
min-height:0;
overflow-y:auto!important;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
padding-bottom:20px;
}
#account-modal .account-edit-form,
#account-modal .account-receive-form{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#account-modal .account-edit-form > .modal-foot,
#account-modal .account-receive-form > .modal-foot{
flex:0 0 auto;
position:relative;
z-index:10;
background:#fff;
border-top:1px solid #e1e8ec;
box-shadow:0 -5px 14px rgba(32,52,64,.06);
}
#account-modal .admin-payment-editor{
margin-bottom:6px;
}
@media(max-width:700px){
#account-modal .account-modal-card{
width:calc(100vw - 8px);
max-width:calc(100vw - 8px);
max-height:96vh;
}
#account-modal .account-tab.active > .modal-body{
padding-bottom:28px;
}
#account-modal .account-edit-form > .modal-foot,
#account-modal .account-receive-form > .modal-foot{
display:flex;
gap:7px;
flex-wrap:wrap;
}
#account-modal .account-edit-form > .modal-foot .btn,
#account-modal .account-receive-form > .modal-foot .btn{
flex:1 1 150px;
}
}
/* ===== v1.0.99 juros e multa ===== */
.interest-config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px}.interest-example-values{display:grid;grid-template-columns:1fr 1fr;gap:7px}.interest-example-values>div{border:1px solid #e1e8ec;background:#fafcfd;border-radius:8px;padding:9px}.interest-example-values span,.interest-example-values strong{display:block}.interest-example-values span{font-size:9px;color:#7c8e98}.interest-example-values .grand{grid-column:1/-1}.waive-interest-box .permission-card{background:#f8fbf9;border-color:#d6e7dc}.receive-summary{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.interest-config-grid{grid-template-columns:1fr}}@media(max-width:650px){.receive-summary{grid-template-columns:1fr 1fr}}
/* ===== v1.0.100: WhatsApp somente nas páginas + conexão administrativa ===== */
.wa-connect-top,.wa-connect-main{display:inline-flex;align-items:center;gap:7px;background:#188b55!important;border-color:#188b55!important;color:#fff!important}
.wa-connect-top:hover,.wa-connect-main:hover{background:#117445!important;border-color:#117445!important}
.wa-connect-top svg,.wa-connect-main svg{width:17px;height:17px;stroke:currentColor}
.wa-browser-connection{position:relative;overflow:hidden}
.wa-connect-icon{width:42px;height:42px;border-radius:12px;background:#eaf8f0;color:#188b55;display:flex;align-items:center;justify-content:center;margin:4px 0 10px}
.wa-connect-icon svg{width:24px;height:24px;stroke:currentColor}
.wa-browser-connection p{font-size:11px;line-height:1.55;color:#536a77;margin:0 0 11px}
.wa-browser-warning,.wa-user-access-note{display:grid;gap:3px;margin-top:10px;padding:9px 10px;border-radius:8px;font-size:10px}
.wa-browser-warning{background:#fff8e8;border:1px solid #ead7a8;color:#725a29}
.wa-user-access-note{background:#f5f9fb;border:1px solid #dbe6ec;color:#546c79}
.wa-browser-warning strong,.wa-user-access-note strong{font-size:10px}
@media(max-width:650px){.wa-connect-top{width:100%;justify-content:center}.wa-connect-main{width:100%;justify-content:center}}
/* ===== v1.0.101: Ordens de Serviço - celulares ===== */
.os-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.os-search{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.os-search input{min-width:320px}.os-row{cursor:pointer}.os-row:hover{background:#f6fafc}.os-modal-card{width:min(1040px,97vw);max-width:97vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.os-modal-card form{display:flex;flex-direction:column;min-height:0;flex:1}.os-tabs{display:flex;gap:2px;border-bottom:1px solid #e2e8ec;padding:0 14px;flex:0 0 auto}.os-tabs button{border:0;background:none;padding:10px 12px;font-size:11px;font-weight:700;color:#70818b;border-bottom:2px solid transparent;cursor:pointer}.os-tabs button.active{color:#2877e7;border-bottom-color:#2877e7}.os-scroll{overflow:auto;min-height:0;flex:1}.os-panel{display:none;padding:14px}.os-panel.active{display:block}.os-top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.os-device-client{display:grid;grid-template-columns:1.45fr .85fr;gap:12px;margin:12px 0}.os-device-client>div{border:1px solid #e0e7eb;border-radius:9px;padding:11px;background:#fbfcfd}.os-device-client h3{margin:0 0 9px;font-size:11px}.os-selected-client{margin-top:8px;padding:10px;border-radius:8px;background:#f4f8fa;border:1px solid #dfe8ed}.os-selected-client strong,.os-selected-client span{display:block}.os-selected-client span{font-size:9px;color:#758790;margin-top:3px}.os-client-search{position:relative}.frp-warning{margin-top:10px;padding:10px;border-radius:8px;background:#fff4e8;border:1px solid #ebcda8;color:#784d1c}.frp-warning strong,.frp-warning span{display:block}.frp-warning span{font-size:10px;margin-top:3px}.ai-status{color:#637985}.ai-status.success{color:#188b55;font-weight:700}.os-checklist-call{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:11px;border:1px solid #dfe8ed;border-radius:9px;background:#f8fbfc}.os-checklist-call strong,.os-checklist-call span{display:block}.os-checklist-call span{font-size:10px;color:#6d808b}.os-close-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.os-close-summary>div{padding:10px;border:1px solid #e0e7eb;border-radius:8px;background:#fafcfd}.os-close-summary span,.os-close-summary strong{display:block}.os-close-summary span{font-size:9px;color:#7e8e97}.os-close-summary strong{font-size:13px;margin-top:3px}.os-close-summary .grand{background:#eef7f2;border-color:#cde4d5}.os-actions{flex:0 0 auto}.checklist-modal-card{width:min(680px,95vw);max-height:90vh;display:flex;flex-direction:column}.checklist-modal-card .modal-body{overflow:auto}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checklist-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px;border:1px solid #e0e7eb;border-radius:8px}.checklist-item strong{font-size:10.5px}.checklist-item select{max-width:180px}.checklist-add{display:flex;gap:6px;margin-top:10px}.checklist-add input{flex:1}
@media(max-width:850px){.os-top-grid{grid-template-columns:1fr 1fr}.os-device-client{grid-template-columns:1fr}.os-close-summary{grid-template-columns:1fr 1fr}.os-search input{min-width:180px;flex:1}.checklist-grid{grid-template-columns:1fr}}
@media(max-width:560px){.os-modal-card{width:calc(100vw - 6px);max-width:calc(100vw - 6px);max-height:97vh}.os-top-grid{grid-template-columns:1fr}.os-close-summary{grid-template-columns:1fr 1fr}.os-actions{display:flex;gap:5px;flex-wrap:wrap}.os-actions .btn{flex:1 1 120px}}
/* ===== v1.0.102: cores da grid e robustez OS ===== */
.os-status-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap;border:1px solid transparent}
.os-badge-success{background:#e8f7ee;color:#167348;border-color:#bfe5ce}
.os-badge-danger{background:#fdecec;color:#ad3535;border-color:#efc6c6}
.os-badge-warning{background:#fff6dd;color:#846316;border-color:#eedb9c}
.os-badge-orange{background:#fff0df;color:#9b5815;border-color:#efcda5}
.os-badge-blue{background:#eaf3ff;color:#2864a8;border-color:#c6dcf7}
.os-badge-info{background:#e8f6f8;color:#276e78;border-color:#bee2e7}
.os-badge-purple{background:#f2ebfb;color:#7246a0;border-color:#dac7ef}
.os-badge-dark{background:#edf0f2;color:#44515a;border-color:#cfd7dc}
.os-badge-neutral{background:#f3f5f6;color:#68767e;border-color:#dfe4e7}
/* ===== v1.0.103: estabiliza OS, grid e submenus ===== */
#os-modal:not(.show),#checklist-modal:not(.show){display:none!important;pointer-events:none!important}
#os-modal.show,#checklist-modal.show{display:flex!important;pointer-events:auto}
.os-row{display:table-row!important;visibility:visible!important}
.os-row>td{display:table-cell!important}
.os-number-link{color:inherit;text-decoration:none;display:inline-block}
.os-number-link:hover{color:var(--primary);text-decoration:underline}
.os-toolbar+.table-wrap table{display:table!important}
.os-toolbar+.table-wrap tbody{display:table-row-group!important}
.os-toolbar+.table-wrap thead{display:table-header-group!important}
/* ===== v1.0.105: OS reescrita com modal PHP estável ===== */
.os-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible!important}
.os-table-wrap table{min-width:1180px!important;display:table!important}
.os-table-wrap tbody{display:table-row-group!important}
.os-table-wrap tr{display:table-row!important}
.os-table-wrap td,.os-table-wrap th{display:table-cell!important}
.os-number-link{color:inherit;text-decoration:none}
.os-number-link:hover{color:var(--primary);text-decoration:underline}
#os-modal.modal-overlay{display:flex!important;z-index:1200}
.os-modal-card{width:min(1040px,96vw)!important;max-width:96vw!important;max-height:94vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.os-modal-card>form#os-form{display:flex;flex-direction:column;min-height:0;flex:1}
.os-modal-card .os-scroll{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:8px}
.os-modal-card .modal-foot{flex:0 0 auto;background:#fff;border-top:1px solid #e1e8ec}
.os-modal-card .modal-close{display:flex;align-items:center;justify-content:center;text-decoration:none}
.os-checklist-inline{margin-top:12px;padding:11px;border:1px solid #dfe8ed;border-radius:9px;background:#f8fbfc}
.os-checklist-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}
.os-checklist-head strong,.os-checklist-head span{display:block}.os-checklist-head span{font-size:10px;color:#6d808b}
.frp-term-box{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:11px;border:1px solid #f0d4a8;border-radius:9px;background:#fff8ed}
.frp-term-box strong,.frp-term-box span{display:block}.frp-term-box span{font-size:10px;color:#765c38}
.hidden-form{display:none!important}
@media(max-width:700px){
.os-modal-card{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:96vh!important}
.os-device-client{grid-template-columns:1fr!important}
.os-top-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){.os-top-grid{grid-template-columns:1fr!important}}
/* ===== v1.0.106: popup OS completa + grid ativa por padrão ===== */
#os-modal .os-modal-card{height:min(860px,94vh)!important;min-height:min(700px,94vh)!important}
#os-modal #os-form{height:100%!important;min-height:0!important;overflow:hidden!important}
#os-modal .os-scroll{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
#os-modal .os-panel.active{display:block!important;min-height:max-content!important;padding-bottom:22px!important}
#os-modal .os-top-grid{align-items:end}
#os-modal input,#os-modal select,#os-modal textarea{max-width:100%;box-sizing:border-box}
.os-search select[name="scope"]{min-width:150px}
@media(max-height:760px){#os-modal .os-modal-card{height:96vh!important;min-height:0!important}}
@media(max-width:700px){#os-modal .os-modal-card{height:96vh!important;min-height:0!important}.os-search select[name="scope"]{min-width:130px}}
/* ===== v1.0.107: seleção, peças, recebimento e modal OS ===== */
.os-grid-actions{display:flex;align-items:center;gap:8px}.os-select-col,.os-select-cell{width:42px;text-align:center}.os-grid-select{width:15px;height:15px;accent-color:#2f80ed}
.os-modal-darker{background:#e9eff3!important;border:1px solid #c5d0d7!important;box-shadow:0 24px 70px rgba(18,31,41,.35)!important}
.os-modal-darker .modal-head{background:#dce5eb!important;border-bottom:1px solid #c6d2d9!important}.os-modal-darker .os-tabs{background:#e3ebf0}.os-modal-darker .os-scroll,.os-modal-darker .modal-body{background:#eef3f6!important}.os-modal-darker .os-panel{background:#eef3f6}.os-modal-darker .modal-foot{background:#dfe8ed!important;border-top:1px solid #c8d4db!important}
.os-modal-darker .field input,.os-modal-darker .field select,.os-modal-darker .field textarea{background:#f8fafb!important;border-color:#c6d3da!important}
.os-parts-section{margin-top:12px;padding:12px;border:1px solid #cbd8df;border-radius:10px;background:#e4ebef}.os-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.os-section-head strong,.os-section-head span{display:block}.os-section-head span{font-size:10px;color:#5e727d}.os-parts-table-wrap{overflow-x:auto}.os-parts-table{width:100%;min-width:620px;border-collapse:collapse}.os-parts-table th,.os-parts-table td{padding:7px;border-bottom:1px solid #ccd7dd;text-align:left;font-size:10px}.os-parts-table td small{display:block;color:#71838d;margin-top:2px}.os-no-parts td{text-align:center;color:#768993;padding:18px}.os-parts-total{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;align-items:center}.os-parts-total span{font-size:10px;color:#637783}.os-parts-total strong{font-size:13px}
.os-small-modal{width:min(680px,94vw)!important;max-width:94vw!important}.os-part-search{position:relative}.os-part-results{display:grid;gap:5px;max-height:280px;overflow:auto;margin-top:7px}.os-part-result{width:100%;border:1px solid #c9d5dc;background:#f8fafb;border-radius:8px;padding:9px;text-align:left;cursor:pointer}.os-part-result:hover{border-color:#7fa9ca;background:#fff}.os-part-result strong,.os-part-result small{display:block}.os-part-result small{color:#6b7f8a;margin-top:3px}.os-part-selected{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:end;margin-top:12px;padding:10px;border:1px solid #c5d4db;border-radius:9px;background:#dde8ed}.os-part-selected small,.os-part-selected strong,.os-part-selected span{display:block}.os-part-selected span{font-size:10px;color:#637783;margin-top:3px}
.os-billing-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.os-billing-summary>div{padding:10px;border:1px solid #cbd7de;border-radius:8px;background:#e2e9ed}.os-billing-summary span,.os-billing-summary strong{display:block}.os-billing-summary span{font-size:9px;color:#687b86}.os-billing-summary strong{font-size:13px;margin-top:3px}.os-billing-summary .grand{background:#d8ebe1;border-color:#b7d7c4}.os-finalize-box,.os-reopen-box,.os-invoice-warning{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:11px;border-radius:9px}.os-finalize-box{background:#dcebe4;border:1px solid #b8d5c6}.os-reopen-box{background:#e3e7f0;border:1px solid #c6cde0}.os-invoice-warning{background:#fff3dc;border:1px solid #e7ce99}.os-finalize-box strong,.os-finalize-box span,.os-reopen-box strong,.os-reopen-box span,.os-invoice-warning strong,.os-invoice-warning span{display:block}.os-finalize-box span,.os-reopen-box span,.os-invoice-warning span{font-size:10px;color:#5e7079;margin-top:3px}
#os-payment-modal,#os-pix-modal,#os-part-modal{z-index:1350}.os-pay-method.selected{border-color:#2f80ed!important;background:#dceaff!important;color:#1d66c2!important}
@media(max-width:850px){.os-billing-summary{grid-template-columns:1fr 1fr 1fr}.os-finalize-box,.os-reopen-box,.os-invoice-warning{align-items:flex-start;flex-direction:column}.os-finalize-box .btn,.os-reopen-box .btn,.os-invoice-warning .btn{width:100%}}
@media(max-width:650px){.os-modal-card{width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;max-height:97vh!important;border-radius:10px!important}.os-modal-card .modal-head{padding:12px!important}.os-tabs{overflow-x:auto;white-space:nowrap}.os-tabs button{flex:0 0 auto}.os-panel{padding:10px!important}.os-device-client{grid-template-columns:1fr!important}.os-top-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.form-grid .span-2{grid-column:auto!important}.os-billing-summary{grid-template-columns:1fr 1fr}.os-part-selected{grid-template-columns:1fr}.os-section-head{align-items:flex-start;flex-direction:column}.os-section-head .btn{width:100%}.pdv-payment-methods{grid-template-columns:repeat(2,1fr)!important}.pdv-payment-grid{grid-template-columns:1fr!important}}
/* ===== v1.0.108: correções estoque + checklist + editar OS ===== */
.os-edit-btn{display:inline-flex;align-items:center;justify-content:center;min-width:56px;font-weight:800}
.os-checklist-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:10px;padding:9px;border:1px dashed #b9c8d1;border-radius:8px;background:#e7eef2}
.os-checklist-add .field{margin:0}
@media(max-width:600px){.os-checklist-add{grid-template-columns:1fr}.os-checklist-add .btn{width:100%}}
/* ===== v1.0.109: autorizações, tag e caixa em OS ===== */
.auth-tag-scan{padding:10px;border:1px solid #b9d6c7;border-radius:9px;background:#eef8f2}.auth-tag-scan label,.auth-tag-scan small{display:block}.auth-tag-scan label{font-size:10px;font-weight:800;margin-bottom:5px}.auth-tag-scan input{width:100%;padding:11px;border:1px solid #a9cbbb;border-radius:7px;background:#fff}.auth-tag-scan small{font-size:9px;color:#61766b;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:8px;margin:11px 0;color:#829099;font-size:9px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#d8e0e4;flex:1}.employee-auth-tag{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:11px;border:1px solid #cad8df;border-radius:9px;background:#f3f8fa}.employee-auth-tag small,.employee-auth-tag strong,.employee-auth-tag span{display:block}.employee-auth-tag small{font-size:8px;color:#7c8f99;font-weight:800}.employee-auth-tag strong{font-size:12px;margin-top:2px}.employee-auth-tag span{font-size:9px;color:#657983;margin-top:3px}.employee-auth-tag-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.os-advance-box,.os-cash-restricted{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:11px;border-radius:9px}.os-advance-box{background:#e5edf7;border:1px solid #c1d2e7}.os-cash-restricted{background:#f2f3f5;border:1px solid #d3d7db;color:#5f6a71}.os-advance-box strong,.os-advance-box span,.os-cash-restricted strong,.os-cash-restricted span{display:block}.os-advance-box span,.os-cash-restricted span{font-size:10px;margin-top:3px}.os-advance-amount{padding:9px;border:1px solid #c9d6de;border-radius:8px;background:#e4ecf1;margin-bottom:10px}
@media(max-width:650px){.employee-auth-tag,.os-advance-box,.os-cash-restricted{flex-direction:column;align-items:stretch}.employee-auth-tag-actions{justify-content:stretch}.employee-auth-tag-actions .btn{flex:1 1 100%}.os-advance-box .btn{width:100%}}
/* ===== v1.0.111: popup de autorização negativa sempre acima da OS ===== */
#os-negative-auth-modal.os-auth-overlay{
position:fixed!important;
inset:0!important;
display:none!important;
align-items:center!important;
justify-content:center!important;
width:100vw!important;
height:100vh!important;
padding:18px!important;
background:rgba(18,28,36,.58)!important;
z-index:99999!important;
overflow:auto!important;
pointer-events:none!important;
}
#os-negative-auth-modal.os-auth-overlay.show{
display:flex!important;
pointer-events:auto!important;
}
#os-negative-auth-modal .os-auth-card{
position:relative!important;
z-index:100000!important;
display:flex!important;
flex-direction:column!important;
width:min(520px,calc(100vw - 30px))!important;
max-width:min(520px,calc(100vw - 30px))!important;
max-height:calc(100vh - 36px)!important;
margin:auto!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
overflow:hidden!important;
background:#e9eff3!important;
border:1px solid #bcc9d1!important;
border-radius:12px!important;
box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}
#os-negative-auth-modal .os-auth-card .modal-head{
flex:0 0 auto!important;
background:#dbe4e9!important;
}
#os-negative-auth-modal .os-auth-card .modal-body{
flex:1 1 auto!important;
overflow-y:auto!important;
min-height:0!important;
background:#eef3f6!important;
}
#os-negative-auth-modal .os-auth-card .modal-foot{
flex:0 0 auto!important;
background:#dfe8ed!important;
}
@media(max-width:600px){
#os-negative-auth-modal.os-auth-overlay{
padding:6px!important;
align-items:flex-start!important;
}
#os-negative-auth-modal .os-auth-card{
width:calc(100vw - 12px)!important;
max-width:calc(100vw - 12px)!important;
max-height:calc(100vh - 12px)!important;
margin:6px auto!important;
}
}
/* ===== v1.0.112: fechamento/adiantamento e impressão ===== */
#os-print-modal{z-index:100500!important}
#os-print-modal.show{display:flex!important}
#os-print-modal .modal-card{z-index:100501!important}
.os-print-actions{display:grid;grid-template-columns:1fr;gap:9px}
.os-print-actions .btn{width:100%;justify-content:center;text-align:center}
.os-advance-box,.os-finalize-box{min-height:58px}
.os-advance-box>div strong,.os-finalize-box>div strong{font-size:12px}
@media(max-width:600px){#os-print-modal{padding:7px!important}.os-print-actions{grid-template-columns:1fr}}
/* ===== v1.0.113: grid OS compacta + SVGs + impressão térmica ===== */
.os-table-wrap{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-x:contain;
}
.os-table-wrap table{
width:100%!important;
min-width:940px!important;
table-layout:auto!important;
}
.os-table-wrap th,.os-table-wrap td{vertical-align:middle!important}
.os-cell-os{min-width:90px}.os-cell-client{min-width:150px;max-width:210px}.os-cell-device{min-width:160px;max-width:220px}.os-cell-finance{min-width:150px}.os-cell-status{min-width:165px}.os-cell-service{min-width:145px}.os-cell-actions{width:82px}
.os-cell-client>strong,.os-cell-device>strong,.os-cell-service>strong{display:block;white-space:normal;line-height:1.25}
.os-cell-status{display:table-cell!important}.os-cell-status .os-status-badge{display:flex!important;width:max-content;max-width:180px;white-space:normal!important;margin:2px 0}
.os-progress-badge{font-size:8.5px!important}
.os-money-line,.os-money-mini{display:flex;align-items:center;justify-content:space-between;gap:6px}.os-money-line span,.os-money-mini span{font-size:8.5px;color:#75868f}.os-money-line strong{font-size:11px}.os-money-mini{margin-top:3px;justify-content:flex-start;flex-wrap:wrap}.os-money-mini b{font-size:9px;margin-right:4px}
.os-with-icon{display:flex!important;align-items:center;gap:4px}.os-with-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}
.os-edit-btn{gap:5px}.os-edit-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9}
.btn-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#os-open-advance,#os-open-payment{display:inline-flex;align-items:center;gap:7px}
.os-method-svg{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;border-radius:9px!important}
.os-method-svg svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.os-pay-method{min-height:82px!important}.os-pay-method strong{font-size:10px}
@media(max-width:900px){
.os-table-wrap table{min-width:820px!important}
.os-cell-client{min-width:130px}.os-cell-device{min-width:145px}.os-cell-finance{min-width:130px}.os-cell-status{min-width:145px}
}
@media(max-width:650px){
.os-toolbar{align-items:stretch!important}
.os-search{width:100%!important}
.os-table-wrap{margin-left:0!important;margin-right:0!important;padding-bottom:8px!important}
.os-table-wrap table{min-width:760px!important;font-size:9px!important}
.os-cell-actions{position:sticky;right:0;background:#fff;box-shadow:-5px 0 8px rgba(39,56,67,.06)}
.os-row:hover .os-cell-actions{background:#f6fafc}
.os-edit-btn span{display:none}.os-edit-btn{min-width:34px!important;padding:6px!important}
.pdv-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* ===== v1.0.114: fotos checklist ===== */
.os-check-photos{margin-top:12px;padding-top:12px;border-top:1px solid #c7d3da}.os-check-photo-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.os-check-photo-head strong,.os-check-photo-head span{display:block}.os-check-photo-head span{font-size:9.5px;color:#627681}.os-photo-count{padding:4px 8px!important;border-radius:999px!important;background:#dbe7ed!important;font-weight:800}.os-photo-controls{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.6fr) auto;gap:8px;align-items:end;margin-bottom:10px}.os-photo-pick{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:6px}.os-photo-pick input{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important}.os-photo-pick.disabled{opacity:.5;pointer-events:none}.os-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.os-photo-card{position:relative;border:1px solid #c7d4db;border-radius:9px;background:#f5f8fa;overflow:hidden}.os-photo-thumb{display:block;width:100%;height:120px;padding:0;border:0;background:#d9e1e6;cursor:zoom-in}.os-photo-thumb img{width:100%;height:100%;object-fit:cover}.os-photo-info{padding:7px 30px 8px 8px}.os-photo-info strong,.os-photo-info span,.os-photo-info small{display:block}.os-photo-info strong{font-size:10px}.os-photo-info span{font-size:9px;color:#617681}.os-photo-info small{font-size:8px;color:#82929b;margin-top:4px}.os-photo-card>.os-photo-delete{position:absolute;right:5px;bottom:6px}.os-photo-empty{grid-column:1/-1;padding:18px;text-align:center;border:1px dashed #bccbd3;border-radius:8px;color:#70848f}#os-photo-viewer{z-index:100800!important}#os-photo-viewer.show{display:flex!important}.os-photo-viewer-card{width:min(900px,96vw)!important}.os-photo-viewer-card .modal-body{display:flex;justify-content:center;background:#26343d!important}.os-photo-viewer-card img{max-width:100%;max-height:74vh;object-fit:contain}@media(max-width:900px){.os-photo-grid{grid-template-columns:repeat(3,1fr)}.os-photo-controls{grid-template-columns:1fr 1fr}.os-photo-pick{grid-column:1/-1}}@media(max-width:650px){.os-photo-grid{grid-template-columns:repeat(2,1fr)}.os-photo-controls{grid-template-columns:1fr}.os-photo-pick{grid-column:auto}.os-photo-thumb{height:105px}}
/* ===== v1.0.115: checklist no menu + acompanhamento online + logo ===== */
.os-online-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px;padding:11px;border:1px solid #c5d6df;border-radius:10px;background:#e6eef2}
.os-online-icon{width:40px;height:40px;border-radius:10px;background:#d7e5ec;display:flex;align-items:center;justify-content:center;color:#335c72}.os-online-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.os-online-main strong,.os-online-main span{display:block}.os-online-main span{font-size:10px;color:#60747f;margin-top:2px}.os-online-url{margin-top:6px;padding:7px 8px;border-radius:7px;background:#f8fafb;border:1px solid #cbd7dd;font:9px monospace;overflow:auto;white-space:nowrap}
.os-online-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.company-logo-upload{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #d6e0e6;border-radius:9px;background:#f8fafb}.company-logo-upload img,.company-logo-placeholder{width:90px;height:72px;object-fit:contain;border:1px solid #d4dfe5;border-radius:8px;background:#fff;padding:5px}.company-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#8999a2;font-size:10px}.company-logo-upload small{display:block;margin-top:5px}
@media(max-width:700px){.os-online-card{grid-template-columns:40px 1fr}.os-online-actions{grid-column:1/-1;justify-content:stretch}.os-online-actions .btn{flex:1 1 120px}.company-logo-upload{align-items:flex-start;flex-direction:column}}
/* ===== v1.0.116: abas OS separadas + logo preview ===== */
.company-logo-upload #company-logo-preview{width:110px!important;height:82px!important;object-fit:contain!important;border:1px solid #cfdbe2!important;border-radius:9px!important;background:#fff!important;padding:6px!important}
.os-tabs{overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin}
.os-tabs button{flex:0 0 auto!important;min-height:38px!important}
@media(max-width:760px){.os-tabs button{padding-left:9px!important;padding-right:9px!important;font-size:10px!important}}
/* ===== v1.0.117: acompanhamento online + logo persistente ===== */
[hidden]{display:none!important}.company-logo-current{display:flex;align-items:center;gap:10px;min-width:210px}.company-logo-current-meta strong,.company-logo-current-meta span{display:block}.company-logo-current-meta strong{font-size:10px}.company-logo-current-meta span{font-size:9px;color:#72848e;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-online-panel{display:grid;gap:12px}.os-online-hero{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #c7d6de;border-radius:10px;background:#e4edf2}.os-online-hero strong,.os-online-hero span{display:block}.os-online-hero span{font-size:10px;color:#5f747f;margin-top:3px}.os-online-linkbox,.os-online-send{padding:13px;border:1px solid #cad7de;border-radius:10px;background:#e9eff3}.os-online-linkbox>label,.os-message-preview>label{display:block;font-size:10px;font-weight:800;margin-bottom:6px}.os-online-linkbox .os-online-actions{margin-top:8px;justify-content:flex-start}.os-online-send-head strong,.os-online-send-head span{display:block}.os-online-send-head span{font-size:10px;color:#617681;margin-top:3px}.os-recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.os-recipient-card{display:grid;grid-template-columns:auto 38px 1fr;align-items:center;gap:8px;padding:10px;border:1px solid #c3d1d9;border-radius:9px;background:#f7fafb;cursor:pointer}.os-recipient-card:has(input:checked){border-color:#5d95bf;background:#e6f0f7}.os-recipient-card.disabled{opacity:.5;cursor:not-allowed}.os-recipient-card input{width:15px;height:15px;accent-color:#2f80ed}.recipient-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#dce9ef;color:#37637a}.recipient-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.os-recipient-card strong,.os-recipient-card small{display:block}.os-recipient-card strong{font-size:10px}.os-recipient-card small{font-size:9px;color:#6e8089;margin-top:2px}.os-message-preview{margin-top:11px}#os-online-message-preview{white-space:pre-wrap;padding:11px;border:1px solid #c7d4db;border-radius:8px;background:#f9fbfc;font-size:10px;line-height:1.45;max-height:220px;overflow:auto}.os-send-online-wa{display:inline-flex;align-items:center;gap:7px;margin-top:10px}@media(max-width:680px){.os-recipient-grid{grid-template-columns:1fr}.os-online-actions .btn,.os-send-online-wa{width:100%;justify-content:center}.company-logo-current{min-width:0;width:100%}}
/* ===== v1.0.119: SVGs padronizados nos recebimentos ===== */
.pdv-method-svg{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:10px!important}
.pdv-method-svg svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pdv-payment-method{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:84px!important}
.pdv-payment-method strong{font-size:10px!important}
.btn-svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
button .btn-svg,a .btn-svg{vertical-align:middle;margin-right:6px}
@media(max-width:650px){.pdv-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pdv-payment-method{min-height:78px!important}}
/* ===== v1.0.120: formas de recebimento alinhadas horizontalmente ===== */
.pdv-payment-methods{
display:grid!important;
grid-template-columns:repeat(5,minmax(88px,1fr))!important;
gap:10px!important;
align-items:stretch!important;
width:100%!important;
}
.pdv-payment-method{
width:100%!important;
min-width:0!important;
min-height:88px!important;
margin:0!important;
border-radius:10px!important;
}
.pdv-payment-method .pdv-method-svg{
margin:0 auto!important;
}
@media(max-width:720px){
.pdv-payment-methods{
grid-template-columns:repeat(3,minmax(82px,1fr))!important;
}
}
@media(max-width:460px){
.pdv-payment-methods{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
/* ===== v1.0.121: destaque visual da forma de pagamento selecionada ===== */
.pdv-payment-method{
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
cursor:pointer!important;
}
.pdv-payment-method:hover{
border-color:#8db9e8!important;
background:#f3f8ff!important;
transform:translateY(-1px)!important;
}
.pdv-payment-method.active,
.pdv-payment-method.selected,
.pdv-payment-method[aria-pressed="true"],
.pdv-payment-method:has(input:checked){
border-color:#2f80ed!important;
background:#eaf3ff!important;
color:#1767c7!important;
box-shadow:0 0 0 2px rgba(47,128,237,.13),0 5px 14px rgba(47,128,237,.16)!important;
transform:translateY(-1px)!important;
}
.pdv-payment-method.active .pdv-method-svg,
.pdv-payment-method.selected .pdv-method-svg,
.pdv-payment-method[aria-pressed="true"] .pdv-method-svg,
.pdv-payment-method:has(input:checked) .pdv-method-svg{
background:#2f80ed!important;
color:#fff!important;
box-shadow:0 3px 10px rgba(47,128,237,.22)!important;
}
.pdv-payment-method.active strong,
.pdv-payment-method.selected strong,
.pdv-payment-method[aria-pressed="true"] strong,
.pdv-payment-method:has(input:checked) strong{
color:#1767c7!important;
font-weight:800!important;
}
/* ===== v1.0.122: impressão da Ordem de Serviço ===== */
#os-document-print-modal{z-index:100700!important}
#os-document-print-modal.show{display:flex!important}
.os-document-print-card{width:min(720px,94vw)!important;max-width:94vw!important}
.os-document-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.os-document-option{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;width:100%;min-height:82px;padding:11px;border:1px solid #c7d4dc;border-radius:10px;background:#f8fafb;color:#263b48;text-decoration:none;text-align:left;cursor:pointer;transition:.15s ease}
button.os-document-option{font:inherit}
.os-document-option:hover{border-color:#78a9d2;background:#eef6fd;transform:translateY(-1px);box-shadow:0 5px 14px rgba(45,93,129,.08)}
.os-document-option .doc-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#dce9f1;color:#286b9e}
.os-document-option .doc-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.os-document-option strong,.os-document-option small{display:block}.os-document-option strong{font-size:11px}.os-document-option small{margin-top:3px;color:#687d88;font-size:9px;line-height:1.3}
@media(max-width:620px){.os-document-options{grid-template-columns:1fr}.os-document-print-card{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important}}
/* ===== v1.0.123: quatro impressões originais da OS ===== */
.os-document-extras{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #cbd7de}
.os-document-extras>span{font-size:9px;color:#6e8089;font-weight:800;text-transform:uppercase;margin-right:3px}
.os-document-extras a{display:inline-flex;padding:6px 9px;border:1px solid #c4d2da;border-radius:7px;background:#f6f9fa;color:#35596c;text-decoration:none;font-size:9px;font-weight:700}
.os-document-extras a:hover{background:#eaf3f8}
/* ===== v1.0.126: controle administrativo seguro de OS ===== */
.os-admin-control-box{margin-top:11px;padding:11px;border:1px solid #cbd8df;border-radius:10px;background:#edf2f5}.os-admin-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.os-admin-control-head strong,.os-admin-control-head span{display:block}.os-admin-control-head span{font-size:9.5px;color:#627580;margin-top:2px}.os-admin-finance-badge{flex:0 0 auto!important;padding:4px 7px!important;border-radius:999px!important;font-size:8px!important;font-weight:800!important}.os-admin-finance-badge.has-finance{background:#fff0d8!important;color:#9a5a08!important}.os-admin-finance-badge.clean{background:#dff1e7!important;color:#28714b!important}.os-admin-control-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.os-admin-control-box>small{display:block;margin-top:5px;color:#687b85}.danger-btn{background:#a83d3d!important;border-color:#a83d3d!important;color:#fff!important}.danger-btn:hover{filter:brightness(.96)}#os-admin-manage-modal{z-index:100850!important}#os-admin-manage-modal.show{display:flex!important}.os-admin-manage-card{width:min(610px,94vw)!important}.os-admin-impact{padding:9px;border:1px solid #ddc9a8;border-radius:8px;background:#fff5e5;margin-bottom:10px}.os-admin-impact strong,.os-admin-impact span,.os-admin-impact small{display:block}.os-admin-impact strong{font-size:10px}.os-admin-impact span{font-size:9.5px;color:#6f6251;margin-top:3px}.os-admin-impact small{font-size:8.5px;color:#8a765d;margin-top:4px}.os-auth-divider{display:flex;align-items:center;gap:8px;margin:12px 0 8px;color:#70828c;font-size:8px;font-weight:800;text-transform:uppercase}.os-auth-divider:before,.os-auth-divider:after{content:"";height:1px;background:#ccd7dd;flex:1}.os-auth-or{text-align:center;font-size:8px;color:#8998a0;margin:5px 0}@media(max-width:650px){.os-admin-control-head{flex-direction:column}.os-admin-control-actions .btn{width:100%;justify-content:center}.os-admin-manage-card{width:calc(100vw - 10px)!important}}
/* ===== v1.0.127: maquininhas e taxas de cartão ===== */
.card-terminal-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px}.row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}.pdv-card-terminal-box{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin:10px 0;padding:10px;border:1px solid #c9d7df;border-radius:10px;background:#eef4f7}.pdv-card-fee-summary{display:flex;gap:8px}.pdv-card-fee-summary>div{min-width:120px;padding:8px 10px;border:1px solid #d2dee5;border-radius:8px;background:#fff}.pdv-card-fee-summary span,.pdv-card-fee-summary strong{display:block}.pdv-card-fee-summary span{font-size:8px;color:#6e808a}.pdv-card-fee-summary strong{font-size:11px;margin-top:2px}.pdv-card-fee-summary>div:last-child strong{color:#1c7a50}@media(max-width:800px){.card-terminal-layout{grid-template-columns:1fr}.pdv-card-terminal-box{grid-template-columns:1fr}.pdv-card-fee-summary{display:grid;grid-template-columns:1fr 1fr}.pdv-card-fee-summary>div{min-width:0}}
/* ===== v1.0.128: Débito, Crédito à vista e Crédito 1x-15x ===== */
.card-installment-rates{display:grid;grid-template-columns:repeat(5,minmax(78px,1fr));gap:7px;margin-top:5px}.card-installment-rates label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:6px 7px;border:1px solid #d2dde3;border-radius:8px;background:#f8fafb}.card-installment-rates label>span{font-size:9px;font-weight:800;color:#466170}.card-installment-rates input{min-width:0!important;width:100%!important;text-align:right!important;padding:6px!important}.card-installment-rates small{font-size:8px}.pdv-card-terminal-box{grid-template-columns:minmax(190px,1fr) minmax(170px,.75fr) auto!important}.pdv-card-fee-summary{align-self:end}.pdv-card-fee-summary>div:first-child{min-width:170px}.pdv-card-fee-summary>div:first-child strong{font-size:9px!important}@media(max-width:980px){.pdv-card-terminal-box{grid-template-columns:1fr 1fr!important}.pdv-card-fee-summary{grid-column:1/-1}}@media(max-width:700px){.card-installment-rates{grid-template-columns:repeat(3,minmax(72px,1fr))}.pdv-card-terminal-box{grid-template-columns:1fr!important}.pdv-card-fee-summary{grid-column:auto}}@media(max-width:420px){.card-installment-rates{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== v1.0.129: antecipação opcional ===== */
.anticipation-config{padding:10px;border:1px dashed #c9d8df;border-radius:10px;background:#f8fbfc}.anticipation-config .toggle-row{margin:0 0 8px}.anticipation-config #antecipacao_campos{max-width:360px}.anticipation-config #antecipacao_campos input{margin-top:5px}.pdv-card-fee-summary{flex-wrap:wrap}
/* ===== v1.0.137: tema global configurável ===== */
.sidebar,.topbar,.panel,.stat-card,.settings-card,.table-card,.dashboard-date,.stock-card,.pdv-card,.account-card,.config-card,.os-card{background:var(--surface)!important}
.sidebar,.topbar{border-color:color-mix(in srgb,var(--text) 10%,transparent)!important}
.nav-item{color:color-mix(in srgb,var(--text) 76%,transparent)}
.nav-item:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
.nav-item.active,.nav-subitem.active{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}
.nav-subitem:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
.icon-btn,.btn.secondary,.smart-combo,.smart-combo>input,.stock-search-item{background:var(--surface);color:var(--text)}
input,select,textarea{background:var(--surface);color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--primary) 65%,#ccd8e6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.stat-icon,.mini-avatar,.top-avatar{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}
.panel,.stat-card,.settings-card,.table-card,.stock-card{border-color:color-mix(in srgb,var(--text) 10%,transparent)!important}
/* conteúdo digitado acompanha a cor principal do administrador */
#os-modal input:not([type="hidden"]):not(:disabled),#os-modal select:not(:disabled),#os-modal textarea:not(:disabled){color:var(--primary)!important;-webkit-text-fill-color:var(--primary);font-weight:650}
#os-modal .field>label{color:color-mix(in srgb,var(--text) 66%,transparent)!important}
.theme-settings-card{padding:0;overflow:hidden}.theme-head{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.theme-head h2{margin:0 0 5px}.theme-head p{margin:0}.theme-live-badge{font-size:10px;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));padding:7px 10px;border-radius:999px;white-space:nowrap}.theme-form{padding:20px 22px}.theme-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-section-title{margin:24px 0 12px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.theme-section-title strong,.theme-section-title span{display:block}.theme-section-title strong{font-size:14px}.theme-section-title span{font-size:11px;color:color-mix(in srgb,var(--text) 58%,transparent);margin-top:3px}.theme-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:430px;overflow:auto;padding:2px 5px 5px 2px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 45%,transparent) transparent}.theme-preset{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--surface);color:var(--text);border-radius:12px;padding:10px;text-align:left;cursor:pointer;transition:.15s}.theme-preset:hover,.theme-preset.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-1px)}.theme-preset i{height:26px;border-radius:7px;display:block;margin-bottom:8px;background:linear-gradient(90deg,var(--a) 0 38%,var(--b) 38% 70%,var(--c) 70%)}.theme-preset b,.theme-preset small{display:block}.theme-preset b{font-size:11px}.theme-preset small{font-size:9px;opacity:.62;margin-top:2px}.theme-preset.dark-preset{background:#1b2530;color:#edf5fb}.theme-editor-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:18px}.theme-colors{display:grid;gap:8px}.theme-color-row{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:11px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 96%,var(--bg));cursor:pointer}.theme-color-row b,.theme-color-row small{display:block}.theme-color-row b{font-size:11px}.theme-color-row small{font-size:9px;opacity:.58;margin-top:2px}.theme-color-row input[type=color]{width:44px;height:34px;border:0;padding:0;background:transparent;cursor:pointer}.theme-preview{--p:var(--primary);--s:var(--secondary);--a:var(--accent);--bg:var(--bg);--surface:var(--surface);--txt:var(--text);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:14px;overflow:hidden;background:var(--bg);min-height:330px}.theme-preview-top{height:28px;background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--txt) 10%,transparent);display:flex;align-items:center;gap:5px;padding:0 10px}.theme-preview-top span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--txt) 22%,transparent)}.theme-preview-body{display:grid;grid-template-columns:72px 1fr;min-height:265px;color:var(--txt)}.theme-preview-body aside{background:var(--surface);padding:12px 8px;border-right:1px solid color-mix(in srgb,var(--txt) 9%,transparent)}.pv-logo{width:28px;height:28px;border-radius:8px;background:var(--p);color:white;display:grid;place-items:center;font-size:11px;font-weight:800;margin:0 auto 15px}.theme-preview aside i{height:22px;border-radius:6px;display:block;margin:5px 0;background:color-mix(in srgb,var(--txt) 5%,transparent)}.theme-preview aside i.active{background:color-mix(in srgb,var(--p) 15%,var(--surface));border-left:2px solid var(--p)}.theme-preview main{padding:16px}.pv-title{width:42%;height:13px;background:var(--txt);opacity:.8;border-radius:5px;margin-bottom:14px}.pv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pv-cards div{height:48px;background:var(--surface);border:1px solid color-mix(in srgb,var(--txt) 9%,transparent);border-radius:8px;border-top:3px solid var(--p)}.pv-panel{margin-top:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--txt) 9%,transparent);border-radius:9px;padding:10px}.pv-panel label{display:block;font-size:8px;opacity:.55}.pv-input{margin-top:5px;border:1px solid color-mix(in srgb,var(--txt) 12%,transparent);border-radius:6px;padding:7px;font-size:9px;color:var(--p);font-weight:700}.pv-panel button{margin-top:8px;border:0;border-radius:6px;background:var(--p);color:white;font-size:8px;padding:6px 10px}.theme-preview>small{display:block;padding:8px 10px;background:var(--surface);color:var(--txt);opacity:.55}.theme-actions{display:flex;justify-content:flex-end;margin-top:18px}.theme-actions .btn{min-width:190px}
@media(max-width:1050px){.theme-presets{grid-template-columns:repeat(3,1fr)}.theme-editor-grid{grid-template-columns:1fr}}@media(max-width:680px){.theme-identity-grid{grid-template-columns:1fr}.theme-presets{grid-template-columns:repeat(2,1fr)}.theme-form{padding:15px}.theme-head{padding:16px}.theme-live-badge{display:none}.theme-preview-body{grid-template-columns:58px 1fr}}
/* ===== v1.0.139: hierarquia visual global dos formulários =====
Labels/títulos ficam neutros; conteúdo digitado acompanha a cor principal
definida pelo administrador em Identidade Visual. */
:root{
--form-label-color: color-mix(in srgb, var(--text, #243447) 68%, var(--muted, #7f8d97) 32%);
--form-value-color: var(--primary, #2F80ED);
--form-placeholder-color: color-mix(in srgb, var(--muted, #8997a1) 78%, transparent);
--form-readonly-color: color-mix(in srgb, var(--primary, #2F80ED) 58%, var(--text, #243447) 42%);
--form-readonly-bg: color-mix(in srgb, var(--surface, #ffffff) 82%, var(--primary, #2F80ED) 18%);
}
/* Títulos/labels dos campos */
.field > label,
.form-group > label,
.form-grid .field > label,
.settings-card .field > label,
.modal-card .field > label,
.filter-group > label,
.filters .field > label,
.inline-field > label,
label.field-label,
.form-label{
color:var(--form-label-color)!important;
font-weight:700;
letter-spacing:.01em;
}
/* Conteúdo preenchido pelo usuário */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),
select,
textarea{
color:var(--form-value-color)!important;
font-weight:600;
}
/* Opções do select */
select option{
color:var(--form-value-color);
font-weight:500;
}
/* Placeholder deve parecer instrução, não dado preenchido */
input::placeholder,
textarea::placeholder{
color:var(--form-placeholder-color)!important;
font-weight:400!important;
opacity:1;
}
/* Campos bloqueados/somente leitura continuam legíveis sem parecer editáveis */
input[readonly]:not([type="checkbox"]):not([type="radio"]),
textarea[readonly],
input:disabled:not([type="checkbox"]):not([type="radio"]),
select:disabled,
textarea:disabled{
color:var(--form-readonly-color)!important;
-webkit-text-fill-color:var(--form-readonly-color)!important;
background:var(--form-readonly-bg);
opacity:1!important;
}
/* Evita que inputs de tabela fiquem exageradamente pesados */
table input:not([type="checkbox"]):not([type="radio"]),
table select,
table textarea{
font-weight:600;
}
/* Busca também segue o mesmo padrão visual */
.search-box input,
.search-input,
input[type="search"]{
color:var(--form-value-color)!important;
}
/* Campos monetários, IMEI, serial e códigos ficam ainda mais fáceis de identificar */
input[name*="valor" i],
input[name*="preco" i],
input[name*="preço" i],
input[name*="imei" i],
input[name*="serial" i],
input[name*="codigo" i],
input[name*="código" i],
input[name*="cpf" i],
input[name*="cnpj" i]{
font-weight:700;
}
/* Foco do campo usa a cor do tema, reforçando a identidade visual */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
select:focus,
textarea:focus{
border-color:color-mix(in srgb, var(--primary, #2F80ED) 72%, #ffffff 28%)!important;
box-shadow:0 0 0 3px color-mix(in srgb, var(--primary, #2F80ED) 16%, transparent)!important;
outline:none;
}
/* ===== v1.0.140: modernização global de inputs, selects e botões ===== */
:root{
--control-height:42px;
--control-radius:11px;
--control-border:color-mix(in srgb,var(--text,#243447) 10%,var(--surface,#fff) 90%);
--control-border-hover:color-mix(in srgb,var(--primary,#2F80ED) 28%,var(--control-border) 72%);
--control-bg:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary,#2F80ED) 4%);
--control-bg-hover:color-mix(in srgb,var(--surface,#fff) 92%,var(--primary,#2F80ED) 8%);
--control-shadow:0 1px 2px rgba(28,45,62,.04),0 5px 14px rgba(28,45,62,.035);
}
/* Inputs/selects/textarea modernos - substitui aparência nativa tipo Windows */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea{
appearance:none;
-webkit-appearance:none;
border:1px solid var(--control-border)!important;
border-radius:var(--control-radius)!important;
background:var(--control-bg);
min-height:var(--control-height);
padding:9px 12px;
line-height:1.25;
box-shadow:var(--control-shadow);
transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease;
}
textarea{min-height:88px;resize:vertical}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):hover,
select:hover,
textarea:hover{
border-color:var(--control-border-hover)!important;
background:var(--control-bg-hover);
}
/* Selects sem seta nativa; a maior parte dos containers recebe chevron próprio.
Para selects simples, usa SVG embutido coerente com o tema. */
select{
padding-right:34px!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23677786' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 10px center;
background-size:15px;
}
/* Botões gerais */
button,
.btn,
.btn-mini,
.mini-action,
.table-action,
.icon-action,
.page-btn{
border-radius:10px;
}
.btn,
button.btn{
min-height:40px;
padding:0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid color-mix(in srgb,var(--primary) 80%,transparent);
background:var(--primary);
color:#fff;
font-weight:750;
box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 18%,transparent);
cursor:pointer;
transition:transform .12s ease,box-shadow .15s ease,filter .15s ease,background .15s ease;
}
.btn:hover,
button.btn:hover{
transform:translateY(-1px);
filter:brightness(1.03);
box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 22%,transparent);
}
.btn:active,
button.btn:active{transform:translateY(0)}
.btn svg,
button.btn svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.btn.secondary,
button.btn.secondary{
background:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary) 4%);
color:var(--primary);
border-color:color-mix(in srgb,var(--primary) 22%,var(--control-border) 78%);
box-shadow:none;
}
.btn.secondary:hover,
button.btn.secondary:hover{
background:color-mix(in srgb,var(--surface,#fff) 90%,var(--primary) 10%);
border-color:color-mix(in srgb,var(--primary) 38%,var(--control-border) 62%);
}
/* Botões nativos esquecidos sem classe: evita visual de Windows */
form button:not(.btn):not(.icon-action):not(.table-action):not(.combo-toggle):not(.os-photo-thumb),
.toolbar button:not(.btn):not(.icon-action):not(.table-action),
.modal button:not(.btn):not(.icon-action):not(.table-action):not(.modal-close){
min-height:38px;
border:1px solid var(--control-border);
border-radius:10px;
background:color-mix(in srgb,var(--surface,#fff) 94%,var(--primary) 6%);
color:var(--primary);
padding:0 12px;
font-weight:700;
cursor:pointer;
box-shadow:0 2px 8px rgba(28,45,62,.04);
}
form button:not(.btn):not(.icon-action):not(.table-action):not(.combo-toggle):not(.os-photo-thumb):hover,
.toolbar button:not(.btn):not(.icon-action):not(.table-action):hover{
border-color:var(--control-border-hover);
background:color-mix(in srgb,var(--surface,#fff) 88%,var(--primary) 12%);
}
/* Busca de Ordens de Serviço */
.os-search-modern{
display:grid!important;
grid-template-columns:minmax(280px,1.25fr) minmax(180px,.78fr) minmax(230px,1fr) auto!important;
gap:9px!important;
align-items:center!important;
width:100%;
}
.os-search-field{
position:relative;
min-width:0;
}
.os-search-field input{
width:100%!important;
height:44px!important;
padding-left:41px!important;
font-size:13px;
background:var(--surface,#fff)!important;
}
.os-search-icon{
position:absolute;
left:13px;
top:50%;
transform:translateY(-50%);
width:17px;
height:17px;
color:color-mix(in srgb,var(--primary) 78%,var(--text) 22%);
pointer-events:none;
z-index:2;
}
.os-search-icon svg,
.select-chevron svg{
width:100%;
height:100%;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.os-filter-select{
position:relative;
min-width:0;
}
.os-filter-select select{
width:100%!important;
height:44px!important;
background-image:none!important;
padding-right:38px!important;
background-color:var(--surface,#fff)!important;
}
.os-filter-select .select-chevron{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
width:16px;
height:16px;
color:color-mix(in srgb,var(--primary) 76%,var(--text) 24%);
pointer-events:none;
}
.os-search-button{
height:44px;
white-space:nowrap;
padding-inline:15px!important;
}
.os-search-button span{display:inline}
/* Filtros e toolbars similares em outras páginas */
.filters,
.filter-row,
.search-toolbar,
.table-toolbar,
.toolbar,
.page-filters{
gap:9px;
}
.filters input,
.filters select,
.filter-row input,
.filter-row select,
.search-toolbar input,
.search-toolbar select,
.table-toolbar input,
.table-toolbar select,
.toolbar input,
.toolbar select,
.page-filters input,
.page-filters select{
min-height:40px;
}
/* Aparência mais consistente para campos de busca comuns */
input[type="search"],
.search-box input,
.search-input,
.toolbar input[type="text"],
.filter-row input[type="text"]{
background-color:var(--surface,#fff);
}
/* Evita contraste ruim em temas escuros */
@supports (color:color-mix(in srgb,#000,#fff)){
select option{
background:var(--surface,#fff);
color:var(--text,#243447);
}
}
@media(max-width:1100px){
.os-search-modern{
grid-template-columns:minmax(240px,1fr) minmax(170px,.7fr) minmax(200px,.9fr) auto!important;
}
}
@media(max-width:820px){
.os-search-modern{
grid-template-columns:1fr 1fr!important;
}
.os-search-field{grid-column:1/-1}
.os-search-button{width:100%}
}
@media(max-width:560px){
.os-search-modern{
grid-template-columns:1fr!important;
}
.os-search-field{grid-column:auto}
}
.os-search-clear{height:44px;white-space:nowrap;padding-inline:13px!important}@media(max-width:820px){.os-search-clear{width:100%}}
/* ===== v1.0.141: contraste global de campos e componentes =====
Reforça as bordas de TODOS os controles para que não desapareçam no layout.
Cores continuam derivadas do tema definido pelo administrador. */
:root{
--control-border-strong:
color-mix(in srgb, var(--text,#243447) 28%, var(--surface,#ffffff) 72%);
--control-border-hover-strong:
color-mix(in srgb, var(--primary,#2F80ED) 52%, var(--text,#243447) 18%, var(--surface,#ffffff) 30%);
--control-border-focus:
color-mix(in srgb, var(--primary,#2F80ED) 82%, var(--text,#243447) 18%);
--control-inner-line:
color-mix(in srgb, var(--text,#243447) 7%, transparent);
}
/* Campos de formulário em todo o sistema */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea,
.smart-combo,
.input-action-group,
.combo-field,
.search-box,
.search-field,
.filter-input{
border-color:var(--control-border-strong)!important;
}
/* Inputs/selects dentro de grupos não perdem o contorno */
.input-action-group>input,
.input-action-group>select,
.smart-combo>input,
.smart-combo>select,
.search-box>input,
.search-field>input{
border-color:var(--control-border-strong)!important;
}
/* Hover mais evidente */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):hover,
select:hover,
textarea:hover,
.smart-combo:hover,
.input-action-group:hover,
.search-box:hover,
.search-field:hover{
border-color:var(--control-border-hover-strong)!important;
}
/* Foco bem definido e usando o tema */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):focus,
select:focus,
textarea:focus,
.smart-combo:focus-within,
.input-action-group:focus-within,
.search-box:focus-within,
.search-field:focus-within{
border-color:var(--control-border-focus)!important;
box-shadow:
0 0 0 3px color-mix(in srgb,var(--primary,#2F80ED) 15%,transparent),
0 1px 2px rgba(25,39,52,.06)!important;
outline:none!important;
}
/* Readonly/disabled mantém contorno visível */
input[readonly]:not([type="checkbox"]):not([type="radio"]),
textarea[readonly],
input:disabled:not([type="checkbox"]):not([type="radio"]),
select:disabled,
textarea:disabled{
border-color:color-mix(in srgb,var(--text,#243447) 20%,var(--surface,#fff) 80%)!important;
}
/* Campos em tabelas e grids */
table input:not([type="checkbox"]):not([type="radio"]),
table select,
table textarea,
.table-wrap input:not([type="checkbox"]):not([type="radio"]),
.table-wrap select{
border-color:var(--control-border-strong)!important;
}
/* Controles de busca/filtro */
.toolbar input,
.toolbar select,
.filters input,
.filters select,
.filter-row input,
.filter-row select,
.page-filters input,
.page-filters select,
.search-toolbar input,
.search-toolbar select,
.table-toolbar input,
.table-toolbar select,
.per-page-form select{
border-color:var(--control-border-strong)!important;
background-color:var(--surface,#fff);
}
/* Componentes que ainda tinham contornos claros fixos */
.combo-toggle,
.mini-action,
.btn-mini,
.table-action,
.icon-action,
.page-btn{
border-color:var(--control-border-strong)!important;
}
/* Smart combo: contorno externo único e seta separada */
.smart-combo{
border:1px solid var(--control-border-strong)!important;
border-radius:var(--control-radius,11px)!important;
background:var(--control-bg,var(--surface,#fff));
}
.smart-combo>input,
.smart-combo>select{
border:0!important;
box-shadow:none!important;
}
.smart-combo>.combo-toggle{
border-left:1px solid var(--control-border-strong)!important;
}
/* Campo com botão lateral (ex.: busca + ação) */
.input-action-group{
border-radius:var(--control-radius,11px);
}
.input-action-group .mini-action{
border-color:var(--control-border-strong)!important;
}
/* Modais e formulários administrativos seguem a mesma leitura */
.modal-card input:not([type="checkbox"]):not([type="radio"]),
.modal-card select,
.modal-card textarea,
.settings-card input:not([type="checkbox"]):not([type="radio"]),
.settings-card select,
.settings-card textarea{
border-color:var(--control-border-strong)!important;
}
/* OS e barras de pesquisa especiais */
.os-search-modern input,
.os-search-modern select,
.os-modal-card input:not([type="checkbox"]):not([type="radio"]),
.os-modal-card select,
.os-modal-card textarea{
border-color:var(--control-border-strong)!important;
}
/* Em tema escuro, aumenta o contraste sem virar borda branca */
@media (prefers-color-scheme:dark){
:root{
--control-border-strong:
color-mix(in srgb, var(--text,#e8eef4) 31%, var(--surface,#20272c) 69%);
}
}
/* ===== v1.0.142: cards de temas escuros com fundo real =====
Cada card mostra o próprio fundo/surface do tema escolhido. */
.theme-preset{
position:relative;
overflow:hidden;
}
.theme-preset.dark-preset{
background:var(--preset-bg,#111820)!important;
color:var(--preset-text,#eef5fb)!important;
border-color:color-mix(in srgb,var(--preset-text,#eef5fb) 22%,var(--preset-bg,#111820) 78%)!important;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--preset-text,#eef5fb) 4%,transparent);
}
.theme-preset.dark-preset::after{
content:"";
position:absolute;
right:9px;
top:9px;
width:16px;
height:16px;
border-radius:5px;
background:var(--preset-surface,#1b2530);
border:1px solid color-mix(in srgb,var(--preset-text,#eef5fb) 18%,transparent);
}
.theme-preset.dark-preset:hover,
.theme-preset.dark-preset.selected{
border-color:var(--primary)!important;
box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent);
}
.theme-preset.dark-preset small{opacity:.72}
.theme-preset.dark-preset i{margin-right:24px}
/* ===== v1.0.144: WhatsApp contextual em Ordens de Serviço ===== */
.os-tabs-row{display:flex;align-items:center;gap:12px;padding-right:18px;background:color-mix(in srgb,var(--surface,#fff) 84%,var(--bg,#eef4f8) 16%);border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.os-tabs-row .os-tabs{flex:1;min-width:0;border-bottom:0}
.os-wa-top-button{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid color-mix(in srgb,#25D366 52%,var(--control-border-strong) 48%);border-radius:10px;background:color-mix(in srgb,#25D366 12%,var(--surface) 88%);color:color-mix(in srgb,#168746 82%,var(--text) 18%);font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(37,211,102,.08)}
.os-wa-top-button:hover{background:color-mix(in srgb,#25D366 19%,var(--surface) 81%);border-color:#25D366;transform:translateY(-1px)}
.os-wa-top-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.os-wa-recipient-section>label{display:block;font-size:11px;font-weight:800;color:var(--form-label-color);margin-bottom:8px}
.os-wa-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.os-wa-template{min-height:88px!important;padding:11px!important;display:grid!important;grid-template-columns:30px 1fr!important;grid-template-rows:auto auto!important;column-gap:8px;text-align:left!important;align-items:center!important;border:1px solid var(--control-border-strong)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important}
.os-wa-template>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));font-size:16px}
.os-wa-template strong{font-size:11px}.os-wa-template small{font-size:9px;opacity:.64;line-height:1.25}
.os-wa-template:hover,.os-wa-template.selected{border-color:color-mix(in srgb,#25D366 68%,var(--primary) 32%)!important;background:color-mix(in srgb,#25D366 7%,var(--surface) 93%)!important;box-shadow:0 0 0 2px color-mix(in srgb,#25D366 10%,transparent)!important}
.os-wa-template.selected strong{color:color-mix(in srgb,#168746 75%,var(--text) 25%)}
.os-wa-custom-box{margin-top:14px}
.os-wa-custom-box textarea{min-height:110px}
@media(max-width:850px){.os-tabs-row{align-items:flex-start;flex-direction:column;padding:0}.os-tabs-row .os-tabs{width:100%}.os-wa-top-button{margin:0 14px 10px auto}.os-wa-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.os-wa-template-grid{grid-template-columns:1fr}.os-wa-top-button span{display:none}.os-wa-top-button{width:40px;padding:0;justify-content:center}}
/* ===== v1.0.145: WhatsApp dentro do próprio modal da OS ===== */
.os-wa-inline-panel{
margin:0;
padding:0;
border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);
background:color-mix(in srgb,#25D366 4%,var(--surface) 96%);
box-shadow:inset 0 1px 0 color-mix(in srgb,#25D366 8%,transparent);
}
.os-wa-inline-panel[hidden]{display:none!important}
.os-wa-inline-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:14px 18px 10px;
}
.os-wa-inline-head>div{display:flex;flex-direction:column;gap:2px}
.os-wa-inline-head small{font-size:9px;font-weight:850;letter-spacing:.08em;color:color-mix(in srgb,#168746 76%,var(--text) 24%)}
.os-wa-inline-head strong{font-size:15px;color:var(--text)}
.os-wa-inline-head span{font-size:10px;color:var(--muted);max-width:720px}
.os-wa-inline-close{
width:34px;height:34px;min-height:34px!important;padding:0!important;
border:1px solid var(--control-border-strong)!important;
border-radius:10px!important;background:var(--surface)!important;
color:var(--text)!important;font-size:19px!important;line-height:1!important;
}
.os-wa-inline-body{padding:0 18px 14px}
.os-wa-inline-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
.os-wa-top-button.active{
background:color-mix(in srgb,#25D366 24%,var(--surface) 76%);
border-color:#25D366;
box-shadow:0 0 0 2px color-mix(in srgb,#25D366 12%,transparent);
}
@media(max-width:850px){
.os-wa-inline-head,.os-wa-inline-body{padding-left:13px;padding-right:13px}
.os-wa-inline-actions{flex-direction:column-reverse}
.os-wa-inline-actions .btn{width:100%}
}
/* ===== v1.0.150: Ordens de Serviço multissegmento ===== */
.company-os-modalities{margin-top:6px}
.company-os-modalities-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.company-os-modalities-head>div:first-child{display:flex;flex-direction:column;gap:3px}.company-os-modalities-head label{font-weight:800;color:var(--form-label-color)}.company-os-modalities-head small{font-size:10px;color:var(--muted)}
.company-os-modalities-actions{display:flex;gap:6px}.company-os-modalities-actions .btn{min-height:34px;padding:0 10px;font-size:10px}
.company-os-modalities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:540px;overflow:auto;padding:2px 5px 4px 2px;scrollbar-width:thin}
.company-os-modality-card{position:relative;display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:8px;min-height:78px;padding:9px;border:1px solid var(--control-border-strong);border-radius:11px;background:var(--surface);cursor:pointer;transition:.15s}
.company-os-modality-card>input[type=checkbox]{width:16px;height:16px}.company-os-modality-card.selected{border-color:color-mix(in srgb,var(--primary) 62%,var(--control-border-strong) 38%);background:color-mix(in srgb,var(--primary) 5%,var(--surface) 95%);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 7%,transparent)}
.company-os-modality-icon{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));display:grid;place-items:center;font-size:18px}
.company-os-modality-copy{min-width:0;padding-right:55px}.company-os-modality-copy strong,.company-os-modality-copy small{display:block}.company-os-modality-copy strong{font-size:10px;color:var(--text)}.company-os-modality-copy small{font-size:8px;color:var(--muted);line-height:1.25;margin-top:2px}
.company-os-primary{position:absolute;right:8px;top:8px;display:flex;align-items:center;gap:3px}.company-os-primary input{width:13px;height:13px}.company-os-primary em{font-style:normal;font-size:7px;font-weight:800;color:var(--muted)}
.os-modality-picker select{font-weight:750}.os-modality-picker small{display:block;margin-top:4px;color:var(--muted)}
.os-modality-extra-wrap{margin-top:12px}.os-modality-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--control-border-strong) 86%);border-radius:12px;background:color-mix(in srgb,var(--primary) 2.5%,var(--surface) 97.5%)}.os-modality-fields[hidden]{display:none!important}
.os-modality-fields .field{min-width:0}.os-imei-field[hidden]{display:none!important}
@media(max-width:1000px){.company-os-modalities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.company-os-modalities-grid{grid-template-columns:1fr}.company-os-modalities-head{align-items:stretch;flex-direction:column}.os-modality-fields{grid-template-columns:1fr}}
/* ===== v1.0.151: correção visual do formulário multissegmento ===== */
.os-device-client{align-items:start}
.os-device-client>div{min-width:0}
.os-client-card{align-self:start}
.os-modality-extra-wrap{margin:12px 0 14px}
.os-modality-fields{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:end;
}
.os-modality-fields-head{
grid-column:1/-1;
display:flex;
align-items:baseline;
gap:8px;
padding-bottom:7px;
border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);
}
.os-modality-fields-head strong{font-size:11px;color:var(--text)}
.os-modality-fields-head small{font-size:9px;color:var(--muted)}
@media(max-width:920px){
.os-modality-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.os-modality-fields{grid-template-columns:1fr}
.os-modality-fields-head{align-items:flex-start;flex-direction:column;gap:2px}
}
/* ===== v1.0.152: catálogo de marcas/modelos por modalidade ===== */
.os-catalog-combo{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center}
.os-catalog-combo select{width:100%;min-width:0}
.os-catalog-plus{width:38px;height:42px;min-height:42px!important;padding:0!important;border-radius:10px!important;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--control-border-strong) 65%)!important;background:color-mix(in srgb,var(--primary) 8%,var(--surface) 92%)!important;color:var(--primary)!important;font-size:20px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
.os-catalog-plus:hover{background:color-mix(in srgb,var(--primary) 15%,var(--surface) 85%)!important;border-color:var(--primary)!important}
.os-catalog-add{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:7px;padding:7px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--control-border-strong) 80%);border-radius:10px;background:color-mix(in srgb,var(--primary) 3%,var(--surface) 97%)}
.os-catalog-add[hidden]{display:none!important}.os-catalog-add .btn{min-height:38px;height:38px;padding:0 10px;font-size:10px}.os-catalog-add input{min-height:38px}
@media(max-width:620px){.os-catalog-add{grid-template-columns:1fr 1fr}.os-catalog-add input{grid-column:1/-1}}
/* ===== v1.0.153: seletor rico de modalidade + isolamento de catálogo ===== */
.os-modality-combo{position:relative}
.os-modality-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;min-height:0!important}
.os-modality-trigger{width:100%;min-height:54px!important;padding:7px 42px 7px 11px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;text-align:left!important;border:1px solid var(--control-border-strong)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--control-shadow)!important;position:relative}
.os-modality-trigger:hover,.os-modality-combo.open .os-modality-trigger{border-color:var(--control-border-hover-strong)!important;background:color-mix(in srgb,var(--primary) 3%,var(--surface) 97%)!important}
.os-modality-trigger-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:15px}
.os-modality-trigger-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.os-modality-trigger-copy strong{font-size:12px;color:var(--form-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-modality-trigger-copy small{font-size:9px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-modality-chevron{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.os-modality-combo.open .os-modality-chevron{transform:translateY(-50%) rotate(180deg)}
.os-modality-options{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:80;max-height:330px;overflow:auto;padding:5px;border:1px solid var(--control-border-strong);border-radius:11px;background:var(--surface);box-shadow:0 16px 36px rgba(28,45,62,.16);scrollbar-width:thin}
.os-modality-options[hidden]{display:none!important}
.os-modality-option{width:100%;min-height:54px!important;padding:7px 9px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 22px!important;align-items:center!important;gap:8px!important;text-align:left!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important}
.os-modality-option:hover{background:color-mix(in srgb,var(--primary) 7%,var(--surface) 93%)!important}.os-modality-option.selected{background:color-mix(in srgb,var(--primary) 10%,var(--surface) 90%)!important}
.os-modality-option-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 8%,var(--surface));font-size:15px}.os-modality-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:1px}.os-modality-option strong{font-size:10px;color:var(--text)}.os-modality-option small{font-size:8px;color:var(--muted);font-weight:500;line-height:1.25}.os-modality-check{opacity:0;color:var(--primary);font-size:15px;font-weight:900;text-align:center}.os-modality-option.selected .os-modality-check{opacity:1}
.os-catalog-combo select:disabled{cursor:wait;opacity:.68!important}
@media(max-width:620px){.os-modality-trigger-copy small{white-space:normal}.os-modality-options{max-height:280px}}
/* ===== v1.0.154: serviços e checklist por modalidade ===== */
.os-checklist-head b{color:var(--primary);font-weight:800}.checklist-grid{align-items:stretch}.checklist-item{transition:border-color .15s,background .15s}.checklist-item:focus-within{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,var(--surface) 97%)}
/* ===== v1.0.155: erros de gravação dentro do modal da OS ===== */
.os-form-error{margin:0 18px 12px;padding:11px 12px;display:grid;grid-template-columns:20px minmax(0,1fr) 30px;gap:9px;align-items:start;border:1px solid color-mix(in srgb,#d43c3c 48%,var(--control-border-strong) 52%);border-radius:11px;background:color-mix(in srgb,#d43c3c 7%,var(--surface) 93%);color:var(--text)}
.os-form-error[hidden]{display:none!important}.os-form-error>svg{width:19px;height:19px;margin-top:1px;fill:none;stroke:#cf3434;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.os-form-error>div{display:flex;flex-direction:column;gap:2px}.os-form-error strong{font-size:11px;color:#b52d2d}.os-form-error span{font-size:10px;line-height:1.35;color:color-mix(in srgb,var(--text) 82%,#b52d2d 18%);word-break:break-word}.os-form-error>button{width:30px;height:30px;min-height:30px!important;padding:0!important;border-radius:8px!important;background:transparent!important;color:#b52d2d!important;border:0!important;font-size:18px!important;box-shadow:none!important}
@media(max-width:650px){.os-form-error{margin-left:10px;margin-right:10px}}
/* ===== v1.0.157: retorno do orçamento online dentro da OS ===== */
.os-online-approval{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;margin:12px 0;padding:10px 11px;border:1px solid color-mix(in srgb,#22a45c 38%,var(--control-border-strong) 62%);border-radius:11px;background:color-mix(in srgb,#22a45c 7%,var(--surface) 93%)}.os-online-approval.rejected{border-color:color-mix(in srgb,#cf4545 38%,var(--control-border-strong) 62%);background:color-mix(in srgb,#cf4545 6%,var(--surface) 94%)}.os-online-approval-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,#22a45c 16%,var(--surface) 84%);color:#168449;font-weight:900;font-size:17px}.os-online-approval.rejected .os-online-approval-icon{background:color-mix(in srgb,#cf4545 13%,var(--surface) 87%);color:#b33636}.os-online-approval>div:last-child{display:flex;flex-direction:column;gap:2px}.os-online-approval strong{font-size:10px;color:var(--text)}.os-online-approval span,.os-online-approval small{font-size:9px;color:var(--muted)}
/* ===== v1.0.158: central de notificações ===== */
.notification-page-head{align-items:flex-end}.notification-head-actions{display:flex;gap:8px}
.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.notification-summary>div{padding:12px 14px;border:1px solid var(--control-border-strong);border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:space-between}.notification-summary span{font-size:10px;color:var(--muted);font-weight:700}.notification-summary strong{font-size:20px;color:var(--primary)}
.notification-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.notification-filters a{padding:7px 11px;border:1px solid var(--control-border-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:10px;font-weight:750;text-decoration:none}.notification-filters a.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface) 91%);color:var(--primary)}
.notification-list{display:flex;flex-direction:column;gap:7px}.notification-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--control-border-strong);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--text)}.notification-card.unread{border-color:color-mix(in srgb,var(--primary) 32%,var(--control-border-strong) 68%);background:color-mix(in srgb,var(--primary) 3.5%,var(--surface) 96.5%)}.notification-card.read{opacity:.78}.notification-card-action{margin-bottom:9px;border-color:color-mix(in srgb,#d58a1f 40%,var(--control-border-strong) 60%);background:color-mix(in srgb,#d58a1f 5%,var(--surface) 95%)}
.notification-symbol{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.notification-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-symbol.success{color:#21864a;background:color-mix(in srgb,#35a85f 12%,var(--surface) 88%)}.notification-symbol.warning{color:#a76b15;background:color-mix(in srgb,#d58a1f 12%,var(--surface) 88%)}.notification-symbol.error{color:#b73535;background:color-mix(in srgb,#d64a4a 10%,var(--surface) 90%)}
.notification-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.notification-copy strong{font-size:11px}.notification-copy small{font-size:10px;color:var(--text);line-height:1.35}.notification-copy em{font-style:normal;font-size:8px;color:var(--muted)}.notification-title-row{display:flex;align-items:center;gap:6px}.notification-new{font-size:7px;font-weight:850;text-transform:uppercase;padding:2px 5px;border-radius:6px;background:var(--primary);color:#fff}
.notification-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.notification-open,.notification-mark{font-size:9px;font-weight:800;text-decoration:none;color:var(--primary);white-space:nowrap}.notification-mark{color:var(--muted)}
.notification-empty{padding:36px 18px;border:1px dashed var(--control-border-strong);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:var(--surface)}.notification-empty svg{width:26px;height:26px;fill:none;stroke:var(--muted);stroke-width:1.7}.notification-empty strong{font-size:12px}.notification-empty span{font-size:10px;color:var(--muted)}
@media(max-width:720px){.notification-summary{grid-template-columns:1fr}.notification-card{grid-template-columns:36px minmax(0,1fr)}.notification-actions{grid-column:2;flex-direction:row;justify-content:flex-start}.notification-page-head{align-items:stretch}.notification-head-actions .btn{width:100%}}
/* ===== v1.0.159: dashboards por perfil + identidade DNSoft animada ===== */
.dns-brand-motion{position:relative;overflow:hidden;border:1px solid var(--control-border-strong);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,var(--primary) 4%),color-mix(in srgb,var(--surface) 90%,var(--accent) 10%));min-height:150px;display:flex;align-items:center;gap:18px;padding:20px 24px}.dns-brand-motion img{position:relative;z-index:2;width:min(235px,42%);height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(21,65,64,.13));animation:dnsLogoFloat 5.4s ease-in-out infinite}.dns-brand-motion>div:last-child{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.dns-brand-motion small{font-size:8px;letter-spacing:.12em;font-weight:850;color:var(--primary)}.dns-brand-motion strong{font-size:19px;color:var(--text)}.dns-brand-motion span{font-size:10px;color:var(--muted)}.dns-motion-orbit{position:absolute!important;z-index:1!important;width:210px;height:210px;border-radius:50%;right:-35px;top:-55px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 12%,transparent),transparent 66%);animation:dnsOrbitSpin 12s linear infinite}.dns-motion-orbit:before,.dns-motion-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--primary) 18%,transparent)}.dns-motion-orbit:before{inset:26px}.dns-motion-orbit:after{inset:55px}@keyframes dnsLogoFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(9px,-5px,0) scale(1.018)}}@keyframes dnsOrbitSpin{to{transform:rotate(360deg)}}
.user-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px}.user-status-cards{display:grid;gap:9px}.user-mini-card{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:12px 14px;border:1px solid var(--control-border-strong);border-radius:13px;background:var(--surface);color:var(--text);text-decoration:none}.user-mini-card>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.user-mini-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.user-mini-card small,.user-mini-card strong{display:block}.user-mini-card small{font-size:9px;color:var(--muted);font-weight:700}.user-mini-card strong{font-size:21px;margin-top:2px}.user-quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.user-quick-actions a{min-height:92px;border:1px solid var(--control-border-strong);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:9px}.user-quick-actions a:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface) 95%)}.user-quick-actions span{color:var(--primary)}.user-quick-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.user-quick-actions strong{font-size:9px}
.admin-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:12px;margin-bottom:12px}.admin-brand-motion{min-height:166px}.admin-snapshot{display:grid;grid-template-columns:1fr;gap:7px}.admin-snapshot>div{padding:10px 13px;border:1px solid var(--control-border-strong);border-radius:12px;background:var(--surface);display:grid;grid-template-columns:1fr auto;align-items:center}.admin-snapshot span{font-size:9px;font-weight:750;color:var(--muted)}.admin-snapshot strong{font-size:17px}.admin-snapshot small{grid-column:1/-1;font-size:8px;color:var(--muted);margin-top:2px}.positive{color:#21864a!important}.negative,.danger-text{color:#c23d3d!important}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-kpi{min-height:108px;padding:11px;border:1px solid var(--control-border-strong);border-radius:13px;background:var(--surface);display:flex;gap:9px;align-items:flex-start}.kpi-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.kpi-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.admin-kpi div{min-width:0}.admin-kpi small,.admin-kpi strong,.admin-kpi em{display:block}.admin-kpi small{font-size:8px;font-weight:750;color:var(--muted)}.admin-kpi strong{font-size:16px;margin:5px 0 4px;white-space:nowrap}.admin-kpi em{font-size:7.5px;color:var(--muted);font-style:normal;line-height:1.25}
.admin-chart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-bottom:12px}.admin-chart-panel .panel-head>strong{font-size:13px;color:var(--primary)}.dash-bar-chart{height:235px;display:flex;align-items:stretch;gap:8px;padding:8px 4px 0}.dash-bar-col{flex:1;display:grid;grid-template-rows:18px 1fr 18px;min-width:0;text-align:center}.dash-bar-value{font-size:7px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:8px;background:linear-gradient(to top,color-mix(in srgb,var(--primary) 4%,transparent),transparent)}.dash-bar-track i{display:block;width:min(38px,62%);min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(to top,var(--primary),color-mix(in srgb,var(--primary) 58%,var(--accent) 42%));box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 14%,transparent)}.dash-bar-col>span{font-size:8px;color:var(--muted);padding-top:4px}.dash-month-bars{display:flex;flex-direction:column;gap:11px;padding:6px 0}.dash-month-bars>div{display:grid;grid-template-columns:48px minmax(0,1fr) 83px;gap:8px;align-items:center}.dash-month-bars span{font-size:8px;color:var(--muted)}.dash-month-bars>div>div{height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 6%,transparent);overflow:hidden}.dash-month-bars i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--accent) 40%))}.dash-month-bars strong{font-size:8px;text-align:right}
.admin-insight-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.payment-bars{display:flex;flex-direction:column;gap:10px}.payment-row>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.payment-row span,.payment-row strong{font-size:8px}.payment-row span{color:var(--muted)}.payment-track{height:7px;border-radius:99px;background:color-mix(in srgb,var(--text) 6%,transparent);overflow:hidden}.payment-track i{display:block;height:100%;border-radius:99px;background:var(--primary)}.admin-alerts{display:flex;flex-direction:column;gap:7px}.admin-alerts a{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:10px;color:var(--text);text-decoration:none}.admin-alerts a>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}.admin-alerts svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-alerts strong,.admin-alerts small{display:block}.admin-alerts strong{font-size:9px}.admin-alerts small{font-size:8px;color:var(--muted);margin-top:2px}
.admin-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dash-compact-list{display:flex;flex-direction:column}.dash-compact-list>div,.dash-compact-list>a{padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--text);text-decoration:none}.dash-compact-list>div:last-child,.dash-compact-list>a:last-child{border-bottom:0}.dash-compact-list span{min-width:0}.dash-compact-list strong,.dash-compact-list small{display:block}.dash-compact-list strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-compact-list small{font-size:7.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-compact-list b{font-size:8px;white-space:nowrap}.panel-head a{font-size:8px;font-weight:800;color:var(--primary);text-decoration:none}
/* Login institucional */
.dns-login-body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.dns-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr)}.dns-login-showcase{position:relative;overflow:hidden;padding:36px clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--primary) 6%),color-mix(in srgb,var(--bg) 86%,var(--accent) 14%));border-right:1px solid var(--control-border-strong)}.login-system-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:3}.login-system-brand .brand-logo{width:42px;height:42px}.login-system-brand>div:last-child{display:flex;flex-direction:column}.login-system-brand strong{font-size:13px}.login-system-brand span{font-size:9px;color:var(--muted)}.login-dnsoft-animation{height:min(380px,42vh);position:relative;display:grid;place-items:center}.login-dnsoft-animation img{position:relative;z-index:3;width:min(440px,76%);height:auto;filter:drop-shadow(0 18px 35px rgba(6,84,70,.13));animation:dnsLoginDrift 7s ease-in-out infinite}.dns-login-glow{position:absolute;width:480px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);filter:blur(7px);animation:dnsGlowPulse 5.5s ease-in-out infinite}.dns-login-ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--primary) 22%,transparent);animation:dnsOrbitSpin 18s linear infinite}.ring-one{width:340px;height:340px}.ring-two{width:240px;height:240px;animation-direction:reverse;animation-duration:13s}@keyframes dnsLoginDrift{0%,100%{transform:translateX(-12px) translateY(2px) scale(1)}50%{transform:translateX(18px) translateY(-7px) scale(1.025)}}@keyframes dnsGlowPulse{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}.login-showcase-copy{position:relative;z-index:3;max-width:650px}.login-showcase-copy small{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--primary)}.login-showcase-copy h1{font-size:clamp(28px,3.3vw,48px);line-height:1.08;margin:8px 0 12px;max-width:760px}.login-showcase-copy p{font-size:12px;line-height:1.6;color:var(--muted);max-width:610px}.dns-login-showcase .login-meta{font-size:8px;color:var(--muted);position:relative;z-index:3}.dns-login-panel{display:grid;place-items:center;padding:28px;background:var(--surface)}.dns-login-card{width:min(410px,100%);padding:28px;border:1px solid var(--control-border-strong);border-radius:18px;background:color-mix(in srgb,var(--surface) 97%,var(--primary) 3%);box-shadow:0 18px 46px rgba(25,42,58,.09)}.login-card-top>span{font-size:8px;font-weight:850;letter-spacing:.1em;color:var(--primary)}.login-card-top h2{font-size:25px;margin:6px 0 5px}.login-card-top p{font-size:10px;color:var(--muted);margin:0 0 18px}.login-submit{width:100%;margin-top:4px}.login-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--text) 7%,transparent);font-size:8px;color:var(--muted)}
@media(max-width:1200px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-table-grid{grid-template-columns:1fr 1fr}.admin-insight-grid{grid-template-columns:1fr 1fr}.admin-insight-grid>section:last-child{grid-column:1/-1}}
@media(max-width:900px){.user-dashboard-grid,.admin-hero-grid,.admin-chart-grid{grid-template-columns:1fr}.admin-table-grid,.admin-insight-grid{grid-template-columns:1fr}.admin-insight-grid>section:last-child{grid-column:auto}.dns-login-shell{grid-template-columns:1fr}.dns-login-showcase{min-height:48vh;padding:24px}.login-dnsoft-animation{height:220px}.dns-login-panel{padding:20px}.dns-login-showcase{border-right:0;border-bottom:1px solid var(--control-border-strong)}}
@media(max-width:620px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.user-quick-actions{grid-template-columns:1fr 1fr}.admin-kpi strong{font-size:14px}.dns-brand-motion{padding:15px;min-height:130px}.dns-brand-motion img{width:48%}.dns-brand-motion strong{font-size:15px}.dash-bar-value{display:none}.dash-month-bars>div{grid-template-columns:42px minmax(0,1fr) 72px}.login-showcase-copy h1{font-size:28px}.login-dnsoft-animation img{width:82%}.ring-one{width:260px;height:260px}.ring-two{width:180px;height:180px}}
/* ===== v1.0.160: dashboard legível + mapa DNSoft pontilhado ===== */
/* Dashboard administrativa: tipografia realmente legível */
.admin-kpi-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.admin-kpi{
min-height:120px!important;
padding:15px 16px!important;
gap:12px!important;
align-items:center!important;
}
.admin-kpi .kpi-icon{
width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:11px!important;
}
.admin-kpi .kpi-icon svg{width:21px!important;height:21px!important}
.admin-kpi small{font-size:10.5px!important;line-height:1.25!important}
.admin-kpi strong{font-size:21px!important;line-height:1.12!important;margin:6px 0 5px!important}
.admin-kpi em{font-size:9.5px!important;line-height:1.35!important}
.admin-snapshot{gap:10px!important}
.admin-snapshot>div{padding:15px 16px!important}
.admin-snapshot span{font-size:10.5px!important}
.admin-snapshot strong{font-size:22px!important;margin:5px 0!important}
.admin-snapshot small{font-size:9.5px!important;line-height:1.35!important}
.admin-dashboard-head .page-title{font-size:29px!important}
.admin-dashboard-head .page-subtitle{font-size:11.5px!important}
.admin-dashboard-head .breadcrumb{font-size:9.5px!important}
.admin-dashboard-head .dashboard-date strong{font-size:13px!important}
.admin-dashboard-head .dashboard-date span{font-size:9.5px!important}
.admin-chart-panel .panel-head h2,
.admin-insight-grid .panel-head h2,
.admin-table-grid .panel-head h2{font-size:14px!important;line-height:1.25!important}
.admin-chart-panel .panel-head span,
.admin-insight-grid .panel-head span,
.admin-table-grid .panel-head span{font-size:10px!important;line-height:1.35!important}
.admin-chart-panel .panel-head>strong{font-size:16px!important}
.dash-bar-value{font-size:9px!important;font-weight:700!important}
.dash-bar-col>span{font-size:9.5px!important}
.dash-month-bars>div{grid-template-columns:58px minmax(0,1fr) 98px!important}
.dash-month-bars span{font-size:9.5px!important}
.dash-month-bars strong{font-size:10px!important}
.dash-month-bars>div>div{height:10px!important}
.payment-row>div:first-child span{font-size:10.5px!important}
.payment-row>div:first-child strong{font-size:10.5px!important}
.status-line .status-name{font-size:10.5px!important}
.status-line .status-count{font-size:11px!important}
.admin-alerts strong{font-size:10.5px!important}
.admin-alerts small{font-size:9.5px!important;line-height:1.35!important}
.dash-compact-list strong{font-size:10.5px!important}
.dash-compact-list small{font-size:9.5px!important;line-height:1.35!important}
.dash-compact-list b{font-size:10.5px!important}
.admin-table-grid .panel-head a,
.admin-insight-grid .panel-head a{font-size:9.5px!important}
/* Nova assinatura DNSoft: texto real + mapa separado */
.dns-brand-signature{
position:relative;
overflow:hidden;
min-height:158px;
border:1px solid var(--control-border-strong);
border-radius:16px;
background:
radial-gradient(circle at 78% 45%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 33%),
linear-gradient(135deg,color-mix(in srgb,var(--surface) 97%,var(--primary) 3%),color-mix(in srgb,var(--surface) 92%,var(--accent) 8%));
display:grid;
grid-template-columns:minmax(180px,.9fr) minmax(190px,1.1fr);
align-items:center;
gap:10px;
padding:20px 22px;
}
.dns-wordmark-block{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.dns-wordmark-block>small{font-size:9px!important;letter-spacing:.14em;font-weight:850;color:var(--primary)}
.dns-wordmark{
margin-top:2px;
font-family:"Arial Black","Segoe UI",Arial,sans-serif;
font-size:34px;
line-height:1;
letter-spacing:-2.4px;
color:#0b6a5a;
text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.dns-wordmark-block>span{margin-top:7px;font-size:10px!important;line-height:1.35;color:var(--muted)}
.dns-map-stage,
.login-map-stage{
position:relative;
justify-self:end;
width:min(255px,100%);
aspect-ratio:1.35/1;
display:grid;
place-items:center;
}
.dns-map-stage img,
.login-map-stage img{
position:relative;
z-index:2;
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 10px 17px rgba(5,81,68,.08));
}
/* Pontos luminosos sobre o mapa */
.dns-map-pulse{
position:absolute;
z-index:4;
width:8px;height:8px;
border-radius:50%;
background:#08795e;
box-shadow:0 0 0 0 rgba(8,121,94,.0);
opacity:.15;
animation:dnsMapPoint 6.4s ease-in-out infinite;
}
.dns-map-pulse.p1{left:34%;top:25%;background:#075f4e;animation-delay:0s}
.dns-map-pulse.p2{left:53%;top:35%;background:#0c8e68;animation-delay:.8s}
.dns-map-pulse.p3{left:68%;top:42%;background:#27a56f;animation-delay:1.6s}
.dns-map-pulse.p4{left:80%;top:52%;background:#58b85f;animation-delay:2.4s}
.dns-map-pulse.p5{left:67%;top:65%;background:#9cca3b;animation-delay:3.2s}
.dns-map-pulse.p6{left:58%;top:76%;background:#d6db24;animation-delay:4s}
.dns-map-pulse.p7{left:49%;top:84%;background:#f1c317;animation-delay:4.8s}
.dns-map-pulse.p8{left:42%;top:47%;background:#0b7c61;animation-delay:5.6s}
@keyframes dnsMapPoint{
0%,12%,100%{opacity:.15;transform:scale(.72);box-shadow:0 0 0 0 currentColor}
5%{opacity:1;transform:scale(1.45);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 18%,transparent)}
9%{opacity:.62;transform:scale(1)}
}
/* Login: DNSoft em texto + mapa estático com pontos vivos */
.login-dnsoft-identity{
min-height:min(360px,40vh);
display:flex;
align-items:center;
justify-content:center;
gap:clamp(18px,3vw,42px);
position:relative;
z-index:3;
padding:18px 0;
}
.login-dns-wordmark{
position:relative;
z-index:3;
font-family:"Arial Black","Segoe UI",Arial,sans-serif;
font-size:clamp(48px,6vw,78px);
line-height:.95;
letter-spacing:-5px;
color:#0b6a5a;
text-shadow:0 2px 0 rgba(255,255,255,.45),0 12px 28px rgba(5,81,68,.08);
}
.login-map-stage{width:min(360px,42vw)}
.login-map-glow{
position:absolute;
inset:12% 5%;
border-radius:50%;
background:radial-gradient(circle,color-mix(in srgb,#a4cc37 13%,transparent),transparent 68%);
filter:blur(10px);
animation:loginMapGlow 5s ease-in-out infinite;
}
@keyframes loginMapGlow{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}
/* O mapa não flutua; só os pontos acendem */
.dns-brand-signature img,
.login-dnsoft-identity img{animation:none!important}
@media(max-width:1250px){
.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
.dns-brand-signature{grid-template-columns:1fr;min-height:210px;text-align:center}
.dns-wordmark-block{align-items:center}
.dns-map-stage{justify-self:center;width:min(230px,70%)}
.login-dnsoft-identity{min-height:250px}
.login-dns-wordmark{font-size:52px;letter-spacing:-3.5px}
.login-map-stage{width:min(280px,45vw)}
}
@media(max-width:620px){
.admin-kpi-grid{grid-template-columns:1fr!important}
.admin-kpi strong{font-size:20px!important}
.dns-brand-signature{padding:16px}
.dns-wordmark{font-size:29px}
.login-dnsoft-identity{flex-direction:column;gap:5px;min-height:245px}
.login-map-stage{width:min(235px,70vw)}
.login-dns-wordmark{font-size:46px}
}
/* ===== v1.0.161: mapa do Brasil desenhado integralmente em HTML/CSS ===== */
.dns-map-stage,.login-map-stage{display:none!important}
.dns-brazil-map{
position:relative;
width:min(330px,100%);
aspect-ratio:1.05/1;
justify-self:end;
isolation:isolate;
}
.dns-brazil-grid{
position:absolute;
inset:4%;
z-index:2;
}
.br-dot{
--dot:6px;
position:absolute;
left:var(--x);
top:var(--y);
width:var(--dot);
height:var(--dot);
margin-left:calc(var(--dot) / -2);
margin-top:calc(var(--dot) / -2);
border-radius:50%;
transform:translateZ(0);
transition:opacity .2s ease;
}
.br-dot.dark{background:#075c4d}
.br-dot.mid{background:#148765}
.br-dot.lime{background:#7fbd45}
.br-dot.yellow{background:#e8bd18}
.dns-brazil-aura{
position:absolute;
inset:16% 3% 8% 8%;
border-radius:48%;
background:
radial-gradient(circle at 72% 36%,color-mix(in srgb,#36b674 13%,transparent),transparent 20%),
radial-gradient(circle at 58% 73%,color-mix(in srgb,#d9ce25 11%,transparent),transparent 23%);
filter:blur(17px);
opacity:.7;
z-index:1;
}
.br-dot.pulse{
z-index:4;
animation:brazilDotPulse 6s ease-in-out infinite;
animation-delay:var(--delay);
}
.br-dot.pulse::before,
.br-dot.pulse::after{
content:"";
position:absolute;
inset:50%;
width:100%;height:100%;
border-radius:50%;
transform:translate(-50%,-50%) scale(.7);
border:1px solid currentColor;
opacity:0;
}
.br-dot.pulse.dark,.br-dot.pulse.mid{color:#26b57a}
.br-dot.pulse.lime{color:#91cb46}
.br-dot.pulse.yellow{color:#f3c316}
.br-dot.pulse::before{animation:brazilDotRing 6s ease-out infinite;animation-delay:var(--delay)}
.br-dot.pulse::after{animation:brazilDotRing 6s ease-out infinite;animation-delay:calc(var(--delay) + .22s)}
@keyframes brazilDotPulse{
0%,11%,100%{transform:scale(1);filter:none}
4%{transform:scale(1.85);filter:brightness(1.42) drop-shadow(0 0 6px currentColor)}
8%{transform:scale(1.08);filter:brightness(1.08)}
}
@keyframes brazilDotRing{
0%,2%,100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}
5%{opacity:.48}
10%{opacity:0;transform:translate(-50%,-50%) scale(3)}
}
/* Dashboard: mapa maior, limpo e inteiro, sem imagem raster */
.dns-brand-signature{
grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr)!important;
min-height:225px!important;
}
.dns-brand-signature .dashboard-brazil{
width:min(380px,95%);
margin-right:4%;
}
.dns-brand-signature .br-dot{--dot:7px}
.dns-wordmark{font-size:42px!important}
.dns-wordmark-block>span{font-size:11px!important}
/* Linhas abstratas discretas atrás do mapa */
.dashboard-brazil::after{
content:"";
position:absolute;
z-index:0;
left:-70%;
right:-18%;
top:31%;
height:42%;
opacity:.28;
background:
repeating-radial-gradient(ellipse at 100% 48%,
transparent 0 15px,
color-mix(in srgb,var(--primary) 8%,transparent) 16px 17px,
transparent 18px 28px);
mask-image:linear-gradient(90deg,transparent,#000 35%,#000);
pointer-events:none;
}
/* Login usa o mesmo mapa feito no código */
.login-dnsoft-identity{
gap:clamp(30px,5vw,72px)!important;
}
.login-brazil{
width:min(390px,42vw);
flex:none;
}
.login-brazil .br-dot{--dot:7.5px}
.login-brazil .dns-brazil-aura{opacity:.85}
.login-dns-wordmark{
color:#0b6a5a!important;
font-size:clamp(54px,6vw,82px)!important;
}
@media(max-width:900px){
.dns-brand-signature{
grid-template-columns:1fr!important;
min-height:390px!important;
}
.dns-brand-signature .dashboard-brazil{
justify-self:center;
width:min(315px,80%);
margin:0;
}
.login-brazil{width:min(310px,44vw)}
}
@media(max-width:620px){
.dns-brand-signature{min-height:350px!important}
.dns-brand-signature .dashboard-brazil{width:min(265px,85%)}
.dns-brand-signature .br-dot{--dot:5.7px}
.login-dnsoft-identity{flex-direction:column!important;gap:4px!important}
.login-brazil{width:min(265px,76vw)}
.login-brazil .br-dot{--dot:5.8px}
}
/* ===== v1.0.162: mapa Brasil pontilhado redesenhado pela referência ===== */
.dns-brazil-map{display:none!important}
.dns-brazil-map-v2{
position:relative;
width:min(350px,100%);
aspect-ratio:1/1;
justify-self:end;
isolation:isolate;
}
.br2-points{position:absolute;inset:3%;z-index:2}
.br2-dot{
--size:7px;
position:absolute;
left:var(--x);top:var(--y);
width:var(--size);height:var(--size);
margin:calc(var(--size)/-2) 0 0 calc(var(--size)/-2);
border-radius:50%;
opacity:.96;
}
.br2-dot.north{background:#075b4d}
.br2-dot.central{background:#087763}
.br2-dot.south{background:#9dca38}
.br2-dot.tip{background:#f0bd0b}
.br2-softlight{
position:absolute;inset:15% 8% 5%;
background:radial-gradient(circle at 55% 45%,color-mix(in srgb,#168765 8%,transparent),transparent 55%);
filter:blur(20px);z-index:1;
}
.br2-dot.live{
z-index:4;
animation:br2Live 7s ease-in-out infinite;
animation-delay:var(--delay);
}
.br2-dot.live::after{
content:"";position:absolute;inset:-4px;border-radius:50%;
border:1.5px solid currentColor;opacity:0;
animation:br2Ring 7s ease-out infinite;animation-delay:var(--delay)
}
.br2-dot.north.live,.br2-dot.central.live{color:#0fb176}
.br2-dot.south.live{color:#a9d23c}
.br2-dot.tip.live{color:#ffc400}
@keyframes br2Live{
0%,12%,100%{transform:scale(1);filter:none}
5%{transform:scale(1.75);filter:brightness(1.5) drop-shadow(0 0 6px currentColor)}
9%{transform:scale(1.05);filter:none}
}
@keyframes br2Ring{
0%,3%,100%{opacity:0;transform:scale(.7)}
6%{opacity:.5}
12%{opacity:0;transform:scale(2.3)}
}
.dns-brand-signature .dashboard-brazil-v2{width:min(365px,92%);margin-right:5%}
.dns-brand-signature .dashboard-brazil-v2 .br2-dot{--size:7.5px}
.login-brazil-v2{width:min(370px,42vw);flex:none}
.login-brazil-v2 .br2-dot{--size:7.5px}
@media(max-width:900px){
.dns-brand-signature .dashboard-brazil-v2{justify-self:center;width:min(310px,78%);margin:0}
.login-brazil-v2{width:min(305px,44vw)}
}
@media(max-width:620px){
.dns-brand-signature .dashboard-brazil-v2{width:min(260px,82%)}
.dns-brand-signature .dashboard-brazil-v2 .br2-dot,.login-brazil-v2 .br2-dot{--size:5.8px}
.login-brazil-v2{width:min(260px,74vw)}
}
/* ===== v1.0.163: identidade DNSoft compacta ===== */
.dns-brand-signature{
min-height:150px!important;
grid-template-columns:auto minmax(150px,220px)!important;
justify-content:start!important;
gap:26px!important;
padding:18px 24px!important;
}
.dns-wordmark-block{
align-items:flex-start!important;
justify-content:center!important;
}
.dns-wordmark{
font-size:39px!important;
letter-spacing:-2.6px!important;
line-height:.95!important;
}
.dns-tagline{
display:block!important;
width:100%!important;
margin-top:5px!important;
font-size:10.2px!important;
letter-spacing:.075em!important;
line-height:1!important;
color:var(--muted)!important;
text-align:left!important;
white-space:nowrap!important;
}
.dns-brand-signature .dashboard-brazil-v2{
width:190px!important;
margin:0!important;
justify-self:start!important;
}
.dns-brand-signature .dashboard-brazil-v2 .br2-dot{--size:5px!important}
.dns-brand-signature .br2-softlight{opacity:.5!important}
/* Login compacto: nome + slogan à esquerda, mapa menor ao lado */
.login-dnsoft-identity{
min-height:220px!important;
gap:28px!important;
justify-content:center!important;
}
.login-dns-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.login-dns-wordmark{
font-size:clamp(48px,5vw,68px)!important;
letter-spacing:-4px!important;
line-height:.92!important;
}
.login-dns-tagline{
margin-top:7px;
width:100%;
font-size:clamp(10px,1vw,13px);
letter-spacing:.09em;
color:var(--muted);
white-space:nowrap;
}
.login-brazil-v2{
width:min(230px,26vw)!important;
}
.login-brazil-v2 .br2-dot{--size:5.6px!important}
@media(max-width:900px){
.dns-brand-signature{
min-height:170px!important;
grid-template-columns:auto minmax(140px,190px)!important;
justify-content:center!important;
}
.dns-brand-signature .dashboard-brazil-v2{width:175px!important}
.login-dnsoft-identity{min-height:205px!important}
.login-brazil-v2{width:min(205px,30vw)!important}
}
@media(max-width:620px){
.dns-brand-signature{
grid-template-columns:1fr!important;
gap:8px!important;
min-height:270px!important;
text-align:center!important;
}
.dns-wordmark-block{align-items:center!important}
.dns-tagline{text-align:center!important}
.dns-brand-signature .dashboard-brazil-v2{
width:175px!important;
justify-self:center!important;
}
.login-dnsoft-identity{
flex-direction:column!important;
gap:5px!important;
min-height:300px!important;
}
.login-dns-copy{align-items:center!important}
.login-dns-tagline{text-align:center}
.login-brazil-v2{width:min(205px,58vw)!important}
}
/* ===== v1.0.164: assinatura administrativa mais compacta ===== */
.admin-dashboard .dns-brand-signature,
.admin-brand-motion.dns-brand-signature{
min-height:108px!important;
height:108px!important;
grid-template-columns:auto 128px!important;
gap:16px!important;
padding:10px 18px!important;
align-items:center!important;
}
.admin-dashboard .dns-wordmark,
.admin-brand-motion .dns-wordmark{
font-size:32px!important;
letter-spacing:-2.1px!important;
}
.admin-dashboard .dns-tagline,
.admin-brand-motion .dns-tagline{
margin-top:3px!important;
font-size:8.7px!important;
letter-spacing:.055em!important;
}
.admin-dashboard .dashboard-brazil-v2,
.admin-brand-motion .dashboard-brazil-v2{
width:118px!important;
margin:0!important;
}
.admin-dashboard .dashboard-brazil-v2 .br2-dot,
.admin-brand-motion .dashboard-brazil-v2 .br2-dot{
--size:3.7px!important;
}
.admin-dashboard .dashboard-brazil-v2 .br2-softlight,
.admin-brand-motion .dashboard-brazil-v2 .br2-softlight{
opacity:.35!important;
}
@media(max-width:900px){
.admin-dashboard .dns-brand-signature,
.admin-brand-motion.dns-brand-signature{
min-height:108px!important;
height:108px!important;
grid-template-columns:auto 112px!important;
gap:12px!important;
justify-content:start!important;
}
.admin-dashboard .dashboard-brazil-v2,
.admin-brand-motion .dashboard-brazil-v2{width:104px!important}
}
@media(max-width:620px){
.admin-dashboard .dns-brand-signature,
.admin-brand-motion.dns-brand-signature{
height:auto!important;
min-height:150px!important;
grid-template-columns:auto 96px!important;
gap:10px!important;
text-align:left!important;
}
.admin-dashboard .dns-wordmark-block,
.admin-brand-motion .dns-wordmark-block{align-items:flex-start!important}
.admin-dashboard .dns-tagline,
.admin-brand-motion .dns-tagline{text-align:left!important}
.admin-dashboard .dashboard-brazil-v2,
.admin-brand-motion .dashboard-brazil-v2{
width:92px!important;
justify-self:start!important;
}
}
/* ===== v1.0.165: bloco DNSoft realmente reduzido e sem mapa ===== */
.dashboard-brazil-v2,.login-brazil-v2,.dns-brazil-map-v2{display:none!important}
.admin-brand-motion.dns-brand-signature{
width:420px!important;
max-width:calc(100vw - 300px)!important;
min-height:112px!important;
height:112px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
padding:16px 22px!important;
gap:0!important;
margin:0!important;
border-radius:15px!important;
}
.admin-brand-motion .dns-wordmark-block{
align-items:flex-start!important;
justify-content:center!important;
}
.admin-brand-motion .dns-wordmark{
font-family:"Arial Black","Segoe UI",Arial,sans-serif!important;
font-size:38px!important;
line-height:.92!important;
letter-spacing:-2.8px!important;
color:#096b5b!important;
}
.admin-brand-motion .dns-tagline{
margin-top:6px!important;
font-size:9.5px!important;
line-height:1!important;
letter-spacing:.065em!important;
color:var(--muted)!important;
text-align:left!important;
}
/* Pequeno detalhe visual criado no CSS, sem tentar substituir o nome por um desenho. */
.admin-brand-motion .dns-wordmark::after{
content:"";
display:block;
width:54px;
height:4px;
margin-top:7px;
border-radius:999px;
background:linear-gradient(90deg,#08705e 0 64%,#9fc938 64% 84%,#efbd12 84%);
animation:dnsSignal165 4.6s ease-in-out infinite;
}
@keyframes dnsSignal165{
0%,100%{width:54px;opacity:.78}
50%{width:78px;opacity:1}
}
/* Login: também sem mapa, somente a identidade limpa. */
.login-dnsoft-identity{
min-height:165px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.login-dns-copy{align-items:flex-start!important}
.login-dns-wordmark::after{
content:"";
display:block;
width:72px;
height:5px;
margin-top:10px;
border-radius:999px;
background:linear-gradient(90deg,#08705e 0 64%,#9fc938 64% 84%,#efbd12 84%);
animation:dnsSignal165 4.6s ease-in-out infinite;
}
@media(max-width:900px){
.admin-brand-motion.dns-brand-signature{
max-width:100%!important;
width:380px!important;
}
}
@media(max-width:620px){
.admin-brand-motion.dns-brand-signature{
width:100%!important;
max-width:100%!important;
height:100px!important;
min-height:100px!important;
}
.admin-brand-motion .dns-wordmark{font-size:33px!important}
}
/* ===== v1.0.166: reorganização do topo da Dashboard administrativa ===== */
/* A faixa superior deixa de ter uma coluna alta com cards empilhados.
Marca DNSoft + três indicadores ocupam uma única linha compacta. */
.admin-hero-grid{
display:grid!important;
grid-template-columns:420px minmax(0,1fr)!important;
align-items:stretch!important;
gap:12px!important;
margin-bottom:12px!important;
}
.admin-brand-motion.dns-brand-signature{
width:100%!important;
max-width:none!important;
height:112px!important;
min-height:112px!important;
align-self:stretch!important;
}
.admin-snapshot{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
height:112px!important;
min-height:112px!important;
}
.admin-snapshot>div{
height:112px!important;
min-height:112px!important;
padding:14px 15px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:4px!important;
box-sizing:border-box!important;
}
.admin-snapshot span{
font-size:10.5px!important;
line-height:1.2!important;
font-weight:780!important;
}
.admin-snapshot strong{
width:100%!important;
margin:3px 0 1px!important;
font-size:21px!important;
line-height:1.05!important;
text-align:left!important;
white-space:nowrap!important;
}
.admin-snapshot small{
width:100%!important;
margin:0!important;
font-size:9px!important;
line-height:1.3!important;
}
/* Os KPIs começam imediatamente após a faixa superior. */
.admin-kpi-grid{
margin-top:0!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.admin-kpi{
min-height:112px!important;
}
/* Os gráficos ganham um pouco mais de presença depois da economia de espaço. */
.admin-chart-grid{
gap:12px!important;
margin-top:0!important;
}
.admin-chart-panel{
min-height:260px!important;
}
/* Responsividade: preserva a organização sem voltar ao enorme espaço vazio. */
@media(max-width:1350px){
.admin-hero-grid{
grid-template-columns:340px minmax(0,1fr)!important;
}
.admin-snapshot strong{font-size:19px!important}
}
@media(max-width:1080px){
.admin-hero-grid{
grid-template-columns:1fr!important;
}
.admin-brand-motion.dns-brand-signature{
width:360px!important;
max-width:100%!important;
}
.admin-snapshot{
height:auto!important;
min-height:0!important;
}
.admin-snapshot>div{
height:104px!important;
min-height:104px!important;
}
}
@media(max-width:760px){
.admin-snapshot{
grid-template-columns:1fr!important;
}
.admin-snapshot>div{
height:90px!important;
min-height:90px!important;
}
.admin-kpi-grid{
grid-template-columns:1fr!important;
}
}
/* =====================================================================
v1.0.167 — RESPONSIVIDADE GLOBAL
Faixas:
- notebook compacto / 12"+: até 1440px
- tablet / notebook estreito: até 1180px
- tablet retrato: até 900px
- celular: até 600px
- celular compacto: até 390px
===================================================================== */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
.app-shell,.main-area,.content,
.panel,.table-card,.settings-card,.stock-card,.config-card,
.page-head,.toolbar,.table-toolbar,
.modal-card,.modal-body,.modal-head,.modal-foot,
.form-grid,.field,
.pdv-page,.pdv-layout,.pdv-main-card,.pdv-summary-card,
.os-modal-card,.os-panel,.os-scroll{
min-width:0;
}
img,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.table-wrap,
.responsive-table-auto,
.pdv-cart-wrap,
.table-scroll-top{
max-width:100%;
overflow-x:auto!important;
overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
.responsive-table-auto{width:100%}
.table-wrap table,
.responsive-table-auto table{margin:0}
/* Notebook compacto / telas por volta de 12". */
@media(max-width:1440px){
.sidebar{width:220px}
.main-area{margin-left:220px;width:calc(100% - 220px)}
.sidebar-head{height:70px;padding:0 13px}
.brand-logo,.brandmark{width:38px;height:38px;flex-basis:38px}
.brand-copy strong{font-size:13px}
.nav-menu{padding:10px 9px}
.nav-item{height:38px;padding:0 9px;font-size:12px}
.sidebar-foot{padding:9px}
.topbar{height:66px;padding:0 20px}
.content{padding:20px 20px 30px;max-width:none}
.page-title{font-size:25px}
.page-subtitle{font-size:12px}
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-card{min-height:82px;padding:12px}
.settings-layout{grid-template-columns:195px minmax(0,1fr)}
.admin-chart-panel{min-height:230px!important}
}
/* Tablet e telas estreitas: menu em gaveta. */
@media(max-width:1180px){
.sidebar{
width:min(320px,86vw)!important;
transform:translateX(-105%);
transition:transform .22s ease;
box-shadow:18px 0 45px rgba(20,35,32,.16);
z-index:1200!important;
}
.sidebar.open{transform:translateX(0)}
.main-area{margin-left:0!important;width:100%!important;max-width:100%!important}
.menu-toggle,.sidebar-close{display:grid!important}
.sidebar-close{width:38px;height:38px}
.sidebar-overlay{
display:none;
position:fixed;
inset:0;
background:rgba(17,30,28,.44);
backdrop-filter:blur(2px);
z-index:1190!important;
}
.sidebar-overlay.show{display:block}
.topbar{height:64px;padding:0 18px}
.content{width:100%;max-width:none;padding:18px 18px 28px}
.settings-layout{grid-template-columns:1fr!important}
.settings-menu{
display:flex!important;
overflow-x:auto!important;
overflow-y:hidden;
gap:4px;
padding:7px;
scrollbar-width:none;
}
.settings-menu::-webkit-scrollbar{display:none}
.settings-menu a{flex:0 0 auto;white-space:nowrap}
.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.admin-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.admin-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.admin-insight-grid>section:last-child{grid-column:1/-1}
.report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.aux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cash-kpis,.receivable-kpis,.payable-kpis,.credit-kpis,
.commission-kpis,.vale-kpis,.sales-kpis,.imei-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.modal-overlay{padding:12px}
.modal-card,.employee-modal-card,
.os-modal-card,.checklist-modal-card{
width:min(960px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
max-height:calc(100dvh - 24px)!important;
}
.modal-body,.os-scroll{
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
.os-toolbar{align-items:stretch;flex-direction:column}
.os-search{width:100%}
.os-search input{min-width:0!important;flex:1 1 260px}
.os-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.os-device-client{grid-template-columns:1fr!important}
.os-close-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sales-filters,.delivery-filters,.stock-history-filters,.imei-filters,
.commission-filters,.vale-filters,.audit-filters,.auth-filters,
.report-filters,.document-filters,.service-doc-filters,
.receivable-filters,.payable-filters{
max-width:100%;
}
}
/* Tablets em retrato e celulares grandes. */
@media(max-width:900px){
.topbar-left>div{display:block}
.topbar-left strong{font-size:12px}
.topbar-left span{display:none}
.top-user>div:last-child span{display:none}
.content{
padding:15px 14px 24px;
padding-left:max(14px,env(safe-area-inset-left));
padding-right:max(14px,env(safe-area-inset-right));
}
.page-head{gap:12px;margin-bottom:14px}
.page-title{font-size:23px;line-height:1.12}
.page-subtitle{font-size:11px;line-height:1.45}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.dash-main,.dash-bottom,.admin-chart-grid,
.admin-table-grid,.admin-insight-grid,
.user-dashboard-grid{
grid-template-columns:1fr!important;
}
.admin-insight-grid>section:last-child{grid-column:auto!important}
.admin-hero-grid{grid-template-columns:1fr!important}
.admin-brand-motion.dns-brand-signature{
width:min(380px,100%)!important;
max-width:100%!important;
}
.toolbar,.table-toolbar,.cash-topbar,.section-title-row,
.pdv-head,.page-head-actions{
max-width:100%;
flex-wrap:wrap;
}
.toolbar>*,
.table-toolbar>*{min-width:0}
.table-wrap>table,
.responsive-table-auto>table{
min-width:760px!important;
}
th,td{padding:10px 11px}
.modal-overlay{
padding:8px;
align-items:center;
}
.modal-card,.employee-modal-card,.os-modal-card,
.checklist-modal-card,.pdv-payment-modal{
width:calc(100vw - 16px)!important;
max-width:calc(100vw - 16px)!important;
max-height:calc(100dvh - 16px)!important;
}
.modal-head{padding:15px 16px 13px}
.modal-head h2{font-size:19px}
.modal-head p{font-size:11px;line-height:1.4}
.modal-body{padding:16px}
.modal-foot{padding:11px 14px}
.modal-tabs,.os-tabs,.account-tabs,.client-tabs{
overflow-x:auto!important;
overflow-y:hidden;
flex-wrap:nowrap!important;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
.modal-tabs::-webkit-scrollbar,.os-tabs::-webkit-scrollbar,
.account-tabs::-webkit-scrollbar,.client-tabs::-webkit-scrollbar{display:none}
.modal-tabs button,.os-tabs button,.account-tabs button,.client-tabs button{
flex:0 0 auto!important;
white-space:nowrap!important;
scroll-snap-align:start;
}
.dns-login-shell{grid-template-columns:1fr!important;min-height:100dvh}
.dns-login-showcase{
min-height:210px!important;
padding:20px 22px!important;
border-right:0!important;
border-bottom:1px solid var(--control-border-strong);
}
.dns-login-panel{padding:20px!important}
}
/* Celulares: iPhone 11, Galaxy compactos e equivalentes. */
@media(max-width:600px){
html{-webkit-text-size-adjust:100%}
body{font-size:14px}
.topbar{
height:58px;
padding:0 10px;
padding-left:max(10px,env(safe-area-inset-left));
padding-right:max(10px,env(safe-area-inset-right));
}
.topbar-actions{gap:7px}
.top-user{gap:5px}
.top-user>div:last-child{display:none}
.top-avatar{width:30px;height:30px}
.icon-btn{width:38px;height:38px}
.notification-count{font-size:8px!important}
.content{
padding-top:12px;
padding-bottom:max(22px,env(safe-area-inset-bottom));
padding-left:max(10px,env(safe-area-inset-left));
padding-right:max(10px,env(safe-area-inset-right));
}
.page-head{
flex-direction:column!important;
align-items:stretch!important;
margin-bottom:12px;
}
.page-title{font-size:21px!important;letter-spacing:-.02em}
.page-subtitle{font-size:10.5px!important}
.dashboard-date{
width:100%!important;
min-width:0!important;
text-align:left!important;
padding:8px 10px;
}
.page-head-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
gap:7px;
}
.page-head-actions .btn{
width:100%;
min-width:0;
}
.page-head-actions .btn:only-child{grid-column:1/-1}
input:not([type="checkbox"]):not([type="radio"]),
select,textarea{
font-size:16px!important;
}
.field input,.field select{
min-height:44px!important;
}
.btn,.btn-mini,.icon-action{
min-height:44px;
}
.btn{padding-left:12px;padding-right:12px}
textarea{min-height:96px}
.form-grid,
.product-grid,
.stock-entry-grid,
.stock-selected-grid,
.client-grid,
.quick-grid,
.price-summary,
.cash-kpis,.payment-summary,
.receivable-kpis,.receive-summary,
.payable-kpis,.credit-kpis,.credit-stat-grid,.credit-main-numbers,.credit-data-grid,
.commission-kpis,.commission-detail-kpis,
.vale-kpis,.vale-doc-preview,
.sales-kpis,.stock-summary-grid,.imei-kpis,
.report-card-grid,.report-metrics,.report-filters,
.company-grid,.permission-grid,.aux-grid,
.admin-kpi-grid,.admin-snapshot,
.notification-summary{
grid-template-columns:1fr!important;
}
.span-2,.field-span-2,
.product-grid .field-span-2,
.report-search,.commission-search,.vale-search,
.stock-history-search,.stock-history-actions,
.document-search,.document-filter-actions{
grid-column:auto!important;
}
.sales-filters,.delivery-filters,.stock-history-filters,.imei-filters,
.commission-filters,.vale-filters,.audit-filters,.auth-filters,
.report-filters,.document-filters,.service-doc-filters,
.receivable-filters,.payable-filters,.date-filter,
.cash-flow-head{
display:grid!important;
grid-template-columns:1fr!important;
width:100%!important;
gap:8px!important;
}
.sales-filter-actions,.commission-filter-actions,.vale-filter-actions,
.audit-filter-actions,.report-filter-actions,.document-filter-actions,
.imei-filter-actions,.stock-history-actions,.flow-print-actions{
grid-column:auto!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
gap:7px;
}
.sales-filter-actions .btn,.commission-filter-actions .btn,
.vale-filter-actions .btn,.audit-filter-actions .btn,
.report-filter-actions .btn,.document-filter-actions .btn,
.imei-filter-actions .btn,.stock-history-actions .btn{
width:100%;
}
.toolbar,.table-toolbar{
flex-direction:column!important;
align-items:stretch!important;
gap:8px!important;
}
.table-toolbar>div,
.table-toolbar-right{
width:100%;
max-width:100%;
flex-wrap:wrap;
justify-content:flex-start!important;
}
.searchbox,.receivable-filters .search{
min-width:0!important;
max-width:none!important;
width:100%!important;
}
.table-wrap,
.responsive-table-auto{
border-radius:10px;
}
.table-wrap>table,
.responsive-table-auto>table{
min-width:680px!important;
}
table:not(.pdv-cart-table) th{
padding:8px 9px!important;
font-size:9px!important;
white-space:nowrap;
}
table:not(.pdv-cart-table) td{
padding:9px!important;
font-size:11px!important;
white-space:normal;
line-height:1.35;
vertical-align:top;
min-width:72px;
}
table:not(.pdv-cart-table) td:last-child{
white-space:nowrap;
}
.table-sub{white-space:normal!important;line-height:1.3}
.modal-overlay{
padding:0!important;
align-items:stretch!important;
justify-content:stretch!important;
background:rgba(20,31,40,.55);
}
.modal-card,.employee-modal-card,
.os-modal-card,.checklist-modal-card,
.pdv-payment-modal,.small-modal{
width:100vw!important;
max-width:100vw!important;
height:100dvh!important;
max-height:100dvh!important;
border-radius:0!important;
border-left:0!important;
border-right:0!important;
display:flex!important;
flex-direction:column!important;
}
.modal-head{
flex:0 0 auto;
padding:12px 12px 10px!important;
padding-top:max(12px,env(safe-area-inset-top))!important;
}
.modal-head small{font-size:8px}
.modal-head h2{font-size:18px!important}
.modal-head p{font-size:10px!important;margin-top:3px}
.modal-close{
width:40px!important;height:40px!important;flex-basis:40px!important;
}
.modal-body,.os-scroll{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden;
padding:12px!important;
-webkit-overflow-scrolling:touch;
}
.modal-foot{
flex:0 0 auto;
padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;
gap:7px!important;
flex-wrap:wrap!important;
background:var(--surface)!important;
}
.modal-foot>span{width:100%;margin:0!important}
.modal-foot .btn{
flex:1 1 calc(50% - 4px);
min-width:125px;
}
.modal-card .form-grid{grid-template-columns:1fr!important}
.modal-card .span-2{grid-column:auto!important}
.os-modal-card{border-radius:0!important}
.os-tabs{padding:0 6px!important}
.os-tabs button{padding:10px 9px!important;font-size:10px!important}
.os-panel{padding:10px!important}
.os-top-grid{grid-template-columns:1fr!important}
.os-device-client{grid-template-columns:1fr!important;gap:8px!important}
.os-device-client>div{padding:9px!important}
.os-close-summary{grid-template-columns:1fr 1fr!important}
.os-close-summary>div{padding:8px!important}
.checklist-grid{grid-template-columns:1fr!important}
.checklist-item{align-items:stretch;flex-direction:column}
.checklist-item select{max-width:none;width:100%}
.checklist-add{flex-direction:column}
.os-photo-grid{grid-template-columns:1fr 1fr!important}
.os-photo-controls{grid-template-columns:1fr!important}
.os-photo-pick{grid-column:auto!important}
.os-wa-template-grid{grid-template-columns:1fr!important}
.os-recipient-grid{grid-template-columns:1fr!important}
.pdv-layout{grid-template-columns:1fr!important}
.pdv-summary-card{position:static!important}
.pdv-scan-zone{
grid-template-columns:70px minmax(0,1fr)!important;
padding:9px!important;
}
.pdv-client-strip{
grid-template-columns:1fr!important;
padding:9px!important;
}
.pdv-client-current,.pdv-client-search,.pdv-client-strip>.btn{
grid-column:auto!important;
}
.pdv-cart-wrap{min-height:220px}
.pdv-cart-table{min-width:650px!important}
.pdv-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pdv-payment-grid,.pdv-payment-balance{grid-template-columns:1fr!important}
.pdv-payment-method{min-height:74px!important}
.pdv-total-panel{padding:13px}
.pdv-total-panel strong{font-size:24px!important}
.admin-brand-motion.dns-brand-signature{
width:100%!important;
height:96px!important;
min-height:96px!important;
padding:13px 16px!important;
}
.admin-brand-motion .dns-wordmark{font-size:31px!important}
.admin-snapshot{height:auto!important;min-height:0!important}
.admin-snapshot>div{height:auto!important;min-height:86px!important}
.admin-kpi{min-height:94px!important}
.admin-chart-panel{min-height:220px!important}
.dash-month-bars>div{grid-template-columns:46px minmax(0,1fr) 82px!important}
.dash-compact-list>div,.dash-compact-list>a{
align-items:flex-start!important;
flex-direction:column;
}
.dns-login-showcase{
min-height:150px!important;
padding:14px 16px!important;
}
.login-dnsoft-identity{min-height:95px!important}
.login-dns-wordmark{font-size:42px!important;letter-spacing:-3px!important}
.login-dns-tagline{font-size:9px!important}
.login-showcase-copy{display:none!important}
.dns-login-showcase .login-meta{display:none!important}
.dns-login-panel{
padding:14px 12px max(14px,env(safe-area-inset-bottom))!important;
align-items:start!important;
}
.dns-login-card{
width:100%!important;
padding:18px!important;
border-radius:14px!important;
}
.login-card-top h2{font-size:22px!important}
.login-card-top p{font-size:10.5px!important}
.login-card-foot{font-size:9px!important;flex-wrap:wrap}
}
/* Telefones mais estreitos (~360–390 CSS px). */
@media(max-width:390px){
.content{
padding-left:max(8px,env(safe-area-inset-left));
padding-right:max(8px,env(safe-area-inset-right));
}
.page-title{font-size:20px!important}
.page-head-actions{grid-template-columns:1fr!important}
.sales-filter-actions,.commission-filter-actions,.vale-filter-actions,
.audit-filter-actions,.report-filter-actions,.document-filter-actions,
.imei-filter-actions,.stock-history-actions,.flow-print-actions{
grid-template-columns:1fr!important;
}
.os-close-summary{grid-template-columns:1fr!important}
.os-photo-grid{grid-template-columns:1fr!important}
.pdv-payment-methods{grid-template-columns:1fr 1fr!important}
.modal-foot .btn{
flex-basis:100%!important;
width:100%!important;
}
.table-wrap>table,.responsive-table-auto>table{min-width:640px!important}
}
/* ===== v1.0.169: dados da licença na Dashboard administrativa ===== */
.admin-license-card{
display:grid;
grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,.8fr)) auto;
align-items:center;
gap:0;
margin:0 0 12px;
border:1px solid var(--control-border-strong);
border-radius:13px;
background:var(--surface);
overflow:hidden;
min-height:82px;
}
.admin-license-main{display:flex;align-items:center;gap:11px;padding:13px 15px;min-width:0}
.admin-license-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.admin-license-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.admin-license-main>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-license-main small,.admin-license-info small{font-size:9px;color:var(--muted);font-weight:750}
.admin-license-main strong{font-size:14px;line-height:1;color:#25894e}
.admin-license-card.license-problem .admin-license-main strong{color:#c43b3b}
.admin-license-main em,.admin-license-info em{font-style:normal;font-size:8.5px;color:var(--muted);line-height:1.25}
.admin-license-info{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:11px 14px;border-left:1px solid var(--control-border);min-width:0}
.admin-license-info strong{font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-license-action{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 16px;border-left:1px solid var(--control-border);text-decoration:none;color:var(--primary);font-size:9.5px;font-weight:850;white-space:nowrap;background:color-mix(in srgb,var(--primary) 3%,var(--surface) 97%)}
.admin-license-action:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface) 92%)}
.admin-license-card.license-active{box-shadow:inset 3px 0 0 #36a763}
.admin-license-card.license-problem{box-shadow:inset 3px 0 0 #d44a4a}
@media(max-width:1180px){
.admin-license-card{grid-template-columns:1.3fr 1fr 1fr}
.admin-license-info:nth-of-type(4){grid-column:2/3}
.admin-license-action{grid-column:3/4;min-height:46px;border-top:1px solid var(--control-border)}
}
@media(max-width:760px){
.admin-license-card{grid-template-columns:1fr 1fr}
.admin-license-main{grid-column:1/-1}
.admin-license-info{border-top:1px solid var(--control-border);border-left:0}
.admin-license-info:nth-of-type(3){border-left:1px solid var(--control-border)}
.admin-license-info:nth-of-type(4){grid-column:1/-1!important}
.admin-license-action{grid-column:1/-1!important;min-height:44px;border-left:0;border-top:1px solid var(--control-border)}
}
@media(max-width:480px){
.admin-license-card{grid-template-columns:1fr}
.admin-license-main,.admin-license-info,.admin-license-action{grid-column:1!important}
.admin-license-info{border-left:0!important}
}
/* v1.0.174 Loja Online */
.store-admin-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.55fr);gap:16px;align-items:start}.store-config-card{padding:20px}.store-section-head,.store-subhead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.store-section-head>div>span,.store-side-card>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--primary)}.store-section-head h2,.store-side-card h2{margin:4px 0;font-size:21px}.store-section-head p,.store-subhead p,.store-side-card p{font-size:11px;color:var(--muted);line-height:1.5}.store-switch{display:flex!important;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:10px!important}.store-switch input{width:17px!important;min-height:17px!important;margin:0!important}.store-subcard{border:1px solid var(--line);background:#fbfcfc;border-radius:14px;padding:15px;margin-top:14px}.store-subcard h3{margin:0 0 10px}.delivery-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.delivery-options>label{display:flex;gap:8px;align-items:flex-start;border:1px solid #dce6e7;background:#fff;border-radius:11px;padding:11px}.delivery-options input{width:16px!important;min-height:16px!important}.delivery-options b,.delivery-options small{display:block}.delivery-options small{font-size:9px;color:var(--muted);margin-top:2px}.check-line{display:flex!important;align-items:center;gap:8px;min-height:42px}.check-line input{width:17px!important;min-height:17px!important}.input-prefix{display:flex}.input-prefix span{display:grid;place-items:center;padding:0 10px;border:1px solid #aebfc3;border-right:0;border-radius:9px 0 0 9px;background:#f1f5f5}.input-prefix input{border-radius:0 9px 9px 0!important}.mp-tutorial{margin-top:12px;border-top:1px solid #e1e8e9;padding-top:11px}.mp-tutorial summary{font-weight:800;cursor:pointer}.mp-tutorial li,.mp-tutorial p{font-size:10px;line-height:1.55}.store-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0e7e8;margin-top:16px;padding-top:15px}.store-savebar span,.store-savebar strong{display:block}.store-savebar span{font-size:9px;color:var(--muted)}.store-savebar strong{font-size:11px;word-break:break-all}.store-side-card{padding:20px;position:sticky;top:88px}.store-addon-price{display:block;font-size:25px;margin:16px 0;color:var(--primary)}.store-addon-price small{font-size:10px;color:var(--muted);margin-left:5px}.store-side-list{display:grid;gap:8px;border-top:1px solid #e0e7e8;padding-top:14px}.store-side-list span{font-size:11px}.store-product-box{border:1px solid #dbe5e6;border-radius:13px;padding:14px;background:#fbfcfc}.store-product-head{display:flex;justify-content:space-between;gap:12px}.store-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.store-photo{aspect-ratio:1;border:1px dashed #b9c9cc;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#fff}.store-photo img{width:100%;height:100%;object-fit:cover}.store-photo small{text-align:center;font-size:9px;color:var(--muted);padding:5px}@media(max-width:1050px){.store-admin-grid{grid-template-columns:1fr}.store-side-card{position:static}.delivery-options{grid-template-columns:1fr}}@media(max-width:650px){.store-section-head,.store-subhead,.store-savebar{flex-direction:column}.store-switch{align-self:flex-start}.store-photo-grid{grid-template-columns:repeat(2,1fr)}}
/* v1.0.177 — publicação automática ou seletiva na Loja Online */
.store-publication-choice{
margin:16px 0;padding:18px;border:1px solid #cfe0dc;border-radius:15px;
background:linear-gradient(135deg,#f7fbfa,#ffffff)
}
.store-publication-copy>span{
display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--primary);margin-bottom:4px
}
.store-publication-copy h3{margin:0 0 5px;font-size:18px}
.store-publication-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.store-all-products-toggle{
display:flex!important;align-items:flex-start;gap:12px;margin-top:14px;padding:14px;
border:2px solid #9fc9c0;border-radius:13px;background:#eef9f6;cursor:pointer
}
.store-all-products-toggle input{width:20px!important;min-height:20px!important;margin:2px 0 0!important;flex:0 0 20px}
.store-all-products-toggle b{display:block;font-size:12px;color:#173f38}
.store-all-products-toggle small{display:block;font-size:10px;color:#5d756f;margin-top:3px;line-height:1.4}
.store-manual-note{
display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:13px;
border:1px dashed #bdcbce;border-radius:12px;background:#fff
}
.store-manual-icon{
width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 30px;
background:#eaf7f3;color:var(--primary);font-weight:900
}
.store-manual-note b{display:block;font-size:11px}
.store-manual-note p{margin:3px 0 0;font-size:10px;color:var(--muted);line-height:1.5}
/* Loja Online - editor de fotos do produto */
.store-photo-slot{position:relative;min-height:132px;aspect-ratio:1;cursor:pointer}.store-photo-slot img{width:100%;height:100%;object-fit:cover}.store-photo-empty{border-style:dashed;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:var(--muted)}.store-photo-empty:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,#fff)}.store-photo-number{position:absolute;left:7px;top:7px;z-index:2;background:rgba(255,255,255,.94);border:1px solid #e1e8e9;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;color:#53676b}.store-photo-empty .store-photo-number{position:static;margin-bottom:5px}.store-photo-add{font-size:28px;line-height:1;color:var(--primary)}.store-photo-empty b{font-size:10px}.store-photo-empty small{font-size:8px!important}.store-photo-remove{position:absolute;right:7px;top:7px;z-index:3;width:26px;height:26px;border:1px solid #e1e8e9;border-radius:50%;background:#fff;color:#b42318;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* Clientes: pesquisa instantânea organizada e legível */
.client-search-wrap{position:relative;flex:1;min-width:280px;z-index:25}
.client-search-wrap .searchbox{width:100%;margin:0}
.client-search-wrap .searchbox input{width:100%;min-width:0}
.client-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:120;background:#fff;border:1px solid #dfe8ee;border-radius:13px;box-shadow:0 16px 38px rgba(39,62,78,.16);overflow:hidden;max-height:390px;overflow-y:auto;padding:5px}
.client-search-results[hidden]{display:none!important}
.client-search-item{appearance:none;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 10px;border:0;border-bottom:1px solid #edf2f5;border-radius:9px;background:#fff;color:var(--text);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.client-search-item:last-child{border-bottom:0}
.client-search-item:hover,.client-search-item:focus-visible{background:color-mix(in srgb,var(--primary) 7%,white);outline:none}
.client-search-item::after{content:'›';font-size:20px;line-height:1;color:#91a0aa;text-align:right}
.client-search-item .client-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);font-size:11px;font-weight:900;flex:0 0 32px}
.client-search-copy{display:block;min-width:0;text-align:left}
.client-search-copy strong{display:block;text-align:left;font-size:12px;line-height:1.3;font-weight:800;color:#263b49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-search-copy small{display:block;text-align:left;margin-top:3px;font-size:10.5px;line-height:1.25;color:#73858f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.client-search-empty{padding:16px 14px;color:#71838d;font-size:12px;text-align:left}
@media(max-width:700px){.client-search-wrap{min-width:0;width:100%}.client-search-results{max-height:320px}.client-search-item{grid-template-columns:34px minmax(0,1fr) 16px}}
/* v1.0.213 — Núcleo Fiscal */
.fiscal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.fiscal-summary>div{background:#fff;border:1px solid #e1e8e5;border-radius:14px;padding:15px 16px;box-shadow:0 7px 20px rgba(36,60,54,.03)}.fiscal-summary span,.fiscal-summary strong,.fiscal-summary small{display:block}.fiscal-summary span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}.fiscal-summary strong{font-size:16px;margin-top:6px}.fiscal-summary small{font-size:10px;color:#7c8985;margin-top:5px;line-height:1.4}.fiscal-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:16px;align-items:start}.fiscal-card{padding:20px}.fiscal-subcard{border:1px solid #dfe8e5;border-radius:13px;padding:14px;background:#fbfdfc}.fiscal-subcard h3{margin:0 0 5px;font-size:13px}.fiscal-subhead p{margin:0;color:#7c8985;font-size:10px;line-height:1.5}.fiscal-doc-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.fiscal-doc-toggles>label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dce6e3;border-radius:11px;background:#fff;cursor:pointer}.fiscal-doc-toggles input{width:17px!important;min-height:17px!important;margin:1px 0 0!important}.fiscal-doc-toggles b,.fiscal-doc-toggles small{display:block}.fiscal-doc-toggles b{font-size:11px}.fiscal-doc-toggles small{font-size:9px;color:#7c8985;margin-top:3px;line-height:1.35}.fiscal-cert-card{position:sticky;top:88px}.fiscal-cert-status,.fiscal-cert-empty{border-radius:13px;padding:14px;margin:12px 0 15px}.fiscal-cert-status{background:#eef8f3;border:1px solid #cfe6d8}.fiscal-cert-status.warn{background:#fff8e8;border-color:#ead9a5}.fiscal-cert-status.bad{background:#fff0f0;border-color:#edc9c9}.fiscal-cert-status b,.fiscal-cert-status span,.fiscal-cert-status small,.fiscal-cert-empty b,.fiscal-cert-empty span{display:block}.fiscal-cert-status b{font-size:12px}.fiscal-cert-status span{font-size:10px;margin-top:5px;color:#53645f}.fiscal-cert-status small{font-size:9px;margin-top:9px;color:#75847f;line-height:1.45}.fiscal-cert-empty{background:#f7f9f8;border:1px dashed #cbd8d4}.fiscal-cert-empty b{font-size:12px}.fiscal-cert-empty span{font-size:10px;color:#7b8985;margin-top:5px;line-height:1.45}.fiscal-cert-form{display:grid;gap:12px}.fiscal-security-note{display:flex;gap:10px;margin-top:16px;padding:12px;border-radius:11px;background:color-mix(in srgb,var(--primary) 5%,white);color:var(--primary)}.fiscal-security-note svg{width:20px!important;height:20px!important;flex:0 0 20px}.fiscal-security-note b,.fiscal-security-note span{display:block}.fiscal-security-note b{font-size:10px}.fiscal-security-note span{font-size:9px;line-height:1.5;color:#63746f;margin-top:3px}.fiscal-security-note code{font-size:9px}.fiscal-diag-hero{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #cfe6d8;border-radius:15px;background:#f1faf5;margin-bottom:14px}.fiscal-diag-hero.has-warn{background:#fff9ed;border-color:#ead9a5}.fiscal-diag-hero.has-error{background:#fff2f2;border-color:#edc9c9}.fiscal-diag-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--primary);box-shadow:0 4px 14px rgba(0,0,0,.05)}.fiscal-diag-icon svg{width:25px!important;height:25px!important}.fiscal-diag-hero span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--primary)}.fiscal-diag-hero h2{margin:4px 0 3px;font-size:19px}.fiscal-diag-hero p{margin:0;font-size:10px;color:#6e7d78}.fiscal-diag-list{display:grid;gap:9px}.fiscal-diag-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;background:#fff;border:1px solid #e1e8e5;border-radius:12px;padding:12px 14px}.fiscal-diag-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#edf7f2;color:#2b8a53}.fiscal-diag-row.warn .fiscal-diag-mark{background:#fff5da;color:#a87800}.fiscal-diag-row.error .fiscal-diag-mark{background:#ffeaea;color:#b84646}.fiscal-diag-row.info .fiscal-diag-mark{background:#eef4ff;color:#3f6fb5}.fiscal-diag-row b,.fiscal-diag-row span{display:block}.fiscal-diag-row b{font-size:11px}.fiscal-diag-row span{font-size:9.5px;color:#74827e;margin-top:3px;line-height:1.45}.fiscal-diag-row em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.08em;color:#70807b}.fiscal-next-card{margin-top:14px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.fiscal-next-card span{font-size:9px;font-weight:900;color:var(--primary);letter-spacing:.12em}.fiscal-next-card h2{font-size:16px;margin:4px 0}.fiscal-next-card p{font-size:10px;color:#74827e;margin:0;line-height:1.5;max-width:720px}@media(max-width:1050px){.fiscal-grid{grid-template-columns:1fr}.fiscal-cert-card{position:static}}@media(max-width:760px){.fiscal-summary{grid-template-columns:1fr}.fiscal-doc-toggles{grid-template-columns:1fr}.fiscal-diag-row{grid-template-columns:34px minmax(0,1fr)}.fiscal-diag-row em{grid-column:2}.fiscal-next-card{align-items:flex-start;flex-direction:column}}
/* v1.0.256 — Assistente NCM + Promoção separada */
.ncm-assistant{border:1px solid color-mix(in srgb,var(--primary) 20%,#dfe8ee);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,#fff),#fff);padding:14px;margin-top:2px}
.ncm-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,#e7edf1)}
.ncm-assistant-head strong,.ncm-assistant-head span{display:block}.ncm-assistant-head strong{font-size:13px;color:var(--text)}.ncm-assistant-head>div>span{font-size:10px;color:var(--muted);line-height:1.45;margin-top:4px;max-width:720px}.ncm-assistant-head>.status-pill{color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 9%,#fff)!important;border-color:color-mix(in srgb,var(--primary) 18%,#fff)!important;white-space:nowrap}
.ncm-assistant-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:12px}.ncm-search-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.ncm-search-wrap input{min-width:0}.ncm-ai-btn{white-space:nowrap}.ncm-assistant-note{font-size:9.5px;color:#6f7f89;line-height:1.45;margin:9px 0 10px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--primary) 5%,#fff)}
.ncm-results{display:grid;gap:6px;max-height:270px;overflow:auto;padding-right:2px}.ncm-result{appearance:none;width:100%;display:grid;grid-template-columns:86px minmax(0,1fr) 54px;align-items:center;gap:9px;border:1px solid #e1e8ed;border-radius:10px;background:#fff;padding:9px 10px;text-align:left;cursor:pointer;color:var(--text);transition:.15s}.ncm-result:hover,.ncm-result.selected{border-color:color-mix(in srgb,var(--primary) 48%,#dfe7ec);background:color-mix(in srgb,var(--primary) 5%,#fff)}.ncm-code{font-size:11px;font-weight:900;color:var(--primary)}.ncm-desc{font-size:10px;line-height:1.35;color:#526772}.ncm-confidence{justify-self:end;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;background:#eef4f8;color:#587080}.ncm-confidence.alta{background:#e8f8ef;color:#18804a}.ncm-confidence.media{background:#fff6df;color:#956813}.ncm-confidence.baixa{background:#f2f4f6;color:#687883}.ncm-empty{padding:15px 12px;border:1px dashed #d9e4ea;border-radius:10px;color:#71828c;font-size:10px;text-align:center;background:#fbfcfd}.ncm-empty.error{color:#a23a3a;background:#fff5f5;border-color:#efcccc}
.promotion-pane-intro{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.promotion-pane-intro strong{font-size:14px;color:var(--text)}.promotion-pane-intro span{font-size:10px;color:var(--muted);line-height:1.45}.client-tab[data-product-tab="promocao"]{position:relative}.client-tab[data-product-tab="promocao"]:before{content:'%';font-size:10px;font-weight:900;margin-right:5px;color:currentColor}
@media(max-width:820px){.ncm-assistant-tools{grid-template-columns:1fr}.ncm-search-wrap{grid-template-columns:1fr}.ncm-search-wrap .btn,.ncm-ai-btn{width:100%}.ncm-result{grid-template-columns:78px minmax(0,1fr)}.ncm-confidence{grid-column:2;justify-self:start}.ncm-assistant-head{flex-direction:column}}
/* Assistente NCM V2 */
.ncm-v2-read{border:1px solid color-mix(in srgb,var(--primary) 18%,#dfe8ee);background:color-mix(in srgb,var(--primary) 4%,#fff);border-radius:10px;padding:10px 11px;margin-bottom:7px;font-size:10px;line-height:1.45;color:#536975}
.ncm-v2-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.ncm-v2-title b{font-size:11px;color:var(--text)}.ncm-v2-title span{font-size:8px;font-weight:900;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,#fff);padding:3px 7px;border-radius:999px}
.ncm-v2-evidence{margin-top:4px}.ncm-v2-not{margin-top:5px;color:#7a6670}.ncm-v2-missing{margin-top:6px;padding:7px 8px;border-radius:8px;background:#fff8e8;color:#81611a;border:1px solid #f2dfab}
.ncm-desc b{display:block;font-size:10px;line-height:1.35;color:#526772}.ncm-desc small{display:block;margin-top:3px;font-size:8.5px;line-height:1.35;color:#73858f;font-weight:500}.ncm-confidence.muito.alta,.ncm-confidence.muito-alta{background:#dcf7e7;color:#0f7a43}
/* Assistente NCM V2.1 — revisão orientada e correção autorizada do cadastro */
.ncm-assistant-tools{grid-template-columns:minmax(0,1fr) auto auto}
.ncm-review-btn{white-space:nowrap}
.product-quality-tip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#dfe8ee);border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,#fff)}
.product-quality-tip>div{display:flex;flex-direction:column;gap:3px}.product-quality-tip strong{font-size:12px;color:var(--text)}.product-quality-tip span{font-size:10px;line-height:1.5;color:var(--muted)}.product-quality-tip .btn{white-space:nowrap}
.product-review-box{margin:10px 0;border:1px solid color-mix(in srgb,var(--primary) 22%,#d9e4ea);border-radius:11px;background:#fff;overflow:hidden}
.product-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;background:color-mix(in srgb,var(--primary) 5%,#fff);border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,#e7edf1)}
.product-review-head>div{display:flex;flex-direction:column;gap:3px}.product-review-head b{font-size:11px;color:var(--text)}.product-review-head span{font-size:9px;color:var(--muted)}
.product-review-changes{padding:7px 10px}.product-review-change{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);gap:12px;align-items:center;padding:8px 2px;border-bottom:1px solid #edf2f5}.product-review-change:last-child{border-bottom:0}.product-review-change>div:first-child{display:flex;flex-direction:column;gap:2px}.product-review-change>div:first-child>span{font-size:9px;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.03em}.product-review-change small{font-size:8.5px;line-height:1.35;color:var(--muted)}
.product-review-values{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px}.product-review-values del{color:#87959e;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}.product-review-values b{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis}
.product-review-tips{margin:0 10px 10px;padding:9px 10px;border-radius:9px;background:#fff8e8;border:1px solid #f2dfab;display:flex;flex-direction:column;gap:4px}.product-review-tips strong{font-size:9.5px;color:#745713}.product-review-tips span{font-size:8.8px;line-height:1.4;color:#81611a}
.product-review-actions{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #edf2f5}.product-review-actions small{font-size:8.5px;color:var(--muted)}
@media(max-width:900px){.ncm-assistant-tools{grid-template-columns:1fr}.ncm-review-btn{width:100%}.product-quality-tip{align-items:flex-start;flex-direction:column}.product-quality-tip .btn{width:100%}.product-review-change{grid-template-columns:1fr}.product-review-values{flex-wrap:wrap}}
.product-quality-tip-top{margin:10px 16px 0;flex-shrink:0}
.product-quality-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.product-web-research-box{margin:10px 16px 0;border:1px solid color-mix(in srgb,var(--primary) 22%,#d9e4ea);border-radius:12px;background:#fff;padding:12px 14px;max-height:210px;overflow:auto;flex-shrink:0}
.web-research-sources{display:grid;gap:7px;margin-top:10px}.web-research-sources>div{display:grid;gap:2px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,#e6edf2);border-radius:9px;background:color-mix(in srgb,var(--primary) 2%,#fff)}.web-research-sources b{font-size:11px;color:var(--text)}.web-research-sources span{font-size:10px;line-height:1.4;color:var(--muted)}.web-research-sources small{font-size:9px;color:var(--primary);font-weight:700}
@media(max-width:900px){.product-quality-actions{width:100%;flex-direction:column!important}.product-quality-actions .btn{width:100%}.product-quality-tip-top,.product-web-research-box{margin-left:10px;margin-right:10px}}
.product-review-box-top{margin:10px 16px 0;flex-shrink:0;max-height:260px;overflow:auto}
/* v1.0.263 — painéis temporários do cadastro inteligente */
.product-review-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.product-panel-hide{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--primary,#218be8) 28%,#dbe7f2);background:#fff;color:var(--primary,#218be8);border-radius:10px;padding:6px 10px;font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:.18s ease}
.product-panel-hide:hover{background:color-mix(in srgb,var(--primary,#218be8) 8%,#fff);border-color:color-mix(in srgb,var(--primary,#218be8) 45%,#dbe7f2)}
.product-panel-hide>span{line-height:1.2}
.product-panel-error-row{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.product-panel-error-row .ncm-empty{flex:1}
@media(max-width:760px){.product-review-head{align-items:flex-start}.product-review-head-actions{width:100%;justify-content:space-between}.product-panel-hide{padding:7px 9px}}
/* v1.0.277 - NFC-e integrada ao Frente de Caixa */
.pdv-nfce-check{padding-top:2px;padding-bottom:4px;color:#245f91;font-weight:800}.pdv-nfce-check input:disabled+span{color:#8d9aa4}.pdv-nfce-help{display:block;padding:0 12px 9px;color:#7a8b96;font-size:8.8px;line-height:1.35}.row-actions .icon-action[href*="fiscal_nfce"]{width:auto;min-width:30px;padding:0 6px;font-size:8px;font-weight:900}
/* v1.0.342 — NF-e/Verificação usando os componentes fiscais nativos do DNSoft */
.fiscal-summary.fiscal-summary-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.fiscal-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.fiscal-module-card{padding:18px}
.fiscal-module-card .section-title-row{margin-bottom:12px}
.fiscal-module-card .fiscal-diag-list{margin-top:10px}
.fiscal-module-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #edf1ef}
.nfe-native-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.nfe-native-steps{display:grid;gap:9px;margin-top:12px}
.nfe-native-step{padding:11px 12px;border:1px solid #e1e8e5;border-radius:11px;background:#fbfdfc;font-size:12px;line-height:1.45}
.nfe-native-step.done{background:#eef8f3;border-color:#cfe6d8;color:#277348}
@media(max-width:1250px){.fiscal-summary.fiscal-summary-four{grid-template-columns:repeat(2,minmax(0,1fr))}.fiscal-module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.fiscal-summary.fiscal-summary-four,.fiscal-module-grid{grid-template-columns:1fr}.fiscal-module-card{padding:14px}}
/* v1.0.345 — refinamento visual da Verificação Fiscal */
.fiscal-page-head{align-items:center}
.fiscal-page-title-wrap{display:flex;align-items:flex-start;gap:14px;min-width:0}
.fiscal-page-title-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--surface));box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 9%,transparent)}
.fiscal-page-title-icon svg{width:25px!important;height:25px!important}
.fiscal-config-button{gap:7px;box-shadow:0 5px 16px color-mix(in srgb,var(--text) 5%,transparent)}
.fiscal-config-button svg{width:16px!important;height:16px!important}
.fiscal-summary-modern{gap:14px;margin-bottom:18px}
.fiscal-summary-modern .fiscal-summary-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:13px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--surface));border-radius:16px;padding:17px 15px;box-shadow:0 8px 24px color-mix(in srgb,var(--text) 5%,transparent);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.fiscal-summary-modern .fiscal-summary-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--primary)}
.fiscal-summary-modern .fiscal-summary-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--surface));box-shadow:0 11px 28px color-mix(in srgb,var(--text) 8%,transparent)}
.fiscal-summary-modern .fiscal-summary-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--surface))}
.fiscal-summary-modern .fiscal-summary-icon svg{width:24px!important;height:24px!important}
.fiscal-summary-modern .fiscal-summary-content{display:block;min-width:0}
.fiscal-summary-modern .fiscal-summary-eyebrow{font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fiscal-summary-modern strong{font-size:14px;margin-top:4px;line-height:1.25}
.fiscal-summary-modern small{font-size:9.5px;margin-top:4px;color:color-mix(in srgb,var(--text) 58%,transparent)}
.fiscal-summary-arrow{width:26px;height:26px;border-radius:50%;display:grid!important;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.fiscal-summary-arrow svg{width:14px!important;height:14px!important}
.fiscal-progress{height:4px!important;margin-top:9px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.fiscal-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.fiscal-module-grid-modern{gap:16px}
.fiscal-module-card-modern{padding:0!important;overflow:hidden;border-color:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:0 8px 26px color-mix(in srgb,var(--text) 5%,transparent)}
.fiscal-module-card-modern .fiscal-module-heading{padding:18px 18px 14px;margin:0!important;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);align-items:flex-start}
.fiscal-module-title-wrap{display:flex;align-items:flex-start;gap:11px;min-width:0}
.fiscal-module-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--surface))}
.fiscal-module-icon svg{width:20px!important;height:20px!important}
.fiscal-module-card-modern h2{font-size:15px;margin:1px 0 3px}
.fiscal-module-card-modern .muted{font-size:9.5px;line-height:1.35;margin:0}
.fiscal-diag-list-modern{gap:0!important;padding:4px 16px 2px;margin-top:0!important}
.fiscal-diag-list-modern .fiscal-diag-row{border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);border-radius:0;background:transparent;padding:11px 2px;grid-template-columns:28px minmax(0,1fr) auto;gap:10px}
.fiscal-diag-list-modern .fiscal-diag-row:last-child{border-bottom:0}
.fiscal-diag-list-modern .fiscal-diag-row.warn{margin:4px 0;border:1px solid color-mix(in srgb,#d99b18 32%,var(--surface));border-radius:11px;padding:10px;background:color-mix(in srgb,#f7b928 8%,var(--surface))}
.fiscal-diag-list-modern .fiscal-diag-mark{width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,#26a65b 12%,var(--surface));color:#279659;border:1px solid color-mix(in srgb,#26a65b 18%,var(--surface))}
.fiscal-diag-list-modern .fiscal-diag-mark svg{width:13px!important;height:13px!important}
.fiscal-diag-list-modern .warn .fiscal-diag-mark{background:color-mix(in srgb,#e6a817 14%,var(--surface));color:#a97800;border-color:color-mix(in srgb,#e6a817 24%,var(--surface))}
.fiscal-diag-copy b{font-size:10.5px!important;line-height:1.25}
.fiscal-diag-copy span{font-size:8.8px!important;margin-top:2px!important}
.fiscal-diag-list-modern em{font-size:7.5px!important;color:color-mix(in srgb,var(--text) 54%,transparent)!important}
.fiscal-fix-button{min-height:29px!important;padding:0 10px!important;font-size:9px!important;border-radius:8px!important}
.fiscal-module-actions-modern{margin:0!important;padding:12px 18px 15px!important;border-top:1px solid color-mix(in srgb,var(--text) 7%,transparent)!important}
.fiscal-module-link{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--primary);font-size:9.5px;font-weight:850;text-decoration:none}
.fiscal-module-link svg{width:14px!important;height:14px!important;transition:transform .18s ease}
.fiscal-module-link:hover svg{transform:translateX(2px)}
.fiscal-next-card-modern{justify-content:flex-start!important;padding:16px 18px!important;background:color-mix(in srgb,var(--primary) 4%,var(--surface));border-color:color-mix(in srgb,var(--primary) 15%,var(--surface))}
.fiscal-next-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}
.fiscal-next-icon svg{width:20px!important;height:20px!important}
@media(max-width:850px){.fiscal-page-head{align-items:flex-start}.fiscal-page-title-wrap{gap:10px}.fiscal-page-title-icon{width:42px;height:42px;flex-basis:42px}.fiscal-summary-modern .fiscal-summary-card{grid-template-columns:46px minmax(0,1fr) 24px}.fiscal-summary-modern .fiscal-summary-icon{width:44px;height:44px}.fiscal-module-card-modern{padding:0!important}}
@media(max-width:620px){.fiscal-page-title-icon{display:none}.fiscal-config-button{width:100%;justify-content:center}.fiscal-module-card-modern .fiscal-module-heading{padding:14px}.fiscal-diag-list-modern{padding-left:12px;padding-right:12px}.fiscal-diag-list-modern .fiscal-diag-row{grid-template-columns:26px minmax(0,1fr)}.fiscal-diag-list-modern .fiscal-diag-row em,.fiscal-diag-list-modern .fiscal-fix-button{grid-column:2;justify-self:start}.fiscal-module-actions-modern{padding-left:14px!important;padding-right:14px!important}}
/* v1.0.346 — acabamento premium da Verificação Fiscal */
.fiscal-page-title-icon,.fiscal-summary-icon,.fiscal-module-icon{position:relative;overflow:hidden}
.fiscal-page-title-icon svg,.fiscal-summary-icon svg,.fiscal-module-icon svg,.fiscal-diag-mark svg,.fiscal-summary-arrow svg,.fiscal-module-link svg,.fiscal-config-button svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.fiscal-page-title-icon{color:#1473e6;background:linear-gradient(145deg,#edf6ff,#dcecff);border-color:#bcdcff;box-shadow:0 10px 24px rgba(20,115,230,.12)}
.fiscal-summary-modern .fiscal-summary-card{border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:18px;padding:16px 16px 16px 14px;box-shadow:0 7px 24px rgba(29,53,87,.07)}
.fiscal-summary-modern .fiscal-summary-card:before{display:none}
.fiscal-summary-modern .fiscal-summary-icon{width:58px;height:58px;border-radius:17px;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 8px 18px rgba(29,53,87,.11)}
.fiscal-summary-modern .fiscal-summary-icon svg{width:29px!important;height:29px!important;stroke-width:1.9!important}
.fiscal-summary-modern .nfe .fiscal-summary-icon{color:#fff;background:linear-gradient(145deg,#338cff,#0b66e4)}
.fiscal-summary-modern .nfce .fiscal-summary-icon{color:#fff;background:linear-gradient(145deg,#48c98a,#18a965)}
.fiscal-summary-modern .nfse .fiscal-summary-icon{color:#fff;background:linear-gradient(145deg,#8c61f2,#6538df)}
.fiscal-summary-modern .env .fiscal-summary-icon{color:#fff;background:linear-gradient(145deg,#ff9a38,#f46b15)}
.fiscal-summary-modern .nfe{--fiscal-accent:#1976ed}.fiscal-summary-modern .nfce{--fiscal-accent:#23b56f}.fiscal-summary-modern .nfse{--fiscal-accent:#7648e8}.fiscal-summary-modern .env{--fiscal-accent:#f27a1a}
.fiscal-summary-modern .fiscal-summary-eyebrow{color:var(--fiscal-accent);font-size:9px}.fiscal-summary-modern strong{font-size:14.5px;font-weight:800}.fiscal-summary-modern small{font-size:9.7px}
.fiscal-summary-modern .fiscal-progress{background:color-mix(in srgb,var(--fiscal-accent) 13%,transparent);height:5px!important}.fiscal-summary-modern .fiscal-progress i{background:var(--fiscal-accent)}
.fiscal-summary-modern .fiscal-summary-arrow{color:var(--fiscal-accent);background:color-mix(in srgb,var(--fiscal-accent) 8%,var(--surface))}
.fiscal-module-grid-modern{gap:16px}.fiscal-module-card-modern{border-radius:18px!important;box-shadow:0 9px 28px rgba(29,53,87,.07)!important}
.fiscal-module-card-modern:nth-child(1){--module-accent:#1976ed}.fiscal-module-card-modern:nth-child(2){--module-accent:#23b56f}.fiscal-module-card-modern:nth-child(3){--module-accent:#7648e8}
.fiscal-module-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;color:var(--module-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 12%,var(--surface)),color-mix(in srgb,var(--module-accent) 5%,var(--surface)));border:1px solid color-mix(in srgb,var(--module-accent) 28%,var(--surface));box-shadow:0 6px 14px color-mix(in srgb,var(--module-accent) 10%,transparent)}
.fiscal-module-icon svg{width:24px!important;height:24px!important;stroke-width:1.9!important}.fiscal-module-card-modern h2{font-size:16px;font-weight:800}
.fiscal-diag-list-modern{padding:7px 16px 3px}.fiscal-diag-list-modern .fiscal-diag-row{padding:12px 4px;grid-template-columns:30px minmax(0,1fr) auto}
.fiscal-diag-list-modern .fiscal-diag-mark{width:24px;height:24px;color:#fff;background:linear-gradient(145deg,#4fc86f,#27a94c);border:0;box-shadow:0 4px 10px rgba(39,169,76,.16)}
.fiscal-diag-list-modern .fiscal-diag-mark svg{width:14px!important;height:14px!important;stroke-width:2.3!important}
.fiscal-diag-list-modern .warn .fiscal-diag-mark{color:#fff;background:linear-gradient(145deg,#ffc95b,#e8a416);border:0;box-shadow:0 4px 10px rgba(232,164,22,.18)}
.fiscal-diag-list-modern .fiscal-diag-row.warn{background:linear-gradient(90deg,rgba(255,247,226,.95),color-mix(in srgb,#fff7e2 68%,var(--surface)));border-color:#f1d28d}
.fiscal-diag-copy b{font-size:10.7px!important}.fiscal-diag-copy span{font-size:9px!important}.fiscal-diag-list-modern em{color:#168342!important;font-weight:800!important;font-style:normal!important}
.fiscal-module-link{color:var(--module-accent);font-weight:800}.fiscal-module-actions-modern{background:color-mix(in srgb,var(--module-accent) 2.5%,var(--surface))}
/* DNSOFT_VISUAL_SYSTEM_V2_BEGIN
Camada exclusivamente visual. Mantém o HTML funcional, IDs, names, actions e JS existentes.
Toda a paleta estrutural deriva da Identidade Visual do administrador. */
body.dn-visual-v2{
--dn-primary-soft:color-mix(in srgb,var(--primary) 10%,var(--surface));
--dn-primary-softer:color-mix(in srgb,var(--primary) 5%,var(--surface));
--dn-border:color-mix(in srgb,var(--text) 10%,transparent);
--dn-border-strong:color-mix(in srgb,var(--primary) 24%,var(--dn-border));
--dn-muted:color-mix(in srgb,var(--text) 58%,transparent);
--dn-shadow:0 10px 30px color-mix(in srgb,var(--text) 7%,transparent);
--dn-shadow-hover:0 15px 38px color-mix(in srgb,var(--text) 11%,transparent);
--dn-radius:16px;
--dn-radius-sm:11px;
}
body.dn-visual-v2 .content,
body.dn-visual-v2 .main-content{background:var(--bg)}
body.dn-visual-v2 .page-head{
position:relative;display:flex;align-items:center;gap:14px;
margin-bottom:22px;
}
body.dn-visual-v2 .page-head::before{
content:"";width:46px;height:46px;flex:0 0 46px;border-radius:14px;
background-color:var(--primary);
background-image:var(--dn-page-icon);
background-position:center;background-repeat:no-repeat;background-size:24px 24px;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent),
0 8px 22px color-mix(in srgb,var(--primary) 18%,transparent);
}
body.dn-visual-v2 .page-head>div:first-child{min-width:0}
body.dn-visual-v2 .page-title{font-weight:800;letter-spacing:-.025em;color:var(--text)}
body.dn-visual-v2 .page-subtitle{color:var(--dn-muted);line-height:1.5}
body.dn-visual-v2 .breadcrumb{color:var(--primary);font-weight:700}
/* SVGs brancos embutidos apenas como decoração visual do cabeçalho. */
body.dn-visual-v2{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-clientes{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.5-4 2.4-6 5.5-6s5 2 5.5 6M16 6.5a3 3 0 0 1 0 5.8M17 14c2.2.6 3.3 2.2 3.5 4.7'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-produtos{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5-8 4.5-8-4.5L12 3Z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5V16l-8 5-8-5V7.5Z'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-estoque{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 7h16v13H4zM7 7V4h10v3M8 12h8M12 9v6'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-vendas{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='18' cy='19' r='1.5'/%3E%3Cpath d='M3 4h2l2 10h11l2-7H6M9 9h7'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-os{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='m14 6 4-4 4 4-4 4M18 2v8M4 20l8-8M7 7l3 3M3 17l4 4'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-financeiro{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4M16 14v2'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-relatorios{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-documentos{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v5h4M9 13h6M9 17h6'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-comunicacao{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H6l-4 2 1.5-5A8 8 0 1 1 21 12Z'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-fiscal{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 3 20 6v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")}
body.dn-visual-v2.dn-cat-administracao{--dn-page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.5 1A8 8 0 0 0 14.7 6L14.3 3h-4.6l-.4 3a8 8 0 0 0-1.7 1.1l-2.5-1-2 3.4 2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.5-1A8 8 0 0 0 9.3 18l.4 3h4.6l.4-3a8 8 0 0 0 1.7-1.1l2.5 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E")}
/* Cards e painéis */
body.dn-visual-v2 :is(.card,.panel,.box,.settings-card,.table-card,.sales-kpi,.kpi,.admin-kpi){
background:var(--surface);
border-color:var(--dn-border) !important;
border-radius:var(--dn-radius) !important;
box-shadow:var(--dn-shadow);
}
body.dn-visual-v2 :is(.card,.panel,.settings-card,.table-card,.sales-kpi,.kpi,.admin-kpi){
transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
@media (hover:hover){
body.dn-visual-v2 :is(.card,.settings-card,.sales-kpi,.kpi,.admin-kpi):hover{
border-color:var(--dn-border-strong) !important;
box-shadow:var(--dn-shadow-hover);
}
}
body.dn-visual-v2 :is(.panel-head,.section-title-row,.table-toolbar){
border-color:var(--dn-border) !important;
}
body.dn-visual-v2 :is(.panel-head,.section-title-row) h2,
body.dn-visual-v2 :is(.panel-head,.section-title-row) h3{font-weight:800;letter-spacing:-.015em}
/* Formulários */
body.dn-visual-v2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
background:var(--surface);
color:var(--text);
border-color:var(--dn-border) !important;
border-radius:var(--dn-radius-sm) !important;
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.dn-visual-v2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{
outline:none !important;border-color:var(--primary) !important;
box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent) !important;
}
body.dn-visual-v2 :is(.field-help,.muted,.table-sub){color:var(--dn-muted)}
body.dn-visual-v2 .field label,
body.dn-visual-v2 .label{font-weight:700;color:color-mix(in srgb,var(--text) 86%,transparent)}
/* Botões */
body.dn-visual-v2 :is(.btn,.page-btn,.btn-mini,.icon-action){
border-radius:10px;
transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,border-color .14s ease;
}
body.dn-visual-v2 .btn:not(.secondary):not(.danger):not(.danger-btn){
box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent);
}
@media (hover:hover){
body.dn-visual-v2 :is(.btn,.page-btn,.btn-mini,.icon-action):hover{transform:translateY(-1px)}
}
body.dn-visual-v2 .btn.secondary{
background:var(--surface);color:var(--primary);
border-color:color-mix(in srgb,var(--primary) 28%,var(--dn-border));
}
/* Tabelas */
body.dn-visual-v2 .table-wrap{
background:var(--surface);
border:1px solid var(--dn-border);
border-radius:var(--dn-radius) !important;
overflow:auto;
box-shadow:0 7px 24px color-mix(in srgb,var(--text) 5%,transparent);
}
body.dn-visual-v2 table{border-collapse:separate;border-spacing:0}
body.dn-visual-v2 table thead th{
background:var(--dn-primary-softer);
color:color-mix(in srgb,var(--text) 82%,var(--primary));
font-weight:800;border-color:var(--dn-border) !important;
}
body.dn-visual-v2 table tbody td{border-color:var(--dn-border) !important}
@media (hover:hover){
body.dn-visual-v2 table tbody tr:hover td{background:var(--dn-primary-softer)}
}
/* Modais */
body.dn-visual-v2 .modal-overlay{backdrop-filter:blur(5px)}
body.dn-visual-v2 .modal-card{
background:var(--surface);color:var(--text);
border:1px solid var(--dn-border) !important;border-radius:18px !important;
box-shadow:0 24px 70px color-mix(in srgb,var(--text) 20%,transparent) !important;
}
body.dn-visual-v2 :is(.modal-head,.modal-foot){border-color:var(--dn-border) !important}
/* Status e avisos */
body.dn-visual-v2 :is(.status-pill,.badge){
border-radius:999px;font-weight:800;letter-spacing:.01em;
}
body.dn-visual-v2 :is(.notice-success,.notice-error,.error-box){
border-radius:12px !important;
}
/* Paginação */
body.dn-visual-v2 .pagination :is(a,button,.page-btn){
border-radius:9px;border-color:var(--dn-border);
}
body.dn-visual-v2 .pagination :is(.active,[aria-current=page]){
background:var(--primary);color:#fff;border-color:var(--primary);
}
/* Sidebar e topo: acabamento comum sem substituir a paleta escolhida. */
body.dn-visual-v2 .sidebar{border-color:var(--dn-border)}
body.dn-visual-v2 .nav-item,
body.dn-visual-v2 .nav-parent{border-radius:10px}
body.dn-visual-v2 .nav-item.active,
body.dn-visual-v2 .nav-parent.active{
background:var(--dn-primary-soft);color:var(--primary);
}
body.dn-visual-v2 .topbar{border-color:var(--dn-border);box-shadow:0 1px 0 color-mix(in srgb,var(--text) 3%,transparent)}
/* A Verificação Fiscal v1.0.346 já possui identidade premium própria.
Preservamos seus cards coloridos e apenas mantemos os refinamentos globais não conflitantes. */
body.dn-page-fiscal_diagnostico .page-head::before{display:none}
/* Responsivo: o ícone do título não deve apertar telas pequenas. */
@media(max-width:700px){
body.dn-visual-v2 .page-head{gap:10px}
body.dn-visual-v2 .page-head::before{width:40px;height:40px;flex-basis:40px;border-radius:12px;background-size:21px 21px}
}
/* DNSOFT_VISUAL_SYSTEM_V2_END */
/* DNSOFT_VISUAL_SYSTEM_V3_BEGIN
Segunda passada visual: componentes reais de cada módulo.
Somente CSS. Nenhum name/id/action/SQL/JS/regra de negócio é alterado. */
/* Ícones de título: torna a mudança visível mesmo em páginas com cabeçalhos antigos. */
body.dn-visual-v2 :is(.client-page-head,.notification-page-head,.fiscal-page-head,.nfce-page)>:first-child{
border-radius:14px;
}
/* KPIs de todos os módulos */
body.dn-visual-v2 :is(.admin-kpi,.sales-kpi,.vale-kpi,.receivable-kpi,.cash-kpi,.commission-kpi,.kpi,.perf-card,.stock-summary-grid>*,.imei-kpis>*){
position:relative;overflow:hidden;
background:linear-gradient(145deg,var(--surface),var(--dn-primary-softer)) !important;
border:1px solid var(--dn-border) !important;
border-radius:15px !important;
box-shadow:0 7px 22px color-mix(in srgb,var(--text) 6%,transparent);
}
body.dn-visual-v2 :is(.admin-kpi,.sales-kpi,.vale-kpi,.receivable-kpi,.cash-kpi,.commission-kpi,.kpi,.perf-card)::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);
}
body.dn-visual-v2 :is(.kpi-icon,.nfce-summary-icon,.report-card-icon,.security-icon,.notification-symbol,.method-icon){
border-radius:12px !important;
background:var(--dn-primary-soft) !important;
color:var(--primary) !important;
border:1px solid color-mix(in srgb,var(--primary) 18%,transparent) !important;
}
/* Filtros e barras de pesquisa */
body.dn-visual-v2 :is(.sales-filter-card,.commission-filter-card,.document-filter-card,.imei-filter-card,.product-consult-filter,.audit-filter-card,.stock-history-filter,.credit-panel){
background:linear-gradient(180deg,var(--surface),var(--dn-primary-softer)) !important;
border:1px solid var(--dn-border) !important;
border-radius:15px !important;
box-shadow:0 7px 22px color-mix(in srgb,var(--text) 5%,transparent);
}
/* Dashboard */
body.dn-page-index .panel{overflow:hidden}
body.dn-page-index .panel-head{background:var(--dn-primary-softer);padding-top:14px;padding-bottom:14px}
body.dn-page-index .admin-kpi{min-height:92px}
body.dn-page-index :is(.user-mini-card,.admin-license-info,.dash-compact-list){
border-color:var(--dn-border) !important;border-radius:13px !important;
}
/* Clientes e Produtos */
body.dn-cat-clientes :is(.client-tab,.client-tab-pane),
body.dn-cat-produtos :is(.client-tab,.client-tab-pane){border-color:var(--dn-border) !important}
body.dn-cat-clientes .client-tab.active,
body.dn-cat-produtos .client-tab.active{
color:var(--primary) !important;background:var(--dn-primary-soft) !important;
border-color:color-mix(in srgb,var(--primary) 20%,transparent) !important;
}
body.dn-cat-clientes :is(.client-avatar),
body.dn-cat-produtos :is(.product-image-placeholder,.ncm-empty){
background:var(--dn-primary-soft) !important;color:var(--primary) !important;
border-color:color-mix(in srgb,var(--primary) 18%,transparent) !important;
}
body.dn-cat-produtos :is(.money-calc,.product-consult-meta-item){
border-radius:11px !important;background:var(--dn-primary-softer) !important;border-color:var(--dn-border) !important;
}
/* Estoque */
body.dn-cat-estoque :is(.stock-card,.stock-note){
border-radius:15px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-estoque .stock-card{background:var(--surface) !important;box-shadow:var(--dn-shadow)}
body.dn-cat-estoque .stock-card-head{
background:var(--dn-primary-softer) !important;border-color:var(--dn-border) !important;
}
body.dn-cat-estoque .stock-note{background:var(--dn-primary-softer) !important}
/* Vendas / PDV */
body.dn-cat-vendas :is(.pdv-action-btn,.pdv-payment-method,.pdv-result,.order-search){
border-radius:13px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-vendas .pdv-action-btn{box-shadow:0 6px 18px color-mix(in srgb,var(--text) 6%,transparent)}
body.dn-cat-vendas .pdv-payment-method{
background:var(--surface) !important;transition:.16s ease;
}
body.dn-cat-vendas .pdv-payment-method:hover{
border-color:var(--primary) !important;background:var(--dn-primary-softer) !important;
}
body.dn-cat-vendas :is(.pdv-search-results,.pdv-result-message){
border-radius:12px !important;border-color:var(--dn-border) !important;
}
/* Ordens de Serviço */
body.dn-cat-os :is(.os-panel,.os-wa-template,.os-pay-method){
border-radius:14px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-os .os-panel{background:var(--surface) !important;box-shadow:var(--dn-shadow)}
body.dn-cat-os .os-wa-template{background:var(--dn-primary-softer) !important}
/* Financeiro */
body.dn-cat-financeiro :is(.account-detail-grid>*,.check-line,.permission-card,.interest-example-values){
border-radius:12px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-financeiro :is(.account-tab.active){
background:var(--dn-primary-soft) !important;color:var(--primary) !important;
}
body.dn-cat-financeiro .seller-avatar{
background:var(--primary) !important;color:#fff !important;
box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 20%,transparent);
}
/* Relatórios */
body.dn-cat-relatorios .report-group{
border:1px solid var(--dn-border) !important;border-radius:16px !important;background:var(--surface);
box-shadow:var(--dn-shadow);
}
body.dn-cat-relatorios .report-group-title{color:var(--text);font-weight:800}
body.dn-cat-relatorios .report-card{
border-radius:13px !important;border-color:var(--dn-border) !important;background:var(--surface) !important;
}
body.dn-cat-relatorios .report-card:hover{
border-color:var(--primary) !important;background:var(--dn-primary-softer) !important;
}
body.dn-cat-relatorios .report-card-arrow{color:var(--primary) !important}
/* Documentos / comunicação */
body.dn-cat-documentos .document-filter-card{box-shadow:var(--dn-shadow)}
body.dn-cat-comunicacao .notification-card{
border-radius:14px !important;border-color:var(--dn-border) !important;background:var(--surface) !important;
}
body.dn-cat-comunicacao .notification-card:hover{background:var(--dn-primary-softer) !important}
body.dn-cat-comunicacao :is(.wa-compose-card,.wa-client-search){
border-radius:14px !important;border-color:var(--dn-border) !important;
}
/* Administração */
body.dn-cat-administracao .settings-layout{gap:16px}
body.dn-cat-administracao .settings-menu{
border:1px solid var(--dn-border) !important;border-radius:15px !important;
background:var(--surface) !important;box-shadow:0 7px 24px color-mix(in srgb,var(--text) 5%,transparent);
}
body.dn-cat-administracao .settings-menu :is(a,button,.nav-item){
border-radius:10px !important;
}
body.dn-cat-administracao .settings-menu :is(.active,a:hover,button:hover){
background:var(--dn-primary-soft) !important;color:var(--primary) !important;
}
body.dn-cat-administracao :is(.config-card-head,.store-subhead,.section-title-row){
background:var(--dn-primary-softer);border-radius:11px;border-color:var(--dn-border) !important;
}
body.dn-cat-administracao :is(.config-help-card,.install-step,.toggle-row,.store-subcard,.card-terminal-editor){
border-radius:13px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-administracao .theme-preset{
border-radius:12px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-administracao .theme-preset:hover{
border-color:var(--primary) !important;box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 12%,transparent);
}
/* Fiscal: preserva a Verificação Fiscal premium e melhora as demais telas. */
body.dn-cat-fiscal:not(.dn-page-fiscal_diagnostico) :is(.fiscal-card,.fiscal-subcard,.nfce-summary-card,.nfce2-section-head){
border-radius:15px !important;border-color:var(--dn-border) !important;
}
body.dn-cat-fiscal:not(.dn-page-fiscal_diagnostico) .fiscal-card{
background:var(--surface) !important;box-shadow:var(--dn-shadow);
}
body.dn-cat-fiscal:not(.dn-page-fiscal_diagnostico) :is(.section-title-row,.nfce2-section-head){
background:var(--dn-primary-softer) !important;
}
body.dn-cat-fiscal :is(.nfce-section-kicker,.nfce2-section-kicker){color:var(--primary) !important}
/* Desempenho */
body.dn-page-desempenho .perf-panel{
border-radius:15px !important;border-color:var(--dn-border) !important;background:var(--surface) !important;
box-shadow:var(--dn-shadow);
}
body.dn-page-desempenho .perf-head{background:var(--dn-primary-softer) !important;border-color:var(--dn-border) !important}
/* Atualizações: evita o aspecto de "uma das únicas páginas alteradas" e mantém consistência. */
body.dn-page-atualizacoes .version-card{
border-color:color-mix(in srgb,var(--primary) 25%,var(--dn-border)) !important;
box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 10%,transparent);
}
/* DNSOFT_VISUAL_SYSTEM_V3_END */
/* DNSoft PDV 1.0.525 - consumidor/cliente concentrado no F9 */
.pdv-payment-customer-box{border:1px solid #dfe8ef;border-radius:10px;background:#fbfdff;padding:10px 11px;margin-bottom:11px}
.pdv-payment-customer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.pdv-payment-customer-head>div{min-width:0}.pdv-payment-customer-head span,.pdv-payment-customer-head strong,.pdv-payment-customer-head small{display:block}
.pdv-payment-customer-head span{font-size:9px;text-transform:uppercase;font-weight:800;color:#7b8e9b}.pdv-payment-customer-head strong{font-size:12px;color:#304755;margin-top:2px}.pdv-payment-customer-head small{font-size:9.5px;color:#7f909b;margin-top:2px}
.pdv-payment-client-search{position:relative}.pdv-payment-client-search input{width:100%;height:39px;border:1px solid #cddae4;border-radius:8px;padding:0 11px;font-size:11.5px;outline:none;background:#fff}.pdv-payment-client-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,128,237,.1)}
.pdv-payment-customer-help{display:block;font-size:9.5px;line-height:1.45;color:#7f8f9a;margin-top:6px}.pdv-quick-doc-result b,.pdv-payment-client-result>span:last-child b{font-size:8.5px;color:#3976b8}
@media(max-width:620px){.pdv-payment-customer-head{align-items:flex-start;flex-direction:column}.pdv-payment-customer-head>.btn{width:100%}}
/* DNSoft Fiscal v1.0.635 — organização do motor fiscal por documento */
.nav-fiscal-menu>.nav-subgroup{margin:0}
.nav-fiscal-menu>.nav-subgroup>.nav-subparent{display:flex;align-items:center;gap:8px;width:100%;font-weight:700;color:#536c80}
.nav-fiscal-menu>.nav-subgroup>.nav-subparent .nav-arrow{margin-left:auto;display:flex;transition:transform .18s ease}
.nav-fiscal-menu>.nav-subgroup.open>.nav-subparent .nav-arrow{transform:rotate(90deg)}
.nav-fiscal-menu>.nav-subgroup>.nav-submenu{margin:2px 0 5px 13px;padding-left:10px;border-left:1px solid #dbe6f1}
.nav-fiscal-menu>.nav-subgroup>.nav-submenu .nav-subitem{font-size:12.8px;padding:7px 9px}
/* v1.0.639 — OS compacta + informações avançadas recolhíveis */
.os-equipment-main-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.os-equipment-main-grid .os-equip-brand,.os-equipment-main-grid .os-equip-model{grid-column:span 3}
.os-equipment-main-grid .os-equip-serial,.os-equipment-main-grid .os-equip-imei1,.os-equipment-main-grid .os-equip-imei2{grid-column:span 2}
.os-equipment-main-grid .os-equip-accessories{grid-column:1/-1}
.os-modality-extra-wrap{margin:10px 0 12px!important}
.os-modality-details{border:1px solid color-mix(in srgb,var(--primary) 14%,var(--control-border-strong) 86%);border-radius:12px;background:color-mix(in srgb,var(--primary) 2.5%,var(--surface) 97.5%);overflow:hidden}
.os-modality-details[hidden]{display:none!important}
.os-modality-details>.os-modality-fields-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:10px;margin:0!important;padding:10px 12px;cursor:pointer;list-style:none;user-select:none}
.os-modality-details>.os-modality-fields-head::-webkit-details-marker{display:none}
.os-modality-details>.os-modality-fields-head>span:first-child{display:flex;align-items:baseline;gap:7px;min-width:0}
.os-modality-details>.os-modality-fields-head strong{font-size:11px;color:var(--text);white-space:nowrap}
.os-modality-details>.os-modality-fields-head small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-extra-summary-copy{font-size:9px;color:var(--primary);font-weight:800;white-space:nowrap}
.os-extra-chevron{font-size:17px;line-height:1;color:var(--primary);transition:transform .16s;text-align:center}
.os-modality-details[open] .os-extra-chevron{transform:rotate(180deg)}
.os-modality-details>.os-modality-fields{border:0!important;border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--control-border-strong) 90%)!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:11px 12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.os-service-type-combo{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center}
.os-service-type-combo select{width:100%;min-width:0}
.os-service-type-add{margin-top:6px}
@media(max-width:850px){.os-equipment-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.os-equipment-main-grid .os-equip-brand,.os-equipment-main-grid .os-equip-model,.os-equipment-main-grid .os-equip-serial,.os-equipment-main-grid .os-equip-imei1,.os-equipment-main-grid .os-equip-imei2{grid-column:span 1}.os-equipment-main-grid .os-equip-accessories{grid-column:1/-1}.os-modality-details>.os-modality-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.os-equipment-main-grid{grid-template-columns:1fr!important}.os-equipment-main-grid>*{grid-column:1!important}.os-modality-details>.os-modality-fields{grid-template-columns:1fr!important}.os-modality-details>.os-modality-fields-head{grid-template-columns:minmax(0,1fr) 22px}.os-extra-summary-copy{display:none}.os-modality-details>.os-modality-fields-head>span:first-child{align-items:flex-start;flex-direction:column;gap:2px}}
/* v1.0.640 — Entrada da OS mais compacta em desktop
Objetivo: exibir o formulário básico sem rolagem quando o painel de informações extras estiver recolhido. */
@media (min-width:851px) and (min-height:700px){
#os-modal .os-modal-card{height:min(860px,96vh)!important;max-height:96vh!important}
#os-modal .modal-head{padding:14px 18px 11px!important}
#os-modal .modal-head h2{font-size:20px!important;line-height:1.15!important;margin-top:2px!important}
#os-modal .modal-head p{font-size:11px!important;margin-top:4px!important}
#os-modal .os-tabs button{padding:8px 11px!important;font-size:10px!important}
#os-modal .os-panel{padding:10px 14px!important}
#os-modal .os-top-grid{gap:6px!important}
#os-modal .field>label,#os-modal .os-top-grid .field>label,#os-modal .form-grid .field>label{font-size:10px!important;margin-bottom:4px!important}
#os-modal input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
#os-modal select{height:36px!important;min-height:36px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:11px!important}
#os-modal textarea{font-size:11px!important;line-height:1.35!important;padding:8px 10px!important}
#os-modal .os-device-client{gap:9px!important;margin:8px 0!important}
#os-modal .os-device-client>div{padding:8px 10px!important}
#os-modal .os-device-client h3{margin:0 0 6px!important;font-size:10px!important}
#os-modal .os-equipment-main-grid{gap:6px!important}
#os-modal .os-catalog-combo{gap:5px!important}
#os-modal .os-catalog-plus{width:36px!important;height:36px!important;min-width:36px!important}
#os-modal .os-selected-client{margin-top:6px!important;padding:8px 9px!important}
#os-modal .os-modality-extra-wrap{margin:7px 0 8px!important}
#os-modal .os-modality-details>.os-modality-fields-head{padding:8px 10px!important}
#os-modal .os-service-type-combo{grid-template-columns:minmax(0,1fr) 36px!important;gap:5px!important}
#os-modal #os-ai-status{font-size:9.5px!important;line-height:1.25!important;margin-top:3px!important}
#os-modal .os-panel[data-panel="entrada"] textarea[name="defeito"]{min-height:82px!important;height:82px!important}
#os-modal .os-panel[data-panel="entrada"] .field{margin-bottom:0!important}
#os-modal .modal-foot{padding:9px 14px!important}
#os-modal .modal-foot .btn{min-height:36px!important;padding:7px 13px!important;font-size:11px!important}
}
/* ===== v1.0.687 — Dashboard administrativa executiva e interativa ===== */
.admin-dashboard-head{padding:18px 20px!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--control-border-strong))!important;border-radius:18px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface) 58%,color-mix(in srgb,#6d5dfc 7%,var(--surface)))!important;box-shadow:0 12px 32px rgba(15,23,42,.07)!important;margin-bottom:14px!important}
.admin-dashboard-head .page-title{font-size:28px!important;letter-spacing:-.7px}.admin-dashboard-head .page-subtitle{font-size:11px!important}
.admin-snapshot>a{height:112px!important;min-height:112px!important;padding:14px 15px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;box-sizing:border-box!important;border:1px solid var(--control-border-strong);border-radius:14px;background:var(--surface);text-decoration:none;color:inherit;transition:.18s ease;position:relative;overflow:hidden}
.admin-snapshot>a:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary);opacity:.8}.admin-snapshot>a:hover,.admin-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--primary) 38%,var(--control-border-strong))}
.admin-snapshot>a:nth-child(2):before{background:#16a36a}.admin-snapshot>a:nth-child(3):before{background:#7657e8}
.admin-snapshot>a span{font-size:10.5px!important;font-weight:780!important;color:var(--muted)}.admin-snapshot>a strong{font-size:21px!important;margin:3px 0 1px!important}.admin-snapshot>a small{font-size:9px!important;color:var(--muted)}
.admin-kpi{position:relative;overflow:hidden;text-decoration:none!important;color:inherit!important;transition:.18s ease;box-shadow:0 5px 15px rgba(15,23,42,.035)}.admin-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--kpi-accent,var(--primary));opacity:.85}.admin-kpi .kpi-icon{background:color-mix(in srgb,var(--kpi-accent,var(--primary)) 12%,var(--surface))!important;color:var(--kpi-accent,var(--primary))!important}.kpi-sales{--kpi-accent:#087fdb}.kpi-month{--kpi-accent:#7657e8}.kpi-receive{--kpi-accent:#159a63}.kpi-pay{--kpi-accent:#e99a22}.kpi-os{--kpi-accent:#0f8f9d}.kpi-stock{--kpi-accent:#d95858}
.admin-command-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;margin:0 0 12px;border:1px solid var(--control-border-strong);border-radius:15px;background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));box-shadow:0 6px 18px rgba(15,23,42,.04)}.admin-command-bar>div{display:flex;flex-direction:column}.admin-command-bar small{font-size:8px;font-weight:850;letter-spacing:1px;color:var(--primary)}.admin-command-bar strong{font-size:14px}.admin-command-bar nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-command-bar a{padding:8px 11px;border:1px solid var(--control-border-strong);border-radius:9px;background:var(--surface);font-size:9px;font-weight:750;color:var(--text);text-decoration:none;transition:.15s}.admin-command-bar a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}
.admin-chart-panel,.admin-insight-grid>.panel,.admin-table-grid>.panel{box-shadow:0 7px 20px rgba(15,23,42,.035)!important;border-radius:15px!important}
@media(max-width:900px){.admin-command-bar{align-items:flex-start;flex-direction:column}.admin-command-bar nav{justify-content:flex-start}.admin-snapshot>a{height:104px!important;min-height:104px!important}}
/* v1.0.741 — validação global de CPF/CNPJ e busca rápida de cliente na OS */
.br-doc-validator-message{display:block;margin-top:5px;font-size:11px;color:var(--muted,#6b7280)}
.br-doc-validator-message.ok{color:#168653}.br-doc-validator-message.error{color:#c0392b}.br-doc-validator-message.warn{color:#a56a00}
input.br-doc-invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,.08)!important}
input.br-doc-valid{border-color:#2ca66f!important}
.os-quick-client-field{position:relative}.os-quick-client-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% - 2px);max-height:245px;overflow:auto;background:var(--panel,#fff);border:1px solid var(--border,#dfe4ea);border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.16);padding:5px}
.os-quick-client-option{display:flex;width:100%;flex-direction:column;gap:2px;text-align:left;border:0;background:transparent;padding:10px 11px;border-radius:8px;cursor:pointer;color:inherit}.os-quick-client-option:hover{background:rgba(55,112,230,.09)}.os-quick-client-option small,.os-quick-client-empty{color:var(--muted,#6b7280);font-size:11px}.os-quick-client-empty{padding:11px}
/* ===== v1.0.743: recebimento compacto em telas pequenas/baixas =====
Mantém todas as informações operacionais visíveis sem rolagem interna no modal. */
@media (max-height:820px), (max-width:1000px){
#pdv-payment-modal{padding:6px!important;align-items:center!important;justify-content:center!important}
#pdv-payment-modal .pdv-payment-modal{
width:min(920px,calc(100vw - 12px))!important;
max-width:min(920px,calc(100vw - 12px))!important;
height:auto!important;
max-height:calc(100dvh - 12px)!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
#pdv-payment-modal .modal-head{padding:9px 12px 7px!important;min-height:0!important}
#pdv-payment-modal .modal-head small{font-size:7.5px!important}
#pdv-payment-modal .modal-head h2{font-size:17px!important;line-height:1.05!important;margin:1px 0 0!important}
#pdv-payment-modal .modal-head p{font-size:9px!important;line-height:1.2!important;margin:2px 0 0!important}
#pdv-payment-modal .modal-close{width:34px!important;height:34px!important;flex:0 0 34px!important}
#pdv-payment-modal .modal-body{
padding:8px 12px!important;
overflow:visible!important;
flex:0 1 auto!important;
min-height:0!important;
}
#pdv-payment-modal .pdv-payment-total{padding:6px 9px!important;margin-bottom:6px!important;border-radius:8px!important}
#pdv-payment-modal .pdv-payment-total span{font-size:8.5px!important}
#pdv-payment-modal .pdv-payment-total strong{font-size:16px!important}
#pdv-payment-modal .pdv-payment-customer-box{padding:6px 8px!important;margin-bottom:6px!important;border-radius:8px!important}
#pdv-payment-modal .pdv-payment-customer-head{margin-bottom:5px!important;gap:7px!important}
#pdv-payment-modal .pdv-payment-customer-head span{font-size:7.5px!important}
#pdv-payment-modal .pdv-payment-customer-head strong{font-size:10px!important;margin-top:0!important}
#pdv-payment-modal .pdv-payment-customer-head small{font-size:8px!important;margin-top:0!important}
#pdv-payment-modal .pdv-payment-customer-head>.btn{min-height:32px!important;height:32px!important;padding:0 10px!important;font-size:9px!important}
#pdv-payment-modal .pdv-payment-client-search input{height:32px!important;min-height:32px!important;font-size:11px!important;padding:0 9px!important}
#pdv-payment-modal .pdv-payment-customer-help{font-size:8px!important;line-height:1.2!important;margin-top:3px!important}
#pdv-payment-modal .pdv-payment-mode-head{margin:4px 0!important;min-height:20px!important}
#pdv-payment-modal .pdv-payment-mode-head strong{font-size:10px!important}
#pdv-payment-modal .pdv-multiple-toggle{font-size:9px!important}
#pdv-payment-modal .pdv-payment-methods{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
#pdv-payment-modal .pdv-payment-method{min-height:52px!important;height:52px!important;gap:2px!important;border-radius:8px!important;padding:4px!important}
#pdv-payment-modal .pdv-method-svg{width:27px!important;height:27px!important;border-radius:7px!important}
#pdv-payment-modal .pdv-method-svg svg{width:17px!important;height:17px!important}
#pdv-payment-modal .pdv-payment-method strong{font-size:8.5px!important;line-height:1!important}
#pdv-payment-modal .pdv-single-cash-box{margin-top:5px!important}
#pdv-payment-modal .field>label{font-size:8.5px!important;margin-bottom:3px!important}
#pdv-payment-modal .field input,#pdv-payment-modal .field select{height:32px!important;min-height:32px!important;padding-top:0!important;padding-bottom:0!important;font-size:11px!important}
#pdv-payment-modal .field small{font-size:8px!important;line-height:1.15!important;margin-top:2px!important}
#pdv-payment-modal .pdv-multiple-info{padding:5px 7px!important;margin:4px 0!important;font-size:8.5px!important}
#pdv-payment-modal .pdv-payment-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
#pdv-payment-modal .pdv-payment-grid .field:last-child{grid-column:auto!important}
#pdv-payment-modal .pdv-card-confirm-notice{padding:6px 8px!important;margin:5px 0!important;gap:6px!important}
#pdv-payment-modal .pdv-card-confirm-notice p{font-size:8px!important;margin:1px 0 0!important}
#pdv-payment-modal .pdv-card-terminal-box{
grid-template-columns:minmax(180px,1.05fr) minmax(120px,.75fr) minmax(0,2fr)!important;
gap:6px!important;
margin:5px 0!important;
padding:6px!important;
border-radius:8px!important;
align-items:end!important;
}
#pdv-payment-modal .pdv-card-fee-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;grid-column:auto!important}
#pdv-payment-modal .pdv-card-fee-summary>div{min-width:0!important;padding:5px 6px!important;border-radius:6px!important}
#pdv-payment-modal .pdv-card-fee-summary>div:first-child{min-width:0!important}
#pdv-payment-modal .pdv-card-fee-summary span{font-size:7px!important;line-height:1.05!important}
#pdv-payment-modal .pdv-card-fee-summary strong,#pdv-payment-modal .pdv-card-fee-summary>div:first-child strong{font-size:9px!important;line-height:1.1!important;margin-top:1px!important}
#pdv-payment-modal .pdv-payment-balance{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:5px!important}
#pdv-payment-modal .pdv-payment-balance>div{padding:5px 7px!important;border-radius:7px!important}
#pdv-payment-modal .pdv-payment-balance span{font-size:7.5px!important}
#pdv-payment-modal .pdv-payment-balance strong{font-size:11px!important;margin-top:0!important}
#pdv-payment-modal .modal-foot{padding:7px 10px!important;gap:6px!important;flex-wrap:nowrap!important}
#pdv-payment-modal .modal-foot .btn{min-height:36px!important;height:36px!important;padding:0 13px!important;font-size:10px!important;flex:0 0 auto!important;min-width:0!important}
}
@media (max-width:600px){
#pdv-payment-modal{padding:3px!important;align-items:center!important;justify-content:center!important}
#pdv-payment-modal .pdv-payment-modal{
width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;
height:auto!important;max-height:calc(100dvh - 6px)!important;border-radius:10px!important;
}
#pdv-payment-modal .modal-head{padding:7px 8px 5px!important}
#pdv-payment-modal .modal-head p{display:none!important}
#pdv-payment-modal .modal-body{padding:6px 8px!important;overflow:visible!important}
#pdv-payment-modal .pdv-payment-customer-head{align-items:center!important;flex-direction:row!important}
#pdv-payment-modal .pdv-payment-customer-head>.btn{width:auto!important;white-space:nowrap!important}
#pdv-payment-modal .pdv-payment-customer-help{display:none!important}
#pdv-payment-modal .pdv-payment-methods{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
#pdv-payment-modal .pdv-payment-method{min-height:45px!important;height:45px!important;padding:2px!important}
#pdv-payment-modal .pdv-method-svg{width:23px!important;height:23px!important}
#pdv-payment-modal .pdv-method-svg svg{width:14px!important;height:14px!important}
#pdv-payment-modal .pdv-payment-method strong{font-size:7.2px!important}
#pdv-payment-modal .pdv-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
#pdv-payment-modal .pdv-payment-grid .field:last-child{grid-column:1/-1!important}
#pdv-payment-modal .pdv-card-terminal-box{grid-template-columns:1fr 1fr!important;gap:4px!important}
#pdv-payment-modal .pdv-card-fee-summary{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#pdv-payment-modal .pdv-payment-balance{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#pdv-payment-modal .modal-foot{padding:5px 7px!important}
#pdv-payment-modal .modal-foot .btn{height:34px!important;min-height:34px!important;font-size:9px!important;flex:1 1 50%!important}
}
@media (max-height:640px){
#pdv-payment-modal .modal-head p,#pdv-payment-modal .pdv-payment-customer-help{display:none!important}
#pdv-payment-modal .modal-head{padding-top:5px!important;padding-bottom:4px!important}
#pdv-payment-modal .modal-body{padding-top:4px!important;padding-bottom:4px!important}
#pdv-payment-modal .pdv-payment-total,#pdv-payment-modal .pdv-payment-customer-box{margin-bottom:4px!important}
#pdv-payment-modal .pdv-payment-method{height:42px!important;min-height:42px!important}
#pdv-payment-modal .pdv-method-svg{width:21px!important;height:21px!important}
#pdv-payment-modal .pdv-single-cash-box{margin-top:3px!important}
#pdv-payment-modal .pdv-card-terminal-box{margin:3px 0!important;padding:4px!important}
#pdv-payment-modal .pdv-payment-balance{margin-top:3px!important}
}
/* ===== v1.0.744: Contas a Receber realmente responsivo =====
O conteúdo útil fica menor que o viewport por causa do menu lateral; por isso
os filtros quebram antes e a tabela permanece dentro do card com rolagem própria. */
@media (max-width:1500px){
.receivable-toolbar{align-items:flex-start!important;flex-wrap:wrap!important}
.receivable-filters{display:flex!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;gap:7px!important}
.receivable-filters .search{flex:1 1 280px!important;min-width:220px!important;max-width:none!important}
.receivable-filters>select{flex:0 1 190px!important;min-width:150px!important;height:38px!important}
.receivable-filters .date-filter{
flex:1 0 100%!important;width:100%!important;min-width:0!important;
border-left:0!important;padding-left:0!important;margin-top:1px!important;
display:flex!important;align-items:flex-end!important;gap:7px!important
}
.receivable-filters .date-filter label{flex:0 1 170px!important;min-width:135px!important}
.receivable-filters .date-filter input{width:100%!important;min-width:0!important}
.receivable-filters .date-filter .btn-mini{height:36px!important;white-space:nowrap!important}
.receivable-toolbar .table-count{margin-left:auto!important}
.collection-center .table-toolbar{align-items:flex-start!important;gap:8px!important}
.collection-center .table-toolbar>div:first-child{min-width:0!important;flex:1 1 520px!important}
.collection-center .table-toolbar .muted{display:block!important;margin-top:2px!important}
.table-card>.table-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
.table-card>.table-wrap>table{min-width:980px!important}
}
@media (max-width:900px){
.page-head{align-items:flex-start!important;flex-wrap:wrap!important}
.page-head>.btn{margin-left:0!important}
.receivable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.receivable-kpi{padding:11px 12px!important;border-radius:11px!important}
.receivable-kpi strong{font-size:18px!important;margin:3px 0 2px!important}
.receivable-kpi span,.receivable-kpi small{font-size:10px!important}
.receivable-toolbar{padding:10px!important}
.receivable-filters .search{flex:1 0 100%!important;min-width:0!important}
.receivable-filters>select{flex:1 1 calc(33.333% - 6px)!important;min-width:145px!important}
.receivable-filters .date-filter{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
.receivable-filters .date-filter label{min-width:0!important}
.collection-center .table-toolbar{padding:10px 12px!important}
.collection-center .table-toolbar strong{font-size:14px!important}
.collection-center .table-toolbar .muted{font-size:10px!important;line-height:1.25!important}
}
@media (max-width:650px){
.receivable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.receivable-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.receivable-filters .search{grid-column:1/-1!important;width:100%!important}
.receivable-filters>select{width:100%!important;min-width:0!important;height:36px!important;padding-top:0!important;padding-bottom:0!important}
.receivable-filters>select[name="periodo"]{grid-column:1/-1!important}
.receivable-filters .date-filter{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.receivable-filters .date-filter .btn-mini{grid-column:1/-1!important;width:100%!important}
.receivable-filters .date-filter .clear-date{grid-column:1/-1!important;height:auto!important;justify-content:center!important;padding:4px!important}
.receivable-toolbar .table-count{width:100%!important;margin:0!important;text-align:right!important}
.collection-center .table-toolbar{flex-direction:column!important}
.collection-center .collection-summary{width:100%!important}
.table-card>.table-wrap>table{min-width:840px!important}
}
@media (max-width:430px){
.receivable-kpis{grid-template-columns:1fr 1fr!important;gap:6px!important}
.receivable-kpi{padding:9px 10px!important}
.receivable-kpi strong{font-size:16px!important}
.receivable-kpi small{font-size:9px!important}
.receivable-filters{grid-template-columns:1fr!important}
.receivable-filters .search,.receivable-filters>select,.receivable-filters>select[name="periodo"],.receivable-filters .date-filter{grid-column:1!important}
.receivable-filters .date-filter{grid-template-columns:1fr 1fr!important}
}
/* ===== v1.0.745 — Auditoria global de responsividade por AREA UTIL =====
Breakpoints antigos olhavam o viewport inteiro. Com a sidebar aberta, a area
real de conteudo e ~220px menor; por isso uma pagina podia ultrapassar o card
mesmo sem ultrapassar o breakpoint da janela. A partir daqui a .content
tambem e um container responsivo e os componentes criticos reagem a largura
que realmente possuem. */
.content{container-type:inline-size;container-name:dnsoft-content}
.content :is(.table-card,.panel,.settings-card,.config-card,.stock-card,.toolbar,.table-toolbar,.page-filters,.page-actions,form){min-width:0;max-width:100%}
.content :is(.table-wrap,.responsive-table-auto){width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.content :is(.toolbar,.table-toolbar,.page-filters,.page-actions){min-width:0}
.content :is(input,select,textarea){min-width:0}
/* OS: a coluna de acoes passa a ficar acessivel considerando a largura do
CONTEUDO, nao a largura total do monitor. */
@container dnsoft-content (max-width:1250px){
.os-toolbar{align-items:stretch!important}
.os-search-modern{display:grid!important;grid-template-columns:minmax(250px,1.45fr) minmax(160px,.8fr) minmax(190px,1fr) auto!important;gap:7px!important;width:100%!important;min-width:0!important}
.os-search-modern>*{min-width:0!important;max-width:100%!important}
.os-search-modern .os-search-button{min-width:105px!important}
.os-grid-actions{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.os-table-wrap{border:1px solid color-mix(in srgb,var(--primary) 16%,#dce6ee);border-radius:12px;scrollbar-gutter:stable}
.os-table-wrap>table{min-width:1080px!important;width:100%!important}
.os-table-wrap th:last-child,.os-table-wrap td.os-cell-actions{position:sticky!important;right:0!important;z-index:5!important;background:var(--surface,#fff)!important;box-shadow:-8px 0 14px rgba(31,55,75,.10)}
.os-table-wrap th:last-child{z-index:6!important}
.os-cell-actions{min-width:190px!important;flex-wrap:nowrap!important}
.os-cell-actions .os-action-compact{padding:5px 7px!important;font-size:11px!important}
}
@container dnsoft-content (max-width:900px){
.os-search-modern{grid-template-columns:1fr 1fr!important}
.os-search-modern .os-search-field{grid-column:1/-1!important}
.os-search-modern .os-search-button{width:100%!important}
.os-search-modern .os-search-clear{width:100%!important}
.os-table-wrap>table{min-width:990px!important}
.os-cell-actions{min-width:150px!important;gap:4px!important}
.os-cell-actions .os-action-compact span{display:none!important}
.os-cell-actions .os-action-compact{width:32px!important;height:32px!important;padding:0!important;justify-content:center!important}
}
@container dnsoft-content (max-width:560px){
.os-search-modern{grid-template-columns:1fr!important}
.os-search-modern>*{grid-column:1!important;width:100%!important}
.os-grid-actions{justify-content:space-between!important}
}
/* Guardas globais encontrados na auditoria: barras de filtros e cabecalhos nao
podem empurrar a pagina para fora; tabelas diretas em cards ganham rolagem
propria quando uma pagina antiga ainda nao possui .table-wrap. */
@container dnsoft-content (max-width:1100px){
.content :is(.toolbar,.table-toolbar,.page-filters,.page-actions,.page-head-actions){flex-wrap:wrap!important}
.content :is(.toolbar,.table-toolbar,.page-filters) > *{min-width:0;max-width:100%}
.content :is(.table-card,.panel,.settings-card) > table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@container dnsoft-content (max-width:700px){
.content :is(.page-filters,.toolbar) :is(input,select){width:100%;max-width:100%}
.content .page-head-actions{width:100%}
}
/* DNSoft Financeiro - Gastos e Despesas v1.0.747 */
.expense-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.expense-kpis>div{background:var(--surface);border:1px solid #dfe8f0;border-radius:13px;padding:14px}.expense-kpis span,.expense-kpis strong,.expense-kpis small{display:block}.expense-kpis span{font-size:10px;color:#7d8b97;font-weight:750}.expense-kpis strong{font-size:20px;margin:6px 0 3px}.expense-kpis small{font-size:10px;color:#96a1aa}.expense-stage{display:flex;gap:12px;align-items:center;background:color-mix(in srgb,var(--primary) 7%,white);border:1px solid color-mix(in srgb,var(--primary) 20%,white);border-radius:12px;padding:12px 14px;margin-bottom:14px}.expense-stage strong{font-size:12px;white-space:nowrap}.expense-stage span{font-size:11px;color:#61716d}.expense-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.expense-tabs button{border:1px solid #dfe6e3;background:var(--surface);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.expense-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.expense-panel{display:none;background:var(--surface);border:1px solid #e3e9e7;border-radius:14px;padding:15px}.expense-panel.active{display:block}.expense-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.expense-panel-head h2{margin:0;font-size:15px}.expense-panel-head p{margin:4px 0 0;color:#7e8b87;font-size:11px}.expense-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expense-card{border:1px solid #e2e9e6;border-radius:12px;padding:13px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.expense-card small,.expense-card strong,.expense-card span{display:block}.expense-card small{font-size:9px;color:var(--primary);font-weight:800}.expense-card strong{font-size:13px;margin:5px 0}.expense-card span{font-size:10px;color:#7e8b87}.expense-card button{border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:700;cursor:pointer}.disabled-card{opacity:.55}.expense-settings{max-width:760px;display:grid;gap:12px}.expense-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;border:1px solid #e1e8e5;border-radius:10px;padding:10px 12px;cursor:pointer}.expense-check input{width:16px;height:16px;min-height:auto}.expense-check span{display:block}.expense-check strong,.expense-check small{display:block}.expense-check strong{font-size:11px}.expense-check small{font-size:9px;color:#87928f;margin-top:2px}@media(max-width:1100px){.expense-kpis{grid-template-columns:repeat(2,1fr)}.expense-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.expense-kpis,.expense-cards{grid-template-columns:1fr}.expense-stage,.expense-panel-head{align-items:flex-start;flex-direction:column}}
/* v1.0.748 — Gastos e Despesas Etapa 2 */
.expense-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.expense-actions form{margin:0}.expense-generate{border:1px dashed #d7e1dd;border-radius:12px;background:color-mix(in srgb,var(--primary) 3%,white);padding:10px 12px;margin:0 0 12px}.expense-generate form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.expense-generate label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.expense-generate input[type=month],.expense-month input[type=month]{min-height:36px;border:1px solid #dce5e1;border-radius:9px;background:var(--surface);padding:6px 9px;color:var(--text)}.expense-generate small{color:#7c8b86;font-size:10px}.expense-month{display:flex;gap:8px;align-items:center}.expense-link{font-size:11px;font-weight:750;color:var(--primary);text-decoration:none}.expense-link:hover{text-decoration:underline}.status-pill.warn{background:#fff4d6;color:#a56a00}.expense-cancelled{opacity:.58}.expense-cancelled td{text-decoration:none}.expense-panel .table-wrap{overflow-x:auto}.expense-panel table{min-width:980px}.expense-panel td .btn.secondary{min-height:30px;padding:5px 9px;font-size:10px}.expense-panel .table-sub a{color:var(--primary)}
@media(max-width:700px){.expense-month,.expense-generate form,.expense-actions{align-items:stretch;flex-direction:column}.expense-actions form,.expense-actions button{width:100%}.expense-generate label{align-items:flex-start;flex-direction:column}}
/* DNSoft Financeiro Etapa 4 — resultado, DRE e orçamentos */
.result-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.result-kpis>div{border:1px solid #dfe8f0;border-radius:13px;padding:14px;background:var(--surface)}.result-kpis span,.result-kpis strong,.result-kpis small{display:block}.result-kpis span{font-size:10px;color:#74828e;font-weight:800}.result-kpis strong{font-size:22px;margin:6px 0 3px}.result-kpis small{font-size:10px;color:#8e9aa4}.result-kpis .result-final.good{border-color:#b9e6cb;background:#f5fcf7}.result-kpis .result-final.bad{border-color:#f0c2c2;background:#fff7f7}.result-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.result-dre,.result-breakdown,.result-history{border:1px solid #e1e8ed;border-radius:13px;padding:14px;background:var(--surface)}.result-dre h3,.result-breakdown h3,.result-history h3{font-size:13px;margin:0 0 10px}.result-dre>div,.result-breakdown>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed #e7ecef;font-size:11px}.result-dre .subtotal{font-weight:800;border-top:1px solid #dce4e8}.result-dre .total{font-weight:900;font-size:13px;border-top:2px solid #ced9df;border-bottom:0;margin-top:2px}.result-cat-title{margin-top:14px!important}.result-history{margin-top:12px}.result-history-row{display:grid;grid-template-columns:64px 1fr 105px;align-items:center;gap:10px;margin:8px 0;font-size:10px}.result-history-row>b{text-align:right}.history-bars{display:grid;gap:3px}.history-bars i{height:6px;border-radius:999px;display:block;background:var(--primary)}.history-bars i.profit{background:#20a464}.history-bars i.profit.negative{background:#d64b4b}.budget-layout{display:grid;grid-template-columns:330px 1fr;gap:14px}.budget-form{border:1px solid #e2e9ed;border-radius:13px;padding:14px;height:max-content}.budget-form .field{margin-bottom:10px}.budget-list{display:grid;gap:10px}.budget-card{border:1px solid #e2e8ec;border-radius:12px;padding:12px}.budget-card.warn{border-color:#e9c66d;background:#fffdf5}.budget-card.over{border-color:#e5a0a0;background:#fff7f7}.budget-card-head,.budget-values{display:flex;justify-content:space-between;gap:12px;align-items:center}.budget-card-head strong,.budget-card-head small{display:block}.budget-card-head small{font-size:9px;color:#84919a;margin-top:2px}.budget-card-head>span{font-weight:900}.budget-track{height:7px;background:#edf1f3;border-radius:999px;margin:10px 0;overflow:hidden}.budget-track i{display:block;height:100%;background:var(--primary);border-radius:999px}.budget-card.warn .budget-track i{background:#d59618}.budget-card.over .budget-track i{background:#d64b4b}.budget-values span{font-size:9px;color:#75828c}.budget-values b{display:block;font-size:11px;color:var(--text);margin-top:2px}.budget-card form{text-align:right;margin-top:8px}.budget-card form button{border:0;background:transparent;color:#63778a;font-size:10px;font-weight:700;cursor:pointer}.finance-result-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.finance-result-strip>a{background:var(--surface);border:1px solid #dfe7ed;border-radius:13px;padding:13px;text-decoration:none;color:inherit}.finance-result-strip small,.finance-result-strip strong,.finance-result-strip em{display:block}.finance-result-strip small{font-size:9px;color:#788692;font-weight:800}.finance-result-strip strong{font-size:20px;margin:5px 0}.finance-result-strip em{font-size:9px;color:#87939c;font-style:normal}.finance-result-strip .result-positive{border-color:#b7e2c7}.finance-result-strip .result-negative{border-color:#ebbbbb}.budget-alert-danger small{color:#b74141!important}@media(max-width:1100px){.result-kpis,.finance-result-strip{grid-template-columns:repeat(2,1fr)}.budget-layout,.result-grid{grid-template-columns:1fr}}@media(max-width:650px){.result-kpis,.finance-result-strip{grid-template-columns:1fr}.result-history-row{grid-template-columns:55px 1fr 90px}.budget-card-head,.budget-values{align-items:flex-start;flex-direction:column}}
/* DNSoft PDV v1.0.770 - SVGs consistentes em todos os botões de ação */
.dn-action-icon{width:15px!important;height:15px!important;min-width:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;vertical-align:-2px!important;pointer-events:none!important}
button:has(>.dn-action-icon),a.btn:has(>.dn-action-icon),a.btn-mini:has(>.dn-action-icon),a.table-action:has(>.dn-action-icon),a.pdv-action-btn:has(>.dn-action-icon){display:inline-flex;align-items:center;justify-content:center;gap:6px}
.modal-close>.dn-action-icon{margin:0!important;width:14px!important;height:14px!important}.table-action>.dn-action-icon{margin:0!important}
/* DNSoft PDV v1.0.806 — resultados de pesquisas/combobox sempre alinhados à esquerda */
.combo-menu,
.combo-option,
.combo-empty,
.pdv-search-results,
.pdv-search-results .pdv-result,
.pdv-search-results .pdv-result-message,
.pdv-search-results .pdv-result-empty,
.stock-search-results,
.stock-search-results .stock-search-item,
.search-results,
.search-results > *,
.autocomplete-results,
.autocomplete-results > *,
.suggestions,
.suggestions > * {
text-align:left!important;
}
.combo-option,
.pdv-search-results .pdv-result,
.stock-search-results .stock-search-item {
justify-content:flex-start;
}
.pdv-search-results .pdv-result > :last-child {
margin-left:auto;
}
/* DNSOFT_OFFLINE_SYNC_COORDINATOR v1.0.807 */
.dn-offline-sync-overlay{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(12,22,28,.72);backdrop-filter:blur(8px)}
.dn-offline-sync-overlay.show{display:flex}.dn-offline-sync-locked{overflow:hidden!important;pointer-events:none!important}.dn-offline-sync-overlay,.dn-offline-sync-overlay *{pointer-events:auto!important}
.dn-offline-sync-card{width:min(620px,100%);max-height:calc(100vh - 44px);overflow:auto;background:var(--surface,#fff);color:var(--text,#23343d);border-radius:20px;padding:24px;box-shadow:0 26px 80px rgba(0,0,0,.28);border:1px solid rgba(125,145,155,.22)}
.dn-offline-sync-spinner{width:58px;height:58px;position:relative;margin-bottom:16px}.dn-offline-sync-spinner span{position:absolute;inset:0;border:5px solid rgba(90,115,125,.15);border-top-color:var(--primary,#2f80ed);border-radius:50%;animation:dnSyncSpin 1s linear infinite}.dn-offline-sync-spinner span+span{inset:10px;border-width:3px;animation-duration:.72s;animation-direction:reverse}
@keyframes dnSyncSpin{to{transform:rotate(360deg)}}
.dn-offline-sync-copy small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--primary,#2f80ed);margin-bottom:5px}.dn-offline-sync-copy h2{font-size:22px;margin:0 0 6px}.dn-offline-sync-copy p{margin:0;color:#71818a;font-size:13px;line-height:1.45}.dn-offline-sync-progress{height:7px;background:rgba(115,135,145,.13);border-radius:99px;overflow:hidden;margin:19px 0}.dn-offline-sync-progress>div{height:100%;width:0;background:var(--primary,#2f80ed);border-radius:inherit;transition:width .25s ease}.dn-offline-sync-list{display:grid;gap:8px}.dn-offline-sync-item{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(120,140,150,.16);border-radius:12px;background:rgba(130,145,155,.045)}.dn-offline-sync-item strong,.dn-offline-sync-item small{display:block}.dn-offline-sync-item strong{font-size:12.5px}.dn-offline-sync-item small{font-size:10.5px;color:#7c8b93;margin-top:2px}.dn-offline-sync-item>b{font-size:15px;color:#93a1a8}.dn-offline-sync-dot{width:9px;height:9px;border-radius:50%;background:#c1cbd0}.dn-offline-sync-item.running{border-color:color-mix(in srgb,var(--primary,#2f80ed) 35%,transparent);background:color-mix(in srgb,var(--primary,#2f80ed) 7%,transparent)}.dn-offline-sync-item.running .dn-offline-sync-dot{background:var(--primary,#2f80ed);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2f80ed) 15%,transparent)}.dn-offline-sync-item.done .dn-offline-sync-dot{background:#39a56b}.dn-offline-sync-item.done>b{color:#39a56b}.dn-offline-sync-item.error{border-color:rgba(190,70,70,.32);background:rgba(190,70,70,.06)}.dn-offline-sync-item.error .dn-offline-sync-dot,.dn-offline-sync-item.error>b{color:#bd4747;background:#bd4747}.dn-offline-sync-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(120,140,150,.14)}.dn-offline-sync-foot span{font-size:10.5px;color:#78878f;line-height:1.4}.dn-offline-sync-foot .btn{flex:0 0 auto}@media(max-width:600px){.dn-offline-sync-overlay{padding:12px}.dn-offline-sync-card{padding:18px;border-radius:16px}.dn-offline-sync-copy h2{font-size:19px}.dn-offline-sync-foot{align-items:stretch;flex-direction:column}.dn-offline-sync-foot .btn{width:100%}}
/* v1.0.847 — padrão visual único dos seletores pesquisáveis */
.smart-combo,.smart-combo>input,.combo-menu,.combo-option,.combo-empty{text-align:left!important}
.smart-combo>.combo-menu{left:-1px!important;right:-1px!important;top:calc(100% + 4px)!important;z-index:1500!important;max-height:210px!important;padding:4px!important;border-radius:9px!important}
.combo-option{justify-content:flex-start!important;align-items:center!important;padding:7px 9px!important;font-size:12px!important;line-height:1.25!important;font-weight:600!important;border-radius:7px!important}
.combo-empty{padding:9px 10px!important;font-size:11px!important}
.product-modal .smart-combo>.combo-menu,.modal-overlay .smart-combo>.combo-menu{max-width:100%!important;width:auto!important}
@media(max-width:700px){.smart-combo>.combo-menu{max-height:170px!important}.combo-option{font-size:11.5px!important}}
/* v1.0.848 — OS: resultados de Marca/Modelo sempre alinhados à esquerda */
#quickBrandResults,#quickModelResults,
#quickBrandResults *,#quickModelResults *,
.os-quick-catalog-results,.os-quick-catalog-results *,
.dn-search-results,.dn-search-results * {
text-align:left!important;
}
#quickBrandResults button,#quickModelResults button,
.os-quick-catalog-option,.dn-search-option {
justify-content:flex-start!important;
align-items:center!important;
text-align:left!important;
margin-left:0!important;
margin-right:0!important;
}
#quickBrandResults button *,#quickModelResults button *,
.os-quick-catalog-option *,.dn-search-option * {
text-align:left!important;
justify-content:flex-start!important;
}
.client-offline-pending{background:color-mix(in srgb,#f4b740 7%,transparent)}
/* v1.0.907 — busca de clientes direto na grid */
.client-search-results{display:none!important}
.client-grid-empty{padding:32px 16px!important;text-align:center!important;color:#71838d}
.client-name-link{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.client-grid-edit{cursor:pointer}
/* v1.0.909 — restaura destaque visual do nome dos clientes na grid */
.client-name-link,
.client-name-link span:last-child{
font-weight:700!important;
}
/* v1.0.914 — aviso global de operação offline */
.dnsoft-offline-banner{
position:fixed;
inset:0 0 auto 0;
z-index:10050;
min-height:38px;
padding:8px 18px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
background:#fff3cd;
border-bottom:1px solid #f0cf73;
color:#6f5300;
box-shadow:0 1px 5px rgba(67,54,18,.08);
font-size:12px;
line-height:1.35;
}
.dnsoft-offline-banner[hidden]{display:none!important}
.dnsoft-offline-banner strong{
font-size:10px;
letter-spacing:.11em;
white-space:nowrap;
}
body.dnsoft-offline-active .main-area{padding-top:38px}
body.dnsoft-offline-active .sidebar{top:38px}
body.dnsoft-offline-active .topbar{top:38px}
@media(max-width:700px){
.dnsoft-offline-banner{padding:7px 10px;gap:6px;flex-direction:column;min-height:52px}
body.dnsoft-offline-active .main-area{padding-top:52px}
body.dnsoft-offline-active .sidebar{top:52px}
body.dnsoft-offline-active .topbar{top:52px}
}