*,::before,::after{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,Ubuntu,Arial,sans-serif}body{margin:0;background:#f7f7fb;color:#1f2937;font-family:Inter,Ubuntu,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.app-body{min-height:100vh;background:#f7f7fb}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:280px;display:flex;flex-direction:column;background:#2d2a63;color:#fff;box-shadow:18px 0 45px rgba(31,41,55,.16);transform:translateX(-100%);transition:transform .2s ease}.sidebar-brand{padding:22px 20px 18px}.sidebar-logo{width:210px;border-radius:14px;background:#fff;padding:10px}.sidebar-nav{display:grid;gap:6px;padding:8px 14px}.nav-link{display:flex;align-items:center;border-radius:12px;padding:12px 14px;color:rgba(255,255,255,.78);font-size:14px;font-weight:700;transition:background .2s,color .2s}.nav-link:hover,.nav-link-active{background:rgba(255,255,255,.12);color:#fff}.sidebar-footer{margin-top:auto;padding:18px}.logout-button{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;padding:11px 14px;font-weight:800}.content-shell{width:100%;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:rgba(247,247,251,.92);padding:16px 18px;backdrop-filter:blur(12px)}.topbar h1{margin:0;color:#1f2937;font-size:22px;line-height:1.2}.eyebrow{margin:0 0 4px;color:#c82333;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.topbar-user{display:none;align-items:center;gap:10px;color:#4b5563;font-size:14px;font-weight:700}.topbar-user strong{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:999px;background:#2d2a63;color:#fff;font-size:13px}.mobile-menu-button{display:inline-grid;gap:4px;width:42px;height:42px;place-content:center;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.mobile-menu-button span{display:block;width:18px;height:2px;border-radius:99px;background:#2d2a63}.main-content{padding:18px}.sidebar-backdrop{position:fixed;inset:0;z-index:30;display:none;background:rgba(17,24,39,.48)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:14px}.stat-card,.panel,.module-placeholder,.empty-state,.login-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,41,55,.08)}.stat-card{padding:18px}.stat-card span{display:block;color:#6b7280;font-size:13px;font-weight:800}.stat-card strong{display:block;margin-top:8px;color:#2d2a63;font-size:28px;line-height:1.1}.stat-card p{margin:8px 0 0;color:#6b7280;font-size:13px}.dashboard-columns{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.panel{padding:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2,.module-placeholder h2,.empty-state h2{margin:0;color:#1f2937;font-size:20px}.quick-actions{display:grid;gap:12px}.quick-action{display:block;border:1px solid #e5e7eb;border-radius:14px;padding:15px;background:#f7f7fb;transition:border-color .2s,transform .2s}.quick-action:hover{border-color:#c82333;transform:translateY(-1px)}.quick-action strong{display:block;color:#2d2a63;font-size:15px}.quick-action span{display:block;margin-top:4px;color:#6b7280;font-size:13px}.empty-list{border:1px dashed #d1d5db;border-radius:14px;background:#f9fafb;padding:18px;color:#6b7280}.empty-list strong{display:block;color:#1f2937}.empty-list p{margin:5px 0 0}.entry-list{display:grid;gap:10px}.entry-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e5e7eb;padding:10px 0}.entry-row:last-child{border-bottom:0}.entry-row strong{display:block;color:#1f2937}.entry-row span{display:block;color:#6b7280;font-size:13px}.entry-value{text-align:right}.entry-value strong{color:#c82333}.module-placeholder{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px}.module-placeholder p{max-width:680px;margin:8px 0 0;color:#6b7280}.module-placeholder>span{white-space:nowrap;border-radius:999px;background:#fee2e2;color:#991b1b;padding:7px 12px;font-size:12px;font-weight:900}.guest-body{min-height:100vh;background:linear-gradient(135deg,#f7f7fb 0%,#fff 48%,#fef2f2 100%);color:#1f2937}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px);padding:26px}.login-brand{display:flex;justify-content:center;margin-bottom:18px}.login-brand img{width:260px;border-radius:16px}.login-copy{text-align:center;margin-bottom:18px}.login-copy h1{margin:0;color:#2d2a63;font-size:28px}.login-copy p:not(.eyebrow){margin:8px auto 0;max-width:340px;color:#6b7280}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;color:#374151;font-size:13px;font-weight:800}.form-stack input{width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:12px 13px;color:#1f2937;outline:0}.form-stack input:focus{border-color:#2d2a63;box-shadow:0 0 0 4px rgba(45,42,99,.12)}.primary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#c82333;color:#fff;padding:12px 18px;font-size:14px;font-weight:900;box-shadow:0 18px 45px rgba(200,35,51,.18);transition:filter .2s,transform .2s}.primary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.full-button{width:100%;margin-top:4px}.alert{border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px;font-weight:800}.alert-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.login-hint{margin:16px 0 0;text-align:center;color:#6b7280;font-size:12px}.empty-state{margin:40px auto;padding:28px;max-width:560px;text-align:center}.empty-state span{display:inline-flex;border-radius:999px;background:#fee2e2;color:#991b1b;padding:7px 12px;font-size:12px;font-weight:900}.empty-state p{color:#6b7280}@media (min-width:768px){.topbar{padding:18px 24px}.topbar-user{display:flex}.main-content{padding:24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (min-width:1100px){.sidebar{position:sticky;transform:none}.content-shell{flex:1}.mobile-menu-button{display:none}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main-content{padding:28px}.sidebar-backdrop{display:none!important}}@media print{.sidebar,.topbar,.sidebar-backdrop{display:none!important}.main-content{padding:0}.panel,.stat-card,.module-placeholder{box-shadow:none;border-color:#ddd}}
/* People module */
.people-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.people-header h2{margin:0;color:#1f2937;font-size:22px;line-height:1.2}.people-header p:not(.eyebrow){margin:8px 0 0;color:#6b7280}.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:900;transition:filter .2s,transform .2s}.secondary-button{border:1px solid #e5e7eb;background:#fff;color:#2d2a63}.danger-button{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.secondary-button:hover,.danger-button:hover{filter:brightness(.98);transform:translateY(-1px)}.small-button{padding:8px 10px;border-radius:10px;font-size:12px}.alert-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.people-filters{margin-bottom:16px}.filter-form{display:grid;grid-template-columns:1fr;gap:12px}.filter-form label,.person-form label{display:grid;gap:7px;color:#374151;font-size:13px;font-weight:800}.filter-form input,.filter-form select,.person-form input,.person-form select,.person-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 12px;color:#1f2937;outline:0}.filter-form input:focus,.filter-form select:focus,.person-form input:focus,.person-form select:focus,.person-form textarea:focus{border-color:#2d2a63;box-shadow:0 0 0 4px rgba(45,42,99,.12)}.filter-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.people-list-panel{overflow:hidden}.people-table-wrap{display:none;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th{background:#f7f7fb;color:#4b5563;font-size:12px;font-weight:900;letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table th,.data-table td{border-bottom:1px solid #e5e7eb;padding:13px 14px;vertical-align:middle}.data-table tbody tr:hover{background:#fbfbfd}.data-table td strong{display:block;color:#1f2937}.data-table td span:not(.badge){display:block;margin-top:3px;color:#6b7280;font-size:12px}.table-actions{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1}.badge-type{background:#eef2ff;color:#2d2a63}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#f3f4f6;color:#4b5563}.people-card-list{display:grid;gap:12px}.person-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:15px}.person-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.person-card-header strong{display:block;color:#1f2937}.person-card-header span:not(.badge),.person-card p,.person-card-meta span:not(.badge){color:#6b7280;font-size:13px}.person-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.form-panel{padding:18px}.person-form{display:grid;grid-template-columns:1fr;gap:14px}.field-wide{grid-column:1/-1}.person-form textarea{min-height:108px;resize:vertical}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}@media (max-width:640px){.people-header{align-items:stretch;flex-direction:column}.people-header .primary-button,.people-header .secondary-button,.form-actions .primary-button,.form-actions .secondary-button{width:100%}.row-actions{justify-content:flex-start}}@media (min-width:768px){.filter-form{grid-template-columns:minmax(220px,1fr) 180px 160px auto;align-items:end}.person-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel{padding:22px}}@media (min-width:900px){.people-table-wrap{display:block}.people-card-list{display:none}}
/* Services module */
.service-filter-form{grid-template-columns:1fr}.price-value{color:#c82333}@media (min-width:900px){.service-filter-form{grid-template-columns:minmax(220px,1fr) 170px 170px 150px auto;align-items:end}.service-table{min-width:900px}}
/* Quick production module */
.quick-production{display:grid;gap:16px}.quick-summary-card{display:grid;grid-template-columns:1fr;gap:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,41,55,.08);padding:18px}.quick-summary-card label,.production-item label{display:grid;gap:7px;color:#374151;font-size:13px;font-weight:800}.quick-summary-card select,.quick-summary-card input,.production-item select,.production-item input{width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:12px 13px;color:#1f2937;outline:0}.quick-summary-card select:focus,.quick-summary-card input:focus,.production-item select:focus,.production-item input:focus{border-color:#2d2a63;box-shadow:0 0 0 4px rgba(45,42,99,.12)}.subtotal-box{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:16px;background:#2d2a63;color:#fff;padding:16px}.subtotal-box span{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72)}.subtotal-box strong{font-size:26px;line-height:1}.production-items-panel{margin-top:0}.production-items{display:grid;gap:12px}.production-item{display:grid;grid-template-columns:1fr;gap:12px;border:1px solid #e5e7eb;border-radius:16px;background:#f7f7fb;padding:14px}.production-item [data-line-total]{background:#fff;color:#c82333;font-weight:900}.production-remove-button{align-self:end}.production-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.production-save-button{min-height:46px;font-size:15px}.latest-production-panel{margin-top:16px}.production-latest-row .entry-value{display:grid;gap:8px;justify-items:end}.production-latest-row form{margin:0}@media (max-width:640px){.production-actions .primary-button,.production-actions .secondary-button{width:100%}.production-latest-row{align-items:flex-start;flex-direction:column}.production-latest-row .entry-value{justify-items:start;text-align:left}}@media (min-width:760px){.quick-summary-card{grid-template-columns:minmax(260px,1fr) 180px 260px;align-items:end}.production-item{grid-template-columns:minmax(220px,1.5fr) 110px 130px 130px minmax(180px,1fr) auto;align-items:end}.production-service-field,.production-notes-field{min-width:0}}
/* Deductions module */
.deductions-summary-card{grid-template-columns:1fr;margin-bottom:16px}.deductions-total-box{min-height:88px}.deductions-filter-form{display:grid;grid-template-columns:1fr;gap:12px}.deductions-table{min-width:900px}.deductions-table .price-value{font-size:15px}@media (min-width:900px){.deductions-summary-card{grid-template-columns:260px minmax(0,1fr);align-items:end}.deductions-filter-form{grid-template-columns:minmax(180px,1fr) 150px 145px 145px auto;align-items:end}}
/* Closings module */
.closing-filter-form{display:grid;grid-template-columns:1fr;gap:12px}.closing-summary-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}.closing-net-card{background:#2d2a63;color:#fff}.closing-net-card span,.closing-net-card p{color:rgba(255,255,255,.72)}.closing-net-card strong{color:#fff}.closing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.badge-open{background:#fef3c7;color:#92400e}.closing-detail-panel{margin-top:16px}.closing-table-wrap{display:block;overflow-x:auto}.closing-table{min-width:820px}.closing-result .alert a{font-weight:900;text-decoration:underline}.print-page{max-width:980px;margin:0 auto;padding:34px;background:#fff;color:#111827}.print-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:2px solid #2d2a63;padding-bottom:18px;margin-bottom:18px}.print-header h1{margin:0;color:#2d2a63;font-size:28px}.print-header p{margin:4px 0 0;color:#6b7280}.print-meta{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:16px}.print-totals{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.print-totals div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:10px 0}.print-totals span{font-weight:900;color:#4b5563}.print-totals strong{font-size:18px;color:#c82333}.signature-line{margin:70px auto 0;max-width:360px;border-top:1px solid #111827;text-align:center;padding-top:8px;color:#374151}@media (min-width:760px){.closing-filter-form{grid-template-columns:minmax(240px,1fr) 170px 170px auto;align-items:end}.closing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.print-meta{grid-template-columns:repeat(3,1fr)}.print-totals{grid-template-columns:repeat(3,1fr)}.print-totals div{display:grid;gap:4px;border:1px solid #e5e7eb;border-radius:12px;padding:14px}}@media (min-width:1100px){.closing-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media print{body.guest-body{background:#fff}.print-page{max-width:none;padding:0}.print-button,.closing-actions,.print-header .primary-button{display:none!important}.print-header{border-bottom:2px solid #111827}.panel{box-shadow:none!important;border:0!important;padding:0!important}.closing-detail-panel{break-inside:avoid;margin-top:18px}.closing-table-wrap{display:block!important;overflow:visible}.data-table{min-width:0!important;font-size:11px}.data-table th,.data-table td{padding:6px 7px}.badge{border:1px solid #d1d5db;background:#fff!important;color:#111827!important}.signature-line{break-inside:avoid}}
/* Reports module */
.reports-grid{display:grid;grid-template-columns:1fr;gap:14px}.report-card{display:block;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,41,55,.08);padding:20px;transition:border-color .2s,transform .2s}.report-card:hover{border-color:#c82333;transform:translateY(-2px)}.report-card strong{display:block;color:#2d2a63;font-size:18px}.report-card span{display:block;margin-top:8px;color:#6b7280}.report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-filter-form{display:grid;grid-template-columns:1fr;gap:12px}.report-summary-grid{margin-bottom:16px}.report-table-wrap{display:block;overflow-x:auto}.report-table{min-width:860px}.report-print-header{break-after:avoid}@media (min-width:760px){.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-form{grid-template-columns:170px 170px minmax(180px,1fr) auto;align-items:end}.report-filter-form-wide{grid-template-columns:150px 150px minmax(180px,1fr) minmax(180px,1fr) auto}.report-filter-simple{grid-template-columns:170px 170px auto}.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.sidebar,.topbar,.report-filters,.report-actions,.sidebar-backdrop{display:none!important}.app-shell,.content-shell{display:block!important}.main-content{padding:0!important}.report-print-header{display:block!important;margin-bottom:14px}.report-print-header .eyebrow{color:#111827}.report-print-header h2{font-size:22px}.stat-card{box-shadow:none!important;border:1px solid #d1d5db!important}.report-summary-grid{grid-template-columns:repeat(3,1fr)!important}.people-table-wrap,.report-table-wrap{display:block!important;overflow:visible!important}.report-table,.data-table{min-width:0!important;font-size:11px}.data-table th,.data-table td{padding:6px 7px}.badge{border:1px solid #d1d5db;background:#fff!important;color:#111827!important}body{background:#fff!important}}
/* Usability refinements */
.alert{box-shadow:0 10px 24px rgba(31,41,55,.06)}.primary-button,.secondary-button,.danger-button{min-height:38px}.primary-button:active,.secondary-button:active,.danger-button:active{transform:translateY(0)}.data-table{border-radius:14px;overflow:hidden}.people-table-wrap,.report-table-wrap,.closing-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.badge{border:1px solid transparent}.badge-active{border-color:#86efac}.badge-inactive{border-color:#d1d5db}.badge-open{border-color:#fde68a}.price-pill{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;background:#fef2f2;padding:7px 11px}.is-inactive-row{opacity:.68;background:#f9fafb}.is-inactive-row td:first-child strong{text-decoration:line-through}.is-inactive-card{opacity:.72;background:#f9fafb}.is-inactive-card .person-card-header strong{text-decoration:line-through}.production-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.item-counter{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef2ff;color:#2d2a63;padding:8px 11px;font-size:12px;font-weight:900}.production-row-actions{display:grid;gap:8px;align-self:end}.period-shortcuts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.closing-net-negative{background:#991b1b!important}.closing-net-negative span,.closing-net-negative p,.closing-net-negative strong{color:#fff!important}@media (max-width:760px){.panel,.stat-card,.quick-summary-card,.report-card{border-radius:14px}.panel{padding:14px}.main-content{padding:14px}.production-toolbar{justify-content:stretch}.production-toolbar .primary-button,.production-toolbar .secondary-button,.production-actions .primary-button,.production-actions .secondary-button{width:100%}.item-counter{width:100%}.production-row-actions{grid-template-columns:1fr 1fr}.row-actions{gap:6px}.small-button{flex:1 1 auto}.data-table{min-width:760px}.service-table,.deductions-table,.closing-table,.report-table{min-width:820px}}@media (min-width:900px){.service-filter-form{grid-template-columns:minmax(200px,1fr) 150px 150px 130px 130px auto!important}.production-item{grid-template-columns:minmax(220px,1.5fr) 110px 130px 130px minmax(180px,1fr) 150px!important}}@media print{.report-filters,.filter-actions,.period-shortcuts,.production-toolbar{display:none!important}}
/* Production corrections */
.production-corrections-table{min-width:1040px}.badge-paid{background:#fee2e2;color:#991b1b;border-color:#fecaca}.is-locked-row{background:#fff7f7}.is-locked-row td{color:#6b7280}.muted-action{display:inline-flex;align-items:center;border-radius:999px;background:#f3f4f6;color:#6b7280;padding:8px 10px;font-size:12px;font-weight:900}.transfer-summary{display:grid;gap:6px;border:1px solid #e5e7eb;border-radius:14px;background:#f7f7fb;padding:15px;margin-bottom:16px}.transfer-summary strong{color:#2d2a63}.transfer-summary span{color:#6b7280;font-size:14px}
.dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7f7fb 58%,#fff5f6 100%);box-shadow:0 18px 45px rgba(31,41,55,.08);padding:20px;margin-bottom:16px}.dashboard-hero h2{margin:0;color:#2d2a63;font-size:24px;line-height:1.15}.dashboard-hero span{display:block;margin-top:6px;color:#6b7280;font-weight:800}.dashboard-grid-large{grid-template-columns:1fr}.dashboard-stat-card{position:relative;overflow:hidden}.dashboard-stat-card:after{content:"";position:absolute;right:-34px;top:-34px;width:92px;height:92px;border-radius:999px;background:rgba(200,35,51,.08)}.dashboard-net-card{background:#2d2a63}.dashboard-net-card span,.dashboard-net-card p{color:rgba(255,255,255,.74)}.dashboard-net-card strong{color:#fff}.dashboard-net-negative{background:#991b1b}.dashboard-actions{margin-top:16px}.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-operational-grid{align-items:start}.dashboard-table-wrap{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-table{min-width:720px}.payables-list{display:grid;gap:12px}.payable-row{display:grid;gap:12px;border:1px solid #e5e7eb;border-radius:16px;background:#f7f7fb;padding:14px}.payable-row strong{display:block;margin-bottom:8px;color:#1f2937}.payable-row dl{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.payable-row dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#fff;padding:10px 12px}.payable-row dt{color:#6b7280;font-size:12px;font-weight:900;text-transform:uppercase}.payable-row dd{margin:0;color:#2d2a63;font-weight:900}.payable-row dl div:last-child dd{color:#c82333}.payable-negative dd{color:#991b1b!important}.dashboard-alerts-panel{margin-top:16px}.dashboard-alerts-grid{display:grid;grid-template-columns:1fr;gap:12px}.dashboard-alert-card{display:grid;gap:8px;border:1px solid #e5e7eb;border-radius:16px;background:#f7f7fb;padding:15px;transition:border-color .2s,transform .2s,box-shadow .2s}.dashboard-alert-card:hover{border-color:#c82333;box-shadow:0 14px 32px rgba(31,41,55,.08);transform:translateY(-1px)}.dashboard-alert-card div{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-alert-card span{color:#374151;font-size:13px;font-weight:900}.dashboard-alert-card strong{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;border-radius:999px;background:#fff;color:#2d2a63;font-size:18px}.dashboard-alert-card p{margin:0;color:#6b7280;font-size:13px}.dashboard-alert-warning strong{background:#fef3c7;color:#92400e}.dashboard-alert-danger strong{background:#fee2e2;color:#991b1b}.dashboard-alert-neutral strong{background:#eef2ff;color:#2d2a63}@media (max-width:640px){.dashboard-hero{align-items:stretch;flex-direction:column}.dashboard-hero .primary-button{width:100%}.dashboard-stat-card strong{font-size:24px}.payable-row dl div{align-items:flex-start;flex-direction:column;gap:2px}}@media (min-width:720px){.dashboard-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-alerts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payable-row dl{grid-template-columns:repeat(3,minmax(0,1fr))}.payable-row dl div{display:grid;gap:3px}}@media (min-width:1100px){.dashboard-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-operational-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.dashboard-alerts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Premium SaaS visual refresh */
:root{
--nc-bg:#f8f9fb;
--nc-surface:#fff;
--nc-surface-muted:#f3f4f6;
--nc-text:#111827;
--nc-muted:#6b7280;
--nc-border:#e5e7eb;
--nc-brand:#2d2a63;
--nc-accent:#c82333;
--nc-radius:14px;
--nc-radius-lg:18px;
--nc-shadow:0 1px 2px rgba(17,24,39,.04),0 10px 28px rgba(17,24,39,.05);
--nc-shadow-hover:0 1px 2px rgba(17,24,39,.05),0 14px 34px rgba(17,24,39,.08);
}
html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}
body,.app-body{background:var(--nc-bg);color:var(--nc-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}
.sidebar{width:238px;background:#28255d;box-shadow:1px 0 0 rgba(255,255,255,.08),12px 0 32px rgba(17,24,39,.08)}
.sidebar-brand{padding:18px 18px 12px}
.sidebar-logo{width:158px;border-radius:12px;padding:8px}
.sidebar-nav{gap:3px;padding:6px 10px}
.nav-link{min-height:38px;border-radius:10px;padding:9px 12px;color:rgba(255,255,255,.72);font-size:13px;font-weight:500;letter-spacing:0}
.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-link-active{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 3px 0 0 var(--nc-accent)}
.sidebar-footer{padding:12px}
.logout-button{min-height:38px;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;background:rgba(255,255,255,.07)}
.topbar{min-height:64px;border-bottom:1px solid rgba(229,231,235,.9);background:rgba(248,249,251,.86);padding:12px 18px;backdrop-filter:blur(18px)}
.topbar h1{font-size:22px;font-weight:550;letter-spacing:-.01em;color:var(--nc-text)}
.topbar .eyebrow{margin-bottom:2px;font-size:10px;font-weight:650;letter-spacing:.08em;color:var(--nc-accent)}
.topbar-user{font-size:13px;font-weight:500;color:var(--nc-muted)}
.topbar-user strong{width:32px;height:32px;font-size:11px;font-weight:650}
.mobile-menu-button{width:38px;height:38px;border-radius:10px;box-shadow:0 1px 2px rgba(17,24,39,.04)}
.main-content{padding:18px;max-width:1500px}
.stat-card,.panel,.module-placeholder,.empty-state,.login-card,.quick-summary-card,.report-card,.person-card,.production-item,.dashboard-hero,.dashboard-alert-card,.payable-row{border-color:rgba(229,231,235,.9);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-shadow);background:var(--nc-surface)}
.panel{padding:16px}
.panel-header{gap:10px;margin-bottom:12px}
.panel h2,.module-placeholder h2,.empty-state h2,.people-header h2{font-size:18px;font-weight:560;letter-spacing:-.01em;color:var(--nc-text)}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:.08em;color:var(--nc-accent)}
.people-header{gap:12px;margin-bottom:14px}
.people-header p:not(.eyebrow),.module-placeholder p,.empty-state p,.empty-list,.quick-action span,.report-card span,.stat-card p{color:var(--nc-muted);font-size:13px;font-weight:400}
.stat-card{padding:15px 16px}
.stat-card span{font-size:12px;font-weight:500;color:var(--nc-muted)}
.stat-card strong{margin-top:7px;font-size:25px;font-weight:620;letter-spacing:-.02em;color:var(--nc-brand)}
.stat-card p{margin-top:6px}
.dashboard-grid,.closing-summary-grid,.reports-grid{gap:12px}
.dashboard-columns{gap:14px;margin-top:14px}
.dashboard-hero{padding:17px 18px;margin-bottom:14px;background:linear-gradient(135deg,#fff 0%,#fafbfc 62%,#fff6f7 100%)}
.dashboard-hero h2{font-size:23px;font-weight:580;letter-spacing:-.02em;color:var(--nc-brand)}
.dashboard-hero span{font-size:13px;font-weight:450;color:var(--nc-muted)}
.dashboard-stat-card:after{opacity:.55}
.dashboard-net-card,.closing-net-card,.subtotal-box{background:linear-gradient(135deg,#2d2a63 0%,#242052 100%)}
.dashboard-actions,.dashboard-alerts-panel{margin-top:14px}
.quick-actions{gap:10px}
.quick-action{border-radius:13px;padding:13px;background:#fafbfc;box-shadow:none}
.quick-action:hover,.report-card:hover,.dashboard-alert-card:hover{border-color:rgba(200,35,51,.32);box-shadow:var(--nc-shadow-hover);transform:translateY(-1px)}
.quick-action strong,.report-card strong{font-size:14px;font-weight:560;color:var(--nc-brand)}
.empty-list{padding:14px;border-radius:13px;background:#fafbfc}
.empty-list strong{font-weight:560;color:var(--nc-text)}
.form-stack{gap:12px}
.filter-form,.person-form,.closing-filter-form,.report-filter-form,.deductions-filter-form{gap:10px}
.form-stack label,.filter-form label,.person-form label,.quick-summary-card label,.production-item label{gap:6px;color:#4b5563;font-size:12px;font-weight:560}
.form-stack input,.filter-form input,.filter-form select,.person-form input,.person-form select,.person-form textarea,.quick-summary-card select,.quick-summary-card input,.production-item select,.production-item input{min-height:38px;border-radius:10px;border-color:var(--nc-border);padding:8px 10px;font-size:13px;background:#fff;box-shadow:0 1px 1px rgba(17,24,39,.02)}
.person-form textarea{min-height:88px}
.form-stack input:focus,.filter-form input:focus,.filter-form select:focus,.person-form input:focus,.person-form select:focus,.person-form textarea:focus,.quick-summary-card select:focus,.quick-summary-card input:focus,.production-item select:focus,.production-item input:focus{border-color:rgba(45,42,99,.55);box-shadow:0 0 0 3px rgba(45,42,99,.1)}
.primary-button,.secondary-button,.danger-button{min-height:38px;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600;box-shadow:none}
.primary-button{background:var(--nc-accent)}
.primary-button:hover,.secondary-button:hover,.danger-button:hover{filter:none;box-shadow:0 8px 18px rgba(17,24,39,.08);transform:translateY(-1px)}
.secondary-button{background:#fff;color:var(--nc-brand);border-color:var(--nc-border)}
.secondary-button:hover{background:#f9fafb;border-color:#d1d5db}
.danger-button{background:#fff5f5;border-color:#fecaca;color:#991b1b}
.small-button{min-height:32px;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:560}
.alert{border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500;box-shadow:none}
.alert-info{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af}
.data-table{min-width:760px;border-radius:0;font-size:13px}
.data-table th{background:#fafbfc;color:var(--nc-muted);font-size:11px;font-weight:600;letter-spacing:.035em}
.data-table th,.data-table td{padding:10px 12px}
.data-table td strong{font-weight:560;color:var(--nc-text)}
.data-table td span:not(.badge){font-size:12px;color:var(--nc-muted)}
.data-table tbody tr:hover{background:#f9fafb}
.row-actions{gap:6px}
.badge,.item-counter,.muted-action{min-height:24px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0}
.badge-type{background:#f1f2ff;color:var(--nc-brand);border-color:#e0e7ff}
.badge-active{background:#ecfdf3;color:#167044;border-color:#bbf7d0}
.badge-inactive{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}
.badge-open{background:#fffbeb;color:#92400e;border-color:#fde68a}
.badge-paid{background:#fff1f2;color:#991b1b;border-color:#fecdd3}
.people-table-wrap,.report-table-wrap,.closing-table-wrap,.dashboard-table-wrap{border-radius:14px;border:1px solid var(--nc-border);background:#fff;overflow:auto}
.people-list-panel{overflow:hidden}
.people-card-list{gap:10px}
.person-card{padding:13px;border-radius:14px}
.person-card-header strong{font-weight:560}
.person-card-meta{margin:10px 0;gap:8px}
.form-panel{padding:16px}
.quick-production{gap:14px}
.quick-summary-card{gap:12px;padding:16px}
.subtotal-box{border-radius:14px;padding:13px 14px}
.subtotal-box span{font-size:10px;font-weight:650;letter-spacing:.07em}
.subtotal-box strong{font-size:22px;font-weight:650}
.production-items{gap:10px}
.production-item{gap:10px;padding:12px;background:#fafbfc;border-radius:14px}
.production-save-button{min-height:40px;font-size:13px}
.production-actions{gap:8px;margin-top:12px}
.latest-production-panel,.closing-detail-panel{margin-top:14px}
.deductions-total-box{min-height:74px}
.closing-actions,.report-actions{gap:8px;margin:12px 0}
.period-shortcuts{gap:6px}
.report-card{padding:16px;border-radius:15px}
.report-card strong{font-size:16px}
.payable-row{gap:10px;padding:12px;background:#fafbfc;border-radius:14px}
.payable-row strong{margin-bottom:6px;font-weight:560}
.payable-row dl div{border:1px solid #eef0f3;padding:8px 10px}
.payable-row dt{font-size:10px;font-weight:650;letter-spacing:.05em}
.payable-row dd{font-weight:620}
.dashboard-alert-card{padding:13px;border-radius:14px;background:#fafbfc}
.dashboard-alert-card span{font-size:12px;font-weight:560}
.dashboard-alert-card strong{min-width:36px;height:30px;font-size:16px;font-weight:650}
.dashboard-alert-card p{font-size:12px}
.price-value{font-weight:620}
.module-placeholder{padding:18px}
.login-card{padding:22px}
.login-copy h1{font-size:24px;font-weight:580}
.login-brand img{width:220px}
@media (min-width:768px){
.topbar{padding:12px 22px}
.main-content{padding:20px 22px}
.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.filter-form{grid-template-columns:minmax(180px,1fr) 150px 130px auto}
.person-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.closing-summary-grid,.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
.dashboard-grid-large{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr))}
.dashboard-operational-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}
.reports-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.people-header{align-items:center}
}
@media (min-width:1180px){
.person-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-panel{padding:18px}
.quick-summary-card{grid-template-columns:minmax(240px,1fr) 150px 220px}
.production-item{grid-template-columns:minmax(210px,1.45fr) 92px 116px 116px minmax(160px,1fr) 132px!important}
.closing-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:1300px){
.main-content{padding:22px 24px}
}
@media (max-width:760px){
.sidebar{width:min(82vw,250px)}
.sidebar-logo{width:150px}
.topbar{min-height:58px;padding:10px 12px}
.topbar h1{font-size:19px}
.main-content{padding:12px}
.panel,.stat-card,.quick-summary-card,.report-card,.dashboard-hero,.dashboard-alert-card{border-radius:14px;padding:13px}
.stat-card strong{font-size:23px}
.people-header{gap:10px;margin-bottom:12px}
.people-header h2,.panel h2{font-size:17px}
.data-table{min-width:720px}
.service-table,.deductions-table,.closing-table,.report-table{min-width:760px}
.primary-button,.secondary-button,.danger-button{width:auto}
.production-actions .primary-button,.production-actions .secondary-button,.form-actions .primary-button,.form-actions .secondary-button,.people-header .primary-button,.people-header .secondary-button{width:100%}
}
@media print{
.stat-card,.panel,.report-card,.dashboard-hero{box-shadow:none!important}
}
/* Fix deductions filters after the global compact refresh */
.deductions-summary-card{
grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
align-items:end;
overflow:hidden;
}
.deductions-summary-card>*,
.deductions-filter-form label{
min-width:0;
}
.deductions-filter-form{
grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) minmax(130px,.7fr) minmax(130px,.7fr) auto!important;
align-items:end;
}
.deductions-filter-form .filter-actions{
min-width:max-content;
}
@media (max-width:1280px){
.deductions-summary-card{
grid-template-columns:1fr!important;
}
.deductions-filter-form{
grid-template-columns:minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(130px,.7fr) auto!important;
}
}
@media (max-width:900px){
.deductions-filter-form{
grid-template-columns:1fr 1fr!important;
}
.deductions-filter-form .filter-actions{
grid-column:1/-1;
min-width:0;
}
}
@media (max-width:560px){
.deductions-filter-form{
grid-template-columns:1fr!important;
}
}
/* Keep highlighted financial cards readable after the compact refresh */
.stat-card.closing-net-card,
.stat-card.dashboard-net-card{
background:linear-gradient(135deg,#2d2a63 0%,#242052 100%)!important;
border-color:rgba(255,255,255,.08)!important;
color:#fff!important;
}
.stat-card.closing-net-card span,
.stat-card.closing-net-card strong,
.stat-card.closing-net-card p,
.stat-card.dashboard-net-card span,
.stat-card.dashboard-net-card strong,
.stat-card.dashboard-net-card p{
color:#fff!important;
}
.stat-card.closing-net-card span,
.stat-card.closing-net-card p,
.stat-card.dashboard-net-card span,
.stat-card.dashboard-net-card p{
opacity:.76;
}
.stat-card.closing-net-card strong,
.stat-card.dashboard-net-card strong{
opacity:1;
}
.stat-card.closing-net-negative,
.stat-card.dashboard-net-negative{
background:linear-gradient(135deg,#991b1b 0%,#7f1d1d 100%)!important;
}
/* Inline Lucide icons */
.icon{
display:inline-block;
flex:0 0 auto;
width:1.1em;
height:1.1em;
color:currentColor;
vertical-align:-.18em;
}
.nav-link{
gap:11px;
align-items:center;
}
.nav-link .icon{
display:block;
width:18px;
height:18px;
flex:0 0 18px;
opacity:.86;
}
.nav-link span{
line-height:1.15;
}
.nav-section-title{
display:block;
margin:13px 12px 5px;
color:rgba(255,255,255,.42);
font-size:10px;
font-weight:650;
letter-spacing:.11em;
line-height:1;
text-transform:uppercase;
}
.sidebar-nav .nav-section-title:first-child{
margin-top:4px;
}
.nav-link-disabled{
cursor:not-allowed;
opacity:.48;
}
.nav-link-disabled:hover{
background:transparent;
color:rgba(255,255,255,.72);
}
.logout-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
}
.primary-button,.secondary-button,.danger-button,.quick-action{
gap:7px;
}
.primary-button .icon,.secondary-button .icon,.danger-button .icon{
width:16px;
height:16px;
}
.quick-action .icon{
display:block;
width:17px;
height:17px;
margin-bottom:8px;
color:var(--nc-accent);
}
.stat-card{
position:relative;
}
.stat-icon{
position:absolute;
top:14px;
right:14px;
width:18px;
height:18px;
color:var(--nc-brand);
opacity:.34;
}
.dashboard-net-card .stat-icon,
.closing-net-card .stat-icon{
color:#fff;
opacity:.58;
}
/* Faction orders */
.faction-summary-grid{
margin-bottom:14px;
}
.faction-filter-form{
grid-template-columns:1fr;
}
.faction-table{
min-width:1120px;
}
.faction-table .price-value{
color:var(--nc-accent);
}
.faction-row-actions{
align-items:center;
}
.receive-form{
gap:6px;
}
.receive-form select{
min-height:32px;
border:1px solid var(--nc-border);
border-radius:9px;
background:#fff;
color:var(--nc-text);
font-size:12px;
padding:6px 8px;
}
.badge-faction-aberto{background:#f3f4f6;color:#374151;border-color:#e5e7eb}
.badge-faction-em_producao{background:#eef2ff;color:#2d2a63;border-color:#e0e7ff}
.badge-faction-pronto{background:#fef3c7;color:#92400e;border-color:#fde68a}
.badge-faction-entregue{background:#e0f2fe;color:#075985;border-color:#bae6fd}
.badge-faction-recebido{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.is-received-row{
background:#fbfefc;
}
@media (min-width:900px){
.faction-filter-form{
grid-template-columns:minmax(220px,1fr) 160px 145px 145px auto;
align-items:end;
}
.faction-summary-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (max-width:900px){
.faction-filters .filter-actions{
grid-column:1/-1;
}
.faction-table-wrap{
display:block;
}
}
/* Store products */
.product-filter-form{
grid-template-columns:1fr;
}
.product-table{
min-width:980px;
}
.product-table-wrap{
max-width:100%;
}
.product-badges{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
.badge-low-stock{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.badge-backorder{background:#eef2ff;color:#2d2a63;border-color:#e0e7ff}
.badge-unavailable{background:#fff1f2;color:#991b1b;border-color:#fecdd3}
.is-low-stock-row{
background:#fffdf8;
}
.checkbox-field{
display:flex!important;
align-items:center;
gap:9px!important;
min-height:38px;
border:1px solid var(--nc-border);
border-radius:10px;
background:#fff;
padding:8px 10px;
}
.checkbox-field input{
width:16px!important;
min-height:16px!important;
box-shadow:none!important;
}
.checkbox-field span{
font-size:13px;
color:var(--nc-text);
}
@media (min-width:900px){
.product-filter-form{
grid-template-columns:minmax(220px,1fr) 170px 140px auto;
align-items:end;
}
}
@media (max-width:900px){
.product-table-wrap{
display:none;
}
}
/* Navigation/flow organization */
.dashboard-section-title{
margin:18px 0 10px;
}
.dashboard-section-title h2{
margin:0;
color:var(--nc-text);
font-size:16px;
font-weight:650;
letter-spacing:-.01em;
}
.typed-people-table{
min-width:980px;
}
.typed-people-table td:first-child span{
display:block;
margin-top:2px;
color:var(--nc-muted);
font-size:12px;
}
/* Store sales */
.sales-filter-form{
grid-template-columns:1fr;
}
.sales-table{
min-width:1080px;
}
.sale-summary-card{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-bottom:16px;
}
.sale-summary-card label,
.sale-panel label,
.form-panel>label{
display:grid;
gap:6px;
color:var(--nc-muted);
font-size:12px;
font-weight:560;
}
.sale-summary-card input,
.sale-summary-card select,
.sale-panel input,
.sale-panel select,
.form-panel>label textarea{
min-height:38px;
border:1px solid var(--nc-border);
border-radius:10px;
background:#fff;
color:var(--nc-text);
padding:8px 10px;
font-size:13px;
outline:0;
}
.sale-total-card,
.sale-final-card{
min-height:76px;
}
.sale-final-card{
background:var(--nc-brand);
color:#fff;
}
.sale-final-card span,
.sale-final-card small,
.sale-final-card strong{
color:#fff!important;
}
.sale-items{
display:grid;
gap:10px;
}
.sale-item{
display:grid;
grid-template-columns:1fr;
gap:10px;
border:1px solid var(--nc-border);
border-radius:14px;
background:#fff;
padding:12px;
}
.sale-item input[readonly]{
background:#f9fafb;
color:var(--nc-muted);
}
.badge-sale-finalizada{background:#dcfce7;color:#166534;border-color:#86efac}
.badge-sale-cancelada{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}
.badge-sale-encomenda_aberta{background:#fef3c7;color:#92400e;border-color:#fde68a}
.badge-sale-encomenda_entregue{background:#e0f2fe;color:#075985;border-color:#bae6fd}
.quick-sale{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
.quick-sale-products{min-width:0}
.quick-sale-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.quick-sale-toolbar h2,.quick-sale-cart-header h2{margin:0;color:var(--nc-text);font-size:18px;font-weight:560}
.quick-sale-search{display:flex;align-items:center;gap:8px;min-width:min(100%,320px);border:1px solid var(--nc-border);border-radius:999px;background:#fff;padding:8px 11px;color:var(--nc-muted)}
.quick-sale-search input{width:100%;border:0;outline:0;background:transparent;color:var(--nc-text);font-size:13px}
.quick-sale-meta{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}
.quick-sale-meta label,.quick-sale-notes{display:grid;gap:6px;color:var(--nc-muted);font-size:12px;font-weight:560}
.quick-sale-meta input,.quick-sale-meta select,.quick-sale-notes textarea,.sale-cart-totals input{width:100%;min-height:38px;border:1px solid var(--nc-border);border-radius:10px;background:#fff;color:var(--nc-text);padding:8px 10px;font-size:13px;outline:0}
.quick-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.quick-product-card{display:grid;gap:6px;text-align:left;border:1px solid var(--nc-border);border-radius:15px;background:#fff;padding:13px;min-height:154px;color:var(--nc-text);transition:border-color .2s,box-shadow .2s,transform .2s}
.quick-product-card:hover{border-color:color-mix(in srgb,var(--button,#c82333) 32%,#fff);box-shadow:var(--nc-shadow-hover);transform:translateY(-1px)}
.quick-product-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--primary-light,#eef2ff);color:var(--primary,#2d2a63)}
.quick-product-card strong{font-size:13px;font-weight:620;line-height:1.2;color:var(--nc-text)}
.quick-product-card small{color:var(--nc-muted);font-size:11px}
.quick-product-price{margin-top:auto;color:var(--button,#c82333);font-size:16px;font-weight:700}
.quick-product-card em{color:var(--nc-muted);font-size:11px;font-style:normal}
.quick-product-card .is-empty-stock{color:#991b1b}
.quick-sale-cart{position:sticky;bottom:0;z-index:10;border:1px solid var(--nc-border);border-radius:18px;background:#fff;box-shadow:var(--nc-shadow);overflow:hidden}
.quick-sale-cart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--nc-border);padding:14px}
.quick-sale-cart-body{display:none;padding:14px}
.quick-sale-cart.sale-cart-open .quick-sale-cart-body{display:grid;gap:13px}
.sale-payment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sale-payment-option input{position:absolute;opacity:0;pointer-events:none}
.sale-payment-option span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--nc-border);border-radius:13px;background:#fafbfc;color:var(--nc-text);font-size:13px;font-weight:760;letter-spacing:.02em}
.sale-payment-option input:checked+span{border-color:color-mix(in srgb,var(--button,#c82333) 40%,#fff);background:var(--button,#c82333);color:#fff}
.sale-cart-totals{display:grid;gap:10px}
.sale-cart-totals>div,.sale-cart-total-final{border:1px solid var(--nc-border);border-radius:14px;background:#fafbfc;padding:11px 12px}
.sale-cart-totals span,.sale-cart-totals label span{display:block;color:var(--nc-muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}
.sale-cart-totals strong{display:block;margin-top:4px;color:var(--primary,#2d2a63);font-size:22px;line-height:1.1}
.sale-cart-total-final{background:linear-gradient(135deg,var(--sidebar,#2d2a63),var(--primary-dark,#1f1b4d))!important;color:#fff}
.sale-cart-total-final span,.sale-cart-total-final strong,.sale-cart-total-final small{color:#fff!important}
.sale-cart-total-final small{display:block;margin-top:5px;opacity:.76}
.quick-sale-cart-items{display:grid;gap:8px;max-height:42vh;overflow:auto;padding-right:2px}
.sale-cart-item{display:grid;grid-template-columns:1fr 72px 86px 96px 32px;gap:7px;align-items:center;border:1px solid var(--nc-border);border-radius:13px;background:#fff;padding:9px}
.sale-cart-item strong{grid-column:1/-1;font-size:13px;font-weight:620;color:var(--nc-text)}
.sale-cart-item select{display:none}
.sale-cart-item input{min-width:0;width:100%;min-height:34px;border:1px solid var(--nc-border);border-radius:9px;background:#fff;padding:6px 8px;color:var(--nc-text);font-size:12px}
.sale-cart-item input[readonly],.sale-cart-item input:disabled{background:#f9fafb;color:var(--nc-muted)}
.quick-sale-empty{border:1px dashed var(--nc-border);border-radius:14px;background:#fafbfc;padding:14px;text-align:center;color:var(--nc-muted)}
.quick-sale-empty strong{display:block;color:var(--nc-text);font-weight:620}
.quick-sale-empty[hidden]{display:none}
.quick-sale-actions{display:grid;gap:8px}
.quick-sale-history{margin-top:14px}
.print-notes{
border:1px solid var(--nc-border);
border-radius:12px;
margin-top:16px;
padding:14px;
}
@media (min-width:760px){
.sales-filter-form{
grid-template-columns:minmax(180px,1fr) 170px 150px 145px 145px auto;
align-items:end;
}
.sale-summary-card{
grid-template-columns:145px minmax(180px,1fr) 145px 145px minmax(160px,.8fr) 130px minmax(160px,.8fr);
align-items:end;
}
.sale-item{
grid-template-columns:minmax(260px,1.5fr) 110px 130px 130px 150px;
align-items:end;
}
.sale-summary-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.quick-sale-meta{
grid-template-columns:150px minmax(160px,1fr) 150px;
}
}
@media (max-width:900px){
.sales-table-wrap{
display:block;
}
.quick-sale-toolbar{
display:grid;
}
.quick-sale-search{
width:100%;
}
}
@media (min-width:1040px){
.quick-sale{
grid-template-columns:minmax(0,1fr) minmax(360px,420px);
}
.quick-sale-cart{
top:82px;
bottom:auto;
}
.quick-sale-cart-body{
display:grid;
gap:13px;
}
.quick-sale-cart-toggle{
display:none!important;
}
}
@media (max-width:640px){
.quick-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.quick-product-card{
min-height:142px;
padding:11px;
}
.quick-sale-cart{
position:fixed;
left:10px;
right:10px;
bottom:10px;
max-height:82vh;
}
.quick-sale-cart-body{
max-height:66vh;
overflow:auto;
}
.quick-sale-history{
margin-bottom:88px;
}
.sale-cart-item{
grid-template-columns:1fr 64px 78px 30px;
}
.sale-cart-item [data-sale-line-total]{
display:none;
}
}
@media print{
.sale-print-page .panel{
border:0!important;
box-shadow:none!important;
}
.print-notes{
border-color:#d1d5db;
}
}
/* Daily cash */
.cash-filter-form{
grid-template-columns:1fr;
}
.cash-summary-grid{
margin-bottom:16px;
}
.cash-table{
min-width:980px;
}
.cash-entry-value{
color:#166534!important;
}
.cash-exit-value{
color:#991b1b!important;
}
.badge-cash-entrada{background:#dcfce7;color:#166534;border-color:#86efac}
.badge-cash-saida{background:#fee2e2;color:#991b1b;border-color:#fecaca}
@media (min-width:760px){
.cash-filter-form{
grid-template-columns:180px auto;
align-items:end;
}
.cash-summary-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (min-width:1100px){
.cash-summary-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
}
}
@media print{
.cash-panel,
.cash-table-wrap{
display:block!important;
overflow:visible!important;
}
}
.settings-logo-preview{display:flex;align-items:center;justify-content:center;border:1px solid var(--nc-border,#e5e7eb);border-radius:14px;background:#fff;padding:18px;min-height:120px}
.settings-logo-preview img{width:min(260px,100%);border-radius:12px}
.settings-muted{margin:10px 0 0;color:var(--nc-muted,#6b7280);font-size:13px}
.settings-form-section{border-top:1px solid var(--nc-border,#e5e7eb);padding-top:12px;margin-top:4px}.settings-form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.settings-form-section h3{margin:0;color:var(--nc-text,#111827);font-size:16px;font-weight:650}
.settings-info-list{display:grid;gap:9px;margin:0}
.settings-info-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--nc-border,#e5e7eb);border-radius:12px;background:#f8f9fb;padding:10px 12px}
.settings-info-list dt{color:var(--nc-muted,#6b7280);font-size:12px;font-weight:700}
.settings-info-list dd{margin:0;color:var(--nc-text,#111827);font-size:13px;font-weight:650;text-align:right}
.settings-disabled-action{width:100%;text-align:left;color:inherit;opacity:.66;cursor:not-allowed}
.settings-layout{align-items:start}
.settings-side-stack{display:grid;gap:14px}
.settings-upload-form{display:grid;gap:10px;margin-top:12px}
.settings-upload-form label{display:grid;gap:7px;color:#4b5563;font-size:12px;font-weight:560}
.settings-upload-form input[type=file]{width:100%;border:1px solid var(--nc-border,#e5e7eb);border-radius:10px;background:#fff;padding:8px 10px;font-size:13px}
.settings-logo-preview img{max-height:150px;object-fit:contain}
.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.theme-option{display:flex!important;align-items:center;gap:9px;border:1px solid var(--nc-border,#e5e7eb);border-radius:13px;background:#fff;padding:10px 11px;cursor:pointer}
.theme-option input{width:auto!important;min-height:0!important;margin:0}
.theme-option strong{font-size:13px;font-weight:560;color:var(--nc-text,#111827)}
.theme-swatch{display:inline-flex;width:18px;height:18px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(17,24,39,.14)}
.theme-option-neves .theme-swatch{background:linear-gradient(135deg,#fff 0 44%,#2d2a63 44% 78%,#c82333 78% 100%)}
.theme-option-purple .theme-swatch{background:linear-gradient(135deg,#4425a7 0 68%,#0bbed4 68% 100%)}
.theme-option-blue .theme-swatch{background:linear-gradient(135deg,#fff 0 44%,#2b6cb0 44% 78%,#0ea5e9 78% 100%)}
.theme-option-green .theme-swatch{background:linear-gradient(135deg,#fff 0 44%,#008235 44% 78%,#22c55e 78% 100%)}
.theme-option-red .theme-swatch{background:linear-gradient(135deg,#fff 0 44%,#d72638 44% 78%,#f59e0b 78% 100%)}
.theme-option-black .theme-swatch{background:linear-gradient(135deg,#fff 0 44%,#222 44% 78%,#0bbed4 78% 100%)}
.theme-option:has(input:checked){border-color:color-mix(in srgb,var(--primary,#2b6cb0) 45%,#fff);background:var(--primary-light,#eff6ff)}
.theme-option:has(input:disabled){cursor:not-allowed;opacity:.72}
.settings-admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.settings-admin-actions form{margin:0}
.settings-backups{display:grid;gap:12px}
.settings-backups h3{margin:0;color:var(--nc-text,#111827);font-size:15px;font-weight:560}
.settings-backup-table{min-width:680px}
.settings-danger-zone{display:grid;gap:14px;margin-top:18px;border:1px solid #fecaca;border-radius:16px;background:#fff7f7;padding:16px}
.settings-danger-zone h3{margin:0;color:#991b1b;font-size:16px;font-weight:620}
.settings-danger-zone p:not(.eyebrow){margin:6px 0 0;color:#7f1d1d;font-size:13px}
.settings-operation-summary{display:grid;gap:9px;border:1px solid #fee2e2;border-radius:13px;background:#fff;padding:12px}
.settings-operation-summary strong{color:#991b1b;font-size:13px;font-weight:650}
.settings-operation-summary div{display:flex;gap:7px;flex-wrap:wrap}
.settings-operation-summary span{display:inline-flex;border-radius:999px;background:#fef2f2;color:#7f1d1d;padding:5px 8px;font-size:11px;font-weight:560}
.settings-clear-form{display:grid;grid-template-columns:1fr;gap:10px}
.settings-clear-form label{display:grid;gap:7px;color:#7f1d1d;font-size:12px;font-weight:560}
.settings-clear-form input[type=text]{width:100%;min-height:38px;border:1px solid #fecaca;border-radius:10px;background:#fff;padding:8px 10px;color:#111827;outline:0}
.settings-check{display:flex!important;align-items:flex-start;gap:9px}
.settings-check input{width:auto!important;margin-top:3px}
.settings-toast{animation:settings-toast-in .22s ease}
@keyframes settings-toast-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1100px){.settings-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}}
@media (max-width:700px){.settings-admin-actions .primary-button,.settings-admin-actions .secondary-button,.settings-upload-form .primary-button{width:100%}.settings-info-list div{align-items:flex-start;flex-direction:column;gap:3px}.settings-info-list dd{text-align:left}}
/* Simple financial module */
.financial-summary-grid{margin-bottom:16px}
.financial-filter-form{grid-template-columns:1fr}
.financial-table{min-width:920px}
.badge-financial-pendente{background:#fef3c7;color:#92400e;border-color:#fde68a}
.badge-financial-pago,.badge-financial-recebido{background:#dcfce7;color:#166534;border-color:#86efac}
.badge-financial-vencido{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.financial-overdue-row{background:#fff7f7}
.financial-overdue-row td:first-child strong{color:#991b1b}
.financial-inline-pay{align-items:center;gap:6px}
.financial-inline-pay select{min-height:32px;border:1px solid var(--nc-border);border-radius:9px;background:#fff;color:var(--nc-text);padding:5px 8px;font-size:12px}
.financial-alerts{margin-top:16px}
@media (min-width:820px){.financial-filter-form{grid-template-columns:145px 145px 150px 170px auto;align-items:end}.financial-filter-form label:nth-child(4):last-of-type{display:none}}
@media (max-width:700px){.financial-inline-pay{width:100%;display:grid}.financial-inline-pay select,.financial-inline-pay button{width:100%}}
/* Final print and PDF refinement */
.print-help{
margin:-6px 0 14px;
color:var(--nc-muted,#6b7280);
font-size:12px;
}
.print-brand{
display:none;
}
.print-logo{
width:150px;
max-height:64px;
object-fit:contain;
margin-bottom:8px;
}
.print-document-brand{
display:none;
}
@media print{
@page{
margin:12mm;
}
html,body{
background:#fff!important;
color:#111827!important;
font-size:11px!important;
}
.sidebar,
.topbar,
.sidebar-backdrop,
.mobile-menu-button,
.report-actions,
.closing-actions,
.filter-actions,
.people-filters,
.report-filters,
.settings-admin-actions,
.settings-upload-form,
.settings-danger-zone,
.quick-sale,
.primary-button,
.secondary-button,
.danger-button,
.logout-button,
.print-help,
.no-print{
display:none!important;
}
.app-shell,
.content-shell,
.main-content{
display:block!important;
width:100%!important;
max-width:none!important;
padding:0!important;
margin:0!important;
}
.people-header,
.report-print-header{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
border-bottom:2px solid #111827;
padding-bottom:10px;
margin-bottom:12px;
break-after:avoid;
}
.people-header h2,
.report-print-header h2{
font-size:19px!important;
color:#111827!important;
}
.eyebrow{
color:#111827!important;
}
.panel,
.stat-card,
.report-card,
.dashboard-hero,
.quick-summary-card{
box-shadow:none!important;
border:1px solid #d1d5db!important;
background:#fff!important;
break-inside:avoid;
}
.dashboard-grid,
.dashboard-grid-large,
.closing-summary-grid,
.report-summary-grid,
.financial-summary-grid,
.cash-summary-grid,
.faction-summary-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:8px!important;
}
.stat-card{
padding:10px!important;
}
.stat-card span,
.stat-card p{
color:#374151!important;
}
.stat-card strong,
.price-value{
color:#111827!important;
}
.closing-net-card,
.dashboard-net-card,
.sale-cart-total-final{
color:#111827!important;
background:#fff!important;
}
.people-table-wrap,
.report-table-wrap,
.closing-table-wrap,
.cash-table-wrap,
.dashboard-table-wrap{
display:block!important;
overflow:visible!important;
border:1px solid #d1d5db!important;
}
.data-table,
.report-table,
.closing-table,
.cash-table,
.financial-table,
.faction-table{
min-width:0!important;
width:100%!important;
font-size:10px!important;
}
.data-table th,
.data-table td{
padding:5px 6px!important;
border-bottom:1px solid #e5e7eb!important;
}
.data-table th{
background:#f3f4f6!important;
color:#111827!important;
}
.badge{
border:1px solid #9ca3af!important;
background:#fff!important;
color:#111827!important;
}
.empty-list{
border:1px dashed #9ca3af!important;
background:#fff!important;
}
.print-page{
max-width:none!important;
padding:0!important;
}
.print-header{
border-bottom:2px solid #111827!important;
}
.print-header img{
max-height:54px;
object-fit:contain;
}
.print-document-brand{
display:flex!important;
align-items:center;
gap:12px;
border-bottom:2px solid #111827;
padding-bottom:10px;
margin-bottom:12px;
}
.print-document-brand img{
width:132px;
max-height:52px;
object-fit:contain;
}
.print-document-brand strong{
display:block;
color:#111827;
font-size:16px;
}
.print-document-brand span{
display:block;
margin-top:2px;
color:#4b5563;
font-size:10px;
}
}
/* Premium form controls */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea){
width:100%;
min-height:40px;
border:1px solid var(--nc-border,#e5e7eb);
border-radius:12px;
background-color:#fff;
color:var(--nc-text,#111827);
padding:9px 12px;
font-size:13px;
line-height:1.35;
outline:0;
box-shadow:0 1px 2px rgba(17,24,39,.03);
transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):hover{
border-color:color-mix(in srgb,var(--primary,#2d2a63) 22%,#d1d5db);
background-color:#fff;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):focus,
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):focus-visible{
border-color:color-mix(in srgb,var(--primary,#2d2a63) 62%,#fff);
box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2d2a63) 13%,transparent),0 1px 2px rgba(17,24,39,.04);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea)::placeholder{
color:#9ca3af;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):disabled,
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea)[readonly]{
background:#f9fafb;
color:#6b7280;
cursor:not-allowed;
}
textarea{
min-height:92px;
resize:vertical;
}
select{
appearance:none;
padding-right:38px!important;
background-image:
linear-gradient(45deg,transparent 50%,#6b7280 50%),
linear-gradient(135deg,#6b7280 50%,transparent 50%),
linear-gradient(to right,transparent,transparent);
background-position:
calc(100% - 18px) 50%,
calc(100% - 13px) 50%,
100% 0;
background-size:
5px 5px,
5px 5px,
2.5em 2.5em;
background-repeat:no-repeat;
}
select:hover{
background-image:
linear-gradient(45deg,transparent 50%,var(--primary,#2d2a63) 50%),
linear-gradient(135deg,var(--primary,#2d2a63) 50%,transparent 50%),
linear-gradient(to right,transparent,transparent);
}
input[type="date"]{
align-items:center;
padding-right:10px;
}
input[type="date"]::-webkit-calendar-picker-indicator{
width:18px;
height:18px;
border-radius:8px;
padding:4px;
cursor:pointer;
opacity:.72;
transition:background-color .18s ease,opacity .18s ease;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover{
background:var(--primary-light,#eef2ff);
opacity:1;
}
input[inputmode="decimal"],
input[name*="amount"],
input[name*="price"],
input[name*="discount"]{
font-variant-numeric:tabular-nums;
}
input[inputmode="decimal"]:focus,
input[name*="amount"]:focus,
input[name*="price"]:focus,
input[name*="discount"]:focus{
border-color:color-mix(in srgb,var(--button,#c82333) 56%,#fff);
box-shadow:0 0 0 4px color-mix(in srgb,var(--button,#c82333) 12%,transparent),0 1px 2px rgba(17,24,39,.04);
}
input[type="checkbox"],
input[type="radio"]{
appearance:none;
display:inline-grid;
place-content:center;
flex:0 0 auto;
width:18px!important;
height:18px!important;
min-width:18px;
min-height:18px!important;
margin:0;
border:1.5px solid #cbd5e1;
background:#fff;
color:var(--primary,#2d2a63);
cursor:pointer;
transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
input[type="checkbox"]{
border-radius:6px;
}
input[type="radio"]{
border-radius:999px;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover{
border-color:color-mix(in srgb,var(--primary,#2d2a63) 62%,#fff);
box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2d2a63) 8%,transparent);
}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible{
border-color:var(--primary,#2d2a63);
box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2d2a63) 16%,transparent);
}
input[type="checkbox"]:checked{
border-color:var(--primary,#2d2a63);
background-color:var(--primary,#2d2a63);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
background-position:center;
background-repeat:no-repeat;
background-size:13px 13px;
}
input[type="radio"]::before{
content:"";
width:8px;
height:8px;
border-radius:999px;
background:#fff;
transform:scale(0);
transition:transform .16s ease;
}
input[type="radio"]:checked{
border-color:var(--primary,#2d2a63);
background-color:var(--primary,#2d2a63);
}
input[type="radio"]:checked::before{
transform:scale(1);
}
input[type="checkbox"]:active,
input[type="radio"]:active{
transform:scale(.96);
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{
opacity:.55;
cursor:not-allowed;
}
label:has(> input[type="checkbox"]),
label:has(> input[type="radio"]),
.settings-check,
.theme-option{
cursor:pointer;
}
.settings-check,
.theme-option,
.sale-payment-option span{
transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.theme-option:has(input:focus-visible),
.settings-check:has(input:focus-visible){
box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2d2a63) 12%,transparent);
}
input[type="file"]{
width:100%;
border:1px dashed color-mix(in srgb,var(--primary,#2d2a63) 28%,#d1d5db);
border-radius:12px;
background:#fff;
padding:10px;
color:var(--nc-muted,#6b7280);
font-size:13px;
}
input[type="file"]::file-selector-button{
border:0;
border-radius:10px;
background:var(--primary-light,#eef2ff);
color:var(--primary-dark,#1f1b4d);
padding:8px 12px;
margin-right:10px;
font-weight:650;
cursor:pointer;
}
input[type="file"]::file-selector-button:hover{
background:color-mix(in srgb,var(--primary,#2d2a63) 16%,#fff);
}
/* Dashboard premium finish and form visual fixes */
html,
body,
.app-body{
font-family:"Plus Jakarta Sans",Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.dashboard-hero-premium{
align-items:center;
border-radius:22px;
border:1px solid color-mix(in srgb,var(--primary,#2d2a63) 10%,#e5e7eb);
background:
radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--accent,#c82333) 12%,transparent),transparent 30%),
linear-gradient(135deg,#fff 0%,#fff 58%,var(--primary-light,#eef2ff) 100%)!important;
box-shadow:0 1px 2px rgba(17,24,39,.04),0 18px 44px rgba(17,24,39,.06);
padding:22px;
}
.dashboard-hero-premium h2{
margin:0;
color:var(--nc-text,#111827);
font-size:clamp(22px,2.2vw,30px);
font-weight:680;
letter-spacing:-.035em;
}
.dashboard-hero-premium span{
margin-top:7px;
color:var(--nc-muted,#6b7280);
font-size:13px;
font-weight:520;
}
.dashboard-section-title{
display:flex;
align-items:end;
justify-content:space-between;
gap:14px;
margin:22px 0 10px;
}
.dashboard-section-title h2{
margin:0;
color:var(--nc-text,#111827);
font-size:16px;
font-weight:660;
letter-spacing:-.015em;
}
.dashboard-section-title>span{
color:var(--nc-muted,#6b7280);
font-size:12px;
font-weight:560;
}
.dashboard-executive-title{
margin-top:4px;
}
.dashboard-premium-grid{
gap:12px;
}
.dashboard-executive-grid{
display:grid;
grid-template-columns:1fr;
gap:12px;
}
.dashboard-executive-card,
.dashboard-premium-grid .dashboard-stat-card{
min-height:132px;
border-radius:20px;
border-color:color-mix(in srgb,var(--primary,#2d2a63) 8%,#e5e7eb);
box-shadow:0 1px 2px rgba(17,24,39,.035),0 14px 34px rgba(17,24,39,.045);
padding:17px 18px;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dashboard-executive-card:hover,
.dashboard-premium-grid .dashboard-stat-card:hover,
.dashboard-premium-panel:hover{
transform:translateY(-1px);
border-color:color-mix(in srgb,var(--primary,#2d2a63) 18%,#e5e7eb);
box-shadow:0 1px 2px rgba(17,24,39,.04),0 18px 42px rgba(17,24,39,.065);
}
.dashboard-executive-card .stat-icon,
.dashboard-premium-grid .stat-icon{
width:18px;
height:18px;
color:color-mix(in srgb,var(--primary,#2d2a63) 70%,#6b7280)!important;
opacity:.75;
}
.dashboard-executive-card span,
.dashboard-premium-grid .dashboard-stat-card span{
margin-top:12px;
color:var(--nc-muted,#6b7280);
font-size:12px;
font-weight:560;
}
.dashboard-executive-card strong,
.dashboard-premium-grid .dashboard-stat-card strong{
margin-top:7px;
color:var(--primary,#2d2a63)!important;
font-size:clamp(21px,1.8vw,27px);
font-weight:720;
letter-spacing:-.04em;
}
.dashboard-executive-card p,
.dashboard-premium-grid .dashboard-stat-card p{
margin-top:6px;
color:var(--nc-muted,#6b7280);
font-size:12px;
line-height:1.4;
}
.dashboard-executive-card.closing-net-card strong,
.dashboard-executive-card.closing-net-card span,
.dashboard-executive-card.closing-net-card p,
.dashboard-executive-card.closing-net-card .stat-icon,
.dashboard-premium-grid .closing-net-card strong,
.dashboard-premium-grid .closing-net-card span,
.dashboard-premium-grid .closing-net-card p,
.dashboard-premium-grid .closing-net-card .stat-icon{
color:#fff!important;
}
.dashboard-premium-panel{
border-radius:22px;
border-color:color-mix(in srgb,var(--primary,#2d2a63) 8%,#e5e7eb);
box-shadow:0 1px 2px rgba(17,24,39,.035),0 14px 34px rgba(17,24,39,.045);
}
.dashboard-premium-panel .panel-header h2{
font-size:16px;
font-weight:660;
letter-spacing:-.015em;
}
.activity-list{
display:grid;
gap:10px;
}
.activity-item{
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
gap:11px;
align-items:center;
border:1px solid var(--nc-border,#e5e7eb);
border-radius:16px;
background:#fff;
padding:10px 11px;
}
.activity-icon{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:12px;
background:var(--primary-light,#eef2ff);
color:var(--primary,#2d2a63);
}
.activity-item strong{
display:block;
color:var(--nc-text,#111827);
font-size:13px;
font-weight:650;
}
.activity-item p{
margin:2px 0 0;
color:var(--nc-muted,#6b7280);
font-size:12px;
line-height:1.35;
}
.activity-meta{
text-align:right;
}
.activity-meta strong{
color:var(--button,#c82333);
font-size:13px;
}
.activity-meta span{
display:block;
margin-top:3px;
color:var(--nc-muted,#6b7280);
font-size:11px;
}
select,
.filter-form select,
.person-form select,
.quick-summary-card select,
.production-item select,
.financial-inline-pay select{
appearance:none!important;
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
border:1px solid var(--nc-border,#e5e7eb)!important;
border-radius:12px!important;
min-height:40px!important;
padding:9px 38px 9px 12px!important;
box-shadow:0 1px 2px rgba(17,24,39,.03)!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:right 12px center!important;
background-size:16px 16px!important;
}
select:hover,
.filter-form select:hover,
.person-form select:hover,
.quick-summary-card select:hover,
.production-item select:hover,
.financial-inline-pay select:hover{
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
border-color:color-mix(in srgb,var(--primary,#2d2a63) 24%,#d1d5db)!important;
}
select:focus,
select:focus-visible,
.filter-form select:focus,
.person-form select:focus,
.quick-summary-card select:focus,
.production-item select:focus,
.financial-inline-pay select:focus{
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
border-color:color-mix(in srgb,var(--primary,#2d2a63) 58%,#fff)!important;
box-shadow:0 0 0 4px color-mix(in srgb,var(--primary,#2d2a63) 12%,transparent),0 1px 2px rgba(17,24,39,.04)!important;
}
select:disabled{
background-color:#f9fafb!important;
color:#6b7280!important;
opacity:1!important;
}
input[type="date"]{
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
padding-right:10px!important;
}
input[type="date"]::-webkit-calendar-picker-indicator{
opacity:.82!important;
filter:none!important;
background-color:transparent!important;
}
input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="date"]:focus::-webkit-calendar-picker-indicator{
opacity:1!important;
background-color:transparent!important;
}
@media (min-width:720px){
.dashboard-executive-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (min-width:1040px){
.dashboard-executive-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (min-width:1280px){
.dashboard-executive-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
}
.dashboard-premium-grid.dashboard-grid-large{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media (max-width:760px){
.dashboard-hero-premium{
align-items:stretch;
padding:16px;
}
.dashboard-section-title{
align-items:flex-start;
flex-direction:column;
gap:4px;
margin-top:18px;
}
.dashboard-executive-card,
.dashboard-premium-grid .dashboard-stat-card{
min-height:auto;
border-radius:18px;
padding:14px;
}
.activity-item{
grid-template-columns:32px minmax(0,1fr);
}
.activity-meta{
grid-column:2;
text-align:left;
}
}
/* Final dashboard/date input corrections */
input[type="date"],
.filter-form input[type="date"],
.person-form input[type="date"],
.quick-summary-card input[type="date"]{
appearance:auto!important;
-webkit-appearance:auto!important;
background:#fff!important;
background-color:#fff!important;
background-image:none!important;
color:var(--nc-text,#111827)!important;
border:1px solid var(--nc-border,#e5e7eb)!important;
border-radius:12px!important;
min-height:40px!important;
padding:9px 10px 9px 12px!important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
.filter-form input[type="date"]::-webkit-calendar-picker-indicator,
.person-form input[type="date"]::-webkit-calendar-picker-indicator,
.quick-summary-card input[type="date"]::-webkit-calendar-picker-indicator{
display:block!important;
opacity:1!important;
visibility:visible!important;
-webkit-appearance:auto!important;
background:none!important;
background-color:transparent!important;
color:inherit!important;
filter:none!important;
cursor:pointer;
}
input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="date"]:focus::-webkit-calendar-picker-indicator,
input[type="date"]:focus-visible::-webkit-calendar-picker-indicator{
opacity:1!important;
visibility:visible!important;
background:none!important;
background-color:transparent!important;
filter:none!important;
}
.dashboard-premium-panel .dashboard-alerts-grid,
.dashboard-alerts-grid{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
gap:14px!important;
align-items:stretch;
}
.dashboard-alert-card{
position:relative;
min-width:0;
overflow:hidden;
border-radius:18px;
padding:14px;
}
.dashboard-alert-card div{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
min-width:0;
}
.dashboard-alert-card span{
min-width:0;
overflow-wrap:normal;
word-break:normal;
line-height:1.35;
}
.dashboard-alert-card strong{
position:static!important;
flex:0 0 auto;
min-width:34px;
max-width:72px;
height:30px;
padding:0 10px;
border-radius:999px;
margin-left:auto;
white-space:nowrap;
}
.dashboard-alert-card p{
margin-top:8px;
line-height:1.4;
overflow-wrap:break-word;
}
@media (max-width:520px){
.dashboard-premium-panel .dashboard-alerts-grid,
.dashboard-alerts-grid{
grid-template-columns:1fr!important;
}
}
/* Final visual fixes: native date icon and dashboard section alignment */
input[type="date"],
.filter-form input[type="date"],
.person-form input[type="date"],
.quick-summary-card input[type="date"],
.production-item input[type="date"]{
appearance:auto!important;
-webkit-appearance:auto!important;
background-color:#fff!important;
background-image:none!important;
color:var(--nc-text,#111827)!important;
padding-right:10px!important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
.filter-form input[type="date"]::-webkit-calendar-picker-indicator,
.person-form input[type="date"]::-webkit-calendar-picker-indicator,
.quick-summary-card input[type="date"]::-webkit-calendar-picker-indicator,
.production-item input[type="date"]::-webkit-calendar-picker-indicator{
appearance:auto!important;
-webkit-appearance:auto!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
cursor:pointer!important;
filter:none!important;
color:auto!important;
background:initial!important;
background-color:initial!important;
}
input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="date"]:focus::-webkit-calendar-picker-indicator,
input[type="date"]:focus-visible::-webkit-calendar-picker-indicator{
visibility:visible!important;
opacity:1!important;
filter:none!important;
background:initial!important;
background-color:initial!important;
}
.dashboard-section-title{
display:block!important;
text-align:left!important;
margin:24px 0 12px!important;
}
.dashboard-section-title .eyebrow,
.dashboard-section-title h2{
display:block!important;
text-align:left!important;
margin-left:0!important;
margin-right:0!important;
}
.dashboard-section-title h2{
margin-top:3px!important;
}
.dashboard-section-title>span{
display:block!important;
margin-top:4px!important;
text-align:left!important;
}
/* Guaranteed visible calendar affordance */
input[type="date"],
.filter-form input[type="date"],
.person-form input[type="date"],
.quick-summary-card input[type="date"],
.production-item input[type="date"]{
appearance:auto!important;
-webkit-appearance:auto!important;
color:var(--nc-text,#111827)!important;
background-color:#fff!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:right 13px center!important;
background-size:18px 18px!important;
padding-right:44px!important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
.filter-form input[type="date"]::-webkit-calendar-picker-indicator,
.person-form input[type="date"]::-webkit-calendar-picker-indicator,
.quick-summary-card input[type="date"]::-webkit-calendar-picker-indicator,
.production-item input[type="date"]::-webkit-calendar-picker-indicator{
display:block!important;
visibility:visible!important;
opacity:.001!important;
width:20px!important;
height:20px!important;
margin:0!important;
cursor:pointer!important;
filter:none!important;
}
input[type="date"]:hover,
input[type="date"]:focus,
input[type="date"]:focus-visible{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")!important;
}
.quick-summary-card{
gap:16px!important;
}
.quick-summary-card .subtotal-box{
min-width:260px;
}
@media (min-width:1180px){
.quick-summary-card{
grid-template-columns:minmax(260px,1fr) minmax(210px,230px) minmax(270px,320px)!important;
}
}
@media (max-width:760px){
.quick-summary-card .subtotal-box{
min-width:0;
}
}
.empty-list-left{
align-items:flex-start;
text-align:left;
}
.price-table input[inputmode="decimal"]{
max-width:160px;
}
/* Pontual alignment fixes */
.financial-filter-form{
grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
align-items:end;
}
.financial-filter-form .filter-actions,
.cash-filter-form .filter-actions{
align-self:end;
display:flex;
align-items:center;
gap:10px;
min-width:max-content;
}
.financial-filter-form input[type="date"],
.cash-filter-form input[type="date"],
.quick-sale-meta input[type="date"]{
min-width:0;
width:100%;
}
@media (min-width:760px){
.cash-filter-form{
grid-template-columns:minmax(220px,260px) auto!important;
align-items:end;
}
.quick-sale-meta{
grid-template-columns:minmax(190px,220px) minmax(240px,1fr) minmax(180px,200px)!important;
align-items:end;
}
}
@media (min-width:900px){
.quick-sale-toolbar{
align-items:center;
}
.quick-sale-search{
width:min(100%,390px);
max-width:390px;
margin-left:auto;
flex:0 0 min(390px,42%);
}
}
@media (max-width:980px){
.financial-filter-form .filter-actions{
min-width:0;
}
}
/* Pontual fixes: Vendas and Vales/Descontos alignment */
.quick-sale .quick-sale-meta{
align-items:end;
gap:12px;
}
.quick-sale .quick-sale-meta label{
min-width:0;
}
.quick-sale .quick-sale-meta input,
.quick-sale .quick-sale-meta select{
height:48px;
}
@media (min-width:760px){
.quick-sale .quick-sale-meta{
grid-template-columns:220px minmax(280px,1fr) 250px!important;
}
}
@media (max-width:860px){
.quick-sale .quick-sale-meta{
grid-template-columns:1fr!important;
}
}
.deductions-summary-card{
grid-template-columns:1fr!important;
gap:14px!important;
}
.deductions-summary-card .subtotal-box{
min-width:0;
}
.deductions-filter-form{
grid-template-columns:minmax(220px,1.2fr) minmax(160px,.7fr) minmax(175px,.8fr) minmax(175px,.8fr) auto!important;
align-items:end;
}
.deductions-filter-form label,
.deductions-filter-form input,
.deductions-filter-form select{
min-width:0!important;
}
.deductions-filter-form input[type="date"]{
width:100%!important;
min-width:0!important;
}
.deductions-filter-form .filter-actions{
align-self:end;
display:flex;
align-items:center;
gap:10px;
min-width:max-content;
}
@media (max-width:1100px){
.deductions-filter-form{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.deductions-filter-form .filter-actions{
grid-column:1/-1;
min-width:0;
}
}
@media (max-width:620px){
.deductions-filter-form{
grid-template-columns:1fr!important;
}
}
/* Provider entries */
.provider-entry-form{
align-items:end;
grid-template-columns:1fr;
gap:14px;
}
.provider-subtotal-card{
min-height:64px;
width:100%;
border-radius:16px;
background:linear-gradient(135deg,var(--sidebar,#2d2a63),var(--primary-dark,#1f1b4d));
color:#fff;
padding:13px 15px;
}
.provider-subtotal-card span,
.provider-subtotal-card strong{
color:#fff!important;
}
.provider-subtotal-card span{
display:block;
font-size:11px;
font-weight:760;
letter-spacing:.06em;
text-transform:uppercase;
opacity:.76;
}
.provider-subtotal-card strong{
display:block;
margin-top:4px;
font-size:24px;
line-height:1.1;
}
.provider-items{
display:grid;
gap:10px;
}
.provider-item-row{
display:grid;
grid-template-columns:1fr;
gap:10px;
border:1px solid var(--nc-border,#e5e7eb);
border-radius:14px;
background:#fafbfc;
padding:12px;
}
.provider-item-row input[readonly]{
background:#fff;
color:var(--button,#c82333);
font-weight:700;
}
.provider-remove-button{
align-self:end;
}
.provider-pay-form{
display:inline-grid;
grid-template-columns:minmax(138px,1fr) auto;
align-items:center;
gap:8px;
min-width:226px;
}
.provider-pay-form select{
min-width:138px;
height:38px;
}
.provider-pay-form .primary-button{
min-width:66px;
height:38px;
padding-inline:12px;
}
@media (min-width:900px){
.provider-entry-form{
grid-template-columns:minmax(260px,1fr) 190px 260px;
column-gap:16px;
}
.provider-item-row{
grid-template-columns:minmax(220px,1.4fr) 110px 130px 130px minmax(180px,1fr) auto;
align-items:end;
}
}
@media (min-width:768px) and (max-width:899px){
.provider-entry-form{
grid-template-columns:minmax(0,1fr) minmax(170px,210px);
}
.provider-subtotal-card{
grid-column:1/-1;
}
}
@media (max-width:760px){
.provider-pay-form{
grid-template-columns:1fr;
width:100%;
}
}
/* Global form normalization */
:root{
--form-field-height:40px;
--form-field-radius:10px;
--form-field-padding-x:12px;
--form-focus-ring:0 0 0 3px color-mix(in srgb,var(--primary,#2d2a63) 13%,transparent);
}
.form-group,
.filter-form label,
.person-form label,
.form-stack label,
.quick-summary-card label,
.production-item label,
.provider-item-row label,
.sale-summary-card label,
.sale-panel label,
.quick-sale-meta label,
.quick-sale-notes,
.report-filter-form label,
.closing-filter-form label,
.financial-filter-form label,
.cash-filter-form label{
display:grid!important;
gap:6px!important;
min-width:0!important;
color:var(--nc-muted,#6b7280)!important;
font-size:12px!important;
font-weight:560!important;
line-height:1.25!important;
}
.form-label,
.filter-form label>span,
.person-form label>span,
.form-stack label>span,
.quick-summary-card label>span,
.production-item label>span,
.provider-item-row label>span,
.sale-summary-card label>span,
.sale-panel label>span,
.quick-sale-meta label>span,
.quick-sale-notes>span,
.report-filter-form label>span,
.closing-filter-form label>span,
.financial-filter-form label>span,
.cash-filter-form label>span{
color:var(--nc-muted,#6b7280)!important;
font-size:12px!important;
font-weight:560!important;
line-height:1.25!important;
}
.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
select{
width:100%!important;
height:var(--form-field-height)!important;
min-height:var(--form-field-height)!important;
max-height:var(--form-field-height)!important;
border:1px solid var(--nc-border,#e5e7eb)!important;
border-radius:var(--form-field-radius)!important;
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
padding:0 var(--form-field-padding-x)!important;
font-size:13px!important;
font-weight:400!important;
line-height:1.35!important;
outline:0!important;
box-shadow:0 1px 1px rgba(17,24,39,.02)!important;
}
.form-textarea,
textarea{
width:100%!important;
min-height:96px!important;
border:1px solid var(--nc-border,#e5e7eb)!important;
border-radius:var(--form-field-radius)!important;
background-color:#fff!important;
color:var(--nc-text,#111827)!important;
padding:10px var(--form-field-padding-x)!important;
font-size:13px!important;
font-weight:400!important;
line-height:1.45!important;
outline:0!important;
resize:vertical;
box-shadow:0 1px 1px rgba(17,24,39,.02)!important;
}
.form-control:hover,
.form-select:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):hover,
select:hover,
textarea:hover{
border-color:color-mix(in srgb,var(--primary,#2d2a63) 24%,var(--nc-border,#e5e7eb))!important;
}
.form-control:focus,
.form-control:focus-visible,
.form-select:focus,
.form-select:focus-visible,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible{
border-color:color-mix(in srgb,var(--primary,#2d2a63) 58%,#fff)!important;
box-shadow:var(--form-focus-ring),0 1px 2px rgba(17,24,39,.04)!important;
}
input[readonly]:not([type="checkbox"]):not([type="radio"]),
textarea[readonly],
select:disabled,
input:disabled,
textarea:disabled{
background-color:#f9fafb!important;
color:var(--nc-muted,#6b7280)!important;
opacity:1!important;
}
select,
.form-select{
appearance:none!important;
-webkit-appearance:none!important;
padding-right:38px!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:right 12px center!important;
background-size:16px 16px!important;
}
input[type="date"]{
appearance:auto!important;
-webkit-appearance:auto!important;
padding-right:44px!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:right 13px center!important;
background-size:18px 18px!important;
}
input[type="date"]::-webkit-calendar-picker-indicator{
display:block!important;
visibility:visible!important;
opacity:.001!important;
width:22px!important;
height:22px!important;
margin:0!important;
cursor:pointer!important;
}
input[type="checkbox"],
input[type="radio"]{
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
flex:0 0 18px!important;
margin:0!important;
vertical-align:middle;
}
label:has(> input[type="checkbox"]),
label:has(> input[type="radio"]),
.checkbox-field{
display:flex!important;
align-items:center!important;
gap:9px!important;
}
.primary-button,
.secondary-button,
.danger-button,
.filter-actions .primary-button,
.filter-actions .secondary-button,
.filter-actions .danger-button{
min-height:40px!important;
height:40px!important;
padding:0 14px!important;
border-radius:10px!important;
line-height:1!important;
}
.small-button{
min-height:34px!important;
height:34px!important;
padding:0 10px!important;
}
.filter-actions,
.form-actions,
.report-actions{
align-items:end!important;
gap:10px!important;
}
.form-grid,
.filter-form,
.report-filter-form,
.closing-filter-form,
.financial-filter-form,
.cash-filter-form,
.deductions-filter-form,
.faction-filter-form,
.service-filter-form,
.product-filter-form,
.sales-filter-form{
gap:12px!important;
align-items:end!important;
}
.faction-filter-form{
grid-template-columns:1fr!important;
}
@media (min-width:900px){
.faction-filter-form{
grid-template-columns:minmax(260px,1fr) minmax(150px,180px) 180px 180px auto!important;
}
}
@media (max-width:1120px){
.faction-filter-form{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.faction-filter-form .filter-actions{
grid-column:1/-1;
}
}
@media (max-width:640px){
.faction-filter-form,
.filter-form,
.report-filter-form,
.closing-filter-form,
.financial-filter-form,
.cash-filter-form,
.deductions-filter-form,
.service-filter-form,
.product-filter-form,
.sales-filter-form{
grid-template-columns:1fr!important;
}
.filter-actions .primary-button,
.filter-actions .secondary-button,
.filter-actions .danger-button{
width:100%;
}
}
.quick-sale .quick-sale-meta input,
.quick-sale .quick-sale-meta select{
height:var(--form-field-height)!important;
min-height:var(--form-field-height)!important;
}
.initial-balance-panel{
margin-bottom:16px;
}
.initial-balance-header{
align-items:center;
}
.initial-balance-summary{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-bottom:14px;
}
.initial-balance-summary article{
border:1px solid var(--nc-border,#e5e7eb);
border-radius:14px;
background:var(--nc-soft,#f8f9fb);
padding:14px;
}
.initial-balance-summary span{
display:block;
color:var(--nc-muted,#6b7280);
font-size:12px;
font-weight:560;
margin-bottom:6px;
}
.initial-balance-summary strong{
color:var(--nc-text,#111827);
font-size:14px;
font-weight:650;
}
.initial-balance-form{
display:grid;
grid-template-columns:1fr;
margin-top:10px;
}
.initial-balance-actions{
align-self:end;
}
.initial-balance-delete{
margin-top:10px;
}
.initial-balance-history{
border-top:1px solid var(--nc-border,#e5e7eb);
margin-top:16px;
padding-top:14px;
}
.initial-balance-history h3{
color:var(--nc-text,#111827);
font-size:15px;
font-weight:650;
margin:0 0 10px;
}
.compact-table{
min-width:640px;
}
@media (min-width:900px){
.initial-balance-summary{
grid-template-columns:180px 180px minmax(0,1fr);
}
.initial-balance-form{
grid-template-columns:180px 180px minmax(260px,1fr) auto;
align-items:end;
}
}