@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
/* NOTA SMART | Sistema Modelo 2026 - identidade visual consistente
 Referências: os 29 HTMLs fornecidos pelo usuário. Somente apresentação.
 Ícones SVG vetoriais locais; não há fontes remotas nem scripts de terceiros.
*/
:root{--brand:#076bca;--modelo-blue:#0868c7;--modelo-blue-dark:#0557af;--modelo-bg:#f5f6fa;
 --modelo-ink:#333c49;--modelo-muted:#8f96a4;--modelo-line:#e5e9ef}
html,body{font-family:"Segoe UI",Roboto,Arial,sans-serif!important;font-size:13px!important;color:#354050!important;
 background:var(--modelo-bg)!important}
button,input,textarea,select{font-family:inherit!important}
button{transition:background-color .15s ease,border-color .15s ease}
.company-active .topbar,.topbar{height:51px!important;min-height:51px!important;padding:0 23px!important;
 background:#fff!important;border-bottom:1px solid #e4e7ee!important;box-shadow:0 1px 3px #11243b08}
.app-body{min-height:calc(100vh - 51px)!important}
.top-left{gap:22px!important;min-width:260px!important;max-width:45%}
.icon-btn{width:34px!important;height:40px!important;color:#9ba4b0!important;border:0!important}
.icon-btn .icon-svg{width:19px!important;height:19px!important;stroke-width:1.35!important}
.identity{gap:3px!important}
.identity small{font-size:10px!important;font-weight:400!important;color:#8994a5!important;text-transform:none!important;
 letter-spacing:0!important}
.identity strong{font-size:11px!important;font-weight:500!important;color:#384659!important;
 max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-active .identity strong{background:#f0f0f1!important;padding:3px 9px!important;border-radius:3px!important;
 font-size:11px!important}
.logo{font-size:22px!important;letter-spacing:-.4px!important;font-weight:500!important;gap:7px!important;color:#9ea5af!important}
.logo b{color:#0a69c3!important;font-weight:700!important}
.logo .logo-mark{height:30px!important;width:30px!important;min-width:30px!important;font-size:18px!important;
 border-width:2px!important}
.profile{gap:9px!important;font-size:11px!important;color:#006acc!important}
.profile-button{color:#5d6b7a!important;font-size:11px!important}
.top-company-back{font-size:10px!important;background:transparent!important;color:#68798d!important;
 border:0!important;padding:3px 6px!important}
.sidebar,.company-sidebar{width:84px!important;flex-basis:84px!important;top:51px!important;
 height:calc(100vh - 51px)!important;box-shadow:1px 0 5px #113b7012;
 background:#0866c0!important}
.sidebar .nav{height:93px!important;padding:10px 3px!important;gap:8px!important;
 border-bottom:1px solid #ffffff15!important;color:#fff!important;font-size:10px!important;
 font-weight:500!important;text-transform:none!important;line-height:1.2!important}
.company-sidebar .nav{height:93px!important}
.sidebar .nav:hover{background:#1179d4!important}
.sidebar .nav.active{background:#064f9f!important}
.sidebar .nav-icon{font-size:0!important;height:34px!important;width:38px!important;line-height:1!important;
 display:flex!important;align-items:center!important;justify-content:center!important}
.sidebar .nav-icon .icon-svg,.sidebar .nav-icon svg{height:31px!important;width:31px!important;
 stroke:#fff!important;stroke-width:1.5!important;display:block!important}
.company-flyout{top:51px!important;left:84px!important;width:222px!important;height:calc(100vh - 51px)!important;
 border-right:1px solid #edf0f4!important;box-shadow:2px 1px 12px #1b2c4b16!important;
 padding:17px 0!important;background:#fff!important}
.company-flyout-button{min-height:43px!important;gap:12px!important;padding:8px 15px!important;
 color:#5b6474!important;font-size:11px!important;line-height:1.35!important}
.company-flyout-button .icon-svg{height:19px!important;width:19px!important;stroke-width:1.4!important;color:#7a8797!important}
.company-flyout-button.selected{background:#eff6ff!important;color:#066ad0!important}
.company-flyout-button.selected .icon-svg{color:#066ad0!important}
.workspace{background:var(--modelo-bg)!important;padding:19px 20px 37px!important}
.breadcrumb,.company-breadcrumb{min-height:45px!important;margin-bottom:21px!important;
 padding-bottom:15px!important;border-color:#dce1e8!important;align-items:center!important}
.breadcrumb h1,.company-breadcrumb h1{font-size:22px!important;line-height:1.2!important;
 font-weight:500!important;color:#343c49!important;min-width:0!important}
.breadcrumb p,.company-breadcrumb span{font-size:11px!important;color:#9aa3b0!important}
.company-admin-context{font-size:11px!important;color:#8994a5!important}
.company-admin-context button{font-size:11px!important}
.white-card,.data-card,.reg-card,.edit-settings-panel,.module-form-panel{background:#fff!important;
 border:1px solid #edf0f4!important;border-radius:3px!important;box-shadow:0 1px 3px #12253c0a!important}
.module-primary,.primary{background:#086dce!important;border:1px solid #086dce!important;color:#fff!important;
 border-radius:3px!important;font-weight:600!important;font-size:11px!important;min-height:34px}
.module-outline,.secondary{border:1px solid #0b73d5!important;background:transparent!important;
 border-radius:3px!important;color:#0b72d1!important;font-weight:600!important;font-size:11px!important}
.module-primary:hover,.primary:hover{background:#055aad!important}
.module-outline:hover,.secondary:hover{background:#f0f8ff!important}
.company-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin-bottom:20px!important}
.company-dashboard-card{height:105px!important;padding:14px 14px!important;gap:10px!important;
 display:flex!important;position:relative;box-shadow:0 1px 3px #132b450c!important;border:1px solid #eef0f3!important;
 border-radius:4px!important}
.company-dashboard-card .company-card-icon{width:40px!important;height:43px!important;min-width:40px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 color:#0b73d0!important}
.company-dashboard-card .company-card-icon svg{width:31px!important;height:31px!important;stroke-width:1.4!important}
.company-dashboard-card .company-card-icon em{font-size:8px!important}
.company-dashboard-card .company-card-summary{display:flex!important;flex-direction:column!important;gap:5px!important;
 align-items:flex-start!important}
.company-dashboard-card .company-card-summary>span{color:#8c96a4!important;font-size:11px!important;font-weight:400!important}
.company-dashboard-card .company-card-summary>strong{font-size:21px!important;font-weight:500!important;color:#343d4b!important}
.company-dashboard-card>button{position:absolute!important;bottom:10px!important;right:12px!important;
 border:0!important;border-radius:3px!important;background:transparent!important;font-weight:500!important;
 color:#0670ca!important;font-size:10px!important;padding:5px 7px!important}
.company-dashboard-card>button:hover{background:#eaf4ff!important}
.company-dashboard-bottom{gap:14px!important}
.company-monthly-block,.company-latest-block{padding:19px 20px!important}
.company-monthly-block h2,.company-latest-block h2{font-size:15px!important;color:#465062!important;font-weight:500!important}
.company-latest-scroll th{font-size:10px!important}
.company-latest-scroll td{font-size:11px!important;padding:11px 9px!important}
.reg-header,.module-header{margin-bottom:15px!important;padding-bottom:13px!important}
.reg-header-main h2,.module-title h2{font-size:21px!important;font-weight:500!important;color:#354052!important}
.reg-header-main>span,.module-title p{font-size:10px!important;color:#919ba7!important}
.reg-list-toolbar,.module-toolbar{gap:5px!important;margin-bottom:16px!important}
.reg-list-toolbar>select,.reg-search input,.reg-advanced,.module-toolbar input,.module-toolbar select{
 height:33px!important;min-height:33px!important;font-size:11px!important}
.reg-list-actions button{min-height:35px!important;height:35px!important;min-width:126px!important;font-size:11px!important}
.reg-record{min-height:56px!important;margin-bottom:5px!important;padding:8px 14px!important;
 box-shadow:0 1px 3px #172c4209!important}
.reg-record-cell small,.module-record small{font-size:9px!important;color:#929ba7!important}
.reg-record-cell span{font-size:11px!important;color:#3c4554!important}
.reg-pill{font-size:9px!important;padding:4px 9px!important}
.reg-pill.on{background:#3d8b53!important;color:#fff!important}
.reg-row-actions>button{min-width:73px!important;padding:7px 11px!important;font-size:10px!important}
.reg-card{padding:19px 20px 22px!important;margin-bottom:14px!important}
.reg-card h3,.edit-settings-panel h3{font-size:15px!important;margin-bottom:15px!important;font-weight:500!important}
.reg-field,.edit-field,.module-field-grid label{font-size:11px!important;color:#707f91!important;gap:6px!important}
.reg-field input,.reg-field select,.reg-field textarea,
.edit-field input,.edit-field select,.module-field-grid input,.module-field-grid select{
 border-radius:3px!important;border:1px solid #d8dfe9!important;min-height:36px!important;
 height:36px!important;font-size:11px!important;color:#344356!important;padding:7px 10px!important}
.reg-field textarea{height:auto!important;min-height:80px!important}
.reg-tabs button,.module-tabs button,.edit-settings-tabs button{font-size:11px!important;
 font-weight:400!important;padding:11px 15px!important}
.reg-tabs button.active,.module-tabs button.active,.edit-settings-tabs button.active{color:#0670cf!important;
 font-weight:600!important}
.edit-settings-panel{padding:20px 21px!important}
.edit-save button{min-height:36px!important}
.module-record,.module-workspace .module-record{box-shadow:0 1px 2px #13253c09!important}
.report-groups summary{font-size:13px!important;font-weight:500!important;padding:13px 17px!important}
.report-item{font-size:11px!important;padding:15px 17px!important}
.fiscal-modal-cover .fiscal-modal>header{background:#086ac8!important}
.fiscal-modal-cover .fiscal-modal>header h3{font-size:19px!important}
.fiscal-modal-cover .nfe-validation-item.error{background:#fff;border-left:3px solid #d6434b!important}
.nfe-draft-editor .nfe-card{margin-bottom:13px!important}
.company-active .company-breadcrumb h1{font-size:22px!important}
.login-card{border-radius:5px!important}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#d3dbe6;border-radius:6px}
::-webkit-scrollbar-track{background:#f5f7fa}
@media (max-width:1200px){
 .company-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:850px){
 .company-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sidebar,.company-sidebar{width:64px!important;flex-basis:64px!important}
 .company-flyout{left:64px!important}
 .sidebar .nav{font-size:9px!important}
 .sidebar .nav-icon svg{height:27px!important;width:27px!important}
 .workspace{padding:14px 12px 30px!important}
 .logo{font-size:15px!important}
 .logo .logo-mark{width:24px!important;height:24px!important;font-size:13px!important}
 .top-left{min-width:0!important;max-width:45%}
 .identity{display:none!important}
}
@media (max-width:540px){
 .company-dashboard-cards{grid-template-columns:1fr!important}
 .company-dashboard-card{height:91px!important}
 .company-dashboard-bottom{grid-template-columns:1fr!important}
 .profile{font-size:10px!important}
 .top-company-back{display:none!important}
}

/* Ajuste fino com as capturas lado a lado: ícones próprios, dimensões e ritmo da referência */
.company-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.company-dashboard-card{height:105px!important;padding:14px 15px!important;gap:10px!important}
.company-dashboard-card .company-card-icon{width:45px!important;height:51px!important;min-width:45px!important;
 color:#0870d6!important;background:none!important;border:none!important}
.company-dashboard-card .company-card-icon .modelo-document-icon{display:block!important;width:40px!important;height:48px!important}
.company-dashboard-card .company-card-icon .modelo-person-icon,
.company-dashboard-card .company-card-icon .modelo-box-icon{display:block!important;width:42px!important;height:48px!important}
.company-dashboard-card .company-card-summary{margin-left:0!important;gap:4px!important}
.company-dashboard-card .company-card-summary>span{font-size:12px!important;line-height:1.3!important;
 color:#89939e!important;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-dashboard-card .company-card-summary>strong{font-size:20px!important;line-height:1.15!important;
 color:#086dce!important;font-weight:650!important}
.company-dashboard-card>button{background:white!important;border:1px solid #a7a8ad!important;
 color:#85898f!important;border-radius:3px!important;padding:5px 9px!important;
 min-width:89px!important;font-size:10px!important;bottom:13px!important;right:13px!important}
.company-dashboard-card>button:hover{background:#eff7ff!important;border-color:#0870cf!important;color:#0870cf!important}
.company-monthly-block h2,.company-latest-block h2{font-size:15px!important}
.company-dashboard-bottom{gap:21px!important}
.company-dashboard-bottom .white-card{min-height:400px!important}
.company-latest-scroll tbody tr td{font-size:11px!important;padding:13px 11px!important}
.company-sidebar .nav-icon svg{height:32px!important;width:32px!important;stroke-width:1.7!important}
.reference-emissor .module-record{min-height:56px!important;max-height:75px!important;padding:7px 13px!important}
.reference-emissor .module-record .module-status{border-radius:30px!important;white-space:normal!important;
 line-height:1.1!important;padding:5px 7px!important;min-width:0!important}
.reference-emissor .module-record .module-record-name span{font-weight:400!important;font-size:10.5px!important}
.reference-emissor .fiscal-pagination{gap:6px!important;padding-top:10px!important}
@media(max-width:1100px){.company-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.company-dashboard-cards{grid-template-columns:1fr!important}}

/* Ajuste dimensional auditado diretamente na referência enviada */
html,body{font-family:Poppins,Roboto,"Segoe UI",Arial,sans-serif!important}
.company-active .sidebar,.company-active .company-sidebar{width:100px!important;flex-basis:100px!important}
.company-active .company-flyout{left:100px!important}
.company-active .sidebar .nav{height:132px!important;font-size:11px!important;gap:9px!important}
.company-active .sidebar .nav-icon{width:41px!important;height:41px!important}
.company-active .sidebar .nav-icon svg{width:37px!important;height:37px!important;stroke-width:1.5!important}
.company-dashboard-cards{gap:14px!important;margin-bottom:16px!important}
.company-dashboard-card{height:94px!important;padding:11px 13px!important}
.company-dashboard-card .company-card-icon .modelo-document-icon{width:37px!important;height:44px!important}
.company-dashboard-card .company-card-icon .modelo-person-icon,
.company-dashboard-card .company-card-icon .modelo-box-icon{width:37px!important;height:44px!important}
.company-dashboard-card .company-card-summary>span{font-size:12px!important;max-width:160px!important}
.company-dashboard-card .company-card-summary>strong{font-size:19px!important}
.company-dashboard-card>button{bottom:10px!important;right:11px!important}
.company-dashboard-bottom .white-card{min-height:390px!important}
.reference-emissor .module-record{min-height:53px!important;padding:6px 13px!important}
@media(max-width:800px){
 .company-active .sidebar,.company-active .company-sidebar{width:64px!important;flex-basis:64px!important}
 .company-active .company-flyout{left:64px!important}
 .company-active .sidebar .nav{height:94px!important;font-size:9px!important}
 .company-active .sidebar .nav-icon svg{width:27px!important;height:27px!important}
}