:root { --bs-primary: #1a73e8; --bs-primary-rgb: 26, 115, 232; --bs-link-color: #1a73e8; --bs-link-hover-color: #185abc; --bs-body-font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
body.page { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: #f6f8fc; color: #202124; }
.page h1, .page h2, .page h3, .page .card-title { font-family: inherit; font-weight: 500; }
.page .navbar-top { background: #fff; min-height: 76px; }
.page .sidebar { background: #fff; border-right: 1px solid #dfe5ed; width: 200px; min-width: 200px; flex: 0 0 200px; }
.page :is(.sidebar, .navbar-top) { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.page #side-nav-menu .nav-link { border-radius: 4px; margin-bottom: 2px; padding-top: 8px; padding-bottom: 8px; font-size: 13px; }
.page #side-nav-menu .nav-link.active, .page #side-nav-menu .active > .nav-link { color: #185abc; background: #e8f0fe; }
.page .page-content { padding-top: 24px; }
.page .card { border-color: #dfe5ed; border-radius: 5px; box-shadow: none; }
.page .btn { border-radius: 4px; }
.page .btn-primary { --bs-btn-bg: #1a73e8; --bs-btn-border-color: #1a73e8; --bs-btn-hover-bg: #185abc; --bs-btn-hover-border-color: #185abc; --bs-btn-active-bg: #185abc; --bs-btn-active-border-color: #185abc; }
.page .form-control, .page .form-select { border-radius: 8px; border-color: #dfe5ed; }
.page .form-control:focus, .page .form-select:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px #1a73e81a; }
.page .table { --bs-table-border-color: #e8edf5; }
.page .table thead { background: #f6f8fc; font-size: 12px; letter-spacing: .025em; }
.page .pagination { --bs-pagination-active-bg: #1a73e8; --bs-pagination-active-border-color: #1a73e8; --bs-pagination-color: #1a73e8; }
.rivis-native-page .staff-app { display: block; min-height: 0; }
html body.rivis-native-page { font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important; background: #f6f8fc !important; --rivis-accent: #1a73e8; --rivis-accent-dark: #185abc; --rivis-ink: #202124; --rivis-muted: #5f6368; --rivis-soft: #f1f5fb; --rivis-warm: #e8f0fe; --rivis-line: #dfe5ed; }
.workspace-table a { color: #1a73e8; text-decoration: none; }
.workspace-table a:hover { color: #185abc; text-decoration: underline; }
.rivis-native-page .staff-main { padding: 0; }
.rivis-native-page .staff-topbar { position: static; padding: 8px 0 18px; }
.rivis-native-page .page-content { padding: 24px; }
.rivis-native-page .staff-topbar h1 { font-size: 25px; }
.rivis-native-page .navbar-top :is(button, .button), .rivis-native-page .sidebar :is(button, .button) { min-height: 0; font-size: inherit; }
.rivis-native-page .navbar-top :is(h1, h2, h3), .rivis-native-page .sidebar :is(h1, h2, h3) { font-family: system-ui, sans-serif; }
.rivis-native-page :is(.mm-panel, .st-card, .payment-panel, .kitchen-detail-dialog) { border-radius: 6px; }
.rivis-native-page .staff-app :is(button, .button) { min-height: 36px; padding: 8px 12px; font-size: 13px; }
.rivis-native-page .staff-app :is(input, select) { min-height: 36px; padding: 8px 10px; }
.rivis-native-page .staff-app .order-card { display: block; text-align: left; }
.rivis-native-page .staff-app .order-card h2 { font-size: 13px; font-weight: 400; }
.rivis-native-page .staff-app .order-card.is-unseen h2 { font-weight: 750; }
.rivis-native-page .st-toggle input, .rivis-native-page .st-option input, .rivis-native-page .mm-switch input { min-height: 0; padding: 0; }
.workspace-home { font: 14px/1.5 system-ui, sans-serif; color: #202124; }
.workspace-heading, .workspace-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.workspace-heading h1 { font: 500 26px/1.2 system-ui, sans-serif; margin: 0 0 8px; }
.workspace-heading p { font-size: 12px; margin: 0; }
.workspace-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 20px; }
.workspace-metric { display: grid; gap: 12px; padding: 18px; border: 1px solid #dfe5ed; border-radius: 5px; background: #fff; color: #202124; text-decoration: none; }
.workspace-metric span { font-size: 12px; color: #5f6368; }
.workspace-metric strong { font-size: 30px; font-weight: 550; line-height: 1; }
.workspace-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.workspace-home .button { min-height: 36px; padding: 8px 12px; border-radius: 4px; background: #1a73e8; border-color: #1a73e8; font-size: 13px; font-weight: 400; }
.workspace-home .secondary { background: #fff; color: #1a73e8; border-color: #dfe5ed; }
.workspace-section-heading h2 { margin: 0; font: 500 17px system-ui, sans-serif; }
.workspace-section-heading > span { font-size: 12px; }
.workspace-table-scroll { overflow-x: auto; border: 1px solid #dfe5ed; border-radius: 5px; background: #fff; }
.workspace-table { width: 100%; min-width: 750px; border-collapse: collapse; font-size: 13px; }
.workspace-table th { text-align: left; background: #f1f5fb; color: #5f6368; font-size: 11px; font-weight: 500; }
.workspace-table :is(th, td) { padding: 12px 14px; border-bottom: 1px solid #e8edf5; vertical-align: top; }
.workspace-table small { display: block; font-size: 12px; color: #5f6368; max-width: 250px; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 3px; font-weight: 400; }
.workspace-table .is-unseen { font-weight: 700; }
.workspace-table .is-unseen a { font-weight: 700; }
.workspace-recent-orders { margin-bottom: 28px; }
.rivis-native-page[data-counter-mode="home"] { --ink: #202124; --muted: #5f6368; --line: #dfe5ed; }
@media(max-width: 991px) { .page .sidebar { width: auto; min-width: 0; flex: 0 0 auto; border-right: 0; } .rivis-native-page .page-content { padding: 16px; } }