/* DS Interface v6 — blue standard, icon navigation, screen search and action dialogs. Load LAST, after styles.css and module styles. Compatibility bridge for legacy hardcoded colors. New components should consume --ds-* tokens directly. */ html[data-ds-interface="light"] { color-scheme: light; background:var(--ds-canvas); } html[data-ds-interface="light"] body {background:var(--ds-canvas)!important;color:var(--ds-text)!important;font-family:var(--ds-font-family);} html[data-ds-interface="light"] body * {scrollbar-color:var(--ds-input-line) var(--ds-accent-bg);} html[data-ds-interface="light"] body ::-webkit-scrollbar-track {background:var(--ds-accent-bg);} html[data-ds-interface="light"] body ::-webkit-scrollbar-thumb {background:var(--ds-input-line);border:2px solid var(--ds-accent-bg);border-radius:10px;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) {color:var(--ds-text);} html[data-ds-interface="light"] body :is(.app-main,.view) {color:var(--ds-text);} html[data-ds-interface="light"] body :is(.card,.kpi,.app-header,.mobile-topbar,.form-modal-panel,.modal-panel,.modal-card,.mobile-action-menu,.global-theme-menu,.transport-mobile-card,.transport-mobile-empty,.customer-browser-card,.finance-receivable-summary-card) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow)!important;border-radius:var(--ds-radius);} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-slate-9"],[class*="bg-slate-8"],[class*="bg-gray-9"],[class*="bg-gray-8"]) {background:var(--ds-subtle)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-slate-"],[class*="text-gray-"]) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is(.text-white,.text-slate-50,.text-slate-100,.text-slate-200,.text-slate-300) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="border-slate-"],[class*="border-gray-"]) {border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body :is(h1,h2,h3,h4,#pageTitle,.beauty-agenda-day-title strong) {color:var(--ds-text)!important;text-shadow:none!important;} html[data-ds-interface="light"] body :is(.label,.form-hint) {color:var(--ds-muted)!important;font-weight:550;} html[data-ds-interface="light"] body :is(.input,.select,.textarea) {color:var(--ds-text)!important;background:var(--ds-surface)!important;border:1px solid var(--ds-input-line)!important;border-radius:8px!important;box-shadow:none!important;min-height:40px;} html[data-ds-interface="light"] body :is(input,textarea)::placeholder {color:var(--ds-muted)!important;opacity:1;} html[data-ds-interface="light"] body :is(input,select,textarea,button,a,summary):focus-visible {outline:3px solid var(--ds-focus)!important;outline-offset:3px!important;} html[data-ds-interface="light"] body :is(.btn-primary,.btn-secondary) {border-radius:8px!important;font-weight:600;box-shadow:none!important;min-height:var(--ds-control-height);} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) .btn-primary {background:var(--ds-primary)!important;color:var(--ds-surface)!important;border:1px solid var(--ds-primary)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) .btn-primary:hover {background:var(--ds-primary-hover)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) .btn-primary :is(span,svg) {color:inherit!important;} html[data-ds-interface="light"] body .btn-secondary {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body .btn-secondary:hover {background:var(--ds-accent-bg)!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body .btn-secondary.danger {color:var(--ds-danger)!important;border-color:var(--ds-danger-line)!important;} html[data-ds-interface="light"] body :is(button,input,select,textarea):disabled {opacity:.55;cursor:not-allowed;} html[data-ds-interface="light"] body :is(.badge,.compact-badge,.module-icon,.company-logo-box,.company-logo-fallback) {background:var(--ds-accent-bg)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body .table {border-collapse:separate;border-spacing:0;} html[data-ds-interface="light"] body .table th {background:var(--ds-accent-bg)!important;color:var(--ds-muted)!important;border-color:var(--ds-line)!important;font-size:.72rem;letter-spacing:.045em;padding:.625rem .75rem;} html[data-ds-interface="light"] body .table td {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;font-size:.82rem;line-height:1.5;padding:.625rem .75rem;} html[data-ds-interface="light"] body .table tr:nth-child(even) td {background:var(--ds-subtle)!important;} html[data-ds-interface="light"] body .table tr:hover td {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body :is(.table-wrap,.table-desktop) {border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body .transport-table-actions {gap:.3rem;} html[data-ds-interface="light"] body .transport-table-actions button {min-height:var(--ds-row-control-height)!important;} html[data-ds-interface="light"] body :is(.table-actions-menu,.transport-actions-menu,.browser-search-box,.customer-select-dropdown,.module-tabs,.module-tab) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body :is(.module-tab.active,.finance-receivable-summary-card.is-active) {background:var(--ds-accent-bg)!important;border-color:var(--ds-input-line)!important;color:var(--ds-text)!important;} html[data-ds-interface="light"] body .app-sidebar {background:var(--ds-accent-bg)!important;border-color:var(--ds-line)!important;color:var(--ds-text)!important;box-shadow:none!important;} html[data-ds-interface="light"] body .app-sidebar :is(.nav,.nav-group-toggle,.text-slate-500,.text-slate-400,.text-slate-300,#sidebarCompanySlogan) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .app-sidebar :is(.nav:hover,.nav-group-toggle:hover) {background:var(--ds-line)!important;color:var(--ds-text)!important;} html[data-ds-interface="light"] body .app-sidebar .nav.active {background:var(--ds-selected-bg)!important;color:var(--ds-accent)!important;box-shadow:inset 3px 0 var(--ds-primary)!important;font-weight:650;} html[data-ds-interface="light"] body .app-sidebar :is(#sidebarCompanyName,#userInfo strong,#companyInfo strong) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body .nav-group-toggle {letter-spacing:.07em;} html[data-ds-interface="light"] body :is(.kpi,.card) {border:1px solid var(--ds-line)!important;} html[data-ds-interface="light"] body .kpi {padding:var(--ds-kpi-padding)!important;} html[data-ds-interface="light"] body .kpi .font-black {font-weight:650!important;letter-spacing:-.035em;color:var(--ds-text)!important;} html[data-ds-interface="light"] body .app-header {border-radius:12px!important;} html[data-ds-interface="light"] body #pageTitle {font-weight:650!important;} /* Semantic colors: keep status text; never rely on the fill alone. */ html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-emerald-"],[class*="text-green-"]) {color:var(--ds-success)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-emerald-"],[class*="bg-green-"]) {background:var(--ds-success-bg)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-amber-"],[class*="text-yellow-"]) {color:var(--ds-warning)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-amber-"],[class*="bg-yellow-"]) {background:var(--ds-warning-bg)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-red-"]) {color:var(--ds-danger)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-red-"]) {background:var(--ds-danger-bg)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-sky-"],[class*="text-blue-"],[class*="text-cyan-"]) {color:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-sky-"],[class*="bg-blue-"],[class*="bg-cyan-"]) {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="text-pink-"],[class*="text-purple-"],[class*="text-violet-"]) {color:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,[id$="Modal"]) :is([class*="bg-pink-"],[class*="bg-purple-"],[class*="bg-violet-"]) {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body .beauty-agenda-day-layout { --agenda-background:var(--ds-canvas);--agenda-slot-background:var(--ds-surface);--agenda-slot-alternate:var(--ds-canvas);--agenda-grid-border:var(--ds-line);--agenda-unavailable-background:var(--ds-accent-bg);--agenda-unavailable-text:var(--ds-muted);--agenda-unavailable-border:var(--ds-input-line);--agenda-header-background:var(--ds-canvas);--agenda-text:var(--ds-text);--agenda-muted-text:var(--ds-muted);--agenda-card-shadow:0 1px 4px var(--ds-shadow-color); } html[data-ds-interface="light"] body :is(.beauty-agenda-day-sidebar,.beauty-agenda-day-commandbar,.beauty-agenda-day-date-chip,.beauty-agenda-day-prof-head,.beauty-agenda-day-legend) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body .beauty-agenda-day-prof-text strong {color:var(--ds-text)!important;} html[data-ds-interface="light"] body .beauty-agenda-day-prof-text small {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body [data-global-theme-switcher] {display:none!important;} @media(max-width:767px) {html[data-ds-interface="light"] body :is(.input,.select,.textarea){font-size:16px!important;}html[data-ds-interface="light"] body .table td{padding:.7rem .55rem;}} @media(prefers-reduced-motion:reduce) {html[data-ds-interface="light"] body *,html[data-ds-interface="light"] body *::before,html[data-ds-interface="light"] body *::after {scroll-behavior:auto!important;transition:none!important;}} /* SVG chart surfaces have inline colors in the current renderer. */ html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg[aria-label="Gráfico de linha do fluxo de caixa projetado"] rect {fill:var(--ds-canvas);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg[aria-label="Gráfico de linha do fluxo de caixa projetado"] text {fill:var(--ds-muted);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg[aria-label="Gráfico de linha do fluxo de caixa projetado"] [stroke="#334155"] {stroke:var(--ds-input-line);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg [stroke="#ec4899"] {stroke:var(--ds-accent);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg [stroke="#22c55e"] {stroke:var(--ds-success);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) svg [stroke="#f59e0b"] {stroke:var(--ds-warning);} html[data-ds-interface="light"] body :is(#finance,#cash_flow) i.bg-emerald-400 {background:var(--ds-success)!important;} html[data-ds-interface="light"] body :is(#finance,#cash_flow) i.bg-pink-500 {background:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is(#finance,#cash_flow) i.bg-amber-500 {background:var(--ds-warning)!important;} html[data-ds-interface="light"] body :is(.page-action-card,.finance-shortcut-rail,.finance-shortcut-panel,.transport-mobile-freight-card,.transport-mobile-meta-grid>div) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body :is(.transport-mobile-meta-grid strong,.transport-mobile-route strong,.transport-mobile-card-sub,.transport-vehicle-available-cell strong) {color:var(--ds-text)!important;} /* Readable summaries and form surfaces. */ html[data-ds-interface="light"] body .finance-receivable-summary-card span {color:var(--ds-muted)!important;font-weight:600;} html[data-ds-interface="light"] body .finance-receivable-summary-card strong {color:var(--ds-text)!important;font-weight:700;} html[data-ds-interface="light"] body .finance-receivable-summary-card--danger strong {color:var(--ds-danger)!important;} html[data-ds-interface="light"] body .finance-receivable-summary-card--danger.is-active {background:var(--ds-danger-bg)!important;border-color:var(--ds-danger-line)!important;} html[data-ds-interface="light"] body :is(.professional-modal-form.is-open,.professional-modal-head,.record-details-section,.record-details-card,.table-card,.table-card-row) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body :is(.table-card-label,.table-card-value,.professional-modal-subtitle) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.professional-modal-form,[id$="Modal"]) :is([class*="bg-slate-"],.card) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body :is(.professional-modal-form,[id$="Modal"]) [class*="text-slate-"] {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.professional-modal-form,[id$="Modal"]) .btn-primary {background:var(--ds-primary)!important;color:var(--ds-surface)!important;} html[data-ds-interface="light"] body :is(#appHeader,#appSidebar) :is(.compact-badge,.brand-card) {background:var(--ds-accent-bg)!important;color:var(--ds-text)!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body #appSidebar .brand-card [class*="text-"] {color:var(--ds-muted)!important;} @media(min-width:1024px){ html[data-ds-interface="light"] body :is(.mobile-topbar,.sidebar-backdrop) {display:none!important;} html[data-ds-interface="light"] body.sidebar-open {overflow:auto!important;} html[data-ds-interface="light"] body #appHeader #pageTitle {font-size:1.35rem!important;} } /* Agenda: all positions and durations remain owned by the existing renderer. */ html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-layout { --agenda-background:var(--ds-canvas);--agenda-slot-background:var(--ds-surface);--agenda-slot-alternate:var(--ds-canvas);--agenda-grid-border:var(--ds-line);--agenda-unavailable-background:var(--ds-accent-bg);--agenda-unavailable-text:var(--ds-muted);--agenda-unavailable-border:var(--ds-input-line);--agenda-header-background:var(--ds-canvas);--agenda-text:var(--ds-text);--agenda-muted-text:var(--ds-muted); } html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-day-prof-head,.beauty-agenda-day-time-head,.beauty-agenda-day-avatar,.beauty-agenda-day-prof-head>span) {background:var(--ds-canvas)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-day-prof-head strong,.beauty-agenda-day-prof-head small) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event {background:var(--ds-accent-bg)!important;border-color:var(--ds-input-line)!important;border-left-color:var(--ds-accent)!important;box-shadow:none!important;border-radius:8px!important;text-align:left;padding:5px 9px!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event :is(strong,span,small,em) {color:var(--ds-muted)!important;font-weight:600!important;line-height:1.2!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event strong {font-size:12px!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event small {font-size:11px!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event em {font-size:9px!important;margin-top:2px!important;background:var(--ds-glass)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event .beauty-appointment-type-pill {font-size:9px!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--attended {background:var(--ds-success-bg)!important;border-color:var(--ds-success-line)!important;border-left-color:var(--ds-success)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--attended :is(strong,span,small,em) {color:var(--ds-success)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--in-service {background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;border-left-color:var(--ds-accent)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--in-service :is(strong,span,small,em) {color:var(--ds-accent)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--no-show {background:var(--ds-warning-bg)!important;border-color:var(--ds-warning-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event.beauty-appointment-card--cancelled {background:var(--ds-danger-bg)!important;border-color:var(--ds-danger-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event--blocked {background:repeating-linear-gradient(135deg,var(--ds-accent-bg),var(--ds-accent-bg) 7px,var(--ds-line) 7px,var(--ds-line) 8px)!important;border:1px solid var(--ds-input-line)!important;width:calc(100% - .7rem)!important;text-align:center;padding:12px!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-event--blocked :is(span,small,em) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-date-chip.is-active {background:var(--ds-line)!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-date-chip :is(span,strong) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body #appSidebar {background:var(--ds-accent-bg)!important;box-shadow:none!important;border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body #appSidebar .nav {font-size:14px!important;font-weight:500!important;color:var(--ds-muted)!important;border-color:transparent!important;box-shadow:none!important;} html[data-ds-interface="light"] body #appSidebar .nav.active {color:var(--ds-accent)!important;background:var(--ds-selected-bg)!important;box-shadow:inset 3px 0 var(--ds-primary)!important;border-color:transparent!important;font-weight:650!important;} html[data-ds-interface="light"] body #appSidebar .nav.active::after {background:var(--ds-primary)!important;} html[data-ds-interface="light"] body #appSidebar :is(.brand-card,.border) {box-shadow:none!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-day-prof-head strong,.beauty-agenda-day-prof-title-row strong) {font-size:12.5px!important;font-weight:650!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-day-prof-text small {font-size:10px!important;font-weight:500!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-professional-listbox-trigger,.beauty-agenda-day-prof-availability-toggle) {background:var(--ds-canvas)!important;border-color:var(--ds-input-line)!important;color:var(--ds-success)!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-mobile-hero,.beauty-agenda-mobile-summary>span,.beauty-agenda-mobile-day,.beauty-agenda-mobile-card) {background:var(--ds-surface)!important;border-color:var(--ds-input-line)!important;box-shadow:none!important;border-radius:10px!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-mobile-hero,.beauty-agenda-mobile-summary,.beauty-agenda-mobile-day,.beauty-agenda-mobile-main) :is(strong,small,span,b) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-mobile-day.is-active {background:var(--ds-line)!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body #beauty_agenda_day :is(.beauty-agenda-mobile-time,.beauty-agenda-mobile-hero b,.beauty-agenda-mobile-card em) {background:var(--ds-accent-bg)!important;color:var(--ds-text)!important;} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-mobile-card.beauty-appointment-card--attended {background:var(--ds-success-bg)!important;--agenda-mobile-accent:var(--ds-success);} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-mobile-card.beauty-appointment-card--in-service {background:var(--ds-accent-bg)!important;--agenda-mobile-accent:var(--ds-accent);} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-mobile-card.beauty-appointment-card--scheduled {background:var(--ds-accent-bg)!important;--agenda-mobile-accent:var(--ds-accent);} html[data-ds-interface="light"] body #beauty_agenda_day .beauty-agenda-mobile-card--block {background:var(--ds-accent-bg)!important;} /* Toasts are mounted outside appScreen. */ html[data-ds-interface="light"] body #toast {background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-input-line)!important;box-shadow:0 8px 28px var(--ds-shadow-color)!important;} /* Product-wide accent, including legacy components reading company/Beauty variables. */ html[data-ds-interface="light"] { --company-primary:var(--ds-primary)!important;--company-secondary:var(--ds-accent-bg)!important;--company-accent:var(--ds-accent)!important; --company-primary-rgb:var(--ds-primary-rgb)!important;--company-secondary-rgb:var(--ds-accent-bg-rgb)!important;--company-accent-rgb:var(--ds-accent-rgb)!important; } html[data-ds-interface="light"] body {--beauty-ink:var(--ds-text);--beauty-muted:var(--ds-muted);--beauty-border:var(--ds-line);} html[data-ds-interface="light"] body :is([data-global-theme-switcher],[data-ds-theme-toggle],#beautyUserVisualThemeForm) {display:none!important;} html[data-ds-interface="light"] body #companyBrandingForm label:has(:is([name="branding_preset"],[name="branding_primary_color"],[name="branding_secondary_color"],[name="branding_accent_color"])) {display:none!important;} /* Shared information panels: correct the dark finance details reported by the owner. */ html[data-ds-interface="light"] body #recordDetailsModal { background:var(--ds-overlay)!important;color:var(--ds-text)!important;backdrop-filter:blur(3px); } html[data-ds-interface="light"] body #recordDetailsModal :is(.record-details-panel,.record-details-body) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important; } html[data-ds-interface="light"] body #recordDetailsModal .record-details-head { background:var(--ds-accent-bg)!important;border-color:var(--ds-line)!important;color:var(--ds-text)!important; } html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-card,.finance-receivable-detail-meta,.finance-receivable-detail-card) { background:var(--ds-subtle)!important;border:1px solid var(--ds-line)!important;color:var(--ds-text)!important;box-shadow:none!important; } html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-detail-card--balance { background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important; } html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-value,.finance-receivable-detail-card strong,.finance-receivable-detail-meta strong,#recordDetailsTitle) { color:var(--ds-text)!important;opacity:1!important;font-weight:650; } html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-label,.finance-receivable-detail-card>span,.finance-receivable-detail-meta>span) { color:var(--ds-muted)!important;opacity:1!important;font-size:.8rem;line-height:1.4; } html[data-ds-interface="light"] body #recordDetailsModal :is(.finance-receivable-detail-card--balance strong,.finance-receivable-detail-card small) {color:var(--ds-accent)!important;opacity:1!important;} html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-due-card:hover {background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal .btn-primary {background:var(--ds-primary)!important;border-color:var(--ds-primary)!important;color:var(--ds-surface)!important;} html[data-ds-interface="light"] body #recordDetailsModal .btn-secondary {background:var(--ds-surface)!important;border-color:var(--ds-accent-line)!important;color:var(--ds-accent)!important;} html[data-ds-interface="light"] body #recordDetailsModal .btn-secondary.danger {border-color:var(--ds-danger-line)!important;color:var(--ds-danger)!important;} html[data-ds-interface="light"] body #recordDetailsModal button:disabled {opacity:.65!important;} html[data-ds-interface="light"] body #toast[role="alert"] {border-color:var(--ds-danger-line)!important;color:var(--ds-danger)!important;} @media(max-width:640px){ html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-detail-summary {grid-template-columns:repeat(2,minmax(0,1fr));} html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-due-card {grid-column:1/-1;} html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-detail-actions :is(button,a) {min-height:40px;} } html[data-ds-interface="light"] body a:not(.btn-primary) {color:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is(#sidebarCloseBtn,#sidebarToggleBtn,#mobileMenuBtn) {background:var(--ds-surface)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;} /* v3 proportions: actions, summary cards and information panels have separate sizes. Minimum heights allow wrapping/zoom. Do not size agenda events as ordinary cards. */ html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,#recordDetailsModal) :is(.btn-primary,.btn-secondary):not([data-customer-message-filter],.order-detail-icon-button) { box-sizing:border-box;min-height:var(--ds-control-height)!important;max-width:100%; padding:8px 14px!important;font-size:.875rem!important;line-height:1.25!important; vertical-align:middle;white-space:normal;overflow-wrap:anywhere; } html[data-ds-interface="light"] body :is(#appScreen,#recordDetailsModal) :is(.table,.transport-table-actions) :is(.btn-primary,.btn-secondary) { min-height:var(--ds-row-control-height)!important;padding:5px 10px!important;font-size:.8125rem!important;line-height:1.25!important; } html[data-ds-interface="light"] body :is(#appScreen,#recordDetailsModal) .order-detail-icon-button { width:var(--ds-control-height)!important;min-width:var(--ds-control-height);min-height:var(--ds-control-height)!important;padding:0!important; } html[data-ds-interface="light"] body :is(#appScreen,#loginScreen,#recordDetailsModal) :is(input.input,select.select):not([type="checkbox"],[type="radio"],[type="file"],[type="color"]) { box-sizing:border-box;min-width:0;min-height:var(--ds-control-height)!important;padding:8px 12px!important;font-size:.875rem;line-height:1.25!important; } html[data-ds-interface="light"] body #appScreen .view .card:not([class*="!p-"],[class*="!px-"],[class*="!py-"],.finance-alerts-card,.beauty-management-summary) {padding:var(--ds-card-padding)!important;} html[data-ds-interface="light"] body #appScreen .kpi {min-width:0;} html[data-ds-interface="light"] body #appScreen .kpi>p:first-child { font-size:.75rem!important;line-height:1.4!important;letter-spacing:.035em!important; } html[data-ds-interface="light"] body #appScreen .kpi>p.font-black { margin-top:6px!important;font-size:1.25rem!important;line-height:1.3!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; } html[data-ds-interface="light"] body #appScreen .kpi>p:last-child:not(.font-black) { margin-top:4px!important;font-size:.75rem!important;line-height:1.4!important; } html[data-ds-interface="light"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} html[data-ds-interface="light"] body #dashboard>.grid:has(>.card) {align-items:start;gap:16px!important;margin-top:16px!important;} html[data-ds-interface="light"] body #dashboard>.grid>.card>.grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;} html[data-ds-interface="light"] body #dashboard>.grid>.card>.grid>div {padding:12px!important;border-radius:8px!important;min-width:0;overflow-wrap:anywhere;} html[data-ds-interface="light"] body :is(#finance,#cash_flow) .grid:has(>.transport-compact-kpi) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} html[data-ds-interface="light"] body #cash_flow .finance-cashflow-filter-kpi {grid-column:1/-1!important;min-height:0!important;} html[data-ds-interface="light"] body #cash_flow .finance-cashflow-inline-fields .label {font-size:.75rem!important;line-height:1.4;} html[data-ds-interface="light"] body #finance .finance-shortcut-panel {padding:12px 16px!important;border-radius:12px;} html[data-ds-interface="light"] body #finance .finance-shortcut-panel>.grid {display:flex;flex-wrap:wrap;gap:8px!important;} html[data-ds-interface="light"] body #finance .finance-shortcut-panel :is(.btn-primary,.btn-secondary) {width:auto;min-width:104px;flex:0 1 auto;} html[data-ds-interface="light"] body #customers [data-customer-message-filter] {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:76px!important;padding:12px!important;} html[data-ds-interface="light"] body #customers [data-customer-message-filter] small {font-size:.75rem!important;line-height:1.4;} html[data-ds-interface="light"] body #customers [data-customer-message-filter] b {font-size:1.25rem;font-variant-numeric:tabular-nums;} html[data-ds-interface="light"] body #appScreen .finance-receivable-summary-card {min-height:80px!important;padding:12px 16px!important;gap:6px;} html[data-ds-interface="light"] body #appScreen .finance-receivable-summary-card span {font-size:.75rem!important;line-height:1.4!important;overflow:visible;} html[data-ds-interface="light"] body #appScreen .finance-receivable-summary-card strong {font-size:1.125rem!important;line-height:1.3!important;white-space:normal;overflow:visible;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;} html[data-ds-interface="light"] body #recordDetailsModal .record-details-head {align-items:center;gap:16px;padding:16px!important;} html[data-ds-interface="light"] body #recordDetailsModal .record-details-head>div {min-width:0;} html[data-ds-interface="light"] body #recordDetailsModal #recordDetailsTitle {font-size:1.125rem!important;line-height:1.4;overflow-wrap:anywhere;} html[data-ds-interface="light"] body #recordDetailsModal #closeRecordDetails {flex-shrink:0;} html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-card,.finance-receivable-detail-meta,.finance-receivable-detail-card) {padding:12px 14px!important;border-radius:10px!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-value,.finance-receivable-detail-card strong,.finance-receivable-detail-meta strong) {font-size:1rem!important;line-height:1.4!important;white-space:normal;overflow:visible;overflow-wrap:anywhere;} html[data-ds-interface="light"] body #recordDetailsModal :is(.record-detail-label,.finance-receivable-detail-card>span) {font-size:.75rem!important;letter-spacing:.05em!important;} html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-detail-card small {font-size:.75rem!important;line-height:1.4;} html[data-ds-interface="light"] body #recordDetailsModal :is(.finance-receivable-detail-actions,.finance-receivable-detail-actions>.flex) {gap:8px;align-items:center;} @media(min-width:768px) { html[data-ds-interface="light"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:repeat(3,minmax(0,1fr))!important;} html[data-ds-interface="light"] body :is(#finance,#cash_flow) .grid:has(>.transport-compact-kpi) {grid-template-columns:repeat(4,minmax(0,1fr))!important;} } @media(min-width:1200px) and (max-width:1279px), (min-width:1440px) { html[data-ds-interface="light"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:repeat(6,minmax(0,1fr))!important;} } @media(min-width:1280px) and (max-width:1439px) { html[data-ds-interface="light"][data-ds-sidebar="collapsed"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:repeat(6,minmax(0,1fr))!important;} } @media(max-width:767px) { html[data-ds-interface="light"] body #finance .finance-shortcut-panel>.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;} html[data-ds-interface="light"] body #finance .finance-shortcut-panel :is(.btn-primary,.btn-secondary) {width:100%;min-width:0;} html[data-ds-interface="light"] body #recordDetailsModal .finance-receivable-detail-actions>.flex {grid-column:1/-1;} } @media(max-width:479px) { html[data-ds-interface="light"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:minmax(0,1fr)!important;} html[data-ds-interface="light"] body #dashboard>.grid>.card>.grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;} html[data-ds-interface="light"] body #appScreen .finance-entries-month-summary {grid-template-columns:minmax(0,1fr)!important;} } /* v4: form dialogs float over their list; mobile gets a full-height sheet. */ html[data-ds-interface="light"] body.ds-dialog-open {overflow:hidden!important;} html[data-ds-interface="light"] body .ds-dialog-grid {grid-template-columns:minmax(0,1fr)!important;} html[data-ds-interface="light"] body .ds-dialog-grid>div:not(.ds-form-modal) {grid-column:1/-1!important;min-width:0;} html[data-ds-interface="light"] body .ds-form-modal { position:fixed!important;inset:0!important;z-index:120!important;display:flex!important;align-items:center;justify-content:center; margin:0!important;padding:24px!important;overflow:auto;overscroll-behavior:contain;background:var(--ds-overlay)!important;backdrop-filter:blur(3px); } /* v5: permanent icon rail, hover navigation and centered screen search. */ html[data-ds-interface="light"] body #dsWorkspaceBar { position:sticky;top:0;z-index:75;display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,560px) minmax(160px,1fr); align-items:center;gap:24px;height:var(--ds-topbar-height);padding:12px 24px;box-sizing:border-box;background:var(--ds-surface);border-bottom:1px solid var(--ds-line); } html[data-ds-interface="light"] body :is(.ds-system-brand,#dsClientBrand) {display:flex;align-items:center;gap:10px;min-width:0;color:var(--ds-text);font-size:14px;font-weight:700;} html[data-ds-interface="light"] body .ds-system-brand {height:42px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;} html[data-ds-interface="light"] body .ds-system-brand img {width:42px;height:42px;object-fit:contain;border-radius:8px;} html[data-ds-interface="light"] body #dsClientBrand {justify-content:flex-end;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyLogoBox {display:flex!important;flex-shrink:0;justify-content:center;align-items:center;width:112px;height:44px;border:0;border-radius:8px;background:transparent!important;box-shadow:none;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyLogoBox:has(img.hidden) {width:42px;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyFallback {display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;color:var(--ds-accent)!important;background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyFallback.hidden {display:none;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyName {order:-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px;} html[data-ds-interface="light"] body #dsScreenSearch {position:relative;min-width:0;width:100%;} html[data-ds-interface="light"] body #dsScreenSearchInput {box-sizing:border-box;width:100%;height:42px;border:1px solid var(--ds-input-line);border-radius:9px;padding:8px 68px 8px 36px;background:var(--ds-subtle);color:var(--ds-text);font-size:14px;outline-offset:2px;} html[data-ds-interface="light"] body .ds-search-icon {position:absolute;left:12px;top:7px;font-size:23px;color:var(--ds-muted);pointer-events:none;} html[data-ds-interface="light"] body #dsScreenSearch kbd {position:absolute;right:10px;top:12px;font-size:11px;color:var(--ds-muted);border:1px solid var(--ds-line);border-radius:4px;padding:1px 4px;pointer-events:none;} html[data-ds-interface="light"] body #dsScreenSearchResults {position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:90;max-height:min(420px,60dvh);overflow:auto;border:1px solid var(--ds-accent-line);border-radius:12px;background:var(--ds-surface);padding:6px;box-shadow:0 12px 36px var(--ds-shadow-color);} html[data-ds-interface="light"] body .ds-screen-option {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:7px;cursor:pointer;color:var(--ds-text);font-size:14px;} html[data-ds-interface="light"] body .ds-screen-option strong {font-weight:600;} html[data-ds-interface="light"] body .ds-screen-option small {color:var(--ds-muted);font-size:12px;text-align:right;} html[data-ds-interface="light"] body :is(.ds-screen-option:hover,.ds-screen-option[aria-selected="true"]) {background:var(--ds-accent-bg);} html[data-ds-interface="light"] body .ds-search-empty {padding:14px;color:var(--ds-muted);font-size:14px;} html[data-ds-interface="light"] body #sidebarBrandCard {display:none!important;} html[data-ds-interface="light"] body #sidebarNav {margin:0!important;padding:4px 0!important;overflow-y:auto;overflow-x:hidden;} html[data-ds-interface="light"] body #sidebarNav .nav-group {margin:0 0 6px!important;padding:0!important;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;} html[data-ds-interface="light"] body #sidebarNav .nav-group-toggle {display:flex;align-items:center;gap:8px;min-height:40px;padding:9px!important;border-radius:8px;font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;background:transparent!important;} html[data-ds-interface="light"] body #sidebarNav .nav-group-toggle span {transform:none!important;color:inherit!important;} html[data-ds-interface="light"] body #sidebarNav .ds-group-icon {display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;} html[data-ds-interface="light"] body #sidebarNav .ds-group-icon svg {width:18px;height:18px;} html[data-ds-interface="light"] body #sidebarNav .ds-group-label {flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left;} html[data-ds-interface="light"] body #sidebarNav .ds-group-chevron {font-size:16px;} html[data-ds-interface="light"] body #sidebarNav .nav-group.is-open>.nav-group-toggle {background:var(--ds-selected-bg)!important;color:var(--ds-accent)!important;} html[data-ds-interface="light"] body #sidebarNav .nav-group.is-open>.nav-group-toggle .ds-group-chevron {transform:rotate(90deg)!important;} html[data-ds-interface="light"] body #sidebarNav .nav-group-items {margin:3px 0 6px 28px!important;padding:0 0 0 7px!important;max-height:none;opacity:1;border-left:1px solid var(--ds-accent-line);gap:2px;} html[data-ds-interface="light"] body #sidebarNav .nav-group:not(.is-open)>.nav-group-items {display:none!important;} html[data-ds-interface="light"] body #sidebarNav .nav {padding:7px 9px!important;min-height:32px;font-size:12.5px!important;font-weight:500;line-height:1.35;border-radius:7px!important;} html[data-ds-interface="light"] body :is(#pageIcon,#mobileModuleIcon) {display:none!important;} @media(min-width:1024px) { html[data-ds-interface="light"] body #appSidebar {top:var(--ds-topbar-height)!important;bottom:0!important;height:calc(100dvh - var(--ds-topbar-height))!important;width:var(--ds-rail-width)!important;padding:6px 8px!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;transition:width .16s ease;z-index:80;} html[data-ds-interface="light"][data-ds-sidebar="expanded"] body #appSidebar {width:var(--ds-menu-width)!important;box-shadow:12px 0 28px var(--ds-shadow-color)!important;} html[data-ds-interface="light"] body .app-main {margin-left:var(--ds-rail-width)!important;padding:20px!important;} html[data-ds-interface="light"] body :is(#sidebarCloseBtn,#sidebarToggleBtn) {display:none!important;} html[data-ds-interface="light"][data-ds-sidebar="collapsed"] body #sidebarNav :is(.ds-group-label,.ds-group-chevron,.nav-group-items) {display:none!important;} html[data-ds-interface="light"][data-ds-sidebar="collapsed"] body #appSidebar>div:last-child {display:none!important;} html[data-ds-interface="light"] body #sidebarNav .nav-group-toggle {width:100%;} } @media(max-width:1023px) { html[data-ds-interface="light"] body #appSidebar {top:var(--ds-topbar-height)!important;height:calc(100dvh - var(--ds-topbar-height))!important;width:min(310px,90vw)!important;padding:12px!important;z-index:85;} html[data-ds-interface="light"] body .app-main {margin-left:0!important;padding:16px 16px calc(5.25rem + env(safe-area-inset-bottom))!important;} html[data-ds-interface="light"] body.standard-mobile-home-mode .app-main {height:calc(100dvh - var(--ds-topbar-height) - 3.35rem);padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;} html[data-ds-interface="light"] body .mobile-topbar {top:var(--ds-topbar-height)!important;} html[data-ds-interface="light"] body .mobile-topbar .company-logo-box {display:none!important;} html[data-ds-interface="light"] body #sidebarNav .nav {min-height:44px;} html[data-ds-interface="light"] body .sidebar-backdrop {top:var(--ds-topbar-height)!important;z-index:80;} html[data-ds-interface="light"] body #dsWorkspaceBar {gap:16px;grid-template-columns:minmax(130px,1fr) minmax(220px,1.5fr) minmax(130px,1fr);padding:12px 16px;} } @media(max-width:767px) { html[data-ds-interface="light"] body #dsWorkspaceBar {grid-template-columns:1fr 1fr;grid-template-rows:42px 44px;gap:10px;padding:12px 16px;} html[data-ds-interface="light"] body #dsScreenSearch {grid-row:2;grid-column:1/-1;} html[data-ds-interface="light"] body #dsClientBrand {grid-column:2;grid-row:1;} html[data-ds-interface="light"] body #dsScreenSearchInput {height:44px;font-size:16px;padding-right:12px;} html[data-ds-interface="light"] body #dsScreenSearch kbd {display:none;} html[data-ds-interface="light"] body .ds-system-brand span {font-size:13px;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyName {font-size:12px;max-width:105px;white-space:normal;line-height:1.3;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyLogoBox {max-width:80px;} html[data-ds-interface="light"] body .ds-screen-option {min-height:44px;} } @media(min-width:1200px) {html[data-ds-interface="light"] body #dashboard>.grid:has(>.kpi) {grid-template-columns:repeat(6,minmax(0,1fr))!important;}} /* Appointment view has its own palette, independent of the agenda grid. */ html[data-ds-interface="light"] body {--beauty-primary:var(--ds-primary)!important;--beauty-accent:var(--ds-accent)!important;--beauty-primary-rgb:var(--ds-primary-rgb)!important;--beauty-accent-rgb:var(--ds-accent-rgb)!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.appointment-detail-card,.appointment-detail-info,.appointment-detail-notes,.appointment-status-history-item) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border:1px solid var(--ds-line)!important;box-shadow:none!important;border-radius:12px!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.appointment-detail-hero,.appointment-detail-datebox) {background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;color:var(--ds-accent)!important;box-shadow:none!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.appointment-detail-hero h4,.appointment-detail-info strong,.appointment-detail-notes p,.appointment-status-history-item strong) {color:var(--ds-text)!important;white-space:normal;overflow-wrap:anywhere;line-height:1.45;} html[data-ds-interface="light"] body #recordDetailsModal :is(.appointment-detail-kicker,.appointment-detail-info span,.appointment-detail-info small,.appointment-detail-notes span,.appointment-detail-hero p,.appointment-detail-datebox span) {color:var(--ds-muted)!important;font-size:.875rem!important;line-height:1.45!important;letter-spacing:0!important;white-space:normal;} html[data-ds-interface="light"] body #recordDetailsModal .appointment-detail-hero h4 {font-size:1.25rem!important;letter-spacing:0;} html[data-ds-interface="light"] body #recordDetailsModal .appointment-detail-status {background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;font-size:.875rem;} html[data-ds-interface="light"] body #recordDetailsModal .beauty-appointment-card--attended .appointment-detail-status {background:var(--ds-success-bg)!important;color:var(--ds-success)!important;border-color:var(--ds-success-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.beauty-appointment-card--cancelled,.beauty-appointment-card--no-show) .appointment-detail-status {background:var(--ds-danger-bg)!important;color:var(--ds-danger)!important;border-color:var(--ds-danger-line)!important;} html[data-ds-interface="light"] body :is(.beauty-professional-appointment,.beauty-professional-appointment-date,.beauty-professional-appointment-actions) {background:var(--ds-surface)!important;border-color:var(--ds-line)!important;color:var(--ds-text)!important;box-shadow:none!important;} html[data-ds-interface="light"] body .beauty-professional-appointment :is(strong,p,small,span) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body .ds-form-modal.hidden {display:none!important;} html[data-ds-interface="light"] body .ds-form-modal>:is(.professional-modal-form,.ds-dialog-page-panel) { box-sizing:border-box;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:960px!important; margin:auto!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain; border:1px solid var(--ds-line)!important;border-radius:16px!important;background:var(--ds-surface)!important;color:var(--ds-text)!important; padding:20px!important;box-shadow:0 20px 64px var(--ds-shadow-color)!important; } html[data-ds-interface="light"] body .ds-form-modal .professional-modal-head { top:-20px!important;position:sticky!important;z-index:5;margin:-20px -20px 20px!important;padding:16px 20px!important; display:flex;align-items:center;gap:16px;border-radius:16px 16px 0 0!important;background:var(--ds-accent-bg)!important;border-color:var(--ds-line)!important; } html[data-ds-interface="light"] body .ds-form-modal .professional-modal-head>div {min-width:0;} html[data-ds-interface="light"] body .ds-form-modal .professional-modal-title {font-size:1.125rem!important;line-height:1.4!important;overflow-wrap:anywhere;} html[data-ds-interface="light"] body .ds-form-modal .professional-modal-head button {flex-shrink:0;} html[data-ds-interface="light"] body .ds-dialog-page-content>div {max-width:none!important;} html[data-ds-interface="light"] body #customerForm>.flex:has(>#cancelCustomerEdit) {display:none;} html[data-ds-interface="light"] body :is(#recordDetailsModal,#financeFormModal) {position:fixed!important;inset:0!important;} html[data-ds-interface="light"] body #recordDetailsModal {z-index:140!important;} html[data-ds-interface="light"] body #financeFormModal {z-index:150!important;} @media(max-width:767px) { html[data-ds-interface="light"] body .ds-form-modal {padding:0!important;align-items:stretch;} html[data-ds-interface="light"] body .ds-form-modal>:is(.professional-modal-form,.ds-dialog-page-panel) { max-width:none!important;width:100%!important;max-height:100dvh!important;min-height:100dvh!important;margin:0!important;border-radius:0!important;padding:16px!important; padding-bottom:max(16px,env(safe-area-inset-bottom))!important; } html[data-ds-interface="light"] body .ds-form-modal .professional-modal-head {top:-16px!important;margin:-16px -16px 16px!important;padding:16px!important;border-radius:0!important;padding-top:max(16px,env(safe-area-inset-top))!important;} } @media(max-width:640px) {html[data-ds-interface="light"] body.standard-mobile-home-mode .app-main {height:calc(100dvh - var(--ds-topbar-height) - 3.15rem);}} /* Legacy accent audit: literal pink/violet text declarations from styles.css. Scoped to the standard panel; public booking pages retain their original appearance. */ html[data-ds-interface="light"] body .beauty-hero h2, html[data-ds-interface="light"] body .beauty-hero-stat strong, html[data-ds-interface="light"] body .beauty-segment-card h4, html[data-ds-interface="light"] body .beauty-theme-preview strong, html[data-ds-interface="light"] body.beauty-theme--feminine, html[data-ds-interface="light"] body.beauty-theme--feminine .app-header, html[data-ds-interface="light"] body.beauty-theme--feminine .mobile-topbar, html[data-ds-interface="light"] body.beauty-theme--feminine .card, html[data-ds-interface="light"] body.beauty-theme--feminine .kpi, html[data-ds-interface="light"] body.beauty-theme--feminine .page-action-card, html[data-ds-interface="light"] body.beauty-theme--feminine .finance-shortcut-rail, html[data-ds-interface="light"] body.beauty-theme--feminine .module-tabs, html[data-ds-interface="light"] body.beauty-theme--feminine .browser-toolbar, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-weekly-compactbar, html[data-ds-interface="light"] body.beauty-theme--feminine .record-details-panel, html[data-ds-interface="light"] body.beauty-theme--feminine h1, html[data-ds-interface="light"] body.beauty-theme--feminine h2, html[data-ds-interface="light"] body.beauty-theme--feminine h3, html[data-ds-interface="light"] body.beauty-theme--feminine h4, html[data-ds-interface="light"] body.beauty-theme--feminine .font-bold, html[data-ds-interface="light"] body.beauty-theme--feminine .font-semibold, html[data-ds-interface="light"] body.beauty-theme--feminine .font-black, html[data-ds-interface="light"] body.beauty-theme--feminine .text-slate-100, html[data-ds-interface="light"] body.beauty-theme--feminine .text-slate-200, html[data-ds-interface="light"] body.beauty-theme--feminine .text-slate-300, html[data-ds-interface="light"] body.beauty-theme--feminine .input, html[data-ds-interface="light"] body.beauty-theme--feminine .select, html[data-ds-interface="light"] body.beauty-theme--feminine .textarea, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-prof-listbox > summary, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-weekly-compact-controls .input, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-weekly-compact-controls .select, html[data-ds-interface="light"] body.beauty-theme--feminine .table td, html[data-ds-interface="light"] body.beauty-theme--feminine .table-card, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-weekly-compact-summary span, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-column h3, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-column .text-slate-100, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-appointment-card, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-appointment-card .text-slate-100, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-appointment-card .text-slate-300, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-appointment-card__service, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-head, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-title, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .card, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .kpi, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open details, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .rounded-2xl, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .bg-slate-950, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .bg-slate-900, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .bg-slate-950\/50, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .bg-slate-950\/70, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .bg-slate-900\/80, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .input, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .select, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .textarea, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarBrandCard h2, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarCompanyName, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .text-slate-100, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .text-slate-200, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .text-slate-300, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar strong, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar > .mt-auto, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .rounded-2xl.bg-slate-900, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .bg-slate-950, html[data-ds-interface="light"] body.beauty-theme--feminine #appSidebar .bg-slate-900, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingSettingsForm > label, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingSettingsForm > .rounded-2xl, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingSettingsForm > label strong, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm strong, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .font-bold, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm h1, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm h2, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm h3, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm h4, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .text-slate-100, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .text-slate-200, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .text-slate-300, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .input, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-prof-listbox-panel, html[data-ds-interface="light"] body.beauty-theme--feminine .appointment-detail-card, html[data-ds-interface="light"] body.beauty-theme--auto .appointment-detail-card, html[data-ds-interface="light"] body.beauty-theme--aesthetics .appointment-detail-card, html[data-ds-interface="light"] body.beauty-theme:not(.beauty-theme--dark) .appointment-status-history-item strong {color:var(--ds-text)!important;} html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-title span, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-title small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-date-chip, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-own-prof small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-hero span, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-hero small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-summary small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-time small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-main small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-day, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-time-head, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-time-body, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-prof-head small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-time-row, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-empty, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-day-no-prof, html[data-ds-interface="light"] body.beauty-theme .nav, html[data-ds-interface="light"] body.beauty-theme .input::placeholder, html[data-ds-interface="light"] body.beauty-theme .textarea::placeholder, html[data-ds-interface="light"] body.beauty-theme .table th, html[data-ds-interface="light"] body.beauty-theme .beauty-prof-option, html[data-ds-interface="light"] body .beauty-hero p, html[data-ds-interface="light"] body .beauty-hero-stat small, html[data-ds-interface="light"] body .beauty-segment-card p, html[data-ds-interface="light"] body.beauty-theme--dark .label, html[data-ds-interface="light"] body.beauty-theme--dark .text-slate-400, html[data-ds-interface="light"] body.beauty-theme--dark .text-slate-500, html[data-ds-interface="light"] body.beauty-theme--dark #pageBreadcrumb, html[data-ds-interface="light"] body.beauty-theme--dark .beauty-hero p, html[data-ds-interface="light"] body.beauty-theme--dark .beauty-hero-stat small, html[data-ds-interface="light"] body .beauty-theme-preview small, html[data-ds-interface="light"] body.beauty-theme--feminine .label, html[data-ds-interface="light"] body.beauty-theme--feminine .text-slate-400, html[data-ds-interface="light"] body.beauty-theme--feminine .text-slate-500, html[data-ds-interface="light"] body.beauty-theme--feminine #pageBreadcrumb, html[data-ds-interface="light"] body.beauty-theme--feminine #companyInfo, html[data-ds-interface="light"] body.beauty-theme--feminine #userInfo, html[data-ds-interface="light"] body.beauty-theme--feminine .input::placeholder, html[data-ds-interface="light"] body.beauty-theme--feminine .textarea::placeholder, html[data-ds-interface="light"] body.beauty-theme--feminine #headerLogoutBtn.danger, html[data-ds-interface="light"] body.beauty-theme--feminine .btn-secondary.danger, html[data-ds-interface="light"] body.beauty-theme--feminine .table th, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-column .text-pink-300, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-column button.open-beauty-day p, html[data-ds-interface="light"] body.beauty-theme--feminine .free-beauty-slot, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-empty-create, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-card .beauty-agenda-mobile-time small, html[data-ds-interface="light"] body.beauty-theme--masculine .beauty-agenda-mobile-card .beauty-agenda-mobile-time small, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-agenda-mobile-card .beauty-agenda-mobile-time small, html[data-ds-interface="light"] body.beauty-theme .beauty-agenda-mobile-card .beauty-agenda-mobile-main small, html[data-ds-interface="light"] body.beauty-theme--masculine .beauty-agenda-mobile-card .beauty-agenda-mobile-main small, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-agenda-mobile-card .beauty-agenda-mobile-main small, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .text-slate-400, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .text-slate-500, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .label, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open summary, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarCompanySlogan, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarBrandCard p:not(.text-pink-300), html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav-group-toggle, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav, html[data-ds-interface="light"] body.beauty-theme--feminine #logoutBtn, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingSettingsForm > label small, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm p, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .text-slate-400, html[data-ds-interface="light"] body.beauty-theme--feminine #beautyPublicBookingLogoForm .text-slate-500, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-prof-option, html[data-ds-interface="light"] body.beauty-theme .appointment-detail-hero p:last-child, html[data-ds-interface="light"] body.beauty-theme .appointment-detail-kicker, html[data-ds-interface="light"] body.beauty-theme .appointment-detail-info span, html[data-ds-interface="light"] body.beauty-theme .appointment-detail-notes span, html[data-ds-interface="light"] body.beauty-theme .appointment-detail-info small, html[data-ds-interface="light"] body.beauty-theme:not(.beauty-theme--dark) .appointment-status-history-item small, html[data-ds-interface="light"] body.beauty-theme:not(.beauty-theme--dark) .appointment-status-history-item p {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .product-search-row-side strong, html[data-ds-interface="light"] body .direct-order-eyebrow, html[data-ds-interface="light"] body .direct-order-step.is-active, html[data-ds-interface="light"] body .direct-order-item-side b, html[data-ds-interface="light"] body .beauty-weekly-kicker, html[data-ds-interface="light"] body.beauty-theme .nav:hover, html[data-ds-interface="light"] body.beauty-theme .nav.active, html[data-ds-interface="light"] body.beauty-theme .btn-secondary, html[data-ds-interface="light"] body.beauty-theme .module-tabs-more > summary, html[data-ds-interface="light"] body.beauty-theme .btn-secondary:hover, html[data-ds-interface="light"] body.beauty-theme .badge, html[data-ds-interface="light"] body.beauty-theme .beauty-weekly-compact-summary strong, html[data-ds-interface="light"] body.beauty-theme .beauty-prof-option:hover, html[data-ds-interface="light"] body .beauty-hero-kicker, html[data-ds-interface="light"] body .beauty-hero-stat span, html[data-ds-interface="light"] body .beauty-segment-kicker, html[data-ds-interface="light"] body .beauty-segment-metrics span, html[data-ds-interface="light"] body .beauty-segment-badge, html[data-ds-interface="light"] body .beauty-segment-card--violet .beauty-segment-icon, html[data-ds-interface="light"] body .beauty-segment-badge--violet, html[data-ds-interface="light"] body .beauty-segment-card--rose .beauty-segment-icon, html[data-ds-interface="light"] body .beauty-segment-badge--rose, html[data-ds-interface="light"] body.beauty-theme--aesthetics .beauty-hero-kicker, html[data-ds-interface="light"] body.beauty-theme--aesthetics .beauty-weekly-compact-summary strong, html[data-ds-interface="light"] body.beauty-theme--aesthetics .beauty-segment-kicker, html[data-ds-interface="light"] body.beauty-theme--dark .beauty-hero-kicker, html[data-ds-interface="light"] body.beauty-theme--dark .beauty-hero-stat span, html[data-ds-interface="light"] body.beauty-theme--feminine a, html[data-ds-interface="light"] body.beauty-theme--feminine .text-pink-100, html[data-ds-interface="light"] body.beauty-theme--feminine .text-pink-200, html[data-ds-interface="light"] body.beauty-theme--feminine .text-pink-300, html[data-ds-interface="light"] body.beauty-theme--feminine .text-pink-400, html[data-ds-interface="light"] body.beauty-theme--feminine .text-rose-100, html[data-ds-interface="light"] body.beauty-theme--feminine .text-rose-200, html[data-ds-interface="light"] body.beauty-theme--feminine .text-rose-300, html[data-ds-interface="light"] body.beauty-theme--feminine .text-rose-400, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-hero-kicker, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-hero-stat span, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-segment-kicker, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-weekly-compact-summary strong, html[data-ds-interface="light"] body.beauty-theme--feminine .btn-secondary, html[data-ds-interface="light"] body.beauty-theme--feminine .module-tabs-more > summary, html[data-ds-interface="light"] body.beauty-theme--feminine .mobile-icon-btn, html[data-ds-interface="light"] body.beauty-theme--feminine .module-tab.active, html[data-ds-interface="light"] body.beauty-theme--feminine .badge, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-segment-badge, html[data-ds-interface="light"] body.beauty-theme--feminine #companyBadge, html[data-ds-interface="light"] body.beauty-theme--feminine #headerUserBadge, html[data-ds-interface="light"] body.beauty-theme--feminine .compact-badge, html[data-ds-interface="light"] body.beauty-theme--feminine .module-icon, html[data-ds-interface="light"] body.beauty-theme--feminine .company-logo-box, html[data-ds-interface="light"] body.beauty-theme--feminine .company-logo-fallback, html[data-ds-interface="light"] body.beauty-theme--feminine .badge.bg-emerald-500\/10, html[data-ds-interface="light"] body.beauty-theme--feminine .badge.bg-sky-500\/10, html[data-ds-interface="light"] body.beauty-theme--feminine .badge.bg-amber-500\/10, html[data-ds-interface="light"] body.beauty-theme--feminine .badge.bg-red-500\/10, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-column .badge, html[data-ds-interface="light"] body.beauty-theme--feminine .free-beauty-slot strong, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-empty-create strong, html[data-ds-interface="light"] body.beauty-theme--feminine .free-beauty-slot:hover, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-day-empty-create:hover, html[data-ds-interface="light"] body.beauty-theme--aesthetics .view [class*="text-pink"], html[data-ds-interface="light"] body.beauty-theme--aesthetics .view [class*="text-rose"], html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-head p, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-head .text-pink-300, html[data-ds-interface="light"] body.beauty-theme--feminine .professional-modal-form.is-open .btn-secondary, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarCloseBtn, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav-group.is-open .nav-group-toggle, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav-group[data-group="beleza"] .nav-group-toggle, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav-group-toggle span, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav:hover, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav.active, html[data-ds-interface="light"] body.beauty-theme--feminine #sidebarNav .nav.active::after, html[data-ds-interface="light"] body.beauty-theme--feminine #logoutBtn:hover, html[data-ds-interface="light"] body.beauty-theme--feminine .beauty-prof-option:hover, html[data-ds-interface="light"] body.beauty-theme--aesthetics .appointment-detail-kicker, html[data-ds-interface="light"] body.beauty-theme--aesthetics .appointment-detail-info span, html[data-ds-interface="light"] body.beauty-theme--aesthetics .appointment-detail-notes span, html[data-ds-interface="light"] body .professional-detail-kicker, html[data-ds-interface="light"] body .professional-detail-section-head span, html[data-ds-interface="light"] body .beauty-professional-panel-head p, html[data-ds-interface="light"] body .beauty-professional-appointment-menu[open] summary, html[data-ds-interface="light"] body .beauty-recurring-rank-head span, html[data-ds-interface="light"] body .manager-app-shortcut--operation span {color:var(--ds-accent)!important;} /* Shared density and legacy color bridge. Values live in ds-interface-config.css. */ html[data-ds-interface="light"] {font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;} html[data-ds-interface="light"] body {font-size:var(--ds-font-size);line-height:1.4;} html[data-ds-interface="light"] body *,html[data-ds-interface="light"] body *::before,html[data-ds-interface="light"] body *::after {box-sizing:border-box;} html[data-ds-interface="light"] body :is(button,input,select,textarea) {font-family:var(--ds-font-family)!important;font-style:normal;letter-spacing:normal;} html[data-ds-interface="light"] body button {-webkit-appearance:none;appearance:none;} html[data-ds-interface="light"] body :is(.table,.table-card) {font-family:var(--ds-font-family)!important;font-variant-numeric:tabular-nums;} html[data-ds-interface="light"] body #appScreen .table :is(th,td) {font-size:var(--ds-table-size)!important;line-height:var(--ds-table-line-height)!important;padding:var(--ds-table-cell-y) var(--ds-table-cell-x)!important;vertical-align:middle;} html[data-ds-interface="light"] body #appScreen .table th {font-size:var(--ds-table-head-size)!important;font-weight:700!important;letter-spacing:.025em!important;} html[data-ds-interface="light"] body #appScreen .table td {height:var(--ds-row-height);} html[data-ds-interface="light"] body #appScreen :is(.table,.transport-table-actions) :is(.btn-primary,.btn-secondary,.order-detail-icon-button) { display:inline-flex!important;align-items:center;justify-content:center;gap:var(--ds-action-gap);flex:0 0 auto;max-width:none!important; min-height:var(--ds-row-control-height)!important;padding:.125rem var(--ds-action-padding)!important;font-size:var(--ds-action-size)!important;line-height:var(--ds-table-line-height)!important; white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;border-radius:.375rem!important; } html[data-ds-interface="light"] body #appScreen :is(.table,.transport-table-actions) .order-detail-icon-button {width:var(--ds-row-control-height)!important;min-width:var(--ds-row-control-height)!important;padding:0!important;} html[data-ds-interface="light"] body #appScreen :is(.table,.transport-table-actions) :is(button svg,.order-detail-icon-button svg) {width:var(--ds-action-icon-size)!important;height:var(--ds-action-icon-size)!important;flex-shrink:0;} html[data-ds-interface="light"] body #appScreen .table .badge {font-size:var(--ds-table-head-size)!important;line-height:1.25!important;min-height:0!important;padding:.1875rem .375rem!important;white-space:nowrap;} html[data-ds-interface="light"] body #appScreen .table-card-value :is(.btn-primary,.btn-secondary) {min-height:var(--ds-control-height)!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:var(--ds-action-size)!important;} /* 2026-09-14 — compact SaaS density based on ERP/browser grids. */ html[data-ds-interface="light"] body #appScreen {font-size:var(--ds-font-size)!important;} html[data-ds-interface="light"] body #appScreen :is(.view,.card,.kpi,.browser-toolbar,.table-wrap,.table-desktop,.table-mobile,.table-card) {font-size:var(--ds-font-size)!important;} html[data-ds-interface="light"] body #appScreen :is(.label,.form-hint) {margin-bottom:.1875rem!important;font-size:var(--ds-label-size)!important;line-height:1.25!important;font-weight:600!important;} html[data-ds-interface="light"] body #appScreen :is(input.input,select.select):not([type="checkbox"],[type="radio"],[type="file"],[type="color"]) { min-height:var(--ds-control-height)!important;padding:.375rem .625rem!important;font-size:.8125rem!important;line-height:1.2!important;border-radius:.375rem!important; } html[data-ds-interface="light"] body #appScreen textarea:is(.input,.textarea) { min-height:4.75rem!important;padding:.5rem .625rem!important;font-size:.8125rem!important;line-height:1.35!important;border-radius:.375rem!important; } html[data-ds-interface="light"] body #appScreen :is(.btn-primary,.btn-secondary):not(.order-detail-icon-button,.ds-icon-action) { min-height:var(--ds-control-height)!important;padding:.375rem .75rem!important;font-size:.8125rem!important;line-height:1.2!important;border-radius:.375rem!important; } html[data-ds-interface="light"] body #appScreen :is(.browser-toolbar,.card.browser-toolbar) { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;margin-bottom:.625rem!important;padding:.5rem .625rem!important;border-radius:.5rem!important; } html[data-ds-interface="light"] body #appScreen .browser-toolbar > div:first-child {min-width:0;} html[data-ds-interface="light"] body #appScreen .browser-toolbar h3 {margin:0!important;font-size:1rem!important;line-height:1.2!important;font-weight:700!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar p {margin-top:.1875rem!important;font-size:.75rem!important;line-height:1.25!important;color:var(--ds-muted)!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions {display:flex!important;align-items:end!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:.5rem!important;margin-top:0!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions label {min-width:7.5rem!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions .input {min-width:18rem;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions :is(.btn-primary,.btn-secondary) {white-space:nowrap!important;} html[data-ds-interface="light"] body #appScreen .table :is(th,td) {font-size:var(--ds-table-size)!important;line-height:var(--ds-table-line-height)!important;padding:var(--ds-table-cell-y) var(--ds-table-cell-x)!important;} html[data-ds-interface="light"] body #appScreen .table th {font-size:var(--ds-table-head-size)!important;} html[data-ds-interface="light"] body #appScreen .table td {height:var(--ds-row-height)!important;} html[data-ds-interface="light"] body #appScreen .table :is(.btn-primary,.btn-secondary,.order-detail-icon-button,.ds-icon-action) { min-height:var(--ds-row-control-height)!important;height:auto!important;padding:.125rem var(--ds-action-padding)!important;font-size:var(--ds-action-size)!important;border-radius:.3125rem!important; } html[data-ds-interface="light"] body #appScreen :is(.text-lg,.text-xl) {font-size:.95rem!important;line-height:1.25!important;} html[data-ds-interface="light"] body #appScreen .text-2xl {font-size:1.125rem!important;line-height:1.2!important;} html[data-ds-interface="light"] body #appScreen .text-3xl {font-size:1.25rem!important;line-height:1.2!important;} html[data-ds-interface="light"] body #appScreen :is(.badge,.compact-badge) {padding:.1875rem .4375rem!important;font-size:.6875rem!important;line-height:1.15!important;border-radius:999px!important;} html[data-ds-interface="light"] body #appScreen .kpi>p.font-black {font-size:1.125rem!important;line-height:1.2!important;} @media(min-width:768px) { html[data-ds-interface="light"] body #appHeader {margin-bottom:.625rem!important;} html[data-ds-interface="light"] body #appHeader #pageTitle {font-size:1.125rem!important;line-height:1.2!important;} html[data-ds-interface="light"] body #appScreen .view .card:not([class*="!p-"],[class*="!px-"],[class*="!py-"],.finance-alerts-card,.beauty-management-summary) {padding:var(--ds-card-padding)!important;} } @media(max-width:767px) { html[data-ds-interface="light"] body #appScreen {font-size:var(--ds-font-size)!important;} html[data-ds-interface="light"] body #appScreen :is(input.input,select.select):not([type="checkbox"],[type="radio"],[type="file"],[type="color"]) {font-size:16px!important;} html[data-ds-interface="light"] body #appScreen :is(.browser-toolbar,.card.browser-toolbar) {align-items:stretch!important;flex-direction:column!important;padding:.75rem!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions {display:grid!important;grid-template-columns:1fr!important;width:100%!important;} html[data-ds-interface="light"] body #appScreen .browser-toolbar .browser-actions :is(label,.input,.select,.btn-primary,.btn-secondary) {width:100%!important;min-width:0!important;} } /* Modals are appended to body: accent corrections must not depend on appScreen. */ html[data-ds-interface="light"] body :is([class*="text-pink-"],[class*="text-rose-"],[class*="text-fuchsia-"],[class*="text-purple-"],[class*="text-violet-"],.professional-detail-kicker,.direct-order-eyebrow,.product-search-row-side strong,.direct-order-item-side b) {color:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is([class*="bg-pink-"],[class*="bg-rose-"],[class*="bg-fuchsia-"],[class*="bg-purple-"],[class*="bg-violet-"]) {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body :is([class*="border-pink-"],[class*="border-rose-"],[class*="border-fuchsia-"]) {border-color:var(--ds-accent-line)!important;} html[data-ds-interface="light"] body :is([class*="text-red-"],.btn-secondary.danger) {color:var(--ds-danger)!important;} html[data-ds-interface="light"] body :is(.btn-primary,.btn-primary span) {color:var(--ds-surface)!important;} html[data-ds-interface="light"] body {--beauty-ink:var(--ds-text)!important;--beauty-muted:var(--ds-muted)!important;--beauty-border:var(--ds-line)!important;--beauty-secondary:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.professional-detail-hero,.product-detail-hero,.professional-detail-avatar) {background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.professional-detail-section,.professional-detail-metric,.product-detail-field,.professional-detail-tabs,.professional-detail-tab,.professional-detail-schedule-row,.professional-detail-exception,.professional-detail-appointment,.professional-detail-service,.professional-detail-empty) {background:var(--ds-surface)!important;color:var(--ds-text)!important;border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius)!important;box-shadow:none!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.professional-detail-section,.professional-detail-metric,.product-detail-field) {padding:.75rem!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-view :is(h4,strong) {color:var(--ds-text)!important;line-height:1.35!important;font-weight:600!important;white-space:normal;overflow-wrap:anywhere;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-hero h4 {font-size:1.375rem!important;letter-spacing:0!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-metric strong {font-size:1.125rem!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-view :is(p,small,span,em) {color:var(--ds-muted)!important;line-height:1.4!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.professional-detail-metric>span,.product-detail-field>span,.professional-detail-kicker) {font-size:var(--ds-label-size)!important;font-weight:600!important;letter-spacing:.035em!important;} html[data-ds-interface="light"] body #recordDetailsModal :is(.professional-detail-tab.is-active,.professional-detail-section-head>span,.professional-detail-tab>span) {background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-view .product-detail-metric--ok {background:var(--ds-success-bg)!important;border-color:var(--ds-success-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-view .product-detail-metric--attention {background:var(--ds-warning-bg)!important;border-color:var(--ds-warning-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal .professional-detail-view .product-detail-metric--price {background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;} html[data-ds-interface="light"] body #recordDetailsModal .product-detail-metric:disabled {opacity:1!important;} html[data-ds-interface="light"] body #recordDetailsModal .product-detail-hero>img,html[data-ds-interface="light"] body #recordDetailsModal .product-detail-hero>div.h-24 {width:4rem;height:4rem;border-radius:.75rem;} @media(max-width:767px), (pointer:coarse) { html[data-ds-interface="light"] body #appScreen :is(.table,.transport-table-actions) :is(button,.btn-primary,.btn-secondary) {min-width:var(--ds-row-control-height);} } /* v7: simple page heading, account controls and bounded data columns. */ html[data-ds-interface="light"] body #appHeader { background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 0 1rem!important; } html[data-ds-interface="light"] body #appHeader .app-header-main {flex-direction:row!important;align-items:center!important;gap:1rem;} html[data-ds-interface="light"] body #appHeader #pageTitle {font-size:1.375rem!important;font-weight:700!important;line-height:1.3!important;} html[data-ds-interface="light"] body :is(#companyBadge,#pageBreadcrumb) {display:none!important;} html[data-ds-interface="light"] body #appHeader .header-ops {flex-wrap:nowrap;gap:.5rem;flex-shrink:0;} html[data-ds-interface="light"] body #headerPageActions {flex-wrap:nowrap;gap:.5rem;} html[data-ds-interface="light"] body #headerPageActions [data-ds-secondary], html[data-ds-interface="light"] body .ds-action-source {display:none!important;} html[data-ds-interface="light"] body .ds-icon-action {display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:var(--ds-control-height)!important;min-width:var(--ds-control-height)!important;min-height:var(--ds-control-height)!important;padding:0!important;} html[data-ds-interface="light"] body .ds-icon-action svg {width:1rem;height:1rem;flex-shrink:0;} html[data-ds-interface="light"] body #dsAccountTools {display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:0;} html[data-ds-interface="light"] body #dsClientBrand {flex:1;min-width:0;} html[data-ds-interface="light"] body #dsProfile {position:relative;flex:0 0 auto;} html[data-ds-interface="light"] body #dsProfile summary {display:flex;align-items:center;justify-content:center;list-style:none;width:var(--ds-control-height);height:var(--ds-control-height);border:1px solid var(--ds-line);border-radius:50%;background:var(--ds-accent-bg);color:var(--ds-accent);cursor:pointer;} html[data-ds-interface="light"] body #dsProfile summary::-webkit-details-marker {display:none;} html[data-ds-interface="light"] body #dsProfile summary svg {width:1.125rem;height:1.125rem;} html[data-ds-interface="light"] body .ds-profile-panel {position:absolute;right:0;top:calc(100% + .75rem);z-index:95;width:min(19rem,calc(100vw - 2rem));padding:.75rem;border:1px solid var(--ds-line);border-radius:var(--ds-radius);background:var(--ds-surface);box-shadow:var(--ds-shadow-menu);} html[data-ds-interface="light"] body #dsProfile #headerUserBadge {display:block!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ds-text)!important;font-size:.8125rem!important;white-space:normal!important;padding:.5rem!important;margin-bottom:.5rem;line-height:1.5;} html[data-ds-interface="light"] body #dsProfile #masterCompanySwitch {max-width:100%;width:100%;margin-bottom:.5rem;} html[data-ds-interface="light"] body :is(#dsProfileLinks button,#dsProfile #headerLogoutBtn) {display:block;width:100%;min-height:var(--ds-control-height);text-align:left;padding:.5rem .75rem;border:0;box-shadow:none;background:transparent;color:var(--ds-text);font-size:.8125rem;border-radius:.375rem;} html[data-ds-interface="light"] body #dsProfile #headerLogoutBtn {border-top:1px solid var(--ds-line)!important;color:var(--ds-danger)!important;} html[data-ds-interface="light"] body :is(#dsProfileLinks button:hover,#dsProfile #headerLogoutBtn:hover) {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body #appScreen :is(.app-main,.view,.table-wrap,.table-desktop) {min-width:0;max-width:100%;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] {table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] :is(th,td) {width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-cell-content {display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-cell-content :is(div,p,span,strong,small,a,button) {min-width:0!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-cell-content>:is(div,p,small) {display:inline!important;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-cell-content :is(div,p,small) {display:inline!important;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-cell-content[role="button"] {cursor:pointer;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-table-actions-cell {text-align:center;} html[data-ds-interface="light"] body #appScreen .table[data-ds-bounded] .ds-icon-action {width:var(--ds-row-control-height)!important;min-width:var(--ds-row-control-height)!important;height:var(--ds-row-control-height)!important;min-height:var(--ds-row-control-height)!important;padding:0!important;} html[data-ds-interface="light"] body .ds-action-menu {position:fixed;z-index:300;display:grid;gap:.125rem;min-width:12rem;max-width:calc(100vw - 1rem);max-height:min(24rem,calc(100dvh - 1rem));overflow:auto;padding:.375rem;border:1px solid var(--ds-line);border-radius:.625rem;background:var(--ds-surface);box-shadow:var(--ds-shadow-menu);} html[data-ds-interface="light"] body .ds-action-menu button {display:block;width:100%;min-height:var(--ds-control-height);padding:.5rem .75rem;border:0;border-radius:.375rem;background:transparent;color:var(--ds-text);font-family:var(--ds-font-family);font-size:.8125rem;line-height:1.4;text-align:left;white-space:normal;} html[data-ds-interface="light"] body .ds-action-menu :is(button:hover,button:focus-visible) {background:var(--ds-accent-bg);} html[data-ds-interface="light"] body .ds-action-menu button:disabled {opacity:.5;cursor:not-allowed;} html[data-ds-interface="light"] body .ds-action-menu .ds-danger-action {color:var(--ds-danger);} html[data-ds-interface="light"] body .ds-row-panel {max-width:46rem!important;} html[data-ds-interface="light"] body .ds-row-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;overflow:auto;} html[data-ds-interface="light"] body .ds-row-fields dt {font-size:.75rem;color:var(--ds-muted);margin-bottom:.375rem;} html[data-ds-interface="light"] body .ds-row-fields dd {font-size:.875rem;color:var(--ds-text);line-height:1.5;overflow-wrap:anywhere;white-space:normal;margin:0;} html[data-ds-interface="light"] body #appScreen .table-card-value {min-width:0;white-space:normal;overflow-wrap:anywhere;} /* Transport v8 adjustments: compact menu and light operational surfaces. */ html[data-ds-interface="light"] body #appSidebar {z-index:900!important;} html[data-ds-interface="light"] body .sidebar-backdrop {z-index:890!important;} html[data-ds-interface="light"] body #appSidebar>div:last-child {background:transparent!important;border:0!important;padding:.25rem!important;box-shadow:none!important;} html[data-ds-interface="light"] body #companyInfo {display:none!important;} html[data-ds-interface="light"] body #userInfo {margin-top:0!important;font-size:.75rem!important;color:var(--ds-muted)!important;} html[data-ds-interface="light"] body #logoutBtn {margin-top:.5rem!important;font-size:.75rem!important;} html[data-ds-interface="light"] body #appHeader #pageTitle {font-size:1.25rem!important;} html[data-ds-interface="light"] body #dsWorkspaceBar {min-height:var(--ds-topbar-height);} html[data-ds-interface="light"] body :is(.transport-agenda-shell,.transport-week-shell,.transport-week-grid-head,.transport-week-grid-body,.transport-week-vehicle-head,.transport-week-vehicle-cell,.transport-week-day-head,.transport-week-day-cell,.transport-week-empty-state,.transport-card-menu-panel,.transport-maintenance-tabs,.transport-driver-launch-tab) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body :is(.transport-service-tabs,.fiscal-manual-tabs,.company-settings-tabs,.company-settings-tab,.company-settings-card,.transport-antt-comparison-card,.transport-maintenance-extra-part,.fiscal-manual-item-row) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body :is(.standard-mobile-metric,.standard-mobile-sector-card,.standard-mobile-app-item) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow)!important; } html[data-ds-interface="light"] body :is(.order-compact-card,.finance-receivable-card,.stock-compact-card,.budget-mobile-detail-card,.finance-receivable-detail-meta,.finance-receivable-detail-card,.mobile-action-card,.table-card,.customer-search-card,.product-search-card,.product-search-row-card,.product-selection-col,.direct-order-screen,.direct-order-step,.direct-order-summary-pill,.direct-order-item-card,.direct-order-item-card.is-editing .direct-order-item-summary,.direct-order-item-price,.direct-order-items-empty,.direct-order-check,.direct-order-payment-plan,.direct-order-installment-card,[data-customer-selected-summary]) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow)!important; } html[data-ds-interface="light"] body :is(.order-compact-client,.order-compact-value,.finance-receivable-name,.finance-receivable-values strong,.stock-compact-name,.stock-compact-qty,.budget-mobile-detail-desc strong,.budget-mobile-detail-footer strong,.budget-mobile-detail-customer strong,.finance-receivable-detail-meta strong,.finance-receivable-detail-card strong,.mobile-action-card strong,.table-card-value,.customer-search-card strong,.product-search-card strong,.product-search-row-card strong,.product-search-row-main h4,.product-search-row-side strong,.direct-order-head h2,.direct-order-screen h3,.direct-order-summary-pill strong,.direct-order-item-card strong,.direct-order-item-price strong,.direct-order-check strong,.direct-order-payment-plan h4,.direct-order-installment-card strong,[data-customer-selected-summary] strong) { color:var(--ds-text)!important; } html[data-ds-interface="light"] body :is(.order-compact-date,.finance-receivable-date,.finance-receivable-values span,.stock-compact-meta,.budget-mobile-detail-meta,.budget-mobile-detail-desc span,.budget-mobile-detail-footer span,.budget-mobile-detail-customer span,.finance-receivable-detail-meta span,.finance-receivable-detail-card span,.finance-receivable-detail-card small,.mobile-action-meta,.table-card-label,.customer-search-card p,.product-search-card p,.product-search-row-card p,.product-search-row-main p,.product-search-row-meta span,.product-selection-label,.direct-order-screen p,.direct-order-step,.direct-order-summary-pill span,.direct-order-summary-pill small,.direct-order-items-empty,.direct-order-item-card span,.direct-order-item-card small,.direct-order-item-price span,.direct-order-check span,.direct-order-payment-plan p,.direct-order-installment-card small,[data-customer-selected-summary] span) { color:var(--ds-muted)!important; } html[data-ds-interface="light"] body :is(.order-compact-detail,.finance-receivable-action,.stock-compact-action,.standard-mobile-back,.direct-order-item-info-toggle) { background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body :is(.product-search-row-meta span,.product-search-row-side small) { background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important; } html[data-ds-interface="light"] body .product-search-row-sku {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .product-search-row-meta .product-search-stock-badge { background:var(--ds-success-bg)!important;color:var(--ds-success)!important;border-color:var(--ds-success-line)!important; } html[data-ds-interface="light"] body .product-select-cart-btn { background:var(--ds-primary)!important;color:var(--ds-surface)!important;border-color:var(--ds-primary)!important;box-shadow:none!important; } html[data-ds-interface="light"] body .product-select-cart-btn.is-selected.product-select-cart-add { background:var(--ds-success-bg)!important;color:var(--ds-success)!important;border-color:var(--ds-success-line)!important; } html[data-ds-interface="light"] body .product-select-cart-btn.product-select-cart-minus { background:var(--ds-danger-bg)!important;color:var(--ds-danger)!important;border-color:var(--ds-danger-line)!important; } html[data-ds-interface="light"] body .product-select-cart-qty { background:var(--ds-success)!important;color:var(--ds-surface)!important;border-color:var(--ds-success)!important; } html[data-ds-interface="light"] body .direct-order-step b { background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important; } html[data-ds-interface="light"] body :is(.direct-order-step.is-active,.direct-order-step.is-done) { background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;color:var(--ds-accent)!important; } html[data-ds-interface="light"] body :is(.direct-order-step.is-active b,.direct-order-step.is-done b) { background:var(--ds-primary)!important;color:var(--ds-surface)!important; } html[data-ds-interface="light"] body .standard-mobile-app-item--featured { background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important; } html[data-ds-interface="light"] body :is(.standard-mobile-home-title,.standard-mobile-metric-value,.standard-mobile-sector-label,.standard-mobile-app-item-label) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body :is(.standard-mobile-metric-label,.standard-mobile-empty) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.standard-mobile-metric-icon,.standard-mobile-sector-icon,.standard-mobile-app-item-icon,.standard-mobile-sector-count) { background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important; } html[data-ds-interface="light"] body :is(.transport-mobile-freight-headline strong,.transport-mobile-route strong,.transport-mobile-meta-grid strong) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body :is(.transport-mobile-freight-headline span,.transport-mobile-route span,.transport-mobile-meta-grid span) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .transport-mobile-freight-headline .transport-mobile-group-warning {color:var(--ds-warning)!important;} html[data-ds-interface="light"] body .transport-mobile-freight-action-menu>summary { background:var(--ds-surface)!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body :is(.company-settings-tab strong,.transport-antt-comparison-card h4,.transport-antt-comparison-card strong) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body :is(.company-settings-tab small,.transport-antt-card-lines span) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.transport-service-form-tab,.fiscal-manual-tab) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.transport-service-form-tab.active,.fiscal-manual-tab.active,.company-settings-tab.is-active) {background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;color:var(--ds-accent)!important;} html[data-ds-interface="light"] body .transport-minimum-badge {background:#e0f2fe!important;border-color:#7dd3fc!important;color:#075985!important;} html[data-ds-interface="light"] body .transport-match-score-button .badge {color:var(--ds-accent)!important;background:var(--ds-accent-bg)!important;border-color:var(--ds-accent-line)!important;} html[data-ds-interface="light"] body .transport-agenda-shell .flex.rounded-lg {background:var(--ds-subtle)!important;border-color:var(--ds-line)!important;} html[data-ds-interface="light"] body .transport-week-day-head :is(strong,span), html[data-ds-interface="light"] body .transport-week-vehicle-cell :is(strong,span,small), html[data-ds-interface="light"] body .transport-week-empty {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .transport-week-agenda-card {background:var(--ds-accent-bg)!important;border:1px solid var(--ds-accent-line)!important;border-radius:8px!important;box-shadow:none!important;} html[data-ds-interface="light"] body .transport-week-agenda-card--maintenance {background:var(--ds-warning-bg)!important;border-color:var(--ds-warning-line)!important;} html[data-ds-interface="light"] body .transport-week-agenda-card-main {background:transparent!important;color:var(--ds-text)!important;} html[data-ds-interface="light"] body .transport-week-agenda-card-main :is(span,strong,small,em) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body .transport-week-agenda-card-main :is(span,small,em) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body .transport-card-menu summary, html[data-ds-interface="light"] body .transport-favorite-toggle {background:transparent!important;color:var(--ds-accent)!important;border-color:var(--ds-accent-line)!important;box-shadow:none!important;} html[data-ds-interface="light"] body .transport-favorite-toggle.active {color:var(--ds-danger)!important;background:transparent!important;} html[data-ds-interface="light"] body .transport-row-action-dropdown, html[data-ds-interface="light"] body .budget-more-actions-panel {z-index:950!important;background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow-menu)!important;} html[data-ds-interface="light"] body .transport-row-menu-item {color:var(--ds-text)!important;background:transparent!important;} html[data-ds-interface="light"] body .transport-row-menu-item:hover {background:var(--ds-accent-bg)!important;} html[data-ds-interface="light"] body .transport-address-google-action {display:inline-flex!important;align-items:center;justify-content:center;font-weight:800;color:#1a73e8!important;background:#fff!important;border-color:var(--ds-input-line)!important;} html[data-ds-interface="light"] body :is(#transport_driver_portal,.driver-portal-shell,.driver-portal-home,.driver-portal-detail,.driver-vehicle-card,.driver-panel,.driver-service-card,.driver-form-head,.driver-location-check,.driver-check-item,.driver-file) { background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body :is(.driver-vehicle-grid div,.driver-route div:not(.driver-route-arrow),.driver-trailer-pill,.driver-action-btn,.driver-input,.driver-submit,.driver-back-btn) { background:var(--ds-subtle)!important;color:var(--ds-text)!important;border-color:var(--ds-line)!important;box-shadow:none!important; } html[data-ds-interface="light"] body .driver-action-btn {min-height:4.25rem!important;border-radius:8px!important;} html[data-ds-interface="light"] body .driver-action-btn span {background:var(--ds-accent-bg)!important;color:var(--ds-accent)!important;} html[data-ds-interface="light"] body :is(.driver-section-label,.driver-vehicle-grid span,.driver-route span,.driver-load-line,.driver-form-head p,.driver-check-options label) {color:var(--ds-muted)!important;} html[data-ds-interface="light"] body :is(.driver-plate,.driver-vehicle-grid strong,.driver-route strong,.driver-trailer-pill strong,.driver-action-btn strong,.driver-load-line strong,.driver-form-head h3) {color:var(--ds-text)!important;} html[data-ds-interface="light"] body .driver-submit {background:var(--ds-primary)!important;color:var(--ds-surface)!important;border-color:var(--ds-primary)!important;} html[data-ds-interface="light"] body .driver-back-btn {background:var(--ds-surface)!important;color:var(--ds-accent)!important;} @media(min-width:1024px) and (max-width:1279px) { html[data-ds-interface="light"] body #dsWorkspaceBar {grid-template-columns:minmax(140px,1fr) minmax(220px,440px) minmax(220px,1fr);gap:1rem;} } @media(max-width:1023px) { html[data-ds-interface="light"] body #dsWorkspaceBar {grid-template-columns:minmax(100px,1fr) minmax(220px,1.5fr) minmax(180px,1fr);gap:.75rem;} html[data-ds-interface="light"] body #mobileCompanyName {display:none!important;} } @media(max-width:767px) { html[data-ds-interface="light"] body #dsWorkspaceBar {grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px 44px;gap:.5rem;} html[data-ds-interface="light"] body #dsAccountTools {grid-column:2;grid-row:1;gap:.375rem;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyName {display:none;} html[data-ds-interface="light"] body #dsClientBrand #headerCompanyLogoBox {max-width:60px;} html[data-ds-interface="light"] body .ds-row-fields {grid-template-columns:minmax(0,1fr);} html[data-ds-interface="light"] body :is(#pageActionRail,.header-page-actions,.mobile-action-menu,#mobileMenuBtn,#mobileRefreshBtn,#mobileActionsBtn) {display:none!important;} html[data-ds-interface="light"] body .transport-mobile-toolbar--main {display:none!important;} html[data-ds-interface="light"] body .standard-mobile-home-metrics {grid-template-columns:repeat(2,minmax(0,1fr));} html[data-ds-interface="light"] body .transport-mobile-meta-grid--freight {grid-template-columns:repeat(3,minmax(0,1fr));} } /* 2026-09-14 — mobile header sequence: DS Gestão, screen search, current page. */ @media(max-width:767px) { html[data-ds-interface="light"] body #dsWorkspaceBar { position:sticky; top:0; height:auto; min-height:var(--ds-topbar-height); grid-template-columns:minmax(0,1fr) auto; grid-template-rows:42px 44px minmax(38px,auto); align-items:center; gap:8px 10px; padding:10px 12px 8px; } html[data-ds-interface="light"] body #dsWorkspaceBar #dsSystemBrand {grid-column:1;grid-row:1;min-width:0;} html[data-ds-interface="light"] body #dsWorkspaceBar #dsAccountTools {grid-column:2;grid-row:1;justify-self:end;min-width:0;} html[data-ds-interface="light"] body #dsWorkspaceBar #dsScreenSearch {grid-column:1 / -1;grid-row:2;} html[data-ds-interface="light"] body #dsWorkspaceBar .mobile-topbar { grid-column:1 / -1; grid-row:3; position:static!important; top:auto!important; z-index:auto; display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:38px; width:100%; gap:.5rem; border:0; border-top:1px solid var(--ds-line); background:transparent!important; box-shadow:none!important; padding:7px 0 0; backdrop-filter:none!important; } html[data-ds-interface="light"] body #dsWorkspaceBar .mobile-topbar > .flex {min-width:0;padding:0!important;} html[data-ds-interface="light"] body #dsWorkspaceBar #mobilePageTitle { display:block; overflow:hidden; max-width:100%; color:var(--ds-text)!important; font-size:.98rem!important; font-weight:900; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; } html[data-ds-interface="light"] body #dsWorkspaceBar .mobile-icon-btn {align-self:center;} html[data-ds-interface="light"] body #dsWorkspaceBar #mobileBackBtn:not(.hidden) {display:inline-flex!important;} } /* Transport agenda stage colors, independent of status. */ html[data-ds-interface="light"] body .transport-week-agenda-card--loading { background:#e0f2fe!important; border-left-color:#0284c7!important; } html[data-ds-interface="light"] body .transport-week-agenda-card--delivery { background:#dcfce7!important; border-left-color:#15803d!important; } html[data-ds-interface="light"] body .transport-week-agenda-card--transit { background:#f1f5f9!important; border-left-color:#64748b!important; }