/* Gate 26 · Commercial App UX Rollout
   Route-specific application of Gate 25 shared primitives. */
body.app-commercial-v26:not(.app-immersive-chat) .main-shell{isolation:isolate}
/* Dashboards and role workspaces */
.app-commercial-v26 .role-home{display:grid;gap:18px}.app-commercial-v26 .role-home__heading{padding:4px 2px 8px}.app-commercial-v26 .role-home__heading>div:first-child{max-width:760px}.app-commercial-v26 .role-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.app-commercial-v26 .role-kpi-card{min-height:124px;padding:20px;position:relative;overflow:hidden}.app-commercial-v26 .role-kpi-card::after{content:"";position:absolute;width:90px;height:90px;right:-28px;bottom:-34px;border-radius:50%;background:color-mix(in srgb,var(--ui25-accent) 8%,transparent)}.app-commercial-v26 .role-kpi-card strong{font-size:clamp(26px,2.4vw,36px)}.app-commercial-v26 .role-home__workspace{gap:16px}.app-commercial-v26 .role-action-card{border:1px solid var(--ui25-border);border-radius:14px;background:#fff;box-shadow:var(--ui25-shadow-xs);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.app-commercial-v26 a.role-action-card:hover{transform:translateY(-2px);border-color:#ccd4e2;box-shadow:var(--ui25-shadow-sm)}
/* Tickets / tour */
body.app-commercial-v26[data-current-path^="/tickets"] .ticket-list{gap:12px}body.app-commercial-v26[data-current-path^="/tickets"] .ticket-card{border-radius:16px;box-shadow:var(--ui25-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}body.app-commercial-v26[data-current-path^="/tickets"] .ticket-card:hover{transform:translateY(-1px);box-shadow:var(--ui25-shadow-md)}body.app-commercial-v26[data-current-path^="/tickets"] .ticket-card-head{padding:16px 18px;border-bottom:1px solid var(--ui25-border)}body.app-commercial-v26[data-current-path^="/tickets"] .ticket-facts{gap:8px 14px;padding:15px 18px}body.app-commercial-v26[data-current-path^="/tickets"] .ticket-entry-form,body.app-commercial-v26[data-current-path^="/tickets"] .ticket-form{max-width:1180px;margin-inline:auto}body.app-commercial-v26[data-current-path^="/tickets"] .form-section-card{padding:20px}
/* Attendance, shifts, schedules, checklists */
body.app-commercial-v26[data-current-path^="/work-schedule"] :is(.work-schedule-admin-panel,.work-schedule-readonly,.work-schedule-empty){border-radius:16px}body.app-commercial-v26[data-current-path^="/work-schedule"] .work-schedule-actions{gap:8px;flex-wrap:wrap}body.app-commercial-v26[data-current-path^="/checkin"] .shift-facts,body.app-commercial-v26[data-current-path^="/my-shift"] .shift-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}body.app-commercial-v26[data-current-path^="/checkin"] .shift-facts>*{padding:14px;border:1px solid var(--ui25-border);border-radius:14px;background:#fff}
/* CRM / customer data */
body.app-commercial-v26[data-current-path^="/crm"] .crm-card,body.app-commercial-v26[data-current-path^="/customer-data"] .crm-card{padding:18px}body.app-commercial-v26[data-current-path^="/crm"] .crm-section-head,body.app-commercial-v26[data-current-path^="/customer-data"] .crm-section-head{padding-bottom:12px}body.app-commercial-v26[data-current-path^="/crm"] .crm-card:hover,body.app-commercial-v26[data-current-path^="/customer-data"] .crm-card:hover{border-color:#ccd4e2;box-shadow:var(--ui25-shadow-md)}
/* Expenses, receipts, other income */
body.app-commercial-v26[data-current-path^="/expenses"] .filter-panel,body.app-commercial-v26[data-current-path^="/other-income"] .filter-panel,body.app-commercial-v26[data-current-path^="/receipts"] .filter-panel{padding:16px}body.app-commercial-v26[data-current-path^="/expenses"] .data-table td,body.app-commercial-v26[data-current-path^="/other-income"] .data-table td,body.app-commercial-v26[data-current-path^="/receipts"] .data-table td{padding-block:12px}
/* Reporting, payroll, closing */
body.app-commercial-v26[data-current-path^="/reports"] .report-section,body.app-commercial-v26[data-current-path^="/daily-report"] .report-section,body.app-commercial-v26[data-current-path^="/daily-closing"] .report-section,body.app-commercial-v26[data-current-path^="/monthly-closing"] .report-section{padding:18px}body.app-commercial-v26[data-current-path^="/reports"] .report-table--wide{min-width:900px}body.app-commercial-v26[data-current-path^="/owner/command-center"] .owner-command-panel{padding:18px}body.app-commercial-v26[data-current-path^="/owner/command-center"] .owner-reporting-kpis{gap:12px}
/* Notifications */
body.app-commercial-v26[data-current-path^="/notifications"] .notification-workspace{max-width:1220px;margin-inline:auto}body.app-commercial-v26[data-current-path^="/notifications"] :is(.notification-push-panel,.notification-feed,.notification-settings){border:1px solid var(--ui25-border);border-radius:18px;background:#fff;box-shadow:var(--ui25-shadow-sm)}body.app-commercial-v26[data-current-path^="/notifications"] .notification-card{border-color:var(--ui25-border);border-radius:14px;transition:background .15s ease,border-color .15s ease}body.app-commercial-v26[data-current-path^="/notifications"] .notification-card:hover{background:#fbfcff;border-color:#ccd4e2}
/* Settings and accounts */
body.app-commercial-v26[data-current-path^="/settings"] .settings-card,body.app-commercial-v26[data-current-path^="/users"] .settings-card{padding:18px}body.app-commercial-v26[data-current-path^="/settings"] .settings-grid{gap:14px}body.app-commercial-v26[data-current-path^="/users"] .data-table td{padding-block:12px}
/* Owner multibranch / production */
body.app-commercial-v26[data-current-path^="/owner/branches"] :is(.owner-command-panel,.settings-card),body.app-commercial-v26[data-current-path^="/owner/production-readiness"] .production-readiness__panel{box-shadow:var(--ui25-shadow-sm)}
/* Modal/dialog normalization */
.app-commercial-v26 :is(.modal,[role="dialog"]){--dialog-radius:20px}.app-commercial-v26 :is(.modal-content,.dialog-panel,[role="dialog"]>.panel){border:1px solid var(--ui25-border);border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.20)}
/* Mobile rollout */
@media(max-width:720px){.app-commercial-v26 .role-home{gap:14px}.app-commercial-v26 .role-kpi-grid{grid-template-columns:1fr 1fr}.app-commercial-v26 .role-kpi-card{min-height:108px;padding:14px}.app-commercial-v26 .role-kpi-card strong{font-size:25px}.app-commercial-v26 .role-home__employee-grid,.app-commercial-v26 .role-home__workspace{grid-template-columns:1fr!important}.app-commercial-v26 .role-action-grid{grid-template-columns:1fr!important}.app-commercial-v26 .form-section-grid{grid-template-columns:1fr!important}.app-commercial-v26 .form-actions{display:grid;grid-template-columns:1fr}.app-commercial-v26 .form-actions>*{width:100%;justify-content:center}.app-commercial-v26 :is(.filter-panel,.financial-filter-panel){display:grid;grid-template-columns:1fr!important}.app-commercial-v26 :is(.summary-grid,.tickets-kpi-grid){grid-template-columns:1fr 1fr}.app-commercial-v26 .data-table{font-size:13px}.app-commercial-v26 .data-table th,.app-commercial-v26 .data-table td{white-space:nowrap}.app-commercial-v26 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.app-commercial-v26 .report-section{padding:14px!important}body.app-commercial-v26[data-current-path^="/notifications"] :is(.notification-push-panel,.notification-feed,.notification-settings){border-radius:15px}.app-commercial-v26 .notification-push-device__actions{grid-template-columns:1fr 1fr}.app-commercial-v26 .notification-filter-tabs{overflow-x:auto;scrollbar-width:none;white-space:nowrap}.app-commercial-v26 .notification-filter-tabs::-webkit-scrollbar{display:none}}
@media(max-width:430px){.app-commercial-v26 .role-kpi-grid,.app-commercial-v26 :is(.summary-grid,.tickets-kpi-grid){grid-template-columns:1fr}.app-commercial-v26 .notification-push-device__actions{grid-template-columns:1fr}.app-commercial-v26 :is(.page-title-row h1,.workflow-page-head h1,.report-page-head h1,.crm-page-head h1,.form-page-head h1,.role-home__heading h1){font-size:26px}}
