/* Login atual único. As apresentações anteriores foram removidas da folha. */
#authScreen{position:fixed;inset:0;z-index:110;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:32px;background:var(--ui-bg);color:var(--ui-text);font-family:var(--app-font);line-height:1.5}
#authScreen.hidden{display:none!important}
body:has(> #authScreen:not(.hidden)){padding:0!important;overflow:hidden!important}
body:has(> #authScreen:not(.hidden))>:not(#authScreen):not(script):not(style):not(link):not(template){display:none!important}
#authScreen *{box-sizing:border-box}
#authScreen .signin-shell{flex-shrink:0;margin:auto;width:min(1040px,100%);display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface);box-shadow:0 14px 56px #151a2410}
#authScreen .signin-intro{display:flex;flex-direction:column;justify-content:space-between;gap:38px;padding:40px;background:var(--ui-sidebar);color:var(--ui-nav-text);min-width:0}
#authScreen .signin-brand{display:flex;align-items:center;gap:14px}
#authScreen .signin-brand>img{width:40px;height:76px;object-fit:contain;flex:0 0 40px}
#authScreen .signin-brand>div{display:grid;gap:5px;min-width:0}
#authScreen .signin-brand strong{font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.8px;color:var(--ui-nav-text)}
#authScreen .signin-brand span{font-size:11px;letter-spacing:.1em;color:var(--ui-nav-muted)}
#authScreen .signin-kicker{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.08em;font-weight:650;color:var(--ui-accent)}
#authScreen .signin-story h2{margin:0;font-size:34px;line-height:1.18;letter-spacing:-1px;font-weight:650;color:var(--ui-nav-text)!important}
#authScreen .signin-story p{margin:18px 0 24px;font-size:14px;line-height:1.7;color:var(--ui-nav-muted)}
#authScreen .signin-story ul{display:grid;gap:12px;list-style:none;padding:0;margin:0;font-size:13px;color:var(--ui-nav-text)}
#authScreen .signin-story li{display:flex;align-items:center;gap:10px}
#authScreen .signin-story li:before{content:'✓';color:var(--ui-accent);font-size:14px}
#authScreen .signin-signature{font-size:12px;color:var(--ui-nav-muted)}
#authScreen .signin-card{min-width:0;width:100%;padding:34px 42px 38px;background:var(--ui-surface);color:var(--ui-text)}
#authScreen .signin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}
#authScreen .signin-toolbar>span{font-size:11px;font-weight:650;letter-spacing:.06em;color:var(--ui-muted)}
#authScreen .signin-heading{margin-bottom:24px}
#authScreen .signin-heading h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:700;margin:0;color:var(--ui-text)}
#authScreen .signin-heading p{margin:9px 0 0;font-size:14px;color:var(--ui-muted)}
#authScreen .signin-field{margin:0 0 18px;min-width:0}
#authScreen .signin-field label{display:block;font-size:13px!important;font-weight:600;color:var(--ui-text);margin:0 0 7px}
#authScreen .signin-field input{width:100%;min-height:48px;padding:12px 13px;border:1px solid var(--ui-control);border-radius:6px;background:var(--ui-surface);color:var(--ui-text);font-family:inherit;font-size:14px;line-height:1.5;box-shadow:none}
#authScreen .signin-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#authScreen .signin-link{border:0;padding:0;background:transparent;color:var(--ui-text);font:600 13px/1.5 var(--app-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#authScreen .signin-label-row .signin-link{font-size:12px;white-space:nowrap}
#authScreen .signin-password{position:relative}
#authScreen .signin-password input{padding-right:48px}
#authScreen .signin-reveal{position:absolute;inset:50% 7px auto auto;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:7px;border:0;border-radius:4px;background:transparent;color:var(--ui-muted);cursor:pointer}
#authScreen .signin-reveal:hover{background:var(--ui-alt)}
#authScreen .signin-reveal svg{width:20px;height:20px}
#authScreen .signin-submit{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:14px!important;font-weight:650}
#authScreen .signin-submit span{font-size:18px}
#authScreen .signin-create{display:flex;justify-content:center;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--ui-muted)}
#authScreen .signin-local{display:grid;gap:13px;padding-top:24px;margin-top:26px;border-top:1px solid var(--ui-border)}
#authScreen .signin-local strong{font-size:13px;font-weight:600;color:var(--ui-text)}
#authScreen .signin-local p{margin:3px 0 0;font-size:12px;color:var(--ui-muted)}
#authScreen .signin-local .btn{width:100%;min-height:42px}
#authScreen #authMessage{margin-top:18px;padding:12px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-alt);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#authScreen #authMessage:empty{display:none}
#authScreen #authMessage[data-state="info"]{background:var(--ui-info-bg);border-color:var(--ui-info-line);color:var(--ui-info-text)}
#authScreen #authMessage[data-state="error"]{background:var(--ui-danger-bg);border-color:var(--ui-danger-line);color:var(--ui-danger-text)}
#authScreen :is(button,input):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
@media(max-width:850px){#authScreen{padding:20px}#authScreen .signin-shell{max-width:480px;grid-template-columns:1fr}#authScreen .signin-intro{padding:22px 28px;gap:0}#authScreen .signin-brand>img{width:32px;height:60px;flex-basis:32px}#authScreen .signin-brand strong{font-size:25px}#authScreen .signin-story,#authScreen .signin-signature{display:none}#authScreen .signin-card{padding:24px 28px 28px}#authScreen .signin-toolbar{margin-bottom:22px}}
@media(max-width:420px){#authScreen{padding:14px}#authScreen .signin-card{padding:22px}#authScreen .signin-intro{padding:20px 22px}#authScreen .signin-toolbar>span{font-size:10px}#authScreen .signin-heading h1{font-size:26px}}
/* Aparência única: estrutura, componentes e paleta chumbo. Login anterior removido. */
@font-face { font-family: Inter; src: url("assets/fonts/InterVariable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
#homeModal .modal-title{display: none;}
#homeModal .modal-box{background: transparent; border: 0px; box-shadow: none;}
#homeOverviewBody{display: grid; gap: 20px; padding: 0px; color: var(--ui-text); font-size: 14px; line-height: 1.45; min-width: 0px;}
#homeOverviewBody *{box-sizing: border-box;}
#homeOverviewBody svg{width: 18px; height: 18px; flex-shrink: 0;}
#homeOverviewBody a{text-decoration: none; color: inherit;}
#homeOverviewBody button{font: inherit; cursor: pointer;}
#homeOverviewBody :is(a, button, summary, input):focus-visible{outline: 3px solid var(--ui-focus); outline-offset: 3px;}
#homeOverviewBody :is(strong, h2, h3){color: var(--ui-text); overflow-wrap: anywhere;}
#homeOverviewBody :is(p, h2, h3){margin: 0px;}
.home-welcome{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; border: 1px solid var(--ui-border); border-radius: 10px; background: linear-gradient(115deg,var(--ui-surface) 55%,var(--ui-alt));}
.home-welcome-date{display: block; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 650; color: var(--ui-muted); margin-bottom: 5px;}
#homeOverviewBody .home-welcome h2{font-size: clamp(24px, 2.2vw, 32px); font-weight: 700; line-height: 1.2; letter-spacing: -0.045em;}
.home-welcome p{color: var(--ui-muted); margin-top: 7px !important;}
.home-welcome-actions{display: flex; gap: 8px; align-items: center; flex-wrap: wrap; flex-shrink: 0;}
#homeOverviewBody .btn{display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 8px 12px; border: 1px solid var(--ui-control); border-radius: 6px; background: var(--ui-surface); color: var(--ui-text); font-size: 13px; font-weight: 600; white-space: nowrap;}
#homeOverviewBody .btn.primary{background: var(--ui-primary); color: var(--ui-on-inverse); border-color: var(--ui-primary);}
.home-panel{min-width: 0px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 10px; padding: 20px; scroll-margin-top: 100px;}
.home-panel-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px;}
#homeOverviewBody .home-panel-head h3{font-size: 16px; font-weight: 700; letter-spacing: -0.02em;}
.home-panel-head p{font-size: 12px; color: var(--ui-muted); margin-top: 3px !important;}
.home-text-link{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 650; white-space: nowrap; color: var(--ui-text) !important;}
.home-section-kicker{font-size: 11px; letter-spacing: 0.08em; color: var(--ui-muted); font-weight: 700; white-space: nowrap;}
.home-priorities > .home-panel-head{flex-direction: column-reverse; gap: 4px;}
.home-priority-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px;}
#homeOverviewBody .home-priority{display: flex; align-items: center; gap: 10px; min-width: 0px; min-height: 68px; text-align: left; padding: 12px; border: 1px solid var(--ui-border); border-radius: 7px; background: var(--ui-surface); color: var(--ui-text); transition: background 0.15s, border-color 0.15s;}
#homeOverviewBody .home-priority:hover{background: var(--ui-hover); border-color: var(--ui-control);}
.home-priority-copy{display: grid; gap: 2px; flex: 1 1 0%; min-width: 0px;}
.home-priority-copy strong{font-size: 13px; font-weight: 650;}
.home-priority-copy small{font-size: 12px; line-height: 1.35; color: var(--ui-muted);}
.home-priority-symbol{width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: var(--ui-alt); color: var(--ui-text); flex-shrink: 0;}
.home-priority-count{font-size: 12px; font-weight: 700; min-width: 24px; height: 24px; display: grid; place-items: center; padding: 0px 6px; border-radius: 6px; background: var(--ui-alt); color: var(--ui-text);}
.home-priority.danger :is(.home-priority-symbol, .home-priority-count){background: var(--ui-danger-bg); color: var(--ui-danger-text);}
.home-priority.warning :is(.home-priority-symbol, .home-priority-count){background: var(--ui-warning-bg); color: var(--ui-warning-text);}
.home-priority > svg{color: var(--ui-muted); width: 14px !important;}
.home-bench-legend{display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--ui-muted); margin-bottom: 12px;}
.home-bench-legend > span{display: inline-flex; align-items: center; gap: 6px;}
.home-bench-legend > span:last-child{margin-left: auto;}
.home-bench-legend i{width: 7px; height: 12px; border: 1px solid rgb(20, 112, 166); background: rgb(215, 236, 250); border-radius: 2px; display: inline-block;}
.home-bench-legend i.waiting{background: rgb(255, 241, 205); border-color: rgb(149, 97, 4);}
.home-bench-rows{display: grid; gap: 7px;}
.home-technician{border-radius: 6px; overflow: hidden; border: 1px solid var(--ui-border); background: var(--ui-surface);}
.home-technician > summary{display: grid; grid-template-columns: minmax(150px, 220px) 1fr 16px; gap: 18px; align-items: center; min-height: 62px; padding: 11px 16px; cursor: pointer; list-style: none; background-color: rgb(36, 40, 46); background-image: linear-gradient(rgba(170, 180, 194, 0.094) 1px, transparent 1px), linear-gradient(90deg, rgba(170, 180, 194, 0.094) 1px, transparent 1px); background-size: 14px 14px; color: rgb(233, 243, 236);}
.home-technician > summary::-webkit-details-marker{display: none;}
#homeOverviewBody .home-technician-name strong{display: block; color: rgb(243, 248, 244); font-size: 14px; font-weight: 650;}
.home-technician-name small{display: block; font-size: 12px; color: rgb(196, 213, 200); margin-top: 1px;}
.home-bench-phones{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0px;}
.home-bench-phones i{position: relative; display: inline-block; width: 11px; height: 22px; border: 1px solid rgb(195, 230, 255); border-radius: 2px; background: rgb(34, 97, 131); box-shadow: rgb(21, 56, 75) 0px 0px 0px 2px inset; flex-shrink: 0;}
.home-bench-phones i::after{content: ""; position: absolute; bottom: 2px; left: 3px; width: 3px; height: 1px; background: rgb(195, 230, 255);}
.home-bench-phones i.waiting{border-color: rgb(255, 226, 165); background: rgb(120, 90, 36); box-shadow: rgb(64, 50, 24) 0px 0px 0px 2px inset;}
.home-bench-phones > span{font-size: 12px; color: rgb(216, 230, 220);}
.home-bench-chevron{font-size: 20px; color: rgb(216, 230, 220); transition: transform 0.15s;}
.home-technician[open] .home-bench-chevron{transform: rotate(180deg);}
.home-technician-orders{padding: 0px 12px;}
.home-order-row, .home-alert-row{display: flex; align-items: center; gap: 10px; padding: 13px 0px; border-bottom: 1px solid var(--ui-border); min-width: 0px;}
#homeOverviewBody :is(.home-order-row, .home-alert-row):hover{background: var(--ui-alt);}
:is(.home-order-row, .home-alert-row):last-child{border-bottom: 0px;}
.home-row-main{flex: 1 1 0%; min-width: 0px; display: grid; gap: 3px;}
.home-row-main strong{font-size: 13px; font-weight: 650;}
.home-row-main small{font-size: 12px; color: var(--ui-muted); overflow-wrap: anywhere;}
.home-status{font-size: 12px; padding: 4px 7px; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-alt); white-space: nowrap;}
.home-device-mark, .home-alert-icon{display: grid; place-items: center; width: 30px; height: 30px; flex-shrink: 0; border-radius: 6px; background: var(--ui-alt); color: var(--ui-text);}
.home-alert-icon.critical{background: var(--ui-danger-bg); color: var(--ui-danger-text);}
.home-more{display: block; width: 100%; padding: 10px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--ui-border); background: var(--ui-alt); color: var(--ui-text); border-radius: 4px; font-size: 12px !important; font-weight: 650 !important;}
.home-metrics{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
.home-metric{min-width: 0px; border: 1px solid var(--ui-border); border-radius: 8px; padding: 16px; background: var(--ui-surface);}
.home-metric-head{display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ui-muted); margin-bottom: 7px;}
.home-metric-icon{display: grid; place-items: center; color: var(--ui-primary);}
#homeOverviewBody .home-metric > strong{display: block; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.home-metric > small{display: block; font-size: 12px; color: var(--ui-muted); margin-top: 6px;}
.home-metric.home-featured{background: var(--ui-inverse); border-color: var(--ui-inverse);}
#homeOverviewBody .home-featured > strong, .home-featured :is(.home-metric-head, .home-metric-icon, small){color: var(--ui-on-inverse);}
.home-metric.home-attention{background: var(--ui-warning-bg); border-color: var(--ui-warning-line);}
#homeOverviewBody .home-attention :is(strong, small, .home-metric-head, .home-metric-icon){color: var(--ui-warning-text);}
.home-lower-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; align-items: start;}
.home-count{font-size: 13px; font-weight: 700; padding: 3px 8px; border-radius: 5px; background: var(--ui-alt); color: var(--ui-text);}
.home-empty{padding: 20px 4px; color: var(--ui-muted); font-size: 13px; min-width: 0px;}
.home-empty strong{font-size: 13px; font-weight: 650;}
.home-empty p{font-size: 12px; margin-top: 4px !important;}
.home-stock-balance{text-align: right; font-variant-numeric: tabular-nums; flex-shrink: 0;}
.home-stock-balance strong{display: block; font-size: 15px;}
.home-stock-balance small{display: block; font-size: 12px; color: var(--ui-muted);}
.home-amount{font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums;}
#homeOverviewBody .home-amount.overdue{color: var(--ui-danger-text);}
.home-payable-totals, .home-sales-breakdown{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; padding: 14px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--ui-alt);}
:is(.home-payable-totals, .home-sales-breakdown) > div{min-width: 0px; display: grid; gap: 5px;}
:is(.home-payable-totals, .home-sales-breakdown) span{font-size: 12px; color: var(--ui-muted);}
:is(.home-payable-totals, .home-sales-breakdown) strong{font-size: 18px; letter-spacing: -0.025em; font-variant-numeric: tabular-nums;}
.home-sale-total{grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid var(--ui-border);}
.home-day-controls{display: flex; align-items: end; gap: 6px; flex-shrink: 0;}
.home-day-controls label{display: grid; gap: 4px; font-size: 12px; color: var(--ui-muted);}
#homeOverviewBody .home-day-controls input{width: 145px; min-height: 36px; padding: 6px 8px; margin: 0px; border: 1px solid var(--ui-control); border-radius: 5px; background: var(--ui-surface); color: var(--ui-text); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px;}
.home-sales > .home-panel-head{flex-wrap: wrap;}
.home-day-controls{flex-basis: 100%; justify-content: flex-start;}
.home-sale-note, .home-data-note{font-size: 12px; padding: 9px 0px; color: var(--ui-muted);}
.home-updated{font-size: 12px; color: var(--ui-muted); text-align: right; padding-bottom: 4px;}
@media (min-width: 1600px) {
.home-welcome{padding: 28px;}
.home-technician > summary{grid-template-columns: 250px 1fr 16px; min-height: 66px;}
}
@media (max-width: 1100px) {
.home-priority-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.home-welcome{align-items: flex-start; flex-direction: column; gap: 14px;}
.home-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 650px) {
#homeOverviewBody{gap: 14px;}
.home-welcome{padding: 18px;}
.home-welcome-date{font-size: 11px;}
.home-panel{padding: 15px;}
.home-lower-grid{grid-template-columns: 1fr;}
.home-priority-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#homeOverviewBody .home-priority{display: grid; grid-template-columns: 1fr auto; gap: 7px; padding: 10px; min-height: 98px !important;}
.home-priority-symbol{width: 27px; height: 27px;}
.home-priority-copy{grid-column: 1 / -1;}
.home-priority-copy small{display: none;}
.home-priority-copy strong{font-size: 13px;}
.home-priority-count{grid-area: 1 / 2;}
.home-priority > svg{display: none;}
.home-priority{min-height: 62px !important;}
.home-welcome-actions{width: 100%; flex-shrink: 1;}
.home-welcome-actions .btn{flex: 1 1 0%;}
.home-technician > summary{grid-template-columns: minmax(110px, 140px) 1fr 12px; gap: 10px; padding: 10px;}
.home-bench-legend{gap: 9px;}
.home-bench-legend > span:last-child{margin-left: 0px; flex-basis: 100%;}
.home-bench-phones{gap: 5px;}
.home-bench-phones i{width: 10px; height: 20px;}
.home-metrics{gap: 8px;}
.home-metric{padding: 12px;}
.home-metric-head{font-size: 12px; align-items: flex-start;}
.home-metric-icon{display: none;}
#homeOverviewBody .home-metric > strong{font-size: 21px;}
.home-order-row{flex-wrap: wrap;}
.home-order-row .home-status{order: 5; margin-left: 40px;}
.home-panel-head{gap: 8px;}
.home-panel-head .home-text-link{font-size: 12px;}
.home-day-controls{flex-wrap: wrap;}
.home-updated{text-align: left;}
}
:where(html:has(#deviceServiceTagStyles)) .device-service-panel{grid-column: 1 / -1; display: none; padding: 14px; border: 1px solid rgb(219, 231, 240); border-radius: 11px; background: rgb(248, 251, 253);}
:where(html:has(#deviceServiceTagStyles)) .device-service-panel.show{display: block;}
:where(html:has(#deviceServiceTagStyles)) .device-service-panel-head{display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 10px;}
:where(html:has(#deviceServiceTagStyles)) .device-service-panel-head b{font-size: 13px; color: rgb(38, 51, 72);}
:where(html:has(#deviceServiceTagStyles)) .device-service-panel-head span{font-size: 12px; color: rgb(115, 128, 150);}
:where(html:has(#deviceServiceTagStyles)) .device-service-tags{display: flex; gap: 8px; flex-wrap: wrap;}
:where(html:has(#deviceServiceTagStyles)) .device-service-tag{display: inline-flex; align-items: stretch; border: 1px solid rgb(204, 217, 229); border-radius: 9px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(15, 23, 42, 0.04) 0px 2px 5px;}
:where(html:has(#deviceServiceTagStyles)) .device-service-pick, :where(html:has(#deviceServiceTagStyles)) .device-service-cost{border: 0px; background: transparent; padding: 8px 10px; cursor: pointer; color: rgb(38, 51, 72);}
:where(html:has(#deviceServiceTagStyles)) .device-service-pick:hover{background: rgb(238, 248, 253);}
:where(html:has(#deviceServiceTagStyles)) .device-service-cost{border-left: 1px solid rgb(219, 228, 237); color: rgb(8, 127, 190); background: rgb(245, 251, 255);}
:where(html:has(#deviceServiceTagStyles)) .device-service-cost.missing{color: rgb(180, 83, 9); background: rgb(255, 248, 235);}
:where(html:has(#deviceServiceTagStyles)) .device-service-price{display: block; margin-top: 3px; font-size: 11px; color: rgb(22, 138, 80);}
:where(html:has(#deviceServiceTagStyles)) .device-service-cost.missing .device-service-price{color: rgb(180, 83, 9);}
@media (max-width: 650px) {
:where(html:has(#deviceServiceTagStyles)) .device-service-panel-head{align-items: flex-start; flex-direction: column;}
:where(html:has(#deviceServiceTagStyles)) .device-service-tag{width: 100%;}
:where(html:has(#deviceServiceTagStyles)) .device-service-pick{flex: 1 1 0%; text-align: left;}
}
:where(html:has(#deferred-component-2)) #deviceCatalogEditor{z-index: 250; background: rgba(8, 18, 35, 0.72); backdrop-filter: blur(3px);}
:where(html:has(#deferred-component-2)) .device-editor-card{width: min(1050px, -28px + 100vw); max-height: 92vh; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.35) 0px 28px 80px; background: rgb(255, 255, 255) !important; opacity: 1 !important;}
:where(html:has(#deferred-component-2)) .device-editor-body{padding: 22px; overflow: auto; background: rgb(255, 255, 255);}
:where(html:has(#deferred-component-2)) .device-editor-fields{display: grid; grid-template-columns: 1fr 1.5fr 1fr 1fr; gap: 14px; margin-bottom: 20px;}
:where(html:has(#deferred-component-2)) .device-editor-fields .wide{grid-column: 1 / -1;}
:where(html:has(#deferred-component-2)) .device-editor-fields label, :where(html:has(#deferred-component-2)) .device-cost-head{font-size: 12px; font-weight: 800; color: rgb(89, 105, 128); text-transform: uppercase; letter-spacing: 0.025em;}
:where(html:has(#deferred-component-2)) .device-editor-fields input, :where(html:has(#deferred-component-2)) .device-editor-fields select, :where(html:has(#deferred-component-2)) .device-editor-fields textarea, :where(html:has(#deferred-component-2)) .device-cost-row input{width: 100%; margin-top: 6px;}
:where(html:has(#deferred-component-2)) .device-cost-box{border: 1px solid rgb(216, 226, 236); border-radius: 13px; overflow: auto;}
:where(html:has(#deferred-component-2)) .device-cost-title{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; background: rgb(245, 248, 251); border-bottom: 1px solid rgb(216, 226, 236);}
:where(html:has(#deferred-component-2)) .device-cost-title span{font-size: 12px; color: rgb(102, 117, 138);}
:where(html:has(#deferred-component-2)) .device-cost-head, :where(html:has(#deferred-component-2)) .device-cost-row{display: grid; grid-template-columns: minmax(180px,1.5fr) repeat(var(--quality-count),minmax(145px,.9fr)) 105px 44px; gap: 10px; align-items: center; padding: 9px 14px; min-width: 800px;}
:where(html:has(#deferred-component-2)) .device-cost-head{background: rgb(251, 252, 253);}
:where(html:has(#deferred-component-2)) .device-cost-row{border-top: 1px solid rgb(237, 241, 245);}
:where(html:has(#deferred-component-2)) .device-cost-row input{margin: 0px;}
:where(html:has(#deferred-component-2)) .device-quality-cost{display: flex; flex-direction: column; gap: 5px;}
:where(html:has(#deferred-component-2)) .device-final-preview{display: block; padding: 5px 7px; border-radius: 7px; background: rgb(238, 250, 243); color: rgb(8, 122, 67); font-size: 11px; font-weight: 800;}
:where(html:has(#deferred-component-2)) .device-final-preview.empty{background: rgb(255, 247, 232); color: rgb(166, 91, 0);}
:where(html:has(#deferred-component-2)) .device-cost-kind{font-size: 11px; font-weight: 800; padding: 5px 7px; border-radius: 999px; text-align: center; background: rgb(233, 245, 255); color: rgb(8, 127, 190);}
:where(html:has(#deferred-component-2)) .device-cost-kind.custom{background: rgb(242, 236, 255); color: rgb(113, 65, 189);}
:where(html:has(#deferred-component-2)) .device-cost-remove{border: 0px; border-radius: 8px; width: 34px; height: 34px; background: rgb(255, 226, 226); color: rgb(198, 40, 40); font-weight: 900; cursor: pointer;}
:where(html:has(#deferred-component-2)) .device-cost-remove:disabled{opacity: 0.22; cursor: not-allowed;}
:where(html:has(#deferred-component-2)) .device-editor-footer{display: flex; justify-content: flex-end; gap: 10px; padding: 15px 22px; border-top: 1px solid rgb(216, 226, 236); background: rgb(255, 255, 255);}
@media (max-width: 760px) {
:where(html:has(#deferred-component-2)) .device-editor-fields{grid-template-columns: 1fr;}
:where(html:has(#deferred-component-2)) .device-editor-fields .wide{grid-column: auto;}
:where(html:has(#deferred-component-2)) .device-cost-title{align-items: flex-start; flex-direction: column;}
}
:where(html:has(#orderServiceCatalogStyles)) .order-service-summary{display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; padding: 14px; margin: 0px 0px 16px; border: 1px solid rgb(207, 224, 236); border-radius: 14px; background: rgb(247, 251, 254);}
:where(html:has(#orderServiceCatalogStyles)) .order-summary-item{padding: 11px 13px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 232, 240);}
:where(html:has(#orderServiceCatalogStyles)) .order-summary-item small{display: block; color: rgb(105, 120, 140); font-size: 11px; font-weight: 700; margin-bottom: 4px;}
:where(html:has(#orderServiceCatalogStyles)) .order-summary-item strong{font-size: 17px; color: rgb(23, 32, 51);}
:where(html:has(#orderServiceCatalogStyles)) .order-summary-total{background: rgb(12, 33, 61); border-color: rgb(12, 33, 61);}
:where(html:has(#orderServiceCatalogStyles)) .order-summary-total small, :where(html:has(#orderServiceCatalogStyles)) .order-summary-total strong{color: rgb(255, 255, 255);}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog{grid-column: 1 / -1; margin-top: 6px; padding: 16px; border: 1px solid rgb(213, 226, 236); border-radius: 14px; background: rgb(248, 251, 253);}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-head{display: flex; justify-content: space-between; gap: 12px; align-items: end; margin-bottom: 12px;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-head h3{margin: 0px; font-size: 17px;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-head p{margin: 3px 0px 0px; color: rgb(113, 128, 150); font-size: 12px;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-card{display: flex; flex-direction: column; gap: 9px; padding: 14px; border: 1px solid rgb(216, 227, 237); border-radius: 12px; background: rgb(255, 255, 255);}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-card h4{margin: 0px; font-size: 16px; color: rgb(23, 32, 51);}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-options{display: grid; gap: 8px;}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-option{display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 10px; border: 1px solid rgb(220, 230, 238); border-radius: 9px; background: rgb(251, 253, 255);}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-option.available{border-color: rgb(185, 223, 203); background: rgb(246, 255, 249);}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-info{display: flex; flex-direction: column; gap: 3px;}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-info small{color: rgb(115, 128, 150);}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-quality{width: max-content; padding: 4px 7px; border-radius: 999px; background: rgb(234, 245, 255); color: rgb(8, 127, 190); font-size: 11px; font-weight: 800;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-values{display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: rgb(109, 122, 141);}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-price{font-size: 17px; font-weight: 900; color: rgb(11, 138, 76);}
:where(html:has(#orderServiceCatalogStyles)) .service-cost-missing{font-size: 12px; font-weight: 800; color: rgb(180, 83, 9);}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-option button{white-space: nowrap;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-empty{grid-column: 1 / -1; padding: 18px; text-align: center; color: rgb(114, 128, 150); background: rgb(255, 255, 255); border: 1px dashed rgb(204, 217, 229); border-radius: 10px;}
@media (max-width: 650px) {
:where(html:has(#orderServiceCatalogStyles)) .order-service-summary{grid-template-columns: 1fr 1fr;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-grid{grid-template-columns: 1fr;}
:where(html:has(#orderServiceCatalogStyles)) .service-catalog-head{align-items: flex-start; flex-direction: column;}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-option{grid-template-columns: 1fr;}
:where(html:has(#orderServiceCatalogStyles)) .service-quality-option button{width: 100%;}
}
:where(html:has(#catalogOnlyStyles)) #addBtn, :where(html:has(#catalogOnlyStyles)) #addDirectService{display: none !important;}
:where(html:has(#catalogOnlyStyles)) #items select[data-k="desc"], :where(html:has(#catalogOnlyStyles)) #items select[data-k="quality"], :where(html:has(#catalogOnlyStyles)) #items input[data-k="cost"], :where(html:has(#catalogOnlyStyles)) #directServiceRows select, :where(html:has(#catalogOnlyStyles)) #directServiceRows input[data-direct-k="cost"]{pointer-events: none; background: rgb(241, 245, 249); color: rgb(71, 85, 105);}
:where(html:has(#catalogOnlyStyles)) .legacy-order-service-form{display: none !important;}
:where(html:has(#catalogOnlyStyles)) .items-wrap::before{content: "Serviços selecionados pelo catálogo"; display: block; margin: 0px 0px 12px; font-weight: 800; color: rgb(38, 51, 72);}
:where(html:has(#catalogOnlyStyles)) .catalog-selected-note{padding: 10px 12px; margin-bottom: 10px; border-radius: 9px; background: rgb(237, 249, 242); color: rgb(23, 102, 60); font-size: 12px; font-weight: 700;}
:where(html:has(#referenceCatalogStyles)) .reference-service-list{display: grid; gap: 8px;}
:where(html:has(#referenceCatalogStyles)) .reference-service-row{display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; width: 100%; padding: 13px 15px; border: 1px solid rgb(216, 227, 235); border-radius: 12px; background: rgb(255, 255, 255); text-align: left; cursor: pointer;}
:where(html:has(#referenceCatalogStyles)) .reference-service-row:hover{border-color: rgb(121, 205, 177); background: rgb(247, 255, 251);}
:where(html:has(#referenceCatalogStyles)) .reference-service-row.selected{border-color: rgb(10, 155, 114); background: rgb(240, 255, 249);}
:where(html:has(#referenceCatalogStyles)) .reference-service-row input{width: 18px; height: 18px;}
:where(html:has(#referenceCatalogStyles)) .reference-service-name{font-weight: 800; color: rgb(36, 52, 71);}
:where(html:has(#referenceCatalogStyles)) .reference-service-meta{display: block; margin-top: 3px; font-size: 12px; color: rgb(113, 128, 150);}
:where(html:has(#referenceCatalogStyles)) .reference-service-price{font-size: 16px; font-weight: 900; color: rgb(0, 139, 104); white-space: nowrap;}
:where(html:has(#referenceCatalogStyles)) .missing-service-area{margin-top: 14px;}
:where(html:has(#referenceCatalogStyles)) .missing-service-area > p{margin: 0px 0px 8px; font-weight: 700; font-size: 13px;}
:where(html:has(#referenceCatalogStyles)) .missing-service-buttons{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html:has(#referenceCatalogStyles)) .missing-service-buttons button{border: 1px solid rgb(191, 208, 221); border-radius: 9px; padding: 8px 11px; background: rgb(255, 255, 255); color: rgb(38, 56, 75); font-weight: 700; cursor: pointer;}
:where(html:has(#referenceCatalogStyles)) .missing-service-buttons button:hover{border-color: rgb(10, 155, 114); color: rgb(0, 123, 92);}
:where(html:has(#referenceCatalogStyles)) .custom-service-catalog{display: grid; grid-template-columns: 1fr 150px 48px; gap: 9px; margin-top: 18px; padding-top: 15px; border-top: 1px solid rgb(219, 229, 236);}
:where(html:has(#referenceCatalogStyles)) .custom-service-catalog label{grid-column: 1 / -1; font-weight: 700; font-size: 13px;}
@media (max-width: 650px) {
:where(html:has(#referenceCatalogStyles)) .reference-service-row{grid-template-columns: 24px 1fr;}
:where(html:has(#referenceCatalogStyles)) .reference-service-price{grid-column: 2;}
:where(html:has(#referenceCatalogStyles)) .custom-service-catalog{grid-template-columns: 1fr;}
:where(html:has(#referenceCatalogStyles)) .custom-service-catalog label{grid-column: auto;}
}
body{margin: 0px; color: var(--ink); font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal;}
.app{margin: auto;}
.top{gap: 18px;}
.brand{display: flex; align-items: center; gap: 14px;}
.logo{width: 48px; height: 48px; border-radius: 15px; background: linear-gradient(135deg,var(--blue),#22c55e); display: grid; place-items: center; font-size: 24px; font-weight: 900; box-shadow: rgba(14, 165, 233, 0.25) 0px 10px 25px;}
h1{margin: 0px;}
.btn{cursor: pointer;}
.btn:hover{transform: translateY(-1px);}
.grid{display: grid; grid-template-columns: minmax(0px, 1.65fr) minmax(330px, 0.75fr); gap: 20px;}
.card{background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(219, 227, 238, 0.9); border-radius: 20px; box-shadow: var(--shadow); overflow: hidden;}
.card-h{border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}
.card-h h2{text-transform: uppercase; margin: 0px;}
.card-b{padding: 20px;}
.fields{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
.field label, .config-grid label{display: block; color: var(--muted); font-size: 12px; font-weight: 800; margin: 0px 0px 6px; text-transform: uppercase; letter-spacing: 0.04em;}
input, select, textarea{width: 100%; color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; outline: none;}
table{width: 100%; border-collapse: collapse;}
th{text-transform: uppercase; text-align: left; border-bottom: 1px solid var(--line);}
td{border-bottom-width: 1px; border-bottom-style: solid;}
td input{padding: 9px; background: rgb(255, 255, 255);}
.money{text-align: right;}
.qty{width: 70px;}
.remove{width: 34px; height: 34px; border: 0px; background: rgb(254, 226, 226); font-weight: 900; cursor: pointer;}
.add{margin-top: 12px; background: rgb(224, 242, 254); box-shadow: none;}
.benefits{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.check{border: 1px solid var(--line); border-radius: 14px; padding: 12px; background: var(--soft); display: flex; gap: 9px; align-items: flex-start; cursor: pointer;}
.check input{width: auto; margin-top: 4px;}
.check b{display: block; font-size: 13px;}
.check small{color: var(--muted);}
.summary{position: sticky; top: 20px;}
.hero-total{padding: 24px;}
.hero-total small{text-transform: uppercase; letter-spacing: 0.12em; font-weight: 800;}
.hero-total strong{font-size: 38px; display: block; margin-top: 6px;}
.lines{padding: 18px 20px;}
.line{display: flex; justify-content: space-between; gap: 15px; padding: 9px 0px; color: var(--muted);}
.line span:last-child{color: var(--ink); font-weight: 700;}
.line.discount span:last-child{color: var(--green);}
.economy{margin: 0px 20px 16px; padding: 11px; border-radius: 12px; background: rgb(236, 253, 245); font-weight: 800; text-align: center;}
.gift{margin: 0px 20px 18px; padding: 12px; border-radius: 12px; background: rgb(240, 249, 255); font-size: 13px;}
.actions{display: grid; gap: 10px; padding: 0px 20px 20px;}
.actions .btn{width: 100%;}
.fine{color: var(--muted); text-align: center; padding: 0px 20px 18px;}
.modal{position: fixed; inset: 0px; display: none; align-items: center; justify-content: center; padding: 20px;}
.modal.open{display: flex;}
.modal-box{background: rgb(255, 255, 255); width: min(760px, 100%); overflow: auto;}
.modal-title{border-bottom: 1px solid var(--line); display: flex; justify-content: space-between;}
.config-grid{padding: 22px; grid-template-columns: repeat(2, 1fr); gap: 14px;}
.modal-foot{padding: 16px 22px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 10px;}
.empty{padding: 20px; text-align: center; color: var(--muted);}
.device-field{grid-column: 1 / -1;}
.device-types{display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px;}
.type-btn{border: 1px solid var(--line); border-radius: 12px; padding: 12px; background: var(--soft); color: var(--muted); font-weight: 800; cursor: pointer;}
.type-btn.active{background: var(--navy); border-color: var(--navy); box-shadow: rgba(15, 23, 42, 0.18) 0px 7px 18px;}
.config-grid{display: block;}
.config-section{padding: 20px 22px; border-bottom: 1px solid var(--line);}
.config-section h3{margin: 0px 0px 14px;}
.config-tabs{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px;}
.service-tabs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 13px 0px;}
.config-tab{padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); font-weight: 800; cursor: pointer;}
.config-tab.active{background: var(--navy);}
.service-tab{padding: 9px 5px; font-size: 12px;}
.global-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.band-head, .band-row{display: grid; grid-template-columns: 1.2fr 1fr 1fr 38px; gap: 8px; align-items: end;}
.band-head{color: var(--muted); font-weight: 800; text-transform: uppercase; margin-bottom: 5px;}
.band-row{margin-bottom: 9px;}
.band-row input{background: rgb(255, 255, 255);}
.band-remove{height: 42px;}
.config-note{padding: 11px; border-radius: 10px; background: rgb(239, 246, 255); font-size: 12px; margin-bottom: 13px;}
.discount-box{background: rgb(255, 247, 214); border: 1px solid rgb(253, 230, 138); border-radius: 12px; padding: 14px; margin: 12px 0px;}
.management-box{width: min(1080px, 100%);}
.management-body{padding: 22px;}
.metrics{display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 18px;}
.metric{border: 1px solid var(--line);}
.metric small{display: block; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em;}
.metric strong{display: block; margin-top: 5px;}
.metric.good strong{color: var(--green);}
.history-tools{display: flex; gap: 10px; margin-bottom: 14px;}
.history-tools input{flex: 1 1 0%;}
.history-table{min-width: 850px;}
.status-select{padding: 8px; background: rgb(255, 255, 255); font-size: 12px;}
.status-pill{display: inline-block; border-radius: 999px; padding: 5px 9px; background: rgb(239, 246, 255); font-weight: 800;}
.small-btn{box-shadow: none;}
.history-empty{padding: 35px; text-align: center; color: var(--muted);}
.quick-client{display: flex; gap: 7px;}
.quick-client input{flex: 1 1 0%;}
.quick-client .btn{padding: 9px 11px; white-space: nowrap; box-shadow: none; background: rgb(224, 242, 254);}
.section-actions{display: flex; gap: 10px; margin-bottom: 16px;}
.section-actions input{flex: 1 1 0%;}
.simple-form{display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; margin-bottom: 18px; padding: 14px; border-radius: 14px; background: rgb(248, 250, 252); border: 1px solid var(--line);}
.simple-form .btn{align-self: end;}
.muted-cell{color: var(--muted); font-size: 12px;}
.stock-form{display: grid; grid-template-columns: 1.4fr 1fr repeat(4, 0.7fr) 1fr 0.6fr auto; gap: 9px; align-items: end; margin-bottom: 18px; padding: 14px; border-radius: 14px; background: rgb(248, 250, 252); border: 1px solid var(--line);}
.stock-form label{display: block; color: var(--muted); font-weight: 800; text-transform: uppercase; margin-bottom: 5px;}
.stock-check{display: flex; align-items: center; gap: 6px; height: 42px;}
.stock-check input{width: auto;}
.low-stock{font-weight: 900;}
.stock-ok{font-weight: 800;}
.sale-builder, .purchase-builder{display: grid; grid-template-columns: 1.5fr 0.55fr auto; gap: 10px; align-items: end; margin-bottom: 16px;}
.sale-footer{display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line);}
.sale-total{font-size: 26px; font-weight: 900; color: var(--navy);}
.purchase-grid{display: grid; grid-template-columns: 1.2fr 1.5fr 0.55fr 0.75fr 1fr auto; gap: 9px; align-items: end; margin-bottom: 14px;}
.reserved{font-weight: 800;}
.cloud-badge{display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 6px 10px; background: rgb(224, 242, 254);}
.cloud-badge.online{background: rgb(220, 252, 231);}
.account-bar{display: none; gap: 7px;}
.account-bar.show{display: flex;}
body.role-limited .lines{display: none;}
body.role-technician #dashboardBtn, body.role-technician #clientsBtn, body.role-technician #salesBtn, body.role-technician #budgetsBtn, body.role-technician #stockBtn, body.role-technician #purchasesBtn, body.role-technician #financeBtn, body.role-technician #accountsBtn, body.role-technician #paymentMethodsBtn, body.role-technician #payablesBtn, body.role-technician #receivablesBtn, body.role-technician #cashBtn, body.role-technician #reportsBtn, body.role-technician #registrationsBtn, body.role-technician #newBtn, body.role-technician #configBtn{display: none !important;}
.team-role{min-width: 125px;}
.inactive-member{opacity: 0.55;}
.app{max-width: none;}
.top{position: fixed; inset: 0px auto 0px 0px; height: 100vh; margin: 0px; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; z-index: 4; overflow-y: auto;}
.nav{display: flex; flex-direction: column; min-height: calc(-105px + 100vh);}
.nav .btn{width: 100%; text-align: left; justify-content: flex-start; background: transparent; border: 1px solid transparent; box-shadow: none;}
.nav .btn:hover{transform: none;}
.top .cloud-badge{margin: 0px 7px 3px; background: rgb(19, 42, 71);}
.top .cloud-badge.online{background: rgb(15, 61, 50);}
.top .account-bar{margin-top: auto; width: 100%;}
.top .account-bar .btn{border-color: rgb(63, 41, 51);}
.page-heading{display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.page-heading h2{margin-top: 0px; margin-right: 0px; margin-left: 0px;}
.workspace-page{display: none;}
.workspace-page.active{display: block;}
.module-page{position: fixed; z-index: 3; align-items: flex-start; justify-content: flex-start; overflow: auto;}
.module-page.open{display: block;}
.module-page .modal-box{width: 100%; max-width: 1400px; max-height: none; margin: 0px auto; box-shadow: var(--shadow);}
.module-page .modal-title > .remove{display: none;}
.order-editor-tabs{display: flex; gap: 8px; overflow-x: auto; margin-bottom: 18px; border-bottom: 1px solid var(--line); padding-bottom: 10px;}
.order-editor-tab{border: 0px; border-radius: 10px; padding: 10px 14px; background: rgb(238, 242, 247); font-weight: 800; white-space: nowrap; cursor: pointer;}
.order-editor-tab.active{background: var(--navy);}
.order-tab-panel{display: none;}
.order-tab-panel.active{display: block;}
.payment-summary-card{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px;}
.payment-summary-card > div{border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: rgb(248, 250, 252);}
.payment-summary-card small{display: block; color: var(--muted); font-weight: 800;}
.payment-summary-card strong{font-size: 20px;}
.dialog-fields{padding: 20px 22px;}
.dialog-fields textarea{min-height: 110px; resize: vertical;}
.registration-tabs{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
.registration-tabs .config-tab{flex: 1 1 0%; min-width: 120px;}
.registration-toolbar{display: flex; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 14px;}
.registration-toolbar input{max-width: 420px;}
.registration-actions{display: flex; gap: 6px;}
.registration-actions .btn{padding: 7px 9px;}
.modal{z-index: 20;}
@media (max-width: 900px) {
.top{position: sticky; inset: 0px auto auto; height: auto; overflow: visible; z-index: 4;}
.top .brand{display: none;}
.nav{min-height: 0px; flex-direction: row; overflow-x: auto; gap: 7px;}
.nav-label{display: none;}
.nav .btn{width: auto; white-space: nowrap; background: rgb(19, 42, 71);}
.top .cloud-badge{display: none;}
.top .account-bar{margin: 0px; width: auto;}
.page-heading{align-items: flex-start;}
.grid{grid-template-columns: 1fr;}
.summary{position: static;}
.fields, .config-grid{grid-template-columns: 1fr;}
.benefits{grid-template-columns: 1fr;}
.items-wrap, .history-wrap{overflow-x: auto;}
table{min-width: 720px;}
.metrics{grid-template-columns: repeat(2, 1fr);}
.stock-form, .sale-footer{grid-template-columns: 1fr 1fr;}
.sale-builder{grid-template-columns: 1fr 0.5fr auto;}
.registration-toolbar{align-items: stretch; flex-direction: column;}
.registration-toolbar input{max-width: none;}
}
@media print {
body{background: rgb(255, 255, 255);}
.app{max-width: none; padding: 0px;}
.top .nav, .add, .remove, .actions, .fine{display: none !important;}
.grid{display: block;}
.card{box-shadow: none; border: 1px solid rgb(203, 213, 225); break-inside: avoid;}
.summary{position: static;}
.hero-total{print-color-adjust: exact;}
.main .card:last-child{margin-bottom: 12px;}
input, select, textarea{border: 0px; background: transparent; padding: 2px;}
.app::after{content: 'Orçamento gerado em ' attr(data-printdate); display: block; color: rgb(100, 116, 139); font-size: 10px; text-align: center;}
.sub{color: rgb(71, 85, 105);}
}
.nav-submenu{display: none; flex-direction: column; gap: 4px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; padding-left: 10px; border-left-width: 2px; border-left-style: solid;}
.nav-submenu.open{display: flex;}
.nav .nav-submenu .btn{padding: 9px 11px;}
.nav .nav-submenu .btn::before{content: "↳"; margin-right: 7px;}
.nav #configBtn[aria-expanded="true"]{background: rgb(19, 42, 71);}
.nav #configBtn[aria-expanded="true"]::after{content: "▴"; float: right;}
.nav #configBtn[aria-expanded="false"]::after{content: "▾"; float: right;}
@media (max-width: 900px) {
.nav-submenu{display: none; position: absolute; right: 12px; top: 55px; margin: 0px; padding: 8px; background: rgb(11, 29, 53); border: 1px solid rgb(30, 58, 95); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px;}
.nav-submenu.open{display: flex;}
.nav .nav-submenu .btn{width: 210px;}
}
.product-editor-grid{display: grid; grid-template-columns: 180px 1fr; gap: 20px;}
.product-photo-box{border: 1px dashed rgb(148, 163, 184); border-radius: 16px; padding: 12px; background: rgb(248, 250, 252); text-align: center;}
.product-photo-box img{width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; background: rgb(255, 255, 255);}
.product-photo-box input{margin-top: 10px; font-size: 12px;}
.product-section{border-top: 1px solid var(--line); padding-top: 18px; margin-top: 18px;}
.product-section:first-child{border-top: 0px; padding-top: 0px; margin-top: 0px;}
.product-thumb{width: 52px; height: 52px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; background: rgb(255, 255, 255); float: left; margin-right: 10px;}
@media (max-width: 700px) {
.product-editor-grid{grid-template-columns: 1fr;}
.product-photo-box{max-width: 240px; margin: auto;}
}




















@media (max-width: 1150px) {



}
@media (max-width: 650px) {






}











.nav #salesBtn[aria-expanded="true"]{background: rgb(19, 42, 71);}
.nav #salesBtn[aria-expanded="true"]::after{content: "▴"; float: right;}
.nav #salesBtn[aria-expanded="false"]::after{content: "▾"; float: right;}
body.role-technician #salesSubmenu{display: none !important;}
#formDialogModal, #saleCompleteModal{z-index: 80;}
.alert-level{display: inline-block; padding: 6px 10px; border-radius: 999px; font-weight: 900;}
.alert-critical{background: rgb(254, 226, 226);}
.alert-warning{background: rgb(254, 243, 199);}
.alert-info{background: rgb(219, 234, 254);}
.alert-ok{padding: 28px; text-align: center; font-weight: 800;}
.nav-alert-count{display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; margin-left: auto; padding: 0px 6px; border-radius: 999px; background: rgb(220, 38, 38); font-weight: 900;}
body.role-limited #alertsBtn{display: none !important;}
.system-error-row{outline: rgb(239, 68, 68) solid 2px; outline-offset: -2px; animation: 1.2s ease 0s 2 normal none running errorPulse; background: rgb(255, 241, 242) !important;}
.system-error-row td{background: rgb(255, 241, 242) !important;}
.system-error-tag{display: inline-block; margin: 0px 8px 5px 0px; padding: 4px 8px; border-radius: 999px; background: rgb(220, 38, 38); font-weight: 900; text-transform: uppercase;}
.system-error-banner{margin: 0px 0px 16px; padding: 13px 15px; border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(252, 165, 165) rgb(252, 165, 165) rgb(252, 165, 165) rgb(220, 38, 38); border-image: none; border-radius: 12px; background: rgb(255, 241, 242); font-weight: 700;}
@keyframes errorPulse { 
  50% { box-shadow: rgba(239, 68, 68, 0.18) 0px 0px 0px 6px; }
}
.cash-modern-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.cash-panel{border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255);}
.cash-panel-title{padding: 13px 16px; background: rgb(238, 242, 247); font-weight: 900;}
.cash-panel-body{padding: 16px;}
.cash-detail-list{display: grid; grid-template-columns: 190px 1fr; gap: 9px 15px;}
.cash-detail-list span{text-align: right;}
.cash-status-open{font-weight: 900;}
.cash-status-closed{font-weight: 900;}
.cash-manual-row{display: grid; grid-template-columns: 1fr 160px; gap: 9px; margin-bottom: 9px; align-items: center;}
.cash-manual-row input{background: rgb(241, 245, 249); text-align: right;}
.cash-tabs{display: flex; gap: 6px; overflow-x: auto; margin: 20px 0px 12px;}
.cash-tabs .btn.active{background: var(--navy);}
.cash-summary-total{font-size: 19px; font-weight: 900; text-align: right; padding-top: 9px; border-top: 1px solid var(--line);}
@media (max-width: 1000px) {
.cash-modern-grid{grid-template-columns: 1fr;}
.cash-detail-list{grid-template-columns: 1fr;}
.cash-detail-list span{text-align: left;}
.cash-manual-row{grid-template-columns: 1fr;}
}
.receivable-filters{display: grid; grid-template-columns: 1.1fr repeat(4, 1fr) auto; gap: 9px; align-items: end; margin: 14px 0px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgb(248, 250, 252);}
.receivable-filters label{display: block; margin-bottom: 5px; color: var(--muted); font-weight: 900; text-transform: uppercase;}
@media (max-width: 1100px) {
.receivable-filters{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
.receivable-filters{grid-template-columns: 1fr;}
}
#paymentMethodEditorModal{z-index: 80;}
.payment-toggle-grid{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 15px;}
.payment-toggle-grid label{display: flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: rgb(248, 250, 252);}
.payment-toggle-grid input{width: auto;}
.payment-rate-input{min-width: 110px; padding: 9px;}
label.has-field-help{position: relative;}
.field-help{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-left: 6px; border: 1px solid rgb(56, 189, 248); border-radius: 50%; background: rgb(224, 242, 254); font: 900 11px / 1 Arial; cursor: help; vertical-align: middle; flex: 0 0 17px;}
.field-help::after{content: attr(data-help); position: absolute; left: 50%; bottom: calc(100% + 9px); width: max-content; max-width: 280px; padding: 9px 11px; border-radius: 9px; background: rgb(15, 23, 42); font: 500 12px / 1.4 Arial; text-transform: none; letter-spacing: 0px; white-space: normal; box-shadow: rgba(15, 23, 42, 0.28) 0px 10px 25px; opacity: 0; visibility: hidden; transform: translate(-50%, 5px); transition: 0.15s; z-index: 200; pointer-events: none;}
.field-help::before{content: ""; position: absolute; left: 50%; bottom: calc(100% + 3px); border-width: 6px; border-style: solid; border-color: rgb(15, 23, 42) transparent transparent; border-image: none; opacity: 0; visibility: hidden; transform: translateX(-50%); z-index: 201;}
.field-help:hover::after, .field-help:hover::before, .field-help:focus::after, .field-help:focus::before{opacity: 1; visibility: visible; transform: translate(-50%, 0px);}
.field-help:focus{outline: rgba(14, 165, 233, 0.25) solid 3px; outline-offset: 2px;}
@media (max-width: 600px) {
.field-help::after{position: fixed; left: 12px; right: 12px; bottom: 18px; width: auto; max-width: none; transform: none;}
.field-help:hover::after, .field-help:focus::after{transform: none;}
.field-help::before{display: none;}
}
:root{--shadow-lg: 0 24px 70px rgba(15,31,52,.16);}
html{-webkit-font-smoothing: antialiased;}
body{background: rgb(243, 246, 250); font-family: "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: -0.005em;}
h1, h2, h3, h4, .page-heading h2, .modal-title b{font-family: "Segoe UI Variable Display", "Segoe UI", Inter, Arial, sans-serif; letter-spacing: -0.025em;}
h1{font-size: 23px; font-weight: 720;}
.page-heading h2{font-size: 26px; font-weight: 720;}
.modal-title b{font-size: 17px; font-weight: 720;}
.sub{font-size: 13px;}
body{padding-left: 252px;}
.app{padding: 26px 30px;}
.top{width: 252px; padding: 20px 13px; background: linear-gradient(rgb(9, 23, 41) 0%, rgb(12, 33, 57) 100%); box-shadow: rgba(9, 23, 41, 0.12) 4px 0px 18px;}
.top .brand{padding: 4px 8px 21px;}
.top .brand h1{font-size: 17px; font-weight: 700; line-height: 1.25; letter-spacing: -0.015em;}
.top .brand .sub{line-height: 1.35;}
.top .logo{width: 40px; height: 40px; border-radius: 11px; box-shadow: none;}
.nav{gap: 3px;}
.nav-label{padding: 17px 11px 6px; font-weight: 700; letter-spacing: 0.14em;}
.nav .btn{min-height: 39px; padding: 9px 12px; border-radius: 8px; font-size: 13.5px; font-weight: 600; transition: background 0.16s, color 0.16s, border-color 0.16s;}
.nav a.btn{text-decoration: none;}
.nav .btn:hover{background: rgb(20, 44, 73);}
.nav .btn.primary, .nav .btn.nav-active{background: rgb(8, 127, 190); box-shadow: rgb(114, 214, 255) 3px 0px 0px inset;}
.nav-submenu{margin-left: 11px;}
.nav .nav-submenu .btn{font-size: 12.5px; font-weight: 550;}
.page-heading{margin-bottom: 20px; padding: 2px 1px;}
.page-heading h2{margin-bottom: 2px;}
.cloud-badge{font-weight: 650; letter-spacing: 0.01em;}
.card, .module-page .modal-box{border: 1px solid rgb(225, 231, 239); border-radius: 14px; box-shadow: var(--shadow); background: rgb(255, 255, 255);}
.card{margin-bottom: 16px;}
.card-h{padding: 15px 19px; background: rgb(251, 252, 254);}
.card-h h2{font-size: 12px; font-weight: 700; letter-spacing: 0.08em;}
.card-b, .management-body{padding: 19px 20px;}
.module-page{inset: 0px 0px 0px 252px; background: rgb(243, 246, 250); padding: 22px 26px;}
.module-page .modal-box{min-height: calc(-44px + 100vh); border-radius: 15px;}
.modal{background: rgba(9, 20, 36, 0.58); backdrop-filter: blur(3px);}
.modal-box{border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 15px; box-shadow: var(--shadow-lg);}
.modal-title{padding: 17px 21px; align-items: center; background: rgb(255, 255, 255);}
.modal-foot, .modal-actions{background: rgb(251, 252, 254);}
.btn{min-height: 38px; border: 1px solid rgb(221, 228, 237); border-radius: 8px; padding: 9px 14px; background: rgb(255, 255, 255); font-size: 13px; font-weight: 650; box-shadow: rgba(16, 24, 40, 0.04) 0px 2px 5px; transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, transform 0.15s;}
.btn:hover{border-color: rgb(200, 211, 224); background: rgb(248, 250, 252); box-shadow: rgba(16, 24, 40, 0.07) 0px 4px 10px;}
.btn.primary{border-color: rgb(8, 127, 190); background: rgb(8, 127, 190);}
.btn.primary:hover{background: rgb(6, 111, 167);}
.btn.whats{border-color: rgb(22, 138, 80); background: rgb(22, 138, 80);}
.small-btn{min-height: 32px; padding: 6px 10px; font-size: 12px;}
.remove{border-radius: 8px;}
input, select, textarea{min-height: 40px; border-color: rgb(216, 224, 234); border-radius: 8px; padding: 9px 11px; background: rgb(255, 255, 255); font-size: 14px; transition: border-color 0.15s, box-shadow 0.15s;}
input:hover, select:hover, textarea:hover{border-color: rgb(190, 202, 218);}
input:focus, select:focus, textarea:focus{border-color: rgb(22, 140, 203); box-shadow: rgba(8, 127, 190, 0.11) 0px 0px 0px 3px;}
.field label, .config-grid label, .stock-form label, .receivable-filters label{font-weight: 700; letter-spacing: 0.055em;}
.type-btn, .config-tab, .order-editor-tab{border-radius: 8px; font-size: 13px; font-weight: 650;}
.type-btn.active, .config-tab.active, .order-editor-tab.active{background: rgb(18, 34, 57); border-color: rgb(18, 34, 57);}
.metrics{gap: 10px;}
.metric{border-radius: 11px; padding: 14px 15px; background: rgb(255, 255, 255); box-shadow: rgba(16, 24, 40, 0.035) 0px 2px 7px;}
.metric small{font-weight: 700;}
.metric strong{font-size: 23px; font-weight: 720; letter-spacing: -0.03em;}
.history-wrap{border: 1px solid rgb(227, 232, 239); border-radius: 10px; overflow: auto;}
table{font-size: 13px;}
th{height: 42px; padding: 10px 11px; background: rgb(247, 249, 252); font-weight: 700; letter-spacing: 0.065em; white-space: nowrap;}
td{padding: 10px 11px; vertical-align: middle;}
tbody tr{transition: background 0.12s;}
tbody tr:hover{background: rgb(247, 251, 254);}
.history-table tr:last-child td{border-bottom: 0px;}
.status-pill, .purchase-payment-status, .alert-level{font-weight: 700; letter-spacing: 0.005em;}
.simple-form, .stock-form, .receivable-filters, .payment-summary-card > div, .cash-panel{border-radius: 11px; background: rgb(250, 251, 253);}
.section-actions{align-items: center;}
.section-actions input{max-width: 520px;}
.sale-total, .hero-total strong{font-weight: 720; letter-spacing: -0.04em;}
.hero-total{background: linear-gradient(145deg, rgb(12, 25, 43), rgb(18, 52, 84));}

 .product-thumb{border-radius: 9px;}
@media (max-width: 900px) {
body{padding-left: 0px;}
.app{padding: 14px;}
.top{width: 100%; padding: 10px 12px;}
.module-page{inset: 62px 0px 0px; padding: 14px;}
.module-page .modal-box{min-height: calc(-90px + 100vh);}
}
.device-picker-hint{display: block; margin-top: 5px; font-size: 12px; line-height: 1.35;}
.device-picker-hint.has-devices{font-weight: 600;}
input[list].device-picker-ready{padding-right: 34px; background-image: linear-gradient(45deg, transparent 50%, rgb(100, 116, 139) 50%), linear-gradient(135deg, rgb(100, 116, 139) 50%, transparent 50%); background-position: calc(100% - 17px) 17px, calc(100% - 12px) 17px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;}
.currency-brl-wrap{position: relative; display: block;}
.currency-brl-wrap::before{content: "R$"; position: absolute; left: 11px; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 12px; font-weight: 800; pointer-events: none;}
.currency-brl-wrap > input{padding-left: 39px !important;}



.budget-new-brand{display: grid; grid-template-columns: 1fr auto; gap: 6px; margin-top: 7px;}
.budget-new-brand > button:first-child{grid-column: 1 / -1;}
.budget-new-brand input[hidden], .budget-new-brand button[hidden]{display: none;}
.budget-new-brand input{min-width: 0px;}





















.order-choice-summary{grid-column: 1 / -1; padding: 11px 13px; border: 1px solid rgb(216, 228, 239); border-radius: 4px; background: rgb(245, 248, 251); font-size: 12px;}
.dialog-check-grid label span{line-height: 1.35;}




















@media (max-width: 1400px) {



}
@media (max-width: 1050px) {

}
@media (max-width: 900px) {



}
@media (max-width: 560px) {




}





























.budget-source-options{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 7px;}
.budget-source-options .btn{min-height: 38px; padding: 8px; box-shadow: none; border: 1px solid rgb(214, 222, 230); background: rgb(255, 255, 255);}
.budget-source-options .btn.active{border-color: rgb(22, 128, 93); background: rgb(234, 247, 241);}




















@media (max-width: 1500px) {





}
@media (max-width: 900px) {




.budget-source-options{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 560px) {






.budget-source-options{grid-template-columns: 1fr 1fr;}



}














.catalog-quality.budget-confirmed{box-shadow: rgb(22, 128, 93) 3px 0px inset;}

@media (max-width: 760px) {











}







.order-service-device-groups{grid-column: 1 / -1; display: grid; gap: 8px;}
.order-service-device-group{border: 1px solid rgb(213, 224, 231); background: rgb(255, 255, 255);}
.order-service-device-group > summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; cursor: pointer; list-style: none;}
.order-service-device-group > summary::-webkit-details-marker{display: none;}
.order-service-device-group > summary span{display: grid; gap: 2px;}
.order-service-device-group[open] > summary{border-bottom: 1px solid rgb(213, 224, 231); background: rgb(239, 248, 244);}
.order-service-device-options{display: grid; gap: 5px; padding: 9px;}
.order-service-device-options > label{display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 9px; padding: 8px; border: 1px solid rgb(224, 231, 236); cursor: pointer;}
.order-service-device-options input{width: auto;}
.order-service-device-options span{display: grid;}
@media (max-width: 560px) {
.order-service-device-group > summary{align-items: flex-start;}
.order-service-device-options > label{grid-template-columns: auto 1fr;}
.order-service-device-options > label > strong{grid-column: 2;}
}



.inspection-layout{display: grid; gap: 14px;}
.inspection-intro{padding: 12px 14px; border: 1px solid rgb(207, 224, 232); background: rgb(245, 249, 251); font-size: 12px;}
.inspection-section{border: 1px solid rgb(217, 227, 234); background: rgb(255, 255, 255);}
.inspection-section-head{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px; border-bottom: 1px solid rgb(227, 233, 238); background: rgb(248, 250, 251);}
.inspection-section-head h3{margin: 0px; font-size: 14px;}
.inspection-list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; padding: 12px;}
.inspection-item{display: grid; grid-template-columns: minmax(0px, 1fr) 135px; gap: 8px; align-items: center; padding: 9px 10px; border: 1px solid rgb(224, 230, 235); background: rgb(255, 255, 255);}
.inspection-item label{font-size: 12px; font-weight: 700;}
.inspection-item select{height: 36px; padding: 6px 8px;}
.inspection-notes{padding: 0px 12px 12px;}
.inspection-notes textarea{min-height: 74px; resize: vertical;}
.inspection-photos{display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 9px; padding: 12px;}
.inspection-photo{position: relative; border: 1px solid rgb(217, 226, 233); background: rgb(247, 249, 251);}
.inspection-photo img{display: block; width: 100%; height: 112px; object-fit: cover;}
.inspection-photo button{position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; border: 0px; background: rgb(157, 43, 43); font-weight: 800; cursor: pointer;}
.inspection-photo small{display: block; padding: 6px;}
.inspection-photo-actions{display: flex; gap: 8px; flex-wrap: wrap; padding: 0px 12px 12px;}
.inspection-photo-actions label{display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid rgb(170, 184, 196); background: rgb(255, 255, 255); font-size: 12px; font-weight: 700; cursor: pointer;}
.inspection-photo-actions input{display: none;}
.inspection-actions{display: flex; justify-content: flex-end; gap: 8px;}
.inspection-template-items{white-space: pre-line;}
.inspection-report-btn{margin-left: auto;}
.inspection-required{font-weight: 700;}
@media (max-width: 760px) {
.inspection-list{grid-template-columns: 1fr;}
.inspection-item{grid-template-columns: 1fr;}
.inspection-actions{flex-direction: column;}
.inspection-actions .btn{width: 100%;}
}
.order-chosen-panel{margin-bottom: 14px; border: 1px solid rgb(213, 224, 232); background: rgb(248, 250, 251);}
.order-chosen-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px; border-bottom: 1px solid rgb(221, 229, 235);}
.order-chosen-head h3, .order-chosen-head p{margin: 0px;}
.order-chosen-head h3{font-size: 15px;}
.order-chosen-head p{margin-top: 3px;}
.order-chosen-list{display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; padding: 12px;}
.order-chosen-service{padding: 10px 12px; border: 1px solid rgb(219, 228, 234); background: rgb(255, 255, 255);}
.order-chosen-service span, .order-chosen-service b, .order-chosen-service small{display: block;}
.order-chosen-service span{font-weight: 800; text-transform: uppercase;}
.order-chosen-service b{margin-top: 3px; font-size: 13px;}
.order-chosen-service small{margin-top: 3px;}
.order-inspection-inline{margin-top: 16px; padding-top: 16px; border-top: 1px solid rgb(220, 228, 234);}
.order-parts-catalog-box{width: min(1180px, -28px + 100vw);}
.order-parts-catalog-box .management-body{padding: 16px;}
.order-parts-catalog-box #canonicalOrderCatalog{margin: 0px !important;}
.order-parts-catalog-box .catalog-quality.selected{opacity: 0.55;}
.order-parts-catalog-box .catalog-quality.selected::after{content: "Já incluído"; font-weight: 800;}
@media (max-width: 700px) {
.order-chosen-head{align-items: stretch; flex-direction: column;}
.order-chosen-head .btn{width: 100%;}
}
#orderPartsCatalogModal{z-index: 90;}
.inspection-toggle{display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 0px; background: rgb(247, 250, 252); text-align: left; cursor: pointer;}
.inspection-toggle:hover{background: rgb(238, 245, 248);}
.inspection-toggle span:first-child{display: grid; gap: 3px;}
.inspection-toggle b{font-size: 14px;}
.inspection-toggle small{font-weight: 500;}
.inspection-toggle-icon{font-size: 20px; transition: transform 0.18s;}
.inspection-toggle[aria-expanded="true"]{border-bottom: 1px solid rgb(217, 227, 234); background: rgb(238, 247, 245);}
.inspection-toggle[aria-expanded="true"] .inspection-toggle-icon{transform: rotate(180deg);}
.inspection-collapsible-body[hidden]{display: none;}
.inspection-scope-actions{display: flex; justify-content: flex-end; padding: 0px 12px 12px;}
.counter-customer-panel{display: grid; grid-template-columns: minmax(240px, 0.9fr) minmax(360px, 1.4fr); gap: 14px; align-items: end; margin-bottom: 14px; padding: 14px; border: 1px solid rgb(239, 197, 109); background: rgb(255, 251, 235);}
.counter-customer-panel b, .counter-customer-panel span{display: block;}
.counter-customer-panel b{font-size: 14px;}
.counter-customer-panel span{margin-top: 4px;}
.counter-customer-actions{display: flex; gap: 8px;}
.counter-customer-actions select{flex: 1 1 0%; min-width: 0px;}
.counter-customer-actions .btn{white-space: nowrap;}
.counter-customer-panel.customer-selected{border-color: rgb(131, 200, 181); background: rgb(240, 253, 248);}
.order-editor-actions-inline{align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; display: flex !important; flex-direction: row !important;}
.order-editor-actions-inline .btn{min-width: 0px; flex: 0 0 auto; width: auto !important;}
#editOrderSolution{min-height: 82px; resize: vertical;}
@media (max-width: 760px) {
.counter-customer-panel{grid-template-columns: 1fr;}
.counter-customer-actions{align-items: stretch; flex-direction: column;}
.order-editor-actions-inline{justify-content: stretch;}
.order-editor-actions-inline .btn{flex: 1 1 160px;}
}
.order-payment-register-title{display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 12px;}
.order-payment-register-title b{font-size: 15px;}
[data-order-panel="payment"] #receiveOrderInside{display: flex; margin: 14px 0px 0px auto;}
.direct-wizard-progress{display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-bottom: 14px;}
.direct-wizard-progress button{padding: 8px; border: 1px solid rgb(216, 225, 232); background: rgb(245, 247, 249); font-weight: 800; cursor: pointer;}
.direct-wizard-progress button.active{border-color: rgb(23, 60, 99); background: rgb(23, 60, 99);}
.direct-wizard-progress button.complete{border-color: rgb(139, 200, 179); background: rgb(238, 249, 245);}
.direct-wizard-progress span{margin-left: 4px;}
.direct-stage-title{display: flex; align-items: center; gap: 10px; margin-bottom: 12px;}
.direct-stage-title > span{display: grid; place-items: center; width: 28px; height: 28px; background: rgb(23, 60, 99); font-weight: 900;}
.direct-stage-title b, .direct-stage-title small{display: block;}
.direct-stage-body{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.direct-stage-body > section, .direct-stage-body > label{grid-column: 1 / -1;}
.direct-client-picker{display: grid; grid-template-columns: minmax(0px, 1fr) 42px; gap: 6px;}
.direct-client-picker #directNewClient{height: 42px; padding: 0px; font-size: 21px;}
.direct-customer-extra{display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
.direct-customer-extra .wide{grid-column: span 2;}
.direct-customer-extra label span{font-weight: 600; text-transform: none;}
.direct-stage-actions{display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgb(226, 232, 240);}
.direct-stage-actions .actions{display: flex; width: 100%; padding: 0px;}
.direct-order-review{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; width: 100%;}
.direct-order-review > div{padding: 10px; border: 1px solid rgb(220, 227, 233); background: rgb(248, 250, 252);}
.direct-order-review small, .direct-order-review b, .direct-order-review span{display: block;}
.direct-order-review small{font-weight: 800; text-transform: uppercase;}
.direct-order-review b{margin: 3px 0px; font-size: 13px;}
.direct-order-review .direct-review-total{grid-column: 1 / -1; background: rgb(16, 42, 71);}
.direct-order-review .direct-review-total b{font-size: 22px;}
@media (max-width: 650px) {
.direct-wizard-progress span{display: none;}
.direct-stage-body, .direct-order-review, .direct-customer-extra{grid-template-columns: 1fr;}
.direct-customer-extra .wide{grid-column: auto;}
.direct-order-review .direct-review-total{grid-column: auto;}
}
.direct-testability{display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
.direct-testability > div{padding: 10px; border: 1px solid rgb(220, 227, 233); background: rgb(248, 250, 252);}
.direct-testability b{display: block; margin-bottom: 7px; font-size: 12px;}
.direct-testability span{display: flex; gap: 6px;}
.direct-testability .btn{padding: 6px 12px;}
.direct-testability p{grid-column: 1 / -1; margin: 0px; padding: 10px; background: rgb(255, 244, 229); font-size: 12px; font-weight: 700;}
.direct-entry-checklist{display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px;}
.direct-entry-checklist label{display: grid; grid-template-columns: minmax(0px, 1fr) 140px; align-items: center; gap: 8px; padding: 7px; border: 1px solid rgb(225, 231, 236);}
.direct-entry-checklist span{font-weight: 700;}
.direct-entry-checklist select{padding: 6px;}
.direct-inspection-notes, .direct-photo-inputs, .direct-photo-preview{grid-column: 1 / -1;}
.direct-photo-inputs{display: flex; gap: 8px;}
.direct-photo-inputs label{padding: 8px 11px; border: 1px solid rgb(215, 225, 233); background: rgb(245, 248, 250); font-weight: 800; cursor: pointer;}
.direct-photo-inputs input{display: none;}
.direct-photo-preview{display: flex; gap: 7px; min-height: 54px; padding: 7px; border: 1px dashed rgb(185, 198, 209);}
.direct-photo-preview img{width: 58px; height: 58px; object-fit: cover;}
@media (max-width: 650px) {
.direct-testability, .direct-entry-checklist{grid-template-columns: 1fr;}
.direct-entry-checklist label{grid-template-columns: 1fr;}
}
@media (max-width: 1050px) and (min-width: 651px) {
.direct-order-review{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
.direct-wizard-stage:not([hidden]){display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 10px;}
.direct-wizard-stage > .direct-stage-title{grid-area: 1 / 1; margin-bottom: 0px;}
.direct-wizard-stage > .direct-stage-body{grid-area: 2 / 1 / auto / -1; width: 100%;}
.direct-wizard-stage > .direct-stage-actions{grid-area: 1 / 2; align-self: center; margin: 0px; padding: 0px; border: 0px;}
.direct-wizard-stage > .direct-stage-actions > .btn{padding: 7px 11px; white-space: nowrap;}
.direct-wizard-stage > .direct-stage-actions > .actions{gap: 6px;}
.direct-wizard-stage > .direct-stage-actions > .actions .btn{width: auto; padding: 7px 11px; white-space: nowrap;}
@media (max-width: 520px) {
.direct-wizard-stage:not([hidden]){grid-template-columns: minmax(0px, 1fr) auto; gap: 6px;}
.direct-stage-title small{display: none;}
.direct-stage-title > span{width: 24px; height: 24px;}
.direct-wizard-stage > .direct-stage-actions > .btn, .direct-wizard-stage > .direct-stage-actions > .actions .btn{padding: 6px 8px; font-size: 10px;}
}
#directOrderWizard > .os-value-dashboard{display: flex; gap: 0px; margin: 7px 0px 12px; padding: 0px; border: 1px solid rgb(221, 229, 235); border-radius: 0px; background: rgb(255, 255, 255); box-shadow: none;}
#directOrderWizard > .os-value-dashboard .os-value-card{display: flex; flex: 1 1 0%; align-items: center; justify-content: space-between; gap: 7px; min-height: 38px; padding: 6px 9px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(229, 234, 238) currentcolor currentcolor; border-image: none; border-radius: 0px; background: transparent;}
#directOrderWizard > .os-value-dashboard .os-value-card:last-child{border-right: 0px;}
#directOrderWizard > .os-value-dashboard .os-value-card small{margin: 0px;}
#directOrderWizard > .os-value-dashboard .os-value-card strong{font-size: 15px; white-space: nowrap;}
#directOrderWizard > .os-value-dashboard .os-value-card.total{background: rgb(23, 60, 99);}
#saveDirectOrderWithPayment{white-space: nowrap;}
@media (max-width: 760px) {
#directOrderWizard > .os-value-dashboard{display: grid; grid-template-columns: repeat(2, 1fr);}
#directOrderWizard > .os-value-dashboard .os-value-card:nth-child(2){border-right: 0px;}
#directOrderWizard > .os-value-dashboard .os-value-card:nth-child(-n+2){border-bottom: 1px solid rgb(229, 234, 238);}
.direct-wizard-stage > .direct-stage-actions > .actions{flex-wrap: wrap; justify-content: flex-end;}
}
.phone-toolbar{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px;}
.phone-toolbar input{flex: 1 1 0%; min-width: 180px;}
.phone-brand-filters{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
.phone-brand-filters .btn{white-space: nowrap;}
.phone-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px;}
.phone-card{padding: 20px; border: 1px solid var(--rp-line); border-radius: 10px; background: white;}
.phone-card h3{font-size: 20px; margin: 16px 0px 4px;}
.phone-photo{margin: 14px 0 0;}
.phone-photo-frame{background: #fff; border-radius: 6px; overflow: hidden;}
.phone-photo img{display: block; width: 100%; height: 166px; object-fit: contain; padding: 8px;}
.phone-photo [hidden]{display: none !important;}
.phone-photo figcaption{font-size: 10px; color: var(--ui-muted); margin-top: 6px;}
.phone-photo-fallback{min-height: 166px; display: grid; place-content: center; justify-items: center; gap: 8px; color: #545c67; font-size: 12px;}
.phone-photo-fallback svg{width: 42px; height: 56px; fill: none; stroke: currentColor; stroke-width: 1.5;}
.model-photo-editor{grid-column: 1/-1; padding: 14px; border: 1px solid var(--ui-border); border-radius: 6px;}
.model-photo-editor .phone-photo{max-width: 260px; margin: 0 auto 16px;}
.model-photo-editor input[type="file"]{width: 100%; margin: 8px 0;}
.online-catalog-body{padding: 20px;}
.online-catalog-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}
.online-catalog-grid .wide{grid-column: 1/-1;}
.online-catalog-grid label{display: grid; gap: 6px; font-size: 12px;}
.online-catalog-grid input,.online-catalog-grid textarea{width: 100%; min-width: 0;}
.online-catalog-options{display: flex; gap: 20px; flex-wrap: wrap; margin: 18px 0;}
.online-catalog-options label{display: flex; align-items: center; gap: 7px; font-size: 12px;}
.online-catalog-options input{width: 16px; height: 16px;}
.online-catalog-share>div{display: flex; gap: 8px; margin-top: 7px;}
.online-catalog-share input{flex: 1; min-width: 0;}
@media(max-width:600px){.online-catalog-grid{grid-template-columns:1fr}.online-catalog-share>div{flex-wrap:wrap}.online-catalog-share input{flex-basis:100%}}
.phone-card p{margin: 8px 0px; color: var(--rp-muted);}
.phone-card-top, .phone-card-actions, .phone-availability{display: flex; gap: 8px; flex-wrap: wrap;}
.phone-card-top{justify-content: space-between;}
.phone-price{display: block; font-size: 25px; margin: 16px 0px; font-variant-numeric: tabular-nums;}
.phone-card .phone-price-pending{font-size: 14px; font-weight: 600; margin: 16px 0; color: var(--ui-muted);}
.phone-unavailable{color: var(--ui-muted); border: 1px solid var(--ui-border);}
.phone-availability span{padding: 6px 8px; border-radius: 5px; font-size: 12px; background: var(--rp-subtle);}
.phone-in-store{background: rgb(231, 244, 237) !important;}
.phone-at-supplier{background: rgb(234, 240, 251) !important;}
.phone-card-actions{margin-top: 18px;}
.phone-purchase-row{display: grid; grid-template-columns: minmax(0px, 1fr) auto auto; align-items: center; gap: 20px; padding: 20px; background: white; border: 1px solid var(--rp-line); border-radius: 8px; margin-bottom: 12px;}
.phone-purchase-row small{overflow-wrap: anywhere; color: var(--rp-muted);}
body.role-limited #phonePurchasesBtn, body.role-limited .phone-owner{display: none !important;}
body.role-technician #phoneCatalogBtn{display: none !important;}
@media (max-width: 650px) {
.phone-grid{grid-template-columns: 1fr;}
.phone-purchase-row{grid-template-columns: 1fr;}
.phone-toolbar > *{width: 100%;}
}
body #phoneCatalogModal .phone-toolbar{display: grid; align-items: center;}
body #phonePurchasesModal .phone-toolbar{display: grid; grid-template-columns: minmax(0px, 1fr) auto;}
body .phone-toolbar :is(input, select){width: 100%; min-width: 0px;}
@media (max-width: 1150px) {
body #phoneCatalogModal .phone-toolbar{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 650px) {
body #phoneCatalogModal .phone-toolbar, body #phonePurchasesModal .phone-toolbar{grid-template-columns: 1fr;}
}
body.role-limited #phoneStockBtn{display: none !important;}
body #phoneCatalogModal .phone-toolbar{grid-template-columns: minmax(200px, 1fr) minmax(180px, 0.7fr) minmax(160px, 0.6fr);}
body #phoneStockModal .phone-toolbar{display: grid; grid-template-columns: minmax(0px, 1fr) auto;}
@media (max-width: 650px) {
body #phoneCatalogModal .phone-toolbar, body #phoneStockModal .phone-toolbar{grid-template-columns: 1fr;}
}
body #retailSaleModal, body #retailSaleHistoryModal{z-index: 90; padding: 20px;}
body #retailSaleModal > .modal-box, body #retailSaleHistoryModal > .modal-box{width: 100%; max-width: 1040px; max-height: calc(100dvh - 40px); overflow: auto; padding: 20px;}
#retailSaleForm section{padding: 18px 0px; border-bottom: 1px solid var(--rp-line);}
#retailSaleForm h3{margin: 0px 0px 16px;}
.retail-sale-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;}
.retail-sale-grid label, #retailSaleForm section > label{display: grid; gap: 6px;}
.retail-sale-grid input, .retail-sale-grid select, .retail-sale-grid textarea{width: 100%; min-width: 0px;}
.retail-sale-summary{display: grid; gap: 12px; background: rgb(255, 243, 207); padding: 16px;}
.retail-sale-summary strong{display: block; font-size: 22px;}
.retail-sale-footer{display: flex; justify-content: flex-end; gap: 12px; padding: 16px 0px; position: sticky; bottom: 0px; background: white;}
#retailSaleForm .retail-check{display: flex; align-items: center; margin-bottom: 16px;}
#retailTradeFields[hidden]{display: none;}
#retailSalePhotoPreview, .retail-history-photos{display: flex; flex-wrap: wrap; gap: 12px;}
#retailSalePhotoPreview img, .retail-history-photos img{display: block; width: 160px; height: 140px; object-fit: contain;}
.retail-sale-record{padding: 16px; border-bottom: 1px solid var(--rp-line);}
.retail-sale-record summary{cursor: pointer; font-weight: 600;}
.retail-sale-record small{color: var(--rp-muted);}
@media (max-width: 650px) {
.retail-sale-grid{grid-template-columns: 1fr;}
.retail-sale-summary strong{font-size: 17px;}
body #retailSaleModal, body #retailSaleHistoryModal{padding: 8px;}
body #retailSaleModal > .modal-box, body #retailSaleHistoryModal > .modal-box{padding: 12px; max-height: calc(100dvh - 16px);}
}
.retail-sale-steps{display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--rp-line); margin-top: 12px; background: rgb(248, 250, 252);}
.retail-sale-steps button{display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--rp-line); background: transparent; color: var(--rp-muted); font-weight: 800; cursor: pointer;}
.retail-sale-steps button:last-child{border-right: 0px;}
.retail-sale-steps button span{display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid rgb(188, 201, 212); border-radius: 50%;}
.retail-sale-steps button.active{background: rgb(237, 247, 243);}
.retail-sale-steps button.active span, .retail-sale-steps button.done span{background: rgb(8, 122, 88); border-color: rgb(8, 122, 88);}
.retail-step-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px;}
.retail-step-head h3{margin: 0px !important;}
.retail-step-actions{display: flex; gap: 8px;}
.retail-client-picker{display: grid; grid-template-columns: minmax(210px, 1.2fr) minmax(210px, 1.2fr) auto minmax(190px, 0.8fr); gap: 10px; align-items: end; margin-bottom: 13px;}
.retail-client-picker label{display: grid; gap: 5px;}
.retail-client-picker .btn{height: 42px;}
.retail-client-fields{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px;}
.retail-checklist-compact{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 9px; margin: 12px 0px;}
.retail-checklist-compact label{font-weight: 800;}
.retail-checklist-compact select{height: 36px; padding: 5px 8px;}
.retail-device-main textarea{min-height: 58px;}
.retail-photo-field{align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; background: rgb(248, 250, 252); border: 1px solid var(--rp-line); display: flex !important;}
.retail-photo-field input{max-width: 360px;}
.retail-sale-review{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 14px;}
.retail-sale-review > div{display: grid; gap: 3px; padding: 11px; background: rgb(248, 250, 252); border: 1px solid var(--rp-line);}
.retail-sale-review small, .retail-sale-review span{color: var(--rp-muted);}
.retail-sale-review b{font-size: 14px;}
@media (max-width: 850px) {
.retail-client-picker{grid-template-columns: 1fr 1fr;}
.retail-client-fields, .retail-checklist-compact, .retail-sale-review{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 650px) {
.retail-sale-steps{grid-template-columns: repeat(5, minmax(58px, 1fr)); overflow-x: auto;}
.retail-sale-steps button{font-size: 0px; min-width: 58px;}
.retail-sale-steps button span{font-size: 11px;}
.retail-client-picker, .retail-client-fields, .retail-checklist-compact, .retail-sale-review{grid-template-columns: 1fr;}
.retail-step-head{align-items: flex-start;}
.retail-step-actions .btn{padding: 8px;}
.retail-photo-field{align-items: stretch; flex-direction: column;}
.retail-photo-field input{max-width: none;}
}
body #retailTradeModal{z-index: 110; padding: 20px;}
body #retailTradeModal > .modal-box{max-width: 920px; width: 100%; padding: 22px; max-height: calc(100dvh - 40px); overflow: auto;}
.retail-contract-text{white-space: pre-wrap; line-height: 1.6; padding: 16px; background: rgb(245, 246, 247);}
#retailTradeSummary{padding: 12px 0px;}
.retail-quote-bar{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; margin: 0px 0px 18px; background: rgb(255, 255, 255); border: 1px solid var(--rp-line); border-radius: 8px; position: sticky; top: 0px; z-index: 5;}
.retail-quote-bar > div{display: flex; gap: 8px; align-items: center;}
.retail-quote-bar > div:first-child{display: grid;}
.retail-quote-bar small{color: var(--rp-muted);}
.phone-card.quote-selected{border-color: rgb(200, 155, 24); box-shadow: rgba(243, 198, 73, 0.333) 0px 0px 0px 2px !important;}
.phone-card.quote-selected [data-phone-quote]{background: rgb(255, 243, 207) !important; border-color: rgb(231, 198, 92) !important;}
.retail-quote-client{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.retail-quote-client label{display: grid; gap: 6px;}
.retail-quote-client textarea{min-height: 78px;}
.retail-quote-item{border: 1px solid var(--rp-line); border-radius: 9px; padding: 18px; margin: 16px 0px; background: rgb(255, 255, 255);}
.retail-quote-item-head{display: flex; justify-content: space-between; gap: 16px;}
.retail-quote-item-head h3{margin: 8px 0px 4px;}
.retail-quote-item-head p{margin: 0px; color: var(--rp-muted);}
.retail-quote-item-head > strong{font-size: 24px; white-space: nowrap;}
.retail-installment-table{overflow-x: auto;}
.retail-installment-table table{width: 100%; border-collapse: collapse; margin: 14px 0px;}
.retail-installment-table th, .retail-installment-table td{text-align: left; padding: 9px; border-bottom: 1px solid var(--rp-line); font-size: 13px;}
.retail-quote-notice{padding: 12px; background: rgb(255, 243, 207);}
body #retailQuoteModal{z-index: 100; padding: 20px;}
body #retailQuoteModal > .modal-box{width: 100%; max-width: 980px; max-height: calc(100dvh - 40px); overflow: auto; padding: 20px;}
@media (max-width: 650px) {
.retail-quote-bar, .retail-quote-item-head{align-items: stretch; flex-direction: column;}
.retail-quote-bar > div:last-child{display: grid; grid-template-columns: 1fr 1fr;}
.retail-quote-client{grid-template-columns: 1fr;}
body #retailQuoteModal{padding: 8px;}
body #retailQuoteModal > .modal-box{padding: 12px; max-height: calc(100dvh - 16px);}
}
.retail-gift-box{margin: 14px 0px; padding: 14px; border: 1px solid var(--rp-line); background: rgb(248, 250, 252);}
.retail-gift-grid{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px;}
.retail-gift-grid label{align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid rgb(217, 228, 236); background: rgb(255, 255, 255); cursor: pointer; display: flex !important;}
.retail-gift-grid input{margin: 0px; width: auto !important;}
.retail-card-rule{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(210px, 280px); gap: 16px; align-items: center; padding: 13px 0px; border-bottom: 1px solid var(--rp-line);}
.retail-card-rule span, .retail-card-rule small{display: block;}
.retail-card-rule small{margin-top: 4px; color: var(--rp-muted);}
body #retailCatalogSettingsModal{z-index: 110;}
.retail-quote-price{display: grid; gap: 4px; min-width: 220px;}
.retail-quote-price input{font-size: 20px; font-weight: 800; text-align: right;}
.retail-quote-price small{color: var(--rp-muted); text-align: right;}
@media (max-width: 650px) {
.retail-card-rule{grid-template-columns: 1fr;}
.retail-quote-price{min-width: 0px;}
.retail-quote-price input, .retail-quote-price small{text-align: left;}
}
.retail-quote-client-picker{display: grid; grid-template-columns: minmax(0px, 1fr) 44px; gap: 7px;}
.retail-quote-client-picker .btn{width: 44px; min-height: 42px; padding: 0px; font-size: 21px;}
.retail-quote-client-field{min-width: 0px;}
body #retailQuoteHistoryModal{z-index: 105; padding: 20px;}
body #retailQuoteHistoryModal > .modal-box{width: min(1100px, 100%); max-height: calc(100dvh - 40px); overflow: auto; padding: 20px;}
body #retailQuoteDetailModal{z-index: 106; padding: 20px;}
body #retailQuoteDetailModal > .modal-box{width: min(850px, 100%); max-height: calc(100dvh - 40px); overflow: auto; padding: 20px;}
.retail-quote-history-actions{display: flex; flex-wrap: wrap; gap: 6px; min-width: 260px;}
.retail-quote-history-actions .btn{white-space: nowrap; text-decoration: none;}
.retail-quote-detail-client{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-bottom: 14px;}
.retail-quote-detail-client > div, .retail-quote-detail-items article, .retail-quote-detail-notes{border: 1px solid var(--border,#dce3ea); padding: 12px; background: rgb(255, 255, 255);}
.retail-quote-detail-client small, .retail-quote-detail-client b{display: block;}
.retail-quote-detail-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.retail-quote-detail-items h3{margin: 6px 0px;}
.retail-quote-detail-items p{margin: 4px 0px;}
.retail-quote-detail-items strong{display: block; font-size: 20px; margin-top: 8px;}
.retail-quote-detail-items small{display: block; margin-top: 4px;}
.retail-quote-detail-notes{margin-top: 14px;}
.retail-quote-detail-notes p{white-space: pre-wrap; margin-bottom: 0px;}
@media (max-width: 700px) {
.retail-quote-history-actions{min-width: 180px;}
.retail-quote-detail-client, .retail-quote-detail-items{grid-template-columns: 1fr;}
}
.purchase-party-field{position: relative;}
.purchase-party-field select{padding-right: 48px;}
.purchase-party-add{position: absolute; right: 6px; bottom: 6px; width: 34px; height: 34px; padding: 0px; font-size: 20px;}
.purchase-party-quick{grid-column: 1 / -1; border: 1px solid var(--border,#dce3ea); background: rgb(246, 249, 251); padding: 12px;}
.purchase-party-quick > div{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin-top: 8px;}
.purchase-party-quick input{min-width: 0px;}
.purchase-party-quick .btn{white-space: nowrap;}
@media (max-width: 760px) {
.purchase-party-quick > div{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 480px) {
.purchase-party-quick > div{grid-template-columns: 1fr;}
}
.retail-supplier-notice{padding: 11px 13px; margin-bottom: 13px; border: 1px solid rgb(231, 198, 92); background: rgb(255, 247, 220); font-weight: 700;}
.retail-payment-dashboard{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 14px 0px;}
.retail-payment-dashboard > div{padding: 13px; border: 1px solid var(--rp-line); background: rgb(248, 250, 252);}
.retail-payment-dashboard small{display: block; color: var(--rp-muted);}
.retail-payment-dashboard strong{display: block; margin-top: 5px; font-size: 19px;}
.retail-payment-dashboard .pending{background: rgb(255, 247, 220);}
.retail-history-actions{display: flex; gap: 9px; flex-wrap: wrap;}
.retail-sale-summary{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
@media (max-width: 650px) {
.retail-payment-dashboard{grid-template-columns: 1fr 1fr;}
}
body #retailDeliveryModal{z-index: 120;}
body #retailDeliveryModal > .modal-box{max-height: calc(100dvh - 32px); overflow: auto;}
#retailDeliveryForm .management-body{padding: 18px;}
#retailDeliveryPhotoPreview{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
#retailDeliveryPhotoPreview > div{display: grid; gap: 5px;}
#retailDeliveryPhotoPreview img{width: 145px; height: 120px; object-fit: contain; border: 1px solid var(--rp-line); background: rgb(255, 255, 255);}
#retailDeliveryError{font-weight: 700;}
.nav #stockBtn[aria-expanded="true"]::after{content: "▴"; margin-left: auto;}
.nav #stockBtn[aria-expanded="false"]::after{content: "▾"; margin-left: auto;}
body.role-limited:not(.role-technician) #stockSubmenu{display: none !important;}
body.role-technician #stockBtn{display: flex !important;}
body.role-technician #accessoryStockBtn, body.role-technician #phoneStockBtn{display: none !important;}
@media (max-width: 900px) {
#stockSubmenu{position: absolute; right: 12px; top: 55px; margin: 0px; padding: 8px; background: rgb(32, 37, 43); border: 1px solid rgb(56, 62, 70); z-index: 20;}
#stockSubmenu .btn{width: 220px;}
}
.phone-pending-sales{display: grid; gap: 4px; margin-top: 10px; padding: 9px 11px; border-left: 3px solid rgb(212, 155, 25); background: rgb(255, 247, 220);}
.phone-pending-sales b{font-size: 12px;}
.phone-pending-sales span{font-size: 12px;}
.phone-card-actions [data-phone-pending-sale]{white-space: nowrap;}
.phone-imei-units{display: grid; gap: 5px; margin-top: 10px;}
.phone-imei-units > b{font-size: 12px; color: var(--rp-muted);}
.phone-imei-units > span{display: grid; grid-template-columns: 24px minmax(0px, 1fr) auto; align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid var(--rp-line); background: rgb(248, 250, 252); font-size: 12px;}
.phone-imei-units i{display: grid; place-items: center; width: 22px; height: 22px; background: rgb(232, 238, 245); font-style: normal; font-weight: 800;}
.phone-imei-units strong{font-variant-numeric: tabular-nums;}
.phone-imei-units em{font-style: normal; font-weight: 800;}
@media (max-width: 650px) {
.phone-imei-units > span{grid-template-columns: 24px minmax(0px, 1fr);}
.phone-imei-units em{grid-column: 2;}
}
.phone-imei-details{margin-top: 10px; border: 1px solid var(--rp-line); background: rgb(255, 255, 255);}
.phone-imei-details summary{padding: 9px 11px; cursor: pointer; font-size: 12px; font-weight: 800;}
.phone-imei-details[open] summary{border-bottom: 1px solid var(--rp-line);}
.phone-imei-details .phone-imei-units{margin: 0px; padding: 8px;}
.phone-imei-units small{display: block; margin-top: 3px; color: var(--rp-muted);}
input.imei-valid, textarea.imei-valid{border-color: rgb(22, 150, 107) !important; box-shadow: rgba(22, 150, 107, 0.12) 0px 0px 0px 2px !important;}
input.imei-invalid, textarea.imei-invalid{border-color: rgb(201, 77, 66) !important; box-shadow: rgba(201, 77, 66, 0.12) 0px 0px 0px 2px !important;}
.retail-catalog-version{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0px; border-bottom: 1px solid var(--rp-line); font-size: 12px;}
.retail-catalog-version:last-child{border-bottom: 0px;}
.retail-catalog-version span{color: var(--rp-muted);}
.product-import-box{width: min(1100px, 96vw) !important;}
.product-import-progress{display: flex; gap: 10px; margin: 0px 0px 22px; padding: 0px; list-style: none;}
.product-import-progress li{display: flex; align-items: center; gap: 9px; flex: 1 1 0%; padding: 10px 13px; border: 1px solid var(--rp-line,#e7ebe5); border-radius: 9px; background: rgb(248, 250, 245); font-size: 12px;}
.product-import-progress li.active{border-color: rgb(191, 212, 169); background: rgb(237, 244, 228);}
.product-import-drop{flex-direction: column; align-items: center; gap: 12px; border: 2px dashed rgb(216, 227, 204); border-radius: 14px; background: rgb(251, 253, 248); text-align: center; cursor: pointer; display: flex !important; padding: 35px 22px !important;}
.product-import-drop.dragging{border-color: rgb(144, 178, 117); background: rgb(237, 245, 227);}
.product-import-drop strong{font-size: 18px;}
.product-import-drop span{font-size: 12px;}
.product-import-drop small{max-width: 520px;}
.product-import-drop input{max-width: 340px; font-size: 12px !important;}
.product-import-guide{margin-top: 18px; padding: 16px 18px; border: 1px solid var(--rp-line,#e7ebe5); border-radius: 12px; background: rgb(250, 252, 247);}
.product-import-guide b{font-size: 12px;}
.product-import-guide p{margin: 6px 0px 0px; font-size: 12px; line-height: 1.7;}
#productImportMessage{margin: 0px 0px 16px; padding: 12px 14px; border-radius: 9px; background: rgb(238, 244, 230); font-size: 12px;}
#productImportMessage.error{background: rgb(252, 240, 233);}
.product-import-file{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 19px; padding-bottom: 15px; border-bottom: 1px solid var(--rp-line,#e7ebe5);}
.product-import-file b, .product-import-file span{display: block; overflow-wrap: anywhere;}
.product-import-file b{font-size: 13px;}
.product-import-file span{margin-top: 4px;}
.product-import-options{display: grid; grid-template-columns: 1fr 1.5fr 1fr 0.7fr; gap: 12px; margin-bottom: 14px;}
.product-import-options label{min-width: 0px;}
.product-import-rules{grid-template-columns: 1fr 1fr; padding: 15px; border: 1px solid rgb(224, 233, 214); border-radius: 11px; background: rgb(248, 251, 244);}
.product-import-note{margin: 12px 0px 20px; line-height: 1.7;}
.product-import-columns{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; margin: 17px 0px;}
.product-import-columns label{min-width: 0px;}
.product-import-columns label > small{display: block; min-height: 17px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-import-columns label > select{font-size: 12px !important;}
.product-import-actions{display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--rp-line,#e7ebe5);}
.product-import-counts{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; margin-bottom: 15px;}
.product-import-counts > div{padding: 13px 15px; border: 1px solid var(--rp-line,#e7ebe5); border-radius: 11px; background: rgb(250, 252, 247);}
.product-import-counts small{display: block;}
.product-import-counts b{display: block; margin-top: 4px; font-size: 24px; font-weight: 600;}
.product-import-counts .error, .product-import-counts .review{background: rgb(252, 247, 237); border-color: rgb(239, 226, 201);}
#productImportPreview .history-wrap{max-height: 380px; overflow: auto;}
#productImportPreview th{position: sticky; top: 0px; z-index: 2;}
#productImportPreview td small{display: block; max-width: 285px; margin-top: 4px; white-space: normal;}
.import-result{display: inline-flex; padding: 3px 6px; border-radius: 5px; background: rgb(238, 244, 229);}
.import-error .import-result, .import-review .import-result{background: rgb(252, 240, 228);}
.import-skip .import-result{background: rgb(240, 242, 237);}
.reparo-app .product-import-skip{display: flex; align-items: flex-start; gap: 9px; margin: 14px 0px; font-size: 12px;}
.product-import-skip input{margin-top: 3px; flex: 0 0 auto;}
.product-import-complete{display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 35px 20px; text-align: center;}
.product-import-complete > span{display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgb(237, 244, 227); font-size: 26px;}
.product-import-complete h3{margin: 0px; font-size: 22px;}
.product-import-complete p{max-width: 600px; margin: 0px 0px 10px; font-size: 13px;}
.product-import-box .is-loading{cursor: wait;}
@media (max-width: 900px) {
.product-import-options{grid-template-columns: 1fr 1fr;}
.product-import-columns{grid-template-columns: 1fr 1fr;}
.product-import-counts{gap: 6px;}
.product-import-counts > div{padding: 11px 9px;}
.product-import-counts small{font-size: 10px;}
}
@media (max-width: 560px) {
.product-import-progress{gap: 6px;}
.product-import-progress li{padding: 9px; font-size: 11px;}
.product-import-drop{padding: 25px 14px !important;}
.product-import-drop input{max-width: 100%;}
.product-import-options, .product-import-columns{grid-template-columns: 1fr;}
.product-import-counts{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.product-import-actions{justify-content: space-between;}
.product-import-actions .btn{white-space: normal;}
.product-import-rules{padding: 12px;}
.product-import-file{align-items: flex-start;}
.product-import-file .btn{min-width: 92px; white-space: normal;}
}
.product-import-tabletools{display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 12px 0px;}
.product-import-tabletools > label{width: min(340px, 100%); margin: 0px;}
.product-import-tabletools > div{display: flex; align-items: center; gap: 8px;}
.product-import-tabletools > div > span{white-space: nowrap;}
@media (max-width: 560px) {
.product-import-tabletools{align-items: stretch; flex-direction: column;}
.product-import-tabletools > label{width: 100%;}
.product-import-tabletools > div{justify-content: space-between;}
}
.product-import-names{display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 16px; border: 1px solid rgb(220, 231, 210); border-radius: 10px; background: rgb(246, 250, 239); margin: 16px 0px;}
.product-import-names b{font-size: 13px;}
.product-import-names p{margin: 6px 0px; font-size: 12px; line-height: 1.6;}
.product-import-name-actions{display: flex; flex-wrap: wrap; gap: 7px; flex-shrink: 0; max-width: 210px;}
#productImportPreview .import-product-name{min-width: 240px; max-width: 340px; white-space: normal; overflow-wrap: anywhere;}
#productImportPreview .import-product-name > b{display: block; max-width: 320px;}
.import-name-badge{display: inline-flex; margin-top: 7px; padding: 3px 6px; background: rgb(233, 242, 220); border-radius: 4px;}
.import-name-editor{margin-top: 8px; max-width: 320px;}
.import-name-editor summary{cursor: pointer;}
.import-name-editor > div{padding-top: 6px;}
.import-name-editor label{display: block; margin: 8px 0px !important;}
.import-name-editor textarea{display: block; width: 100%; margin-top: 5px; min-height: 70px; resize: vertical; font-size: 12px !important;}
.import-name-editor .btn{margin: 2px 3px 2px 0px;}
#productImportNamePending{font-weight: 600;}
@media (max-width: 560px) {
.product-import-names{flex-direction: column; align-items: stretch; gap: 8px;}
.product-import-name-actions{max-width: none;}
.product-import-name-actions .btn{flex: 1 1 0%; white-space: normal;}
}
.product-bulk-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 15px 0px; padding: 14px 16px; background: rgb(245, 249, 239); border: 1px solid rgb(220, 231, 208); border-radius: 8px;}
.product-bulk-toolbar > div{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.product-bulk-toolbar > div:first-child{display: block;}
.product-bulk-toolbar b{font-size: 13px;}
.product-bulk-toolbar span{display: block; margin-top: 4px;}
.product-bulk-check{min-width: 40px; width: 40px !important; text-align: center !important;}
.product-bulk-check input{accent-color: rgb(40, 91, 70); cursor: pointer; width: 17px !important; height: 17px !important;}
.product-bulk-selected > td{background: rgb(245, 250, 237) !important;}
.product-bulk-supplier{display: block; margin-top: 5px; white-space: normal;}
.product-bulk-box{width: min(1000px, 96vw) !important;}
.product-bulk-note{font-size: 12px; line-height: 1.65; margin: 0px 0px 17px;}
.product-bulk-fields{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; margin: 16px 0px;}
.product-bulk-field{min-width: 0px; border: 1px solid rgb(223, 231, 215); background: rgb(250, 252, 247); padding: 16px; border-radius: 8px;}
.reparo-app .product-bulk-toggle{display: flex; align-items: center; gap: 9px; margin: 0px 0px 14px; font-size: 14px !important;}
.product-bulk-toggle input{accent-color: rgb(40, 91, 70); width: 17px !important; height: 17px !important;}
.product-bulk-controls{display: grid; grid-template-columns: 1.2fr 1fr; gap: 12px;}
.product-bulk-controls label{min-width: 0px;}
.product-bulk-controls input, .product-bulk-controls select{width: 100%;}
.product-bulk-picker{display: flex; align-items: stretch; gap: 7px; margin-top: 5px;}
.product-bulk-picker select{flex: 1 1 0%; min-width: 0px;}
.product-bulk-picker button{min-width: 40px; flex: 0 0 40px;}
.product-bulk-actions{display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-top: 1px solid rgb(227, 233, 221); margin-top: 20px; padding-top: 17px;}
.product-bulk-summary{background: rgb(243, 248, 233); padding: 14px 16px; border: 1px solid rgb(220, 230, 209); border-radius: 7px; font-size: 13px;}
.product-bulk-pager{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 15px 0px; font-size: 12px;}
.product-bulk-pager > div{display: flex; gap: 8px;}
.product-bulk-preview-wrap{max-height: 400px; overflow: auto; border: 1px solid rgb(226, 232, 220); border-radius: 8px;}
.product-bulk-preview-wrap table{width: 100%; border-collapse: collapse; table-layout: fixed;}
.product-bulk-preview-wrap th{position: sticky; top: 0px; background: rgb(247, 250, 242); z-index: 1;}
.product-bulk-preview-wrap th:nth-child(1){width: 29%;}
.product-bulk-preview-wrap th:nth-child(2){width: 46%;}
.product-bulk-preview-wrap th:nth-child(3){width: 25%;}
.product-bulk-preview-wrap td{overflow-wrap: anywhere; vertical-align: top; white-space: normal !important;}
.product-bulk-preview-wrap td > small{display: block; margin-top: 5px;}
.product-bulk-difference{padding: 5px 0px;}
.product-bulk-difference strong{display: block; margin-bottom: 3px;}
.product-bulk-difference span{font-size: 12px;}
.product-bulk-difference span b{padding: 0px 5px;}
.product-bulk-warning{line-height: 1.6;}
#productBulkMessage{padding: 12px 14px; margin-bottom: 15px; border-radius: 6px; font-size: 12px; background: rgb(237, 245, 226);}
#productBulkMessage.error{background: rgb(255, 241, 229);}
#productBulkDone{padding: 25px; text-align: center;}
#productBulkDone p{font-size: 13px; line-height: 1.7;}
@media (max-width: 850px) {
.product-bulk-toolbar{align-items: flex-start; flex-direction: column;}
}
@media (max-width: 560px) {
.product-bulk-fields, .product-bulk-controls{grid-template-columns: 1fr;}
.product-bulk-toolbar > div:last-child{width: 100%;}
.product-bulk-toolbar .btn{flex: 1 1 0%; white-space: normal;}
.product-bulk-actions{justify-content: space-between;}
.product-bulk-actions .btn{white-space: normal;}
.product-bulk-pager{align-items: flex-start; flex-direction: column;}
.product-bulk-preview-wrap{border: 0px; max-height: 480px;}
.product-bulk-preview-wrap thead{display: none;}
.product-bulk-preview-wrap table, .product-bulk-preview-wrap tbody, .product-bulk-preview-wrap tr, .product-bulk-preview-wrap td{display: block; width: 100% !important; min-width: 0px !important;}
.product-bulk-preview-wrap tr{border: 1px solid rgb(223, 232, 212); border-radius: 7px; margin-bottom: 10px;}
.product-bulk-preview-wrap td{border: 0px !important; padding: 10px 12px !important;}
.product-bulk-preview-wrap td + td{padding-top: 0px !important;}
.product-bulk-field{padding: 13px;}
}
.reparo-app:has(#productBulkDialog.open) #formDialogModal.open{z-index: 220 !important;}
:root{--rp-sidebar: 236px; --rp-header: 79px; --shadow: var(--rp-shadow);}
*{box-sizing: border-box;}
html{background: var(--rp-bg); scrollbar-color: rgb(212, 221, 206) transparent; text-rendering: optimizelegibility;}
body.reparo-app{margin: 0px; padding: var(--rp-header) 0 0 var(--rp-sidebar); background: var(--rp-bg); color: var(--rp-text); font-size: 13px; line-height: 1.5; -webkit-font-smoothing: antialiased; font-family: var(--app-font) !important;}
.reparo-app :is(button, input, select, textarea){font-family: var(--app-font) !important;}
.reparo-app :is(h1, h2, h3, h4){color: var(--rp-text); font-weight: 650; letter-spacing: -0.3px; font-family: var(--app-font) !important;}
.reparo-app :is(button, a, summary){-webkit-tap-highlight-color: transparent; touch-action: manipulation;}
.reparo-app :is(button, a, input, select, textarea, summary):focus-visible{outline: rgb(145, 183, 125) solid 3px; outline-offset: 3px;}
.reparo-app [hidden]{display: none !important;}
.reparo-app .rp-icon{width: 19px; height: 19px; flex: 0 0 19px; vertical-align: middle;}
.rp-skip{position: fixed; z-index: 3000; top: -70px; left: 20px; padding: 12px 18px; border-radius: 8px; background: rgb(255, 255, 255); color: var(--rp-green-deep);}
.rp-skip:focus{top: 12px;}
.reparo-app .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 39px; padding: 9px 14px; border: 1px solid var(--rp-line); border-radius: 8px; background: rgb(255, 255, 255); line-height: 1.4; font-weight: 550; white-space: nowrap; text-decoration: none; box-shadow: none; cursor: pointer; transition: background 0.15s, border-color 0.15s;}
.reparo-app .btn:hover{transform: none; border-color: rgb(210, 221, 201); background: rgb(241, 245, 237); box-shadow: none;}
.reparo-app .btn:active{transform: translateY(1px);}
.reparo-app .btn.primary{border-color: var(--rp-green); background: var(--rp-green); box-shadow: rgba(22, 74, 42, 0.063) 0px 2px 3px;}
.reparo-app .btn.primary:hover{background: rgb(25, 74, 57);}
.reparo-app .btn.whats{background: rgb(237, 244, 230);}
.reparo-app .btn.small-btn{min-height: 31px; padding: 6px 10px;}
.reparo-app .btn .rp-icon{width: 16px; height: 16px; flex-basis: 16px;}
.reparo-app .remove{display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgb(240, 222, 215); border-radius: 8px; background: rgb(255, 247, 244); font-size: 17px; cursor: pointer;}
.reparo-app :is(input, select, textarea){min-width: 0px; min-height: 40px; padding: 9px 11px; border: 1px solid rgb(223, 230, 218); border-radius: 8px; background: rgb(255, 255, 255); line-height: 1.5; box-shadow: none;}
.reparo-app :is(input, select, textarea):hover{border-color: rgb(198, 212, 191);}
.reparo-app :is(input, select, textarea):focus{border-color: rgb(96, 148, 119); outline: rgb(225, 236, 218) solid 3px; outline-offset: 0px;}
.reparo-app :is(input[type="checkbox"], input[type="radio"]){width: auto; min-height: 0px; padding: 0px; accent-color: var(--rp-green);}
.reparo-app :is(input[readonly], input:disabled, select:disabled){background: rgb(246, 248, 243);}
.reparo-app :is(label, .field label, .config-grid label, .stock-form label){display: block; margin-bottom: 6px; font-weight: 550; line-height: 1.5; text-transform: none; letter-spacing: 0px;}
.reparo-app :is(.field, .fields > div, .global-grid > div, .management-body, .config-section){min-width: 0px;}
.reparo-app :is(.sub, .muted-cell){color: var(--rp-muted); font-size: 12px; font-weight: 400;}
.reparo-app .field-help{display: none !important;}
.reparo-app .top{position: fixed; z-index: 90; inset: 0px auto 0px 0px; width: var(--rp-sidebar); height: 100dvh; margin: 0px; padding: 28px 17px 17px; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0px; overflow: visible; border: 0px; background: var(--rp-green-deep); box-shadow: none;}
.reparo-app .top .brand{display: flex; align-items: center; gap: 10px; margin: 3px 12px 31px; padding: 0px; border: 0px;}
.reparo-app .top .logo{width: 28px; height: 52px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 11px; background: var(--rp-accent); color: var(--rp-green-deep); box-shadow: none;}
.logo img{display: block; width: 100%; height: 100%; object-fit: contain;}
.reparo-app .top .brand h1{font-size: 22px; font-weight: 650; line-height: 1; letter-spacing: -1px;}
.reparo-app .top .brand .sub{margin-top: 6px; font-weight: 450; letter-spacing: 1.3px;}
.rp-workspace-select{display: flex; align-items: center; gap: 9px; min-height: 62px; margin: 0px 6px 20px; padding: 11px 12px; border: 1px solid var(--ui-nav-line); border-radius: 11px; background: rgba(255, 255, 255, 0.02);}
.rp-workspace-icon{display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border-radius: 8px; background: transparent; color: var(--ui-accent);}
.rp-workspace-select > div{min-width: 0px;}
.rp-workspace-select strong{display: block; overflow: hidden; font-size: 12px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap;}
.reparo-app .rp-workspace-select .cloud-badge{display: block; margin: 3px 0px 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; font-weight: 400; white-space: normal;}
.reparo-app .rp-workspace-select .cloud-badge.online{background: transparent;}
.reparo-app .top .nav{flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; gap: 5px; margin: 0px -6px; padding: 0px 6px 15px; overflow: hidden auto; scrollbar-width: thin; scrollbar-color: var(--ui-nav-line) transparent;}
.reparo-app .nav-label{margin: 7px 14px 4px; padding: 12px 0px 0px; font-weight: 550; letter-spacing: 1.6px;}
.reparo-app .nav .btn{display: flex; width: 100%; min-height: 41px; padding: 10px 14px; gap: 11px; justify-content: flex-start; border: 0px; border-radius: 9px; background: transparent; font-size: 12px; font-weight: 500; box-shadow: none; text-align: left; text-decoration: none;}
.reparo-app .nav .btn:hover{transform: none; background: rgba(255, 255, 255, 0.047);}
.reparo-app .nav .btn.primary, .reparo-app .nav .btn.nav-active{background: var(--rp-accent); box-shadow: none;}
.nav .rp-icon{width: 18px; height: 18px; flex-basis: 18px;}
.nav .rp-nav-text{flex: 1 1 0%;}
.reparo-app .nav-submenu{display: none; flex-direction: column; gap: 3px; margin: 0px 0px 3px 23px; padding: 2px 0px 2px 9px; border-left: 1px solid var(--ui-nav-line); border-radius: 0px; background: transparent; box-shadow: none;}
.reparo-app .nav-submenu.open{display: flex;}
.reparo-app .nav .nav-submenu .btn{min-height: 34px; padding: 7px 10px;}
.reparo-app .nav .nav-submenu .btn::before{content: none;}
.reparo-app .nav .btn[aria-expanded]::after{content: "⌄"; float: none; margin-left: auto; font-size: 13px;}
.reparo-app .nav .btn[aria-expanded="true"]::after{content: "⌃";}
.reparo-app .top .account-bar{flex-shrink: 0; display: none; align-items: center; gap: 9px; width: 100%; margin: 0px; padding: 15px 9px 0px; border-top: 1px solid var(--ui-nav-line);}
.reparo-app .top .account-bar.show{display: flex;}
.rp-user-avatar{width: 34px; height: 34px; flex: 0 0 34px; display: inline-grid; place-items: center; border-radius: 50%; background: rgb(215, 230, 191); font-weight: 650;}
.rp-user-label{flex: 1 1 0%;}
.rp-user-label strong, .rp-user-label small{display: block;}
.rp-user-label small{margin-top: 2px;}
.reparo-app .account-bar .btn{min-height: 30px; padding: 5px; border: 0px; background: transparent;}
.reparo-app #menuVisibilityToggle{position: absolute; z-index: 2; top: 41px; right: 12px; left: auto; display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px; padding: 5px; border: 1px solid var(--ui-nav-line); border-radius: 6px; box-shadow: none;}
body.reparo-app.menu-collapsed{padding-left: 0px;}
.reparo-app.menu-collapsed .top{transform: translateX(-100%);}
.reparo-app.menu-collapsed .rp-global-topbar{left: 0px; padding-left: 32px;}
.reparo-app.menu-collapsed .module-page{left: 0px;}
.reparo-app.menu-collapsed #menuVisibilityToggle{position: static; width: 38px; height: 38px; min-height: 38px; flex: 0 0 38px;}
.reparo-app .top #menuVisibilityToggle{background: transparent !important; border-color: var(--ui-nav-line) !important; color: var(--ui-accent) !important;}
.reparo-app .top #menuVisibilityToggle:hover{background: rgba(255, 255, 255, 0.08) !important;}
.reparo-app .top .brand{margin-left: 0px; margin-right: 0px; padding-right: 36px;}
.reparo-app .top .brand h1{font-size: 20px; font-weight: 700; letter-spacing: -0.6px; line-height: 1.1; white-space: nowrap;}
.rp-global-topbar{position: fixed; z-index: 80; inset: 0 0 auto var(--rp-sidebar); height: var(--rp-header); display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0px 32px; border-bottom: 1px solid var(--rp-line); background: rgba(252, 253, 251, 0.96);}
.rp-topbar-left, .rp-topbar-right, .rp-global-breadcrumb{display: flex; align-items: center; gap: 18px;}
.rp-global-breadcrumb{gap: 10px; white-space: nowrap;}
.rp-global-breadcrumb strong{font-weight: 500;}
.rp-search-launch{width: 250px; display: flex; align-items: center; gap: 9px; padding: 8px 11px; border: 1px solid var(--rp-line); border-radius: 8px; background: rgb(252, 253, 251); color: var(--rp-muted); cursor: pointer;}
.rp-search-launch .rp-icon{width: 15px; height: 15px; flex-basis: 15px;}
.rp-search-launch kbd{margin-left: auto; border: 1px solid var(--rp-line); border-radius: 4px; padding: 0px 4px; background: rgb(255, 255, 255); font-family: inherit;}
.rp-header-date{border-right: 1px solid var(--rp-line); padding-right: 18px;}
.rp-icon-button{display: inline-grid; place-items: center; width: 34px; height: 34px; border: 0px; border-radius: 8px; background: transparent; cursor: pointer;}
.rp-icon-button:hover{background: rgb(237, 242, 231);}
.rp-mobile-menu, .rp-mobile-nav, .rp-menu-scrim{display: none;}
.reparo-app .app{max-width: none; margin: 0px; padding: 31px 32px 25px;}
.reparo-app .module-page{position: fixed; z-index: 3; inset: var(--rp-header) 0 0 var(--rp-sidebar); display: none; padding: 31px 32px 25px; background: var(--rp-bg); backdrop-filter: none; overflow: auto;}
.reparo-app .module-page.open{display: block;}
.reparo-app .module-page > .modal-box{width: 100%; max-width: 1636px; max-height: none; min-height: 0px; margin: 0px auto; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; overflow: visible;}
.reparo-app .module-page > .modal-box > .management-body{padding: 0px;}
.rp-workspace-topbar{display: none;}
.reparo-app .rp-page-heading, .reparo-app .page-heading{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0px 0px 25px; padding: 0px; border: 0px; background: transparent;}
.rp-page-heading > div:first-child, .page-heading > div:first-child{flex: 1 1 0%; min-width: 200px;}
.rp-eyebrow{display: block; margin: 0px 0px 6px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px;}
.reparo-app .rp-page-heading :is(b, h2), .reparo-app .page-heading h2{margin: 0px; font-size: clamp(25px, 2.15vw, 32px); font-weight: 650; line-height: 1.25; letter-spacing: -1.1px;}
.reparo-app .rp-page-heading .sub, .reparo-app .page-heading .sub{margin-top: 8px; font-size: 12px; line-height: 1.6;}
.module-page > .modal-box > .rp-page-heading > .remove{display: none;}
.rp-import-disclosure{position: relative; margin-left: auto;}
.rp-import-disclosure > summary{list-style: none; cursor: pointer;}
.rp-import-disclosure > summary::-webkit-details-marker{display: none;}
.rp-import-disclosure[open] > .import-toolbar{position: absolute; z-index: 40; right: 0px; top: 46px; width: min(640px, 85vw); margin: 0px; padding: 18px; border: 1px solid var(--rp-line); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(21, 60, 50, 0.1) 0px 15px 45px;}
.rp-legacy-create{display: none !important;}
.reparo-app :is(.card){border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: rgb(255, 255, 255); box-shadow: var(--rp-shadow);}
.reparo-app .card{margin-bottom: 20px;}
.reparo-app .card-h{padding: 18px 21px; border-bottom: 1px solid var(--rp-line); background: rgb(255, 255, 255);}
.reparo-app .card-h h2{font-size: 14px; letter-spacing: -0.2px; text-transform: none;}
.reparo-app .card-b{padding: 21px;}
.reparo-app .config-section{margin-bottom: 18px; padding: 20px; border: 1px solid var(--rp-line); border-radius: 13px; background: rgb(255, 255, 255);}
.reparo-app .config-section h3{margin: 0px 0px 14px; font-size: 15px;}
.reparo-app .metrics{display: grid; grid-template-columns: repeat(var(--rp-metric-count,4),minmax(0,1fr)); gap: 16px; margin-bottom: 21px;}
.reparo-app .metric{position: relative; min-width: 0px; min-height: 128px; padding: 18px 19px; border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: rgb(255, 255, 255); box-shadow: var(--rp-shadow);}
.reparo-app .metric:first-child{background: rgb(234, 240, 226); border-color: rgb(223, 231, 214);}
.reparo-app .metric small{display: block; max-width: calc(100% - 27px); font-weight: 500; text-transform: none; letter-spacing: 0px;}
.reparo-app .metric strong{display: block; margin-top: 13px; font-size: 26px; font-weight: 650; line-height: 1.25; letter-spacing: -0.8px; font-variant-numeric: tabular-nums;}
.rp-metric-symbol{position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: rgb(243, 246, 239);}
.rp-metric-symbol .rp-icon{width: 16px; height: 16px;}
.reparo-app .metric:first-child .rp-metric-symbol{background: rgb(220, 232, 206);}
.reparo-app .history-wrap, .reparo-app .items-wrap{max-width: 100%; overflow: auto; border: 1px solid var(--rp-line); border-radius: 14px; background: rgb(255, 255, 255); scrollbar-width: thin;}
.reparo-app table{width: 100%; border-collapse: collapse; background: rgb(255, 255, 255); font-size: 12px;}
.reparo-app .history-table{min-width: 760px;}
.reparo-app th{height: auto; padding: 12px 17px; border-bottom: 1px solid rgb(237, 241, 231); background: rgb(250, 251, 248); font-weight: 550; text-transform: none; letter-spacing: 0px; text-align: left; white-space: nowrap;}
.reparo-app td{padding: 16px 17px; border-bottom: 1px solid rgb(240, 243, 236); line-height: 1.5; vertical-align: middle;}
.reparo-app td b{font-weight: 600;}
.reparo-app td .sub, .reparo-app td .muted-cell{display: inline-block; margin-top: 3px;}
.reparo-app tbody tr:last-child td{border-bottom: 0px;}
.reparo-app tbody tr:hover{background: rgb(249, 251, 245);}
.reparo-app .section-actions, .reparo-app .history-tools{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px;}
.reparo-app .section-actions input, .reparo-app .history-tools input{max-width: 420px; flex: 1 1 220px;}
.reparo-app .history-tools select{width: auto; min-width: 150px;}
.reparo-app :is(.history-empty, .empty){padding: 38px 20px; font-size: 12px; text-align: center;}
.reparo-app .status-pill, .rp-stage-tag{display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: 0px; border-radius: 5px; background: rgb(237, 243, 244); font-weight: 500; line-height: 1.35; white-space: nowrap;}
.status-pill::before, .rp-stage-tag::before{content: ""; width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: currentcolor;}
.reparo-app [data-rp-status="Aguardando peça"]{background: rgb(252, 243, 223);}
.reparo-app [data-rp-status="Em andamento"]{background: rgb(237, 241, 252);}
.reparo-app [data-rp-status="Aguardando retirada"], .reparo-app [data-rp-status="Finalizado"]{background: rgb(237, 244, 230);}
.reparo-app [data-rp-status="Cancelada"]{background: rgb(249, 235, 229);}
.record-reference{display: inline-block; white-space: nowrap; vertical-align: baseline; font-size: 0px !important;}
.record-reference::after{content: attr(data-reference); color: inherit; font-variant-numeric: tabular-nums;}
.reparo-app .rp-order-metrics{gap: 12px;}
.reparo-app .rp-order-metrics .metric{min-height: 92px; padding: 14px 17px; border-radius: 13px;}
.reparo-app .rp-order-metrics .metric strong{margin-top: 6px; font-size: 24px;}
.reparo-app .rp-order-metrics .rp-metric-symbol{top: 14px; width: 25px; height: 25px;}
.rp-order-toolbar{display: grid; grid-template-columns: minmax(260px, 1fr) auto; align-items: center; gap: 18px; padding: 15px 17px; margin-bottom: 8px; border: 1px solid var(--rp-line); border-radius: 12px; background: rgb(255, 255, 255);}
.order-board-title{min-width: 0px;}
.order-board-title > div:first-child{margin-bottom: 8px;}
.order-board-title > div:first-child > small{letter-spacing: 1px;}
.order-board-title h3{display: none;}
.reparo-app .order-board-search{margin: 0px;}
.reparo-app .order-board-search input{flex: 1 1 0%; max-width: 410px;}
.order-board-toolbar{display: flex; gap: 12px; align-items: flex-end;}
.order-board-primary-tools{display: flex; gap: 8px; align-items: center;}
.order-view-buttons{display: flex; gap: 3px; padding: 3px; border-radius: 8px; background: rgb(243, 246, 239);}
.reparo-app .order-view-buttons .btn{min-height: 32px; padding: 7px 10px; border-color: transparent; background: transparent;}
.reparo-app .order-view-buttons .primary{background: rgb(255, 255, 255); box-shadow: rgba(38, 59, 41, 0.063) 0px 1px 4px;}
.order-board-toolbar > label{width: 160px; margin: 0px;}
.order-board-toolbar > label select{min-height: 36px;}
.order-quick-menu{position: relative;}
.order-quick-menu > summary{list-style: none;}
.reparo-app .order-quick-menu > summary{min-height: 36px;}
.order-quick-filters{position: absolute; top: 44px; right: 0px; z-index: 30; display: grid; gap: 3px; width: 175px; padding: 7px; border: 1px solid var(--rp-line); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(25, 58, 30, 0.094) 0px 12px 35px;}
.order-quick-filters .btn{justify-content: flex-start;}
.order-quick-filters > label{margin: 5px 0px 0px; padding: 8px 6px 3px; border-top: 1px solid var(--rp-line);}
.order-quick-filters select{margin-top: 4px;}
.order-board-overview{display: flex; align-items: center; flex-wrap: wrap; gap: 14px; min-height: 30px; margin: 0px 2px 12px;}
.order-board-overview span{display: inline-flex; gap: 4px;}
.order-board-overview b{font-weight: 600;}
.order-board-overview small{margin-left: auto;}
.order-kanban-board{display: grid; grid-template-columns: repeat(3, minmax(230px, 1fr)) repeat(2, 160px); align-items: start; gap: 14px; max-width: 100%; padding: 0px 0px 14px; overflow-x: auto; scrollbar-width: thin;}
.order-kanban-board[hidden]{display: none !important;}
.kanban-column{min-width: 0px; min-height: 365px; padding: 10px; border: 1px solid rgb(229, 235, 221); border-radius: 13px; background: rgb(237, 241, 232);}
.kanban-column > header{display: flex; align-items: center; gap: 6px; padding: 4px 2px 14px;}
.kanban-column > header b{font-weight: 600;}
.kanban-column > header > span{min-width: 19px; margin-left: auto; padding: 1px 5px; border-radius: 4px; background: rgb(223, 231, 213); text-align: center;}
.kanban-collapse{width: 20px; height: 20px; padding: 0px; border: 0px; border-radius: 4px; background: transparent; cursor: pointer;}
.kanban-collapse:hover{background: rgb(224, 232, 215);}
.kanban-empty{padding: 25px 8px; border: 1px dashed rgb(214, 225, 201); border-radius: 8px; text-align: center;}
.kanban-column.terminal{min-height: 220px; border-style: dashed; background: rgb(240, 243, 236);}
.kanban-column.terminal .kanban-empty{border: 0px;}
.kanban-column.drag-over{outline: rgb(141, 173, 113) solid 2px; outline-offset: -2px; background: rgb(228, 237, 217);}
.kanban-column.collapsed{min-height: 65px;}
.kanban-limit{margin: 0px 0px 10px; padding: 8px; border-radius: 6px; background: rgb(246, 236, 219);}
.order-summary-card{min-width: 0px; margin-bottom: 10px; padding: 13px; border: 1px solid rgb(225, 232, 216); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(25, 58, 30, 0.01) 0px 2px 5px; cursor: grab;}
.order-summary-card:hover{border-color: rgb(188, 204, 169);}
.order-summary-card.dragging{opacity: 0.45;}
.order-card-labels{display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px;}
.order-card-labels:empty{display: none;}
.order-priority, .order-due.late{padding: 3px 5px; border-radius: 4px; background: rgb(249, 235, 229);}
.order-summary-head{display: flex; justify-content: space-between; align-items: center; gap: 5px;}
.order-summary-head > b{overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap;}
.order-summary-card h4{margin: 11px 0px 4px; font-size: 13px; font-weight: 600; line-height: 1.4;}
.order-summary-service{line-height: 1.5;}
.rp-card-client{display: flex; align-items: center; gap: 6px; margin: 12px 0px 9px; padding-top: 10px; border-top: 1px solid rgb(239, 243, 233);}
.rp-avatar{display: inline-grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; border-radius: 50%; background: rgb(231, 237, 223); font-weight: 600;}
.order-summary-card dl{display: flex; justify-content: space-between; gap: 7px; margin: 0px 0px 10px;}
.order-summary-card dd{margin: 2px 0px; font-weight: 550;}
.order-summary-actions{display: flex; flex-wrap: wrap; gap: 5px; padding-top: 9px; border-top: 1px solid rgb(239, 243, 233);}
.reparo-app .order-summary-actions .btn{min-height: 28px; padding: 5px 7px;}
.reparo-app .modal:not(.module-page){padding: 20px; background: rgba(21, 60, 50, 0.35); backdrop-filter: blur(4px); z-index: 200 !important;}
.reparo-app .modal:not(.module-page) > .modal-box{max-height: calc(100dvh - 40px); border: 1px solid rgb(230, 235, 223); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: rgba(21, 60, 50, 0.208) 0px 25px 90px;}
.reparo-app .modal:not(.module-page) .modal-title{position: sticky; top: 0px; z-index: 5; padding: 20px 24px; border-bottom: 1px solid var(--rp-line); background: rgb(255, 255, 255);}
.reparo-app .modal:not(.module-page) .modal-title b{font-size: 18px; font-weight: 650;}
.reparo-app .modal:not(.module-page) .modal-title .sub{margin-top: 4px;}
.reparo-app :is(.management-body, .dialog-fields){padding: 22px 24px;}
.reparo-app :is(.modal-foot, .modal-actions){padding: 15px 24px; border-top: 1px solid var(--rp-line); background: rgb(252, 253, 249);}
.reparo-app :is(.fields, .global-grid){gap: 15px;}
.reparo-app :is(.simple-form, .stock-form, .cash-panel, .receivable-filters){padding: 16px; border: 1px solid var(--rp-line); border-radius: 12px; background: rgb(248, 250, 245);}
.reparo-app :is(.registration-tabs, .order-editor-tabs){display: flex; flex-wrap: wrap; gap: 5px; padding: 0px 0px 12px; border-bottom: 1px solid var(--rp-line);}
.reparo-app :is(.config-tab, .order-editor-tab, .type-btn){min-height: 36px; padding: 8px 12px; border: 1px solid transparent; border-radius: 7px; background: rgb(242, 245, 237); font-size: 12px; font-weight: 550; cursor: pointer;}
.reparo-app :is(.config-tab.active, .order-editor-tab.active, .type-btn.active){border-color: rgb(223, 231, 213); background: rgb(232, 239, 223); box-shadow: none;}
.reparo-app .payment-summary-card{gap: 10px;}
.reparo-app .payment-summary-card > div{padding: 12px 15px; border: 1px solid var(--rp-line); border-radius: 10px; background: rgb(248, 250, 245);}
.reparo-app .payment-summary-card small{font-weight: 500;}
.reparo-app .payment-summary-card strong{font-size: 21px; font-weight: 600;}
.reparo-app .hero-total{padding: 23px; background: var(--rp-green-deep);}
.reparo-app .hero-total small{letter-spacing: 1px;}
.reparo-app .hero-total strong{font-size: 34px; font-weight: 600;}

.reparo-app .check{padding: 12px;}
.reparo-app label.check{display: flex; align-items: flex-start; gap: 9px; margin-bottom: 0px;}
.reparo-app label.check input{flex: 0 0 auto; margin-top: 3px;}

.reparo-app .check b{font-size: 12px; font-weight: 550;}








.reparo-app :is(.direct-wizard-progress, .budget-wizard-steps){gap: 8px; border-color: var(--rp-line); background: transparent;}
.reparo-app :is(.direct-wizard-progress button, [data-budget-step]){border-color: rgb(227, 233, 220); border-radius: 8px; background: rgb(250, 252, 247);}
.reparo-app .direct-wizard-progress button.active{border-color: rgb(203, 220, 185); background: rgb(234, 242, 226);}
.reparo-app .direct-wizard-stage, .reparo-app .direct-order-review > div{border-color: var(--rp-line); border-radius: 11px; background: rgb(255, 255, 255);}
.reparo-app .direct-stage-title{border-color: var(--rp-line); background: rgb(248, 250, 245);}
.reparo-app .direct-stage-title > span{background: rgb(232, 239, 223);}
.reparo-app .direct-stage-title b{font-size: 14px;}
.reparo-app .direct-order-review{gap: 12px;}
.reparo-app :is(.fi-head, .rp-pricing-head){border: 1px solid rgb(224, 231, 214); border-radius: 14px; background: rgb(237, 243, 230);}
.reparo-app .fi-confidence{border-color: rgb(214, 226, 203); border-radius: 9px; background: rgba(255, 255, 255, 0.6);}
.reparo-app :is(.fi-metric, .fi-columns article){border-color: var(--rp-line); border-radius: 13px; box-shadow: var(--rp-shadow);}
.reparo-app .fi-metric small{font-weight: 550; text-transform: none;}
.reparo-app .fi-row{border-color: rgb(237, 241, 231);}
.reparo-app .fi-row.total{border-color: rgb(210, 223, 198);}














.reparo-app .budget-source-options .btn{min-height: 44px; border-color: rgb(228, 234, 221);}
.reparo-app .budget-source-options .btn:hover, .reparo-app .budget-source-options .btn.active{border-color: rgb(198, 216, 178); background: rgb(240, 246, 232);}


.reparo-app .payable-period-filters{padding: 14px 16px; border: 1px solid var(--rp-line); border-radius: 11px; background: rgb(250, 252, 247);}
.reparo-app .payable-period-filters > label > span{font-weight: 550; text-transform: none; letter-spacing: 0px;}
.reparo-app .part-purchase-filters{padding: 17px; border: 1px solid var(--rp-line); border-radius: 13px; background: rgb(250, 252, 247);}
.reparo-app .part-filter-heading h3{font-size: 14px;}
.reparo-app .part-status-filters{grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 7px;}
.reparo-app .part-status-filters button{min-width: 0px; padding: 9px; border: 1px solid rgb(225, 232, 216); border-radius: 8px; background: rgb(255, 255, 255); font-weight: 550;}
.reparo-app .part-status-filters button span{min-width: 0px; overflow-wrap: anywhere;}
.reparo-app .part-status-filters button strong{min-width: 20px; padding: 2px 4px; border-radius: 5px; background: rgb(240, 244, 233);}
.reparo-app .part-status-filters button.active{border-color: rgb(200, 220, 178); background: rgb(235, 243, 224); box-shadow: none;}
.reparo-app .part-period-line label{font-weight: 550; text-transform: none;}
.reparo-app .purchase-dashboard-cards > div{border: 1px solid var(--rp-line); border-radius: 13px; background: rgb(255, 255, 255);}
.reparo-app .purchase-dashboard-cards small{font-weight: 550; text-transform: none;}
.reparo-app .purchase-dashboard-cards strong{font-size: 24px; font-weight: 600;}
.reparo-app .inspection-section, .reparo-app .order-chosen-panel{border: 1px solid var(--rp-line); border-radius: 12px; background: rgb(255, 255, 255); overflow: hidden;}
.reparo-app :is(.inspection-intro, .order-chosen-head, .inspection-section-head, .inspection-toggle){border-color: rgb(226, 233, 217); background: rgb(246, 249, 241);}
.reparo-app :is(.inspection-toggle b, .inspection-section-head h3, .order-chosen-head h3){font-weight: 600;}
.reparo-app :is(.inspection-item, .order-chosen-service, .direct-entry-checklist label, .direct-testability > div){border: 1px solid rgb(228, 234, 221); border-radius: 9px; background: rgb(255, 255, 255);}
.reparo-app .inspection-toggle[aria-expanded="true"]{border-color: rgb(220, 231, 207); background: rgb(237, 244, 228);}
.reparo-app .direct-review-total{background: var(--rp-green-deep) !important;}
.reparo-app .direct-testability b{font-weight: 550;}
.reparo-app .direct-photo-inputs label{border-color: rgb(219, 229, 208); border-radius: 8px; background: rgb(246, 249, 241); font-weight: 550;}
.reparo-app .direct-photo-preview{border-color: rgb(214, 225, 201); border-radius: 10px;}
.reparo-app .retail-catalog-card{border: 1px solid var(--rp-line); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: var(--rp-shadow);}
.reparo-app td.money, .reparo-app th.money{text-align: right; font-variant-numeric: tabular-nums;}
.rp-overview-period{display: flex; align-items: center; gap: 8px; margin: -7px 0px 17px; text-transform: capitalize;}
.rp-overview-period .rp-icon{width: 14px; height: 14px;}
.rp-live-label{display: inline-flex; align-items: center; gap: 6px; margin-left: auto; text-transform: none;}
.rp-live-label::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgb(141, 173, 113);}
.rp-overview-metrics{display: grid; grid-template-columns: repeat(var(--rp-metric-count,4),minmax(0,1fr)); gap: 16px; margin-bottom: 21px;}
.rp-overview-metric{min-width: 0px; min-height: 135px; padding: 18px 19px 16px; border: 1px solid var(--rp-line); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: var(--rp-shadow);}
.rp-overview-metric.featured{border-color: rgb(223, 231, 214); background: rgb(234, 240, 226);}
.rp-metric-label{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.rp-metric-label > span{display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: rgb(243, 246, 239);}
.featured .rp-metric-label > span{background: rgb(220, 232, 206);}
.rp-metric-label .rp-icon{width: 16px; height: 16px;}
.rp-overview-metric > strong{display: block; margin-top: 6px; font-size: 27px; font-weight: 650; line-height: 1.25; letter-spacing: -0.9px; font-variant-numeric: tabular-nums;}
.rp-overview-metric > small{display: block; margin-top: 11px;}
.rp-overview-grid{display: grid; grid-template-columns: minmax(0px, 1.83fr) minmax(280px, 1fr); gap: 20px; margin-bottom: 21px;}
.rp-surface{min-width: 0px; border: 1px solid var(--rp-line); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: var(--rp-shadow); overflow: hidden;}
.rp-surface-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; padding: 21px 22px 0px;}
.rp-surface-head h3{margin: 0px; font-size: 15px; font-weight: 650; letter-spacing: -0.3px;}
.rp-surface-head p{margin: 4px 0px 0px;}
.rp-soft-tag{display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 5px; background: rgb(243, 245, 237); white-space: nowrap;}
.rp-chart-total{display: flex; align-items: baseline; gap: 10px; margin: 22px 23px 4px; font-size: 24px; font-weight: 600; letter-spacing: -0.6px;}
.rp-chart-total small{font-weight: 400; letter-spacing: 0px;}
.rp-revenue-chart{display: block; width: 100%; height: 188px; padding: 3px 12px;}
.rp-revenue-chart text{fill: rgb(155, 166, 150); font-family: var(--app-font);}
.rp-chart-legend{display: flex; justify-content: center; gap: 22px; padding: 12px 15px; border-top: 1px solid rgb(239, 241, 236);}
.rp-chart-legend span{display: flex; align-items: center; gap: 6px;}
.rp-chart-legend i{width: 7px; height: 7px; border-radius: 50%; background: rgb(72, 118, 77);}
.rp-chart-legend span + span i{background: rgb(199, 213, 184);}
.rp-operation-card{background: rgb(251, 252, 248);}
.rp-operation-ring{position: relative; width: 120px; height: 120px; margin: 19px auto 15px;}
.rp-operation-ring svg{width: 100%; height: 100%;}
.rp-operation-ring > div{position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rp-operation-ring strong{font-size: 26px; font-weight: 600; letter-spacing: -1px;}
.rp-operation-stages{display: grid; gap: 10px; padding: 0px 23px 20px;}
.rp-operation-stages span{display: flex; align-items: center; gap: 8px;}
.rp-operation-stages b{margin-left: auto; font-weight: 550;}
.rp-operation-stages i{width: 6px; height: 6px; border-radius: 50%; background: rgb(196, 176, 126);}
.rp-operation-stages .tone-1{background: rgb(145, 166, 201);}
.rp-operation-stages .tone-2{background: rgb(167, 191, 134);}
.rp-text-link{display: inline-flex; align-items: center; gap: 7px; padding: 0px; border: 0px; background: transparent; cursor: pointer; white-space: nowrap;}
.rp-text-link .rp-icon{width: 13px; height: 13px; flex-basis: 13px;}
.rp-recent-orders{margin-top: 18px;}
.rp-recent-orders > button{display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 21px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(239, 242, 234) currentcolor currentcolor; border-image: none; background: rgb(255, 255, 255); text-align: left; cursor: pointer;}
.rp-recent-orders > button:hover{background: rgb(249, 251, 245);}
.rp-device-icon{display: grid; place-items: center; width: 31px; height: 35px; border: 1px solid rgb(235, 238, 228); border-radius: 7px; background: rgb(247, 249, 242);}
.rp-device-icon .rp-icon{width: 16px; height: 20px;}
.rp-recent-orders strong, .rp-recent-orders small{display: block;}
.rp-recent-orders strong{font-size: 12px; font-weight: 550;}
.rp-recent-orders small{margin-top: 2px;}
.rp-recent-value{margin-left: auto;}
.rp-attention-list{padding: 5px 21px 10px;}
.rp-attention-list > button{display: flex; align-items: center; gap: 11px; width: 100%; padding: 17px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(237, 241, 231); border-image: none; background: transparent; text-align: left; cursor: pointer;}
.rp-attention-list > button:last-child{border: 0px;}
.rp-attention-list > button > span{display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; background: rgb(245, 240, 228);}
.rp-attention-list > button:nth-child(2) > span{background: rgb(237, 241, 244);}
.rp-attention-list > button:nth-child(3) > span{background: rgb(237, 244, 230);}
.rp-attention-list .rp-icon{width: 15px; height: 15px; flex-basis: 15px;}
.rp-attention-list strong{display: block; font-weight: 550;}
.rp-attention-list small{display: block; margin-top: 3px;}
.rp-attention-list > button > .rp-icon{margin-left: auto;}
.rp-empty{display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 27px 20px; text-align: center;}
.rp-empty > span{display: grid; place-items: center; width: 39px; height: 39px; border-radius: 12px; background: rgb(242, 246, 236);}
.rp-empty strong{font-size: 12px; font-weight: 550;}
.rp-empty p{margin: 0px;}
.rp-dashboard-detail{margin-top: 12px; border-top: 1px solid var(--rp-line); padding-top: 16px;}
.rp-dashboard-detail > summary{margin-bottom: 16px; cursor: pointer;}
.rp-command-dialog{width: min(540px, -28px + 100vw); max-height: 75dvh; margin: 14vh auto auto; padding: 0px; border: 1px solid var(--rp-line); border-radius: 15px; background: rgb(255, 255, 255); color: var(--rp-text); box-shadow: rgba(21, 60, 50, 0.25) 0px 25px 90px; overflow: hidden;}
.rp-command-dialog::backdrop{background: rgba(21, 60, 50, 0.35); backdrop-filter: blur(4px);}
.rp-command-input{display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--rp-line);}
.reparo-app .rp-command-input input{flex: 1 1 0%; min-width: 0px; padding: 7px 0px; border: 0px; border-radius: 0px; outline: 0px; box-shadow: none;}
.rp-command-input button{display: grid; place-items: center; padding: 5px; border: 0px; background: transparent; cursor: pointer;}
.rp-command-results{display: grid; gap: 4px; max-height: 49dvh; padding: 9px; overflow: auto;}
.rp-command-results > button{display: flex; align-items: center; gap: 12px; padding: 11px 12px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); font-size: 12px; text-align: left; cursor: pointer;}
.rp-command-results > button:hover, .rp-command-results > button:focus{background: rgb(238, 244, 229);}
.rp-command-results > button span{flex: 1 1 0%;}
.rp-command-results > p{padding: 15px; font-size: 12px;}
.rp-command-dialog footer{display: flex; justify-content: space-between; padding: 12px 18px; border-top: 1px solid var(--rp-line);}
@media (min-width: 1600px) {
.reparo-app .app{max-width: 1700px; margin: 0px auto;}
}
@media (max-width: 1200px) {
.order-board-toolbar{align-items: flex-start; flex-direction: column; gap: 8px;}
.order-board-toolbar > label{width: 100%;}
.rp-overview-grid{grid-template-columns: minmax(0px, 1.5fr) minmax(260px, 1fr);}

.rp-overview-metric > strong{font-size: 24px;}
}
@media (max-width: 1050px) {
.rp-search-launch{width: 210px;}
.rp-header-date{display: none;}
.rp-overview-metrics, .reparo-app .metrics{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.reparo-app .rp-order-metrics{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.rp-overview-grid{grid-template-columns: 1fr;}
.rp-operation-card{display: grid; grid-template-columns: 1fr 140px 1fr; align-items: center;}
.rp-operation-card .rp-surface-head{padding: 20px;}
.rp-operation-card .rp-operation-stages{padding: 20px;}




}
@media (max-width: 900px) {
.reparo-app .part-status-filters{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:root{--rp-header: 64px;}
body.reparo-app, body.reparo-app.menu-collapsed{padding: var(--rp-header) 0 72px;}
.reparo-app .top, .reparo-app.menu-collapsed .top{z-index: 150; width: var(--rp-sidebar); height: 100dvh; inset: 0px auto 0px 0px; padding: 24px 17px 17px; display: flex; transform: translateX(-100%); transition: transform 0.2s; overflow: visible;}
.reparo-app.rp-mobile-open .top{transform: translateX(0px);}
.reparo-app .top .brand{display: flex;}
.reparo-app .top .nav{flex-direction: column; overflow: auto; width: auto;}
.reparo-app .nav-label, .reparo-app .rp-workspace-select .cloud-badge{display: block;}
.reparo-app .nav .btn{width: 100%; white-space: normal;}
.reparo-app .nav-submenu{position: static; inset: auto; width: auto; max-height: none;}
.rp-menu-scrim{position: fixed; z-index: 140; inset: 0px; width: 100%; height: 100%; border: 0px; background: rgba(16, 45, 34, 0.4); backdrop-filter: blur(2px);}
.rp-mobile-open .rp-menu-scrim{display: block;}
.rp-global-topbar, .reparo-app.menu-collapsed .rp-global-topbar{inset: 0px 0px auto; height: var(--rp-header); padding: 0px 18px; gap: 10px;}
.rp-topbar-left{gap: 10px; min-width: 0px;}
.rp-global-breadcrumb{min-width: 0px; font-size: 10px; gap: 6px;}
.rp-global-breadcrumb strong{overflow: hidden; text-overflow: ellipsis;}
.rp-global-breadcrumb > span:first-child{display: none;}
.rp-global-breadcrumb > span:nth-child(2){display: none;}
.rp-mobile-menu{display: grid;}
.rp-topbar-right{gap: 6px;}
.rp-search-launch{width: 34px; height: 34px; justify-content: center; padding: 0px; border: 0px; background: transparent;}
.rp-search-launch span, .rp-search-launch kbd{display: none;}
.rp-header-avatar{width: 29px; height: 29px; flex-basis: 29px; font-size: 9px;}
.rp-notifications{display: none;}
.reparo-app.rp-mobile-open #menuVisibilityToggle{position: absolute; display: grid; top: 37px; right: 12px; left: auto; width: 32px; height: 32px; min-height: 32px;}
.rp-mobile-nav{position: fixed; z-index: 100; inset: auto 0px 0px; height: 65px; display: flex; align-items: center; justify-content: space-around; gap: 3px; padding: 5px 8px max(5px,env(safe-area-inset-bottom)); border-top: 1px solid var(--rp-line); background: rgba(255, 255, 255, 0.98); box-shadow: rgba(21, 60, 50, 0.02) 0px -3px 20px;}
.rp-mobile-nav button{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0px; height: 51px; padding: 4px; border: 0px; border-radius: 9px; background: transparent; color: rgb(154, 167, 142); font-size: 9px; cursor: pointer;}
.rp-mobile-nav .rp-icon{width: 19px; height: 19px;}
.rp-mobile-nav button.active{background: rgb(237, 243, 229); color: rgb(86, 115, 66);}
.reparo-app .app{padding: 25px 20px 20px;}
.reparo-app .module-page, .reparo-app.menu-collapsed .module-page{inset: var(--rp-header) 0 65px; padding: 25px 20px 20px;}
.reparo-app .module-page > .modal-box{min-height: 0px;}
.reparo-app .rp-page-heading, .reparo-app .page-heading{align-items: flex-start; gap: 12px; margin-bottom: 22px;}
.rp-page-heading > div:first-child{min-width: 100%;}
.reparo-app .rp-page-heading :is(b, h2), .reparo-app .page-heading h2{font-size: 26px; letter-spacing: -0.8px;}
.rp-import-disclosure{margin-left: 0px;}
.rp-import-disclosure[open] > .import-toolbar{right: auto; left: 0px;}
.reparo-app .rp-order-metrics{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 7px;}
.reparo-app .rp-order-metrics .metric{min-height: 81px; padding: 12px; border-radius: 10px;}
.rp-order-metrics .rp-metric-symbol{display: none;}
.reparo-app .rp-order-metrics .metric small{max-width: none; font-size: 10px;}
.reparo-app .rp-order-metrics .metric strong{margin-top: 7px; font-size: 21px;}
.rp-order-toolbar{grid-template-columns: 1fr; gap: 12px; padding: 14px;}
.order-board-title > div:first-child{margin-bottom: 7px;}
.order-board-toolbar{flex-flow: wrap; align-items: flex-end; justify-content: space-between;}
.order-board-toolbar > label{width: 150px;}
.order-board-primary-tools{flex-wrap: wrap;}
.order-board-overview{gap: 10px; font-size: 9px;}
.order-board-overview small{display: none;}
.order-kanban-board{grid-template-columns: repeat(3, 260px) repeat(2, 170px); gap: 12px;}
.reparo-app .modal:not(.module-page){padding: 12px;}
.reparo-app .modal:not(.module-page) > .modal-box{max-height: calc(100dvh - 24px); border-radius: 14px;}
.reparo-app .modal:not(.module-page) .modal-title{padding: 17px 18px;}
.reparo-app :is(.management-body, .dialog-fields){padding: 18px;}
.reparo-app .fields, .reparo-app .global-grid{grid-template-columns: 1fr 1fr;}
.reparo-app .history-table{min-width: 680px;}
.reparo-app .history-wrap{border-radius: 11px;}
.reparo-app .stock-form, .reparo-app .purchase-grid{grid-template-columns: 1fr 1fr;}
.reparo-app .config-section{padding: 16px;}
.reparo-app .card-b{padding: 17px;}
}
@media (max-width: 560px) {
.reparo-app .part-status-filters{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.reparo-app .part-filter-heading{flex-direction: column; align-items: stretch;}








.reparo-app .budget-source-options{grid-template-columns: repeat(2, 1fr);}
.reparo-app .app, .reparo-app .module-page, .reparo-app.menu-collapsed .module-page{padding: 22px 16px 20px;}
.reparo-app .rp-page-heading :is(b, h2), .reparo-app .page-heading h2{font-size: 25px;}
.reparo-app .rp-page-heading .sub{font-size: 11px;}
.reparo-app .rp-page-heading > .btn, .reparo-app .rp-page-heading > .rp-import-disclosure{flex: 0 0 auto;}
.reparo-app .rp-order-metrics{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px;}
.reparo-app .rp-order-metrics .metric{min-height: 85px; padding: 10px 8px;}
.reparo-app .rp-order-metrics .metric small{min-height: 30px; font-size: 9px; line-height: 1.45;}
.reparo-app .rp-order-metrics .metric strong{margin-top: 4px; font-size: 21px;}
.order-board-toolbar{display: block;}
.order-board-primary-tools{justify-content: space-between; gap: 4px;}
.order-board-toolbar > label{width: 100%; margin-top: 10px;}
.order-view-buttons .rp-icon{display: none;}
.reparo-app .order-view-buttons .btn{font-size: 10px; padding: 7px 9px;}
.reparo-app .order-quick-menu > summary{font-size: 11px; padding: 8px 13px;}
.reparo-app .fields, .reparo-app .global-grid, .reparo-app .purchase-grid, .reparo-app .stock-form, .reparo-app .simple-form{grid-template-columns: 1fr;}
.reparo-app .history-tools{align-items: stretch;}
.reparo-app .history-tools select{width: 100%;}
.reparo-app .payment-summary-card{grid-template-columns: repeat(3, 1fr); gap: 5px;}
.reparo-app .payment-summary-card > div{padding: 9px;}
.reparo-app .payment-summary-card strong{font-size: 16px;}
.rp-overview-metrics{gap: 10px;}
.rp-overview-metric{min-height: 119px; padding: 13px; border-radius: 13px;}
.rp-metric-label{align-items: flex-start; font-size: 10px; gap: 4px;}
.rp-metric-label > span{width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px;}
.rp-metric-label .rp-icon{width: 13px; height: 13px; flex-basis: 13px;}
.rp-overview-metric > strong{margin-top: 11px; font-size: 22px;}
.rp-overview-metric > small{font-size: 9px;}
.rp-operation-card{display: block;}
.rp-operation-card .rp-surface-head{padding: 18px 18px 0px;}
.rp-operation-ring{margin: 17px auto;}
.rp-operation-card .rp-operation-stages{padding: 0px 20px 20px;}
.rp-surface-head{padding: 18px 17px 0px;}
.rp-surface-head h3{font-size: 14px;}
.rp-surface-head p{font-size: 10px;}
.rp-chart-total{margin-left: 18px; font-size: 22px;}
.rp-chart-total small{font-size: 9px;}
.rp-chart-legend{gap: 12px; font-size: 9px;}
.rp-recent-orders > button{flex-wrap: wrap; padding: 13px 17px;}
.rp-recent-orders .rp-stage-tag{margin-left: 41px;}
.rp-attention-list{padding: 3px 17px 8px;}
.reparo-app .metric{min-height: 103px; padding: 14px;}
.reparo-app .metric strong{font-size: 22px;}
.reparo-app .metric small{font-size: 10px;}
.rp-metric-symbol{top: 11px; right: 10px; width: 23px; height: 23px;}
.reparo-app :is(input, select, textarea){min-height: 42px; font-size: 14px;}
.reparo-app .btn{min-height: 39px;}
.reparo-app .modal:not(.module-page) .modal-title b{font-size: 17px;}
.reparo-app .fi-metrics{grid-template-columns: 1fr 1fr;}
.reparo-app .fi-metric strong{font-size: 17px;}
}
@media screen {
.reparo-app #ordersModal .rp-page-heading{gap: 16px; margin-bottom: 0px; padding-bottom: 18px;}
.reparo-app #ordersModal .rp-page-heading .rp-eyebrow{display: none;}
.reparo-app #ordersModal .rp-page-heading b{font-size: 25px; line-height: 1.25;}
.reparo-app #ordersModal .rp-page-heading .sub{margin-top: 6px; color: rgb(96, 116, 102); font-size: 12px;}
.reparo-app #ordersModal .management-body{padding-top: 0px;}
.reparo-app #ordersModal .rp-order-metrics{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin: 0px 0px 14px;}
.reparo-app #ordersModal .rp-order-metrics .metric{display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 60px; padding: 13px 16px; border-radius: 8px;}
.reparo-app #ordersModal .rp-order-metrics small{min-height: 0px; padding: 0px; font-size: 12px; line-height: 1.4; color: rgb(82, 105, 77); text-transform: none; white-space: nowrap;}
.reparo-app #ordersModal .rp-order-metrics strong{margin: 0px; font-size: 24px; line-height: 1; font-variant-numeric: tabular-nums;}
#ordersModal .rp-order-metrics .rp-metric-symbol{display: none;}
#ordersModal #orderViewControls{display: grid; grid-template-columns: minmax(230px, 1fr) auto; align-items: end; gap: 18px; padding: 14px 16px; border-radius: 8px; margin: 0px;}
#ordersModal .order-board-title{min-width: 0px;}
#ordersModal .order-board-title > div:first-child{margin: 0px 0px 6px;}
#ordersModal .order-board-title small{font-size: 11px; color: rgb(92, 114, 84); letter-spacing: 0.03em;}
#ordersModal .order-board-search{margin: 0px; width: 100%;}
#ordersModal #orderSearch{width: 100%; max-width: none; height: 38px; min-height: 38px; font-size: 13px;}
#ordersModal .order-board-toolbar{display: flex; flex-flow: row; align-items: end; gap: 10px;}
#ordersModal .order-board-primary-tools{display: flex; flex-wrap: nowrap; align-items: center; gap: 8px;}
#ordersModal .order-view-buttons{display: flex; flex-wrap: nowrap;}
.reparo-app #ordersModal .order-view-buttons .btn, .reparo-app #ordersModal .order-quick-menu > summary{min-height: 38px; font-size: 12px; padding: 8px 10px; line-height: 1.4; white-space: nowrap;}
.reparo-app #ordersModal .order-view-buttons .btn.primary{border-color: rgb(37, 91, 71); box-shadow: none; background: rgb(37, 91, 71) !important; color: rgb(255, 255, 255) !important;}
#ordersModal .order-board-toolbar > label{display: flex; flex-direction: column; flex: 0 0 164px; width: 164px; margin: 0px; gap: 5px; font-size: 11px; color: rgb(92, 114, 84);}
#ordersModal .order-board-toolbar > label select{min-height: 38px; font-size: 12px; margin: 0px;}
.os-page-meta{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 9px 0px 12px; min-height: 29px;}
#ordersModal #orderBoardOverview{flex: 1 1 0%; margin: 0px; min-height: 26px; font-size: 11px; gap: 13px; color: rgb(106, 125, 98);}
#ordersModal #orderBoardOverview b{font-size: 12px; color: rgb(59, 94, 49);}
#ordersModal #orderBoardOverview small{display: none;}
.os-tracking-legend{position: relative; flex: 0 0 auto;}
.os-tracking-legend > summary{cursor: pointer; padding: 6px 9px; font-size: 11px; color: rgb(87, 112, 71); list-style: none; border: 1px solid rgb(223, 231, 215); border-radius: 5px; background: rgb(255, 255, 255);}
.os-tracking-legend > summary::after{content: " ▾";}
.os-tracking-legend #ordersPartsLegend{position: absolute; right: 0px; top: calc(100% + 6px); z-index: 25; display: flex; flex-wrap: wrap; gap: 7px; width: 320px; max-width: calc(-40px + 100vw); margin: 0px; padding: 12px; border: 1px solid rgb(223, 231, 215); border-radius: 7px; background: rgb(255, 255, 255); box-shadow: rgba(25, 58, 30, 0.082) 0px 10px 24px;}
.os-tracking-legend #ordersPartsLegend > span:first-child{width: 100%; font-size: 12px;}
.reparo-app #ordersModal .os-aligned-list{width: 100%; table-layout: fixed; min-width: 0px !important;}
#ordersModal .os-aligned-list .os-merged-column{display: none !important;}
.reparo-app #ordersModal .os-aligned-list :is(th, td){padding: 12px; font-size: 12px; line-height: 1.5; word-break: normal; overflow-wrap: normal; vertical-align: middle;}
.reparo-app #ordersModal .os-aligned-list th{height: 39px; padding-top: 10px; padding-bottom: 10px; color: rgb(91, 112, 82); font-size: 11px; font-weight: 600;}
#ordersModal .os-aligned-list :is(th, td):nth-child(1){width: 105px;}
#ordersModal .os-aligned-list :is(th, td):nth-child(2){width: 19%;}
#ordersModal .os-aligned-list :is(th, td):nth-child(5){width: 130px;}
#ordersModal .os-aligned-list :is(th, td):nth-child(6){width: 155px;}
#ordersModal .os-aligned-list :is(th, td):nth-child(8){width: 100px; min-width: 0px;}
#ordersModal .os-aligned-list .os-list-col-0{white-space: nowrap;}
#ordersModal .os-list-col-0 > b, #ordersModal .os-list-col-0 > .muted-cell{display: block; overflow: hidden; text-overflow: ellipsis;}
#ordersModal .os-list-col-0 > br{display: none;}
#ordersModal .os-list-col-0 .muted-cell{max-width: 100%; font-size: 10px; color: rgb(119, 134, 108);}
#ordersModal .os-list-date{display: block; font-size: 11px; color: rgb(109, 124, 101); white-space: nowrap; font-variant-numeric: tabular-nums;}
#ordersModal .os-list-client, #ordersModal .os-list-device{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(51, 79, 56); font-size: 13px; font-weight: 550; line-height: 1.5;}
#ordersModal .os-list-phone{display: block; margin-top: 3px; white-space: nowrap; color: rgb(100, 120, 91); font-size: 11px; font-variant-numeric: tabular-nums;}
#ordersModal .os-list-device > br, #ordersModal .os-list-device > .muted-cell{display: none;}
#ordersModal .os-list-services{display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(104, 123, 92); font-size: 12px;}
#ordersModal .os-list-services .muted-cell{font-size: 11px; color: rgb(112, 133, 99);}
#ordersModal .order-parts-tracker{margin-top: 6px; max-width: 100%;}
#ordersModal .order-parts-tracker .part-track{display: block; width: max-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 550; padding: 3px 6px;}
#ordersModal .os-list-col-4{font-variant-numeric: tabular-nums;}
#ordersModal .os-list-col-4 > b{display: block; font-size: 13px; white-space: nowrap; color: rgb(45, 73, 51);}
#ordersModal .os-list-col-4 > br{display: none;}
#ordersModal .os-list-col-4 > .stock-ok{display: block; margin-top: 4px; font-size: 11px; font-weight: 500;}
#ordersModal .os-list-value-label{display: block; color: rgb(113, 130, 100); font-size: 10px;}
#ordersModal .os-list-amount{display: block; white-space: nowrap;}
.reparo-app #ordersModal .os-aligned-list .status-pill{max-width: 100%; font-size: 11px; padding: 5px 7px; line-height: 1.35; white-space: nowrap;}
.reparo-app #ordersModal [data-rp-status="Aguardando peça"]{background: rgb(255, 244, 219); color: rgb(139, 100, 24);}
.reparo-app #ordersModal [data-rp-status="Em andamento"]{background: rgb(234, 240, 255); color: rgb(61, 91, 155);}
.reparo-app #ordersModal [data-rp-status="Aguardando retirada"]{background: rgb(232, 244, 239); color: rgb(31, 107, 83);}
.reparo-app #ordersModal [data-rp-status="Finalizado"]{background: rgb(233, 241, 226); color: rgb(73, 105, 54);}
.reparo-app #ordersModal [data-rp-status="Cancelada"]{background: rgb(255, 240, 232); color: rgb(155, 81, 54);}
#ordersModal .os-aligned-list .os-primary-actions{display: none !important;}
.reparo-app #ordersModal .os-aligned-list .os-more-button, .reparo-app #ordersModal .os-list-col-7 > .btn{width: 100%; min-width: 0px; min-height: 34px; padding: 6px 7px; font-size: 12px; white-space: nowrap;}
#ordersModal .os-aligned-group .os-list-device{white-space: normal;}
#ordersModal .order-group-devices span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;}
#ordersModal .order-group-devices span b{display: inline-block; width: 15px;}
#ordersModal .order-group-statuses{gap: 5px;}
#ordersModal .order-group-statuses span{font-size: 10px; white-space: nowrap; border-radius: 4px;}
#orderActionsPopover{overflow-y: auto; overscroll-behavior: contain;}
#orderActionsPopover .order-popover-item{font-size: 13px;}
#orderActionsPopover .order-popover-item small{display: block; margin-top: 3px; font-size: 11px;}
#orderActionsPopover .order-popover-head :is(b, span){overflow-wrap: anywhere;}
#orderActionsPopover .order-popover-head b{font-size: 12px;}
#ordersModal #orderKanbanBoard{grid-template-columns: repeat(3, minmax(260px, 1fr)) repeat(2, 145px); gap: 12px;}
#ordersModal .kanban-column{border-radius: 8px; padding: 10px;}
#ordersModal .kanban-column > header{font-size: 12px; gap: 7px; min-height: 34px; padding: 3px 1px 12px;}
#ordersModal .kanban-column > header > b{white-space: nowrap;}
#ordersModal .kanban-column > header > span{font-size: 11px;}
#ordersModal .kanban-empty{font-size: 12px; line-height: 1.6;}
#ordersModal .order-summary-card{padding: 13px; border-radius: 7px;}
#ordersModal .order-summary-head > b{min-width: 0px; font-size: 11px;}
#ordersModal .order-summary-head .status-pill{flex: 0 0 auto; font-size: 10px;}
#ordersModal .order-card-labels{font-size: 11px;}
#ordersModal .order-summary-card h4{margin: 10px 0px 5px; font-size: 14px; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#ordersModal .order-summary-service{font-size: 12px; color: rgb(101, 123, 87); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#ordersModal .rp-card-client{font-size: 12px; color: rgb(80, 107, 67);}
#ordersModal .rp-card-client-name{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#ordersModal .order-summary-card dt{font-size: 10px; color: rgb(113, 133, 101);}
#ordersModal .order-summary-card dd{font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums;}
#ordersModal .order-summary-actions{display: grid; grid-template-columns: 1fr 34px; gap: 8px;}
.reparo-app #ordersModal .order-summary-actions .btn{min-height: 33px; font-size: 12px;}
.reparo-app #ordersModal .order-summary-actions .order-urgent-toggle{padding: 4px; font-size: 18px;}
#ordersModal .order-urgent-toggle[aria-pressed="true"]{color: rgb(154, 92, 40); background: rgb(255, 241, 222);}
.reparo-app #editOrderModal > .modal-box{width: min(1080px, 96vw);}
.reparo-app #editOrderModal .modal-title{padding: 16px 22px;}
.reparo-app #editOrderModal .management-body{padding: 18px 22px 0px;}
#editOrderModal #canonicalEditOrderSummary{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; padding: 0px; margin: 0px 0px 14px; background: rgb(246, 249, 241); border: 1px solid rgb(223, 231, 213); border-radius: 7px;}
#editOrderModal #canonicalEditOrderSummary .os-value-card{min-width: 0px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(224, 232, 215) currentcolor currentcolor; border-image: none; padding: 12px 16px; border-radius: 0px; background: transparent;}
#editOrderModal #canonicalEditOrderSummary .os-value-card:last-child{border-right: 0px;}
#editOrderModal #canonicalEditOrderSummary small{font-size: 11px; font-weight: 500; text-transform: none; margin: 0px 0px 6px; color: rgb(99, 119, 89);}
#editOrderModal #canonicalEditOrderSummary strong{font-size: 20px; line-height: 1.2; white-space: nowrap; font-variant-numeric: tabular-nums; color: rgb(53, 84, 43);}
#editOrderModal #canonicalEditOrderSummary .total{background: rgb(232, 240, 220);}
#editOrderModal #canonicalEditOrderSummary .total small{color: rgb(82, 107, 64);}
#editOrderModal #canonicalEditOrderSummary .balance strong{color: rgb(22, 99, 75);}
#editOrderModal #orderOperationBar{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 0px;}
#editOrderModal #orderOperationStatus{font-size: 12px; color: rgb(78, 103, 68); line-height: 1.5; white-space: nowrap;}
#editOrderModal .order-operation-buttons{display: flex; align-items: center; gap: 7px; flex-wrap: wrap; justify-content: flex-end;}
.reparo-app #editOrderModal .order-operation-buttons .btn{min-height: 34px; padding: 7px 10px; font-size: 12px; white-space: nowrap;}
#editOrderModal #orderEditorTabs{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 4px; margin: 0px 0px 17px; padding: 0px 0px 11px; overflow: visible;}
#editOrderModal .order-editor-tab{min-width: 0px; padding: 9px 5px; font-size: 12px; text-align: center; white-space: nowrap;}
#editOrderModal label{font-size: 12px; font-weight: 500; color: rgb(79, 104, 69); line-height: 1.4; margin-bottom: 6px;}
#editOrderModal :is(input, select, textarea){min-height: 40px; font-size: 13px;}
#editOrderModal .os-attendance-grid{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 15px; align-items: start;}
#editOrderModal .os-attendance-grid > div{min-width: 0px;}
#editOrderModal [data-os-field="editOrderClient"]{grid-column: span 4;}
#editOrderModal [data-os-field="editOrderPhone"]{grid-column: span 2;}
#editOrderModal :is([data-os-field="editOrderAttendant"], [data-os-field="editOrderTechnician"]){grid-column: span 3;}
#editOrderModal :is([data-os-field="editOrderEntryDate"], [data-os-field="editOrderDueDate"], [data-os-field="editOrderDeliveryDate"]){grid-column: span 2;}
#editOrderModal .employee-role-note{font-size: 11px; line-height: 1.4;}
#editOrderModal .os-service-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; align-items: start;}
#editOrderModal .os-service-grid > div{min-width: 0px;}
#editOrderModal .os-service-grid :is([data-os-field="editOrderStatus"], [data-os-field="editOrderTotal"]){display: none;}
#editOrderModal .os-service-grid :is([data-os-field="editOrderProblem"], [data-os-field="editOrderDiagnosis"], [data-os-field="editOrderSolution"], [data-os-field="editOrderInternalNotes"]){grid-column: 1 / -1;}
#editOrderModal .order-chosen-panel{border-radius: 7px; margin-bottom: 16px;}
#editOrderModal .order-chosen-head{display: flex; flex-direction: row; align-items: center; gap: 14px;}
#editOrderModal .order-chosen-head h3{font-size: 15px; line-height: 1.4;}
#editOrderModal .order-chosen-head p{font-size: 12px; line-height: 1.5;}
#editOrderModal .order-chosen-head .btn{flex: 0 0 auto; width: auto; min-height: 36px; font-size: 12px;}
.reparo-app #editOrderModal .os-editor-footer{position: sticky; bottom: 0px; z-index: 8; align-items: center; gap: 8px; flex-wrap: wrap; margin: 18px -22px 0px; padding: 14px 22px; background: rgb(255, 255, 255); border-top: 1px solid rgb(224, 231, 216); display: flex !important;}
.reparo-app #editOrderModal .os-editor-footer .btn, .reparo-app #editOrderModal .os-document-menu > summary{min-height: 36px; padding: 8px 11px; font-size: 12px; white-space: nowrap; flex: 0 0 auto;}
#editOrderModal #cancelOrderEdit{order: 0; margin-right: auto;}
#editOrderModal #osEditorDocuments{order: 1;}
#editOrderModal #sendOrderWhatsappBtn{order: 2;}
#editOrderModal #finalizeOrderBtn{order: 3;}
#editOrderModal #saveOrderEdit{order: 4;}
.os-document-menu{position: relative;}
.os-document-menu > summary{list-style: none; cursor: pointer;}
.os-document-menu > div{position: absolute; right: 0px; bottom: calc(100% + 8px); z-index: 10; display: grid; gap: 4px; width: 230px; padding: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(223, 231, 214); border-radius: 7px; box-shadow: rgba(25, 58, 30, 0.125) 0px 10px 30px;}
.reparo-app #editOrderModal .os-document-menu > div > .btn{justify-content: flex-start; width: 100% !important;}
#editOrderModal .order-payment-register-title{align-items: start; flex-direction: column; gap: 5px;}
#editOrderModal .order-payment-register-title b{font-size: 15px;}
#editOrderModal .order-payment-register-title span{font-size: 12px;}
#editOrderModal .inspection-toggle small{font-size: 12px; line-height: 1.5;}
#editOrderModal .inspection-toggle b{font-size: 14px;}
#editOrderModal .inspection-row{gap: 12px; align-items: center;}
@media (max-width: 1180px) {
#ordersModal #orderViewControls{grid-template-columns: 1fr; gap: 12px;}
#ordersModal .order-board-toolbar{justify-content: space-between;}
.reparo-app #ordersModal .rp-order-metrics .metric{padding: 12px;}
.reparo-app #ordersModal .rp-order-metrics small{font-size: 11px; white-space: normal;}
#ordersModal .os-aligned-list, #ordersModal .os-aligned-list tbody{display: block;}
#ordersModal .os-aligned-list thead{display: none;}
#ordersModal .os-aligned-list tbody{padding: 0px;}
#ordersModal .os-aligned-list tr{display: grid; grid-template-columns: 110px minmax(0px, 1fr) 150px 92px; gap: 10px 14px; padding: 14px; border-bottom: 1px solid rgb(229, 235, 222);}
.reparo-app #ordersModal .os-aligned-list td{display: block; padding: 0px; border: 0px; width: auto !important; min-width: 0px !important;}
#ordersModal .os-aligned-list td::before{display: none !important;}
#ordersModal .os-list-col-0{grid-area: 1 / 1;}
#ordersModal .os-list-col-1{grid-area: 1 / 2;}
#ordersModal .os-list-col-2{grid-area: 2 / 1 / auto / 3;}
#ordersModal .os-list-col-4{grid-area: 2 / 3;}
#ordersModal .os-list-col-5{grid-area: 1 / 3;}
#ordersModal .os-list-col-7{grid-area: 1 / 4 / 3; align-self: center;}
}
@media (max-width: 700px) {
.reparo-app #ordersModal .rp-page-heading{flex-wrap: wrap; gap: 9px; padding-bottom: 16px;}
.reparo-app #ordersModal .rp-page-heading > div:first-child{flex: 1 0 100%;}
.reparo-app #ordersModal .rp-page-heading b{font-size: 23px;}
.reparo-app #ordersModal .rp-page-heading .sub{font-size: 12px; line-height: 1.5;}
.reparo-app #ordersModal .rp-order-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
.reparo-app #ordersModal .rp-order-metrics .metric{min-height: 57px; gap: 5px; padding: 10px;}
.reparo-app #ordersModal .rp-order-metrics small{font-size: 11px;}
.reparo-app #ordersModal .rp-order-metrics strong{font-size: 23px;}
#ordersModal .order-board-toolbar{display: block;}
#ordersModal .order-board-primary-tools{justify-content: space-between; gap: 7px;}
.reparo-app #ordersModal .order-view-buttons .btn, .reparo-app #ordersModal .order-quick-menu > summary{min-height: 38px; padding: 8px; font-size: 11px;}
#ordersModal .order-quick-filters{width: 225px;}
#ordersModal .order-quick-filters .btn, #ordersModal .order-quick-filters label{font-size: 12px;}
#ordersModal .order-quick-filters select{font-size: 13px;}
.os-page-meta{align-items: start; gap: 8px;}
#ordersModal #orderBoardOverview{gap: 5px 10px; font-size: 11px;}
.os-tracking-legend > summary{font-size: 10px; padding: 6px;}
#ordersModal .os-aligned-list tr{grid-template-columns: minmax(0px, 1fr) 138px; gap: 10px 8px; padding: 15px 12px;}
#ordersModal .os-list-col-0{grid-area: 1 / 1;}
#ordersModal .os-list-col-5{grid-area: 1 / 2; justify-self: end;}
#ordersModal .os-list-col-1{grid-area: 2 / 1 / auto / 3;}
#ordersModal .os-list-col-2{grid-area: 3 / 1 / auto / 3;}
#ordersModal .os-list-col-4{grid-area: 4 / 1;}
#ordersModal .os-list-col-7{grid-area: 4 / 2; place-self: center end; width: 100px !important;}
#editOrderModal #canonicalEditOrderSummary{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#editOrderModal #canonicalEditOrderSummary .os-value-card{padding: 11px 12px;}
#editOrderModal #canonicalEditOrderSummary .os-value-card:nth-child(2){border-right: 0px;}
#editOrderModal #canonicalEditOrderSummary .os-value-card:nth-child(-n+2){border-bottom: 1px solid rgb(223, 231, 213);}
#editOrderModal #canonicalEditOrderSummary strong{font-size: 18px;}
#editOrderModal #orderOperationBar{display: block;}
#editOrderModal #orderOperationStatus{display: block; margin-bottom: 9px;}
#editOrderModal .order-operation-buttons{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px;}
#editOrderModal .order-operation-buttons .btn{padding: 8px 5px; font-size: 11px;}
#editOrderModal #refundServiceOrderButton{grid-column: 1 / -1;}
#editOrderModal #orderEditorTabs{display: flex; flex-wrap: wrap; gap: 5px;}
#editOrderModal .order-editor-tab{flex: 1 0 auto; padding: 8px; font-size: 12px;}
#editOrderModal .os-attendance-grid, #editOrderModal .os-service-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px;}
#editOrderModal .os-attendance-grid [data-os-field]{grid-column: span 1;}
#editOrderModal .os-attendance-grid :is([data-os-field="editOrderClient"], [data-os-field="editOrderPhone"], [data-os-field="editOrderDeliveryDate"]){grid-column: 1 / -1;}
#editOrderModal .os-service-grid :is([data-os-field="editOrderDevice"], [data-os-field="editOrderAccessories"], [data-os-field="editOrderCondition"]){grid-column: 1 / -1;}
#editOrderModal .order-chosen-head{align-items: start; flex-direction: column;}
#editOrderModal .order-chosen-head .btn{width: 100%;}
.reparo-app #editOrderModal .os-editor-footer{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; padding: 12px 18px; display: grid !important;}
.reparo-app #editOrderModal .os-editor-footer > .btn{min-width: 0px; padding: 8px 5px; font-size: 11px; width: 100% !important;}
#editOrderModal #cancelOrderEdit{margin: 0px;}
#editOrderModal .os-document-menu > summary{width: 100%; padding: 8px 5px; font-size: 11px;}
#editOrderModal #saveOrderEdit{grid-column: 1 / -1;}
.os-document-menu > div{right: 0px; left: auto; max-width: calc(-64px + 100vw);}
}
}
@media (prefers-reduced-motion: reduce) {
*{scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
}
@media print {
body.reparo-app{padding: 0px !important; background: rgb(255, 255, 255) !important;}
.rp-global-topbar, .reparo-app .top, .rp-mobile-nav, #menuVisibilityToggle, .rp-eyebrow, .rp-import-disclosure, .rp-menu-scrim{display: none !important;}
.reparo-app .module-page{position: static !important; inset: auto !important; padding: 0px !important; background: rgb(255, 255, 255) !important;}
.reparo-app .card, .reparo-app .modal-box{box-shadow: none !important;}
.reparo-app .app{padding: 0px !important;}
}
#deferredPaymentModal{z-index: 100;}
.deferred-summary{padding: 13px 15px; border-radius: 12px; background: rgb(239, 246, 255); margin-bottom: 15px;}
.deferred-grid{display: grid; grid-template-columns: 110px 1fr 1fr; gap: 9px; align-items: center;}
.deferred-grid input{padding: 10px;}
.deferred-head{font-weight: 900; text-transform: uppercase;}
@media (max-width: 600px) {
.deferred-grid{grid-template-columns: 70px 1fr 1fr;}
}
.purchase-grid.purchase-smart{grid-template-columns: 1.15fr minmax(240px, 1.45fr) minmax(210px, 1.15fr) 0.5fr 0.72fr 0.9fr auto;}
.purchase-search-line{display: grid; grid-template-columns: minmax(0px, 1fr) 44px; gap: 7px;}
.purchase-new-product{width: 44px; height: 44px; padding: 0px; border-radius: 10px; font-size: 25px; justify-content: center;}
.purchase-smart-search .muted-cell{display: block; margin-top: 5px;}
@media (max-width: 1150px) {
.purchase-grid.purchase-smart{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 650px) {
.purchase-grid.purchase-smart{grid-template-columns: 1fr;}
}
#stockHistoryModal{z-index: 110;}
.stock-history-summary{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px;}
.stock-history-summary > div{padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgb(248, 250, 252);}
.stock-history-summary small{display: block; color: var(--muted); font-weight: 800;}
.stock-history-summary strong{font-size: 21px;}
.stock-move-positive{font-weight: 900;}
.stock-move-negative{font-weight: 900;}
.stock-balance-cell{font-weight: 900; background: rgb(248, 250, 252);}
.stock-history-detail{max-width: 270px; white-space: normal;}
.stock-history-legacy{display: inline-block; margin-top: 4px;}
@media (max-width: 650px) {
.stock-history-summary{grid-template-columns: 1fr;}
.stock-history-table{min-width: 900px;}
}
.os-actions-cell{min-width: 225px;}
.os-primary-actions{display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px;}
.os-primary-actions .btn{flex: 1 1 0%; min-width: 95px; justify-content: center;}
.os-more-button{width: 100%; justify-content: center; background: rgb(248, 250, 252) !important; border-color: rgb(219, 227, 238) !important;}
.os-actions-cell .whats{background: rgb(22, 163, 74); border-color: rgb(22, 163, 74);}
@media (max-width: 700px) {
.os-actions-cell{min-width: 190px;}
.os-primary-actions{flex-direction: column;}
}
#orderActionsPopover{position: fixed; display: none; width: 270px; padding: 7px; background: rgb(255, 255, 255); border: 1px solid rgb(219, 227, 238); border-radius: 12px; box-shadow: rgba(15, 23, 42, 0.22) 0px 18px 45px;}
#orderActionsPopover.open{display: block;}
.order-popover-head{padding: 8px 10px 9px; border-bottom: 1px solid rgb(238, 242, 247); margin-bottom: 5px;}
.order-popover-head b{display: block;}
.order-popover-item{width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); text-align: left; cursor: pointer; font: inherit;}
.order-popover-item:hover, .order-popover-item:focus{background: rgb(239, 246, 255); outline: none;}
.order-popover-icon{width: 24px; text-align: center; font-size: 16px;}
.order-popover-separator{height: 1px; background: rgb(238, 242, 247); margin: 5px 4px;}
.os-more-button.menu-open{background: rgb(224, 242, 254) !important; border-color: rgb(56, 189, 248) !important;}
.clickable-order-row{cursor: pointer; transition: background-color 0.16s, box-shadow 0.16s;}
.clickable-order-row:hover{box-shadow: rgb(14, 165, 233) 4px 0px 0px inset; background: rgb(238, 248, 255) !important;}
.clickable-order-row:hover td{background: transparent;}
.clickable-order-row:focus-visible{outline: rgb(14, 165, 233) solid 2px; outline-offset: -2px; background: rgb(238, 248, 255);}
.clickable-order-row button, .clickable-order-row select{cursor: pointer;}
.order-parts-tracker{display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin-top: 8px;}
.part-track{display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px; border-radius: 999px; font-weight: 900; line-height: 1.2; border: 1px solid transparent; white-space: nowrap;}
.part-ordered{background: rgb(239, 246, 255); border-color: rgb(191, 219, 254);}
.part-received{background: rgb(245, 243, 255); border-color: rgb(221, 214, 254);}
.part-used{background: rgb(236, 253, 245); border-color: rgb(187, 247, 208);}
.part-returned{background: rgb(254, 242, 242); border-color: rgb(254, 202, 202);}
.part-unused, .part-stocked, .part-none{background: rgb(241, 245, 249); border-color: rgb(203, 213, 225);}
.linked-order-card{display: block; margin-top: 7px; padding: 7px 9px; border: 1px solid rgb(186, 230, 253); border-radius: 9px; background: rgb(240, 249, 255); text-align: left; cursor: pointer;}
.linked-order-card:hover{background: rgb(224, 242, 254);}
.linked-order-card b{display: block; font-size: 12px;}
.purchase-kind{display: block; margin-top: 5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em;}
.purchase-part-status{display: inline-flex; margin-top: 6px;}
.parts-legend{display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0px 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgb(248, 250, 252);}
.parts-legend > span:first-child{font-weight: 900; margin-right: 4px; align-self: center;}
@media (max-width: 750px) {
.part-track{white-space: normal;}
}
.part-testing{background: rgb(255, 251, 235); border-color: rgb(253, 230, 138);}
#purchasePaymentModal{z-index: 70;}
.purchase-payment-box{min-width: 185px;}
.purchase-payment-status{display: inline-flex; padding: 5px 8px; border-radius: 999px; font-weight: 900;}
.purchase-pay-paid{background: rgb(236, 253, 245);}
.purchase-pay-partial{background: rgb(255, 247, 237);}
.purchase-pay-deferred{background: rgb(239, 246, 255);}
.purchase-pay-pending{background: rgb(254, 252, 232);}
.purchase-pay-none{background: rgb(241, 245, 249);}
.purchase-payment-values{margin-top: 6px; line-height: 1.55;}
.purchase-payment-button{margin-top: 7px; width: 100%; justify-content: center;}
.purchase-payment-overdue{font-weight: 900;}
.purchase-payment-progress{height: 6px; background: rgb(226, 232, 240); border-radius: 999px; overflow: hidden; margin-top: 7px;}
.purchase-payment-progress span{display: block; height: 100%; background: rgb(34, 197, 94);}
.purchase-payment-detail-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px;}
.purchase-payment-detail-grid > div{padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgb(248, 250, 252);}
.purchase-payment-detail-grid small{display: block; font-weight: 800;}
.purchase-payment-detail-grid strong{font-size: 20px;}
@media (max-width: 700px) {
.purchase-payment-detail-grid{grid-template-columns: repeat(2, 1fr);}
}
.catalog-service-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 14px; margin-top: 14px;}
.catalog-service-card{border: 1px solid rgb(216, 227, 236); border-radius: 15px; background: rgb(255, 255, 255); padding: 16px; box-shadow: rgba(24, 44, 70, 0.05) 0px 4px 14px; min-width: 0px;}
.catalog-service-title{display: flex; align-items: center; gap: 11px; padding-bottom: 13px; border-bottom: 1px solid rgb(232, 238, 243);}
.catalog-service-title h4{margin: 0px; font-size: 16px;}
.catalog-service-title small{display: block; margin-top: 3px;}
.catalog-service-icon{width: 38px; height: 38px; border-radius: 10px; background: rgb(238, 246, 243); display: grid; place-items: center; font-weight: 900; font-size: 18px;}
.catalog-quality-list{display: grid; gap: 9px; margin-top: 12px;}
.catalog-quality{border: 1px solid rgb(223, 231, 238); border-radius: 10px; padding: 11px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 10px; align-items: center; background: rgb(251, 252, 253);}
.catalog-quality.available:hover{border-color: rgb(22, 163, 125);}
.catalog-quality.selected{border-color: rgb(7, 150, 111); background: rgb(239, 251, 246);}
.catalog-quality-info{display: grid; gap: 3px;}
.catalog-quality-info b{font-size: 14px;}
.catalog-quality-action{display: grid; justify-items: end; gap: 7px;}
.catalog-quality-action strong{font-size: 15px;}
.catalog-quality-action button, .catalog-define-price{border: 1px solid rgb(174, 191, 203); background: rgb(255, 255, 255); border-radius: 8px; padding: 7px 10px; font-weight: 800; cursor: pointer;}
.catalog-quality-action button:hover, .catalog-define-price:hover{border-color: rgb(7, 150, 111);}
.catalog-quality-action button.selected{background: rgb(7, 150, 111); border-color: rgb(7, 150, 111);}
.device-service-panel-head{display: flex; flex-direction: column; gap: 4px;}
.device-service-panel-head span{font-size: 12px;}
@media (max-width: 650px) {
.catalog-service-grid{grid-template-columns: 1fr;}
.catalog-quality{grid-template-columns: 1fr;}
.catalog-quality-action{justify-items: start;}
}
.dialog-check-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 9px; padding: 12px; border: 1px solid rgb(215, 226, 234); border-radius: 11px; background: rgb(248, 250, 252);}
.dialog-check-grid label{display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid rgb(220, 230, 237); border-radius: 9px; background: rgb(255, 255, 255); cursor: pointer; font-weight: 700;}
.dialog-check-grid input{width: auto !important;}
.canonical-cost-cell.unavailable{display: grid; place-items: center; background: rgb(242, 245, 247); border-radius: 9px; min-height: 70px;}
.canonical-cost-cell.unavailable .canonical-final{margin: 0px; text-align: center;}
.automatic-status-field{position: relative;}
.automatic-status-field::after{content: "Atualizado automaticamente"; display: block; margin-top: 5px; font-weight: 700;}
.automatic-status-field select:disabled{opacity: 1; background: rgb(238, 250, 245); border-color: rgb(168, 220, 201); cursor: not-allowed;}
.automatic-order-status{white-space: nowrap; background: rgb(238, 250, 245); border: 1px solid rgb(184, 225, 210);}
.os-value-dashboard{display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; margin: 0px 0px 18px; padding: 14px; border: 1px solid rgb(207, 224, 232); border-radius: 14px; background: rgb(245, 249, 251); position: relative; z-index: 2;}
.os-value-card{padding: 12px 14px; border: 1px solid rgb(219, 229, 235); border-radius: 11px; background: rgb(255, 255, 255);}
.os-value-card small{display: block; font-weight: 800; text-transform: uppercase; margin-bottom: 5px;}
.os-value-card strong{font-size: 20px;}
.os-value-card.total{background: rgb(13, 41, 72); border-color: rgb(13, 41, 72);}
@media (max-width: 720px) {
.os-value-dashboard{grid-template-columns: 1fr 1fr;}
}
#canonicalDeviceEditor{z-index: 350; background: rgba(5, 15, 30, 0.72);}
.canonical-device-card{width: min(1050px, -28px + 100vw); max-height: 92vh; display: flex; flex-direction: column; background: rgb(255, 255, 255) !important;}
.canonical-editor-body{padding: 20px; overflow: auto;}
.canonical-device-fields{display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 12px; margin-bottom: 18px;}
.canonical-cost-table{border: 1px solid rgb(216, 227, 236); border-radius: 12px; overflow: auto;}
.canonical-cost-row{display: grid; grid-template-columns: minmax(170px,1.3fr) repeat(var(--q),minmax(165px,1fr)); gap: 10px; align-items: center; min-width: 650px; padding: 10px 13px; border-top: 1px solid rgb(237, 241, 245);}
.canonical-cost-row.head{border-top: 0px; background: rgb(245, 248, 251); font-size: 12px; font-weight: 800;}
.canonical-cost-cell{display: grid; gap: 5px;}
.canonical-cost-cell input{margin: 0px;}
.canonical-final{font-weight: 800; background: rgb(238, 250, 243); padding: 5px 7px; border-radius: 6px;}
.canonical-final.empty{background: rgb(255, 247, 232);}
.canonical-catalog{margin-top: 15px;}
.canonical-service-list{display: grid; gap: 8px;}
.canonical-service-row{display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: center; padding: 13px 15px; border: 1px solid rgb(215, 226, 235); border-radius: 11px; background: rgb(255, 255, 255); cursor: pointer; text-align: left;}
.canonical-service-row:hover{border-color: rgb(32, 167, 125); background: rgb(246, 255, 251);}
.canonical-service-row.selected{background: rgb(239, 252, 246); border-color: rgb(32, 167, 125);}
.canonical-service-row input{width: 18px; height: 18px;}
.canonical-service-name{font-weight: 800;}
.canonical-service-meta{display: block; font-size: 12px; margin-top: 3px;}
.canonical-service-price{font-weight: 900; white-space: nowrap;}
.canonical-missing{margin-top: 14px;}
.canonical-missing-buttons{display: flex; gap: 7px; flex-wrap: wrap;}
.canonical-missing-buttons button{padding: 8px 10px; border: 1px solid rgb(191, 208, 220); border-radius: 8px; background: rgb(255, 255, 255); font-weight: 700; cursor: pointer;}
.canonical-custom{display: grid; grid-template-columns: 1fr 140px 45px; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgb(219, 228, 235);}
.canonical-custom label{grid-column: 1 / -1;}
.canonical-editor-footer{display: flex; justify-content: flex-end; gap: 9px; padding: 14px 20px; border-top: 1px solid rgb(219, 228, 235);}
@media (max-width: 700px) {
.canonical-device-fields{grid-template-columns: 1fr;}
.canonical-service-row{grid-template-columns: 24px 1fr;}
.canonical-service-price{grid-column: 2;}
.canonical-custom{grid-template-columns: 1fr;}
.canonical-custom label{grid-column: auto;}
}
.purchase-launch-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid rgb(216, 228, 236); border-radius: 14px; background: rgb(247, 250, 252);}
.purchase-launch-toolbar h3{margin: 0px 0px 4px;}
.purchase-launch-toolbar span, .manual-purchase-head span{display: block; font-size: 13px;}
.manual-purchase-panel{display: none; margin-bottom: 24px; padding: 18px; border: 1px solid rgb(188, 216, 231); border-radius: 15px; background: rgb(248, 251, 253); box-shadow: rgba(20, 47, 75, 0.07) 0px 8px 24px;}
.manual-purchase-panel.open{display: block;}
.manual-purchase-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px;}
.manual-purchase-head b{display: block; font-size: 18px; margin-bottom: 4px;}
.manual-purchase-panel .sale-footer{margin-bottom: 0px;}
@media (max-width: 700px) {
.purchase-launch-toolbar{align-items: stretch; flex-direction: column;}
.purchase-launch-toolbar .btn{width: 100%;}
}
.manual-purchase-overlay{display: none !important; position: fixed !important; inset: 0px !important; z-index: 160 !important; padding: 24px !important; background: rgba(5, 18, 34, 0.68) !important; overflow: auto !important; align-items: flex-start !important; justify-content: center !important;}
.manual-purchase-overlay.open{display: flex !important;}
.manual-purchase-dialog{width: min(1180px, 96vw); max-height: calc(-48px + 100vh); overflow: auto; margin: auto; background: rgb(255, 255, 255); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.28) 0px 28px 80px;}
.manual-purchase-overlay .manual-purchase-head{position: sticky; top: 0px; z-index: 3; padding: 19px 22px; margin: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(220, 229, 235);}
.manual-purchase-overlay .purchase-grid{padding: 18px 22px 8px;}
.manual-purchase-overlay .manual-purchase-dialog > .history-wrap{margin: 8px 22px 0px;}
.manual-purchase-overlay .sale-footer{position: sticky; bottom: 0px; z-index: 3; padding: 16px 22px; background: rgb(248, 250, 252); border-top: 1px solid rgb(220, 229, 235); margin: 18px 0px 0px !important;}
.manual-purchase-guide{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; padding: 16px 22px 0px;}
.manual-purchase-guide span{display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 9px; background: rgb(237, 245, 248); font-size: 12px; font-weight: 800;}
.manual-purchase-guide b{display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: rgb(12, 143, 114);}
@media (max-width: 760px) {
.manual-purchase-overlay{padding: 8px !important;}
.manual-purchase-dialog{width: 100%; max-height: calc(-16px + 100vh);}
.manual-purchase-guide{grid-template-columns: 1fr;}
.manual-purchase-overlay .purchase-grid{padding: 14px;}
.manual-purchase-overlay .manual-purchase-dialog > .history-wrap{margin: 8px 14px 0px;}
}
.generate-purchase-action{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 12px 22px 0px; padding: 14px 16px; border: 1px solid rgb(185, 216, 202); border-radius: 12px; background: rgb(241, 251, 246);}
.generate-purchase-action b{display: block;}
.generate-purchase-action span{display: block; margin-top: 3px; font-size: 12px;}
.generate-purchase-action .btn{min-width: 230px;}
@media (max-width: 700px) {
.generate-purchase-action{align-items: stretch; flex-direction: column; margin: 12px 14px 0px;}
.generate-purchase-action .btn{width: 100%;}
}
.purchase-dashboard{margin-bottom: 18px;}
.purchase-dashboard-cards{display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px;}
.purchase-dashboard-cards article{padding: 15px 16px; border: 1px solid rgb(217, 228, 236); border-radius: 13px; background: rgb(248, 250, 252);}
.purchase-dashboard-cards small{display: block; font-weight: 900; text-transform: uppercase; margin-bottom: 6px;}
.purchase-dashboard-cards strong{font-size: 21px;}
.purchase-dashboard-alerts{display: grid; gap: 7px; margin-top: 10px;}
.purchase-alert{padding: 9px 12px; border-radius: 9px; font-size: 12px; font-weight: 700;}
.purchase-alert.warning{background: rgb(255, 247, 230);}
.purchase-alert.danger{background: rgb(255, 240, 240);}
.purchase-alert.ok{background: rgb(236, 253, 245);}
@media (max-width: 800px) {
.purchase-dashboard-cards{grid-template-columns: 1fr 1fr;}
}
.nav #purchasesBtn[aria-expanded="true"]{background: rgb(19, 42, 71);}
.nav #purchasesBtn[aria-expanded="true"]::after{content: "▴"; float: right;}
.nav #purchasesBtn[aria-expanded="false"]::after{content: "▾"; float: right;}
body.role-limited #purchasesSubmenu{display: none !important;}
.product-purchase-details{margin: 14px 22px 0px; padding: 16px; border: 1px solid rgb(216, 227, 236); border-radius: 13px; background: rgb(255, 255, 255);}
.product-purchase-detail-head b{display: block; font-size: 16px;}
.product-purchase-detail-head span{display: block; font-size: 12px; margin-top: 3px;}
.product-purchase-detail-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin-top: 13px;}
.product-purchase-detail-grid .wide{grid-column: 1 / -1;}
@media (max-width: 800px) {
.product-purchase-detail-grid{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 520px) {
.product-purchase-details{margin: 12px 14px 0px;}
.product-purchase-detail-grid{grid-template-columns: 1fr;}
}
.product-purchase-payment{margin: 14px 22px 0px; padding: 16px; border: 1px solid rgb(216, 227, 236); border-radius: 13px; background: rgb(255, 255, 255);}
.product-purchase-payment-head b{display: block; font-size: 16px;}
.product-purchase-payment-head span{display: block; font-size: 12px; margin-top: 3px;}
.product-purchase-payment-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin-top: 13px;}
.product-purchase-payment-note{margin-top: 10px; padding: 9px 11px; border-radius: 8px; background: rgb(238, 246, 255); font-size: 12px; font-weight: 700;}
@media (max-width: 800px) {
.product-purchase-payment-grid{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 520px) {
.product-purchase-payment{margin: 12px 14px 0px;}
.product-purchase-payment-grid{grid-template-columns: 1fr;}
}
#productEditModal{z-index: 240 !important;}
#productEditModal .modal-box{position: relative; z-index: 241;}
:root{--app-font: Inter,"Segoe UI",Arial,sans-serif;}
body, button, input, select, textarea{font-family: var(--app-font);}
#appNotifications{position: fixed; right: 20px; top: 20px; display: grid; gap: 10px; width: min(390px, -28px + 100vw); pointer-events: none;}
.app-notification{pointer-events: auto; display: grid; grid-template-columns: 32px 1fr auto; gap: 10px; padding: 13px 14px; border: 1px solid rgb(207, 224, 232); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(8, 30, 55, 0.2) 0px 16px 45px;}
.app-notification.success{border-left: 4px solid rgb(7, 150, 111);}
.app-notification.warning{border-left: 4px solid rgb(217, 144, 0);}
.app-notification.error{border-left: 4px solid rgb(201, 54, 54);}
.app-notification-icon{display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: rgb(237, 246, 243); font-weight: 900;}
.app-notification strong{display: block; font-size: 13px;}
.app-notification span{display: block; margin-top: 3px; font-size: 12px; line-height: 1.4;}
.app-notification button{border: 0px; background: transparent; cursor: pointer; font-size: 18px;}
.modal-box{max-height: calc(-34px + 100vh);}
#orderActionsPopover{z-index: 2000000 !important;}
#appNotifications{z-index: 2147483000 !important;}
#financeRows tr[data-finance-origin]{cursor: pointer; transition: background 0.15s, box-shadow 0.15s;}
#financeRows tr[data-finance-origin]:hover, #financeRows tr[data-finance-origin]:focus{background: rgb(234, 247, 255); box-shadow: rgb(22, 166, 223) 4px 0px inset; outline: none;}
#financeRows .cash-origin-hint{display: block; margin-top: 4px; font-weight: 800;}
.os-payment-center{max-width: 980px;}
.os-payment-dashboard{display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-bottom: 13px;}
.os-payment-dashboard article{padding: 15px; border: 1px solid rgb(217, 228, 236); border-radius: 13px; background: rgb(248, 250, 252);}
.os-payment-dashboard small{display: block; font-weight: 900; text-transform: uppercase;}
.os-payment-dashboard strong{display: block; margin-top: 6px; font-size: 21px;}
.os-payment-dashboard .balance{background: rgb(16, 42, 71);}
.os-payment-alert{padding: 11px 13px; margin-bottom: 14px; border-radius: 10px; font-weight: 700;}
.os-payment-alert.warning{background: rgb(255, 247, 230);}
.os-payment-alert.ok{background: rgb(236, 253, 245);}
.os-payment-status{display: inline-block; padding: 4px 8px; border-radius: 999px; background: rgb(238, 242, 246); font-weight: 900;}
.os-payment-status.recebido{background: rgb(220, 252, 231);}
.os-payment-status.pendente, .os-payment-status.parcial{background: rgb(255, 241, 204);}
@media (max-width: 700px) {
.os-payment-dashboard{grid-template-columns: 1fr 1fr;}
}
.employee-private-note{margin: 12px 0px; padding: 10px 12px; border-radius: 10px; background: rgb(255, 247, 230); font-size: 12px; font-weight: 700;}
body.role-limited #employeesBtn{display: none !important;}
@media (max-width: 700px) {
#employeesModal .metrics{grid-template-columns: 1fr;}
}
#teamModal .simple-form{grid-template-columns: minmax(230px, 1.4fr) minmax(220px, 1fr) minmax(160px, 0.7fr) minmax(150px, 0.6fr) auto;}
.linked-employee{display: inline-block; margin-top: 4px; font-weight: 800;}
@media (max-width: 1050px) {
#teamModal .simple-form{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 650px) {
#teamModal .simple-form{grid-template-columns: 1fr;}
}
.team-guide{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px;}
.team-guide div{padding: 13px; border: 1px solid rgb(217, 229, 237); border-radius: 12px; background: rgb(248, 250, 252);}
.team-guide b, .team-guide span{display: block;}
.team-guide span{margin-top: 4px;}
.team-access-cards{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin: 14px 0px 20px;}
.team-access-card{padding: 15px; border: 1px solid rgb(216, 227, 235); border-radius: 14px; background: rgb(255, 255, 255);}
.team-access-main{display: flex; align-items: center; gap: 10px;}
.team-access-main small{display: block; margin-top: 3px;}
.team-avatar{width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgb(229, 247, 241); font-size: 18px; font-weight: 900;}
.team-access-meta, .team-access-actions{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px;}
.team-access-meta > span:last-child{font-weight: 800;}
.access-state{padding: 4px 8px; border-radius: 999px; font-weight: 900;}
.access-state.active{background: rgb(220, 252, 231);}
.access-state.suspended{background: rgb(254, 226, 226);}
.access-state.pending{background: rgb(254, 243, 199);}
.access-state.none{background: rgb(238, 242, 246);}
.team-access-panel{display: none; margin: 18px 0px; padding: 18px; border: 1px solid rgb(159, 213, 197); border-radius: 15px; background: rgb(247, 252, 250);}
.team-access-panel.open{display: block;}
.team-access-panel-head{display: flex; justify-content: space-between; margin-bottom: 14px;}
.team-access-panel-head h3{margin: 0px;}
.team-permission-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.team-permission-grid label{display: flex; align-items: center; gap: 7px; padding: 9px; border: 1px solid rgb(217, 228, 235); border-radius: 9px; background: rgb(255, 255, 255); font-weight: 700;}
.team-permission-grid input{width: auto;}
@media (max-width: 760px) {
.team-guide, .team-permission-grid{grid-template-columns: 1fr;}
.team-access-actions{align-items: stretch; flex-direction: column;}
.team-access-actions button{width: 100%;}
}
.team-access-actions{flex-wrap: wrap;}
.team-access-actions [data-configure-access]{flex: 1 1 130px;}
.team-access-actions [data-resend-invite], .team-access-actions [data-copy-invite]{flex: 1 1 115px;}
.audit-filters{display: grid; grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(135px, 0.7fr)); gap: 9px; margin: 14px 0px;}
.audit-filters .btn{box-shadow: none;}
body.role-limited #auditBtn{display: none !important;}
@media (max-width: 1000px) {
.audit-filters{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px) {
.audit-filters{grid-template-columns: 1fr;}
}
.account-bar{flex-direction: column; align-items: stretch !important;}
.profile-nav-button{display: flex !important; align-items: center !important; gap: 8px !important;}
.profile-nav-avatar{width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: rgb(14, 165, 233);}
.user-profile-box{width: min(720px, 100%);}
.user-profile-head{display: flex; align-items: center; gap: 16px; padding: 22px; background: linear-gradient(135deg, rgb(238, 250, 246), rgb(238, 247, 255));}
.user-profile-head h2, .user-profile-head p{margin: 0px;}
.user-profile-head p{margin: 3px 0px 7px;}
.user-profile-avatar{width: 70px; height: 70px; display: grid; place-items: center; border-radius: 20px; background: rgb(7, 139, 107); font-size: 30px; font-weight: 900;}
.user-profile-details{display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding: 20px 22px;}
.user-profile-details > div{padding: 13px; border: 1px solid rgb(219, 229, 236); border-radius: 11px; background: rgb(248, 250, 252);}
.user-profile-details small, .user-profile-details b{display: block;}
.user-profile-details small{font-weight: 900; text-transform: uppercase;}
.user-profile-permissions{padding: 0px 22px 20px;}
.user-profile-permissions h3, .profile-password-panel h3{font-size: 14px;}
.user-profile-permissions > div{display: flex; flex-wrap: wrap; gap: 7px;}
.user-profile-permissions span{padding: 6px 9px; border-radius: 999px; background: rgb(233, 247, 242); font-weight: 800;}
.profile-password-panel{display: none; margin: 0px 22px 20px; padding: 16px; border: 1px solid rgb(184, 219, 207); border-radius: 13px; background: rgb(245, 251, 249);}
.profile-password-panel.open{display: block;}
.profile-password-panel .btn{margin-top: 12px;}
@media (max-width: 600px) {
.user-profile-details, .profile-password-panel .fields{grid-template-columns: 1fr;}
}
.part-purchase-filters{margin: 18px 0px; padding: 16px; border: 1px solid rgb(216, 228, 236); border-radius: 15px; background: rgb(248, 250, 252);}
.part-filter-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px;}
.part-filter-heading h3{margin: 0px !important;}
.part-filter-heading span{font-size: 12px;}
.part-status-filters{display: grid; gap: 8px;}
.part-status-filters button{display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 10px; border: 1px solid rgb(216, 227, 235); border-radius: 10px; background: rgb(255, 255, 255); font-weight: 800; cursor: pointer;}
.part-status-filters button strong{min-width: 24px; padding: 2px 6px; border-radius: 999px; background: rgb(237, 242, 246);}
.part-status-filters button.active{border-color: rgb(7, 154, 119); background: rgb(234, 248, 243); box-shadow: rgb(188, 231, 217) 0px 0px 0px 2px;}
.part-period-line{display: flex; align-items: center; gap: 9px; margin-top: 12px;}
.part-period-line label{font-weight: 900; text-transform: uppercase;}
.part-period-line select{max-width: 220px;}
.part-period-line #partPurchaseCustomDates{display: none; align-items: center; gap: 7px;}
.part-period-line #partPurchaseCustomDates.open{display: flex;}
.part-period-line input{max-width: 165px;}
@media (max-width: 1050px) {
.part-status-filters{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 650px) {
.part-filter-heading, .part-period-line{align-items: stretch; flex-direction: column;}
.part-status-filters{grid-template-columns: 1fr 1fr;}
.part-period-line select{max-width: none;}
.part-period-line #partPurchaseCustomDates.open{display: grid; grid-template-columns: 1fr;}
.part-period-line input{max-width: none;}
}
.part-status-filters{grid-template-columns: repeat(8, minmax(105px, 1fr));}
.part-workflow-stage{display: inline-block; margin-top: 5px; padding: 4px 8px; border-radius: 999px; font-weight: 900;}
.stage-open{background: rgb(241, 245, 249);}
.stage-requested{background: rgb(254, 243, 199);}
.stage-transport{background: rgb(219, 234, 254);}
.stage-received{background: rgb(220, 252, 231);}
.stage-testing{background: rgb(237, 233, 254);}
.stage-finished{background: rgb(204, 251, 241);}
.stage-stocked{background: rgb(224, 242, 254);}
@media (max-width: 1150px) {
.part-status-filters{grid-template-columns: repeat(4, 1fr);}
}
#syncGuard{position: fixed; inset: 0px; z-index: 2147483646; background: rgba(13, 35, 59, 0.6); display: grid; place-items: center; padding: 24px;}
#syncGuard[hidden]{display: none;}
#syncGuard section{max-width: 560px; background: white; border-radius: 16px; padding: 28px; box-shadow: rgba(0, 0, 0, 0.267) 0px 18px 60px;}
#syncGuard p{line-height: 1.6;}
#syncGuard section > div{display: flex; gap: 8px; flex-wrap: wrap;}
#budgetId, td, .number b{overflow-wrap: anywhere;}
.order-device-change-controls{display: flex; align-items: center; gap: 9px; margin-top: 7px;}
.order-device-change-controls small{line-height: 1.3;}
.order-device-change-controls .btn{white-space: nowrap;}
#editOrderDevice[readonly]{background: rgb(244, 246, 248); cursor: not-allowed;}
@media (max-width: 620px) {
.order-device-change-controls{align-items: flex-start; flex-direction: column;}
}
.nav #marketingBtn::after{content: "▾"; float: right;}
.nav #marketingBtn[aria-expanded="true"]::after{content: "▴";}
.promo-metrics{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px;}
.promo-metrics > div{padding: 14px; border: 1px solid rgb(223, 230, 238); background: rgb(248, 250, 252);}
.promo-metrics small{display: block;}
.promo-metrics strong{font-size: 24px;}
.promo-toolbar{display: grid; grid-template-columns: minmax(240px, 1fr) 190px auto;}
.promo-editor{width: min(820px, 94vw);}
.promo-form{display: grid; grid-template-columns: 1fr 1fr; gap: 13px; padding: 20px;}
.promo-form label{font-weight: 800;}
.promo-form input, .promo-form select, .promo-form textarea{margin-top: 6px;}
.promo-form .wide{grid-column: 1 / -1;}
.promo-status{display: inline-flex; padding: 5px 8px; border-radius: 5px; font-weight: 900;}
.promo-active{background: rgb(220, 252, 231);}
.promo-scheduled{background: rgb(219, 234, 254);}
.promo-finished{background: rgb(226, 232, 240);}
.promo-paused{background: rgb(255, 237, 213);}
@media (max-width: 700px) {
.promo-metrics{grid-template-columns: 1fr 1fr;}
.promo-toolbar, .promo-form{grid-template-columns: 1fr;}
.promo-form .wide{grid-column: 1;}
}
.crm-box{max-width: none !important;}
.crm-layout{display: grid; grid-template-columns: 320px minmax(420px, 1fr) 270px; min-height: calc(-125px + 100vh);}
.crm-inbox, .crm-chat, .crm-contact{min-width: 0px;}
.crm-inbox{border-right: 1px solid rgb(226, 232, 240); background: rgb(248, 250, 252);}
.crm-inbox-head, .crm-chat-head{display: flex; justify-content: space-between; gap: 10px; padding: 16px; border-bottom: 1px solid rgb(226, 232, 240);}
.crm-inbox-head span, .crm-chat-head span{display: block; margin-top: 3px;}
.crm-filters{display: grid; gap: 8px; padding: 12px;}
.crm-conversation-list{overflow: auto; max-height: calc(-285px + 100vh);}
.crm-conversation{width: 100%; display: grid; grid-template-columns: 42px minmax(0px, 1fr) auto; gap: 10px; padding: 12px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: none; background: transparent; text-align: left; cursor: pointer;}
.crm-conversation:hover, .crm-conversation.active{background: rgb(232, 243, 251);}
.crm-avatar{display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgb(15, 118, 110); font-weight: 900;}
.crm-conversation b, .crm-conversation span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.crm-stage{align-self: start; padding: 4px 6px; background: rgb(226, 232, 240); font-weight: 900;}
.crm-chat{display: flex; flex-direction: column; background: rgb(238, 242, 245);}
.crm-messages{flex: 1 1 0%; min-height: 380px; max-height: calc(-315px + 100vh); overflow: auto; padding: 20px;}
.crm-message{max-width: 76%; margin: 8px 0px; padding: 10px 12px; background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.08) 0px 2px 5px;}
.crm-message.out{margin-left: auto; background: rgb(220, 252, 231);}
.crm-message small{display: block; margin-top: 5px; text-align: right;}
.crm-compose{padding: 14px; border-top: 1px solid rgb(213, 221, 229); background: rgb(255, 255, 255);}
.crm-compose textarea{resize: none;}
.crm-compose > div{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px;}
.crm-contact{padding: 18px; border-left: 1px solid rgb(226, 232, 240);}
.crm-contact h3{margin-top: 0px;}
.crm-contact dl{display: grid; gap: 12px;}
.crm-contact dt{font-weight: 900;}
.crm-contact dd{margin: 3px 0px 0px;}
.crm-setup-box{width: min(680px, 94vw);}
.crm-setup{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 20px;}
.crm-setup .config-note{grid-column: 1 / -1;}
.crm-setup label{font-weight: 800;}
.crm-setup input, .crm-setup select{margin-top: 6px;}
@media (max-width: 1050px) {
.crm-layout{grid-template-columns: 300px 1fr;}
.crm-contact{display: none;}
}
@media (max-width: 700px) {
.crm-layout{grid-template-columns: 1fr;}
.crm-inbox{border: 0px;}
.crm-chat{display: none;}
.crm-layout.chat-open .crm-inbox{display: none;}
.crm-layout.chat-open .crm-chat{display: flex;}
.crm-setup{grid-template-columns: 1fr;}
.crm-setup .config-note{grid-column: 1;}
}
.crm-local-qr{grid-column: 1 / -1; display: grid; gap: 12px; padding: 16px; border: 1px solid rgb(217, 229, 206); background: rgb(247, 250, 241); border-radius: 8px;}
.crm-local-qr > div > span{display: block; margin-top: 5px; font-size: 12px; line-height: 1.6;}
.crm-local-actions{display: flex; gap: 8px; flex-wrap: wrap;}
.crm-local-status{padding: 11px 13px; background: rgb(255, 255, 255); font-size: 12px; line-height: 1.6; border: 1px solid rgb(225, 232, 219); border-radius: 6px;}
.crm-local-qr img{width: 280px; max-width: 100%; margin: 4px auto; background: rgb(255, 255, 255);}
.crm-local-qr small{text-align: center;}
.crm-local-status.ready{background: rgb(237, 245, 224);}
.crm-local-status.error{background: rgb(255, 241, 229);}
.crm-local-qr details{font-size: 12px; line-height: 1.65;}
.crm-local-qr summary{cursor: pointer;}
.crm-inbox-head{flex-wrap: wrap;}
.crm-inbox-head > div{flex: 1 1 0%; min-width: 130px;}
@media (max-width: 600px) {
.crm-local-actions .btn{flex: 1 1 0%; white-space: normal; min-width: 110px;}
}
.crm-layout[hidden], .crm-automation-panel[hidden]{display: none !important;}
.crm-automation-nav{padding-left: 34px !important;}
.crm-module-tabs{display: flex; gap: 4px; padding: 10px 16px 0px; border-bottom: 1px solid rgb(220, 229, 236); background: rgb(255, 255, 255);}
.crm-module-tabs .config-tab{padding: 10px 14px;}
.crm-automation-panel{padding: 22px; background: rgb(245, 248, 250); min-height: calc(-180px + 100vh);}
.crm-automation-head{display: flex; justify-content: space-between; gap: 20px; align-items: start; margin-bottom: 18px;}
.crm-automation-head span:first-child{font-weight: 900; letter-spacing: 0.12em;}
.crm-automation-head h2{margin: 5px 0px 4px;}
.crm-automation-head p{margin: 0px;}
.crm-automation-state{padding: 7px 11px; background: rgb(254, 226, 226); font-weight: 900;}
.crm-automation-state.on{background: rgb(220, 252, 231);}
.crm-automation-grid{display: grid; grid-template-columns: minmax(420px, 1.1fr) minmax(340px, 0.9fr); gap: 16px;}
.crm-automation-card{padding: 18px; border: 1px solid rgb(220, 229, 236); background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.05) 0px 8px 24px;}
.crm-automation-card > label{display: block; margin-bottom: 15px; font-weight: 900;}
.crm-automation-card label input, .crm-automation-card label select, .crm-automation-card label textarea{margin-top: 7px;}
.crm-switch-row{justify-content: space-between; gap: 18px; align-items: center; padding: 12px; border: 1px solid rgb(226, 232, 240); background: rgb(248, 250, 252); display: flex !important;}
.crm-switch-row span{display: block;}
.crm-switch-row small, .crm-automation-card .section-actions small{display: block; margin-top: 3px; font-weight: 500;}
.crm-switch-row input{height: 18px; width: 18px !important; margin: 0px !important;}
.crm-template-help{padding: 10px; background: rgb(238, 246, 245);}
.crm-template-help code{display: inline-block; margin: 2px; padding: 2px 5px; background: rgb(255, 255, 255);}
.crm-automation-log{margin-top: 12px; max-height: 540px; overflow: auto;}
.crm-log-row{padding: 11px 0px; border-bottom: 1px solid rgb(229, 234, 240);}
.crm-log-row b, .crm-log-row span{display: block;}
.crm-log-status{padding: 3px 7px; background: rgb(238, 242, 246); font-weight: 900; float: right !important;}
.crm-log-status.sent{background: rgb(220, 252, 231);}
.crm-log-status.failed{background: rgb(254, 226, 226);}
.crm-log-status.pending{background: rgb(254, 243, 199);}
@media (max-width: 850px) {
.crm-automation-grid{grid-template-columns: 1fr;}
.crm-automation-panel{padding: 14px;}
.crm-automation-head{display: block;}
.crm-automation-state{display: inline-block; margin-top: 10px;}
}
.order-whatsapp-box{width: min(660px, 94vw);}
.order-whatsapp-box .management-body{display: grid; gap: 15px;}
.order-whatsapp-box label{font-weight: 900;}
.order-whatsapp-box input, .order-whatsapp-box textarea{margin-top: 6px;}
.order-whatsapp-pdf{align-items: center; justify-content: space-between; gap: 18px; padding: 13px; border: 1px solid rgb(219, 229, 236); background: rgb(248, 250, 252); display: flex !important;}
.order-whatsapp-pdf span, .order-whatsapp-pdf small{display: block;}
.order-whatsapp-pdf small{margin-top: 3px; font-weight: 500;}
.order-whatsapp-pdf input{height: 18px; width: 18px !important; margin: 0px !important;}
.order-group-devices{display: grid; gap: 3px;}
.order-group-devices span{display: flex; gap: 6px; align-items: center;}
.order-group-statuses{display: flex; flex-wrap: wrap; gap: 4px;}
.order-group-statuses span{padding: 4px 7px; border: 1px solid rgb(215, 226, 234); background: rgb(248, 250, 252); font-weight: 800;}
.order-group-modal{width: min(940px, 94vw);}
.order-group-list{display: grid; gap: 10px; margin-top: 14px;}
.order-group-item{display: grid; grid-template-columns: minmax(150px, 1fr) minmax(190px, 1.3fr) minmax(130px, 0.8fr) auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid rgb(216, 226, 233); background: rgb(255, 255, 255);}
.order-group-item h4, .order-group-item p{margin: 0px;}
.order-group-item small{display: block; margin-top: 3px;}
.order-group-item .values{text-align: right;}
.order-group-item .values strong{display: block;}
.order-group-open{cursor: pointer;}
.order-group-open:hover td{background: rgb(243, 250, 247);}
@media (max-width: 720px) {
.order-group-item{grid-template-columns: 1fr;}
.order-group-item .values{text-align: left;}
.order-group-item .btn{width: 100%;}
}

.pricing-shell{display: grid; gap: 14px;}
.pricing-head{padding: 18px; background: linear-gradient(135deg, rgb(16, 41, 66), rgb(21, 85, 107)); border-radius: 8px;}
.pricing-head h2{margin: 0px;}
.pricing-head p{margin: 6px 0px 0px;}
.pricing-tabs{display: flex; gap: 7px; flex-wrap: wrap;}
.pricing-tabs button{padding: 9px 13px; border: 1px solid rgb(204, 217, 226); border-radius: 6px; background: rgb(255, 255, 255); font-weight: 800;}
.pricing-tabs button.active{background: rgb(8, 119, 93);}
.pricing-panel{border: 1px solid rgb(216, 227, 234); background: rgb(255, 255, 255); padding: 16px;}
.pricing-panel-head{display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 12px;}
.pricing-panel-head h3{margin: 0px;}
.pricing-panel-head p{margin: 4px 0px; font-size: 12px;}
.pricing-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px;}
.pricing-grid label{font-weight: 800;}
.pricing-grid input, .pricing-grid select{margin-top: 4px;}
.pricing-section-title{margin: 18px 0px 8px;}
.pricing-summary{display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 14px;}
.pricing-summary div{border: 1px solid rgb(220, 230, 236); background: rgb(247, 250, 251); padding: 11px;}
.pricing-summary span{display: block; font-weight: 800; text-transform: uppercase;}
.pricing-summary strong{display: block; margin-top: 5px; font-size: 17px;}
.pricing-note{padding: 10px; background: rgb(255, 248, 232); border: 1px solid rgb(239, 212, 143); font-size: 12px;}
.pricing-note.ok{background: rgb(238, 249, 245); border-color: rgb(166, 218, 200);}
.pricing-save{display: flex; justify-content: flex-end; margin-top: 14px;}
.pricing-table{width: 100%; border-collapse: collapse;}
.pricing-table th, .pricing-table td{padding: 8px; border-bottom: 1px solid rgb(230, 237, 242); text-align: left;}
.pricing-table th{background: rgb(244, 247, 249);}
.pricing-table input{min-width: 78px;}
.pricing-range{display: grid; grid-template-columns: repeat(4, minmax(88px, 1fr)); gap: 4px;}
.pricing-range div{padding: 6px; border-left: 3px solid rgb(148, 163, 184); background: rgb(248, 250, 252);}
.pricing-range div:nth-child(1){border-color: rgb(220, 38, 38);}
.pricing-range div:nth-child(2){border-color: rgb(214, 158, 46);}
.pricing-range div:nth-child(3){border-color: rgb(5, 150, 105);}
.pricing-range div:nth-child(4){border-color: rgb(37, 99, 235);}
.pricing-range small{display: block;}
.pricing-actions, .auto-price-tools{display: flex; gap: 5px; align-items: center; flex-wrap: wrap;}
.pricing-action, .auto-price-button{padding: 6px 8px; border: 1px solid rgb(173, 194, 207); border-radius: 6px; background: rgb(255, 255, 255); font-weight: 800;}
.pricing-rule-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px;}
.pricing-rule-card{padding: 12px; border: 1px solid rgb(220, 230, 236); background: rgb(250, 252, 253);}
body.role-limited #pricingCenterBtn{display: none !important;}
@media (max-width: 900px) {
.pricing-grid, .pricing-summary{grid-template-columns: 1fr 1fr;}
.pricing-panel{overflow: auto;}
}
@media (max-width: 560px) {
.pricing-grid, .pricing-summary, .pricing-rule-grid{grid-template-columns: 1fr;}
.pricing-tabs{display: grid;}
.pricing-table{min-width: 1050px;}
}
.pricing-observed{display: grid; gap: 9px; margin: 12px 0px; padding: 14px; border: 1px solid rgb(159, 213, 197); background: rgb(238, 249, 245);}
.pricing-observed > span{font-size: 12px;}
.pricing-observed > div{display: flex; gap: 7px; flex-wrap: wrap;}
.pricing-observed > div > span{padding: 6px 8px; background: rgb(255, 255, 255); border: 1px solid rgb(201, 230, 220);}
.pricing-observed > div b{margin-left: 4px;}
#financialIntelligence{margin-bottom: 18px;}
.fi-head{display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 20px; background: linear-gradient(135deg, rgb(13, 38, 61), rgb(13, 91, 97));}
.fi-head h2{margin: 3px 0px; font-size: 22px;}
.fi-head p{margin: 0px;}
.fi-kicker{font-weight: 900; text-transform: uppercase; letter-spacing: 0.14em;}
.fi-confidence{min-width: 145px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08);}
.fi-confidence small, .fi-confidence span, .fi-confidence b{display: block;}
.fi-confidence b{font-size: 22px;}
.fi-metrics{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 12px 0px;}
.fi-metric{min-width: 0px; padding: 13px; border: 1px solid rgb(219, 229, 235); background: rgb(255, 255, 255);}
.fi-metric small, .fi-metric span{display: block;}
.fi-metric small{font-weight: 900; text-transform: uppercase;}
.fi-metric strong{display: block; margin: 5px 0px; font-size: 20px;}
.fi-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.fi-columns article{padding: 16px; border: 1px solid rgb(219, 229, 235); background: rgb(255, 255, 255);}
.fi-columns h3{display: flex; justify-content: space-between; margin: 0px 0px 10px; font-size: 14px;}
.fi-columns h3 span{text-transform: uppercase;}
.fi-row{display: flex; justify-content: space-between; gap: 10px; padding: 7px 0px; border-bottom: 1px solid rgb(237, 241, 244);}
.fi-row.total{margin-top: 3px; border-top: 1px solid rgb(184, 200, 210); font-weight: 900;}
.fi-source{display: block; margin: 4px 0px 8px;}
.fi-explain{margin-top: 12px; padding: 10px; background: rgb(238, 248, 245);}
.fi-explain p{margin: 4px 0px 0px;}
.fi-alerts{display: grid; gap: 6px; margin-top: 10px;}
.fi-alerts div{padding: 9px 11px; border-left: 4px solid rgb(148, 163, 184); background: rgb(248, 250, 252); font-size: 12px;}
.fi-alerts .critical{border-color: rgb(220, 38, 38); background: rgb(254, 242, 242);}
.fi-alerts .warning{border-color: rgb(214, 158, 46); background: rgb(255, 248, 232);}
.fi-alerts .info{border-color: rgb(37, 99, 235); background: rgb(239, 246, 255);}
.fi-alerts .ok{border-color: rgb(5, 150, 105); background: rgb(236, 253, 245);}
@media (max-width: 850px) {
.fi-metrics{grid-template-columns: 1fr 1fr;}
.fi-columns{grid-template-columns: 1fr;}
}
@media (max-width: 520px) {
.fi-head{align-items: flex-start; flex-direction: column;}
.fi-confidence{width: 100%;}
.fi-metrics{grid-template-columns: 1fr;}
}
.order-cancel-button{border: 1px solid rgb(254, 202, 202) !important; background: rgb(255, 255, 255) !important;}
.order-cancel-button:disabled{opacity: 0.45;}
.order-refund-button{font-weight: 800; border: 1px solid rgb(253, 186, 116) !important; background: rgb(255, 247, 237) !important;}
.client-refund-history{margin-bottom: 10px; border-top: 2px solid rgb(253, 186, 116);}
.client-refund-history > div{padding: 10px 0px; border-bottom: 1px solid rgb(229, 231, 235);}
.cancelled-part-actions{display: grid; gap: 5px; margin-top: 7px; min-width: 155px;}
.cancelled-part-warning{display: block; padding: 6px; border: 1px solid rgb(254, 215, 170); background: rgb(255, 247, 237); font-weight: 800; line-height: 1.35;}
.supplier-history-tools{display: flex; justify-content: flex-end; margin-bottom: 12px;}
.supplier-history-tools label{min-width: 280px; font-weight: 900;}
.supplier-history-tools select{margin-top: 5px;}
.supplier-history-summary{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px;}
.supplier-history-summary div{padding: 12px; border: 1px solid rgb(220, 229, 235); background: rgb(248, 250, 252);}
.supplier-history-summary small, .supplier-history-summary b{display: block;}
.supplier-history-summary small{text-transform: uppercase;}
.supplier-history-summary b{font-size: 18px; margin-top: 3px;}
.supplier-credit-title{margin: 18px 0px 8px;}
.supplier-credit-button{margin-right: 5px;}
.supplier-credit-finance-metric{font: inherit; text-align: left; cursor: pointer; width: auto;}
.supplier-credit-finance-metric span{display: block; margin-top: 5px; font-weight: 800;}
@media (max-width: 650px) {
.supplier-history-summary{grid-template-columns: 1fr 1fr;}
.supplier-history-tools label{min-width: 0px; width: 100%;}
}
.purchase-credit-explanation{margin: -6px 0px 14px; padding: 11px 13px; border: 1px solid rgb(186, 230, 210); background: rgb(239, 250, 245); font-size: 12px; line-height: 1.5;}
.supplier-credit-purchase-line{margin-top: 5px; padding-top: 5px; border-top: 1px dashed rgb(203, 213, 225);}
.warranty-analysis-banner{display: flex; align-items: center; gap: 12px; margin: 0px 0px 12px; padding: 11px 13px; border: 1px solid rgb(196, 181, 253); background: rgb(245, 243, 255);}
.warranty-analysis-banner b{white-space: nowrap;}
.warranty-analysis-row{box-shadow: rgb(124, 58, 237) 4px 0px inset;}
.warranty-analysis-row .status-pill{background: rgb(237, 233, 254) !important;}
.warranty-defect-row{box-shadow: rgb(220, 38, 38) 4px 0px inset;}
.warranty-defect-status{background: rgb(254, 226, 226) !important; border-color: rgb(254, 202, 202) !important;}
.employee-roles-box{max-width: 880px;}
.employee-role-guide{margin-bottom: 16px; padding: 12px 14px; border-left: 4px solid rgb(11, 143, 112); background: rgb(239, 250, 246);}
#employeesModal .section-actions{flex-wrap: wrap;}
#employeesModal #employeeSearch{flex: 1 1 280px;}
.employee-role-select-empty{margin-top: 5px; display: block;}
.payable-locked-status{display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid transparent; border-radius: 999px; font-weight: 900; white-space: nowrap; cursor: default;}
.payable-locked-status.pending{background: rgb(255, 247, 230); border-color: rgb(247, 217, 155);}
.payable-locked-status.overdue{background: rgb(255, 240, 240); border-color: rgb(241, 182, 182);}
.payable-locked-status.paid{background: rgb(234, 249, 242); border-color: rgb(169, 223, 199);}
.payable-locked-status.cancelled{background: rgb(238, 242, 246); border-color: rgb(211, 220, 228);}
.purchase-accounting-category{min-width: 240px;}
.purchase-accounting-category small{display: block; margin-top: 5px; line-height: 1.35;}
.purchase-category-badge{display: inline-block; margin-top: 5px; padding: 4px 7px; border-radius: 999px; background: rgb(234, 247, 242); font-weight: 900;}
.purchase-accounting-category select{border-color: rgb(155, 207, 190);}
.part-history-box{max-width: 1250px;}
.part-history-filters{display: grid; grid-template-columns: 1fr minmax(210px, 0.35fr); gap: 10px; margin-bottom: 14px;}
.part-trace-status{display: inline-block; padding: 5px 8px; border-radius: 999px; background: rgb(234, 247, 242); font-weight: 900;}
@media (max-width: 650px) {
.part-history-filters{grid-template-columns: 1fr;}
}
.order-protected-status{display: inline-flex; align-items: center; padding: 6px 9px; border-radius: 999px; background: rgb(238, 242, 246); font-weight: 900; white-space: nowrap;}
.order-protected-status.waiting{background: rgb(255, 247, 230);}
.order-protected-status.working{background: rgb(233, 242, 255);}
.order-protected-status.ready{background: rgb(234, 249, 242);}
.order-protected-status.finished{background: rgb(220, 252, 231);}
.order-protected-status.cancelled{background: rgb(254, 226, 226);}
.order-protected-status.editor{display: flex; align-items: flex-start; flex-direction: column; border-radius: 9px; padding: 10px 12px;}
.order-protected-status.editor b{font-size: 12px;}
.order-protected-status.editor small{margin-top: 2px; font-weight: 600; opacity: 0.8;}
.payroll-preview{display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border-left: 4px solid rgb(11, 143, 112); background: rgb(239, 250, 246);}
.danger-outline{border-color: rgb(227, 166, 166) !important;}
.dialog-check-grid:empty::after{content: "Nenhuma conta aberta vinculada"; font-size: 12px;}
@media (max-width: 650px) {
.payroll-preview{align-items: flex-start; flex-direction: column;}
}
.payable-period-filters{display: flex; align-items: end; gap: 9px; margin: 10px 0px 14px; padding: 10px 12px; border: 1px solid rgb(216, 227, 235); background: rgb(248, 250, 252);}
.payable-period-filters label{display: grid; gap: 4px; margin: 0px;}
.payable-period-filters label > span{font-weight: 900; text-transform: uppercase; letter-spacing: 0.04em;}
.payable-period-filters select, .payable-period-filters input{min-height: 36px;}
.payable-period-filters #payableCustomPeriod{display: flex; align-items: end; gap: 9px;}
.payable-period-filters [hidden]{display: none !important;}
@media (max-width: 700px) {
.payable-period-filters, .payable-period-filters #payableCustomPeriod{align-items: stretch; flex-direction: column;}
.payable-period-filters select, .payable-period-filters input{width: 100%;}
}
.recurrence-preview{display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border-left: 4px solid rgb(11, 143, 112); background: rgb(239, 250, 246);}
.recurring-payables-box{max-width: 1050px;}
@media (max-width: 650px) {
.recurrence-preview{align-items: flex-start; flex-direction: column;}
}
.payable-edit-button{margin-top: 6px;}
.payable-category-tag{display: inline-flex; padding: 5px 8px; border: 1px solid rgb(216, 227, 235); background: rgb(244, 247, 249); font-weight: 800; white-space: nowrap;}
.purchase-smart-search{position: relative; z-index: 8; min-width: 0px;}
.purchase-product-native-field{display: none !important;}
.purchase-product-suggestions{position: absolute; top: calc(100% - 17px); left: 0px; right: 0px; z-index: 130; max-height: 330px; overflow: auto; background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 225); box-shadow: rgba(15, 23, 42, 0.18) 0px 16px 38px;}
.purchase-product-suggestion{width: 100%; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 12px; padding: 11px 13px; text-align: left; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(226, 232, 240); border-image: none; background: rgb(255, 255, 255); cursor: pointer;}
.purchase-product-suggestion:last-child{border-bottom: 0px;}
.purchase-product-suggestion:hover, .purchase-product-suggestion.is-active{background: rgb(239, 246, 255);}
.purchase-product-suggestion strong{display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.purchase-product-meta{display: block; margin-top: 3px;}
.purchase-stock-badge{align-self: center; white-space: nowrap; padding: 5px 8px; font-weight: 800; border-radius: 5px;}
.purchase-stock-ok{background: rgb(220, 252, 231);}
.purchase-stock-empty{background: rgb(255, 237, 213);}
.purchase-stock-inactive{background: rgb(226, 232, 240);}
.purchase-product-empty{padding: 14px; font-size: 12px;}
.purchase-product-selected{margin-top: 7px; padding: 8px 10px; border-left: 3px solid rgb(37, 99, 235); background: rgb(248, 250, 252); font-size: 12px;}
.purchase-grid.purchase-smart.purchase-fields-organized{display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 14px 10px; align-items: start; padding-top: 14px;}
.purchase-fields-organized > div{min-width: 0px;}
.purchase-fields-organized input, .purchase-fields-organized select{width: 100%; height: 42px;}
.purchase-fields-organized .purchase-field-supplier{grid-area: 1 / 1 / auto / 5;}
.purchase-fields-organized .purchase-field-category{grid-area: 1 / 5 / auto / 13;}
.purchase-fields-organized .purchase-smart-search{grid-area: 2 / 1 / auto / 6;}
.purchase-fields-organized .purchase-field-quantity{grid-area: 2 / 6 / auto / 7;}
.purchase-fields-organized .purchase-field-cost{grid-area: 2 / 7 / auto / 9;}
.purchase-fields-organized .purchase-field-destination{grid-area: 2 / 9 / auto / 11;}
.purchase-fields-organized .purchase-field-add{grid-area: 2 / 11 / auto / 13; width: 100%; height: 42px; align-self: end; margin-top: 20px; justify-content: center;}
.purchase-fields-organized .purchase-accounting-category small{min-height: 14px;}
.purchase-fields-organized label{display: block; margin-bottom: 6px;}
.purchase-fields-organized .purchase-search-line{grid-template-columns: minmax(0px, 1fr) 44px;}
@media (max-width: 900px) {
.purchase-grid.purchase-smart.purchase-fields-organized{grid-template-columns: repeat(6, minmax(0px, 1fr));}
.purchase-fields-organized .purchase-field-supplier{grid-column: 1 / 3;}
.purchase-fields-organized .purchase-field-category{grid-column: 3 / 7;}
.purchase-fields-organized .purchase-smart-search{grid-area: 2 / 1 / auto / 7;}
.purchase-fields-organized .purchase-field-quantity{grid-area: 3 / 1 / auto / 2;}
.purchase-fields-organized .purchase-field-cost{grid-area: 3 / 2 / auto / 4;}
.purchase-fields-organized .purchase-field-destination{grid-area: 3 / 4 / auto / 7;}
.purchase-fields-organized .purchase-field-add{grid-area: 4 / 4 / auto / 7; margin-top: 0px;}
}
@media (max-width: 650px) {
.purchase-grid.purchase-smart.purchase-fields-organized{grid-template-columns: 1fr;}
.purchase-fields-organized .purchase-field-supplier, .purchase-fields-organized .purchase-field-category, .purchase-fields-organized .purchase-smart-search, .purchase-fields-organized .purchase-field-quantity, .purchase-fields-organized .purchase-field-cost, .purchase-fields-organized .purchase-field-destination, .purchase-fields-organized .purchase-field-add{grid-area: auto / 1;}
.purchase-fields-organized .purchase-field-add{margin-top: 0px;}
.purchase-product-suggestions{position: fixed; left: 12px; right: 12px; top: auto; max-height: 45vh;}
}
#purchaseItemsTotalFooter td{padding: 13px 10px; border-top: 2px solid rgb(203, 213, 225); background: rgb(248, 250, 252);}
#purchaseItemsTotalFooter td:first-child{text-align: right;}
#purchaseItemsTotalFooter span{display: block; font-size: 12px; font-weight: 900;}
#purchaseItemsTotalFooter small{display: block; margin-top: 2px;}
#purchaseItemsTotal{font-size: 17px; white-space: nowrap;}
#purchaseDemandModal{z-index: 210;}
.purchase-demand-box{width: min(1180px, 96vw);}
.purchase-demand-head-actions{display: flex; align-items: center; gap: 8px;}
.purchase-demand-controls{display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; gap: 10px; align-items: end; padding: 16px 20px;}
.purchase-demand-controls label{font-weight: 800;}
.purchase-demand-controls select{margin-top: 5px;}
.purchase-demand-explain{margin: 0px 20px 12px; padding: 10px 12px; border-left: 3px solid rgb(37, 99, 235); background: rgb(239, 246, 255); font-size: 12px;}
.purchase-demand-table-wrap{margin: 0px 20px; max-height: 48vh; overflow: auto;}
.purchase-demand-check{width: 18px; height: 18px;}
.purchase-demand-qty, .purchase-demand-cost{min-width: 82px; width: 100%; height: 36px;}
.purchase-demand-critical{font-weight: 900;}
.purchase-demand-ok{font-weight: 800;}
.purchase-demand-summary{display: flex; justify-content: flex-end; align-items: center; gap: 18px; padding: 14px 20px 0px;}
.purchase-demand-summary strong{font-size: 21px;}
@media (max-width: 760px) {
.purchase-demand-head-actions #openPurchaseDemand{font-size: 0px; padding: 8px;}
.purchase-demand-head-actions #openPurchaseDemand::after{content: "◫"; font-size: 18px;}
.purchase-demand-controls{grid-template-columns: 1fr 1fr;}
.purchase-demand-table-wrap{margin: 0px 12px;}
.purchase-demand-box{width: 100%;}
}
@media screen {
body{background-image: linear-gradient(135deg, var(--ui-alt), var(--ui-surface) 45%, var(--ui-alt)) !important;}
.logo{color: var(--ui-on-inverse) !important;}
.btn.primary{color: var(--ui-on-inverse) !important;}
.btn.whats{color: var(--ui-on-inverse) !important;}
.card{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
td{border-bottom-color: var(--ui-border) !important;}
td input{background-color: var(--ui-surface) !important;}
.remove{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important;}
.add{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
.hero-total{color: var(--ui-on-inverse) !important;}
.hero-total small{color: var(--ui-info-text) !important;}
.economy{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.gift{background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.fine{font-size: 12px !important;}
.modal{background-color: var(--ui-inverse) !important;}
.modal-box{background-color: var(--ui-surface) !important;}
.type-btn.active{color: var(--ui-on-inverse) !important;}
.config-tab.active{color: var(--ui-on-inverse) !important;}
.band-head{font-size: 12px !important;}
.band-row input{background-color: var(--ui-surface) !important;}
.config-note{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.discount-box{background-color: var(--ui-warning-bg) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.discount-box label{color: var(--ui-warning-text) !important;}
.metric{background-image: linear-gradient(145deg, var(--ui-surface), var(--ui-surface)) !important;}
.metric small{font-size: 12px !important;}
.status-select{background-color: var(--ui-surface) !important;}
.status-pill{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.quick-client .btn{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
.simple-form{background-color: var(--ui-surface) !important;}
.stock-form{background-color: var(--ui-surface) !important;}
.stock-form label{font-size: 12px !important;}
.low-stock{color: var(--ui-danger-text) !important;}
.stock-ok{color: var(--ui-success-text) !important;}
.reserved{color: var(--ui-purple-text) !important;}
.cloud-badge{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.cloud-badge.online{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.top .brand h1{color: var(--ui-on-inverse) !important;}
.top .brand .sub{color: var(--ui-info-text) !important;}
.nav-label{color: var(--ui-muted) !important; font-size: 12px !important;}
.top .cloud-badge{background-color: var(--ui-inverse) !important; color: var(--ui-info-text) !important;}
.top .cloud-badge.online{background-color: var(--ui-inverse) !important; color: var(--ui-success-text) !important;}
.top .account-bar .btn{color: var(--ui-danger-text) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.order-editor-tab{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.order-editor-tab.active{color: var(--ui-on-inverse) !important;}
.payment-summary-card > div{background-color: var(--ui-surface) !important;}
@media (max-width: 900px) {
.nav .btn{background-color: var(--ui-inverse) !important;}
}
.nav-submenu{border-left-color: var(--ui-info-line) !important;}
.nav .nav-submenu .btn{color: var(--ui-info-text) !important;}
.nav .nav-submenu .btn::before{color: var(--ui-info-text) !important;}
.nav #configBtn[aria-expanded="true"]{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
@media (max-width: 900px) {
.nav-submenu{background-color: var(--ui-inverse) !important; border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important;}
}
.product-photo-box{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; background-color: var(--ui-surface) !important;}
.product-photo-box img{background-color: var(--ui-surface) !important;}
.product-thumb{background-color: var(--ui-surface) !important;}



.nav #salesBtn[aria-expanded="true"]{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.alert-level{font-size: 12px !important;}
.alert-critical{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important;}
.alert-warning{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.alert-info{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
.alert-ok{color: var(--ui-success-text) !important;}
.nav-alert-count{background-color: var(--ui-danger-bg) !important; color: var(--ui-on-inverse) !important; font-size: 12px !important;}
.system-error-row{outline-color: var(--ui-danger-line) !important; background-color: var(--ui-surface) !important;}
.system-error-row td{background-color: var(--ui-surface) !important;}
.system-error-tag{background-color: var(--ui-danger-bg) !important; color: var(--ui-on-inverse) !important; font-size: 12px !important;}
.system-error-banner{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-danger-line) !important; background-color: var(--ui-surface) !important; color: var(--ui-danger-text) !important;}
.cash-panel{background-color: var(--ui-surface) !important;}
.cash-panel-title{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.cash-detail-list b{color: var(--ui-info-text) !important;}
.cash-status-open{color: var(--ui-success-text) !important;}
.cash-status-closed{color: var(--ui-info-text) !important;}
.cash-manual-row input{background-color: var(--ui-alt) !important;}
.cash-tabs .btn.active{color: var(--ui-on-inverse) !important;}
.receivable-filters{background-color: var(--ui-surface) !important;}
.receivable-filters label{font-size: 12px !important;}
.payment-toggle-grid label{background-color: var(--ui-surface) !important;}
.field-help{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.field-help::after{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.field-help::before{border-top-color: var(--ui-border) !important;}
.field-help:focus{outline-color: rgba(14, 165, 233, 0.25) !important;}
body{background-color: var(--ui-alt) !important;}
h1, h2, h3, h4, .page-heading h2, .modal-title b{color: var(--ui-text) !important;}
.sub{color: var(--ui-muted) !important;}
.top{background-image: linear-gradient(var(--ui-inverse) 0%, var(--ui-inverse) 100%) !important;}
.top .brand .sub{font-size: 12px !important;}
.nav .btn{color: var(--ui-muted) !important;}
.nav .btn:hover{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.nav .btn.primary, .nav .btn.nav-active{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.card, .module-page .modal-box{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.card-h{background-color: var(--ui-surface) !important;}
.module-page{background-color: var(--ui-alt) !important;}
.modal-box{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.modal-title{background-color: var(--ui-surface) !important;}
.modal-foot, .modal-actions{background-color: var(--ui-surface) !important;}
.btn{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.btn:hover{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.btn.primary{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; background-color: var(--ui-inverse) !important;}
.btn.primary:hover{background-color: var(--ui-inverse) !important;}
.btn.whats{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-inverse) !important;}
input, select, textarea{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
input::placeholder, textarea::placeholder{color: var(--ui-muted) !important;}
input:hover, select:hover, textarea:hover{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
input:focus, select:focus, textarea:focus{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important;}
.field label, .config-grid label, .stock-form label, .receivable-filters label{color: var(--ui-muted) !important; font-size: 12px !important;}
.type-btn.active, .config-tab.active, .order-editor-tab.active{background-color: var(--ui-inverse) !important; border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important;}
.metric{background-color: var(--ui-surface) !important;}
.history-wrap{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
th{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
tbody tr:hover{background-color: var(--ui-surface) !important;}
.simple-form, .stock-form, .receivable-filters, .payment-summary-card > div, .cash-panel{background-color: var(--ui-surface) !important;}
.hero-total{background-image: linear-gradient(145deg, var(--ui-inverse), var(--ui-inverse)) !important;}
.empty, .history-empty{color: var(--ui-muted) !important;}
.device-picker-hint{color: var(--ui-muted) !important;}
.device-picker-hint.has-devices{color: var(--ui-info-text) !important;}
input[list].device-picker-ready{background-image: linear-gradient(45deg, transparent 50%, var(--ui-alt) 50%), linear-gradient(135deg, var(--ui-alt) 50%, transparent 50%) !important;}
.currency-brl-wrap::before{color: var(--ui-muted) !important;}








.order-choice-summary{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.order-choice-summary b{color: var(--ui-info-text) !important;}





















.budget-source-options .btn{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.budget-source-options .btn.active{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}











@media (max-width: 900px) {

}
@media (max-width: 560px) {

}











@media (max-width: 760px) {

}




.order-service-device-group{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-service-device-group > summary small{color: var(--ui-muted) !important;}
.order-service-device-group > summary strong{color: var(--ui-success-text) !important; font-size: 12px !important;}
.order-service-device-group[open] > summary{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.order-service-device-options > label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.order-service-device-options small{color: var(--ui-muted) !important;}
.order-service-device-options > label > strong{color: var(--ui-success-text) !important;}

.inspection-intro{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.inspection-section{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.inspection-section-head{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.inspection-section-head span{font-size: 12px !important; color: var(--ui-muted) !important;}
.inspection-item{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.inspection-item label{color: var(--ui-info-text) !important;}
.inspection-item select{font-size: 12px !important;}
.inspection-photo{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.inspection-photo button{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.inspection-photo small{color: var(--ui-muted) !important; font-size: 12px !important;}
.inspection-photo-actions label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.inspection-required{color: var(--ui-warning-text) !important; font-size: 12px !important;}
.order-chosen-panel{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-chosen-head{border-bottom-color: var(--ui-border) !important;}
.order-chosen-head p{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-chosen-service{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-chosen-service span{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-chosen-service b{color: var(--ui-info-text) !important;}
.order-chosen-service small{color: var(--ui-success-text) !important; font-size: 12px !important;}
.order-inspection-inline{border-top-color: var(--ui-border) !important;}
.order-parts-catalog-box .catalog-quality.selected::after{font-size: 12px !important; color: var(--ui-success-text) !important;}
.inspection-toggle{background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.inspection-toggle:hover{background-color: var(--ui-alt) !important;}
.inspection-toggle small{color: var(--ui-muted) !important; font-size: 12px !important;}
.inspection-toggle[aria-expanded="true"]{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.counter-customer-panel{border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important; background-color: var(--ui-alt) !important;}
.counter-customer-panel b{color: var(--ui-warning-text) !important;}
.counter-customer-panel span{color: var(--ui-warning-text) !important; font-size: 12px !important;}
.counter-customer-panel.customer-selected{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important;}
.order-payment-register-title b{color: var(--ui-info-text) !important;}
.order-payment-register-title span{color: var(--ui-muted) !important; font-size: 12px !important;}
.direct-wizard-progress button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.direct-wizard-progress button.active{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.direct-wizard-progress button.complete{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.direct-stage-title > span{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.direct-stage-title small{color: var(--ui-muted) !important; font-size: 12px !important;}
.direct-customer-extra label span{color: var(--ui-muted) !important; font-size: 12px !important;}
.direct-stage-actions{border-top-color: var(--ui-border) !important;}
.direct-order-review > div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.direct-order-review small{color: var(--ui-muted) !important; font-size: 12px !important;}
.direct-order-review span{color: var(--ui-muted) !important; font-size: 12px !important;}
.direct-order-review .direct-review-total{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.direct-order-review .direct-review-total small, .direct-order-review .direct-review-total span{color: var(--ui-info-text) !important;}
.direct-testability > div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.direct-testability p{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.direct-entry-checklist label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.direct-entry-checklist span{font-size: 12px !important;}
.direct-entry-checklist select{font-size: 12px !important;}
.direct-photo-inputs label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; font-size: 12px !important;}
.direct-photo-preview{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.direct-wizard-stage > .direct-stage-actions > .btn{font-size: 12px !important;}
.direct-wizard-stage > .direct-stage-actions > .actions .btn{font-size: 12px !important;}
@media (max-width: 520px) {
.direct-wizard-stage > .direct-stage-actions > .btn, .direct-wizard-stage > .direct-stage-actions > .actions .btn{font-size: 12px !important;}
}
#directOrderWizard > .os-value-dashboard{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
#directOrderWizard > .os-value-dashboard .os-value-card{border-right-color: var(--ui-border) !important;}
#directOrderWizard > .os-value-dashboard .os-value-card small{font-size: 12px !important;}
#directOrderWizard > .os-value-dashboard .os-value-card.total{background-color: var(--ui-inverse) !important;}
@media (max-width: 760px) {
#directOrderWizard > .os-value-dashboard .os-value-card:nth-child(-n+2){border-bottom-color: var(--ui-border) !important;}
}
.phone-card{background-color: var(--ui-surface) !important;}
.phone-in-store{color: var(--ui-success-text) !important; background-color: var(--ui-alt) !important;}
.phone-at-supplier{color: var(--ui-info-text) !important; background-color: var(--ui-alt) !important;}
.phone-purchase-row{background-color: var(--ui-surface) !important;}
.retail-sale-summary{background-color: var(--ui-warning-bg) !important;}
.retail-sale-footer{background-color: var(--ui-surface) !important;}
#retailSaleError{color: var(--ui-danger-text) !important;}
.retail-sale-steps{background-color: var(--ui-surface) !important;}
.retail-sale-steps button span{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; font-size: 12px !important;}
.retail-sale-steps button.active{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.retail-sale-steps button.active span, .retail-sale-steps button.done span{background-color: var(--ui-inverse) !important; border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; color: var(--ui-on-inverse) !important;}
.retail-checklist-compact label{font-size: 12px !important;}
.retail-photo-field{background-color: var(--ui-surface) !important;}
.retail-sale-review > div{background-color: var(--ui-surface) !important;}
@media (max-width: 650px) {
.retail-sale-steps button span{font-size: 12px !important;}
}
#retailTradeError{color: var(--ui-danger-text) !important;}
.retail-contract-text{background-color: var(--ui-alt) !important;}
.retail-quote-bar{background-color: var(--ui-surface) !important;}
.phone-card.quote-selected{border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important;}
.phone-card.quote-selected [data-phone-quote]{background-color: var(--ui-warning-bg) !important; border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important;}
.retail-quote-item{background-color: var(--ui-surface) !important;}
.retail-quote-notice{background-color: var(--ui-warning-bg) !important;}
.retail-gift-box{background-color: var(--ui-surface) !important;}
.retail-gift-grid label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.retail-quote-detail-client > div, .retail-quote-detail-items article, .retail-quote-detail-notes{background-color: var(--ui-surface) !important;}
.retail-quote-detail-items p{color: var(--muted,var(--ui-muted)) !important;}
.purchase-party-quick{background-color: var(--ui-surface) !important;}
.retail-supplier-notice{border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important; background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.retail-payment-dashboard > div{background-color: var(--ui-surface) !important;}
.retail-payment-dashboard .pending{background-color: var(--ui-warning-bg) !important;}
.retail-payment-dashboard .pending strong{color: var(--ui-warning-text) !important;}
#retailDeliveryPhotoPreview img{background-color: var(--ui-surface) !important;}
#retailDeliveryError{color: var(--ui-danger-text) !important;}
@media (max-width: 900px) {
#stockSubmenu{background-color: var(--ui-inverse) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
}
.phone-pending-sales{border-left-color: var(--ui-warning-line) !important; background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.phone-imei-units > span{background-color: var(--ui-surface) !important;}
.phone-imei-units i{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.phone-imei-units em{color: var(--ui-success-text) !important;}
.phone-imei-details{background-color: var(--ui-surface) !important;}
.phone-imei-details summary{color: var(--ui-info-text) !important;}
input.imei-valid, textarea.imei-valid{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
input.imei-invalid, textarea.imei-invalid{border-top-color: var(--ui-danger-line) !important; border-right-color: var(--ui-danger-line) !important; border-bottom-color: var(--ui-danger-line) !important; border-left-color: var(--ui-danger-line) !important;}
.product-import-progress li{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.product-import-progress li.active{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.product-import-progress li.complete{color: var(--ui-success-text) !important;}
.product-import-drop{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.product-import-drop.dragging{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important;}
.product-import-drop strong{color: var(--ui-success-text) !important;}
.product-import-drop span{color: var(--ui-muted) !important;}
.product-import-drop small{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-guide{background-color: var(--ui-surface) !important;}
.product-import-guide b{color: var(--ui-success-text) !important;}
.product-import-guide p{color: var(--ui-muted) !important;}
#productImportMessage{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
#productImportMessage.error{background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
.product-import-file b{color: var(--ui-success-text) !important;}
.product-import-file span{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-options label small{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-rules{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.product-import-note{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-columns label > small{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-columns .required{color: var(--ui-warning-text) !important;}
.product-import-counts > div{background-color: var(--ui-surface) !important;}
.product-import-counts small{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-counts b{color: var(--ui-success-text) !important;}
.product-import-counts .error, .product-import-counts .review{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.product-import-counts .error b, .product-import-counts .review b{color: var(--ui-warning-text) !important;}
#productImportPreview td small{color: var(--ui-muted) !important; font-size: 12px !important;}
.import-result{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.import-error .import-result, .import-review .import-result{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.import-skip .import-result{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.reparo-app .product-import-skip{color: var(--ui-muted) !important;}
.product-import-complete > span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.product-import-complete h3{color: var(--ui-success-text) !important;}
.product-import-complete p{color: var(--ui-muted) !important;}
@media (max-width: 900px) {
.product-import-counts small{font-size: 12px !important;}
}
@media (max-width: 560px) {
.product-import-progress li{font-size: 12px !important;}
}
.product-import-tabletools > div > span{color: var(--ui-muted) !important; font-size: 12px !important;}
.product-import-names{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.product-import-names p{color: var(--ui-muted) !important;}
.product-import-names span{font-size: 12px !important;}
.import-name-badge{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.import-name-editor summary{font-size: 12px !important; color: var(--ui-success-text) !important;}
.import-name-editor label{font-size: 12px !important;}
.import-name-editor .btn{font-size: 12px !important;}
#productImportNamePending{color: var(--ui-warning-text) !important;}
#productImportPreview .import-name-suggestion{color: var(--ui-success-text) !important;}
.product-bulk-toolbar{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-success-text) !important;}
.product-bulk-toolbar span{font-size: 12px !important; color: var(--ui-muted) !important;}
.product-bulk-selected > td{background-color: var(--ui-alt) !important;}
.product-bulk-supplier{font-size: 12px !important; color: var(--ui-success-text) !important;}
.product-bulk-note{color: var(--ui-muted) !important;}
.product-bulk-field{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.reparo-app .product-bulk-toggle{color: var(--ui-success-text) !important;}
.product-bulk-actions{border-top-color: var(--ui-border) !important;}
.product-bulk-summary{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.product-bulk-pager{color: var(--ui-success-text) !important;}
.product-bulk-preview-wrap{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.product-bulk-preview-wrap th{background-color: var(--ui-alt) !important;}
.product-bulk-preview-wrap td > small{font-size: 12px !important;}
.product-bulk-difference strong{font-size: 12px !important; color: var(--ui-muted) !important;}
.product-bulk-difference span b{color: var(--ui-success-text) !important;}
.product-bulk-warning{color: var(--ui-warning-text) !important; font-size: 12px !important;}
#productBulkMessage{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
#productBulkMessage.error{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
#productBulkDone h3{color: var(--ui-success-text) !important;}
#productBulkDone p{color: var(--ui-success-text) !important;}
@media (max-width: 560px) {
.product-bulk-preview-wrap tr{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
}
.reparo-app :is(button, a, input, select, textarea, summary):focus-visible{outline-color: var(--ui-success-line) !important;}
.rp-skip{background-color: var(--ui-surface) !important;}
.reparo-app .btn{background-color: var(--ui-surface) !important; color: var(--ui-text) !important;}
.reparo-app .btn:hover{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.reparo-app .btn.primary{color: var(--ui-on-inverse) !important;}
.reparo-app .btn.primary:hover{background-color: var(--ui-inverse) !important;}
.reparo-app .btn.whats{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .btn.small-btn{font-size: 12px !important;}
.reparo-app .remove{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-danger-text) !important;}
.reparo-app :is(input, select, textarea){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-text) !important;}
.reparo-app :is(input, select, textarea):hover{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.reparo-app :is(input, select, textarea):focus{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; outline-color: var(--ui-border) !important;}
.reparo-app :is(input, textarea)::placeholder{color: var(--ui-muted) !important;}
.reparo-app :is(input[readonly], input:disabled, select:disabled){background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.reparo-app :is(label, .field label, .config-grid label, .stock-form label){color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .top{color: var(--ui-muted) !important;}
.reparo-app .top .brand h1{color: var(--ui-on-inverse) !important;}
.reparo-app .top .brand .sub{font-size: 12px !important; color: var(--ui-muted) !important;}
.rp-workspace-select{border-top-color: var(--ui-nav-line) !important; border-right-color: var(--ui-nav-line) !important; border-bottom-color: var(--ui-nav-line) !important; border-left-color: var(--ui-nav-line) !important; background-color: rgba(255, 255, 255, 0.02) !important;}
.rp-workspace-icon{background-color: var(--ui-inverse) !important;}
.rp-workspace-select strong{color: var(--ui-on-inverse) !important;}
.reparo-app .rp-workspace-select .cloud-badge{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .rp-workspace-select .cloud-badge.online{color: var(--ui-success-text) !important;}
.reparo-app .nav-label{font-size: 12px !important; color: var(--ui-muted) !important;}
.reparo-app .nav .btn{color: var(--ui-muted) !important;}
.reparo-app .nav .btn:hover{background-color: rgba(255, 255, 255, 0.047) !important; color: var(--ui-on-inverse) !important;}
.reparo-app .nav .btn.primary, .reparo-app .nav .btn.nav-active{color: var(--ui-success-text) !important;}
.reparo-app .nav-submenu{border-left-color: var(--ui-success-line) !important;}
.reparo-app .nav .nav-submenu .btn{font-size: 12px !important; color: var(--ui-muted) !important;}
.reparo-app .top .account-bar{border-top-color: var(--ui-success-line) !important;}
.rp-user-avatar{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.rp-user-label{color: var(--ui-on-inverse) !important; font-size: 12px !important;}
.rp-user-label small{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .account-bar .btn{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app #menuVisibilityToggle{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.rp-global-topbar{background-color: var(--ui-surface) !important;}
.rp-global-breadcrumb{font-size: 12px !important; color: var(--ui-muted) !important;}
.rp-global-breadcrumb strong{color: var(--ui-text) !important;}
.rp-search-launch{background-color: var(--ui-surface) !important; font-size: 12px !important;}
.rp-search-launch kbd{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-header-date{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-icon-button{color: var(--ui-muted) !important;}
.rp-icon-button:hover{background-color: var(--ui-alt) !important;}
.rp-eyebrow{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .rp-page-heading :is(b, h2), .reparo-app .page-heading h2{color: var(--ui-text) !important;}
.reparo-app .rp-page-heading .sub, .reparo-app .page-heading .sub{color: var(--ui-muted) !important;}
.rp-import-disclosure[open] > .import-toolbar{background-color: var(--ui-surface) !important;}
.reparo-app :is(.card){background-color: var(--ui-surface) !important;}
.reparo-app .card-h{background-color: var(--ui-surface) !important;}
.reparo-app .config-section{background-color: var(--ui-surface) !important;}
.reparo-app .metric{background-color: var(--ui-surface) !important;}
.reparo-app .metric:first-child{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.reparo-app .metric small{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .metric strong{color: var(--ui-text) !important;}
.rp-metric-symbol{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.reparo-app .metric:first-child .rp-metric-symbol{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .history-wrap, .reparo-app .items-wrap{background-color: var(--ui-surface) !important;}
.reparo-app table{background-color: var(--ui-surface) !important;}
.reparo-app th{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app td{border-bottom-color: var(--ui-border) !important; color: var(--ui-muted) !important;}
.reparo-app td b{color: var(--ui-text) !important;}
.reparo-app td .sub, .reparo-app td .muted-cell{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app tbody tr:hover{background-color: var(--ui-surface) !important;}
.reparo-app :is(.history-empty, .empty){color: var(--ui-muted) !important;}
.reparo-app .status-pill, .rp-stage-tag{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app [data-rp-status="Aguardando peça"]{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.reparo-app [data-rp-status="Em andamento"]{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.reparo-app [data-rp-status="Aguardando retirada"], .reparo-app [data-rp-status="Finalizado"]{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app [data-rp-status="Cancelada"]{background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
.record-reference::after{font-size: 12px !important;}
.rp-order-toolbar{background-color: var(--ui-surface) !important;}
.order-board-title > div:first-child > small{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-view-buttons{background-color: var(--ui-alt) !important;}
.reparo-app .order-view-buttons .btn{font-size: 12px !important;}
.reparo-app .order-view-buttons .primary{background-color: var(--ui-surface) !important; color: var(--ui-success-text) !important;}
.order-board-toolbar > label select{font-size: 12px !important;}
.reparo-app .order-quick-menu > summary{font-size: 12px !important;}
.order-quick-filters{background-color: var(--ui-surface) !important;}
.order-quick-filters > label{font-size: 12px !important;}
.order-quick-filters select{font-size: 12px !important;}
.order-board-overview{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-board-overview b{color: var(--ui-muted) !important;}
.order-board-overview small{font-size: 12px !important;}
.kanban-column{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.kanban-column > header{color: var(--ui-muted) !important; font-size: 12px !important;}
.kanban-column > header > span{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.kanban-collapse{color: var(--ui-muted) !important;}
.kanban-collapse:hover{background-color: var(--ui-alt) !important;}
.kanban-empty{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.kanban-column.terminal{background-color: var(--ui-alt) !important;}
.kanban-column.terminal .kanban-empty{font-size: 12px !important;}
.kanban-column.drag-over{outline-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important;}
.kanban-limit{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important; font-size: 12px !important;}
.order-summary-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-summary-card:hover{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.order-card-labels{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-priority, .order-due.late{background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
.order-summary-head > b{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-summary-head .status-pill{font-size: 12px !important;}
.order-summary-card h4{color: var(--ui-success-text) !important;}
.order-summary-service{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-card-client{border-top-color: var(--ui-border) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-avatar{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.order-summary-card dt{color: var(--ui-muted) !important; font-size: 12px !important;}
.order-summary-card dd{color: var(--ui-success-text) !important; font-size: 12px !important;}
.order-summary-actions{border-top-color: var(--ui-border) !important;}
.reparo-app .order-summary-actions .btn{font-size: 12px !important;}
.reparo-app .modal:not(.module-page){background-color: var(--ui-inverse) !important;}
.reparo-app .modal:not(.module-page) > .modal-box{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.reparo-app .modal:not(.module-page) .modal-title{background-color: var(--ui-surface) !important;}
.reparo-app .modal:not(.module-page) .modal-title b{color: var(--ui-text) !important;}
.reparo-app .modal:not(.module-page) .modal-title .sub{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app :is(.modal-foot, .modal-actions){background-color: var(--ui-surface) !important;}
.reparo-app :is(.simple-form, .stock-form, .cash-panel, .receivable-filters){background-color: var(--ui-surface) !important;}
.reparo-app :is(.config-tab, .order-editor-tab, .type-btn){background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.reparo-app :is(.config-tab.active, .order-editor-tab.active, .type-btn.active){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .payment-summary-card > div{background-color: var(--ui-surface) !important;}
.reparo-app .payment-summary-card small{font-size: 12px !important; color: var(--ui-muted) !important;}
.reparo-app .payment-summary-card strong{color: var(--ui-success-text) !important;}
.reparo-app .hero-total small{color: var(--ui-success-text) !important; font-size: 12px !important;}

.reparo-app .check b{color: var(--ui-success-text) !important;}
.reparo-app .check small{color: var(--ui-muted) !important;}




.reparo-app :is(.direct-wizard-progress button, [data-budget-step]){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.reparo-app .direct-wizard-progress button.active{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .direct-wizard-stage, .reparo-app .direct-order-review > div{background-color: var(--ui-surface) !important;}
.reparo-app .direct-stage-title{background-color: var(--ui-surface) !important;}
.reparo-app .direct-stage-title > span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .direct-stage-title b{color: var(--ui-success-text) !important;}
.reparo-app .direct-order-review small{color: var(--ui-muted) !important;}
.reparo-app .direct-order-review b{color: var(--ui-success-text) !important;}
.reparo-app :is(.fi-head, .rp-pricing-head){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .fi-head h2{color: var(--ui-success-text) !important;}
.reparo-app .fi-head p, .reparo-app .fi-kicker, .reparo-app .fi-confidence span{color: var(--ui-muted) !important;}
.reparo-app .fi-confidence{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.reparo-app .fi-metric small{font-size: 12px !important;}
.reparo-app .fi-row{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.reparo-app .fi-row.total{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.reparo-app .nav .nav-submenu .btn.nav-active{color: var(--ui-success-text) !important;}













.reparo-app .budget-source-options .btn{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-muted) !important;}
.reparo-app .budget-source-options .btn:hover, .reparo-app .budget-source-options .btn.active{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}

.reparo-app .payable-period-filters{background-color: var(--ui-surface) !important;}
.reparo-app .payable-period-filters > label > span{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .part-purchase-filters{background-color: var(--ui-surface) !important;}
.reparo-app .part-filter-heading h3{color: var(--ui-success-text) !important;}
.reparo-app .part-filter-heading span{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .part-status-filters button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .part-status-filters button strong{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .part-status-filters button.active{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .part-period-line label{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .purchase-dashboard-cards > div{background-color: var(--ui-surface) !important;}
.reparo-app .purchase-dashboard-cards small{color: var(--ui-muted) !important; font-size: 12px !important;}
.reparo-app .inspection-section, .reparo-app .order-chosen-panel{background-color: var(--ui-surface) !important;}
.reparo-app :is(.inspection-intro, .order-chosen-head, .inspection-section-head, .inspection-toggle){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.reparo-app :is(.inspection-toggle b, .inspection-section-head h3, .order-chosen-head h3){color: var(--ui-success-text) !important;}
.reparo-app :is(.inspection-item, .order-chosen-service, .direct-entry-checklist label, .direct-testability > div){border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.reparo-app .inspection-toggle[aria-expanded="true"]{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .direct-review-total b{color: var(--ui-on-inverse) !important;}
.reparo-app .direct-testability b{color: var(--ui-success-text) !important;}
.reparo-app .direct-photo-inputs label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.reparo-app .direct-photo-preview{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-muted) !important;}
.reparo-app .retail-catalog-card{background-color: var(--ui-surface) !important;}
.rp-overview-period{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-live-label::before{background-color: var(--ui-success-bg) !important;}
.rp-overview-metric{background-color: var(--ui-surface) !important;}
.rp-overview-metric.featured{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.rp-metric-label{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-metric-label > span{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.featured .rp-metric-label > span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.rp-overview-metric > strong{color: var(--ui-text) !important;}
.rp-overview-metric > small{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-surface{background-color: var(--ui-surface) !important;}
.rp-surface-head h3{color: var(--ui-text) !important;}
.rp-surface-head p{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-soft-tag{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-chart-total{color: var(--ui-text) !important;}
.rp-chart-total small{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-revenue-chart text{fill: var(--ui-muted) !important; font-size: 12px !important;}
.rp-chart-legend{border-top-color: var(--ui-border) !important; color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-chart-legend i{background-color: var(--ui-inverse) !important;}
.rp-chart-legend span + span i{background-color: var(--ui-success-bg) !important;}
.rp-operation-card{background-color: var(--ui-surface) !important;}
.rp-operation-card .rp-surface-head > .rp-icon{color: var(--ui-muted) !important;}
.rp-operation-ring strong{color: var(--ui-success-text) !important;}
.rp-operation-ring small{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-operation-stages span{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-operation-stages b{color: var(--ui-success-text) !important;}
.rp-operation-stages i{background-color: var(--ui-warning-bg) !important;}
.rp-operation-stages .tone-1{background-color: var(--ui-info-bg) !important;}
.rp-operation-stages .tone-2{background-color: var(--ui-success-bg) !important;}
.rp-text-link{color: var(--ui-success-text) !important; font-size: 12px !important;}
.rp-recent-orders > button{border-top-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.rp-recent-orders > button:hover{background-color: var(--ui-surface) !important;}
.rp-device-icon{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.rp-recent-orders strong{color: var(--ui-text) !important;}
.rp-recent-orders small{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-recent-value{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-attention-list > button{border-bottom-color: var(--ui-border) !important;}
.rp-attention-list > button > span{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.rp-attention-list > button:nth-child(2) > span{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.rp-attention-list > button:nth-child(3) > span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.rp-attention-list strong{color: var(--ui-success-text) !important; font-size: 12px !important;}
.rp-attention-list small{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-attention-list > button > .rp-icon{color: var(--ui-muted) !important;}
.rp-empty > span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.rp-empty strong{color: var(--ui-muted) !important;}
.rp-empty p{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-dashboard-detail > summary{color: var(--ui-muted) !important; font-size: 12px !important;}
.rp-command-dialog{background-color: var(--ui-surface) !important;}
.rp-command-dialog::backdrop{background-color: var(--ui-inverse) !important;}
.rp-command-input{color: var(--ui-muted) !important;}
.rp-command-input button{color: var(--ui-muted) !important;}
.rp-command-results > button{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.rp-command-results > button:hover, .rp-command-results > button:focus{background-color: var(--ui-alt) !important;}
.rp-command-results > p{color: var(--ui-muted) !important;}
.rp-command-dialog footer{color: var(--ui-muted) !important; font-size: 12px !important;}
@media (max-width: 900px) {
.rp-menu-scrim{background-color: var(--ui-inverse) !important;}
}
@media (max-width: 900px) {
.rp-global-breadcrumb{font-size: 12px !important;}
}
@media (max-width: 900px) {
.rp-header-avatar{font-size: 12px !important;}
}
@media (max-width: 900px) {
.rp-mobile-nav{background-color: var(--ui-surface) !important;}
}
@media (max-width: 900px) {
.rp-mobile-nav button{color: var(--ui-muted) !important; font-size: 12px !important;}
}
@media (max-width: 900px) {
.rp-mobile-nav button.active{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
}
@media (max-width: 900px) {
.reparo-app .rp-order-metrics .metric small{font-size: 12px !important;}
}
@media (max-width: 900px) {
.order-board-overview{font-size: 12px !important;}
}
@media (max-width: 560px) {

}
@media (max-width: 560px) {

}
@media (max-width: 560px) {
.reparo-app .rp-page-heading .sub{font-size: 12px !important;}
}
@media (max-width: 560px) {
.reparo-app .rp-order-metrics .metric small{font-size: 12px !important;}
}
@media (max-width: 560px) {
.reparo-app .order-view-buttons .btn{font-size: 12px !important;}
}
@media (max-width: 560px) {
.reparo-app .order-quick-menu > summary{font-size: 12px !important;}
}
@media (max-width: 560px) {
.rp-metric-label{font-size: 12px !important;}
}
@media (max-width: 560px) {
.rp-overview-metric > small{font-size: 12px !important;}
}
@media (max-width: 560px) {
.rp-surface-head p{font-size: 12px !important;}
}
@media (max-width: 560px) {
.rp-chart-total small{font-size: 12px !important;}
}
@media (max-width: 560px) {
.rp-chart-legend{font-size: 12px !important;}
}
@media (max-width: 560px) {
.reparo-app .metric small{font-size: 12px !important;}
}
@media screen {
.reparo-app #ordersModal .rp-page-heading .sub{color: var(--ui-muted) !important;}
}
@media screen {
.reparo-app #ordersModal .rp-order-metrics small{color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .order-board-title small{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
.reparo-app #ordersModal .order-view-buttons .btn.primary{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
}
@media screen {
#ordersModal .order-board-toolbar > label{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal #orderBoardOverview{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal #orderBoardOverview b{color: var(--ui-success-text) !important;}
}
@media screen {
.os-tracking-legend > summary{font-size: 12px !important; color: var(--ui-success-text) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
}
@media screen {
.os-tracking-legend #ordersPartsLegend{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
}
@media screen {
.reparo-app #ordersModal .os-aligned-list th{color: var(--ui-muted) !important; font-size: 12px !important;}
}
@media screen {
#ordersModal .os-list-col-0 .muted-cell{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .os-list-date{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .os-list-client, #ordersModal .os-list-device{color: var(--ui-success-text) !important;}
}
@media screen {
#ordersModal .os-list-phone{color: var(--ui-muted) !important; font-size: 12px !important;}
}
@media screen {
#ordersModal .os-list-services{color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .os-list-services .muted-cell{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .order-parts-tracker .part-track{font-size: 12px !important;}
}
@media screen {
#ordersModal .os-list-col-4 > b{color: var(--ui-success-text) !important;}
}
@media screen {
#ordersModal .os-list-col-4 > .stock-ok{font-size: 12px !important;}
}
@media screen {
#ordersModal .os-list-value-label{color: var(--ui-muted) !important; font-size: 12px !important;}
}
@media screen {
.reparo-app #ordersModal .os-aligned-list .status-pill{font-size: 12px !important;}
}
@media screen {
.reparo-app #ordersModal [data-rp-status="Aguardando peça"]{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
}
@media screen {
.reparo-app #ordersModal [data-rp-status="Em andamento"]{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
}
@media screen {
.reparo-app #ordersModal [data-rp-status="Aguardando retirada"]{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
}
@media screen {
.reparo-app #ordersModal [data-rp-status="Finalizado"]{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
}
@media screen {
.reparo-app #ordersModal [data-rp-status="Cancelada"]{background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
}
@media screen {
#ordersModal .order-group-statuses span{font-size: 12px !important;}
}
@media screen {
#orderActionsPopover .order-popover-item small{font-size: 12px !important;}
}
@media screen {
#ordersModal .kanban-column > header > span{font-size: 12px !important;}
}
@media screen {
#ordersModal .order-summary-head > b{font-size: 12px !important;}
}
@media screen {
#ordersModal .order-summary-head .status-pill{font-size: 12px !important;}
}
@media screen {
#ordersModal .order-card-labels{font-size: 12px !important;}
}
@media screen {
#ordersModal .order-summary-service{color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .rp-card-client{color: var(--ui-success-text) !important;}
}
@media screen {
#ordersModal .order-summary-card dt{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#ordersModal .order-urgent-toggle[aria-pressed="true"]{color: var(--ui-warning-text) !important; background-color: var(--ui-warning-bg) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary .os-value-card{border-right-color: var(--ui-border) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary small{font-size: 12px !important; color: var(--ui-muted) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary strong{color: var(--ui-success-text) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary .total{background-color: var(--ui-alt) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary .total small{color: var(--ui-success-text) !important;}
}
@media screen {
#editOrderModal #canonicalEditOrderSummary .balance strong{color: var(--ui-success-text) !important;}
}
@media screen {
#editOrderModal #orderOperationStatus{color: var(--ui-success-text) !important;}
}
@media screen {
#editOrderModal label{color: var(--ui-success-text) !important;}
}
@media screen {
#editOrderModal .employee-role-note{font-size: 12px !important;}
}
@media screen {
.reparo-app #editOrderModal .os-editor-footer{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important;}
}
@media screen {
.os-document-menu > div{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
}
@media screen and (max-width: 1180px) {
.reparo-app #ordersModal .rp-order-metrics small{font-size: 12px !important;}
}
@media screen and (max-width: 1180px) {
#ordersModal .os-aligned-list tr{border-bottom-color: var(--ui-border) !important;}
}
@media screen and (max-width: 700px) {
.reparo-app #ordersModal .rp-order-metrics small{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
.reparo-app #ordersModal .order-view-buttons .btn, .reparo-app #ordersModal .order-quick-menu > summary{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
#ordersModal #orderBoardOverview{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
.os-tracking-legend > summary{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
#editOrderModal #canonicalEditOrderSummary .os-value-card:nth-child(-n+2){border-bottom-color: var(--ui-border) !important;}
}
@media screen and (max-width: 700px) {
#editOrderModal .order-operation-buttons .btn{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
.reparo-app #editOrderModal .os-editor-footer > .btn{font-size: 12px !important;}
}
@media screen and (max-width: 700px) {
#editOrderModal .os-document-menu > summary{font-size: 12px !important;}
}
.deferred-summary{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.deferred-head{font-size: 12px !important; color: var(--ui-muted) !important;}
.stock-history-summary > div{background-color: var(--ui-surface) !important;}
.stock-move-positive{color: var(--ui-success-text) !important;}
.stock-move-negative{color: var(--ui-danger-text) !important;}
.stock-balance-cell{background-color: var(--ui-surface) !important;}
.stock-history-legacy{color: var(--ui-warning-text) !important; font-size: 12px !important;}
.os-more-button{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-info-text) !important;}
.os-actions-cell .whats{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important; border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
#orderActionsPopover{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.order-popover-head{border-bottom-color: var(--ui-border) !important;}
.order-popover-head b{color: var(--ui-text) !important;}
.order-popover-head span{font-size: 12px !important; color: var(--ui-muted) !important;}
.order-popover-item{background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.order-popover-item:hover, .order-popover-item:focus{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.order-popover-separator{background-color: var(--ui-alt) !important;}
.os-more-button.menu-open{background-color: var(--ui-info-bg) !important; border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; color: var(--ui-info-text) !important;}
.clickable-order-row:hover{background-color: var(--ui-alt) !important;}
.clickable-order-row:focus-visible{outline-color: var(--ui-info-line) !important; background-color: var(--ui-alt) !important;}
.part-track{font-size: 12px !important;}
.part-ordered{color: var(--ui-info-text) !important; background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.part-received{color: var(--ui-purple-text) !important; background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.part-used{color: var(--ui-success-text) !important; background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.part-returned{color: var(--ui-danger-text) !important; background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.part-unused, .part-stocked, .part-none{color: var(--ui-info-text) !important; background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.linked-order-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.linked-order-card:hover{background-color: var(--ui-info-bg) !important;}
.purchase-kind{color: var(--ui-muted) !important; font-size: 12px !important;}
.parts-legend{background-color: var(--ui-surface) !important;}
.part-testing{color: var(--ui-warning-text) !important; background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.purchase-payment-status{font-size: 12px !important;}
.purchase-pay-paid{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.purchase-pay-partial{background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
.purchase-pay-deferred{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.purchase-pay-pending{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.purchase-pay-none{background-color: var(--ui-alt) !important; color: var(--ui-muted) !important;}
.purchase-payment-values{font-size: 12px !important; color: var(--ui-info-text) !important;}
.purchase-payment-values b{color: var(--ui-text) !important;}
.purchase-payment-overdue{color: var(--ui-danger-text) !important;}
.purchase-payment-progress{background-color: var(--ui-alt) !important;}
.purchase-payment-progress span{background-color: var(--ui-success-bg) !important;}
.purchase-payment-detail-grid > div{background-color: var(--ui-surface) !important;}
.purchase-payment-detail-grid small{color: var(--ui-muted) !important;}
.catalog-service-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.catalog-service-title{border-bottom-color: var(--ui-border) !important;}
.catalog-service-title h4{color: var(--ui-info-text) !important;}
.catalog-service-title small{color: var(--ui-muted) !important;}
.catalog-service-icon{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.catalog-quality{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.catalog-quality.available:hover{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
.catalog-quality.selected{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important;}
.catalog-quality-info span{font-size: 12px !important; color: var(--ui-muted) !important;}
.catalog-quality.missing .catalog-quality-info span{color: var(--ui-warning-text) !important;}
.catalog-quality-action strong{color: var(--ui-success-text) !important;}
.catalog-quality-action button, .catalog-define-price{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.catalog-quality-action button:hover, .catalog-define-price:hover{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; color: var(--ui-success-text) !important;}
.catalog-quality-action button.selected{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important; border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
.device-service-panel-head span{color: var(--ui-muted) !important;}
.dialog-check-grid{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.dialog-check-grid label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.canonical-cost-cell.unavailable{background-color: var(--ui-alt) !important;}
.automatic-status-field::after{color: var(--ui-muted) !important; font-size: 12px !important;}
.automatic-status-field select:disabled{color: var(--ui-success-text) !important; background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.automatic-order-status{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.os-value-dashboard{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.os-value-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.os-value-card small{color: var(--ui-muted) !important; font-size: 12px !important;}
.os-value-card strong{color: var(--ui-info-text) !important;}
.os-value-card.total{background-color: var(--ui-inverse) !important; border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important;}
.os-value-card.total small, .os-value-card.total strong{color: var(--ui-on-inverse) !important;}
.os-value-card.balance strong{color: var(--ui-success-text) !important;}
#canonicalDeviceEditor{background-color: var(--ui-inverse) !important;}
.canonical-device-card{background-color: var(--ui-surface) !important;}
.canonical-cost-table{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.canonical-cost-row{border-top-color: var(--ui-border) !important;}
.canonical-cost-row.head{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important;}
.canonical-final{font-size: 12px !important; color: var(--ui-success-text) !important; background-color: var(--ui-alt) !important;}
.canonical-final.empty{color: var(--ui-warning-text) !important; background-color: var(--ui-alt) !important;}
.canonical-service-row{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.canonical-service-row:hover{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-surface) !important;}
.canonical-service-row.selected{background-color: var(--ui-alt) !important; border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
.canonical-service-meta{color: var(--ui-muted) !important;}
.canonical-service-price{color: var(--ui-success-text) !important;}
.canonical-missing-buttons button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.canonical-custom{border-top-color: var(--ui-border) !important;}
.canonical-editor-footer{border-top-color: var(--ui-border) !important;}
.purchase-launch-toolbar{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.purchase-launch-toolbar span, .manual-purchase-head span{color: var(--ui-muted) !important;}
.manual-purchase-panel{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.manual-purchase-overlay{background-color: var(--ui-inverse) !important;}
.manual-purchase-dialog{background-color: var(--ui-surface) !important;}
.manual-purchase-overlay .manual-purchase-head{background-color: var(--ui-surface) !important; border-bottom-color: var(--ui-border) !important;}
.manual-purchase-overlay .sale-footer{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important;}
.manual-purchase-guide span{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.manual-purchase-guide b{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.generate-purchase-action{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.generate-purchase-action b{color: var(--ui-success-text) !important;}
.generate-purchase-action span{color: var(--ui-muted) !important;}
.purchase-dashboard-cards article{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.purchase-dashboard-cards small{color: var(--ui-muted) !important; font-size: 12px !important;}
.purchase-dashboard-cards strong{color: var(--ui-info-text) !important;}
.purchase-dashboard-cards .paid strong{color: var(--ui-success-text) !important;}
.purchase-dashboard-cards .pending strong{color: var(--ui-warning-text) !important;}
.purchase-dashboard-cards .alerts strong{color: var(--ui-danger-text) !important;}
.purchase-alert.warning{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.purchase-alert.danger{background-color: var(--ui-surface) !important; color: var(--ui-danger-text) !important;}
.purchase-alert.ok{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.nav #purchasesBtn[aria-expanded="true"]{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.product-purchase-details{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.product-purchase-detail-head span{color: var(--ui-muted) !important;}
.product-purchase-payment{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.product-purchase-payment-head span{color: var(--ui-muted) !important;}
.product-purchase-payment-note{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.app-notification{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.app-notification.success{border-left-color: var(--ui-success-line) !important;}
.app-notification.warning{border-left-color: var(--ui-warning-line) !important;}
.app-notification.error{border-left-color: var(--ui-danger-line) !important;}
.app-notification-icon{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.app-notification strong{color: var(--ui-info-text) !important;}
.app-notification span{color: var(--ui-muted) !important;}
.app-notification button{color: var(--ui-muted) !important;}
#financeRows tr[data-finance-origin]:hover, #financeRows tr[data-finance-origin]:focus{background-color: var(--ui-alt) !important;}
#financeRows .cash-origin-hint{color: var(--ui-info-text) !important; font-size: 12px !important;}
.os-payment-dashboard article{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.os-payment-dashboard small{color: var(--ui-muted) !important; font-size: 12px !important;}
.os-payment-dashboard .received strong{color: var(--ui-success-text) !important;}
.os-payment-dashboard .pending strong{color: var(--ui-warning-text) !important;}
.os-payment-dashboard .balance{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.os-payment-dashboard .balance small{color: var(--ui-info-text) !important;}
.os-payment-alert.warning{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.os-payment-alert.ok{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.os-payment-status{background-color: var(--ui-alt) !important; font-size: 12px !important;}
.os-payment-status.recebido{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.os-payment-status.pendente, .os-payment-status.parcial{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.employee-private-note{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.linked-employee{color: var(--ui-success-text) !important; font-size: 12px !important;}
.team-guide div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.team-guide span{color: var(--ui-muted) !important; font-size: 12px !important;}
.team-access-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.team-access-main small{color: var(--ui-muted) !important;}
.team-avatar{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.team-access-meta > span:last-child{color: var(--ui-info-text) !important; font-size: 12px !important;}
.access-state{font-size: 12px !important;}
.access-state.active{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.access-state.suspended{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important;}
.access-state.pending{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.access-state.none{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.team-access-panel{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.team-access-panel-head span, #teamProfileDescription{color: var(--ui-muted) !important;}
.team-permission-grid label{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.profile-nav-avatar{background-color: var(--ui-info-bg) !important; color: var(--ui-on-inverse) !important; font-size: 12px !important;}
.user-profile-head{background-image: linear-gradient(135deg, var(--ui-alt), var(--ui-alt)) !important;}
.user-profile-head p{color: var(--ui-muted) !important;}
.user-profile-avatar{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.user-profile-details > div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.user-profile-details small{color: var(--ui-muted) !important; font-size: 12px !important;}
.profile-active{color: var(--ui-success-text) !important;}
.user-profile-permissions span{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.profile-password-panel{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.part-purchase-filters{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.part-filter-heading span{color: var(--ui-muted) !important;}
.part-status-filters button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.part-status-filters button strong{background-color: var(--ui-alt) !important; font-size: 12px !important;}
.part-status-filters button.active{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.part-period-line label{color: var(--ui-info-text) !important; font-size: 12px !important;}
.part-workflow-stage{font-size: 12px !important;}
.stage-open{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.stage-requested{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.stage-transport{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
.stage-received{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.stage-testing{background-color: var(--ui-alt) !important; color: var(--ui-purple-text) !important;}
.stage-finished{background-color: var(--ui-success-bg) !important; color: var(--ui-info-text) !important;}
.stage-stocked{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
#syncGuard{background-color: var(--ui-inverse) !important;}
#syncGuard section{background-color: var(--ui-surface) !important;}
.order-device-change-controls small{color: var(--ui-muted) !important;}
#editOrderDevice[readonly]{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.promo-metrics > div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.promo-metrics small{color: var(--ui-muted) !important;}
.promo-form label{font-size: 12px !important; color: var(--ui-info-text) !important;}
.promo-status{font-size: 12px !important;}
.promo-active{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.promo-scheduled{background-color: var(--ui-info-bg) !important; color: var(--ui-info-text) !important;}
.promo-finished{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.promo-paused{background-color: var(--ui-warning-bg) !important; color: var(--ui-danger-text) !important;}
.crm-inbox{border-right-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.crm-inbox-head, .crm-chat-head{border-bottom-color: var(--ui-border) !important;}
.crm-inbox-head span, .crm-chat-head span{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-conversation{border-top-color: var(--ui-border) !important;}
.crm-conversation:hover, .crm-conversation.active{background-color: var(--ui-alt) !important;}
.crm-avatar{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.crm-conversation span{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-stage{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.crm-chat{background-color: var(--ui-alt) !important;}
.crm-message{background-color: var(--ui-surface) !important;}
.crm-message.out{background-color: var(--ui-success-bg) !important;}
.crm-message small{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-compose{border-top-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.crm-compose span{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-contact{border-left-color: var(--ui-border) !important;}
.crm-contact dt{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-setup label{font-size: 12px !important; color: var(--ui-info-text) !important;}
.crm-local-qr{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important;}
.crm-local-qr > div > span{color: var(--ui-muted) !important;}
.crm-local-status{background-color: var(--ui-surface) !important; color: var(--ui-muted) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.crm-local-qr img{background-color: var(--ui-surface) !important;}
.crm-local-qr small{color: var(--ui-muted) !important; font-size: 12px !important;}
.crm-local-status.ready{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.crm-local-status.error{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.crm-local-qr details{color: var(--ui-muted) !important;}
#crmConnectionBadge[data-connection="ready"]{color: var(--ui-success-text) !important;}
#crmConnectionBadge:is([data-connection="offline"], [data-connection="disconnected"], [data-connection="error"]){color: var(--ui-warning-text) !important;}
.crm-automation-nav{font-size: 12px !important; color: var(--ui-muted) !important;}
.crm-automation-nav.nav-active{color: var(--ui-on-inverse) !important;}
.crm-module-tabs{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.crm-automation-panel{background-color: var(--ui-surface) !important;}
.crm-automation-head span:first-child{color: var(--ui-info-text) !important; font-size: 12px !important;}
.crm-automation-head p{color: var(--ui-muted) !important;}
.crm-automation-state{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important; font-size: 12px !important;}
.crm-automation-state.on{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.crm-automation-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.crm-automation-card > label{color: var(--ui-info-text) !important; font-size: 12px !important;}
.crm-switch-row{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.crm-switch-row small, .crm-automation-card .section-actions small{color: var(--ui-muted) !important;}
.crm-template-help{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.crm-template-help code{background-color: var(--ui-surface) !important;}
.crm-log-row{border-bottom-color: var(--ui-border) !important;}
.crm-log-row small{color: var(--ui-muted) !important;}
.crm-log-status{background-color: var(--ui-alt) !important; font-size: 12px !important;}
.crm-log-status.sent{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.crm-log-status.failed{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important;}
.crm-log-status.pending{background-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important;}
.order-whatsapp-box label{font-size: 12px !important; color: var(--ui-info-text) !important;}
.order-whatsapp-pdf{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-whatsapp-pdf small{color: var(--ui-muted) !important;}
.order-group-devices b{font-size: 12px !important; color: var(--ui-muted) !important;}
.order-group-statuses span{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; font-size: 12px !important;}
.order-group-item{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.order-group-item small{color: var(--ui-muted) !important;}
.order-group-open:hover td{background-color: var(--ui-alt) !important;}

.pricing-head{background-image: linear-gradient(135deg, var(--ui-inverse), var(--ui-inverse)) !important; color: var(--ui-on-inverse) !important;}
.pricing-head p{color: var(--ui-muted) !important;}
.pricing-tabs button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.pricing-tabs button.active{background-color: var(--ui-inverse) !important; color: var(--ui-on-inverse) !important;}
.pricing-panel{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.pricing-panel-head p{color: var(--ui-muted) !important;}
.pricing-grid label{font-size: 12px !important; color: var(--ui-muted) !important;}
.pricing-summary div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.pricing-summary span{font-size: 12px !important; color: var(--ui-muted) !important;}
.pricing-note{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-warning-text) !important;}
.pricing-note.ok{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-success-text) !important;}
.pricing-table th, .pricing-table td{border-bottom-color: var(--ui-border) !important;}
.pricing-table th{background-color: var(--ui-alt) !important; font-size: 12px !important;}
.pricing-range div{border-left-color: var(--ui-info-line) !important; background-color: var(--ui-surface) !important;}
.pricing-range div:nth-child(1){border-top-color: var(--ui-danger-line) !important; border-right-color: var(--ui-danger-line) !important; border-bottom-color: var(--ui-danger-line) !important; border-left-color: var(--ui-danger-line) !important;}
.pricing-range div:nth-child(2){border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important;}
.pricing-range div:nth-child(3){border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important;}
.pricing-range div:nth-child(4){border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important;}
.pricing-range small{font-size: 12px !important;}
.pricing-action, .auto-price-button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; font-size: 12px !important; color: var(--ui-success-text) !important;}
.auto-price-hint{font-size: 12px !important; color: var(--ui-muted) !important;}
.pricing-rule-card{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.pricing-observed{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.pricing-observed > div > span{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; font-size: 12px !important;}
.fi-head{background-image: linear-gradient(135deg, var(--ui-inverse), var(--ui-inverse)) !important; color: var(--ui-on-inverse) !important;}
.fi-head p{color: var(--ui-muted) !important;}
.fi-kicker{font-size: 12px !important; color: var(--ui-success-text) !important;}
.fi-confidence{border-color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(255, 255, 255, 0.08) !important;}
.fi-confidence span{font-size: 12px !important; color: var(--ui-success-text) !important;}
.fi-metric{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.fi-metric small, .fi-metric span{color: var(--ui-muted) !important;}
.fi-metric small{font-size: 12px !important;}
.fi-metric span{font-size: 12px !important;}
.fi-metric.positive strong{color: var(--ui-success-text) !important;}
.fi-metric.negative strong{color: var(--ui-danger-text) !important;}
.fi-columns article{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.fi-columns h3 span{color: var(--ui-muted) !important; font-size: 12px !important;}
.fi-row{border-bottom-color: var(--ui-border) !important;}
.fi-row.total{border-top-color: var(--ui-border) !important;}
.fi-source{color: var(--ui-muted) !important;}
.fi-explain{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.fi-alerts div{border-left-color: var(--ui-info-line) !important; background-color: var(--ui-surface) !important;}
.fi-alerts .critical{border-top-color: var(--ui-danger-line) !important; border-right-color: var(--ui-danger-line) !important; border-bottom-color: var(--ui-danger-line) !important; border-left-color: var(--ui-danger-line) !important; background-color: var(--ui-surface) !important; color: var(--ui-danger-text) !important;}
.fi-alerts .warning{border-top-color: var(--ui-warning-line) !important; border-right-color: var(--ui-warning-line) !important; border-bottom-color: var(--ui-warning-line) !important; border-left-color: var(--ui-warning-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.fi-alerts .info{border-top-color: var(--ui-info-line) !important; border-right-color: var(--ui-info-line) !important; border-bottom-color: var(--ui-info-line) !important; border-left-color: var(--ui-info-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.fi-alerts .ok{border-top-color: var(--ui-success-line) !important; border-right-color: var(--ui-success-line) !important; border-bottom-color: var(--ui-success-line) !important; border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.order-cancel-button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-danger-text) !important; background-color: var(--ui-surface) !important;}
.order-refund-button{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important;}
.client-refund-history{border-top-color: var(--ui-border) !important;}
.client-refund-history > div{border-bottom-color: var(--ui-border) !important;}
.cancelled-part-warning{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-danger-text) !important; font-size: 12px !important;}
.supplier-history-tools label{font-size: 12px !important; color: var(--ui-info-text) !important;}
.supplier-history-summary div{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.supplier-history-summary small{color: var(--ui-muted) !important; font-size: 12px !important;}
.supplier-credit-finance-metric span{color: var(--ui-info-text) !important; font-size: 12px !important;}
.purchase-credit-explanation{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.supplier-credit-purchase-line{border-top-color: var(--ui-border) !important; color: var(--ui-success-text) !important;}
.warranty-analysis-banner{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-purple-text) !important;}
.warranty-analysis-banner span{color: var(--ui-purple-text) !important;}
.warranty-analysis-row .status-pill{background-color: var(--ui-alt) !important; color: var(--ui-purple-text) !important;}
.warranty-defect-status{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.employee-role-guide{border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.employee-role-guide b{color: var(--ui-success-text) !important;}
.employee-role-select-empty{color: var(--ui-warning-text) !important; font-size: 12px !important;}
.payable-locked-status{font-size: 12px !important;}
.payable-locked-status.pending{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-warning-text) !important;}
.payable-locked-status.overdue{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-danger-text) !important;}
.payable-locked-status.paid{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-success-text) !important;}
.payable-locked-status.cancelled{background-color: var(--ui-alt) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-info-text) !important;}
.purchase-accounting-category small{color: var(--ui-muted) !important; font-size: 12px !important;}
.purchase-category-badge{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.purchase-accounting-category select{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.part-trace-status{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important; font-size: 12px !important;}
.part-trace-in{color: var(--ui-success-text) !important;}
.part-trace-out{color: var(--ui-danger-text) !important;}
.order-protected-status{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.order-protected-status.waiting{background-color: var(--ui-alt) !important; color: var(--ui-warning-text) !important;}
.order-protected-status.working{background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.order-protected-status.ready{background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.order-protected-status.finished{background-color: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
.order-protected-status.cancelled{background-color: var(--ui-danger-bg) !important; color: var(--ui-danger-text) !important;}
.payroll-preview{border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.payroll-preview span{color: var(--ui-muted) !important;}
.danger-outline{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; color: var(--ui-danger-text) !important;}
.dialog-check-grid:empty::after{color: var(--ui-muted) !important;}
.payable-period-filters{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
.payable-period-filters label > span{font-size: 12px !important; color: var(--ui-muted) !important;}
.recurrence-preview{border-left-color: var(--ui-success-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-success-text) !important;}
.recurrence-preview span{color: var(--ui-muted) !important;}
.payable-category-tag{border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important; background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important; font-size: 12px !important;}
.purchase-product-suggestions{background-color: var(--ui-surface) !important; border-top-color: var(--ui-border) !important; border-right-color: var(--ui-border) !important; border-bottom-color: var(--ui-border) !important; border-left-color: var(--ui-border) !important;}
.purchase-product-suggestion{border-bottom-color: var(--ui-border) !important; background-color: var(--ui-surface) !important; color: var(--ui-text) !important;}
.purchase-product-suggestion:hover, .purchase-product-suggestion.is-active{background-color: var(--ui-alt) !important;}
.purchase-product-meta{color: var(--ui-muted) !important; font-size: 12px !important;}
.purchase-stock-badge{font-size: 12px !important;}
.purchase-stock-ok{color: var(--ui-success-text) !important; background-color: var(--ui-success-bg) !important;}
.purchase-stock-empty{color: var(--ui-danger-text) !important; background-color: var(--ui-warning-bg) !important;}
.purchase-stock-inactive{color: var(--ui-info-text) !important; background-color: var(--ui-alt) !important;}
.purchase-product-empty{color: var(--ui-muted) !important;}
.purchase-product-selected{border-left-color: var(--ui-info-line) !important; background-color: var(--ui-surface) !important; color: var(--ui-info-text) !important;}
.purchase-product-selected b{color: var(--ui-text) !important;}
#purchaseItemsTotalFooter td{border-top-color: var(--ui-border) !important; background-color: var(--ui-surface) !important;}
#purchaseItemsTotalFooter span{color: var(--ui-info-text) !important;}
#purchaseItemsTotalFooter small{color: var(--ui-muted) !important; font-size: 12px !important;}
#purchaseItemsTotal{color: var(--ui-text) !important;}
.purchase-demand-controls label{font-size: 12px !important; color: var(--ui-info-text) !important;}
.purchase-demand-explain{border-left-color: var(--ui-info-line) !important; background-color: var(--ui-alt) !important; color: var(--ui-info-text) !important;}
.purchase-demand-critical{color: var(--ui-danger-text) !important;}
.purchase-demand-ok{color: var(--ui-success-text) !important;}
.purchase-demand-summary{color: var(--ui-info-text) !important;}
.purchase-demand-summary strong{color: var(--ui-text) !important;}
:is([style^="color:rgb(185, 28, 28)" i], [style*=";color:rgb(185, 28, 28)" i], [style*="; color:rgb(185, 28, 28)" i], [style^="color: rgb(185, 28, 28)" i], [style*=";color: rgb(185, 28, 28)" i], [style*="; color: rgb(185, 28, 28)" i]){color: var(--ui-danger-text) !important;}
:is([style^="color:rgb(21, 128, 61)" i], [style*=";color:rgb(21, 128, 61)" i], [style*="; color:rgb(21, 128, 61)" i], [style^="color: rgb(21, 128, 61)" i], [style*=";color: rgb(21, 128, 61)" i], [style*="; color: rgb(21, 128, 61)" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#eaf2ff" i], [style*=";background:#eaf2ff" i], [style*="; background:#eaf2ff" i], [style^="background: #eaf2ff" i], [style*=";background: #eaf2ff" i], [style*="; background: #eaf2ff" i]){background: var(--ui-alt) !important;}
:is([style^="background:#f5f7fb" i], [style*=";background:#f5f7fb" i], [style*="; background:#f5f7fb" i], [style^="background: #f5f7fb" i], [style*=";background: #f5f7fb" i], [style*="; background: #f5f7fb" i]){background: var(--ui-surface) !important;}
:is([style^="background:#e8f8f3" i], [style*=";background:#e8f8f3" i], [style*="; background:#e8f8f3" i], [style^="background: #e8f8f3" i], [style*=";background: #e8f8f3" i], [style*="; background: #e8f8f3" i]){background: var(--ui-alt) !important;}
:is([style^="background:blue" i], [style*=";background:blue" i], [style*="; background:blue" i], [style^="background: blue" i], [style*=";background: blue" i], [style*="; background: blue" i]){background: var(--ui-info-bg) !important;}
:is([style^="background:#22c55e" i], [style*=";background:#22c55e" i], [style*="; background:#22c55e" i], [style^="background: #22c55e" i], [style*=";background: #22c55e" i], [style*="; background: #22c55e" i]){background: var(--ui-success-bg) !important;}
:is([style^="color:#fff" i], [style*=";color:#fff" i], [style*="; color:#fff" i], [style^="color: #fff" i], [style*=";color: #fff" i], [style*="; color: #fff" i]){color: var(--ui-on-inverse) !important;}
:is([style^="background:#fff" i], [style*=";background:#fff" i], [style*="; background:#fff" i], [style^="background: #fff" i], [style*=";background: #fff" i], [style*="; background: #fff" i]){background: var(--ui-surface) !important;}
:is([style^="background:rgba(255,255,255,.96)" i], [style*=";background:rgba(255,255,255,.96)" i], [style*="; background:rgba(255,255,255,.96)" i], [style^="background: rgba(255,255,255,.96)" i], [style*=";background: rgba(255,255,255,.96)" i], [style*="; background: rgba(255,255,255,.96)" i]){background: var(--ui-surface) !important;}
:is([style^="border:rgba(219,227,238,.9)" i], [style*=";border:rgba(219,227,238,.9)" i], [style*="; border:rgba(219,227,238,.9)" i], [style^="border: rgba(219,227,238,.9)" i], [style*=";border: rgba(219,227,238,.9)" i], [style*="; border: rgba(219,227,238,.9)" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:blue" i], [style*=";border-color:blue" i], [style*="; border-color:blue" i], [style^="border-color: blue" i], [style*=";border-color: blue" i], [style*="; border-color: blue" i]){border-color: var(--ui-info-line) !important;}
:is([style^="border-bottom:#edf1f6" i], [style*=";border-bottom:#edf1f6" i], [style*="; border-bottom:#edf1f6" i], [style^="border-bottom: #edf1f6" i], [style*=";border-bottom: #edf1f6" i], [style*="; border-bottom: #edf1f6" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="background:#fee2e2" i], [style*=";background:#fee2e2" i], [style*="; background:#fee2e2" i], [style^="background: #fee2e2" i], [style*=";background: #fee2e2" i], [style*="; background: #fee2e2" i]){background: var(--ui-danger-bg) !important;}
:is([style^="color:#b91c1c" i], [style*=";color:#b91c1c" i], [style*="; color:#b91c1c" i], [style^="color: #b91c1c" i], [style*=";color: #b91c1c" i], [style*="; color: #b91c1c" i]){color: var(--ui-danger-text) !important;}
:is([style^="background:#e0f2fe" i], [style*=";background:#e0f2fe" i], [style*="; background:#e0f2fe" i], [style^="background: #e0f2fe" i], [style*=";background: #e0f2fe" i], [style*="; background: #e0f2fe" i]){background: var(--ui-info-bg) !important;}
:is([style^="color:#0369a1" i], [style*=";color:#0369a1" i], [style*="; color:#0369a1" i], [style^="color: #0369a1" i], [style*=";color: #0369a1" i], [style*="; color: #0369a1" i]){color: var(--ui-info-text) !important;}
:is([style^="background:navy" i], [style*=";background:navy" i], [style*="; background:navy" i], [style^="background: navy" i], [style*=";background: navy" i], [style*="; background: navy" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#172554" i], [style*=";background:#172554" i], [style*="; background:#172554" i], [style^="background: #172554" i], [style*=";background: #172554" i], [style*="; background: #172554" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#bae6fd" i], [style*=";color:#bae6fd" i], [style*="; color:#bae6fd" i], [style^="color: #bae6fd" i], [style*=";color: #bae6fd" i], [style*="; color: #bae6fd" i]){color: var(--ui-info-text) !important;}
:is([style^="color:green" i], [style*=";color:green" i], [style*="; color:green" i], [style^="color: green" i], [style*=";color: green" i], [style*="; color: green" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#ecfdf5" i], [style*=";background:#ecfdf5" i], [style*="; background:#ecfdf5" i], [style^="background: #ecfdf5" i], [style*=";background: #ecfdf5" i], [style*="; background: #ecfdf5" i]){background: var(--ui-alt) !important;}
:is([style^="color:#166534" i], [style*=";color:#166534" i], [style*="; color:#166534" i], [style^="color: #166534" i], [style*=";color: #166534" i], [style*="; color: #166534" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#f0f9ff" i], [style*=";background:#f0f9ff" i], [style*="; background:#f0f9ff" i], [style^="background: #f0f9ff" i], [style*=";background: #f0f9ff" i], [style*="; background: #f0f9ff" i]){background: var(--ui-surface) !important;}
:is([style^="color:#075985" i], [style*=";color:#075985" i], [style*="; color:#075985" i], [style^="color: #075985" i], [style*=";color: #075985" i], [style*="; color: #075985" i]){color: var(--ui-info-text) !important;}
:is([style^="background:rgba(2,6,23,.68)" i], [style*=";background:rgba(2,6,23,.68)" i], [style*="; background:rgba(2,6,23,.68)" i], [style^="background: rgba(2,6,23,.68)" i], [style*=";background: rgba(2,6,23,.68)" i], [style*="; background: rgba(2,6,23,.68)" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:navy" i], [style*=";border-color:navy" i], [style*="; border-color:navy" i], [style^="border-color: navy" i], [style*=";border-color: navy" i], [style*="; border-color: navy" i]){border-color: var(--ui-info-line) !important;}
:is([style^="background:#eff6ff" i], [style*=";background:#eff6ff" i], [style*="; background:#eff6ff" i], [style^="background: #eff6ff" i], [style*=";background: #eff6ff" i], [style*="; background: #eff6ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#1e40af" i], [style*=";color:#1e40af" i], [style*="; color:#1e40af" i], [style^="color: #1e40af" i], [style*=";color: #1e40af" i], [style*="; color: #1e40af" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#fff7d6" i], [style*=";background:#fff7d6" i], [style*="; background:#fff7d6" i], [style^="background: #fff7d6" i], [style*=";background: #fff7d6" i], [style*="; background: #fff7d6" i]){background: var(--ui-warning-bg) !important;}
:is([style^="border:#fde68a" i], [style*=";border:#fde68a" i], [style*="; border:#fde68a" i], [style^="border: #fde68a" i], [style*=";border: #fde68a" i], [style*="; border: #fde68a" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#92400e" i], [style*=";color:#92400e" i], [style*="; color:#92400e" i], [style^="color: #92400e" i], [style*=";color: #92400e" i], [style*="; color: #92400e" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#f8fafc" i], [style*=";background:#f8fafc" i], [style*="; background:#f8fafc" i], [style^="background: #f8fafc" i], [style*=";background: #f8fafc" i], [style*="; background: #f8fafc" i]){background: var(--ui-surface) !important;}
:is([style^="color:#1d4ed8" i], [style*=";color:#1d4ed8" i], [style*="; color:#1d4ed8" i], [style^="color: #1d4ed8" i], [style*=";color: #1d4ed8" i], [style*="; color: #1d4ed8" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#15803d" i], [style*=";color:#15803d" i], [style*="; color:#15803d" i], [style^="color: #15803d" i], [style*=";color: #15803d" i], [style*="; color: #15803d" i]){color: var(--ui-success-text) !important;}
:is([style^="color:navy" i], [style*=";color:navy" i], [style*="; color:navy" i], [style^="color: navy" i], [style*=";color: navy" i], [style*="; color: navy" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#7c3aed" i], [style*=";color:#7c3aed" i], [style*="; color:#7c3aed" i], [style^="color: #7c3aed" i], [style*=";color: #7c3aed" i], [style*="; color: #7c3aed" i]){color: var(--ui-purple-text) !important;}
:is([style^="background:#07111f" i], [style*=";background:#07111f" i], [style*="; background:#07111f" i], [style^="background: #07111f" i], [style*=";background: #07111f" i], [style*="; background: #07111f" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#0f2850" i], [style*=";background:#0f2850" i], [style*="; background:#0f2850" i], [style^="background: #0f2850" i], [style*=";background: #0f2850" i], [style*="; background: #0f2850" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#075985" i], [style*=";background:#075985" i], [style*="; background:#075985" i], [style^="background: #075985" i], [style*=";background: #075985" i], [style*="; background: #075985" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#dcfce7" i], [style*=";background:#dcfce7" i], [style*="; background:#dcfce7" i], [style^="background: #dcfce7" i], [style*=";background: #dcfce7" i], [style*="; background: #dcfce7" i]){background: var(--ui-success-bg) !important;}
:is([style^="background:#0b1d35" i], [style*=";background:#0b1d35" i], [style*="; background:#0b1d35" i], [style^="background: #0b1d35" i], [style*=";background: #0b1d35" i], [style*="; background: #0b1d35" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#94a3b8" i], [style*=";color:#94a3b8" i], [style*="; color:#94a3b8" i], [style^="color: #94a3b8" i], [style*=";color: #94a3b8" i], [style*="; color: #94a3b8" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#64748b" i], [style*=";color:#64748b" i], [style*="; color:#64748b" i], [style^="color: #64748b" i], [style*=";color: #64748b" i], [style*="; color: #64748b" i]){color: var(--ui-muted) !important;}
:is([style^="color:#dbeafe" i], [style*=";color:#dbeafe" i], [style*="; color:#dbeafe" i], [style^="color: #dbeafe" i], [style*=";color: #dbeafe" i], [style*="; color: #dbeafe" i]){color: var(--ui-on-inverse) !important;}
:is([style^="background:#132a47" i], [style*=";background:#132a47" i], [style*="; background:#132a47" i], [style^="background: #132a47" i], [style*=";background: #132a47" i], [style*="; background: #132a47" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#0ea5e9" i], [style*=";background:#0ea5e9" i], [style*="; background:#0ea5e9" i], [style^="background: #0ea5e9" i], [style*=";background: #0ea5e9" i], [style*="; background: #0ea5e9" i]){background: var(--ui-info-bg) !important;}
:is([style^="color:#7dd3fc" i], [style*=";color:#7dd3fc" i], [style*="; color:#7dd3fc" i], [style^="color: #7dd3fc" i], [style*=";color: #7dd3fc" i], [style*="; color: #7dd3fc" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#0f3d32" i], [style*=";background:#0f3d32" i], [style*="; background:#0f3d32" i], [style^="background: #0f3d32" i], [style*=";background: #0f3d32" i], [style*="; background: #0f3d32" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#86efac" i], [style*=";color:#86efac" i], [style*="; color:#86efac" i], [style^="color: #86efac" i], [style*=";color: #86efac" i], [style*="; color: #86efac" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#fecaca" i], [style*=";color:#fecaca" i], [style*="; color:#fecaca" i], [style^="color: #fecaca" i], [style*=";color: #fecaca" i], [style*="; color: #fecaca" i]){color: var(--ui-danger-text) !important;}
:is([style^="border-color:#3f2933" i], [style*=";border-color:#3f2933" i], [style*="; border-color:#3f2933" i], [style^="border-color: #3f2933" i], [style*=";border-color: #3f2933" i], [style*="; border-color: #3f2933" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#eef2f7" i], [style*=";background:#eef2f7" i], [style*="; background:#eef2f7" i], [style^="background: #eef2f7" i], [style*=";background: #eef2f7" i], [style*="; background: #eef2f7" i]){background: var(--ui-alt) !important;}
:is([style^="color:#475569" i], [style*=";color:#475569" i], [style*="; color:#475569" i], [style^="color: #475569" i], [style*=";color: #475569" i], [style*="; color: #475569" i]){color: var(--ui-info-text) !important;}
:is([style^="border:#cbd5e1" i], [style*=";border:#cbd5e1" i], [style*="; border:#cbd5e1" i], [style^="border: #cbd5e1" i], [style*=";border: #cbd5e1" i], [style*="; border: #cbd5e1" i]){border-color: var(--ui-border) !important;}
:is([style^="border-left:#1e3a5f" i], [style*=";border-left:#1e3a5f" i], [style*="; border-left:#1e3a5f" i], [style^="border-left: #1e3a5f" i], [style*=";border-left: #1e3a5f" i], [style*="; border-left: #1e3a5f" i]){border-left-color: var(--ui-info-line) !important;}
:is([style^="color:#38bdf8" i], [style*=";color:#38bdf8" i], [style*="; color:#38bdf8" i], [style^="color: #38bdf8" i], [style*=";color: #38bdf8" i], [style*="; color: #38bdf8" i]){color: var(--ui-info-text) !important;}
:is([style^="border:#1e3a5f" i], [style*=";border:#1e3a5f" i], [style*="; border:#1e3a5f" i], [style^="border: #1e3a5f" i], [style*=";border: #1e3a5f" i], [style*="; border: #1e3a5f" i]){border-color: var(--ui-info-line) !important;}
:is([style^="border:#94a3b8" i], [style*=";border:#94a3b8" i], [style*="; border:#94a3b8" i], [style^="border: #94a3b8" i], [style*=";border: #94a3b8" i], [style*="; border: #94a3b8" i]){border-color: var(--ui-info-line) !important;}
:is([style^="background:#fef3c7" i], [style*=";background:#fef3c7" i], [style*="; background:#fef3c7" i], [style^="background: #fef3c7" i], [style*=";background: #fef3c7" i], [style*="; background: #fef3c7" i]){background: var(--ui-warning-bg) !important;}
:is([style^="background:#dbeafe" i], [style*=";background:#dbeafe" i], [style*="; background:#dbeafe" i], [style^="background: #dbeafe" i], [style*=";background: #dbeafe" i], [style*="; background: #dbeafe" i]){background: var(--ui-info-bg) !important;}
:is([style^="background:#dc2626" i], [style*=";background:#dc2626" i], [style*="; background:#dc2626" i], [style^="background: #dc2626" i], [style*=";background: #dc2626" i], [style*="; background: #dc2626" i]){background: var(--ui-danger-bg) !important;}
:is([style^="background:#fff1f2" i], [style*=";background:#fff1f2" i], [style*="; background:#fff1f2" i], [style^="background: #fff1f2" i], [style*=";background: #fff1f2" i], [style*="; background: #fff1f2" i]){background: var(--ui-surface) !important;}
:is([style^="border:#fca5a5" i], [style*=";border:#fca5a5" i], [style*="; border:#fca5a5" i], [style^="border: #fca5a5" i], [style*=";border: #fca5a5" i], [style*="; border: #fca5a5" i]){border-color: var(--ui-border) !important;}
:is([style^="border-left:#dc2626" i], [style*=";border-left:#dc2626" i], [style*="; border-left:#dc2626" i], [style^="border-left: #dc2626" i], [style*=";border-left: #dc2626" i], [style*="; border-left: #dc2626" i]){border-left-color: var(--ui-danger-line) !important;}
:is([style^="color:#991b1b" i], [style*=";color:#991b1b" i], [style*="; color:#991b1b" i], [style^="color: #991b1b" i], [style*=";color: #991b1b" i], [style*="; color: #991b1b" i]){color: var(--ui-danger-text) !important;}
:is([style^="color:#334155" i], [style*=";color:#334155" i], [style*="; color:#334155" i], [style^="color: #334155" i], [style*=";color: #334155" i], [style*="; color: #334155" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#f1f5f9" i], [style*=";background:#f1f5f9" i], [style*="; background:#f1f5f9" i], [style^="background: #f1f5f9" i], [style*=";background: #f1f5f9" i], [style*="; background: #f1f5f9" i]){background: var(--ui-alt) !important;}
:is([style^="border:#38bdf8" i], [style*=";border:#38bdf8" i], [style*="; border:#38bdf8" i], [style^="border: #38bdf8" i], [style*=";border: #38bdf8" i], [style*="; border: #38bdf8" i]){border-color: var(--ui-info-line) !important;}
:is([style^="background:#0f172a" i], [style*=";background:#0f172a" i], [style*="; background:#0f172a" i], [style^="background: #0f172a" i], [style*=";background: #0f172a" i], [style*="; background: #0f172a" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#f3f6fa" i], [style*=";background:#f3f6fa" i], [style*="; background:#f3f6fa" i], [style^="background: #f3f6fa" i], [style*=";background: #f3f6fa" i], [style*="; background: #f3f6fa" i]){background: var(--ui-alt) !important;}
:is([style^="color:#101828" i], [style*=";color:#101828" i], [style*="; color:#101828" i], [style^="color: #101828" i], [style*=";color: #101828" i], [style*="; color: #101828" i]){color: var(--ui-text) !important;}
:is([style^="color:#738096" i], [style*=";color:#738096" i], [style*="; color:#738096" i], [style^="color: #738096" i], [style*=";color: #738096" i], [style*="; color: #738096" i]){color: var(--ui-muted) !important;}
:is([style^="background:#091729" i], [style*=";background:#091729" i], [style*="; background:#091729" i], [style^="background: #091729" i], [style*=";background: #091729" i], [style*="; background: #091729" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#0c2139" i], [style*=";background:#0c2139" i], [style*="; background:#0c2139" i], [style^="background: #0c2139" i], [style*=";background: #0c2139" i], [style*="; background: #0c2139" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#718198" i], [style*=";color:#718198" i], [style*="; color:#718198" i], [style^="color: #718198" i], [style*=";color: #718198" i], [style*="; color: #718198" i]){color: var(--ui-muted) !important;}
:is([style^="color:#d5deea" i], [style*=";color:#d5deea" i], [style*="; color:#d5deea" i], [style^="color: #d5deea" i], [style*=";color: #d5deea" i], [style*="; color: #d5deea" i]){color: var(--ui-muted) !important;}
:is([style^="background:#142c49" i], [style*=";background:#142c49" i], [style*="; background:#142c49" i], [style^="background: #142c49" i], [style*=";background: #142c49" i], [style*="; background: #142c49" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#087fbe" i], [style*=";background:#087fbe" i], [style*="; background:#087fbe" i], [style^="background: #087fbe" i], [style*=";background: #087fbe" i], [style*="; background: #087fbe" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#e1e7ef" i], [style*=";border:#e1e7ef" i], [style*="; border:#e1e7ef" i], [style^="border: #e1e7ef" i], [style*=";border: #e1e7ef" i], [style*="; border: #e1e7ef" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#fbfcfe" i], [style*=";background:#fbfcfe" i], [style*="; background:#fbfcfe" i], [style^="background: #fbfcfe" i], [style*=";background: #fbfcfe" i], [style*="; background: #fbfcfe" i]){background: var(--ui-surface) !important;}
:is([style^="background:rgba(9,20,36,.58)" i], [style*=";background:rgba(9,20,36,.58)" i], [style*="; background:rgba(9,20,36,.58)" i], [style^="background: rgba(9,20,36,.58)" i], [style*=";background: rgba(9,20,36,.58)" i], [style*="; background: rgba(9,20,36,.58)" i]){background: var(--ui-inverse) !important;}
:is([style^="border:rgba(255,255,255,.55)" i], [style*=";border:rgba(255,255,255,.55)" i], [style*="; border:rgba(255,255,255,.55)" i], [style^="border: rgba(255,255,255,.55)" i], [style*=";border: rgba(255,255,255,.55)" i], [style*="; border: rgba(255,255,255,.55)" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#dde4ed" i], [style*=";border:#dde4ed" i], [style*="; border:#dde4ed" i], [style^="border: #dde4ed" i], [style*=";border: #dde4ed" i], [style*="; border: #dde4ed" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#263348" i], [style*=";color:#263348" i], [style*="; color:#263348" i], [style^="color: #263348" i], [style*=";color: #263348" i], [style*="; color: #263348" i]){color: var(--ui-info-text) !important;}
:is([style^="border-color:#c8d3e0" i], [style*=";border-color:#c8d3e0" i], [style*="; border-color:#c8d3e0" i], [style^="border-color: #c8d3e0" i], [style*=";border-color: #c8d3e0" i], [style*="; border-color: #c8d3e0" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#087fbe" i], [style*=";border-color:#087fbe" i], [style*="; border-color:#087fbe" i], [style^="border-color: #087fbe" i], [style*=";border-color: #087fbe" i], [style*="; border-color: #087fbe" i]){border-color: var(--ui-info-line) !important;}
:is([style^="background:#066fa7" i], [style*=";background:#066fa7" i], [style*="; background:#066fa7" i], [style^="background: #066fa7" i], [style*=";background: #066fa7" i], [style*="; background: #066fa7" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#168a50" i], [style*=";border-color:#168a50" i], [style*="; border-color:#168a50" i], [style^="border-color: #168a50" i], [style*=";border-color: #168a50" i], [style*="; border-color: #168a50" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#168a50" i], [style*=";background:#168a50" i], [style*="; background:#168a50" i], [style^="background: #168a50" i], [style*=";background: #168a50" i], [style*="; background: #168a50" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#d8e0ea" i], [style*=";border-color:#d8e0ea" i], [style*="; border-color:#d8e0ea" i], [style^="border-color: #d8e0ea" i], [style*=";border-color: #d8e0ea" i], [style*="; border-color: #d8e0ea" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#98a2b3" i], [style*=";color:#98a2b3" i], [style*="; color:#98a2b3" i], [style^="color: #98a2b3" i], [style*=";color: #98a2b3" i], [style*="; color: #98a2b3" i]){color: var(--ui-muted) !important;}
:is([style^="border-color:#becada" i], [style*=";border-color:#becada" i], [style*="; border-color:#becada" i], [style^="border-color: #becada" i], [style*=";border-color: #becada" i], [style*="; border-color: #becada" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#168ccb" i], [style*=";border-color:#168ccb" i], [style*="; border-color:#168ccb" i], [style^="border-color: #168ccb" i], [style*=";border-color: #168ccb" i], [style*="; border-color: #168ccb" i]){border-color: var(--ui-info-line) !important;}
:is([style^="color:#566277" i], [style*=";color:#566277" i], [style*="; color:#566277" i], [style^="color: #566277" i], [style*=";color: #566277" i], [style*="; color: #566277" i]){color: var(--ui-muted) !important;}
:is([style^="background:#122239" i], [style*=";background:#122239" i], [style*="; background:#122239" i], [style^="background: #122239" i], [style*=";background: #122239" i], [style*="; background: #122239" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#122239" i], [style*=";border-color:#122239" i], [style*="; border-color:#122239" i], [style^="border-color: #122239" i], [style*=";border-color: #122239" i], [style*="; border-color: #122239" i]){border-color: var(--ui-info-line) !important;}
:is([style^="border:#e3e8ef" i], [style*=";border:#e3e8ef" i], [style*="; border:#e3e8ef" i], [style^="border: #e3e8ef" i], [style*=";border: #e3e8ef" i], [style*="; border: #e3e8ef" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f7f9fc" i], [style*=";background:#f7f9fc" i], [style*="; background:#f7f9fc" i], [style^="background: #f7f9fc" i], [style*=";background: #f7f9fc" i], [style*="; background: #f7f9fc" i]){background: var(--ui-surface) !important;}
:is([style^="color:#5f6c80" i], [style*=";color:#5f6c80" i], [style*="; color:#5f6c80" i], [style^="color: #5f6c80" i], [style*=";color: #5f6c80" i], [style*="; color: #5f6c80" i]){color: var(--ui-muted) !important;}
:is([style^="background:#f7fbfe" i], [style*=";background:#f7fbfe" i], [style*="; background:#f7fbfe" i], [style^="background: #f7fbfe" i], [style*=";background: #f7fbfe" i], [style*="; background: #f7fbfe" i]){background: var(--ui-surface) !important;}
:is([style^="background:#fafbfd" i], [style*=";background:#fafbfd" i], [style*="; background:#fafbfd" i], [style^="background: #fafbfd" i], [style*=";background: #fafbfd" i], [style*="; background: #fafbfd" i]){background: var(--ui-surface) !important;}
:is([style^="background:#0c192b" i], [style*=";background:#0c192b" i], [style*="; background:#0c192b" i], [style^="background: #0c192b" i], [style*=";background: #0c192b" i], [style*="; background: #0c192b" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#123454" i], [style*=";background:#123454" i], [style*="; background:#123454" i], [style^="background: #123454" i], [style*=";background: #123454" i], [style*="; background: #123454" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#7b8799" i], [style*=";color:#7b8799" i], [style*="; color:#7b8799" i], [style^="color: #7b8799" i], [style*=";color: #7b8799" i], [style*="; color: #7b8799" i]){color: var(--ui-muted) !important;}
:is([style^="color:#087fbe" i], [style*=";color:#087fbe" i], [style*="; color:#087fbe" i], [style^="color: #087fbe" i], [style*=";color: #087fbe" i], [style*="; color: #087fbe" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#667085" i], [style*=";color:#667085" i], [style*="; color:#667085" i], [style^="color: #667085" i], [style*=";color: #667085" i], [style*="; color: #667085" i]){color: var(--ui-muted) !important;}
:is([style^="border:#d0d5dd" i], [style*=";border:#d0d5dd" i], [style*="; border:#d0d5dd" i], [style^="border: #d0d5dd" i], [style*=";border: #d0d5dd" i], [style*="; border: #d0d5dd" i]){border-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e4e7ec" i], [style*=";border-bottom:#e4e7ec" i], [style*="; border-bottom:#e4e7ec" i], [style^="border-bottom: #e4e7ec" i], [style*=";border-bottom: #e4e7ec" i], [style*="; border-bottom: #e4e7ec" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="background:#f2f4f7" i], [style*=";background:#f2f4f7" i], [style*="; background:#f2f4f7" i], [style^="background: #f2f4f7" i], [style*=";background: #f2f4f7" i], [style*="; background: #f2f4f7" i]){background: var(--ui-alt) !important;}
:is([style^="border-bottom:#dbe3ee" i], [style*=";border-bottom:#dbe3ee" i], [style*="; border-bottom:#dbe3ee" i], [style^="border-bottom: #dbe3ee" i], [style*=";border-bottom: #dbe3ee" i], [style*="; border-bottom: #dbe3ee" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="background:#edf2f7" i], [style*=";background:#edf2f7" i], [style*="; background:#edf2f7" i], [style^="background: #edf2f7" i], [style*=";background: #edf2f7" i], [style*="; background: #edf2f7" i]){background: var(--ui-alt) !important;}
:is([style^="color:#0f172a" i], [style*=";color:#0f172a" i], [style*="; color:#0f172a" i], [style^="color: #0f172a" i], [style*=";color: #0f172a" i], [style*="; color: #0f172a" i]){color: var(--ui-text) !important;}
:is([style^="border-bottom:#0ea5e9" i], [style*=";border-bottom:#0ea5e9" i], [style*="; border-bottom:#0ea5e9" i], [style^="border-bottom: #0ea5e9" i], [style*=";border-bottom: #0ea5e9" i], [style*="; border-bottom: #0ea5e9" i]){border-bottom-color: var(--ui-info-line) !important;}
:is([style^="border:#dbe3ee" i], [style*=";border:#dbe3ee" i], [style*="; border:#dbe3ee" i], [style^="border: #dbe3ee" i], [style*=";border: #dbe3ee" i], [style*="; border: #dbe3ee" i]){border-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e8edf4" i], [style*=";border-bottom:#e8edf4" i], [style*="; border-bottom:#e8edf4" i], [style^="border-bottom: #e8edf4" i], [style*=";border-bottom: #e8edf4" i], [style*="; border-bottom: #e8edf4" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-right:#e8edf4" i], [style*=";border-right:#e8edf4" i], [style*="; border-right:#e8edf4" i], [style^="border-right: #e8edf4" i], [style*=";border-right: #e8edf4" i], [style*="; border-right: #e8edf4" i]){border-right-color: var(--ui-border) !important;}
:is([style^="background:#0b1220" i], [style*=";background:#0b1220" i], [style*="; background:#0b1220" i], [style^="background: #0b1220" i], [style*=";background: #0b1220" i], [style*="; background: #0b1220" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#bbf7d0" i], [style*=";border:#bbf7d0" i], [style*="; border:#bbf7d0" i], [style^="border: #bbf7d0" i], [style*=";border: #bbf7d0" i], [style*="; border: #bbf7d0" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#bfdbfe" i], [style*=";border-color:#bfdbfe" i], [style*="; border-color:#bfdbfe" i], [style^="border-color: #bfdbfe" i], [style*=";border-color: #bfdbfe" i], [style*="; border-color: #bfdbfe" i]){border-color: var(--ui-border) !important;}
:is([style^="border-left:#0ea5e9" i], [style*=";border-left:#0ea5e9" i], [style*="; border-left:#0ea5e9" i], [style^="border-left: #0ea5e9" i], [style*=";border-left: #0ea5e9" i], [style*="; border-left: #0ea5e9" i]){border-left-color: var(--ui-info-line) !important;}
:is([style^="border-top:#dbe3ee" i], [style*=";border-top:#dbe3ee" i], [style*="; border-top:#dbe3ee" i], [style^="border-top: #dbe3ee" i], [style*=";border-top: #dbe3ee" i], [style*="; border-top: #dbe3ee" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#111" i], [style*=";color:#111" i], [style*="; color:#111" i], [style^="color: #111" i], [style*=";color: #111" i], [style*="; color: #111" i]){color: var(--ui-text) !important;}
:is([style^="border-bottom:#999" i], [style*=";border-bottom:#999" i], [style*="; border-bottom:#999" i], [style^="border-bottom: #999" i], [style*=";border-bottom: #999" i], [style*="; border-bottom: #999" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-top:#999" i], [style*=";border-top:#999" i], [style*="; border-top:#999" i], [style^="border-top: #999" i], [style*=";border-top: #999" i], [style*="; border-top: #999" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#172033" i], [style*=";color:#172033" i], [style*="; color:#172033" i], [style^="color: #172033" i], [style*=";color: #172033" i], [style*="; color: #172033" i]){color: var(--ui-info-text) !important;}
:is([style^="border-bottom:#ddd" i], [style*=";border-bottom:#ddd" i], [style*="; border-bottom:#ddd" i], [style^="border-bottom: #ddd" i], [style*=";border-bottom: #ddd" i], [style*="; border-bottom: #ddd" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-color:#dbe3ee" i], [style*=";border-color:#dbe3ee" i], [style*="; border-color:#dbe3ee" i], [style^="border-color: #dbe3ee" i], [style*=";border-color: #dbe3ee" i], [style*="; border-color: #dbe3ee" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#16a34a" i], [style*=";background:#16a34a" i], [style*="; background:#16a34a" i], [style^="background: #16a34a" i], [style*=";background: #16a34a" i], [style*="; background: #16a34a" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#16a34a" i], [style*=";border-color:#16a34a" i], [style*="; border-color:#16a34a" i], [style^="border-color: #16a34a" i], [style*=";border-color: #16a34a" i], [style*="; border-color: #16a34a" i]){border-color: var(--ui-success-line) !important;}
:is([style^="border-bottom:#eef2f7" i], [style*=";border-bottom:#eef2f7" i], [style*="; border-bottom:#eef2f7" i], [style^="border-bottom: #eef2f7" i], [style*=";border-bottom: #eef2f7" i], [style*="; border-bottom: #eef2f7" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-color:#38bdf8" i], [style*=";border-color:#38bdf8" i], [style*="; border-color:#38bdf8" i], [style^="border-color: #38bdf8" i], [style*=";border-color: #38bdf8" i], [style*="; border-color: #38bdf8" i]){border-color: var(--ui-info-line) !important;}
:is([style^="background:#eef8ff" i], [style*=";background:#eef8ff" i], [style*="; background:#eef8ff" i], [style^="background: #eef8ff" i], [style*=";background: #eef8ff" i], [style*="; background: #eef8ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#6d28d9" i], [style*=";color:#6d28d9" i], [style*="; color:#6d28d9" i], [style^="color: #6d28d9" i], [style*=";color: #6d28d9" i], [style*="; color: #6d28d9" i]){color: var(--ui-purple-text) !important;}
:is([style^="background:#f5f3ff" i], [style*=";background:#f5f3ff" i], [style*="; background:#f5f3ff" i], [style^="background: #f5f3ff" i], [style*=";background: #f5f3ff" i], [style*="; background: #f5f3ff" i]){background: var(--ui-surface) !important;}
:is([style^="border-color:#ddd6fe" i], [style*=";border-color:#ddd6fe" i], [style*="; border-color:#ddd6fe" i], [style^="border-color: #ddd6fe" i], [style*=";border-color: #ddd6fe" i], [style*="; border-color: #ddd6fe" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#bbf7d0" i], [style*=";border-color:#bbf7d0" i], [style*="; border-color:#bbf7d0" i], [style^="border-color: #bbf7d0" i], [style*=";border-color: #bbf7d0" i], [style*="; border-color: #bbf7d0" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#fef2f2" i], [style*=";background:#fef2f2" i], [style*="; background:#fef2f2" i], [style^="background: #fef2f2" i], [style*=";background: #fef2f2" i], [style*="; background: #fef2f2" i]){background: var(--ui-surface) !important;}
:is([style^="border-color:#fecaca" i], [style*=";border-color:#fecaca" i], [style*="; border-color:#fecaca" i], [style^="border-color: #fecaca" i], [style*=";border-color: #fecaca" i], [style*="; border-color: #fecaca" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#cbd5e1" i], [style*=";border-color:#cbd5e1" i], [style*="; border-color:#cbd5e1" i], [style^="border-color: #cbd5e1" i], [style*=";border-color: #cbd5e1" i], [style*="; border-color: #cbd5e1" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#bae6fd" i], [style*=";border:#bae6fd" i], [style*="; border:#bae6fd" i], [style^="border: #bae6fd" i], [style*=";border: #bae6fd" i], [style*="; border: #bae6fd" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#b45309" i], [style*=";color:#b45309" i], [style*="; color:#b45309" i], [style^="color: #b45309" i], [style*=";color: #b45309" i], [style*="; color: #b45309" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#fffbeb" i], [style*=";background:#fffbeb" i], [style*="; background:#fffbeb" i], [style^="background: #fffbeb" i], [style*=";background: #fffbeb" i], [style*="; background: #fffbeb" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#fde68a" i], [style*=";border-color:#fde68a" i], [style*="; border-color:#fde68a" i], [style^="border-color: #fde68a" i], [style*=";border-color: #fde68a" i], [style*="; border-color: #fde68a" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#fff7ed" i], [style*=";background:#fff7ed" i], [style*="; background:#fff7ed" i], [style^="background: #fff7ed" i], [style*=";background: #fff7ed" i], [style*="; background: #fff7ed" i]){background: var(--ui-alt) !important;}
:is([style^="color:#c2410c" i], [style*=";color:#c2410c" i], [style*="; color:#c2410c" i], [style^="color: #c2410c" i], [style*=";color: #c2410c" i], [style*="; color: #c2410c" i]){color: var(--ui-danger-text) !important;}
:is([style^="background:#fefce8" i], [style*=";background:#fefce8" i], [style*="; background:#fefce8" i], [style^="background: #fefce8" i], [style*=";background: #fefce8" i], [style*="; background: #fefce8" i]){background: var(--ui-alt) !important;}
:is([style^="color:#a16207" i], [style*=";color:#a16207" i], [style*="; color:#a16207" i], [style^="color: #a16207" i], [style*=";color: #a16207" i], [style*="; color: #a16207" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#e2e8f0" i], [style*=";background:#e2e8f0" i], [style*="; background:#e2e8f0" i], [style^="background: #e2e8f0" i], [style*=";background: #e2e8f0" i], [style*="; background: #e2e8f0" i]){background: var(--ui-alt) !important;}
:is([style^="border:#dbe7f0" i], [style*=";border:#dbe7f0" i], [style*="; border:#dbe7f0" i], [style^="border: #dbe7f0" i], [style*=";border: #dbe7f0" i], [style*="; border: #dbe7f0" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f8fbfd" i], [style*=";background:#f8fbfd" i], [style*="; background:#f8fbfd" i], [style^="background: #f8fbfd" i], [style*=";background: #f8fbfd" i], [style*="; background: #f8fbfd" i]){background: var(--ui-surface) !important;}
:is([style^="border:#ccd9e5" i], [style*=";border:#ccd9e5" i], [style*="; border:#ccd9e5" i], [style^="border: #ccd9e5" i], [style*=";border: #ccd9e5" i], [style*="; border: #ccd9e5" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#eef8fd" i], [style*=";background:#eef8fd" i], [style*="; background:#eef8fd" i], [style^="background: #eef8fd" i], [style*=";background: #eef8fd" i], [style*="; background: #eef8fd" i]){background: var(--ui-alt) !important;}
:is([style^="border-left:#dbe4ed" i], [style*=";border-left:#dbe4ed" i], [style*="; border-left:#dbe4ed" i], [style^="border-left: #dbe4ed" i], [style*=";border-left: #dbe4ed" i], [style*="; border-left: #dbe4ed" i]){border-left-color: var(--ui-border) !important;}
:is([style^="background:#f5fbff" i], [style*=";background:#f5fbff" i], [style*="; background:#f5fbff" i], [style^="background: #f5fbff" i], [style*=";background: #f5fbff" i], [style*="; background: #f5fbff" i]){background: var(--ui-surface) !important;}
:is([style^="background:#fff8eb" i], [style*=";background:#fff8eb" i], [style*="; background:#fff8eb" i], [style^="background: #fff8eb" i], [style*=";background: #fff8eb" i], [style*="; background: #fff8eb" i]){background: var(--ui-alt) !important;}
:is([style^="color:#168a50" i], [style*=";color:#168a50" i], [style*="; color:#168a50" i], [style^="color: #168a50" i], [style*=";color: #168a50" i], [style*="; color: #168a50" i]){color: var(--ui-success-text) !important;}
:is([style^="background:rgba(8,18,35,.72)" i], [style*=";background:rgba(8,18,35,.72)" i], [style*="; background:rgba(8,18,35,.72)" i], [style^="background: rgba(8,18,35,.72)" i], [style*=";background: rgba(8,18,35,.72)" i], [style*="; background: rgba(8,18,35,.72)" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#596980" i], [style*=";color:#596980" i], [style*="; color:#596980" i], [style^="color: #596980" i], [style*=";color: #596980" i], [style*="; color: #596980" i]){color: var(--ui-muted) !important;}
:is([style^="border:#d8e2ec" i], [style*=";border:#d8e2ec" i], [style*="; border:#d8e2ec" i], [style^="border: #d8e2ec" i], [style*=";border: #d8e2ec" i], [style*="; border: #d8e2ec" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f5f8fb" i], [style*=";background:#f5f8fb" i], [style*="; background:#f5f8fb" i], [style^="background: #f5f8fb" i], [style*=";background: #f5f8fb" i], [style*="; background: #f5f8fb" i]){background: var(--ui-surface) !important;}
:is([style^="border-bottom:#d8e2ec" i], [style*=";border-bottom:#d8e2ec" i], [style*="; border-bottom:#d8e2ec" i], [style^="border-bottom: #d8e2ec" i], [style*=";border-bottom: #d8e2ec" i], [style*="; border-bottom: #d8e2ec" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="color:#66758a" i], [style*=";color:#66758a" i], [style*="; color:#66758a" i], [style^="color: #66758a" i], [style*=";color: #66758a" i], [style*="; color: #66758a" i]){color: var(--ui-muted) !important;}
:is([style^="background:#fbfcfd" i], [style*=";background:#fbfcfd" i], [style*="; background:#fbfcfd" i], [style^="background: #fbfcfd" i], [style*=";background: #fbfcfd" i], [style*="; background: #fbfcfd" i]){background: var(--ui-surface) !important;}
:is([style^="border-top:#edf1f5" i], [style*=";border-top:#edf1f5" i], [style*="; border-top:#edf1f5" i], [style^="border-top: #edf1f5" i], [style*=";border-top: #edf1f5" i], [style*="; border-top: #edf1f5" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#eefaf3" i], [style*=";background:#eefaf3" i], [style*="; background:#eefaf3" i], [style^="background: #eefaf3" i], [style*=";background: #eefaf3" i], [style*="; background: #eefaf3" i]){background: var(--ui-alt) !important;}
:is([style^="color:#087a43" i], [style*=";color:#087a43" i], [style*="; color:#087a43" i], [style^="color: #087a43" i], [style*=";color: #087a43" i], [style*="; color: #087a43" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#fff7e8" i], [style*=";background:#fff7e8" i], [style*="; background:#fff7e8" i], [style^="background: #fff7e8" i], [style*=";background: #fff7e8" i], [style*="; background: #fff7e8" i]){background: var(--ui-alt) !important;}
:is([style^="color:#a65b00" i], [style*=";color:#a65b00" i], [style*="; color:#a65b00" i], [style^="color: #a65b00" i], [style*=";color: #a65b00" i], [style*="; color: #a65b00" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#e9f5ff" i], [style*=";background:#e9f5ff" i], [style*="; background:#e9f5ff" i], [style^="background: #e9f5ff" i], [style*=";background: #e9f5ff" i], [style*="; background: #e9f5ff" i]){background: var(--ui-alt) !important;}
:is([style^="background:#f2ecff" i], [style*=";background:#f2ecff" i], [style*="; background:#f2ecff" i], [style^="background: #f2ecff" i], [style*=";background: #f2ecff" i], [style*="; background: #f2ecff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#7141bd" i], [style*=";color:#7141bd" i], [style*="; color:#7141bd" i], [style^="color: #7141bd" i], [style*=";color: #7141bd" i], [style*="; color: #7141bd" i]){color: var(--ui-purple-text) !important;}
:is([style^="background:#ffe2e2" i], [style*=";background:#ffe2e2" i], [style*="; background:#ffe2e2" i], [style^="background: #ffe2e2" i], [style*=";background: #ffe2e2" i], [style*="; background: #ffe2e2" i]){background: var(--ui-danger-bg) !important;}
:is([style^="color:#c62828" i], [style*=";color:#c62828" i], [style*="; color:#c62828" i], [style^="color: #c62828" i], [style*=";color: #c62828" i], [style*="; color: #c62828" i]){color: var(--ui-danger-text) !important;}
:is([style^="border-top:#d8e2ec" i], [style*=";border-top:#d8e2ec" i], [style*="; border-top:#d8e2ec" i], [style^="border-top: #d8e2ec" i], [style*=";border-top: #d8e2ec" i], [style*="; border-top: #d8e2ec" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border-bottom:#edf1f5" i], [style*=";border-bottom:#edf1f5" i], [style*="; border-bottom:#edf1f5" i], [style^="border-bottom: #edf1f5" i], [style*=";border-bottom: #edf1f5" i], [style*="; border-bottom: #edf1f5" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border:#cfe0ec" i], [style*=";border:#cfe0ec" i], [style*="; border:#cfe0ec" i], [style^="border: #cfe0ec" i], [style*=";border: #cfe0ec" i], [style*="; border: #cfe0ec" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#dde8f0" i], [style*=";border:#dde8f0" i], [style*="; border:#dde8f0" i], [style^="border: #dde8f0" i], [style*=";border: #dde8f0" i], [style*="; border: #dde8f0" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#69788c" i], [style*=";color:#69788c" i], [style*="; color:#69788c" i], [style^="color: #69788c" i], [style*=";color: #69788c" i], [style*="; color: #69788c" i]){color: var(--ui-muted) !important;}
:is([style^="background:#0c213d" i], [style*=";background:#0c213d" i], [style*="; background:#0c213d" i], [style^="background: #0c213d" i], [style*=";background: #0c213d" i], [style*="; background: #0c213d" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#0c213d" i], [style*=";border-color:#0c213d" i], [style*="; border-color:#0c213d" i], [style^="border-color: #0c213d" i], [style*=";border-color: #0c213d" i], [style*="; border-color: #0c213d" i]){border-color: var(--ui-info-line) !important;}
:is([style^="border:#d5e2ec" i], [style*=";border:#d5e2ec" i], [style*="; border:#d5e2ec" i], [style^="border: #d5e2ec" i], [style*=";border: #d5e2ec" i], [style*="; border: #d5e2ec" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#718096" i], [style*=";color:#718096" i], [style*="; color:#718096" i], [style^="color: #718096" i], [style*=";color: #718096" i], [style*="; color: #718096" i]){color: var(--ui-muted) !important;}
:is([style^="border:#d8e3ed" i], [style*=";border:#d8e3ed" i], [style*="; border:#d8e3ed" i], [style^="border: #d8e3ed" i], [style*=";border: #d8e3ed" i], [style*="; border: #d8e3ed" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#dce6ee" i], [style*=";border:#dce6ee" i], [style*="; border:#dce6ee" i], [style^="border: #dce6ee" i], [style*=";border: #dce6ee" i], [style*="; border: #dce6ee" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#fbfdff" i], [style*=";background:#fbfdff" i], [style*="; background:#fbfdff" i], [style^="background: #fbfdff" i], [style*=";background: #fbfdff" i], [style*="; background: #fbfdff" i]){background: var(--ui-surface) !important;}
:is([style^="border-color:#b9dfcb" i], [style*=";border-color:#b9dfcb" i], [style*="; border-color:#b9dfcb" i], [style^="border-color: #b9dfcb" i], [style*=";border-color: #b9dfcb" i], [style*="; border-color: #b9dfcb" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f6fff9" i], [style*=";background:#f6fff9" i], [style*="; background:#f6fff9" i], [style^="background: #f6fff9" i], [style*=";background: #f6fff9" i], [style*="; background: #f6fff9" i]){background: var(--ui-surface) !important;}
:is([style^="background:#eaf5ff" i], [style*=";background:#eaf5ff" i], [style*="; background:#eaf5ff" i], [style^="background: #eaf5ff" i], [style*=";background: #eaf5ff" i], [style*="; background: #eaf5ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#6d7a8d" i], [style*=";color:#6d7a8d" i], [style*="; color:#6d7a8d" i], [style^="color: #6d7a8d" i], [style*=";color: #6d7a8d" i], [style*="; color: #6d7a8d" i]){color: var(--ui-muted) !important;}
:is([style^="color:#0b8a4c" i], [style*=";color:#0b8a4c" i], [style*="; color:#0b8a4c" i], [style^="color: #0b8a4c" i], [style*=";color: #0b8a4c" i], [style*="; color: #0b8a4c" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#728096" i], [style*=";color:#728096" i], [style*="; color:#728096" i], [style^="color: #728096" i], [style*=";color: #728096" i], [style*="; color: #728096" i]){color: var(--ui-muted) !important;}
:is([style^="background:#edf9f2" i], [style*=";background:#edf9f2" i], [style*="; background:#edf9f2" i], [style^="background: #edf9f2" i], [style*=";background: #edf9f2" i], [style*="; background: #edf9f2" i]){background: var(--ui-alt) !important;}
:is([style^="color:#17663c" i], [style*=";color:#17663c" i], [style*="; color:#17663c" i], [style^="color: #17663c" i], [style*=";color: #17663c" i], [style*="; color: #17663c" i]){color: var(--ui-success-text) !important;}
:is([style^="border:#d8e3eb" i], [style*=";border:#d8e3eb" i], [style*="; border:#d8e3eb" i], [style^="border: #d8e3eb" i], [style*=";border: #d8e3eb" i], [style*="; border: #d8e3eb" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#79cdb1" i], [style*=";border-color:#79cdb1" i], [style*="; border-color:#79cdb1" i], [style^="border-color: #79cdb1" i], [style*=";border-color: #79cdb1" i], [style*="; border-color: #79cdb1" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#f7fffb" i], [style*=";background:#f7fffb" i], [style*="; background:#f7fffb" i], [style^="background: #f7fffb" i], [style*=";background: #f7fffb" i], [style*="; background: #f7fffb" i]){background: var(--ui-surface) !important;}
:is([style^="border-color:#0a9b72" i], [style*=";border-color:#0a9b72" i], [style*="; border-color:#0a9b72" i], [style^="border-color: #0a9b72" i], [style*=";border-color: #0a9b72" i], [style*="; border-color: #0a9b72" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#f0fff9" i], [style*=";background:#f0fff9" i], [style*="; background:#f0fff9" i], [style^="background: #f0fff9" i], [style*=";background: #f0fff9" i], [style*="; background: #f0fff9" i]){background: var(--ui-surface) !important;}
:is([style^="color:#243447" i], [style*=";color:#243447" i], [style*="; color:#243447" i], [style^="color: #243447" i], [style*=";color: #243447" i], [style*="; color: #243447" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#008b68" i], [style*=";color:#008b68" i], [style*="; color:#008b68" i], [style^="color: #008b68" i], [style*=";color: #008b68" i], [style*="; color: #008b68" i]){color: var(--ui-success-text) !important;}
:is([style^="border:#bfd0dd" i], [style*=";border:#bfd0dd" i], [style*="; border:#bfd0dd" i], [style^="border: #bfd0dd" i], [style*=";border: #bfd0dd" i], [style*="; border: #bfd0dd" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#26384b" i], [style*=";color:#26384b" i], [style*="; color:#26384b" i], [style^="color: #26384b" i], [style*=";color: #26384b" i], [style*="; color: #26384b" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#007b5c" i], [style*=";color:#007b5c" i], [style*="; color:#007b5c" i], [style^="color: #007b5c" i], [style*=";color: #007b5c" i], [style*="; color: #007b5c" i]){color: var(--ui-success-text) !important;}
:is([style^="border-top:#dbe5ec" i], [style*=";border-top:#dbe5ec" i], [style*="; border-top:#dbe5ec" i], [style^="border-top: #dbe5ec" i], [style*=";border-top: #dbe5ec" i], [style*="; border-top: #dbe5ec" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:rgba(5,15,30,.72)" i], [style*=";background:rgba(5,15,30,.72)" i], [style*="; background:rgba(5,15,30,.72)" i], [style^="background: rgba(5,15,30,.72)" i], [style*=";background: rgba(5,15,30,.72)" i], [style*="; background: rgba(5,15,30,.72)" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#d8e3ec" i], [style*=";border:#d8e3ec" i], [style*="; border:#d8e3ec" i], [style^="border: #d8e3ec" i], [style*=";border: #d8e3ec" i], [style*="; border: #d8e3ec" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#d7e2eb" i], [style*=";border:#d7e2eb" i], [style*="; border:#d7e2eb" i], [style^="border: #d7e2eb" i], [style*=";border: #d7e2eb" i], [style*="; border: #d7e2eb" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#20a77d" i], [style*=";border-color:#20a77d" i], [style*="; border-color:#20a77d" i], [style^="border-color: #20a77d" i], [style*=";border-color: #20a77d" i], [style*="; border-color: #20a77d" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#f6fffb" i], [style*=";background:#f6fffb" i], [style*="; background:#f6fffb" i], [style^="background: #f6fffb" i], [style*=";background: #f6fffb" i], [style*="; background: #f6fffb" i]){background: var(--ui-surface) !important;}
:is([style^="background:#effcf6" i], [style*=";background:#effcf6" i], [style*="; background:#effcf6" i], [style^="background: #effcf6" i], [style*=";background: #effcf6" i], [style*="; background: #effcf6" i]){background: var(--ui-alt) !important;}
:is([style^="border:#bfd0dc" i], [style*=";border:#bfd0dc" i], [style*="; border:#bfd0dc" i], [style^="border: #bfd0dc" i], [style*=";border: #bfd0dc" i], [style*="; border: #bfd0dc" i]){border-color: var(--ui-border) !important;}
:is([style^="border-top:#dbe4eb" i], [style*=";border-top:#dbe4eb" i], [style*="; border-top:#dbe4eb" i], [style^="border-top: #dbe4eb" i], [style*=";border-top: #dbe4eb" i], [style*="; border-top: #dbe4eb" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border:#cfe0e8" i], [style*=";border:#cfe0e8" i], [style*="; border:#cfe0e8" i], [style^="border: #cfe0e8" i], [style*=";border: #cfe0e8" i], [style*="; border: #cfe0e8" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f5f9fb" i], [style*=";background:#f5f9fb" i], [style*="; background:#f5f9fb" i], [style^="background: #f5f9fb" i], [style*=";background: #f5f9fb" i], [style*="; background: #f5f9fb" i]){background: var(--ui-surface) !important;}
:is([style^="border:#dbe5eb" i], [style*=";border:#dbe5eb" i], [style*="; border:#dbe5eb" i], [style^="border: #dbe5eb" i], [style*=";border: #dbe5eb" i], [style*="; border: #dbe5eb" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#65758a" i], [style*=";color:#65758a" i], [style*="; color:#65758a" i], [style^="color: #65758a" i], [style*=";color: #65758a" i], [style*="; color: #65758a" i]){color: var(--ui-muted) !important;}
:is([style^="color:#13243a" i], [style*=";color:#13243a" i], [style*="; color:#13243a" i], [style^="color: #13243a" i], [style*=";color: #13243a" i], [style*="; color: #13243a" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#0d2948" i], [style*=";background:#0d2948" i], [style*="; background:#0d2948" i], [style^="background: #0d2948" i], [style*=";background: #0d2948" i], [style*="; background: #0d2948" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#0d2948" i], [style*=";border-color:#0d2948" i], [style*="; border-color:#0d2948" i], [style^="border-color: #0d2948" i], [style*=";border-color: #0d2948" i], [style*="; border-color: #0d2948" i]){border-color: var(--ui-info-line) !important;}
:is([style^="color:#008866" i], [style*=";color:#008866" i], [style*="; color:#008866" i], [style^="color: #008866" i], [style*=";color: #008866" i], [style*="; color: #008866" i]){color: var(--ui-success-text) !important;}
:is([style^="border-bottom:#e8eef3" i], [style*=";border-bottom:#e8eef3" i], [style*="; border-bottom:#e8eef3" i], [style^="border-bottom: #e8eef3" i], [style*=";border-bottom: #e8eef3" i], [style*="; border-bottom: #e8eef3" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="color:#10243a" i], [style*=";color:#10243a" i], [style*="; color:#10243a" i], [style^="color: #10243a" i], [style*=";color: #10243a" i], [style*="; color: #10243a" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#eef6f3" i], [style*=";background:#eef6f3" i], [style*="; background:#eef6f3" i], [style^="background: #eef6f3" i], [style*=";background: #eef6f3" i], [style*="; background: #eef6f3" i]){background: var(--ui-alt) !important;}
:is([style^="color:#008c69" i], [style*=";color:#008c69" i], [style*="; color:#008c69" i], [style^="color: #008c69" i], [style*=";color: #008c69" i], [style*="; color: #008c69" i]){color: var(--ui-success-text) !important;}
:is([style^="border:#dfe7ee" i], [style*=";border:#dfe7ee" i], [style*="; border:#dfe7ee" i], [style^="border: #dfe7ee" i], [style*=";border: #dfe7ee" i], [style*="; border: #dfe7ee" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#16a37d" i], [style*=";border-color:#16a37d" i], [style*="; border-color:#16a37d" i], [style^="border-color: #16a37d" i], [style*=";border-color: #16a37d" i], [style*="; border-color: #16a37d" i]){border-color: var(--ui-success-line) !important;}
:is([style^="border-color:#07966f" i], [style*=";border-color:#07966f" i], [style*="; border-color:#07966f" i], [style^="border-color: #07966f" i], [style*=";border-color: #07966f" i], [style*="; border-color: #07966f" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#effbf6" i], [style*=";background:#effbf6" i], [style*="; background:#effbf6" i], [style^="background: #effbf6" i], [style*=";background: #effbf6" i], [style*="; background: #effbf6" i]){background: var(--ui-alt) !important;}
:is([style^="color:#728196" i], [style*=";color:#728196" i], [style*="; color:#728196" i], [style^="color: #728196" i], [style*=";color: #728196" i], [style*="; color: #728196" i]){color: var(--ui-muted) !important;}
:is([style^="color:#bd5e15" i], [style*=";color:#bd5e15" i], [style*="; color:#bd5e15" i], [style^="color: #bd5e15" i], [style*=";color: #bd5e15" i], [style*="; color: #bd5e15" i]){color: var(--ui-warning-text) !important;}
:is([style^="border:#aebfcb" i], [style*=";border:#aebfcb" i], [style*="; border:#aebfcb" i], [style^="border: #aebfcb" i], [style*=";border: #aebfcb" i], [style*="; border: #aebfcb" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#183148" i], [style*=";color:#183148" i], [style*="; color:#183148" i], [style^="color: #183148" i], [style*=";color: #183148" i], [style*="; color: #183148" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#007b5d" i], [style*=";color:#007b5d" i], [style*="; color:#007b5d" i], [style^="color: #007b5d" i], [style*=";color: #007b5d" i], [style*="; color: #007b5d" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#07966f" i], [style*=";background:#07966f" i], [style*="; background:#07966f" i], [style^="background: #07966f" i], [style*=";background: #07966f" i], [style*="; background: #07966f" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#d8e4ec" i], [style*=";border:#d8e4ec" i], [style*="; border:#d8e4ec" i], [style^="border: #d8e4ec" i], [style*=";border: #d8e4ec" i], [style*="; border: #d8e4ec" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f7fafc" i], [style*=";background:#f7fafc" i], [style*="; background:#f7fafc" i], [style^="background: #f7fafc" i], [style*=";background: #f7fafc" i], [style*="; background: #f7fafc" i]){background: var(--ui-surface) !important;}
:is([style^="color:#68798c" i], [style*=";color:#68798c" i], [style*="; color:#68798c" i], [style^="color: #68798c" i], [style*=";color: #68798c" i], [style*="; color: #68798c" i]){color: var(--ui-muted) !important;}
:is([style^="border:#bcd8e7" i], [style*=";border:#bcd8e7" i], [style*="; border:#bcd8e7" i], [style^="border: #bcd8e7" i], [style*=";border: #bcd8e7" i], [style*="; border: #bcd8e7" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#d9e4ec" i], [style*=";border:#d9e4ec" i], [style*="; border:#d9e4ec" i], [style^="border: #d9e4ec" i], [style*=";border: #d9e4ec" i], [style*="; border: #d9e4ec" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#078a58" i], [style*=";color:#078a58" i], [style*="; color:#078a58" i], [style^="color: #078a58" i], [style*=";color: #078a58" i], [style*="; color: #078a58" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#b76a00" i], [style*=";color:#b76a00" i], [style*="; color:#b76a00" i], [style^="color: #b76a00" i], [style*=";color: #b76a00" i], [style*="; color: #b76a00" i]){color: var(--ui-warning-text) !important;}
:is([style^="color:#c93636" i], [style*=";color:#c93636" i], [style*="; color:#c93636" i], [style^="color: #c93636" i], [style*=";color: #c93636" i], [style*="; color: #c93636" i]){color: var(--ui-danger-text) !important;}
:is([style^="background:#fff7e6" i], [style*=";background:#fff7e6" i], [style*="; background:#fff7e6" i], [style^="background: #fff7e6" i], [style*=";background: #fff7e6" i], [style*="; background: #fff7e6" i]){background: var(--ui-alt) !important;}
:is([style^="color:#995c00" i], [style*=";color:#995c00" i], [style*="; color:#995c00" i], [style^="color: #995c00" i], [style*=";color: #995c00" i], [style*="; color: #995c00" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#fff0f0" i], [style*=";background:#fff0f0" i], [style*="; background:#fff0f0" i], [style^="background: #fff0f0" i], [style*=";background: #fff0f0" i], [style*="; background: #fff0f0" i]){background: var(--ui-surface) !important;}
:is([style^="color:#b42323" i], [style*=";color:#b42323" i], [style*="; color:#b42323" i], [style^="color: #b42323" i], [style*=";color: #b42323" i], [style*="; color: #b42323" i]){color: var(--ui-danger-text) !important;}
:is([style^="color:#087a4d" i], [style*=";color:#087a4d" i], [style*="; color:#087a4d" i], [style^="color: #087a4d" i], [style*=";color: #087a4d" i], [style*="; color: #087a4d" i]){color: var(--ui-success-text) !important;}
:is([style^="background:rgba(5,18,34,.68)" i], [style*=";background:rgba(5,18,34,.68)" i], [style*="; background:rgba(5,18,34,.68)" i], [style^="background: rgba(5,18,34,.68)" i], [style*=";background: rgba(5,18,34,.68)" i], [style*="; background: rgba(5,18,34,.68)" i]){background: var(--ui-inverse) !important;}
:is([style^="border-bottom:#dce5eb" i], [style*=";border-bottom:#dce5eb" i], [style*="; border-bottom:#dce5eb" i], [style^="border-bottom: #dce5eb" i], [style*=";border-bottom: #dce5eb" i], [style*="; border-bottom: #dce5eb" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-top:#dce5eb" i], [style*=";border-top:#dce5eb" i], [style*="; border-top:#dce5eb" i], [style^="border-top: #dce5eb" i], [style*=";border-top: #dce5eb" i], [style*="; border-top: #dce5eb" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#edf5f8" i], [style*=";background:#edf5f8" i], [style*="; background:#edf5f8" i], [style^="background: #edf5f8" i], [style*=";background: #edf5f8" i], [style*="; background: #edf5f8" i]){background: var(--ui-alt) !important;}
:is([style^="color:#42566b" i], [style*=";color:#42566b" i], [style*="; color:#42566b" i], [style^="color: #42566b" i], [style*=";color: #42566b" i], [style*="; color: #42566b" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#0c8f72" i], [style*=";background:#0c8f72" i], [style*="; background:#0c8f72" i], [style^="background: #0c8f72" i], [style*=";background: #0c8f72" i], [style*="; background: #0c8f72" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#b9d8ca" i], [style*=";border:#b9d8ca" i], [style*="; border:#b9d8ca" i], [style^="border: #b9d8ca" i], [style*=";border: #b9d8ca" i], [style*="; border: #b9d8ca" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f1fbf6" i], [style*=";background:#f1fbf6" i], [style*="; background:#f1fbf6" i], [style^="background: #f1fbf6" i], [style*=";background: #f1fbf6" i], [style*="; background: #f1fbf6" i]){background: var(--ui-alt) !important;}
:is([style^="color:#173b2e" i], [style*=";color:#173b2e" i], [style*="; color:#173b2e" i], [style^="color: #173b2e" i], [style*=";color: #173b2e" i], [style*="; color: #173b2e" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#eef6ff" i], [style*=";background:#eef6ff" i], [style*="; background:#eef6ff" i], [style^="background: #eef6ff" i], [style*=";background: #eef6ff" i], [style*="; background: #eef6ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#315c87" i], [style*=";color:#315c87" i], [style*="; color:#315c87" i], [style^="color: #315c87" i], [style*=";color: #315c87" i], [style*="; color: #315c87" i]){color: var(--ui-info-text) !important;}
:is([style^="border-left:#07966f" i], [style*=";border-left:#07966f" i], [style*="; border-left:#07966f" i], [style^="border-left: #07966f" i], [style*=";border-left: #07966f" i], [style*="; border-left: #07966f" i]){border-left-color: var(--ui-success-line) !important;}
:is([style^="border-left:#d99000" i], [style*=";border-left:#d99000" i], [style*="; border-left:#d99000" i], [style^="border-left: #d99000" i], [style*=";border-left: #d99000" i], [style*="; border-left: #d99000" i]){border-left-color: var(--ui-warning-line) !important;}
:is([style^="border-left:#c93636" i], [style*=";border-left:#c93636" i], [style*="; border-left:#c93636" i], [style^="border-left: #c93636" i], [style*=";border-left: #c93636" i], [style*="; border-left: #c93636" i]){border-left-color: var(--ui-danger-line) !important;}
:is([style^="background:#edf6f3" i], [style*=";background:#edf6f3" i], [style*="; background:#edf6f3" i], [style^="background: #edf6f3" i], [style*=";background: #edf6f3" i], [style*="; background: #edf6f3" i]){background: var(--ui-alt) !important;}
:is([style^="color:#08795e" i], [style*=";color:#08795e" i], [style*="; color:#08795e" i], [style^="color: #08795e" i], [style*=";color: #08795e" i], [style*="; color: #08795e" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#5f7184" i], [style*=";color:#5f7184" i], [style*="; color:#5f7184" i], [style^="color: #5f7184" i], [style*=";color: #5f7184" i], [style*="; color: #5f7184" i]){color: var(--ui-muted) !important;}
:is([style^="color:#76869a" i], [style*=";color:#76869a" i], [style*="; color:#76869a" i], [style^="color: #76869a" i], [style*=";color: #76869a" i], [style*="; color: #76869a" i]){color: var(--ui-muted) !important;}
:is([style^="border:#d7e2ea" i], [style*=";border:#d7e2ea" i], [style*="; border:#d7e2ea" i], [style^="border: #d7e2ea" i], [style*=";border: #d7e2ea" i], [style*="; border: #d7e2ea" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#dce6ed" i], [style*=";border:#dce6ed" i], [style*="; border:#dce6ed" i], [style^="border: #dce6ed" i], [style*=";border: #dce6ed" i], [style*="; border: #dce6ed" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f2f5f7" i], [style*=";background:#f2f5f7" i], [style*="; background:#f2f5f7" i], [style^="background: #f2f5f7" i], [style*=";background: #f2f5f7" i], [style*="; background: #f2f5f7" i]){background: var(--ui-alt) !important;}
:is([style^="color:#60758a" i], [style*=";color:#60758a" i], [style*="; color:#60758a" i], [style^="color: #60758a" i], [style*=";color: #60758a" i], [style*="; color: #60758a" i]){color: var(--ui-muted) !important;}
:is([style^="color:#0b765b" i], [style*=";color:#0b765b" i], [style*="; color:#0b765b" i], [style^="color: #0b765b" i], [style*=";color: #0b765b" i], [style*="; color: #0b765b" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#eefaf5" i], [style*=";background:#eefaf5" i], [style*="; background:#eefaf5" i], [style^="background: #eefaf5" i], [style*=";background: #eefaf5" i], [style*="; background: #eefaf5" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#a8dcc9" i], [style*=";border-color:#a8dcc9" i], [style*="; border-color:#a8dcc9" i], [style^="border-color: #a8dcc9" i], [style*=";border-color: #a8dcc9" i], [style*="; border-color: #a8dcc9" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#08775d" i], [style*=";color:#08775d" i], [style*="; color:#08775d" i], [style^="color: #08775d" i], [style*=";color: #08775d" i], [style*="; color: #08775d" i]){color: var(--ui-success-text) !important;}
:is([style^="border:#b8e1d2" i], [style*=";border:#b8e1d2" i], [style*="; border:#b8e1d2" i], [style^="border: #b8e1d2" i], [style*=";border: #b8e1d2" i], [style*="; border: #b8e1d2" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#e9eef3" i], [style*=";background:#e9eef3" i], [style*="; background:#e9eef3" i], [style^="background: #e9eef3" i], [style*=";background: #e9eef3" i], [style*="; background: #e9eef3" i]){background: var(--ui-alt) !important;}
:is([style^="border-bottom:#0b9c78" i], [style*=";border-bottom:#0b9c78" i], [style*="; border-bottom:#0b9c78" i], [style^="border-bottom: #0b9c78" i], [style*=";border-bottom: #0b9c78" i], [style*="; border-bottom: #0b9c78" i]){border-bottom-color: var(--ui-success-line) !important;}
:is([style^="background:#e8f8f2" i], [style*=";background:#e8f8f2" i], [style*="; background:#e8f8f2" i], [style^="background: #e8f8f2" i], [style*=";background: #e8f8f2" i], [style*="; background: #e8f8f2" i]){background: var(--ui-alt) !important;}
:is([style^="border:#dbe3ea" i], [style*=";border:#dbe3ea" i], [style*="; border:#dbe3ea" i], [style^="border: #dbe3ea" i], [style*=";border: #dbe3ea" i], [style*="; border: #dbe3ea" i]){border-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e7edf2" i], [style*=";border-bottom:#e7edf2" i], [style*="; border-bottom:#e7edf2" i], [style^="border-bottom: #e7edf2" i], [style*=";border-bottom: #e7edf2" i], [style*="; border-bottom: #e7edf2" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-right:#e7edf2" i], [style*=";border-right:#e7edf2" i], [style*="; border-right:#e7edf2" i], [style^="border-right: #e7edf2" i], [style*=";border-right: #e7edf2" i], [style*="; border-right: #e7edf2" i]){border-right-color: var(--ui-border) !important;}
:is([style^="background:#f1f5f8" i], [style*=";background:#f1f5f8" i], [style*="; background:#f1f5f8" i], [style^="background: #f1f5f8" i], [style*=";background: #f1f5f8" i], [style*="; background: #f1f5f8" i]){background: var(--ui-alt) !important;}
:is([style^="color:#526477" i], [style*=";color:#526477" i], [style*="; color:#526477" i], [style^="color: #526477" i], [style*=";color: #526477" i], [style*="; color: #526477" i]){color: var(--ui-info-text) !important;}
:is([style^="border-top:#e7edf2" i], [style*=";border-top:#e7edf2" i], [style*="; border-top:#e7edf2" i], [style^="border-top: #e7edf2" i], [style*=";border-top: #e7edf2" i], [style*="; border-top: #e7edf2" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#0d2745" i], [style*=";background:#0d2745" i], [style*="; background:#0d2745" i], [style^="background: #0d2745" i], [style*=";background: #0d2745" i], [style*="; background: #0d2745" i]){background: var(--ui-inverse) !important;}
:is([style^="border-color:#0d2745" i], [style*=";border-color:#0d2745" i], [style*="; border-color:#0d2745" i], [style^="border-color: #0d2745" i], [style*=";border-color: #0d2745" i], [style*="; border-color: #0d2745" i]){border-color: var(--ui-info-line) !important;}
:is([style^="color:#b9d8ef" i], [style*=";color:#b9d8ef" i], [style*="; color:#b9d8ef" i], [style^="color: #b9d8ef" i], [style*=";color: #b9d8ef" i], [style*="; color: #b9d8ef" i]){color: var(--ui-info-text) !important;}
:is([style^="border-left:#0b9c78" i], [style*=";border-left:#0b9c78" i], [style*="; border-left:#0b9c78" i], [style^="border-left: #0b9c78" i], [style*=";border-left: #0b9c78" i], [style*="; border-left: #0b9c78" i]){border-left-color: var(--ui-success-line) !important;}
:is([style^="background:#f3f8f7" i], [style*=";background:#f3f8f7" i], [style*="; background:#f3f8f7" i], [style^="background: #f3f8f7" i], [style*=";background: #f3f8f7" i], [style*="; background: #f3f8f7" i]){background: var(--ui-alt) !important;}
:is([style^="color:#475467" i], [style*=";color:#475467" i], [style*="; color:#475467" i], [style^="color: #475467" i], [style*=";color: #475467" i], [style*="; color: #475467" i]){color: var(--ui-info-text) !important;}
:is([style^="border-top:#667085" i], [style*=";border-top:#667085" i], [style*="; border-top:#667085" i], [style^="border-top: #667085" i], [style*=";border-top: #667085" i], [style*="; border-top: #667085" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border-top:#dbe3ea" i], [style*=";border-top:#dbe3ea" i], [style*="; border-top:#dbe3ea" i], [style^="border-top: #dbe3ea" i], [style*=";border-top: #dbe3ea" i], [style*="; border-top: #dbe3ea" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border-bottom:#07966f" i], [style*=";border-bottom:#07966f" i], [style*="; border-bottom:#07966f" i], [style^="border-bottom: #07966f" i], [style*=";border-bottom: #07966f" i], [style*="; border-bottom: #07966f" i]){border-bottom-color: var(--ui-success-line) !important;}
:is([style^="border:#cfdbe3" i], [style*=";border:#cfdbe3" i], [style*="; border:#cfdbe3" i], [style^="border: #cfdbe3" i], [style*=";border: #cfdbe3" i], [style*="; border: #cfdbe3" i]){border-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e5ebef" i], [style*=";border-bottom:#e5ebef" i], [style*="; border-bottom:#e5ebef" i], [style^="border-bottom: #e5ebef" i], [style*=";border-bottom: #e5ebef" i], [style*="; border-bottom: #e5ebef" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="color:#c9dfef" i], [style*=";color:#c9dfef" i], [style*="; color:#c9dfef" i], [style^="color: #c9dfef" i], [style*=";color: #c9dfef" i], [style*="; color: #c9dfef" i]){color: var(--ui-info-text) !important;}
:is([style^="border-top:#98a6b3" i], [style*=";border-top:#98a6b3" i], [style*="; border-top:#98a6b3" i], [style^="border-top: #98a6b3" i], [style*=";border-top: #98a6b3" i], [style*="; border-top: #98a6b3" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#5f6f80" i], [style*=";color:#5f6f80" i], [style*="; color:#5f6f80" i], [style^="color: #5f6f80" i], [style*=";color: #5f6f80" i], [style*="; color: #5f6f80" i]){color: var(--ui-muted) !important;}
:is([style^="border-bottom:#e4eaef" i], [style*=";border-bottom:#e4eaef" i], [style*="; border-bottom:#e4eaef" i], [style^="border-bottom: #e4eaef" i], [style*=";border-bottom: #e4eaef" i], [style*="; border-bottom: #e4eaef" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-right:#e4eaef" i], [style*=";border-right:#e4eaef" i], [style*="; border-right:#e4eaef" i], [style^="border-right: #e4eaef" i], [style*=";border-right: #e4eaef" i], [style*="; border-right: #e4eaef" i]){border-right-color: var(--ui-border) !important;}
:is([style^="background:#f2f8f6" i], [style*=";background:#f2f8f6" i], [style*="; background:#f2f8f6" i], [style^="background: #f2f8f6" i], [style*=";background: #f2f8f6" i], [style*="; background: #f2f8f6" i]){background: var(--ui-alt) !important;}
:is([style^="color:#344054" i], [style*=";color:#344054" i], [style*="; color:#344054" i], [style^="color: #344054" i], [style*=";color: #344054" i], [style*="; color: #344054" i]){color: var(--ui-info-text) !important;}
:is([style^="border-bottom:#98a6b3" i], [style*=";border-bottom:#98a6b3" i], [style*="; border-bottom:#98a6b3" i], [style^="border-bottom: #98a6b3" i], [style*=";border-bottom: #98a6b3" i], [style*="; border-bottom: #98a6b3" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-top:#64748b" i], [style*=";border-top:#64748b" i], [style*="; border-top:#64748b" i], [style^="border-top: #64748b" i], [style*=";border-top: #64748b" i], [style*="; border-top: #64748b" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#8a5700" i], [style*=";color:#8a5700" i], [style*="; color:#8a5700" i], [style^="color: #8a5700" i], [style*=";color: #8a5700" i], [style*="; color: #8a5700" i]){color: var(--ui-warning-text) !important;}
:is([style^="border:#d9e5ed" i], [style*=";border:#d9e5ed" i], [style*="; border:#d9e5ed" i], [style^="border: #d9e5ed" i], [style*=";border: #d9e5ed" i], [style*="; border: #d9e5ed" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#697b8d" i], [style*=";color:#697b8d" i], [style*="; color:#697b8d" i], [style^="color: #697b8d" i], [style*=";color: #697b8d" i], [style*="; color: #697b8d" i]){color: var(--ui-muted) !important;}
:is([style^="color:#6b7c8d" i], [style*=";color:#6b7c8d" i], [style*="; color:#6b7c8d" i], [style^="color: #6b7c8d" i], [style*=";color: #6b7c8d" i], [style*="; color: #6b7c8d" i]){color: var(--ui-muted) !important;}
:is([style^="background:#e5f7f1" i], [style*=";background:#e5f7f1" i], [style*="; background:#e5f7f1" i], [style^="background: #e5f7f1" i], [style*=";background: #e5f7f1" i], [style*="; background: #e5f7f1" i]){background: var(--ui-alt) !important;}
:is([style^="color:#536779" i], [style*=";color:#536779" i], [style*="; color:#536779" i], [style^="color: #536779" i], [style*=";color: #536779" i], [style*="; color: #536779" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#eef2f6" i], [style*=";background:#eef2f6" i], [style*="; background:#eef2f6" i], [style^="background: #eef2f6" i], [style*=";background: #eef2f6" i], [style*="; background: #eef2f6" i]){background: var(--ui-alt) !important;}
:is([style^="border:#9fd5c5" i], [style*=";border:#9fd5c5" i], [style*="; border:#9fd5c5" i], [style^="border: #9fd5c5" i], [style*=";border: #9fd5c5" i], [style*="; border: #9fd5c5" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f7fcfa" i], [style*=";background:#f7fcfa" i], [style*="; background:#f7fcfa" i], [style^="background: #f7fcfa" i], [style*=";background: #f7fcfa" i], [style*="; background: #f7fcfa" i]){background: var(--ui-surface) !important;}
:is([style^="border:#d9e4eb" i], [style*=";border:#d9e4eb" i], [style*="; border:#d9e4eb" i], [style^="border: #d9e4eb" i], [style*=";border: #d9e4eb" i], [style*="; border: #d9e4eb" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#102a47" i], [style*=";background:#102a47" i], [style*="; background:#102a47" i], [style^="background: #102a47" i], [style*=";background: #102a47" i], [style*="; background: #102a47" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#bad3e7" i], [style*=";color:#bad3e7" i], [style*="; color:#bad3e7" i], [style^="color: #bad3e7" i], [style*=";color: #bad3e7" i], [style*="; color: #bad3e7" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#945900" i], [style*=";color:#945900" i], [style*="; color:#945900" i], [style^="color: #945900" i], [style*=";color: #945900" i], [style*="; color: #945900" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#fff1cc" i], [style*=";background:#fff1cc" i], [style*="; background:#fff1cc" i], [style^="background: #fff1cc" i], [style*=";background: #fff1cc" i], [style*="; background: #fff1cc" i]){background: var(--ui-warning-bg) !important;}
:is([style^="background:#eaf7ff" i], [style*=";background:#eaf7ff" i], [style*="; background:#eaf7ff" i], [style^="background: #eaf7ff" i], [style*=";background: #eaf7ff" i], [style*="; background: #eaf7ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#0877a8" i], [style*=";color:#0877a8" i], [style*="; color:#0877a8" i], [style^="color: #0877a8" i], [style*=";color: #0877a8" i], [style*="; color: #0877a8" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#eefaf6" i], [style*=";background:#eefaf6" i], [style*="; background:#eefaf6" i], [style^="background: #eefaf6" i], [style*=";background: #eefaf6" i], [style*="; background: #eefaf6" i]){background: var(--ui-alt) !important;}
:is([style^="background:#eef7ff" i], [style*=";background:#eef7ff" i], [style*="; background:#eef7ff" i], [style^="background: #eef7ff" i], [style*=";background: #eef7ff" i], [style*="; background: #eef7ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#607286" i], [style*=";color:#607286" i], [style*="; color:#607286" i], [style^="color: #607286" i], [style*=";color: #607286" i], [style*="; color: #607286" i]){color: var(--ui-muted) !important;}
:is([style^="background:#078b6b" i], [style*=";background:#078b6b" i], [style*="; background:#078b6b" i], [style^="background: #078b6b" i], [style*=";background: #078b6b" i], [style*="; background: #078b6b" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#dbe5ec" i], [style*=";border:#dbe5ec" i], [style*="; border:#dbe5ec" i], [style^="border: #dbe5ec" i], [style*=";border: #dbe5ec" i], [style*="; border: #dbe5ec" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#687b8e" i], [style*=";color:#687b8e" i], [style*="; color:#687b8e" i], [style^="color: #687b8e" i], [style*=";color: #687b8e" i], [style*="; color: #687b8e" i]){color: var(--ui-muted) !important;}
:is([style^="color:#087a57" i], [style*=";color:#087a57" i], [style*="; color:#087a57" i], [style^="color: #087a57" i], [style*=";color: #087a57" i], [style*="; color: #087a57" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#e9f7f2" i], [style*=";background:#e9f7f2" i], [style*="; background:#e9f7f2" i], [style^="background: #e9f7f2" i], [style*=";background: #e9f7f2" i], [style*="; background: #e9f7f2" i]){background: var(--ui-alt) !important;}
:is([style^="border:#b8dbcf" i], [style*=";border:#b8dbcf" i], [style*="; border:#b8dbcf" i], [style^="border: #b8dbcf" i], [style*=";border: #b8dbcf" i], [style*="; border: #b8dbcf" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f5fbf9" i], [style*=";background:#f5fbf9" i], [style*="; background:#f5fbf9" i], [style^="background: #f5fbf9" i], [style*=";background: #f5fbf9" i], [style*="; background: #f5fbf9" i]){background: var(--ui-surface) !important;}
:is([style^="color:#687b8d" i], [style*=";color:#687b8d" i], [style*="; color:#687b8d" i], [style^="color: #687b8d" i], [style*=";color: #687b8d" i], [style*="; color: #687b8d" i]){color: var(--ui-muted) !important;}
:is([style^="color:#41566b" i], [style*=";color:#41566b" i], [style*="; color:#41566b" i], [style^="color: #41566b" i], [style*=";color: #41566b" i], [style*="; color: #41566b" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#edf2f6" i], [style*=";background:#edf2f6" i], [style*="; background:#edf2f6" i], [style^="background: #edf2f6" i], [style*=";background: #edf2f6" i], [style*="; background: #edf2f6" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#079a77" i], [style*=";border-color:#079a77" i], [style*="; border-color:#079a77" i], [style^="border-color: #079a77" i], [style*=";border-color: #079a77" i], [style*="; border-color: #079a77" i]){border-color: var(--ui-success-line) !important;}
:is([style^="background:#eaf8f3" i], [style*=";background:#eaf8f3" i], [style*="; background:#eaf8f3" i], [style^="background: #eaf8f3" i], [style*=";background: #eaf8f3" i], [style*="; background: #eaf8f3" i]){background: var(--ui-alt) !important;}
:is([style^="color:#526679" i], [style*=";color:#526679" i], [style*="; color:#526679" i], [style^="color: #526679" i], [style*=";color: #526679" i], [style*="; color: #526679" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#ede9fe" i], [style*=";background:#ede9fe" i], [style*="; background:#ede9fe" i], [style^="background: #ede9fe" i], [style*=";background: #ede9fe" i], [style*="; background: #ede9fe" i]){background: var(--ui-alt) !important;}
:is([style^="background:#ccfbf1" i], [style*=";background:#ccfbf1" i], [style*="; background:#ccfbf1" i], [style^="background: #ccfbf1" i], [style*=";background: #ccfbf1" i], [style*="; background: #ccfbf1" i]){background: var(--ui-success-bg) !important;}
:is([style^="color:#0f766e" i], [style*=";color:#0f766e" i], [style*="; color:#0f766e" i], [style^="color: #0f766e" i], [style*=";color: #0f766e" i], [style*="; color: #0f766e" i]){color: var(--ui-info-text) !important;}
:is([style^="background:#0d233b99" i], [style*=";background:#0d233b99" i], [style*="; background:#0d233b99" i], [style^="background: #0d233b99" i], [style*=";background: #0d233b99" i], [style*="; background: #0d233b99" i]){background: var(--ui-inverse) !important;}
:is([style^="background:white" i], [style*=";background:white" i], [style*="; background:white" i], [style^="background: white" i], [style*=";background: white" i], [style*="; background: white" i]){background: var(--ui-surface) !important;}
:is([style^="border:#b9dfd1" i], [style*=";border:#b9dfd1" i], [style*="; border:#b9dfd1" i], [style^="border: #b9dfd1" i], [style*=";border: #b9dfd1" i], [style*="; border: #b9dfd1" i]){border-color: var(--ui-border) !important;}
:is([style^="border-left:#16805d" i], [style*=";border-left:#16805d" i], [style*="; border-left:#16805d" i], [style^="border-left: #16805d" i], [style*=";border-left: #16805d" i], [style*="; border-left: #16805d" i]){border-left-color: var(--ui-success-line) !important;}
:is([style^="color:#12664b" i], [style*=";color:#12664b" i], [style*="; color:#12664b" i], [style^="color: #12664b" i], [style*=";color: #12664b" i], [style*="; color: #12664b" i]){color: var(--ui-success-text) !important;}
:is([style^="border:#d7e9e2" i], [style*=";border:#d7e9e2" i], [style*="; border:#d7e9e2" i], [style^="border: #d7e9e2" i], [style*=";border: #d7e9e2" i], [style*="; border: #d7e9e2" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#d7e1e8" i], [style*=";border:#d7e1e8" i], [style*="; border:#d7e1e8" i], [style^="border: #d7e1e8" i], [style*=";border: #d7e1e8" i], [style*="; border: #d7e1e8" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#68788a" i], [style*=";color:#68788a" i], [style*="; color:#68788a" i], [style^="color: #68788a" i], [style*=";color: #68788a" i], [style*="; color: #68788a" i]){color: var(--ui-muted) !important;}
:is([style^="background:#eef2f5" i], [style*=";background:#eef2f5" i], [style*="; background:#eef2f5" i], [style^="background: #eef2f5" i], [style*=";background: #eef2f5" i], [style*="; background: #eef2f5" i]){background: var(--ui-alt) !important;}
:is([style^="border-bottom:#16805d" i], [style*=";border-bottom:#16805d" i], [style*="; border-bottom:#16805d" i], [style^="border-bottom: #16805d" i], [style*=";border-bottom: #16805d" i], [style*="; border-bottom: #16805d" i]){border-bottom-color: var(--ui-success-line) !important;}
:is([style^="background:#edf7f3" i], [style*=";background:#edf7f3" i], [style*="; background:#edf7f3" i], [style^="background: #edf7f3" i], [style*=";background: #edf7f3" i], [style*="; background: #edf7f3" i]){background: var(--ui-alt) !important;}
:is([style^="border-top:#e4eaef" i], [style*=";border-top:#e4eaef" i], [style*="; border-top:#e4eaef" i], [style^="border-top: #e4eaef" i], [style*=";border-top: #e4eaef" i], [style*="; border-top: #e4eaef" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#f7f9fb" i], [style*=";background:#f7f9fb" i], [style*="; background:#f7f9fb" i], [style^="background: #f7f9fb" i], [style*=";background: #f7f9fb" i], [style*="; background: #f7f9fb" i]){background: var(--ui-surface) !important;}
:is([style^="color:#5a687a" i], [style*=";color:#5a687a" i], [style*="; color:#5a687a" i], [style^="color: #5a687a" i], [style*=";color: #5a687a" i], [style*="; color: #5a687a" i]){color: var(--ui-muted) !important;}
:is([style^="background:#f1f8f5" i], [style*=";background:#f1f8f5" i], [style*="; background:#f1f8f5" i], [style^="background: #f1f8f5" i], [style*=";background: #f1f8f5" i], [style*="; background: #f1f8f5" i]){background: var(--ui-alt) !important;}
:is([style^="color:#405468" i], [style*=";color:#405468" i], [style*="; color:#405468" i], [style^="color: #405468" i], [style*=";color: #405468" i], [style*="; color: #405468" i]){color: var(--ui-info-text) !important;}
:is([style^="border-top:#d7e1e8" i], [style*=";border-top:#d7e1e8" i], [style*="; border-top:#d7e1e8" i], [style^="border-top: #d7e1e8" i], [style*=";border-top: #d7e1e8" i], [style*="; border-top: #d7e1e8" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#536174" i], [style*=";color:#536174" i], [style*="; color:#536174" i], [style^="color: #536174" i], [style*=";color: #536174" i], [style*="; color: #536174" i]){color: var(--ui-muted) !important;}
:is([style^="background:#10283c" i], [style*=";background:#10283c" i], [style*="; background:#10283c" i], [style^="background: #10283c" i], [style*=";background: #10283c" i], [style*="; background: #10283c" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#aed8ca" i], [style*=";color:#aed8ca" i], [style*="; color:#aed8ca" i], [style^="color: #aed8ca" i], [style*=";color: #aed8ca" i], [style*="; color: #aed8ca" i]){color: var(--ui-success-text) !important;}
:is([style^="border-bottom:#087fbe" i], [style*=";border-bottom:#087fbe" i], [style*="; border-bottom:#087fbe" i], [style^="border-bottom: #087fbe" i], [style*=";border-bottom: #087fbe" i], [style*="; border-bottom: #087fbe" i]){border-bottom-color: var(--ui-info-line) !important;}
:is([style^="border:#ccd6df" i], [style*=";border:#ccd6df" i], [style*="; border:#ccd6df" i], [style^="border: #ccd6df" i], [style*=";border: #ccd6df" i], [style*="; border: #ccd6df" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f4f6f8" i], [style*=";background:#f4f6f8" i], [style*="; background:#f4f6f8" i], [style^="background: #f4f6f8" i], [style*=";background: #f4f6f8" i], [style*="; background: #f4f6f8" i]){background: var(--ui-alt) !important;}
:is([style^="color:#23262b" i], [style*=";color:#23262b" i], [style*="; color:#23262b" i], [style^="color: #23262b" i], [style*=";color: #23262b" i], [style*="; color: #23262b" i]){color: var(--ui-text) !important;}
:is([style^="color:#222" i], [style*=";color:#222" i], [style*="; color:#222" i], [style^="color: #222" i], [style*=";color: #222" i], [style*="; color: #222" i]){color: var(--ui-text) !important;}
:is([style^="border-bottom:#08775d" i], [style*=";border-bottom:#08775d" i], [style*="; border-bottom:#08775d" i], [style^="border-bottom: #08775d" i], [style*=";border-bottom: #08775d" i], [style*="; border-bottom: #08775d" i]){border-bottom-color: var(--ui-success-line) !important;}
:is([style^="border:#d7e0e7" i], [style*=";border:#d7e0e7" i], [style*="; border:#d7e0e7" i], [style^="border: #d7e0e7" i], [style*=";border: #d7e0e7" i], [style*="; border: #d7e0e7" i]){border-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e3e9ee" i], [style*=";border-bottom:#e3e9ee" i], [style*="; border-bottom:#e3e9ee" i], [style^="border-bottom: #e3e9ee" i], [style*=";border-bottom: #e3e9ee" i], [style*="; border-bottom: #e3e9ee" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-right:#e3e9ee" i], [style*=";border-right:#e3e9ee" i], [style*="; border-right:#e3e9ee" i], [style^="border-right: #e3e9ee" i], [style*=";border-right: #e3e9ee" i], [style*="; border-right: #e3e9ee" i]){border-right-color: var(--ui-border) !important;}
:is([style^="background:#f2f6f7" i], [style*=";background:#f2f6f7" i], [style*="; background:#f2f6f7" i], [style^="background: #f2f6f7" i], [style*=";background: #f2f6f7" i], [style*="; background: #f2f6f7" i]){background: var(--ui-alt) !important;}
:is([style^="border-left:#08775d" i], [style*=";border-left:#08775d" i], [style*="; border-left:#08775d" i], [style^="border-left: #08775d" i], [style*=";border-left: #08775d" i], [style*="; border-left: #08775d" i]){border-left-color: var(--ui-success-line) !important;}
:is([style^="background:#f0f8f5" i], [style*=";background:#f0f8f5" i], [style*="; background:#f0f8f5" i], [style^="background: #f0f8f5" i], [style*=";background: #f0f8f5" i], [style*="; background: #f0f8f5" i]){background: var(--ui-alt) !important;}
:is([style^="border-top:#475467" i], [style*=";border-top:#475467" i], [style*="; border-top:#475467" i], [style^="border-top: #475467" i], [style*=";border-top: #475467" i], [style*="; border-top: #475467" i]){border-top-color: var(--ui-info-line) !important;}
:is([style^="border-top:#d7e0e7" i], [style*=";border-top:#d7e0e7" i], [style*="; border-top:#d7e0e7" i], [style^="border-top: #d7e0e7" i], [style*=";border-top: #d7e0e7" i], [style*="; border-top: #d7e0e7" i]){border-top-color: var(--ui-border) !important;}
:is([style^="color:#20252b" i], [style*=";color:#20252b" i], [style*="; color:#20252b" i], [style^="color: #20252b" i], [style*=";color: #20252b" i], [style*="; color: #20252b" i]){color: var(--ui-text) !important;}
:is([style^="border-bottom:#17324d" i], [style*=";border-bottom:#17324d" i], [style*="; border-bottom:#17324d" i], [style^="border-bottom: #17324d" i], [style*=";border-bottom: #17324d" i], [style*="; border-bottom: #17324d" i]){border-bottom-color: var(--ui-info-line) !important;}
:is([style^="background:#fff3cf" i], [style*=";background:#fff3cf" i], [style*="; background:#fff3cf" i], [style^="background: #fff3cf" i], [style*=";background: #fff3cf" i], [style*="; background: #fff3cf" i]){background: var(--ui-warning-bg) !important;}
:is([style^="border-left:#d4a514" i], [style*=";border-left:#d4a514" i], [style*="; border-left:#d4a514" i], [style^="border-left: #d4a514" i], [style*=";border-left: #d4a514" i], [style*="; border-left: #d4a514" i]){border-left-color: var(--ui-warning-line) !important;}
:is([style^="border:#dfe3e7" i], [style*=";border:#dfe3e7" i], [style*="; border:#dfe3e7" i], [style^="border: #dfe3e7" i], [style*=";border: #dfe3e7" i], [style*="; border: #dfe3e7" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#176b52" i], [style*=";color:#176b52" i], [style*="; color:#176b52" i], [style^="color: #176b52" i], [style*=";color: #176b52" i], [style*="; color: #176b52" i]){color: var(--ui-success-text) !important;}
:is([style^="border-bottom:#e4e7ea" i], [style*=";border-bottom:#e4e7ea" i], [style*="; border-bottom:#e4e7ea" i], [style^="border-bottom: #e4e7ea" i], [style*=";border-bottom: #e4e7ea" i], [style*="; border-bottom: #e4e7ea" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="color:#626871" i], [style*=";color:#626871" i], [style*="; color:#626871" i], [style^="color: #626871" i], [style*=";color: #626871" i], [style*="; color: #626871" i]){color: var(--ui-muted) !important;}
:is([style^="border-top:#dfe3e7" i], [style*=";border-top:#dfe3e7" i], [style*="; border-top:#dfe3e7" i], [style^="border-top: #dfe3e7" i], [style*=";border-top: #dfe3e7" i], [style*="; border-top: #dfe3e7" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border:#dfe6ee" i], [style*=";border:#dfe6ee" i], [style*="; border:#dfe6ee" i], [style^="border: #dfe6ee" i], [style*=";border: #dfe6ee" i], [style*="; border: #dfe6ee" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#ffedd5" i], [style*=";background:#ffedd5" i], [style*="; background:#ffedd5" i], [style^="background: #ffedd5" i], [style*=";background: #ffedd5" i], [style*="; background: #ffedd5" i]){background: var(--ui-warning-bg) !important;}
:is([style^="color:#9a3412" i], [style*=";color:#9a3412" i], [style*="; color:#9a3412" i], [style^="color: #9a3412" i], [style*=";color: #9a3412" i], [style*="; color: #9a3412" i]){color: var(--ui-danger-text) !important;}
:is([style^="border-right:#e2e8f0" i], [style*=";border-right:#e2e8f0" i], [style*="; border-right:#e2e8f0" i], [style^="border-right: #e2e8f0" i], [style*=";border-right: #e2e8f0" i], [style*="; border-right: #e2e8f0" i]){border-right-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e2e8f0" i], [style*=";border-bottom:#e2e8f0" i], [style*="; border-bottom:#e2e8f0" i], [style^="border-bottom: #e2e8f0" i], [style*=";border-bottom: #e2e8f0" i], [style*="; border-bottom: #e2e8f0" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-top:#e2e8f0" i], [style*=";border-top:#e2e8f0" i], [style*="; border-top:#e2e8f0" i], [style^="border-top: #e2e8f0" i], [style*=";border-top: #e2e8f0" i], [style*="; border-top: #e2e8f0" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#e8f3fb" i], [style*=";background:#e8f3fb" i], [style*="; background:#e8f3fb" i], [style^="background: #e8f3fb" i], [style*=";background: #e8f3fb" i], [style*="; background: #e8f3fb" i]){background: var(--ui-alt) !important;}
:is([style^="background:#0f766e" i], [style*=";background:#0f766e" i], [style*="; background:#0f766e" i], [style^="background: #0f766e" i], [style*=";background: #0f766e" i], [style*="; background: #0f766e" i]){background: var(--ui-inverse) !important;}
:is([style^="border-top:#d5dde5" i], [style*=";border-top:#d5dde5" i], [style*="; border-top:#d5dde5" i], [style^="border-top: #d5dde5" i], [style*=";border-top: #d5dde5" i], [style*="; border-top: #d5dde5" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border-left:#e2e8f0" i], [style*=";border-left:#e2e8f0" i], [style*="; border-left:#e2e8f0" i], [style^="border-left: #e2e8f0" i], [style*=";border-left: #e2e8f0" i], [style*="; border-left: #e2e8f0" i]){border-left-color: var(--ui-border) !important;}
:is([style^="border:#d9e5ce" i], [style*=";border:#d9e5ce" i], [style*="; border:#d9e5ce" i], [style^="border: #d9e5ce" i], [style*=";border: #d9e5ce" i], [style*="; border: #d9e5ce" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f7faf1" i], [style*=";background:#f7faf1" i], [style*="; background:#f7faf1" i], [style^="background: #f7faf1" i], [style*=";background: #f7faf1" i], [style*="; background: #f7faf1" i]){background: var(--ui-alt) !important;}
:is([style^="color:#657b57" i], [style*=";color:#657b57" i], [style*="; color:#657b57" i], [style^="color: #657b57" i], [style*=";color: #657b57" i], [style*="; color: #657b57" i]){color: var(--ui-muted) !important;}
:is([style^="color:#53654a" i], [style*=";color:#53654a" i], [style*="; color:#53654a" i], [style^="color: #53654a" i], [style*=";color: #53654a" i], [style*="; color: #53654a" i]){color: var(--ui-muted) !important;}
:is([style^="border:#e1e8db" i], [style*=";border:#e1e8db" i], [style*="; border:#e1e8db" i], [style^="border: #e1e8db" i], [style*=";border: #e1e8db" i], [style*="; border: #e1e8db" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#edf5e0" i], [style*=";background:#edf5e0" i], [style*="; background:#edf5e0" i], [style^="background: #edf5e0" i], [style*=";background: #edf5e0" i], [style*="; background: #edf5e0" i]){background: var(--ui-alt) !important;}
:is([style^="color:#3f642b" i], [style*=";color:#3f642b" i], [style*="; color:#3f642b" i], [style^="color: #3f642b" i], [style*=";color: #3f642b" i], [style*="; color: #3f642b" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#fff1e5" i], [style*=";background:#fff1e5" i], [style*="; background:#fff1e5" i], [style^="background: #fff1e5" i], [style*=";background: #fff1e5" i], [style*="; background: #fff1e5" i]){background: var(--ui-alt) !important;}
:is([style^="color:#925c2d" i], [style*=";color:#925c2d" i], [style*="; color:#925c2d" i], [style^="color: #925c2d" i], [style*=";color: #925c2d" i], [style*="; color: #925c2d" i]){color: var(--ui-warning-text) !important;}
:is([style^="color:#607653" i], [style*=";color:#607653" i], [style*="; color:#607653" i], [style^="color: #607653" i], [style*=";color: #607653" i], [style*="; color: #607653" i]){color: var(--ui-muted) !important;}
:is([style^="color:#3e7a32" i], [style*=";color:#3e7a32" i], [style*="; color:#3e7a32" i], [style^="color: #3e7a32" i], [style*=";color: #3e7a32" i], [style*="; color: #3e7a32" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#9a622b" i], [style*=";color:#9a622b" i], [style*="; color:#9a622b" i], [style^="color: #9a622b" i], [style*=";color: #9a622b" i], [style*="; color: #9a622b" i]){color: var(--ui-warning-text) !important;}
:is([style^="color:#cbd5e1" i], [style*=";color:#cbd5e1" i], [style*="; color:#cbd5e1" i], [style^="color: #cbd5e1" i], [style*=";color: #cbd5e1" i], [style*="; color: #cbd5e1" i]){color: var(--ui-muted) !important;}
:is([style^="border-bottom:#dce5ec" i], [style*=";border-bottom:#dce5ec" i], [style*="; border-bottom:#dce5ec" i], [style^="border-bottom: #dce5ec" i], [style*=";border-bottom: #dce5ec" i], [style*="; border-bottom: #dce5ec" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="background:#f5f8fa" i], [style*=";background:#f5f8fa" i], [style*="; background:#f5f8fa" i], [style^="background: #f5f8fa" i], [style*=";background: #f5f8fa" i], [style*="; background: #f5f8fa" i]){background: var(--ui-surface) !important;}
:is([style^="border:#dce5ec" i], [style*=";border:#dce5ec" i], [style*="; border:#dce5ec" i], [style^="border: #dce5ec" i], [style*=";border: #dce5ec" i], [style*="; border: #dce5ec" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#e2e8f0" i], [style*=";border:#e2e8f0" i], [style*="; border:#e2e8f0" i], [style^="border: #e2e8f0" i], [style*=";border: #e2e8f0" i], [style*="; border: #e2e8f0" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#eef6f5" i], [style*=";background:#eef6f5" i], [style*="; background:#eef6f5" i], [style^="background: #eef6f5" i], [style*=";background: #eef6f5" i], [style*="; background: #eef6f5" i]){background: var(--ui-alt) !important;}
:is([style^="border-bottom:#e5eaf0" i], [style*=";border-bottom:#e5eaf0" i], [style*="; border-bottom:#e5eaf0" i], [style^="border-bottom: #e5eaf0" i], [style*=";border-bottom: #e5eaf0" i], [style*="; border-bottom: #e5eaf0" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border:#d8e2e9" i], [style*=";border:#d8e2e9" i], [style*="; border:#d8e2e9" i], [style^="border: #d8e2e9" i], [style*=";border: #d8e2e9" i], [style*="; border: #d8e2e9" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f3faf7" i], [style*=";background:#f3faf7" i], [style*="; background:#f3faf7" i], [style^="background: #f3faf7" i], [style*=";background: #f3faf7" i], [style*="; background: #f3faf7" i]){background: var(--ui-alt) !important;}
:is([style^="color:#31c99c" i], [style*=";color:#31c99c" i], [style*="; color:#31c99c" i], [style^="color: #31c99c" i], [style*=";color: #31c99c" i], [style*="; color: #31c99c" i]){color: var(--ui-success-text) !important;}
:is([style^="background:#102942" i], [style*=";background:#102942" i], [style*="; background:#102942" i], [style^="background: #102942" i], [style*=";background: #102942" i], [style*="; background: #102942" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#15556b" i], [style*=";background:#15556b" i], [style*="; background:#15556b" i], [style^="background: #15556b" i], [style*=";background: #15556b" i], [style*="; background: #15556b" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#d3e4ec" i], [style*=";color:#d3e4ec" i], [style*="; color:#d3e4ec" i], [style^="color: #d3e4ec" i], [style*=";color: #d3e4ec" i], [style*="; color: #d3e4ec" i]){color: var(--ui-muted) !important;}
:is([style^="border:#ccd9e2" i], [style*=";border:#ccd9e2" i], [style*="; border:#ccd9e2" i], [style^="border: #ccd9e2" i], [style*=";border: #ccd9e2" i], [style*="; border: #ccd9e2" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#08775d" i], [style*=";background:#08775d" i], [style*="; background:#08775d" i], [style^="background: #08775d" i], [style*=";background: #08775d" i], [style*="; background: #08775d" i]){background: var(--ui-inverse) !important;}
:is([style^="border:#d8e3ea" i], [style*=";border:#d8e3ea" i], [style*="; border:#d8e3ea" i], [style^="border: #d8e3ea" i], [style*=";border: #d8e3ea" i], [style*="; border: #d8e3ea" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#6b7c8e" i], [style*=";color:#6b7c8e" i], [style*="; color:#6b7c8e" i], [style^="color: #6b7c8e" i], [style*=";color: #6b7c8e" i], [style*="; color: #6b7c8e" i]){color: var(--ui-muted) !important;}
:is([style^="color:#5e7083" i], [style*=";color:#5e7083" i], [style*="; color:#5e7083" i], [style^="color: #5e7083" i], [style*=";color: #5e7083" i], [style*="; color: #5e7083" i]){color: var(--ui-muted) !important;}
:is([style^="border:#dce6ec" i], [style*=";border:#dce6ec" i], [style*="; border:#dce6ec" i], [style^="border: #dce6ec" i], [style*=";border: #dce6ec" i], [style*="; border: #dce6ec" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#f7fafb" i], [style*=";background:#f7fafb" i], [style*="; background:#f7fafb" i], [style^="background: #f7fafb" i], [style*=";background: #f7fafb" i], [style*="; background: #f7fafb" i]){background: var(--ui-surface) !important;}
:is([style^="color:#68798b" i], [style*=";color:#68798b" i], [style*="; color:#68798b" i], [style^="color: #68798b" i], [style*=";color: #68798b" i], [style*="; color: #68798b" i]){color: var(--ui-muted) !important;}
:is([style^="background:#fff8e8" i], [style*=";background:#fff8e8" i], [style*="; background:#fff8e8" i], [style^="background: #fff8e8" i], [style*=";background: #fff8e8" i], [style*="; background: #fff8e8" i]){background: var(--ui-alt) !important;}
:is([style^="border:#efd48f" i], [style*=";border:#efd48f" i], [style*="; border:#efd48f" i], [style^="border: #efd48f" i], [style*=";border: #efd48f" i], [style*="; border: #efd48f" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#725410" i], [style*=";color:#725410" i], [style*="; color:#725410" i], [style^="color: #725410" i], [style*=";color: #725410" i], [style*="; color: #725410" i]){color: var(--ui-warning-text) !important;}
:is([style^="background:#eef9f5" i], [style*=";background:#eef9f5" i], [style*="; background:#eef9f5" i], [style^="background: #eef9f5" i], [style*=";background: #eef9f5" i], [style*="; background: #eef9f5" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#a6dac8" i], [style*=";border-color:#a6dac8" i], [style*="; border-color:#a6dac8" i], [style^="border-color: #a6dac8" i], [style*=";border-color: #a6dac8" i], [style*="; border-color: #a6dac8" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#245d4d" i], [style*=";color:#245d4d" i], [style*="; color:#245d4d" i], [style^="color: #245d4d" i], [style*=";color: #245d4d" i], [style*="; color: #245d4d" i]){color: var(--ui-success-text) !important;}
:is([style^="border-bottom:#e6edf2" i], [style*=";border-bottom:#e6edf2" i], [style*="; border-bottom:#e6edf2" i], [style^="border-bottom: #e6edf2" i], [style*=";border-bottom: #e6edf2" i], [style*="; border-bottom: #e6edf2" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="background:#f4f7f9" i], [style*=";background:#f4f7f9" i], [style*="; background:#f4f7f9" i], [style^="background: #f4f7f9" i], [style*=";background: #f4f7f9" i], [style*="; background: #f4f7f9" i]){background: var(--ui-alt) !important;}
:is([style^="border-left:#94a3b8" i], [style*=";border-left:#94a3b8" i], [style*="; border-left:#94a3b8" i], [style^="border-left: #94a3b8" i], [style*=";border-left: #94a3b8" i], [style*="; border-left: #94a3b8" i]){border-left-color: var(--ui-info-line) !important;}
:is([style^="border-color:#dc2626" i], [style*=";border-color:#dc2626" i], [style*="; border-color:#dc2626" i], [style^="border-color: #dc2626" i], [style*=";border-color: #dc2626" i], [style*="; border-color: #dc2626" i]){border-color: var(--ui-danger-line) !important;}
:is([style^="border-color:#d69e2e" i], [style*=";border-color:#d69e2e" i], [style*="; border-color:#d69e2e" i], [style^="border-color: #d69e2e" i], [style*=";border-color: #d69e2e" i], [style*="; border-color: #d69e2e" i]){border-color: var(--ui-warning-line) !important;}
:is([style^="border-color:#059669" i], [style*=";border-color:#059669" i], [style*="; border-color:#059669" i], [style^="border-color: #059669" i], [style*=";border-color: #059669" i], [style*="; border-color: #059669" i]){border-color: var(--ui-success-line) !important;}
:is([style^="border-color:#2563eb" i], [style*=";border-color:#2563eb" i], [style*="; border-color:#2563eb" i], [style^="border-color: #2563eb" i], [style*=";border-color: #2563eb" i], [style*="; border-color: #2563eb" i]){border-color: var(--ui-info-line) !important;}
:is([style^="border:#adc2cf" i], [style*=";border:#adc2cf" i], [style*="; border:#adc2cf" i], [style^="border: #adc2cf" i], [style*=";border: #adc2cf" i], [style*="; border: #adc2cf" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#fafcfd" i], [style*=";background:#fafcfd" i], [style*="; background:#fafcfd" i], [style^="background: #fafcfd" i], [style*=";background: #fafcfd" i], [style*="; background: #fafcfd" i]){background: var(--ui-surface) !important;}
:is([style^="border:#c9e6dc" i], [style*=";border:#c9e6dc" i], [style*="; border:#c9e6dc" i], [style^="border: #c9e6dc" i], [style*=";border: #c9e6dc" i], [style*="; border: #c9e6dc" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#0d263d" i], [style*=";background:#0d263d" i], [style*="; background:#0d263d" i], [style^="background: #0d263d" i], [style*=";background: #0d263d" i], [style*="; background: #0d263d" i]){background: var(--ui-inverse) !important;}
:is([style^="background:#0d5b61" i], [style*=";background:#0d5b61" i], [style*="; background:#0d5b61" i], [style^="background: #0d5b61" i], [style*=";background: #0d5b61" i], [style*="; background: #0d5b61" i]){background: var(--ui-inverse) !important;}
:is([style^="color:#c9e2e2" i], [style*=";color:#c9e2e2" i], [style*="; color:#c9e2e2" i], [style^="color: #c9e2e2" i], [style*=";color: #c9e2e2" i], [style*="; color: #c9e2e2" i]){color: var(--ui-muted) !important;}
:is([style^="color:#77e1c6" i], [style*=";color:#77e1c6" i], [style*="; color:#77e1c6" i], [style^="color: #77e1c6" i], [style*=";color: #77e1c6" i], [style*="; color: #77e1c6" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#bfe9df" i], [style*=";color:#bfe9df" i], [style*="; color:#bfe9df" i], [style^="color: #bfe9df" i], [style*=";color: #bfe9df" i], [style*="; color: #bfe9df" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#b42318" i], [style*=";color:#b42318" i], [style*="; color:#b42318" i], [style^="color: #b42318" i], [style*=";color: #b42318" i], [style*="; color: #b42318" i]){color: var(--ui-danger-text) !important;}
:is([style^="border-bottom:#edf1f4" i], [style*=";border-bottom:#edf1f4" i], [style*="; border-bottom:#edf1f4" i], [style^="border-bottom: #edf1f4" i], [style*=";border-bottom: #edf1f4" i], [style*="; border-bottom: #edf1f4" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border-top:#b8c8d2" i], [style*=";border-top:#b8c8d2" i], [style*="; border-top:#b8c8d2" i], [style^="border-top: #b8c8d2" i], [style*=";border-top: #b8c8d2" i], [style*="; border-top: #b8c8d2" i]){border-top-color: var(--ui-border) !important;}
:is([style^="background:#eef8f5" i], [style*=";background:#eef8f5" i], [style*="; background:#eef8f5" i], [style^="background: #eef8f5" i], [style*=";background: #eef8f5" i], [style*="; background: #eef8f5" i]){background: var(--ui-alt) !important;}
:is([style^="border:#fecaca" i], [style*=";border:#fecaca" i], [style*="; border:#fecaca" i], [style^="border: #fecaca" i], [style*=";border: #fecaca" i], [style*="; border: #fecaca" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#fdba74" i], [style*=";border:#fdba74" i], [style*="; border:#fdba74" i], [style^="border: #fdba74" i], [style*=";border: #fdba74" i], [style*="; border: #fdba74" i]){border-color: var(--ui-border) !important;}
:is([style^="border-top:#fdba74" i], [style*=";border-top:#fdba74" i], [style*="; border-top:#fdba74" i], [style^="border-top: #fdba74" i], [style*=";border-top: #fdba74" i], [style*="; border-top: #fdba74" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border-bottom:#e5e7eb" i], [style*=";border-bottom:#e5e7eb" i], [style*="; border-bottom:#e5e7eb" i], [style^="border-bottom: #e5e7eb" i], [style*=";border-bottom: #e5e7eb" i], [style*="; border-bottom: #e5e7eb" i]){border-bottom-color: var(--ui-border) !important;}
:is([style^="border:#fed7aa" i], [style*=";border:#fed7aa" i], [style*="; border:#fed7aa" i], [style^="border: #fed7aa" i], [style*=";border: #fed7aa" i], [style*="; border: #fed7aa" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#dce5eb" i], [style*=";border:#dce5eb" i], [style*="; border:#dce5eb" i], [style^="border: #dce5eb" i], [style*=";border: #dce5eb" i], [style*="; border: #dce5eb" i]){border-color: var(--ui-border) !important;}
:is([style^="border:#bae6d2" i], [style*=";border:#bae6d2" i], [style*="; border:#bae6d2" i], [style^="border: #bae6d2" i], [style*=";border: #bae6d2" i], [style*="; border: #bae6d2" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#effaf5" i], [style*=";background:#effaf5" i], [style*="; background:#effaf5" i], [style^="background: #effaf5" i], [style*=";background: #effaf5" i], [style*="; background: #effaf5" i]){background: var(--ui-alt) !important;}
:is([style^="color:#176147" i], [style*=";color:#176147" i], [style*="; color:#176147" i], [style^="color: #176147" i], [style*=";color: #176147" i], [style*="; color: #176147" i]){color: var(--ui-success-text) !important;}
:is([style^="border-top:#cbd5e1" i], [style*=";border-top:#cbd5e1" i], [style*="; border-top:#cbd5e1" i], [style^="border-top: #cbd5e1" i], [style*=";border-top: #cbd5e1" i], [style*="; border-top: #cbd5e1" i]){border-top-color: var(--ui-border) !important;}
:is([style^="border:#c4b5fd" i], [style*=";border:#c4b5fd" i], [style*="; border:#c4b5fd" i], [style^="border: #c4b5fd" i], [style*=";border: #c4b5fd" i], [style*="; border: #c4b5fd" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#5b21b6" i], [style*=";color:#5b21b6" i], [style*="; color:#5b21b6" i], [style^="color: #5b21b6" i], [style*=";color: #5b21b6" i], [style*="; color: #5b21b6" i]){color: var(--ui-purple-text) !important;}
:is([style^="color:#6d5b8c" i], [style*=";color:#6d5b8c" i], [style*="; color:#6d5b8c" i], [style^="color: #6d5b8c" i], [style*=";color: #6d5b8c" i], [style*="; color: #6d5b8c" i]){color: var(--ui-purple-text) !important;}
:is([style^="border-left:#0b8f70" i], [style*=";border-left:#0b8f70" i], [style*="; border-left:#0b8f70" i], [style^="border-left: #0b8f70" i], [style*=";border-left: #0b8f70" i], [style*="; border-left: #0b8f70" i]){border-left-color: var(--ui-success-line) !important;}
:is([style^="background:#effaf6" i], [style*=";background:#effaf6" i], [style*="; background:#effaf6" i], [style^="background: #effaf6" i], [style*=";background: #effaf6" i], [style*="; background: #effaf6" i]){background: var(--ui-alt) !important;}
:is([style^="color:#315b50" i], [style*=";color:#315b50" i], [style*="; color:#315b50" i], [style^="color: #315b50" i], [style*=";color: #315b50" i], [style*="; color: #315b50" i]){color: var(--ui-success-text) !important;}
:is([style^="color:#9a6700" i], [style*=";color:#9a6700" i], [style*="; color:#9a6700" i], [style^="color: #9a6700" i], [style*=";color: #9a6700" i], [style*="; color: #9a6700" i]){color: var(--ui-warning-text) !important;}
:is([style^="border-color:#f7d99b" i], [style*=";border-color:#f7d99b" i], [style*="; border-color:#f7d99b" i], [style^="border-color: #f7d99b" i], [style*=";border-color: #f7d99b" i], [style*="; border-color: #f7d99b" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#f1b6b6" i], [style*=";border-color:#f1b6b6" i], [style*="; border-color:#f1b6b6" i], [style^="border-color: #f1b6b6" i], [style*=";border-color: #f1b6b6" i], [style*="; border-color: #f1b6b6" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#a11b1b" i], [style*=";color:#a11b1b" i], [style*="; color:#a11b1b" i], [style^="color: #a11b1b" i], [style*=";color: #a11b1b" i], [style*="; color: #a11b1b" i]){color: var(--ui-danger-text) !important;}
:is([style^="background:#eaf9f2" i], [style*=";background:#eaf9f2" i], [style*="; background:#eaf9f2" i], [style^="background: #eaf9f2" i], [style*=";background: #eaf9f2" i], [style*="; background: #eaf9f2" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#a9dfc7" i], [style*=";border-color:#a9dfc7" i], [style*="; border-color:#a9dfc7" i], [style^="border-color: #a9dfc7" i], [style*=";border-color: #a9dfc7" i], [style*="; border-color: #a9dfc7" i]){border-color: var(--ui-border) !important;}
:is([style^="border-color:#d3dce4" i], [style*=";border-color:#d3dce4" i], [style*="; border-color:#d3dce4" i], [style^="border-color: #d3dce4" i], [style*=";border-color: #d3dce4" i], [style*="; border-color: #d3dce4" i]){border-color: var(--ui-border) !important;}
:is([style^="background:#eaf7f2" i], [style*=";background:#eaf7f2" i], [style*="; background:#eaf7f2" i], [style^="background: #eaf7f2" i], [style*=";background: #eaf7f2" i], [style*="; background: #eaf7f2" i]){background: var(--ui-alt) !important;}
:is([style^="border-color:#9bcfbe" i], [style*=";border-color:#9bcfbe" i], [style*="; border-color:#9bcfbe" i], [style^="border-color: #9bcfbe" i], [style*=";border-color: #9bcfbe" i], [style*="; border-color: #9bcfbe" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#c13232" i], [style*=";color:#c13232" i], [style*="; color:#c13232" i], [style^="color: #c13232" i], [style*=";color: #c13232" i], [style*="; color: #c13232" i]){color: var(--ui-danger-text) !important;}
:is([style^="background:#e9f2ff" i], [style*=";background:#e9f2ff" i], [style*="; background:#e9f2ff" i], [style^="background: #e9f2ff" i], [style*=";background: #e9f2ff" i], [style*="; background: #e9f2ff" i]){background: var(--ui-alt) !important;}
:is([style^="color:#1859a9" i], [style*=";color:#1859a9" i], [style*="; color:#1859a9" i], [style^="color: #1859a9" i], [style*=";color: #1859a9" i], [style*="; color: #1859a9" i]){color: var(--ui-info-text) !important;}
:is([style^="color:#587268" i], [style*=";color:#587268" i], [style*="; color:#587268" i], [style^="color: #587268" i], [style*=";color: #587268" i], [style*="; color: #587268" i]){color: var(--ui-muted) !important;}
:is([style^="border-color:#e3a6a6" i], [style*=";border-color:#e3a6a6" i], [style*="; border-color:#e3a6a6" i], [style^="border-color: #e3a6a6" i], [style*=";border-color: #e3a6a6" i], [style*="; border-color: #e3a6a6" i]){border-color: var(--ui-border) !important;}
:is([style^="color:#5f7081" i], [style*=";color:#5f7081" i], [style*="; color:#5f7081" i], [style^="color: #5f7081" i], [style*=";color: #5f7081" i], [style*="; color: #5f7081" i]){color: var(--ui-muted) !important;}
:is([style^="color:#42576a" i], [style*=";color:#42576a" i], [style*="; color:#42576a" i], [style^="color: #42576a" i], [style*=";color: #42576a" i], [style*="; color: #42576a" i]){color: var(--ui-info-text) !important;}
:is([style^="border-left:#2563eb" i], [style*=";border-left:#2563eb" i], [style*="; border-left:#2563eb" i], [style^="border-left: #2563eb" i], [style*=";border-left: #2563eb" i], [style*="; border-left: #2563eb" i]){border-left-color: var(--ui-info-line) !important;}
}
:root{color-scheme: light; --ui-accent: #f4cb45; --ui-accent-ink: #805b00; --ui-nav-line: #48515d; --ui-bg: #ffffff; --ui-surface: #ffffff; --ui-alt: #f5f6f8; --ui-hover: #eceff2; --ui-text: #202429; --ui-muted: #545c67; --ui-border: #d4d9e0; --ui-control: #7a838f; --ui-primary: #30353c; --ui-primary-hover: #20242a; --ui-on-inverse: #ffffff; --ui-inverse: #252a31; --ui-success-text: #17603c; --ui-success-bg: #e3f2e9; --ui-success-line: #43805c; --ui-danger-text: #982d25; --ui-danger-bg: #ffefec; --ui-danger-line: #b54d44; --ui-warning-text: #795000; --ui-warning-bg: #fff2d2; --ui-warning-line: #9c761d; --ui-info-text: #244d93; --ui-info-bg: #eaf1ff; --ui-info-line: #567db4; --ui-purple-text: #653b99; --ui-purple-bg: #f2eafd; --ui-purple-line: #8965b2; --ui-focus: #0867c9; --ui-sidebar: #24282e; --ui-nav-text: #ffffff; --ui-nav-muted: #c4cad2; --ui-active: #363c45; --ui-active-text: #ffffff; --ui-overlay: rgba(15,18,23,.68); --ui-shadow: 0 12px 38px #1418201f; --rp-bg: var(--ui-bg); --rp-surface: var(--ui-surface); --rp-surface-soft: var(--ui-alt); --rp-text: var(--ui-text); --rp-muted: var(--ui-muted); --rp-line: var(--ui-border); --rp-green: var(--ui-primary); --rp-green-deep: var(--ui-inverse); --rp-accent: var(--ui-accent); --rp-radius: 10px; --rp-shadow: 0 2px 8px #14182008; --bg: var(--ui-bg); --panel: var(--ui-surface); --ink: var(--ui-text); --muted: var(--ui-muted); --line: var(--ui-border); --soft: var(--ui-alt); --blue: var(--ui-primary); --blue2: var(--ui-primary-hover); --green: var(--ui-success-text); --navy: var(--ui-inverse); --warn: var(--ui-warning-bg);}
@media screen {
:root[data-theme="dark"]{color-scheme: dark; --ui-bg: #15181d; --ui-surface: #1e232a; --ui-alt: #292f38; --ui-hover: #343d48; --ui-text: #f5f7fa; --ui-muted: #c1c8d2; --ui-border: #4b5563; --ui-control: #8b97a6; --ui-primary: #454f5e; --ui-primary-hover: #536074; --ui-inverse: #292f38; --ui-success-text: #b4e7c7; --ui-success-bg: #1b3a29; --ui-success-line: #76b58b; --ui-danger-text: #ffc4bd; --ui-danger-bg: #43231f; --ui-danger-line: #d5897f; --ui-warning-text: #f5d594; --ui-warning-bg: #3e3119; --ui-warning-line: #c1a062; --ui-info-text: #c0d8ff; --ui-info-bg: #1b3150; --ui-info-line: #88a7d2; --ui-purple-text: #ddc7ff; --ui-purple-bg: #322647; --ui-purple-line: #b198d1; --ui-focus: #ffd15c; --ui-sidebar: #20242a; --ui-shadow: 0 12px 38px #0006; --rp-shadow: 0 2px 8px #0002;}
}
@media screen {
html, body{scrollbar-color: var(--ui-control) var(--ui-alt); background: var(--ui-bg) !important; color: var(--ui-text) !important;}
:root[data-theme] body.reparo-app{font-size: 14px; line-height: 1.5; font-optical-sizing: auto; font-feature-settings: "cv11" 0, "calt";}
:root[data-theme] .reparo-app :is(h1, h2, h3, h4, b, strong){color: inherit;}
:root[data-theme] .reparo-app :is(input, select, textarea){border-radius: 6px; line-height: 1.5; background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-control) !important; font-size: 14px !important;}
:root[data-theme] .reparo-app :is(input, textarea)::placeholder{opacity: 1; color: var(--ui-muted) !important;}
:root[data-theme] .reparo-app :is(input[readonly], input:disabled, select:disabled, textarea:disabled){background: var(--ui-alt) !important; color: var(--ui-muted) !important;}
:root[data-theme] .reparo-app :is(input[type="checkbox"], input[type="radio"]){accent-color: var(--ui-primary); min-height: 16px; width: 16px; flex-shrink: 0;}
:root[data-theme] .reparo-app :is(label, .field label, .config-grid label, .stock-form label){font-weight: 600; line-height: 1.5; color: var(--ui-text) !important; font-size: 12px !important;}
:root[data-theme] :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible{outline-offset: 3px; outline: 3px solid var(--ui-focus) !important; box-shadow: none !important;}
:root[data-theme] .reparo-app :is(input, select, textarea):focus{outline-offset: 2px; outline: 2px solid var(--ui-focus) !important; box-shadow: none !important;}
:root[data-theme] .reparo-app .btn{min-height: 36px; border-radius: 6px; gap: 6px; line-height: 1.4; background: var(--ui-surface) !important; border-color: var(--ui-control) !important; color: var(--ui-text) !important; font-size: 13px !important;}
:root[data-theme] .reparo-app .btn.small-btn{min-height: 32px; padding: 6px 10px; font-size: 12px !important;}
:root[data-theme] .reparo-app .btn:hover{background: var(--ui-hover) !important;}
:root[data-theme] .reparo-app :is(.btn.primary, .pricing-tabs button.active, .config-tab.active, .type-btn.active){background: var(--ui-primary) !important; border-color: var(--ui-primary) !important; color: var(--ui-on-inverse) !important;}
:root[data-theme] .reparo-app .btn.primary:hover{background: var(--ui-primary-hover) !important;}
:root[data-theme] .reparo-app .btn.whats{background: var(--ui-success-bg) !important; color: var(--ui-success-text) !important; border-color: var(--ui-success-line) !important;}
:root[data-theme] .reparo-app :is(button:disabled, .btn:disabled){opacity: 0.65; cursor: not-allowed;}
:root[data-theme] .reparo-app .remove{background: var(--ui-danger-bg) !important; border-color: var(--ui-danger-line) !important; color: var(--ui-danger-text) !important;}
:root[data-theme] .reparo-app .module-page, :root[data-theme] .reparo-app .app{background: var(--ui-bg) !important;}
:root[data-theme] .reparo-app .module-page > .modal-box{background: transparent !important;}
:root[data-theme] .reparo-app :is(.card, .config-section, .metric, .modal-box, .history-wrap, .items-wrap){background: var(--ui-surface) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app .modal:not(.module-page){background: var(--ui-overlay) !important;}
:root[data-theme] .reparo-app :is(.modal-title, .modal-foot, .card-h){background: var(--ui-surface) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app :is(.rp-page-heading, .page-heading){margin-bottom: 18px; background: transparent !important;}
:root[data-theme] .reparo-app .rp-eyebrow{display: none;}
:root[data-theme] .reparo-app :is(.rp-page-heading b, .rp-page-heading h2, .page-heading h2){letter-spacing: -0.5px; line-height: 1.3; font-size: 26px !important; color: var(--ui-text) !important;}
:root[data-theme] .reparo-app :is(.rp-page-heading .sub, .page-heading .sub){margin-top: 5px; font-size: 13px !important; color: var(--ui-muted) !important;}
:root[data-theme] .reparo-app :is(.metrics .metric){min-height: 90px; padding: 14px 16px; border-radius: 9px;}
:root[data-theme] .reparo-app .metrics .metric strong{font-size: 25px; margin-top: 7px; white-space: nowrap; letter-spacing: -0.5px;}
:root[data-theme] .reparo-app .metrics .metric small{max-width: none; color: var(--ui-muted) !important; font-size: 12px !important;}
:root[data-theme] .reparo-app .metrics .rp-metric-symbol{display: none;}
:root[data-theme] .reparo-app table{font-variant-numeric: tabular-nums; background: var(--ui-surface) !important;}
:root[data-theme] .reparo-app th{font-weight: 600; line-height: 1.5; padding: 11px 14px; background: var(--ui-alt) !important; color: var(--ui-text) !important; font-size: 12px !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app td{line-height: 1.5; padding: 13px 14px; color: var(--ui-text) !important; font-size: 13px !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app td :is(.sub, .muted-cell, small){line-height: 1.5; color: var(--ui-muted) !important; font-size: 12px !important;}
:root[data-theme] .reparo-app tbody tr:hover{background: var(--ui-alt) !important;}
:root[data-theme] .reparo-app .history-table :is(td, th){overflow-wrap: normal;}
:root[data-theme] .reparo-app td:is([data-column="Valor"], [data-column="Total"], [data-column="Preço"], [data-column="Custo"], [data-column="Saldo"], [data-column="Data"], [data-column="Telefone"], [data-column="WhatsApp"]){white-space: nowrap;}
:root[data-theme] .reparo-app .record-reference{font-size: 0px !important;}
:root[data-theme] .record-reference::after{font-size: 12px !important;}
:root[data-theme] .reparo-app :is(.status-pill, .rp-stage-tag, .part-track-badge){font-weight: 600; line-height: 1.4; font-size: 12px !important;}
:root[data-theme] .reparo-app .top{background: var(--ui-sidebar) !important; color: var(--ui-nav-text) !important;}
:root[data-theme] .reparo-app .top :is(.brand h1, .rp-workspace-select strong, .rp-user-label strong){color: rgb(255, 255, 255) !important;}
:root[data-theme] .reparo-app .top :is(.sub, .cloud-badge, .nav-label, .rp-user-label small){letter-spacing: 0px; color: var(--ui-nav-muted) !important; font-size: 12px !important;}
:root[data-theme] .reparo-app .top .brand .sub{letter-spacing: 0.5px; font-size: 10px !important;}
:root[data-theme] .reparo-app .top .nav-label{letter-spacing: 1px; font-size: 11px !important;}
:root[data-theme] .reparo-app .top .nav .btn{min-height: 40px; padding: 9px 12px; border: 0px !important; background: transparent !important; color: var(--ui-nav-text) !important; font-size: 13px !important;}
:root[data-theme] .reparo-app .top .nav .btn:hover{background: rgba(255, 255, 255, 0.08) !important;}
:root[data-theme] .reparo-app .top .nav :is(.btn.nav-active, .btn.primary){font-weight: 600; background: var(--ui-active) !important; color: var(--ui-active-text) !important;}
:root[data-theme] .reparo-app .top .rp-user-avatar{background: var(--ui-accent) !important; color: var(--ui-sidebar) !important;}
:root[data-theme] .reparo-app :is(.top .logo){border-radius: 0px; overflow: visible; background: transparent !important;}
:root[data-theme] .reparo-app .top .nav .btn > .rp-icon{color: var(--ui-accent); stroke-width: 1.7;}
:root[data-theme] .reparo-app .top .nav .btn.nav-active{box-shadow: inset 3px 0 var(--ui-accent);}
:root[data-theme] .reparo-app .rp-global-topbar{background: var(--ui-surface) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app :is(.rp-global-breadcrumb, .rp-header-date, .rp-icon-button, .rp-search-launch){color: var(--ui-muted) !important; font-size: 12px !important;}
:root[data-theme] .reparo-app :is(.rp-search-launch, .rp-search-launch kbd, .rp-icon-button:hover){background: var(--ui-alt) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .rp-header-avatar{background: var(--ui-alt) !important; color: var(--ui-text) !important;}
:root[data-theme] .rp-mobile-nav{background: var(--ui-surface) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .rp-mobile-nav button{color: var(--ui-muted) !important; font-size: 12px !important;}
:root[data-theme] .rp-mobile-nav button.active{background: var(--ui-alt) !important; color: var(--ui-text) !important;}
:root[data-theme="light"] .rp-mobile-nav button.active svg{color: var(--ui-accent-ink);}
:root[data-theme="dark"] .rp-mobile-nav button.active svg{color: var(--ui-accent);}
.ui-theme-toggle{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--ui-control); border-radius: 6px; background: var(--ui-surface); color: var(--ui-text); font: 600 12px / 1.4 var(--app-font); white-space: nowrap; cursor: pointer;}
.ui-theme-toggle:hover{background: var(--ui-hover);}
.ui-theme-toggle svg{width: 18px; height: 18px; flex: 0 0 18px;}
:root[data-theme] .reparo-app :is(.field, .global-grid > div, .config-grid > div, .stock-form > div, .management-body, .pricing-grid > label){min-width: 0px;}
:root[data-theme] .reparo-app :is(.section-actions, .history-tools, .modal-foot, .pricing-actions){gap: 8px; align-items: center; flex-wrap: wrap;}
:root[data-theme] .reparo-app :is(.history-tools, .section-actions){margin-bottom: 14px;}
:root[data-theme] .reparo-app .modal-title{gap: 12px; align-items: center;}
:root[data-theme] .reparo-app .modal-title > div:first-child{min-width: 0px;}
:root[data-theme] .reparo-app .modal-title .remove{flex-shrink: 0;}
:root[data-theme] .reparo-app .modal-foot{display: flex; justify-content: flex-end;}
:root[data-theme] .reparo-app .modal-actions{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; background: var(--ui-surface) !important; border-color: var(--ui-border) !important;}
:root[data-theme] .reparo-app .modal:not(.module-page):not(#editOrderModal) :is(.modal-foot, .modal-actions){position: sticky; bottom: 0px; z-index: 4; background: var(--ui-surface) !important;}
:root[data-theme] .reparo-app .config-grid:has(> div > label):not(.os-attendance-grid):not(.os-service-grid){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:root[data-theme] .reparo-app .config-grid:has(> div > label) > :is(section, h3, .section-actions, .config-tabs){grid-column: 1 / -1;}
:root[data-theme] .reparo-app #clientEditModal .management-body > .config-grid{padding: 0px; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px 16px;}
:root[data-theme] #clientEditModal .config-grid > div:has(:is(#clientEditName, #clientEditEmail, #clientEditComplement, #clientEditDistrict)){grid-column: span 2;}
:root[data-theme] #clientEditModal .config-grid > div:has(:is(#clientEditStreet, #clientEditCity)){grid-column: span 3;}
:root[data-theme] #clientEditModal .config-grid > div:has(#clientEditNotes){grid-column: 1 / -1;}
:root[data-theme] #clientEditModal .management-body > .config-section{margin-top: 20px; padding: 16px !important;}
:root[data-theme] .pricing-shell, :root[data-theme] .pricing-shell > *, :root[data-theme] #pricingContent{min-width: 0px; max-width: 100%;}
:root[data-theme] .pricing-panel{min-width: 0px; max-width: 100%; overflow: auto;}
:root[data-theme] .pricing-panel-head{flex-wrap: wrap; align-items: center;}
:root[data-theme] .pricing-panel-head > label{max-width: 100%;}
:root[data-theme] .reparo-app :is(.pricing-grid, .global-grid, .fields){gap: 14px;}
:root[data-theme] .reparo-app :is(.hero-total, .pricing-head){background: var(--ui-inverse) !important; color: rgb(255, 255, 255) !important;}
:root[data-theme] .reparo-app :is(.hero-total, .pricing-head) :is(h2, p, small, strong){color: rgb(255, 255, 255) !important;}

:root[data-theme] .reparo-app :is(.rp-skip, #saleTotal){color: var(--ui-text) !important;}
:root[data-theme] .reparo-app .crm-avatar{display: grid; place-items: center; background: var(--ui-success-bg) !important; color: var(--ui-success-text) !important;}
:root[data-theme] .reparo-app small{line-height: 1.5; font-size: 12px !important;}
:root[data-theme] .reparo-app #ordersModal .os-aligned-list td{padding: 13px 10px;}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics .metric{min-height: 60px; padding: 11px 14px;}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics .metric strong{margin: 0px; font-size: 24px;}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics small{font-size: 12px !important;}
:root[data-theme] .reparo-app #ordersModal .order-view-buttons .primary{background: var(--ui-primary) !important; color: rgb(255, 255, 255) !important;}
:root[data-theme] .reparo-app :is(.order-summary-client, .os-list-client, .os-list-device, .os-list-service){color: var(--ui-text) !important;}
@media (max-width: 1180px) {
.rp-header-date{display: none !important;}
.rp-search-launch{width: auto !important;}
.rp-search-launch span{display: none;}
}
@media (min-width: 701px) and (max-width: 1000px) {
:root[data-theme] .reparo-app #clientEditModal .management-body > .config-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:root[data-theme] #clientEditModal .config-grid > div:has(:is(#clientEditName, #clientEditEmail, #clientEditComplement, #clientEditDistrict, #clientEditStreet, #clientEditCity)){grid-column: span 1;}
}
@media (max-width: 700px) {
.ui-theme-toggle{width: 36px; padding: 7px; flex-shrink: 0;}
.ui-theme-toggle span{display: none;}
.rp-topbar-right{gap: 6px !important;}
.rp-search-launch{width: 34px !important;}
.rp-search-launch kbd{display: none !important;}
:root[data-theme] .reparo-app :is(input, select, textarea){font-size: 16px !important;}
:root[data-theme] .reparo-app :is(.rp-page-heading b, .rp-page-heading h2, .page-heading h2){font-size: 23px !important;}
:root[data-theme] .reparo-app :is(.module-page, .app){padding-left: 14px; padding-right: 14px;}
:root[data-theme] .reparo-app .metrics .metric{padding: 11px; min-height: 80px;}
:root[data-theme] .reparo-app .metrics .metric strong{font-size: 22px;}
:root[data-theme] .reparo-app .history-table td{padding: 9px 11px;}
:root[data-theme] .reparo-app #ordersModal .os-aligned-list td{padding: 0px;}
:root[data-theme] .reparo-app .btn{white-space: normal;}
:root[data-theme] .reparo-app #clientEditModal .management-body > .config-grid, :root[data-theme] .reparo-app .config-grid:has(> div > label):not(.os-attendance-grid):not(.os-service-grid){grid-template-columns: minmax(0px, 1fr);}
:root[data-theme] #clientEditModal .config-grid > div{grid-column: 1 / -1 !important;}
}
}
@media print {
.ui-theme-toggle{display: none !important;}
html, body{color-scheme: light !important; background: white !important; color: rgb(17, 17, 17) !important;}
}
.module-loading-status{position: fixed; right: 20px; bottom: 24px; z-index: 30000; max-width: min(420px, -32px + 100vw); padding: 12px 16px; border: 1px solid var(--ui-control); background: var(--ui-surface); color: var(--ui-text); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 18px; border-radius: 6px; font-size: 14px; line-height: 1.5;}
.module-loading-status[data-error]{border-color: var(--ui-danger-text);}
.module-loading-status .btn{margin-top: 8px;}
/* Catálogo online: administração em página própria. */
#onlineCatalogModal .management-body{display:block}
.online-admin-actions,.online-product-tools,.online-publish-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.online-admin-actions>span{flex:1;min-width:220px;font-size:13px;font-weight:600}
.online-admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#dce0e5);margin:18px 0 24px;overflow-x:auto;padding-bottom:8px}
.online-admin-tabs button{flex-shrink:0;border:1px solid transparent;background:transparent;padding:10px 14px;border-radius:5px;cursor:pointer;color:inherit;font:inherit;font-size:13px}
.online-admin-tabs button[aria-selected=true]{background:#f5ce49;color:#24282e;font-weight:700}
#onlineCatalogForm section h3{font-size:16px;margin:0 0 14px}
#onlineCatalogForm .online-catalog-grid{margin-bottom:20px}
.online-product-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(130px,1fr));gap:10px;margin:20px 0 12px}
.online-product-filters input,.online-product-filters select{width:100%;min-width:0}
.online-product-tools>span{flex:1;font-size:12px;color:var(--muted,#59616c)}
#onlineProductRows td{vertical-align:middle;white-space:normal!important}
#onlineProductRows td:first-child{width:42%}
#onlineProductRows input[type=checkbox]{width:18px;height:18px;accent-color:#997000;cursor:pointer}
.online-product-name{display:flex;align-items:center;gap:10px;min-width:0}
.online-product-name img{object-fit:contain;flex-shrink:0;background:white;border-radius:4px}
.online-product-name b{display:block;line-height:1.4;font-size:13px;overflow-wrap:anywhere}
.online-product-name small{display:block;line-height:1.6;font-size:11px;color:var(--muted,#59616c)}
.online-offer-tag{display:inline-block;font-size:10px;font-weight:700;padding:3px 5px;background:#e8f4e9;color:#255338;border-radius:4px;margin-left:5px}
#onlineProductRows del{font-size:10px;color:var(--muted,#59616c)}
.online-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.online-appearance-grid>label{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line,#dce0e5);border-radius:7px}
.online-appearance-grid input{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.online-appearance-grid b{display:block;font-size:13px;margin-bottom:6px}
.online-appearance-grid small{font-size:12px;line-height:1.6;color:var(--muted,#59616c)}
.online-interval{display:grid;gap:8px;max-width:260px;margin:22px 0;font-size:12px}
.online-banner-editor{border-top:1px solid var(--line,#dce0e5);padding-top:22px;margin-top:22px}
#onlineBannerOrder{list-style:none;padding:0;display:grid;gap:8px}
#onlineBannerOrder li{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line,#dce0e5);border-radius:5px;font-size:12px}
#onlineBannerOrder li>span{flex:1;min-width:0;overflow-wrap:anywhere}
body.role-technician #onlineCatalogPageBtn,body.role-limited #onlineCatalogPageBtn{display:none!important}
@media(max-width:900px){.online-product-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.online-appearance-grid{grid-template-columns:1fr}.online-product-filters{grid-template-columns:1fr 1fr}.online-product-filters>input{grid-column:1/-1}.online-admin-actions>.btn{flex:1;font-size:11px}.online-catalog-options{gap:14px}.online-products-wrap table,.online-products-wrap tbody{display:block}.online-products-wrap thead{display:none}.online-products-wrap tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line,#dce0e5);padding:12px 0}.online-products-wrap td{border:0!important;display:flex;align-items:center;gap:7px;font-size:11px;padding:7px!important;min-width:0}.online-products-wrap td:first-child{width:auto!important;grid-column:1/-1}.online-products-wrap td:nth-child(2),.online-products-wrap td:last-child{grid-column:1/-1}.online-products-wrap td:nth-child(3):before{content:'Exibir'}.online-products-wrap td:nth-child(4):before{content:'Destaque'}.online-products-wrap td:nth-child(5):before{content:'Banner'}}
/* Frente de caixa — padrão visual oficial */
#salesModal .management-body{padding:18px 0px 0px}
#salesModal .modal-title{align-items:center}
#salesModal #closeSales{display:none}
#salesModal .checkout-metrics{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:0px;border:1px solid var(--ui-border);border-radius:6px;overflow:hidden;background:var(--ui-surface)}
#salesModal .checkout-metrics small{display:block;font-size:10px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:5px;color:var(--ui-muted) !important}
#salesModal .checkout-workspace{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(330px, 390px);gap:20px;align-items:start}
#salesModal .checkout-panel{min-width:0px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;padding:20px}
#salesModal .checkout-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
#salesModal .checkout-step{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:5px;background:rgb(244, 203, 69);color:rgb(36, 40, 46);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
#salesModal .checkout-panel-heading h2{font-size:17px;letter-spacing:-0.4px;margin:0px 0px 4px;font-weight:700}
#salesModal .checkout-panel-heading p{font-size:11px;line-height:1.5;margin:0px;color:var(--ui-muted)}
#salesModal .checkout-entry{display:grid;grid-template-columns:minmax(0px, 1fr) 74px auto;gap:12px;align-items:end;margin:0px 0px 20px}
#salesModal .checkout-entry > div:first-child{grid-column:1 / -1}
#salesModal label{display:block;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:0px;text-transform:none;margin:0px 0px 6px;color:var(--ui-text)}
#salesModal input, #salesModal select{width:100%;min-width:0px;min-height:40px;font-size:13px;border-radius:4px;padding:10px 11px}
#salesModal #saleProductSearch{min-height:46px;padding-left:14px;font-size:14px}
#salesModal #saleSearchHint{font-size:10px;line-height:1.5;color:var(--ui-muted) !important}
#salesModal #saleProduct{font-size:11px}
#salesModal #saleQty{text-align:center}
#salesModal #addSaleItem{min-height:40px;padding:10px 14px;font-size:11px;border-radius:4px}
#salesModal .checkout-results-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:17px;border-top:1px solid var(--ui-border);margin-bottom:12px}
#salesModal .checkout-results-heading h3{font-size:12px;margin:0px;font-weight:650}
#salesModal .checkout-results-heading > span{font-size:10px;color:var(--ui-muted);text-align:right}
#salesModal .checkout-product-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:10px}
#salesModal .checkout-product{min-width:0px;border:1px solid var(--ui-border);border-radius:5px;padding:13px;background:var(--ui-surface);display:flex;flex-direction:column}
#salesModal .checkout-product-identity{display:flex;align-items:flex-start;gap:10px;min-width:0px}
#salesModal .pdv-product-photo{display:block;width:46px;height:52px;flex:0 0 46px;object-fit:contain;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:4px}
#salesModal .pdv-product-photo.empty{background:var(--ui-surface-soft);position:relative}
#salesModal .pdv-product-photo.empty::before{content:"＋";position:absolute;inset:0px;display:grid;place-items:center;color:var(--ui-muted);font-size:18px}
#salesModal .checkout-product-identity > div{min-width:0px}
#salesModal .checkout-category{font-size:9px;font-weight:600;color:var(--ui-muted);text-transform:uppercase;letter-spacing:0.04em;line-height:1.5}
#salesModal .checkout-product h4{font-size:12px;line-height:1.5;margin:4px 0px;letter-spacing:-0.1px;font-weight:650;overflow-wrap:anywhere}
#salesModal .checkout-product p{font-size:10px;line-height:1.5;color:var(--ui-muted);margin:0px;overflow-wrap:anywhere}
#salesModal .checkout-product-code{font-size:9px;color:var(--ui-muted);line-height:1.5;margin:9px 0px;overflow-wrap:anywhere}
#salesModal .checkout-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--ui-border)}
#salesModal .checkout-product-bottom strong{display:block;white-space:nowrap;font-size:16px;letter-spacing:-0.3px;font-variant-numeric:tabular-nums}
#salesModal .checkout-stock{display:block;font-size:9px;color:var(--ui-muted);margin-top:4px}
#salesModal .checkout-add-product{font-size:10px;padding:8px 9px;min-height:34px;white-space:nowrap;border-radius:4px}
#salesModal .checkout-summary{border-top:3px solid rgb(244, 203, 69);top:12px}
#salesModal .checkout-cart{border-radius:0px;box-shadow:none;border:0px !important}
#salesModal .checkout-cart .history-table{width:100%;min-width:0px;table-layout:fixed;border:0px}
#salesModal .checkout-cart th{font-size:9px;letter-spacing:0px;text-transform:none;padding:9px 4px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface-soft) !important}
#salesModal .checkout-cart th:first-child{width:auto}
#salesModal .checkout-cart th:nth-child(2){text-align:center}
#salesModal .checkout-cart th:nth-child(3){text-align:right}
#salesModal .checkout-cart td{padding:12px 4px;vertical-align:middle;white-space:normal;line-height:1.5;border-bottom:1px solid var(--ui-border);font-size:11px;position:static;box-shadow:none;overflow-wrap:normal}
#salesModal .checkout-cart-identity{display:flex;align-items:center;gap:8px;min-width:0px}
#salesModal .checkout-cart-identity .pdv-product-photo{flex-basis:30px}
#salesModal .checkout-cart-identity b{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}
#salesModal .checkout-cart-identity small{display:block;font-size:9px;line-height:1.7;color:var(--ui-muted)}
#salesModal .checkout-cart-qty{text-align:center;font-variant-numeric:tabular-nums}
#salesModal .checkout-cart-subtotal{text-align:right;font-size:11px;letter-spacing:-0.15px;font-variant-numeric:tabular-nums;white-space:nowrap !important}
#salesModal .checkout-cart .remove{height:26px;min-height:0px;border:0px;border-radius:4px;font-size:16px}
#salesModal .checkout-empty{text-align:center;color:var(--ui-muted)}
#salesModal .checkout-empty strong{font-size:13px;display:block;color:var(--ui-text);font-weight:600}
#salesModal .checkout-empty p{font-size:11px;line-height:1.7;margin:8px auto 0px;max-width:320px}
#salesModal .sale-footer{display:flex;flex-direction:column;gap:16px;align-items:stretch;margin:18px 0px 0px}
#salesModal .checkout-client{display:grid;grid-template-columns:minmax(0px, 1fr) 38px;gap:0px 8px}
#salesModal .checkout-client > label{grid-column:1 / -1}
#salesModal .checkout-client > label small{font-size:10px;font-weight:400;color:var(--ui-muted);margin-left:4px}
#salesModal .checkout-client .pdv-quick-client{width:38px;height:40px;min-height:40px;margin:0px;padding:0px;font-size:20px;border-radius:4px}
#salesModal .checkout-payment #saleInstallments{margin-top:8px !important}
#salesModal .checkout-total > .muted-cell{color:var(--ui-muted)}
#salesModal #saleTotal{font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:normal;color:var(--ui-text) !important}
#salesModal #finishSale{width:100%;min-height:46px;font-size:13px;font-weight:750;border-radius:4px;margin:0px;background:rgb(244, 203, 69) !important;border-color:rgb(227, 186, 53) !important;color:rgb(36, 40, 46) !important}
#salesModal #finishSale:disabled{opacity:0.5;cursor:not-allowed}
#salesModal .checkout-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}
@media (min-width: 1500px){
#salesModal .checkout-product-grid{grid-template-columns:repeat(3, minmax(0px, 1fr))}
}
@media (max-width: 1180px){
#salesModal .checkout-workspace{grid-template-columns:minmax(0px, 1fr) 340px;gap:14px}
#salesModal .checkout-panel{padding:16px}
#salesModal .checkout-product-grid{grid-template-columns:1fr}
}
@media (max-width: 900px){
#salesModal .checkout-workspace{grid-template-columns:minmax(0px, 1fr) 340px}
#salesModal .checkout-summary{top:8px}
}
@media (max-width: 700px){
#salesModal .checkout-summary{position:static}
#salesModal .checkout-entry{grid-template-columns:minmax(0px, 1fr) 65px}
#salesModal #addSaleItem{grid-column:1 / -1;width:100%}
#salesModal #saleProductSearch{font-size:13px}
#salesModal .checkout-product-grid{grid-template-columns:1fr}
#salesModal .checkout-results-heading{align-items:flex-start}
#salesModal .checkout-results-heading > span{max-width:140px}
#salesModal .modal-title #checkoutHistory{font-size:11px;padding:8px 10px}
#salesModal .checkout-product h4{font-size:13px}
}
#salesModal.module-page{overflow:hidden;padding:18px 24px 16px}
#salesModal.module-page > .modal-box{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0px}
#salesModal .modal-title{flex:0 0 auto;margin:0px 0px 14px;padding-top:0px;padding-bottom:0px}
#salesModal .rp-eyebrow{display:none}
#salesModal .management-body{display:flex;flex-direction:column;flex:1 1 0%;min-height:0px;overflow:hidden;padding-top:0px}
#salesModal .checkout-workspace{flex:1 1 0%;min-height:0px}
#salesModal .checkout-products{display:flex;flex-direction:column;overflow:hidden;min-height:0px}
#salesModal .checkout-panel-heading, #salesModal .checkout-entry{flex-shrink:0}
#salesModal #saleSearchResults{flex:1 1 0%;min-height:0px;overflow:hidden auto;padding-right:3px;overscroll-behavior:contain}
#salesModal .checkout-summary{position:static;min-height:0px;flex-direction:column}
#salesModal .checkout-summary > .checkout-panel-heading{margin-bottom:10px}
#salesModal .checkout-total{flex:0 0 auto;margin-top:14px;padding-top:12px}
#salesModal .checkout-payment-buttons{display:grid}
#salesModal .checkout-payment-option{min-width:0px;display:flex;align-items:center;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface);color:var(--ui-text);text-align:left;cursor:pointer;font:inherit}
#salesModal .checkout-payment-option[aria-checked="true"]{border-color:rgb(167, 129, 13);box-shadow:rgb(167, 129, 13) 0px 0px 0px 1px inset;background:var(--ui-surface-soft)}
#salesModal .checkout-payment-option:focus-visible{outline:rgb(167, 129, 13) solid 3px;outline-offset:2px}
#salesModal .checkout-payment-icon{flex-shrink:0;display:grid;place-items:center;color:var(--ui-muted)}
#salesModal .checkout-payment-option[aria-checked="true"] .checkout-payment-icon{background:rgb(244, 203, 69);color:rgb(36, 40, 46)}
#salesModal .checkout-payment-option > span:last-child{min-width:0px}
#salesModal .checkout-payment-option strong{display:block;font-weight:650;overflow-wrap:anywhere}
#salesModal .checkout-payment-option small{font-size:9px;line-height:1.5;margin-top:3px;color:var(--ui-muted)}
#salesModal #checkoutInstallmentLabel{margin-top:12px}
#salesModal #salePayment[hidden], #salesModal #saleInstallments[hidden], #salesModal #checkoutDiscountKind[hidden], #salesModal #checkoutInstallmentLabel[hidden], #salesModal #checkoutDiscountLine[hidden], #salesModal #checkoutDiscountError[hidden]{display:none !important}
#salesModal .checkout-breakdown{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ui-muted);margin-bottom:6px;font-variant-numeric:tabular-nums}
#salesModal .checkout-breakdown b{color:var(--ui-text);white-space:nowrap;font-weight:600}
#salesModal #checkoutDiscountEditor{margin:4px 0px 10px;font-size:11px}
#salesModal #checkoutDiscountEditor > summary{cursor:pointer;font-weight:650;color:var(--ui-text);padding:5px 0px}
#salesModal .checkout-discount-controls{display:grid;grid-template-columns:auto minmax(65px, 1fr) 30px;align-items:center;gap:7px;margin-top:7px}
#salesModal .checkout-discount-modes{display:flex}
#salesModal .checkout-discount-modes button{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);height:36px;min-width:35px;font-weight:650;font-size:12px;cursor:pointer}
#salesModal .checkout-discount-modes button:first-child{border-radius:4px 0px 0px 4px}
#salesModal .checkout-discount-modes button:last-child{border-radius:0px 4px 4px 0px}
#salesModal .checkout-discount-modes button[aria-pressed="true"]{background:rgb(244, 203, 69);color:rgb(36, 40, 46);border-color:rgb(199, 163, 45)}
#salesModal #checkoutDiscountValue{height:36px;min-height:36px;padding:7px 9px}
#salesModal #checkoutClearDiscount{padding:0px;height:32px;min-height:32px;width:30px;font-size:18px}
#salesModal .checkout-discount-error{font-size:11px;line-height:1.5;color:var(--ui-danger,#b42318);margin:6px 0px}
#salesModal .checkout-mobile-switch, #salesModal .checkout-mobile-total{display:none}
@media (max-width: 700px){
#salesModal.module-page{padding:12px 14px calc(82px + env(safe-area-inset-bottom,0px))}
#salesModal .modal-title{margin-bottom:10px;gap:8px}
#salesModal .modal-title .sub{display:none}
#salesModal .checkout-metrics .metric:nth-child(n+3){display:none}
#salesModal .checkout-workspace{grid-template-columns:1fr;min-height:0px}
#salesModal .checkout-workspace[data-view="products"] .checkout-summary, #salesModal .checkout-workspace[data-view="payment"] .checkout-products{display:none}
#salesModal .checkout-mobile-switch{display:flex;gap:6px;margin-bottom:10px;flex:0 0 auto}
#salesModal .checkout-mobile-switch button{flex:1 1 0%;min-height:36px;padding:8px 5px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);color:var(--ui-text);font-size:11px;cursor:pointer;font-weight:600}
#salesModal .checkout-mobile-switch button[aria-pressed="true"]{background:rgb(244, 203, 69);border-color:rgb(211, 174, 44);color:rgb(36, 40, 46)}
#salesModal .checkout-panel{padding:12px;min-height:0px}
#salesModal .checkout-panel-heading{margin-bottom:10px}
#salesModal .checkout-panel-heading h2{font-size:15px}
#salesModal .checkout-panel-heading p{font-size:10px}
#salesModal .checkout-panel-heading .checkout-step{height:26px;width:26px}
#salesModal .checkout-entry{margin-bottom:12px;gap:7px}
#salesModal label{font-size:10px;margin-bottom:4px}
#salesModal #saleProductSearch{min-height:38px}
#salesModal #saleSearchHint{display:none}
#salesModal #saleProduct, #salesModal #saleQty{min-height:36px;height:36px;padding:7px 8px}
#salesModal #addSaleItem{min-height:34px;padding:7px}
#salesModal .checkout-mobile-total{display:block;flex:0 0 auto;background:var(--ui-surface)}
#salesModal .checkout-total{margin-top:10px;padding-top:10px}
#salesModal .checkout-total .sale-total{font-size:24px !important;line-height:1.2 !important;margin:0px !important}
#salesModal .checkout-total{display:grid;gap:6px 12px;align-items:center}
#salesModal .checkout-breakdown, #salesModal #checkoutDiscountEditor, #salesModal #checkoutDiscountError{grid-column:1 / -1;margin-bottom:0px}
#salesModal #finishSale{min-height:42px}
#salesModal .checkout-cart .remove{height:32px;width:28px}
}
#salesModal .modal-title, #salesModal .checkout-metrics{display:none !important}
#salesModal .checkout-panel-heading > div{flex:1 1 0%;min-width:0px}
#salesModal #checkoutHistory{font-size:10px;padding:7px 9px;min-height:30px;white-space:nowrap}
#salesModal .checkout-summary{display:grid;gap:10px;border:0px;padding:0px;background:transparent;box-shadow:none;height:100%;overflow:hidden}
#salesModal .checkout-cart-card{display:flex;flex-direction:column;min-height:0px;overflow:hidden}
#salesModal .checkout-cart-card > .checkout-panel-heading{flex-shrink:0}
#salesModal .checkout-cart{min-height:0px;overscroll-behavior:contain;flex:1 1 0%}
#salesModal .checkout-cart .history-table{position:relative}
#salesModal .checkout-cart th{position:sticky;top:0px;z-index:1}
#salesModal .checkout-client{padding:12px 14px}
#salesModal .checkout-client > label{font-size:12px}
#salesModal .checkout-payment{min-height:0px;overflow:auto;overscroll-behavior:contain;padding:12px 14px}
#salesModal .checkout-payment > label:first-child{font-size:12px;margin-bottom:8px}
#salesModal .checkout-total{margin:0px;padding:12px 14px;border-top:3px solid rgb(244, 203, 69)}
#salesModal .checkout-empty{padding:18px 10px}
@media (max-width: 700px){
#salesModal .checkout-summary{gap:8px}
#salesModal .checkout-client, #salesModal .checkout-payment{padding:10px 12px}
#salesModal .checkout-mobile-total{padding-top:8px}
#salesModal .checkout-total{padding:10px 12px}
#salesModal .checkout-cart-card .checkout-panel-heading h2{font-size:14px}
}
#salesModal .checkout-summary{grid-template-rows:minmax(90px, 1fr) auto auto auto}
#salesModal .checkout-payment{max-height:190px}
#salesModal .checkout-payment-buttons{grid-template-columns:repeat(3, minmax(0px, 1fr));gap:6px}
#salesModal .checkout-payment-option{min-height:35px;height:35px;padding:6px;gap:5px}
#salesModal .checkout-payment-icon{width:18px;height:21px;background:transparent;border-radius:3px}
#salesModal .checkout-payment-icon svg{width:16px;height:16px}
#salesModal .checkout-payment-option strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
#salesModal .checkout-payment-option small{display:none}
@media (max-width: 700px){
#salesModal .checkout-summary{grid-template-rows:minmax(90px, 1fr) auto auto}
#salesModal .checkout-payment{max-height:175px}
#salesModal .checkout-payment-buttons{grid-template-columns:repeat(3, minmax(0px, 1fr))}
#salesModal .checkout-payment-option{min-height:35px;padding:6px}
}
#salesModal .checkout-products{height:100%}
#salesModal .checkout-cart th:nth-child(2){width:36px}
#salesModal .checkout-cart th:nth-child(3){width:95px}
#salesModal .checkout-cart th:last-child{width:38px}
#salesModal .checkout-cart td:last-child{text-align:center;padding-left:3px;padding-right:3px}
#salesModal .checkout-cart .remove{width:28px;max-width:100%;padding:0px;margin:0px}
#salesModal .pdv-product-photo{max-width:46px;max-height:52px;box-sizing:border-box;padding:0px !important;min-height:0px !important;min-width:0px !important}
#salesModal .checkout-no-photo{display:grid;place-items:center;color:var(--ui-muted);font-size:0px}
#salesModal .checkout-no-photo svg{width:22px;height:22px}
#salesModal .checkout-cart-identity .pdv-product-photo{width:30px;height:35px;max-width:30px;max-height:35px;flex:0 0 30px}
#salesModal .checkout-cart-identity .checkout-no-photo svg{width:18px;height:18px}
#salesModal .checkout-cart-identity > div{min-width:0px}
@media (max-width: 700px){
#salesModal.module-page{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
#salesModal .checkout-cart th:nth-child(3){width:88px}
#salesModal .checkout-cart th:last-child{width:38px}
}
#salesModal .checkout-credit-option{display:flex;align-items:center;min-width:0px;grid-column:span 2;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface);padding-right:5px}
#salesModal .checkout-credit-option[data-active="true"]{border-color:rgb(167, 129, 13);box-shadow:rgb(167, 129, 13) 0px 0px 0px 1px inset;background:var(--ui-surface-soft)}
#salesModal .checkout-credit-option > .checkout-payment-option{flex:1 1 0%;min-width:0px;border:0px;box-shadow:none;background:transparent}
#salesModal .checkout-credit-stepper{display:flex;align-items:center;gap:3px;flex-shrink:0}
#salesModal .checkout-credit-stepper button{width:24px;height:25px;padding:0px;border:1px solid var(--ui-border);border-radius:3px;background:var(--ui-surface);color:var(--ui-text);font-size:15px;cursor:pointer}
#salesModal .checkout-credit-stepper button:disabled{opacity:0.4;cursor:default}
#salesModal .checkout-credit-count{min-width:23px;text-align:center;color:var(--ui-text);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
#salesModal .checkout-total{display:grid;grid-template-columns:minmax(0px, 1fr) auto;gap:6px 12px;align-items:center}
#salesModal .checkout-total > .muted-cell{display:block;margin:0px;font-size:11px}
#salesModal .checkout-breakdown, #salesModal #checkoutDiscountEditor, #salesModal #checkoutDiscountError{grid-column:1 / -1;margin-bottom:0px}
#salesModal #saleTotal{font-size:26px;margin:0px;text-align:right;line-height:1.25}
#salesModal #finishSale{grid-column:1 / -1;margin-top:4px}
@media (max-width: 700px){
#salesModal .checkout-total{grid-template-columns:1fr 1.2fr}
#salesModal .checkout-total > .muted-cell{display:none}
#salesModal #saleTotal{font-size:24px;text-align:left}
#salesModal #finishSale{grid-column:auto;margin-top:0px}
}
#salesModal .checkout-cart td{padding-top:8px;padding-bottom:8px}
#salesModal .checkout-cart-identity b{line-height:1.4}
#salesModal .checkout-cart{overflow:hidden auto;scrollbar-width:thin;scrollbar-gutter:stable}
#salesModal .checkout-cart-card{padding:12px 14px}
#salesModal .checkout-cart-card > .checkout-panel-heading{margin-bottom:6px}
#salesModal .checkout-cart-card .checkout-panel-heading h2{font-size:16px;line-height:1.3;margin:0px 0px 3px}
#salesModal .checkout-cart-card .checkout-panel-heading p{font-size:10px;line-height:1.4}
@media (max-width: 700px){
#salesModal .checkout-cart-card{padding:10px 12px}
}

/* Orçamento — padrão visual oficial */
#budgetPage.quote-reference-layout.active{position:fixed;z-index:3;inset:calc(var(--rp-header) + 18px) 24px 18px calc(var(--rp-sidebar) + 24px);display:flex;flex-direction:column;gap:10px;width:auto;max-width:none;min-width:0px;min-height:0px;margin:0px;overflow:hidden;color:var(--ui-text)}
.reparo-app.menu-collapsed #budgetPage.active{left:24px}
#budgetPage *, #budgetPage ::before, #budgetPage ::after{box-sizing:border-box}
#budgetPage .budget-workspace-toolbar{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:38px}
#budgetPage .page-heading{display:flex;align-items:center;flex:1 1 0%;min-width:0px;padding:0px;margin:0px !important}
#budgetPage .page-heading h2{line-height:1.25;letter-spacing:-0.5px;margin:0px;font-size:19px !important;color:var(--ui-text) !important}
#budgetPage .page-heading .sub{display:none}
#budgetPage .registration-tabs{display:flex;flex-wrap:nowrap;gap:3px;padding:3px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-alt);margin:0px !important}
#budgetPage .config-tab{min-height:30px;margin:0px;padding:5px 10px;font-size:12px;border:0px;border-radius:3px;background:transparent;color:var(--ui-muted);white-space:nowrap}
#budgetPage .config-tab.active{box-shadow:rgba(20, 24, 32, 0.08) 0px 1px 3px;background:var(--ui-surface) !important;color:var(--ui-text) !important}
#budgetPage #newBtn{min-height:36px;white-space:nowrap}
#budgetPage .budget-flow{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));flex:0 0 auto;gap:0px;margin:0px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface);overflow:hidden}
#budgetPage .budget-flow-step{display:flex;align-items:center;gap:9px;min-width:0px;min-height:46px;padding:7px 12px;border-top:0px;border-bottom:0px;border-left:0px;border-image:none;border-right:1px solid var(--ui-border);border-radius:0px;background:var(--ui-surface);text-align:left;color:var(--ui-muted);font:inherit;cursor:pointer}
#budgetPage .budget-flow-step:last-child{border-right:0px}
#budgetPage .budget-flow-step:disabled{cursor:default;opacity:1}
#budgetPage .budget-flow-step span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-alt);font-size:11px;font-weight:700}
#budgetPage .budget-flow-step b{display:block;font-size:12px;line-height:1.3;color:inherit !important}
#budgetPage .budget-flow-step small{display:block;font-size:11px;line-height:1.3;color:var(--ui-muted);margin-top:2px}
#budgetPage .budget-flow-step.active{background:var(--ui-alt);box-shadow:rgb(244, 203, 69) 0px -3px inset;color:var(--ui-text)}
#budgetPage .budget-flow-step.active span{background:rgb(244, 203, 69);border-color:rgb(167, 129, 13);color:rgb(32, 36, 41)}
#budgetPage .budget-flow-step.complete{color:var(--ui-text)}
#budgetPage .budget-flow-step.complete span{border-color:rgb(167, 129, 13)}
#budgetPage #budgetCreateTab{flex-direction:column;flex:1 1 0%;gap:10px;min-height:0px;min-width:0px;display:flex !important}
#budgetPage[data-budget-tab="history"] #budgetCreateTab, #budgetPage[data-budget-tab="history"] #budgetFlow{display:none !important}
#budgetPage #budgetCreateTab > .grid{display:grid;grid-template-columns:minmax(0px, 1fr) 330px;gap:14px;align-items:stretch;flex:1 1 0%;min-height:0px;min-width:0px;width:100%}
#budgetPage .main{display:flex;flex-direction:column;gap:10px;min-height:0px;min-width:0px}
#budgetPage .card{margin:0px;border:1px solid var(--ui-border);border-radius:6px;box-shadow:none;background:var(--ui-surface);min-width:0px}
#budgetPage .card-h{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-height:43px;margin:0px;padding:10px 14px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border)}
#budgetPage .card-h h2{font-size:13px;line-height:1.3;margin:0px;letter-spacing:0px;text-transform:none;color:var(--ui-text) !important}
#budgetPage .card-h > .sub{font-size:11px;color:var(--ui-muted);white-space:nowrap}
#budgetPage .budget-intake-card{display:flex;flex-direction:column;flex:1 1 0%;min-height:0px}
#budgetPage .budget-intake-card > .card-b{display:flex;flex:1 1 0%;flex-direction:column;min-height:0px;min-width:0px;padding:12px}
#budgetPage .budget-autosave-slot{margin-left:auto;font-size:11px;color:var(--ui-muted)}
#budgetPage .budget-autosave-status{display:block;font-size:11px;line-height:1.3;color:var(--ui-muted)}
#budgetPage .budget-stage{display:flex;flex-direction:column;flex:1 1 0%;min-height:0px;min-width:0px;border:0px;background:var(--ui-surface)}
#budgetPage .budget-stage[hidden], #budgetPage .budget-selected-card[hidden], #budgetPage .budget-internal-field{display:none !important}
#budgetPage .budget-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:34px;margin-bottom:8px;padding:0px 0px 8px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}
#budgetPage .budget-stage-head b{font-size:14px;line-height:1.3;color:var(--ui-text) !important}
#budgetPage .budget-stage-head > small{display:none}
#budgetPage .budget-stage-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;padding:0px}
#budgetPage .budget-stage-actions .btn{min-width:0px;min-height:32px;padding:6px 10px;font-size:12px;white-space:nowrap;box-shadow:none}
#budgetPage .budget-stage-body{display:grid;grid-template-columns:1fr;align-content:start;gap:12px;min-height:0px;min-width:0px;overflow:auto;overscroll-behavior:contain;padding:0px 2px 2px 0px;scrollbar-width:thin}
#budgetPage .field, #budgetPage .device-field{min-width:0px;margin:0px;grid-column:auto}
#budgetPage :is(input, select, textarea){font-size:13px;color:var(--ui-text);max-width:100%}
#budgetPage :is(.field, .device-field) > label, #budgetPage .budget-price-entry label{min-height:17px;display:block !important;margin:0px 0px 5px !important;font-size:12px !important;font-weight:600 !important;line-height:1.4 !important;letter-spacing:0px !important;text-transform:none !important;color:var(--ui-text) !important}
#budgetPage :is(input:not([type="checkbox"]):not([type="hidden"]), select){height:39px;min-height:39px;padding:8px 10px;border-radius:4px}
#budgetPage .budget-origin-stage .budget-stage-body{padding:6px 0px}
#budgetPage .budget-source-options{display:grid;grid-template-columns:repeat(5, minmax(0px, 1fr));gap:9px}
#budgetPage .budget-source-options .btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:0px;min-height:94px;padding:14px 12px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);font-size:13px;text-align:left;box-shadow:none}
#budgetPage .budget-source-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:var(--ui-alt);color:var(--ui-text);border:1px solid rgb(167, 129, 13)}
#budgetPage .budget-source-icon svg{width:19px;height:19px}
#budgetPage .budget-source-options .btn.active{border-color:rgb(167, 129, 13);box-shadow:rgb(167, 129, 13) 0px 0px 0px 1px inset}
#budgetPage .budget-client-stage .budget-stage-body{grid-template-columns:1fr 1fr}
#budgetPage .quick-client{display:flex;gap:6px;align-items:center}
#budgetPage .quick-client input{min-width:0px;flex:1 1 0%}
#budgetPage #quickClientBtn{min-height:39px;padding:6px 10px;white-space:nowrap}
#budgetPage .budget-counter-client{grid-column:1 / -1;justify-self:start;min-height:34px;border:1px solid var(--ui-border) !important;background:var(--ui-alt) !important;color:var(--ui-text) !important}
#budgetPage .budget-device-stage .budget-stage-body{grid-template-columns:120px minmax(0px, 1fr) 145px;align-items:start}
#budgetPage .budget-device-picker-row{display:flex;align-items:center;gap:6px;min-width:0px}
#budgetPage .budget-device-picker-row input{flex:1 1 0%;min-width:0px}
#budgetPage .budget-fast-device{flex:0 0 36px;min-width:36px;width:36px;height:39px;padding:0px;font-size:20px;line-height:1}
#budgetPage #deviceBrand{background:var(--ui-alt);color:var(--ui-muted)}
#budgetPage .field:has(#service){grid-column:1 / -1}
#budgetPage #service{display:block;width:100%;min-height:118px;height:128px;max-height:200px;padding:10px 12px;resize:vertical;line-height:1.5;border-radius:4px;background:var(--ui-surface)}
#budgetPage .budget-device-manager, #budgetPage .budget-service-device-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;grid-column:1 / -1;padding:10px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-alt);min-width:0px;flex:0 0 auto}
#budgetPage .budget-device-manager > div:first-child{flex:1 1 0%;min-width:120px}
#budgetPage .budget-device-manager strong, #budgetPage .budget-service-device-bar > strong{font-size:12px;color:var(--ui-text)}
#budgetPage .budget-device-manager small{display:none}
#budgetPage .budget-device-manager > .btn, #budgetPage .budget-service-device-bar > .btn{min-height:30px;padding:6px 8px;font-size:11px;white-space:nowrap}
#budgetPage .budget-device-tabs{display:flex;flex-wrap:wrap;gap:5px;min-width:0px}
#budgetPage .budget-device-tabs button{display:flex;align-items:center;gap:5px;min-width:0px;max-width:210px;min-height:29px;padding:4px 7px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);color:var(--ui-text);font-size:11px;cursor:pointer}
#budgetPage .budget-device-tabs button.active{border-color:rgb(167, 129, 13);box-shadow:rgb(244, 203, 69) 0px -2px inset}
#budgetPage .budget-device-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#budgetPage .budget-device-tabs button b{flex:0 0 auto;font-size:10px}
#budgetPage .budget-device-tabs button i{font-size:15px;color:var(--ui-danger-text);font-style:normal}
#budgetPage .budget-service-stage .budget-stage-body{gap:8px;display:flex;flex-direction:column;flex:1 1 0%;overflow:hidden;padding:0px}
#budgetPage .budget-service-device-bar{padding:6px 8px}
#budgetPage .budget-service-device-bar > strong{display:none}
#budgetPage .budget-service-device-bar > .budget-device-tabs{flex:1 1 0%}
#budgetPage #canonicalBudgetCatalog{display:flex;flex-direction:column;flex:1 1 0%;min-height:0px;min-width:0px;margin:0px !important;padding:0px !important;border:0px !important;background:var(--ui-surface) !important;box-shadow:none !important}
#budgetPage .device-service-panel-head{flex:0 0 auto;margin:0px;padding:0px 0px 8px;background:var(--ui-surface);color:var(--ui-text);display:none !important}
#budgetPage .device-service-panel-head b{font-size:12px;color:var(--ui-text) !important}
#budgetPage .device-service-panel-head > span{display:none}
#budgetPage .catalog-service-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));grid-template-rows:none;grid-auto-rows:max-content;margin:0px;gap:9px;align-content:start;align-items:start;flex:1 1 0%;min-height:0px;overflow:auto;overscroll-behavior:contain;padding:0px 3px 3px 0px;scrollbar-width:thin}
#budgetPage .catalog-service-card{padding:0px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface);box-shadow:none;overflow:hidden;min-width:0px}
#budgetPage .catalog-service-title{display:flex;align-items:center;gap:7px;min-height:46px;padding:8px;background:var(--ui-alt);border-bottom:1px solid var(--ui-border)}
#budgetPage .catalog-service-title h4{margin:0px;font-size:12px;line-height:1.3;color:var(--ui-text) !important}
#budgetPage .catalog-service-title small{display:none}
#budgetPage .catalog-service-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid rgb(167, 129, 13);border-radius:4px;background:var(--ui-surface);font-size:15px;color:var(--ui-text) !important}
#budgetPage .catalog-quality-list{display:grid;gap:5px;padding:7px;margin:0px}
#budgetPage .catalog-quality{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-items:center;gap:5px;padding:7px;min-height:48px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);color:var(--ui-text);position:relative}
#budgetPage .catalog-quality.available{cursor:pointer}
#budgetPage .catalog-quality.selected{box-shadow:rgb(244, 203, 69) 3px 0px inset;background:var(--ui-alt);border-color:rgb(167, 129, 13) !important}
#budgetPage .catalog-quality-info b{display:block;font-size:11px;line-height:1.3;overflow-wrap:anywhere;color:var(--ui-text) !important}
#budgetPage .catalog-quality-info > span{display:block;line-height:1.35;font-size:10px !important;color:var(--ui-muted) !important}
#budgetPage .catalog-quality-action{display:flex;align-items:center;gap:4px;justify-content:flex-end;min-width:0px}
#budgetPage .catalog-quality-action strong{font-size:12px;white-space:nowrap;line-height:1.3;color:var(--ui-text) !important}
#budgetPage .catalog-remove-choice{font-size:17px;color:var(--ui-danger-text)}
#budgetPage .quality-sales-description{display:none;font-size:11px;line-height:1.4;margin-top:5px;color:var(--ui-muted) !important}
#budgetPage.budget-show-descriptions .quality-sales-description{display:block}
#budgetPage .catalog-define-price{min-height:27px;padding:4px 6px;font-size:10px;white-space:normal;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:3px;background:var(--ui-alt)}
#budgetPage .budget-selected-card{display:flex;flex-direction:column;flex:0 0 auto;min-height:0px;max-height:none;border-top:0px;border-right:0px;border-left:0px;border-image:none;border-bottom:1px solid var(--ui-border);border-radius:0px;padding-bottom:10px}
#budgetPage .budget-selected-card .card-h{min-height:30px;padding:0px 0px 7px;gap:6px}
#budgetPage .budget-selected-card .card-h > .sub{display:none}
#budgetPage .budget-selection-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0px 5px;border-radius:4px;background:var(--ui-alt);color:var(--ui-text);font-size:11px}
#budgetPage #quickBudgetService{min-height:28px;padding:4px 7px;font-size:11px;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text);margin:0px 0px 0px auto !important}
#budgetPage .budget-selected-card > .card-b{min-height:0px;padding:7px 0px 0px;overflow:visible;border:0px;border-radius:0px}
#budgetPage .budget-option-totals{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;margin:0px 0px 7px;color:var(--ui-muted)}
#budgetPage .budget-option-totals span{padding:0px;background:none;border:0px;color:var(--ui-muted)}
#budgetPage .budget-option-totals .confirmed{color:var(--ui-text)}
#budgetPage .items-wrap table{width:100%;min-width:0px;table-layout:fixed;border-collapse:collapse;margin:0px}
#budgetPage .items-wrap th{padding:5px 6px;font-size:10px;text-transform:none;background:var(--ui-alt);color:var(--ui-muted)}
#budgetPage .items-wrap th:nth-child(2){width:90px}
#budgetPage .items-wrap th:nth-child(3){width:32px}
#budgetPage .items-wrap th:nth-child(4){width:92px}
#budgetPage .items-wrap th:nth-child(5){width:112px}
#budgetPage .items-wrap th:last-child{width:32px}
#budgetPage .items-wrap td{padding:6px;font-size:11px;line-height:1.4;vertical-align:middle;color:var(--ui-text);overflow-wrap:anywhere}
#budgetPage .items-wrap .money{white-space:nowrap}
#budgetPage .items-wrap td .muted-cell{font-size:10px;color:var(--ui-muted)}
#budgetPage .items-wrap .btn{min-height:26px;padding:4px 5px;font-size:10px;white-space:nowrap;box-shadow:none}
#budgetPage .budget-option-row.is-confirmed{box-shadow:rgb(244, 203, 69) 2px 0px inset;background:var(--ui-alt)}
#budgetPage .budget-device-row td{background:var(--ui-alt);color:var(--ui-text)}
#budgetPage .budget-device-row span{display:block;font-size:10px;color:var(--ui-muted)}
#budgetPage .items-wrap .remove{width:25px;height:25px;min-width:25px;padding:0px}
#budgetPage aside{display:flex;min-height:0px;min-width:0px}
#budgetPage .summary{position:static;display:flex;flex-direction:column;flex:1 1 0%;min-height:0px;overflow:hidden;border-top:3px solid rgb(244, 203, 69)}
#budgetPage .hero-total{flex:0 0 auto;padding:15px 16px;color:rgb(255, 255, 255);background:rgb(36, 40, 46) !important}
#budgetPage .hero-total small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:rgb(225, 229, 236) !important}
#budgetPage .hero-total strong{display:block;font-size:30px;font-weight:700;line-height:1.2;margin:5px 0px;letter-spacing:-1px;color:rgb(255, 255, 255) !important}
#budgetPage .hero-total > div{font-size:11px;line-height:1.4;color:rgb(225, 229, 236) !important}
#budgetPage .budget-summary-body{display:flex;flex-direction:column;gap:10px;flex:1 1 0%;min-height:0px;overflow:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin}
#budgetPage .budget-final-step{padding:0px;border:0px;background:var(--ui-surface)}
#budgetPage .budget-final-step h3{display:none}
#budgetPage .budget-final-step > .sub{display:none}
#budgetPage .budget-setting{border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);margin:0px 0px 7px;padding:0px}
#budgetPage .budget-setting > summary{padding:11px 10px;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;color:var(--ui-text)}
#budgetPage .budget-setting[open] > summary{border-bottom:1px solid var(--ui-border);background:var(--ui-alt)}
#budgetPage .budget-negotiation{margin:0px;padding:10px;background:var(--ui-surface);border:0px;box-shadow:none}
#budgetPage .budget-negotiation-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-bottom:9px;font-size:11px}
#budgetPage .budget-negotiation-title b{display:none}
#budgetPage .budget-original-price{color:var(--ui-muted)}
#budgetPage .budget-price-modes{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:4px;margin-bottom:9px}
#budgetPage .budget-price-modes .btn{min-height:30px;padding:5px 3px;white-space:nowrap;font-size:10px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);box-shadow:none}
#budgetPage .budget-price-modes .btn.active{border-color:rgb(167, 129, 13);box-shadow:rgb(244, 203, 69) 0px -2px inset}
#budgetPage .budget-price-entry{display:grid;grid-template-columns:1fr;gap:0px}
#budgetPage .budget-price-entry input{margin-bottom:8px;width:100%}
#budgetPage .budget-price-entry input:disabled, #budgetPage .budget-price-entry label:has(+ input:disabled){display:none !important}
#budgetPage .budget-price-result{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--ui-border);padding-top:7px;font-size:11px;color:var(--ui-muted)}
#budgetPage .budget-price-result strong{font-size:14px;white-space:nowrap;color:var(--ui-text) !important}
#budgetPage .budget-negotiated-badge{display:block;font-size:11px;padding-top:6px;color:var(--ui-text)}
#budgetPage .budget-negotiated-badge[hidden]{display:none}
#budgetPage .budget-setting .fields{display:block;padding:10px;margin:0px !important}
#budgetPage .budget-setting .fields label{display:none !important}
#budgetPage #budgetBenefitsContent{padding:9px}
#budgetPage .benefits{display:grid;grid-template-columns:1fr;gap:6px}
#budgetPage .benefits .check{padding:8px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);gap:7px}
#budgetPage .benefits .check b{font-size:11px;line-height:1.4;color:var(--ui-text) !important}
#budgetPage .benefits .check small{font-size:10px;line-height:1.4;color:var(--ui-muted) !important}
#budgetPage .budget-benefits-preview{border-right:0px;border-bottom:0px;border-left:0px;border-image:none;border-top:1px solid var(--ui-border);margin:10px 0px 0px;padding:10px 0px 0px;background:transparent;color:var(--ui-text);font-size:11px}
#budgetPage .budget-benefits-preview b{font-size:11px;color:var(--ui-text) !important}
#budgetPage .budget-benefits-preview ul{margin:6px 0px 0px;padding-left:15px}
#budgetPage .budget-benefits-preview li{margin:5px 0px;line-height:1.4}
#budgetPage .budget-extra-summary{margin:0px}
#budgetPage .budget-extra-summary :is(.gift, .economy, .fine){margin:0px;padding:10px;border-top:0px;border-right:0px;border-left:0px;border-image:none;border-bottom:1px solid var(--ui-border);border-radius:0px;font-size:11px;line-height:1.45;background:transparent;color:var(--ui-muted)}
#budgetPage .actions{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:7px;padding:12px;border-top:1px solid var(--ui-border);background:var(--ui-surface)}
#budgetPage .actions .btn{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 6px;font-size:12px;line-height:1.3;white-space:nowrap;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);box-shadow:none}
#budgetPage #budgetToOrderBtn{font-weight:700;background:rgb(244, 203, 69) !important;border-color:rgb(167, 129, 13) !important;color:rgb(32, 36, 41) !important}
#budgetPage #printBtn{font-weight:650}
#budgetPage .budget-mobile-switch, #budgetPage .budget-mobile-dock{display:none}
#budgetPage #budgetHistoryTab{flex:1 1 0%;min-height:0px;overflow:hidden}
#budgetPage #budgetHistoryTab > .card{height:100%;display:flex;flex-direction:column}
#budgetPage #budgetHistoryTab .card-b{display:flex;flex:1 1 0%;min-height:0px;flex-direction:column;padding:12px;gap:12px}
#budgetPage #budgetHistoryTab .history-wrap{flex:1 1 0%;min-height:0px;overflow:auto}
#budgetPage :is(button, input, select, textarea, summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
#budgetPage .items-wrap table, #budgetPage .items-wrap tbody{display:block;width:100%}
#budgetPage .items-wrap thead{display:none}
#budgetPage .budget-option-row{position:relative;display:grid;grid-template-columns:minmax(0px, 1fr) auto;padding:6px;gap:5px;border:1px solid var(--ui-border);margin:5px 0px;border-radius:4px}
#budgetPage .budget-option-row td{padding:0px;border:0px;min-width:0px;font-size:11px}
#budgetPage .budget-option-row td::before{display:none !important}
#budgetPage .budget-option-row td:first-child{grid-area:1 / 1;padding-right:5px}
#budgetPage .budget-option-row td:nth-child(2){grid-area:2 / 1}
#budgetPage .budget-option-row td:nth-child(2) .muted-cell{display:none}
#budgetPage .budget-option-row td:nth-child(3){display:none}
#budgetPage .budget-option-row td:nth-child(4){grid-area:1 / 2;padding-right:28px;text-align:right}
#budgetPage .budget-option-row td:nth-child(5){grid-area:2 / 2;text-align:right}
#budgetPage .budget-option-row td:last-child{position:absolute;right:3px;top:3px}
#budgetPage .budget-device-row{display:block}
#budgetPage .budget-device-row td{display:block;padding:5px;font-size:11px}
#budgetPage .budget-draft-meta{display:flex;align-items:center;gap:12px;min-width:0px}
#budgetPage #budgetId{display:block;font-size:11px;color:var(--ui-muted);white-space:nowrap}
#budgetPage .page-heading{gap:14px}
@media (min-width: 1600px){
#budgetPage #budgetCreateTab > .grid{grid-template-columns:minmax(0px, 1fr) 360px}
#budgetPage .catalog-service-grid{grid-template-columns:repeat(4, minmax(0px, 1fr))}
}
@media (max-width: 1100px) and (min-width: 901px){
#budgetPage #budgetCreateTab > .grid{grid-template-columns:minmax(0px, 1fr) 300px;gap:10px}
#budgetPage .catalog-service-grid{grid-template-columns:repeat(2, minmax(0px, 1fr))}
#budgetPage .budget-device-stage .budget-stage-body{grid-template-columns:110px minmax(0px, 1fr)}
#budgetPage .field:has(#deviceBrand){grid-column:1 / -1}
#budgetPage .page-heading h2{font-size:16px !important}
#budgetPage .config-tab{padding:5px 7px;font-size:11px}
}
@media (max-width: 900px){
#budgetPage.quote-reference-layout.active, .reparo-app.menu-collapsed #budgetPage.active{inset:calc(var(--rp-header) + 10px) 12px calc(77px + env(safe-area-inset-bottom)) 12px;gap:8px}
#budgetPage .budget-workspace-toolbar{gap:6px;min-height:33px;flex-wrap:wrap}
#budgetPage .page-heading{display:flex;order:3;flex:1 0 100%;min-height:14px}
#budgetPage .page-heading > div:first-child{display:none}
#budgetPage .budget-draft-meta{width:100%;justify-content:space-between}
#budgetPage .registration-tabs{flex:1 1 0%;justify-content:stretch}
#budgetPage .config-tab{flex:1 1 0%;font-size:11px;min-height:28px;padding:5px}
#budgetPage #newBtn{font-size:11px;min-height:34px;padding:6px 8px}
#budgetPage .budget-flow-step{min-height:41px;padding:6px;gap:5px;justify-content:center}
#budgetPage .budget-flow-step small{display:none}
#budgetPage .budget-flow-step b{font-size:10px}
#budgetPage .budget-flow-step:first-child b{font-size:0px}
#budgetPage .budget-flow-step:first-child b::after{content:"Origem";font-size:10px}
#budgetPage .budget-flow-step span{width:20px;height:20px;flex-basis:20px;font-size:10px}
#budgetPage #budgetCreateTab{gap:8px}
#budgetPage .budget-mobile-switch{display:flex;flex:0 0 auto;gap:5px}
#budgetPage .budget-mobile-switch button{flex:1 1 0%;min-height:30px;padding:6px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-surface);color:var(--ui-muted);font-style:inherit;font-variant:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:11px;font-weight:600;cursor:pointer}
#budgetPage .budget-mobile-switch button[aria-pressed="true"]{color:var(--ui-text);border-color:rgb(167, 129, 13);box-shadow:rgb(244, 203, 69) 0px -2px inset}
#budgetPage #budgetCreateTab > .grid{display:flex;flex:1 1 0%;min-height:0px;gap:0px}
#budgetPage .main, #budgetPage aside{flex:1 1 0%;min-height:0px;min-width:0px}
#budgetPage[data-budget-view="form"] aside, #budgetPage[data-budget-view="summary"] .main{display:none}
#budgetPage .budget-intake-card > .card-b{padding:10px}
#budgetPage .card-h{padding:7px 10px;min-height:35px}
#budgetPage .card-h h2{font-size:12px}
#budgetPage .card-h > .sub{font-size:10px}
#budgetPage .budget-autosave-status{font-size:10px;max-width:130px;text-align:right}
#budgetPage .budget-stage-head{gap:6px;flex-wrap:wrap;margin-bottom:9px;padding-bottom:8px}
#budgetPage .budget-stage-head b{font-size:13px}
#budgetPage .budget-stage-actions{margin-left:auto;gap:4px}
#budgetPage .budget-stage-actions .btn{font-size:11px;padding:5px 7px;min-height:30px}
#budgetPage .budget-source-options{grid-template-columns:repeat(3, minmax(0px, 1fr));gap:7px}
#budgetPage .budget-source-options .btn{min-height:79px;padding:9px;gap:6px;font-size:12px}
#budgetPage .budget-device-stage .budget-stage-body{grid-template-columns:110px minmax(0px, 1fr);gap:10px}
#budgetPage .field:has(#deviceBrand){grid-column:1 / -1}
#budgetPage .budget-device-manager{padding:7px;gap:6px}
#budgetPage .budget-device-manager > div:first-child{display:none}
#budgetPage .budget-device-manager > .budget-device-tabs{flex:1 1 0%}
#budgetPage .budget-device-tabs button{max-width:180px}
#budgetPage .budget-client-stage .budget-stage-body{grid-template-columns:1fr}
#budgetPage #service{height:118px}
#budgetPage .budget-service-device-bar{gap:6px;padding:7px}
#budgetPage .budget-service-device-bar > strong{display:none}
#budgetPage .catalog-service-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));gap:7px}
#budgetPage .catalog-quality{padding:5px;gap:3px}
#budgetPage .catalog-quality-action strong{font-size:11px}
#budgetPage .catalog-quality-info b{font-size:10px}
#budgetPage .catalog-quality-info > span{font-size:9px}
#budgetPage .budget-selected-card{flex-basis:auto;max-height:none;min-height:0px}
#budgetPage .budget-selected-card > .card-b{padding:6px 0px 0px}
#budgetPage .budget-selection-count{height:18px;min-width:18px}
#budgetPage #quickBudgetService{font-size:10px;min-height:26px}
#budgetPage .budget-summary-body{padding:10px}
#budgetPage .summary{border-top:1px solid var(--ui-border)}
#budgetPage .budget-mobile-dock{display:flex;align-items:stretch;gap:8px;flex:0 0 auto;border-right-color:;border-right-style:;border-right-width:;border-bottom-color:;border-bottom-style:;border-bottom-width:;border-left-color:;border-left-style:;border-left-width:;border-image-source:;border-image-slice:;border-image-width:;border-image-outset:;border-image-repeat:;border-top:2px solid rgb(244, 203, 69);border-radius:5px;background:var(--ui-surface);padding:8px}
#budgetPage .budget-mobile-dock .hero-total{flex:0 0 112px;display:flex;flex-direction:column;justify-content:center;min-width:0px;padding:0px;color:var(--ui-text);background:transparent !important}
#budgetPage .budget-mobile-dock .hero-total small{font-size:9px;color:var(--ui-muted) !important}
#budgetPage .budget-mobile-dock .hero-total strong{font-size:22px;margin:4px 0px;letter-spacing:-0.7px;color:var(--ui-text) !important}
#budgetPage .budget-mobile-dock .hero-total > div{font-size:9px;color:var(--ui-muted) !important}
#budgetPage .budget-mobile-dock .actions{flex:1 1 0%;min-width:0px;gap:5px;padding:0px;border:0px}
#budgetPage .budget-mobile-dock .actions .btn{min-height:31px;padding:5px 3px;font-size:10px}
#budgetPage #budgetHistoryTab .history-tools{display:grid;grid-template-columns:1fr;gap:7px}
}
@media (max-height: 720px) and (min-width: 901px){
#budgetPage .budget-flow-step{min-height:40px}
#budgetPage .budget-flow-step small{display:none}
#budgetPage .budget-selected-card{flex-basis:auto;min-height:0px}
#budgetPage .hero-total{padding:11px 14px}
#budgetPage .hero-total strong{font-size:27px}
}
#budgetPage .budget-settings-group{flex:0 0 auto;margin:0px}
#budgetPage .budget-settings-group > .budget-final-step{padding:9px 9px 0px}
#budgetPage .budget-settings-group > .budget-extra-summary{margin:0px 9px 9px}
#budgetPage .catalog-quality.available:hover{border-color:rgb(167, 129, 13) !important}

@media(max-width:900px){
#budgetPage .registration-tabs{min-width:0}
#budgetPage [data-budget-tab=history]{font-size:0}
#budgetPage [data-budget-tab=history]::after{content:"Histórico";font-size:11px}
}
/* Ordens de serviço — padrão visual oficial, 27/10/2026. */
:root[data-theme] .reparo-app #ordersModal{padding:18px 24px 16px;overflow:hidden;color:var(--ui-text)}
#ordersModal.module-page>.modal-box{height:100%;display:flex;flex-direction:column;min-height:0;overflow:visible}
:root[data-theme] .reparo-app #ordersModal .rp-page-heading{padding:0 0 12px;flex:0 0 auto;gap:12px}
:root[data-theme] .reparo-app #ordersModal .rp-page-heading b{font-size:22px;letter-spacing:-.5px}
#ordersModal .rp-page-heading .sub{display:none}
:root[data-theme] .reparo-app #ordersModal .management-body{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;padding:0;overflow:visible}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics{gap:8px;margin:0 0 10px;flex-shrink:0}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics .metric{min-height:44px;padding:8px 12px;box-shadow:none;border-radius:7px}
:root[data-theme] .reparo-app #ordersModal .rp-order-metrics strong{font-size:20px;color:var(--ui-text)!important}
#ordersModal #orderViewControls{padding:10px 12px;gap:8px 14px;flex-shrink:0;background:var(--ui-surface);border:1px solid var(--ui-border)}
#ordersModal .order-board-title>div:first-child{display:none}
#ordersModal .order-board-toolbar>label{flex-basis:156px;width:156px;font-size:0!important;gap:0}
#ordersModal .os-filter-feedback{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ui-muted)}
#ordersModal .os-filter-feedback:has(button[hidden]){display:none}
#ordersModal #orderResetFilters{min-height:26px;padding:3px 8px;font-size:12px}
#ordersModal .order-quick-menu{z-index:30}
#ordersModal .order-quick-menu>summary.has-filter{border-color:#a7810d;box-shadow:0 -2px #f4cb45 inset}
#ordersModal .os-page-meta{flex-shrink:0;margin:8px 0;min-height:25px}
:root[data-theme] .reparo-app #ordersModal #orderBoardOverview b{color:var(--ui-text)!important}
:root[data-theme] .reparo-app #ordersModal #orderKanbanBoard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 62px;gap:10px;flex:1 1 0%;min-height:0;overflow:hidden;padding:0}
#ordersModal #orderKanbanBoard[hidden]{display:none!important}
:root[data-theme] .reparo-app #ordersModal .kanban-column{grid-column:span 2;display:flex;flex-direction:column;min-width:0;min-height:0;width:auto;max-height:none;margin:0;padding:9px;background:var(--ui-alt)!important;border:1px solid var(--ui-border);border-radius:9px}
:root[data-theme] .reparo-app #ordersModal .kanban-column>header{flex:0 0 auto;padding:2px 2px 9px;min-height:30px;color:var(--ui-text)!important}
#ordersModal .kanban-column>header>b{overflow:hidden;text-overflow:ellipsis}
#ordersModal .kanban-column>div{flex:1 1 0%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 3px 1px 1px}
:root[data-theme] .reparo-app #ordersModal .kanban-column.terminal{grid-column:span 3;display:flex;flex-direction:row;align-items:center;border-style:dashed;padding:8px 12px;gap:14px}
#ordersModal .kanban-column.terminal>header{padding:0;min-height:0}
#ordersModal .kanban-column.terminal>header>span{display:none}
#ordersModal .kanban-column.terminal>div{flex:1 1 auto;overflow:visible}
#ordersModal .kanban-column.terminal .kanban-empty{padding:0;margin:0;text-align:left;line-height:1.4}
#ordersModal #orderKanbanBoard:has(>.kanban-column:only-child){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
#ordersModal #orderKanbanBoard>.kanban-column:only-child{grid-column:1}
#ordersModal .kanban-limit{flex-shrink:0;font-size:11px;margin:0 0 8px;padding:6px}
:root[data-theme] .reparo-app #ordersModal .order-summary-card{padding:10px;margin:0 0 8px;background:var(--ui-surface)!important;box-shadow:none;border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-text)}
:root[data-theme] .reparo-app #ordersModal .order-summary-card.urgent{border-left:3px solid #f4cb45}
:root[data-theme] .reparo-app #ordersModal :is(.order-summary-card h4,.rp-card-client,.order-summary-card dd,.os-list-client,.os-list-device,.os-list-col-4>b){color:var(--ui-text)!important}
#ordersModal .order-summary-card h4{margin:6px 0 4px;font-size:13px}
#ordersModal .order-summary-card .rp-card-client{margin:8px 0;padding-top:8px}
#ordersModal .order-summary-card dl{margin:8px 0}
#ordersModal .order-summary-actions{padding-top:8px}
#ordersModal .order-card-labels:empty{display:none}
#ordersModal .order-summary-card:focus-visible{outline:2px solid #a7810d;outline-offset:1px}
#ordersModal .history-wrap{flex:1 1 0%;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;border:1px solid var(--ui-border);border-radius:8px}
#ordersModal .history-wrap[hidden]{display:none!important}
#ordersModal .os-aligned-list thead{position:sticky;top:0;z-index:2;background:var(--ui-surface)}
:root[data-theme] .reparo-app #editOrderModal>.modal-box{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px)}
:root[data-theme] .reparo-app #editOrderModal .modal-title{flex-shrink:0;padding:12px 18px}
:root[data-theme] .reparo-app #editOrderModal .management-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 18px}
:root[data-theme] .reparo-app #editOrderModal .os-editor-footer{flex-shrink:0;position:relative;margin:0;padding:10px 18px;gap:8px;background:var(--ui-surface)!important}
:root[data-theme] .reparo-app #editOrderModal :is(label,#orderOperationStatus,#canonicalEditOrderSummary strong,#canonicalEditOrderSummary small){color:var(--ui-text)!important}
:root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary{margin-bottom:10px;background:var(--ui-alt)!important;border-color:var(--ui-border)}
:root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary .os-value-card{padding:10px 12px;background:transparent!important;border-color:var(--ui-border)}
:root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary strong{font-size:20px}
:root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary .balance{box-shadow:0 -3px #f4cb45 inset}
:root[data-theme] .reparo-app #editOrderModal .order-editor-tab.active{color:var(--ui-text)!important;background:var(--ui-alt)!important;border-color:var(--ui-border)!important;box-shadow:0 -3px #f4cb45 inset}
#editOrderModal #orderEditorTabs{position:sticky;top:-12px;z-index:4;background:var(--ui-surface);padding:8px 0;margin:0 0 12px}
#editOrderModal .os-attendance-grid,#editOrderModal .os-service-grid{gap:12px}
#editOrderModal #orderOperationBar{margin-bottom:8px}
@media(min-width:901px) and (max-width:1180px){
 #ordersModal #orderViewControls{grid-template-columns:1fr;gap:8px}
 #ordersModal .order-board-toolbar{justify-content:space-between}
}
@media(max-width:900px){
 :root[data-theme] .reparo-app #ordersModal{padding:12px 12px calc(76px + env(safe-area-inset-bottom));overflow:auto}
 #ordersModal.module-page>.modal-box{height:auto;min-height:100%;overflow:visible}
 :root[data-theme] .reparo-app #ordersModal .management-body{display:block;overflow:visible}
 :root[data-theme] .reparo-app #ordersModal .rp-page-heading{flex-wrap:wrap;gap:8px;padding-bottom:10px}
 :root[data-theme] .reparo-app #ordersModal .rp-page-heading b{font-size:20px}
 :root[data-theme] .reparo-app #ordersModal .rp-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 :root[data-theme] .reparo-app #ordersModal .rp-order-metrics .metric{min-height:38px;padding:7px 9px}
 #ordersModal #orderViewControls{grid-template-columns:1fr;padding:9px;gap:8px}
 #ordersModal .order-board-toolbar{justify-content:space-between}
 #ordersModal .order-board-primary-tools{width:100%;justify-content:space-between;gap:4px}
 :root[data-theme] .reparo-app #ordersModal .order-view-buttons .btn,:root[data-theme] .reparo-app #ordersModal .order-quick-menu>summary{padding:7px;min-height:38px}
 #ordersModal .os-page-meta{flex-wrap:wrap;gap:4px}
 :root[data-theme] .reparo-app #ordersModal #orderKanbanBoard{grid-template-columns:1fr;grid-template-rows:none;overflow:visible;gap:10px}
 :root[data-theme] .reparo-app #ordersModal .kanban-column{grid-column:1;max-height:480px}
 #ordersModal .kanban-column>div{flex:auto;max-height:410px}
 :root[data-theme] .reparo-app #ordersModal .kanban-column.terminal{grid-column:1;min-height:62px}
 #ordersModal .history-wrap{overflow:visible;border:0}
 :root[data-theme] .reparo-app #editOrderModal{padding:8px}
 :root[data-theme] .reparo-app #editOrderModal>.modal-box{width:100%;max-height:calc(100dvh - 16px)}
 :root[data-theme] .reparo-app #editOrderModal .management-body{padding:10px 12px}
 :root[data-theme] .reparo-app #editOrderModal .modal-title{padding:12px}
 :root[data-theme] .reparo-app #editOrderModal .os-editor-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:6px}
 :root[data-theme] .reparo-app #editOrderModal .os-editor-footer :is(.btn,summary){min-width:0;min-height:38px;padding:7px 4px;font-size:11px!important;width:100%}
 #editOrderModal #saveOrderEdit{grid-column:span 2}
 #editOrderModal #cancelOrderEdit{margin:0}
 #editOrderModal #orderEditorTabs{display:flex;overflow-x:auto;gap:4px;top:-10px;scrollbar-width:thin}
 #editOrderModal .order-editor-tab{flex:0 0 auto;padding:10px}
 :root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root[data-theme] .reparo-app #editOrderModal #canonicalEditOrderSummary strong{font-size:18px}
 #editOrderModal #orderOperationBar{flex-wrap:wrap}
 #editOrderModal .order-operation-buttons{justify-content:flex-start}
 #editOrderModal #osEditorDocuments>div{right:auto;left:-80px;width:230px}
}
@media print{#ordersModal.module-page>.modal-box{height:auto}#ordersModal .history-wrap{overflow:visible}}


@media(min-width:901px){:root[data-theme] .reparo-app #ordersModal #orderKanbanBoard{align-items:stretch}:root[data-theme] .reparo-app #ordersModal .kanban-column:not(.terminal){height:100%;overflow:hidden;align-self:stretch}}

:root[data-theme] .reparo-app :is(#ordersModal,#editOrderModal) .btn:not(.primary):not(.whats),:root[data-theme] .reparo-app #ordersModal .order-quick-menu>summary{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
:root[data-theme] .reparo-app #ordersModal .order-view-buttons .btn.primary{border-color:#a7810d!important;box-shadow:0 -2px #f4cb45 inset!important}
:root[data-theme] .reparo-app #ordersModal .btn.order-urgent-toggle[aria-pressed="true"]{background:var(--ui-warning-bg)!important;color:var(--ui-warning-text)!important;border-color:#a7810d!important}
:root[data-theme] .reparo-app #ordersModal .order-quick-menu>summary.has-filter{border-color:#a7810d!important}
/* Formas de pagamento — recebimento, baixa e simulação, 27/10/2026. */
:root[data-theme] .reparo-app #paymentMethodEditorModal>.modal-box{width:min(1020px,96vw);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px);background:var(--ui-surface)!important}
#paymentMethodEditorModal .modal-title,#paymentMethodEditorModal .modal-actions{flex-shrink:0}
#paymentMethodEditorModal .management-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px}
#paymentMethodEditorModal .modal-actions{position:relative!important;margin:0;padding:12px 20px;border-top:1px solid var(--ui-border);background:var(--ui-surface)!important}
#paymentMethodEditorModal .config-section{padding:0 0 16px!important;margin:0 0 16px;border-bottom:1px solid var(--ui-border)}
#paymentMethodEditorModal h3{font-size:15px;margin:0 0 12px;color:var(--ui-text)!important}
#paymentMethodEditorModal .global-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#paymentMethodEditorModal .global-grid>div{min-width:0;grid-column:auto!important}
#paymentMethodEditorModal :is(input,select){min-height:38px;font-size:13px;width:100%;min-width:0}
#paymentMethodEditorModal label{font-size:12px;color:var(--ui-text)!important}
#paymentMethodEditorModal .payment-toggle-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#paymentMethodEditorModal .payment-toggle-grid label,#paymentMethodEditorModal .payment-auto-toggle{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-alt);font-size:12px}
#paymentMethodEditorModal input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#a7810d;flex:0 0 auto}
#paymentMethodEditorModal .payment-auto-toggle{margin-top:14px;border-left:3px solid #f4cb45}
.payment-help{font-size:12px;line-height:1.6;color:var(--ui-muted)!important;margin:10px 0}
#paymentMethodEditorModal .payment-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:var(--ui-muted)}
#paymentMethodEditorModal .payment-presets .btn{min-height:32px;padding:6px 9px;font-size:12px}
#paymentMethodEditorModal .payment-preview{border:1px solid var(--ui-border);border-left:3px solid #f4cb45;background:var(--ui-alt);border-radius:8px;padding:14px;margin-bottom:18px}
#paymentMethodEditorModal .payment-preview-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
#paymentMethodEditorModal .payment-preview-title>div{display:flex;gap:10px}
#paymentMethodEditorModal .payment-preview-title label{display:grid;gap:4px;width:145px}
#paymentMethodEditorModal #paymentPreviewResult{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:14px;color:var(--ui-text)}
#paymentMethodEditorModal #paymentPreviewResult small,#paymentMethodEditorModal #paymentPreviewResult span{display:block;color:var(--ui-muted);font-size:11px;line-height:1.5}
#paymentMethodEditorModal #paymentPreviewResult strong{display:block;font-size:18px;margin:4px 0;color:var(--ui-text)!important;font-variant-numeric:tabular-nums}
#paymentMethodEditorModal #paymentPreviewResult>div:last-child strong{font-size:14px}
#paymentMethodEditorModal .payment-advanced>summary{cursor:pointer;font-size:13px;padding:12px;background:var(--ui-alt);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text)}
#paymentMethodEditorModal .payment-advanced>.global-grid{margin-top:12px}
#paymentMethodEditorModal .payment-rates-section .history-wrap{margin-top:10px}
#paymentMethodEditorModal .payment-rates-section table{width:100%;min-width:0;table-layout:fixed}
#paymentMethodEditorModal .payment-rates-section th:first-child{width:16%}
#paymentMethodEditorModal .payment-rates-section :is(th,td){padding:8px;font-size:12px;white-space:normal}
#paymentMethodEditorModal .payment-rate-input{width:100%;min-width:0;max-width:none}
:root[data-theme] .reparo-app #paymentMethodEditorModal .btn:not(.primary),:root[data-theme] .reparo-app #reviewPaymentSettlements{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
#paymentSettlementReview .payment-review-box{width:min(1000px,96vw)}
#paymentSettlementReview .history-wrap{overflow:auto}
#paymentSettlementReview table{min-width:680px}
#paymentSettlementReview #paymentReviewSummary{font-size:13px;padding:10px 0;color:var(--ui-text)}
#paymentMethodRows .muted-cell{display:inline-block;margin-top:3px}
@media(max-width:600px){
 #paymentMethodEditorModal{padding:7px}
 :root[data-theme] .reparo-app #paymentMethodEditorModal>.modal-box{width:100%;max-height:calc(100dvh - 14px)}
 #paymentMethodEditorModal .management-body{padding:12px}
 #paymentMethodEditorModal .global-grid{grid-template-columns:1fr}
 #paymentMethodEditorModal .payment-preview-title{display:block}
 #paymentMethodEditorModal .payment-preview-title>div{margin-top:10px}
 #paymentMethodEditorModal .payment-preview-title label{width:50%}
 #paymentMethodEditorModal #paymentPreviewResult{grid-template-columns:repeat(2,minmax(0,1fr))}
 #paymentMethodEditorModal #paymentPreviewResult>div:last-child{grid-column:1/-1}
 #paymentMethodEditorModal .payment-rates-section :is(th,td){padding:5px;font-size:11px}
 #paymentMethodEditorModal .payment-rates-section input{padding:6px 4px;font-size:12px}
 #paymentMethodEditorModal .modal-actions{display:grid;grid-template-columns:1fr 2fr;padding:10px 12px}
 #paymentMethodEditorModal .modal-actions .btn{min-width:0;font-size:12px;padding:8px}
}


#paymentMethodEditorModal.payment-settings .config-section{padding:14px!important}#paymentMethodEditorModal .payment-rates-section .section-actions{flex-wrap:wrap;gap:8px}

/* Fluxo de caixa — painel compacto da identidade atual */
#financeModal.module-page{padding:18px 24px;overflow:hidden}
#financeModal>.modal-box{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%;border-radius:6px;box-shadow:none}
#financeModal .modal-title{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid var(--ui-border)}
#financeModal .modal-title b{font-size:19px!important;color:var(--ui-text)!important;letter-spacing:-.4px}
#financeModal .modal-title .sub{font-size:12px!important;color:var(--ui-muted)!important}
#financeModal .management-body{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;padding:14px 16px;overflow:auto}
#financeModal .management-body>.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0;order:-3;flex:0 0 auto}
#financeModal .metrics>.metric{min-width:0;min-height:85px;padding:12px;border:1px solid var(--ui-border)!important;border-radius:5px;background:var(--ui-surface)!important;box-shadow:none;text-align:left}
#financeModal .metrics>.metric small{display:block;margin:0 0 8px;font-size:11px!important;line-height:1.35;color:var(--ui-muted)!important;text-transform:none;letter-spacing:0}
#financeModal .metrics>.metric strong{display:block;font-size:21px!important;line-height:1.25;letter-spacing:-.6px;white-space:nowrap;color:var(--ui-text)!important}
#financeModal .metrics>.metric.good{border-top:3px solid #f4cb45!important;background:var(--ui-alt)!important}
#financeModal #supplierCreditFinanceMetric span{display:block;margin-top:5px;font-size:10px;color:var(--ui-muted)}
#financeModal #supplierCreditFinanceMetric{cursor:pointer}
#financeModal .history-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;order:-2;flex:0 0 auto;margin:0}
#financeModal .history-tools input,#financeModal .history-tools select{min-width:0;min-height:38px;font-size:12px;border-radius:4px}
#financeModal #financialIntelligence{order:-1;margin:0;flex:0 0 auto}
#financeModal .finance-analysis{border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface)}
#financeModal .finance-analysis>summary{padding:10px 12px;cursor:pointer;font-size:12px;font-weight:650;color:var(--ui-text)}
#financeModal .finance-analysis>summary span{margin-left:8px;font-size:11px;font-weight:400;color:var(--ui-muted)}
#financeModal .finance-analysis[open]>summary{border-bottom:1px solid var(--ui-border);box-shadow:inset 3px 0 #f4cb45}
#financeModal .finance-analysis>.fi-head{margin:0;padding:12px}
#financeModal .fi-head h2{font-size:16px!important;color:var(--ui-text)!important}
#financeModal .fi-head p,#financeModal .fi-kicker{font-size:11px!important;color:var(--ui-muted)!important}
#financeModal .fi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}
#financeModal .fi-metric{min-width:0;padding:10px;border-radius:4px;background:var(--ui-alt)!important;border:1px solid var(--ui-border)!important}
#financeModal .fi-metric strong{font-size:18px!important;color:var(--ui-text)!important}
#financeModal .fi-metric small,#financeModal .fi-metric span{font-size:11px!important;color:var(--ui-muted)!important}
#financeModal .fi-columns,#financeModal .fi-alerts{margin:12px;padding:0}
#financeModal .fi-columns article{border-radius:4px}
#financeModal .management-body>.history-wrap{flex:1 0 230px;min-height:230px;overflow:auto;border:1px solid var(--ui-border);border-radius:5px;margin:0}
#financeModal .history-table{margin:0;font-size:12px}
#financeModal .history-table thead th{position:sticky;top:0;z-index:1;background:var(--ui-alt)!important;padding:10px 9px;font-size:11px;color:var(--ui-muted)!important}
#financeModal .history-table td{padding:10px 9px;vertical-align:middle;line-height:1.4}
#financeModal .history-table td:nth-child(n+5){white-space:nowrap;font-variant-numeric:tabular-nums}
#financeModal .cash-origin-hint{font-size:10px;color:var(--ui-muted)!important}
@media(max-width:1100px){#financeModal .metrics>.metric strong{font-size:18px!important}#financeModal .management-body>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#financeModal.module-page{padding:12px}#financeModal .modal-title{padding:11px 12px}#financeModal .management-body{padding:10px;gap:9px}#financeModal .management-body>.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#financeModal .metrics>.metric{padding:9px;min-height:72px}#financeModal .metrics>.metric small{margin-bottom:5px}#financeModal .history-tools{grid-template-columns:1fr}#financeModal .finance-analysis>summary span{display:block;margin:4px 0 0}#financeModal .fi-metrics{grid-template-columns:1fr 1fr}#financeModal .fi-columns{grid-template-columns:1fr}}
/* Página exclusiva de análise gerencial */
#financialAnalysisModal .modal-box{border-radius:6px;box-shadow:none}
#financialAnalysisModal .modal-title b{font-size:19px!important;color:var(--ui-text)!important}
#financialAnalysisModal .history-tools{display:flex;align-items:center;gap:12px;margin:0 0 14px}
#financialAnalysisModal .history-tools label{font-size:12px;font-weight:600}
#financialAnalysisModal #financialAnalysisPeriod{max-width:220px;min-height:38px}
#financialAnalysisModal .fi-head{padding:14px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface)}
#financialAnalysisModal .fi-head h2{font-size:19px;color:var(--ui-text)}
#financialAnalysisModal .fi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#financialAnalysisModal .fi-metric,#financialAnalysisModal .fi-columns article{border-radius:5px;border:1px solid var(--ui-border);background:var(--ui-surface)}
#financialAnalysisModal .fi-metric strong{font-size:24px}
body.role-technician #financialAnalysisBtn,body:has(#financeBtn[style*="display: none"]) #financialAnalysisBtn{display:none!important}
@media(max-width:600px){#financialAnalysisModal .fi-metrics{grid-template-columns:1fr 1fr}#financialAnalysisModal .fi-columns{grid-template-columns:1fr}#financialAnalysisModal .fi-metric strong{font-size:20px}}
#financialAnalysisModal .fi-head{background:var(--ui-surface)!important}
#financialAnalysisModal .fi-head h2{color:var(--ui-text)!important}
#financialAnalysisModal .fi-head p,#financialAnalysisModal .fi-head .fi-kicker{color:var(--ui-muted)!important}
body:has(#financeBtn[hidden]) #financialAnalysisBtn{display:none!important}

/* Caixas — organização compacta da identidade atual */
#cashModal .modal-box{border-radius:6px;box-shadow:none}
#cashModal .modal-title{padding:14px 18px}
#cashModal .modal-title b{font-size:19px!important;color:var(--ui-text)!important}
#cashModal .modal-title .sub{font-size:12px!important;color:var(--ui-muted)!important}
#cashModal .management-body{padding:14px 18px}
#cashModal .cash-panel{padding:0;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface)!important;box-shadow:none}
#cashModal .cash-panel-title{padding:10px 12px;font-size:12px;color:var(--ui-text)!important;background:var(--ui-alt)!important}
#cashModal .cash-panel-body{padding:12px}
#cashModal .cash-detail-list{display:grid;grid-template-columns:130px minmax(0,1fr) 130px minmax(0,1fr);gap:9px 12px;align-items:baseline;font-size:12px}
#cashModal .cash-detail-list>b{color:var(--ui-muted)!important;font-size:11px;font-weight:600}
#cashModal .cash-detail-list>span{min-width:0;overflow-wrap:anywhere;color:var(--ui-text)}
#cashModal .cash-status-open,#cashModal .cash-status-closed{justify-self:start;padding:3px 8px;border:1px solid var(--ui-border);border-radius:4px;font-size:11px;font-weight:650}
#cashModal .cash-status-open{background:var(--ui-success-bg);color:var(--ui-success-text)!important;border-color:var(--ui-success-line)}
#cashModal .section-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px!important;padding-top:10px;border-top:1px solid var(--ui-border)}
#cashModal .section-actions .btn{min-height:33px;padding:7px 10px;font-size:12px;margin:0!important}
#cashModal #closeCashSession{margin-left:auto!important;background:#f4cb45!important;color:#202429!important;border:1px solid #a7810d!important}
#cashModal .cash-modern-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px!important;align-items:start}
#cashModal #cashMovementSection{margin-top:10px!important}
#cashModal .cash-disclosure>summary{padding:11px 12px;cursor:pointer;font-size:12px;font-weight:650;color:var(--ui-text)}
#cashModal .cash-disclosure[open]>summary{border-bottom:1px solid var(--ui-border);box-shadow:inset 3px 0 #f4cb45;background:var(--ui-alt)}
#cashModal .cash-manual-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;padding:6px 0;font-size:12px}
#cashModal input,#cashModal select{min-height:37px;border-radius:4px;font-size:12px}
#cashModal .simple-form{margin:0;padding:0;border:0;background:transparent!important;display:grid;grid-template-columns:130px minmax(0,1fr) 130px auto;gap:10px;align-items:end}
#cashModal #cashOpenSection .simple-form{grid-template-columns:minmax(180px,280px) auto;justify-content:start}
#cashModal .simple-form label{font-size:11px;color:var(--ui-muted)}
#cashModal .cash-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 8px;overflow:visible}
#cashModal .cash-tabs .btn{min-height:31px;padding:6px 10px;font-size:11px;border-radius:4px;background:var(--ui-surface);color:var(--ui-text)!important;border:1px solid var(--ui-border);box-shadow:none}
#cashModal .cash-tabs .btn.active{background:var(--ui-alt)!important;color:var(--ui-text)!important;border-color:#a7810d;box-shadow:inset 0 -2px #f4cb45}
#cashModal .history-wrap{border:1px solid var(--ui-border);border-radius:5px;overflow:auto}
#cashModal .history-table{margin:0;font-size:12px}
#cashModal .history-table th{padding:9px;font-size:11px;background:var(--ui-alt)!important;color:var(--ui-muted)!important}
#cashModal .history-table td{padding:9px;line-height:1.4}
#cashModal .history-table td:last-child{white-space:nowrap}
#cashModal #cashModern>h3{margin:18px 0 9px!important;font-size:14px;color:var(--ui-text)}
@media(max-width:900px){#cashModal .cash-detail-list{grid-template-columns:115px minmax(0,1fr)}#cashModal .simple-form{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#cashModal .management-body{padding:10px}#cashModal .cash-modern-grid{grid-template-columns:1fr}#cashModal .cash-panel-body{padding:10px}#cashModal .cash-detail-list{font-size:11px;gap:8px}#cashModal .section-actions .btn{flex:1;font-size:11px;white-space:nowrap}#cashModal #closeCashSession{flex-basis:100%}#cashModal #cashOpenSection .simple-form{grid-template-columns:1fr}#cashModal .simple-form{grid-template-columns:1fr}#cashModal .cash-tabs .btn{padding:6px 8px}}
#cashOvernightAlert{position:fixed;z-index:105;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;max-width:min(550px,calc(100vw - 24px));padding:12px 14px;border:1px solid var(--ui-warning-line);border-left:4px solid #f4cb45;border-radius:5px;background:var(--ui-warning-bg);color:var(--ui-warning-text);box-shadow:var(--ui-shadow);font-size:12px;line-height:1.5}
#cashOvernightAlert .btn{flex:0 0 auto;font-size:11px;white-space:nowrap}
@media(max-width:900px){#cashOvernightAlert{right:12px;bottom:78px;flex-wrap:wrap}}
/* Responsável pela OS — etiqueta discreta em uma única linha. */
.os-technician-tag{position:relative;display:inline-block;vertical-align:middle;flex:0 1 auto;min-width:0;max-width:min(145px,100%);height:22px;padding:3px 9px 3px 25px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-alt);color:var(--ui-text)!important;font-size:11px!important;font-weight:500;line-height:14px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;box-sizing:border-box}
.os-technician-tag::before{content:'';position:absolute;left:8px;top:4px;width:13px;height:13px;background:currentColor;opacity:.75;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' d='M20 21v-2a7 7 0 0 0-14 0v2M17 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z'/%3E%3C/svg%3E") center/contain no-repeat}
.os-technician-tag.unassigned{background:var(--ui-surface);border-style:dashed;color:var(--ui-muted)!important}
#orderRows .os-technician-tag{margin-top:5px}
.order-group-devices .os-technician-tag{margin-left:5px}
.os-service-timer{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px;margin:0;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-alt);color:var(--ui-text);font-size:10px;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.os-service-timer>b{max-width:min(110px,100%);min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;font-weight:600}
.os-service-timer>span{font-size:10px!important;color:inherit!important}
.os-service-timer.late:not(.stopped){background:var(--ui-danger-bg);border-color:var(--ui-danger-line);color:var(--ui-danger-text)}
.os-service-timer.stopped{color:var(--ui-muted)}
#orderRows .os-service-timer{display:inline-flex;width:fit-content;max-width:100%;flex-wrap:nowrap;white-space:nowrap!important}
#orderServiceDeadlines{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}

.os-deadline-strip{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;margin:4px 0 6px}
.os-deadline-strip:empty{display:none}
.os-deadline-strip .os-service-timer{display:inline-flex;flex-wrap:nowrap;width:fit-content;min-width:0;margin:0;box-sizing:border-box;white-space:nowrap!important}
.os-service-timer>b{flex:0 1 auto;min-width:0;white-space:nowrap!important}
.os-service-timer>span{flex:0 0 auto;white-space:nowrap!important}

.os-service-timer::before{content:"";flex:0 0 12px;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) 50% 30%/1px 4px no-repeat,linear-gradient(currentColor,currentColor) 65% 60%/4px 1px no-repeat;opacity:.7}
.os-service-timer>b{max-width:80px}
#inventoryCountModal{z-index:170}
#inventoryCountModal .inventory-count-box{width:min(1160px,calc(100vw - 28px));max-height:calc(100dvh - 28px);display:flex;flex-direction:column;border-radius:6px;background:var(--ui-surface);color:var(--ui-text)}
#inventoryCountModal .modal-title{padding:14px 18px}
#inventoryCountModal .modal-title b{font-size:18px;color:var(--ui-text)}
.inventory-count-tabs{display:flex;gap:7px;padding:10px 18px;border-bottom:1px solid var(--ui-border)}
.inventory-count-tabs .active{border-color:#a7810d;box-shadow:inset 0 -2px #f4cb45}
.inventory-count-body{padding:12px 18px;min-height:0;overflow:auto}
.inventory-count-toolbar,.inventory-label-options{display:flex;flex-wrap:wrap;align-items:end;gap:7px;margin-bottom:12px}
.inventory-count-toolbar .btn{font-size:11px;padding:7px 9px;min-height:34px}
.inventory-count-toolbar>input{flex:1;min-width:150px}
.inventory-label-options label{display:flex;flex-direction:column;gap:5px;font-size:12px}
.inventory-label-options input[type=number]{width:130px}
.inventory-label-options label:has(input[type=checkbox]){display:block;align-self:center}
.inventory-scan-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:12px 0}
.inventory-scan-field label{grid-column:1/-1;font-size:12px;font-weight:600}
#inventoryScan{min-height:43px;font-size:16px;border:2px solid #a7810d}
#inventoryCountMessage{margin:0;padding:0 18px;font-size:12px;color:var(--ui-text)}
#inventoryCountMessage:empty{display:none}
#inventoryCountMessage.error{color:var(--ui-danger-text)}
#inventoryCountNotice,#inventoryCountState{font-size:12px;color:var(--ui-muted)}
#inventoryCountSummary{padding:10px 12px;background:var(--ui-alt);border:1px solid var(--ui-border);border-radius:4px;margin:10px 0;font-size:12px;font-weight:600}
#inventoryCountSearch{width:100%;margin-bottom:9px}
#inventoryCountModal .history-wrap{overflow:auto;border:1px solid var(--ui-border);border-radius:5px;margin:8px 0 12px}
#inventoryCountModal .history-table{margin:0;font-size:12px}
#inventoryCountModal td small{display:block;font-size:10px;color:var(--ui-muted);margin-top:3px}
.inventory-count-status{display:inline-block;padding:4px 7px;border-radius:4px;font-size:11px;white-space:nowrap;background:var(--ui-alt);color:var(--ui-text)}
.inventory-count-status[data-status=Correto]{background:var(--ui-success-bg);color:var(--ui-success-text)}
.inventory-count-status[data-status=Faltando]{background:var(--ui-danger-bg);color:var(--ui-danger-text)}
.inventory-count-status[data-status=Sobrando]{background:var(--ui-warning-bg);color:var(--ui-warning-text)}
#inventoryCountHistory{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0}
#inventoryCountModal input,#inventoryCountModal select{border-radius:4px}
@media(max-width:600px){#inventoryCountModal{padding:7px}#inventoryCountModal .inventory-count-box{width:100%;max-height:calc(100dvh - 14px)}.inventory-count-body{padding:10px}.inventory-count-tabs{padding:9px 10px}.inventory-count-tabs .btn{font-size:11px}.inventory-scan-field{grid-template-columns:1fr}.inventory-label-options{align-items:stretch;flex-direction:column}#inventoryCountModal .history-table{min-width:570px}}
#inventoryCountModal .inventory-label-options>label{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:5px}
#inventoryCountModal .inventory-label-options>label:has(input[type=checkbox]){flex-direction:row!important;align-items:center}

body.role-technician #companySettingsBtn,body.role-technician #calculatorSettingsBtn,body.role-technician #pricingCenterBtn{display:none !important;}

/* Cadastro: uma área por assunto, com os mesmos controles e registros. */
#registrationsModal .registration-groups{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
#registrationsModal .registration-groups .btn{font-size:13px;padding:9px 14px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}
#registrationsModal .registration-groups .btn.active{background:var(--ui-text);color:var(--ui-surface);border-color:var(--ui-text)}
#registrationsModal .registration-tabs{justify-content:flex-start;gap:6px}
#registrationsModal .registration-tabs .config-tab{flex:0 1 auto;min-width:0;font-size:13px}
#registrationsModal [hidden]{display:none !important}
#registrationsModal .registration-location-hint{font-size:12px;line-height:1.5;color:var(--ui-muted);margin:8px 0 14px}
#registrationsModal .registration-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#financeSubmenu .finance-menu-section{display:block;font-size:10px;font-weight:600;letter-spacing:.04em;color:inherit;opacity:.75;padding:14px 12px 5px;line-height:1.4}

/* Navegação por setores: sem alterar páginas ou regras de acesso. */
.reparo-app .nav [data-sidebar-legacy="true"]{display:none !important}
.reparo-app .sidebar-sectors{display:flex;flex-direction:column;width:100%;gap:3px}
.reparo-app .sidebar-sector{border:0;margin:0;padding:0}
.reparo-app .sidebar-sector>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:12px 10px;font-size:12px;font-weight:650;line-height:1.4;color:#fff}
.reparo-app .sidebar-sector>summary::-webkit-details-marker{display:none}
.reparo-app .sidebar-sector>summary::after{content:'⌄';color:#f4cb45;font-size:16px}
.reparo-app .sidebar-sector[open]>summary::after{transform:rotate(180deg)}
.reparo-app .sidebar-sector>summary:focus-visible{outline:2px solid #f4cb45;outline-offset:-2px}
.reparo-app .sidebar-sector-links{display:flex;flex-direction:column;gap:3px;padding:0 0 6px 7px}
.reparo-app .sidebar-sector .sidebar-flat-group{display:flex;flex-direction:column;position:static;margin:0;padding:0;border:0;width:auto;box-shadow:none;background:transparent}
.reparo-app .sidebar-sector .sidebar-flat-group .btn{width:100%;margin:0}
.reparo-app .sidebar-sector .sidebar-flat-group .btn::before{content:none}
.reparo-app .sidebar-sector .finance-menu-section{display:none !important}
.reparo-app .sidebar-sector-links .btn{white-space:normal;line-height:1.35}
.reparo-app .sidebar-direct{border-top:1px solid #ffffff26;margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:3px}
.reparo-app .sidebar-sector[hidden]{display:none !important}

#registrationSidebarLinks{display:flex;flex-direction:column;gap:3px}
#registrationsModal .registration-tabs,#registrationsModal .registration-groups,#registrationsModal .registration-shortcuts,#registrationsModal .registration-location-hint{display:none !important}
#registrationSidebarLinks [hidden]{display:none !important}

/* Cadastros contextuais, vinculados ao setor que utiliza cada informação. */
.reparo-app .sector-settings{margin:4px 0;border:0}
.reparo-app .sector-settings>summary{cursor:pointer;list-style:none;padding:9px 11px;font-size:12px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center}
.reparo-app .sector-settings>summary::-webkit-details-marker{display:none}
.reparo-app .sector-settings>summary::after{content:'+';color:#f4cb45}
.reparo-app .sector-settings[open]>summary::after{content:'−'}
.reparo-app .sector-settings>summary:focus-visible{outline:2px solid #f4cb45}
.reparo-app .sector-settings-links{display:flex;flex-direction:column;gap:3px;margin-left:10px;padding-left:6px;border-left:1px solid #ffffff30}
.reparo-app .sector-settings[hidden],.reparo-app .sector-settings-links [hidden]{display:none !important}