/* Shared authenticated workspace. Bootstrap supplies layout and native controls. */
@font-face {
    font-family: Almarai;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../landing/fonts/almarai-arabic-regular.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
    font-family: Almarai;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../landing/fonts/almarai-arabic-bold.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC;
}
.floral-workspace {
    --ws-canvas: #fcfcfd;
    --ws-surface: #ffffff;
    --ws-rail: #f5f6f7;
    --ws-ink: #20252b;
    --ws-muted: #626b75;
    --ws-rule: #e1e5e9;
    --ws-green: #176448;
    --ws-green-hover: #104d36;
    --ws-selected: #e7f0eb;
    --ws-amber: #845b17;
    --ws-amber-bg: #fff5df;
    --ws-red: #a3333d;
    --ws-red-bg: #fbecee;
    --ws-blue: #345d8a;
    --ws-blue-bg: #edf2f9;
    --ws-header: 64px;
    --ws-sidebar: 224px;
    --ws-font: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --bs-body-font-family: var(--ws-font);
    --bs-body-color: var(--ws-ink);
    --bs-body-bg: var(--ws-canvas);
    --bs-primary-rgb: 23, 100, 72;
    --bs-success-rgb: 23, 100, 72;
    --bs-secondary-rgb: 98, 107, 117;
    --bs-border-color: var(--ws-rule);
    --bs-link-color: var(--ws-green);
    --bs-link-hover-color: var(--ws-green-hover);
    padding-top: var(--ws-header);
    background: var(--ws-canvas);
    color: var(--ws-ink);
    font-family: var(--ws-font);
    font-size: .875rem;
    line-height: 1.55;
}
[lang='ar'] .floral-workspace { --ws-font: Almarai, 'Segoe UI', sans-serif; line-height: 1.7; }
.floral-workspace ::selection { background: #d8e9df; color: var(--ws-ink); }
.floral-workspace :focus-visible { outline: 2px solid var(--ws-green); outline-offset: 3px; }
.floral-workspace input, .floral-workspace textarea { caret-color: var(--ws-green); }
.floral-workspace .text-muted { color: var(--ws-muted) !important; }
.floral-workspace .text-warning { color: var(--ws-amber) !important; }
.floral-workspace .text-danger { color: var(--ws-red) !important; }
.floral-workspace .text-primary, .floral-workspace .text-success { color: var(--ws-green) !important; }
.floral-workspace .skip-link { position: fixed; top: -80px; inset-inline-start: 16px; z-index: 1100; padding: 10px 16px; background: var(--ws-ink); color: white; border-radius: 6px; }
.floral-workspace .skip-link:focus { top: 12px; }
.floral-workspace .navbar { height: var(--ws-header); background: var(--ws-surface); border-bottom: 1px solid var(--ws-rule); padding: 0; }
.floral-workspace .navbar > .container-fluid { height: 100%; padding: 0 24px 0 0; gap: 20px; flex-wrap: nowrap; }
[dir='rtl'] .floral-workspace .navbar > .container-fluid { padding: 0 0 0 24px; }
.floral-workspace .navbar-brand { display: flex; align-items: center; gap: 10px; flex: 0 0 var(--ws-sidebar); margin: 0; padding: 0 20px; color: var(--ws-ink); font-size: 1rem; font-weight: 650; letter-spacing: -.02em; }
.floral-workspace .navbar-brand i { color: var(--ws-green); font-size: 1.4rem; }
.floral-workspace .workspace-shop { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; }
.floral-workspace .workspace-shop-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.floral-workspace .workspace-role { padding: 2px 7px; background: var(--ws-rail); color: var(--ws-muted); border-radius: 4px; font-size: .7rem; }
.floral-workspace .workspace-utilities { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.floral-workspace .workspace-clock { color: var(--ws-muted); font-size: .75rem; white-space: nowrap; }
.floral-workspace .workspace-account { display: flex; align-items: center; gap: 8px; max-width: 180px; }
.floral-workspace .workspace-account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; }
.floral-workspace .workspace-avatar { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; color: var(--ws-green); background: var(--ws-selected); font-weight: 600; }
.floral-workspace .workspace-language { border: 1px solid var(--ws-rule); border-radius: 6px; overflow: hidden; display: flex; }
.floral-workspace .workspace-language button { border: 0; border-radius: 0; color: var(--ws-muted); background: transparent; padding: 5px 8px; font-size: .7rem; min-height: 30px; }
.floral-workspace .workspace-language button[aria-pressed='true'] { background: var(--ws-rail); color: var(--ws-ink); font-weight: 600; }
.floral-workspace .workspace-language button:hover { background: var(--ws-selected); }
.floral-workspace .workspace-language button:focus-visible { outline-offset: -3px; }
.floral-workspace .workspace-icon-button { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--ws-rule); border-radius: 6px; background: white; color: var(--ws-muted); }
.floral-workspace .workspace-icon-button:hover { background: var(--ws-rail); color: var(--ws-ink); }
.floral-workspace .workspace-nav-toggle, .floral-workspace .workspace-nav-close { display: none; }
.floral-workspace .app-layout { display: flex; height: auto; min-height: calc(100dvh - var(--ws-header)); }
.floral-workspace #sidebarNav { width: var(--ws-sidebar); height: calc(100dvh - var(--ws-header)); position: sticky; top: var(--ws-header); flex-shrink: 0; padding: 14px 10px 24px !important; background: var(--ws-rail) !important; border-inline-end: 1px solid var(--ws-rule); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #c3c9ce transparent; }
.floral-workspace .sidebar .nav-section { text-transform: none; letter-spacing: 0; font-size: .6875rem; font-weight: 600; color: var(--ws-muted); padding: 18px 12px 6px; }
.floral-workspace .sidebar .nav-link { display: flex; align-items: center; gap: 8px; margin: 2px 0; padding: 7px 12px; border-radius: 6px; color: #505962; font-size: .8125rem; font-weight: 450; line-height: 1.5; }
.floral-workspace .sidebar .nav-link:hover { color: var(--ws-ink); background: #e9ecef; }
.floral-workspace .sidebar .nav-link.active { color: var(--ws-green-hover); background: #c9e0d4; font-weight: 650; }
.floral-workspace .sidebar .nav-link i { width: 18px; margin: 0; color: #69737c; font-size: 1rem; }
.floral-workspace .sidebar .nav-link.active i { color: var(--ws-green);}
.floral-workspace .sidebar .small .nav-link { font-size: .6875rem; gap: 4px; }
.floral-workspace .sidebar .small i { font-size: .75rem; width: auto; }
.floral-workspace .sidebar .nav-section:first-child { padding-top: 8px; }
.floral-workspace .app-main { min-width: 0; flex: 1; padding: 30px 36px 48px; overflow: visible; }
.floral-workspace .app-main h2 { font-size: 1.5rem; font-weight: 650; letter-spacing: -.025em; }
.floral-workspace .app-main h5 { font-size: .9375rem; font-weight: 600; }
.floral-workspace .btn { --bs-btn-font-size: .8125rem; --bs-btn-border-radius: 6px; --bs-btn-padding-x: 12px; --bs-btn-padding-y: 7px; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important; font-weight: 500; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
.floral-workspace .btn-sm, .floral-workspace .btn-group-sm .btn { --bs-btn-font-size: .75rem; --bs-btn-padding-x: 10px; --bs-btn-padding-y: 5px; padding: 5px 10px !important; font-size: .75rem !important; min-height: 32px; }
.floral-workspace .btn-lg { min-height: 42px; }
.floral-workspace .btn:not(.btn-sm):not(.btn-lg) { min-height: 36px; }
.floral-workspace .btn-primary, .floral-workspace .btn-success { --bs-btn-bg: var(--ws-green); --bs-btn-border-color: var(--ws-green); --bs-btn-hover-bg: var(--ws-green-hover); --bs-btn-hover-border-color: var(--ws-green-hover); --bs-btn-active-bg: var(--ws-green-hover); --bs-btn-active-border-color: var(--ws-green-hover); --bs-btn-disabled-bg: #849c90; --bs-btn-disabled-border-color: #849c90; }
.floral-workspace .btn-dark { --bs-btn-bg: var(--ws-green); --bs-btn-border-color: var(--ws-green); --bs-btn-hover-bg: var(--ws-green-hover); --bs-btn-hover-border-color: var(--ws-green-hover); --bs-btn-active-bg: var(--ws-green-hover); --bs-btn-active-border-color: var(--ws-green-hover); }
.floral-workspace .btn-secondary { --bs-btn-bg: #626b75; --bs-btn-border-color: #626b75; --bs-btn-hover-bg: #505962; --bs-btn-hover-border-color: #505962; }
.floral-workspace .btn-outline-primary, .floral-workspace .btn-outline-success { --bs-btn-color: var(--ws-green); --bs-btn-border-color: #b9cfc2; --bs-btn-hover-bg: var(--ws-selected); --bs-btn-hover-color: var(--ws-green); --bs-btn-hover-border-color: var(--ws-green); --bs-btn-active-bg: var(--ws-green); --bs-btn-active-border-color: var(--ws-green); }
.floral-workspace .btn-outline-secondary { --bs-btn-color: #505962; --bs-btn-border-color: var(--ws-rule); --bs-btn-hover-bg: var(--ws-rail); --bs-btn-hover-color: var(--ws-ink); --bs-btn-hover-border-color: #bfc6ce; --bs-btn-active-bg: #e9ecef; --bs-btn-active-color: var(--ws-ink); --bs-btn-active-border-color: #bfc6ce; }
.floral-workspace .btn-info { --bs-btn-color: #fff; --bs-btn-bg: var(--ws-blue); --bs-btn-border-color: var(--ws-blue); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #294b70; --bs-btn-hover-border-color: #294b70; }
.floral-workspace .btn-outline-info { --bs-btn-color: var(--ws-blue); --bs-btn-border-color: #c5d2e1; --bs-btn-hover-color: var(--ws-blue); --bs-btn-hover-bg: var(--ws-blue-bg); --bs-btn-hover-border-color: var(--ws-blue); }
.floral-workspace .btn-warning { --bs-btn-color: #30240e; --bs-btn-bg: #f0c66d; --bs-btn-border-color: #e2b34f; --bs-btn-hover-color: #30240e; --bs-btn-hover-bg: #e4b74f; --bs-btn-hover-border-color: #c99933; }
.floral-workspace .btn-outline-warning { --bs-btn-color: var(--ws-amber); --bs-btn-border-color: #e6d2a9; --bs-btn-hover-color: #66450f; --bs-btn-hover-bg: var(--ws-amber-bg); --bs-btn-hover-border-color: var(--ws-amber); }
.floral-workspace .btn-danger { --bs-btn-bg: var(--ws-red); --bs-btn-border-color: var(--ws-red); --bs-btn-hover-bg: #852831; --bs-btn-hover-border-color: #852831; --bs-btn-active-bg: #852831; --bs-btn-active-border-color: #852831; }
.floral-workspace .btn-outline-danger { --bs-btn-color: var(--ws-red); --bs-btn-border-color: #e5c2c6; --bs-btn-hover-color: #872a33; --bs-btn-hover-bg: var(--ws-red-bg); --bs-btn-hover-border-color: var(--ws-red); }
.floral-workspace .btn:focus-visible { box-shadow: none; }
.floral-workspace .btn:disabled, .floral-workspace .btn.disabled { cursor: not-allowed; }
.floral-workspace .btn-group > .btn { min-height: 36px; }
.floral-workspace .btn-group-sm > .btn, .floral-workspace .btn-group > .btn.btn-sm { min-height: 32px; }
.floral-workspace .badge { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px !important; border: 1px solid transparent; border-radius: 4px !important; font-size: .6875rem !important; line-height: 1.25; font-weight: 550 !important; vertical-align: middle; white-space: nowrap; }
.floral-workspace .badge.bg-primary, .floral-workspace .badge.bg-success { color: var(--ws-green) !important; background-color: var(--ws-selected) !important; }
.floral-workspace .badge.bg-info { color: var(--ws-blue) !important; background-color: var(--ws-blue-bg) !important; }
.floral-workspace .badge.bg-warning { color: var(--ws-amber) !important; background-color: var(--ws-amber-bg) !important; }
.floral-workspace .badge.bg-danger { color: var(--ws-red) !important; background-color: var(--ws-red-bg) !important; }
.floral-workspace .badge.bg-secondary, .floral-workspace .badge.bg-dark, .floral-workspace .badge.bg-light { color: #505962 !important; background-color: var(--ws-rail) !important; }
.floral-workspace .workspace-responsive-table .workspace-table-label { display: none; }
.floral-workspace .form-control, .floral-workspace .form-select { font-size: .8125rem; border-color: #d7dde3; border-radius: 6px; min-height: 36px; }
.floral-workspace .form-control::placeholder { color: var(--ws-muted); }
.floral-workspace .form-control:focus, .floral-workspace .form-select:focus { border-color: var(--ws-green); box-shadow: 0 0 0 3px #e7f0eb; }
.floral-workspace .dropdown-menu { font-size: .8125rem; padding: 6px; border-color: var(--ws-rule); border-radius: 8px; box-shadow: 0 8px 24px -8px rgb(32 37 43 / 18%); }
.floral-workspace .dropdown-item { border-radius: 4px; padding: 7px 10px; }
.floral-workspace .dropdown-item.active { color: var(--ws-green); background: var(--ws-selected); }
.floral-workspace .table { --bs-table-bg: transparent; --bs-table-striped-bg: #f8f9fa; --bs-table-hover-bg: #f3f6f4; color: var(--ws-ink); font-size: .8125rem; }
.floral-workspace .table > :not(caption) > * > * { padding: 13px 16px; border-color: var(--ws-rule); }
.floral-workspace .table th { font-weight: 500; font-size: .75rem; color: var(--ws-muted); background: #f8f9fa; white-space: nowrap; }
.floral-workspace .page-link { color: var(--ws-green); border-color: var(--ws-rule); font-size: .8125rem; }
.floral-workspace .active > .page-link { background: var(--ws-green); border-color: var(--ws-green); color: white; }
.floral-workspace .workspace-page { max-width: 1440px; margin-inline: auto; }
.workspace-page .page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.workspace-page .page-heading h1 { font-size: 1.5rem; font-weight: 650; letter-spacing: -.025em; margin: 0 0 5px; }
.workspace-page .page-heading p { color: var(--ws-muted); font-size: .8125rem; margin: 0; max-width: 65ch; }
.workspace-page .page-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.workspace-page .page-tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--ws-rule); margin-bottom: 24px; }
.workspace-page .page-tabs a { display: inline-flex; align-items: center; gap: 7px; color: var(--ws-muted); text-decoration: none; padding: 0 0 12px; font-size: .8125rem; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.workspace-page .page-tabs a:hover { color: var(--ws-ink); }
.workspace-page .page-tabs a[aria-current='page'] { color: var(--ws-ink); border-bottom-color: var(--ws-green); font-weight: 600; }
.workspace-page .stat-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--ws-rule); background: var(--ws-surface); border-radius: 12px; margin-bottom: 24px; overflow: hidden; }
.workspace-page .stat-item { padding: 20px 22px; min-width: 0; }
.workspace-page .stat-item + .stat-item { border-inline-start: 1px solid var(--ws-rule); }
.workspace-page .stat-label { color: var(--ws-muted); font-size: .75rem; margin: 0 0 8px; }
.workspace-page .stat-value { font-size: 1.75rem; line-height: 1.15; font-weight: 600; letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin: 0 0 9px; }
.workspace-page .stat-note { font-size: .6875rem; color: var(--ws-muted); margin: 0; }
.workspace-page .stat-note i { font-size: .65rem; }
.workspace-page .dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; margin-bottom: 24px; align-items: stretch; }
.workspace-page .dashboard-aside { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.workspace-page .workspace-panel { background: var(--ws-surface); border: 1px solid var(--ws-rule); border-radius: 12px; min-width: 0; overflow: hidden; }
.workspace-page .panel-heading { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; gap: 12px; }
.workspace-page .panel-heading h2, .workspace-page .panel-heading h3 { font-size: .9375rem; font-weight: 600; letter-spacing: -.01em; margin: 0; }
.workspace-page .panel-heading > span { color: var(--ws-muted); font-size: .75rem; }
.workspace-page .panel-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ws-muted); text-decoration: none; font-size: .75rem; white-space: nowrap; }
.workspace-page .panel-link:hover { color: var(--ws-green); text-decoration: underline; text-underline-offset: 3px; }
.workspace-page .revenue-summary { display: flex; gap: 40px; padding: 4px 22px 18px; }
.workspace-page .revenue-summary p { font-size: .75rem; color: var(--ws-muted); margin: 0 0 4px; }
.workspace-page .revenue-summary strong { font-size: 1.5rem; font-weight: 600; letter-spacing: -.025em; }
.workspace-page .revenue-summary small { font-size: .6875rem; font-weight: 400; color: var(--ws-muted); }
.workspace-page .revenue-chart { height: 210px; margin: 0 22px 20px; }
.workspace-page .revenue-footnote { padding: 13px 22px; border-top: 1px solid var(--ws-rule); font-size: .6875rem; color: var(--ws-muted); margin: 0; }
.workspace-page .quick-action-list { display: flex; flex-direction: column; padding: 0 10px 10px; }
.workspace-page .quick-action-list a { display: flex; align-items: center; gap: 10px; color: #505962; text-decoration: none; padding: 10px 12px; border-radius: 6px; font-size: .8125rem; font-weight:bold; }
.workspace-page .quick-action-list a > i:first-child { color: var(--ws-muted); font-size: 1rem; }
.workspace-page .quick-action-list a > i:last-child { margin-inline-start: auto; font-size: .75rem; }
.workspace-page .quick-action-list a:hover { background: var(--ws-rail); color: var(--ws-ink); }
.workspace-page .stock-clear { display: flex; align-items: flex-start; gap: 10px; padding: 0 22px 20px; }
.workspace-page .stock-clear > i { color: var(--ws-green); margin-top: 2px; }
.workspace-page .stock-clear strong { display: block; font-size: .8125rem; font-weight: 500; }
.workspace-page .stock-clear p { color: var(--ws-muted); font-size: .75rem; margin: 4px 0 0; }
.workspace-page .stock-list { padding: 0 22px 16px; max-height: 270px; overflow-y: auto; }
.workspace-page .stock-list > div { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--ws-rule); font-size: .75rem; }
.workspace-page .stock-list a { flex-shrink: 0; }
.workspace-page .stock-list span { overflow-wrap: anywhere; }
.workspace-page .status-label { display: inline-flex; gap: 6px; align-items: center; padding: 3px 8px; font-size: .6875rem; font-weight: 500; border-radius: 4px; white-space: nowrap; background: var(--ws-rail); color: #505962; }
.workspace-page .status-label::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.workspace-page .status-completed, .workspace-page .status-delivered { background: var(--ws-selected); color: var(--ws-green); }
.workspace-page .status-cancelled { background: var(--ws-red-bg); color: var(--ws-red); }
.workspace-page .status-processing, .workspace-page .status-confirmed { background: var(--ws-amber-bg); color: var(--ws-amber); }
.workspace-page .status-shipped { background: var(--ws-blue-bg); color: var(--ws-blue); }
.workspace-page .orders-table { margin: 0; }
.workspace-page .orders-table td { vertical-align: middle; white-space: nowrap; }
.workspace-page .orders-table tr:last-child td { border-bottom: 0; }
.workspace-page .customer-cell { display: flex; align-items: center; gap: 10px; min-width: 180px; }
.workspace-page .customer-cell .workspace-avatar { background: #f1f3f5; color: #626b75; width: 28px; height: 28px; font-size: .75rem; }
.workspace-page .customer-cell a, .workspace-page .order-id { color: var(--ws-ink); text-decoration: none; }
.workspace-page .customer-cell a:hover, .workspace-page .order-id:hover { color: var(--ws-green); text-decoration: underline; text-underline-offset: 3px; }
.workspace-page .numeric { font-variant-numeric: tabular-nums; }
.workspace-page .empty-state { padding: 40px 22px; text-align: center; }
.workspace-page .empty-state h3 { font-size: .9375rem; margin-bottom: 8px; }
.workspace-page .empty-state p { color: var(--ws-muted); font-size: .8125rem; margin: 0 auto 18px; max-width: 48ch; }
.workspace-page .card { --bs-card-border-color: var(--ws-rule); --bs-card-border-radius: 12px; border: 1px solid var(--ws-rule) !important; box-shadow: none !important; }
.workspace-page .card-header { padding: 18px 20px; background: var(--ws-surface); }
.workspace-page .card-body { padding: 20px; }
.workspace-page .card-body.p-2 { padding: 16px !important; }
.workspace-page .card-body.py-2 { padding: 16px 20px !important; }
.workspace-page #analyticsCharts > .row:first-child .card-body > form { flex-direction: row !important; align-items: end; justify-content: space-between; gap: 16px !important; }
.workspace-page #analyticsCharts > .row:first-child .card-body > form > span { padding-bottom: 7px; color: var(--ws-ink) !important; }
.workspace-page .dashboard-chart-filter summary { cursor: pointer; padding-block: 4px; }
.workspace-page [data-prod] > span:first-child { padding-inline-start: 12px !important; padding-left: 0; }
.workspace-page .report-finances { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.workspace-page .report-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--ws-rule); border-radius: 12px; overflow: hidden; background: white; }
.workspace-page .report-list a { display: flex; align-items: flex-start; gap: 14px; padding: 22px; color: var(--ws-ink); text-decoration: none; border-bottom: 1px solid var(--ws-rule); }
.workspace-page .report-list a:nth-child(odd) { border-inline-end: 1px solid var(--ws-rule); }
.workspace-page .report-list a:last-child { border-bottom: 0; }
.workspace-page .report-list a:hover { background: #f7f9f8; }
.workspace-page .report-list a > i { color: var(--ws-muted); padding-top: 2px; }
.workspace-page .report-list strong { display: block; font-size: .8125rem; font-weight: 600; margin-bottom: 4px; }
.workspace-page .report-list small { display: block; font-size: .75rem; color: var(--ws-muted); }
.workspace-page .report-list .report-arrow { margin-inline-start: auto; }
.workspace-page .report-trend { margin-bottom: 24px; }
.workspace-page .report-filter { display: flex; align-items: end; gap: 8px; flex-wrap: wrap; }
.workspace-page .report-filter label { display: block; color: var(--ws-muted); font-size: .6875rem; margin-bottom: 4px; }
.workspace-page .report-chart { height: 250px; margin: 0 22px 22px; }
[dir='rtl'] .workspace-page .page-heading h1, [dir='rtl'] .workspace-page .stat-value { letter-spacing: 0; }
[dir='rtl'] .workspace-page .bi-arrow-right, [dir='rtl'] .workspace-page .bi-arrow-up-right { transform: scaleX(-1); }
.floral-workspace .workspace-backdrop { display: none; }
.floral-workspace .workspace-mobile-shop { padding: 0 12px 14px; margin-bottom: 10px; border-bottom: 1px solid var(--ws-rule); font-size: .8125rem; }
.floral-workspace .workspace-mobile-shop summary { display: flex; gap: 8px; align-items: center; cursor: pointer; padding-block: 10px; list-style: none; }
.floral-workspace .workspace-mobile-shop summary::-webkit-details-marker { display: none; }
.floral-workspace .workspace-mobile-shop summary::after { content: ''; margin-inline-start: auto; flex-shrink: 0; width: 6px; height: 6px; border-inline-end: 1px solid currentColor; border-block-end: 1px solid currentColor; transform: rotate(45deg); }
.floral-workspace .workspace-mobile-shop details[open] summary::after { transform: rotate(225deg); }
.floral-workspace .workspace-mobile-shop summary span { overflow-wrap: anywhere; }
.floral-workspace .workspace-branch-list { display: flex; flex-direction: column; gap: 4px; }
.floral-workspace .workspace-branch-list button, .floral-workspace .workspace-branch-list a { width: 100%; display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 9px 10px; text-align: start; font: inherit; color: #505962; background: transparent; border: 0; border-radius: 6px; text-decoration: none; }
.floral-workspace .workspace-branch-list button:hover, .floral-workspace .workspace-branch-list a:hover { background: #e9ecef; }
.floral-workspace .workspace-branch-list button[aria-current='true'] { color: var(--ws-green); background: var(--ws-selected); font-weight: 600; }
.floral-workspace .workspace-branch-list button span:first-child { flex: 1; overflow-wrap: anywhere; }
.floral-workspace .workspace-branch-list small { color: var(--ws-muted); }
@media (min-width: 992px) {
    .floral-workspace #sidebarNav { display: block !important; }
}
@media (max-width: 1199.98px) {
    .floral-workspace .workspace-clock { display: none; }
    .floral-workspace .app-main { padding: 26px 24px 40px !important; }
    .workspace-page .dashboard-grid { grid-template-columns: minmax(0, 1fr) 260px; gap: 20px; }
    .workspace-page .stat-item { padding: 18px 16px; }
    .workspace-page .revenue-summary { gap: 24px; flex-wrap: wrap; }
}
@media (max-width: 991.98px) {
    .floral-workspace .navbar > .container-fluid { padding-inline: 16px; gap: 12px; }
    .floral-workspace .navbar-brand { flex: 0 1 auto; padding: 0; }
    .floral-workspace .workspace-nav-toggle { display: inline-flex; order: -1; flex-shrink: 0; }
    .floral-workspace .workspace-shop { margin-inline-start: auto; }
    .floral-workspace .workspace-utilities { gap: 12px; }
    .floral-workspace .workspace-account-name, .floral-workspace .workspace-role { display: none; }
    .floral-workspace .workspace-shop-name { max-width: 160px; }
    .floral-workspace .app-layout { display: block; }
    .floral-workspace #sidebarNav { display: none !important; position: fixed; top: var(--ws-header); inset-inline-start: 0; width: 260px; height: calc(100dvh - var(--ws-header)); z-index: 1045; border-inline-end: 1px solid var(--ws-rule); box-shadow: 8px 0 32px -16px rgb(32 37 43 / 25%); }
    .floral-workspace #sidebarNav.show { display: block !important; }
    .floral-workspace .workspace-nav-close { display: inline-flex; margin-inline-start: auto; }
    .floral-workspace .workspace-drawer-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding-inline: 10px; font-weight: 600; }
    .floral-workspace.nav-open { overflow: hidden; }
    .floral-workspace.nav-open .workspace-backdrop { display: block; position: fixed; inset: var(--ws-header) 0 0; z-index: 1040; background: rgb(32 37 43 / 24%); border: 0; }
    .floral-workspace .sidebar-shop-info { display: none !important; }
    .floral-workspace .table-responsive { overflow: visible; }
    .floral-workspace table.workspace-responsive-table { display: block; width: 100%; min-width: 0 !important; table-layout: auto !important; }
    .floral-workspace .workspace-table-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
    .floral-workspace .workspace-table-visually-hidden tr, .floral-workspace .workspace-table-visually-hidden th { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
    .floral-workspace .workspace-responsive-table tbody { display: grid; gap: 10px; }
    .floral-workspace .workspace-responsive-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 5px 10px; padding: 10px; border: 1px solid var(--ws-rule); border-radius: 8px; background: var(--ws-surface); }
    .floral-workspace .workspace-responsive-table tbody tr > td { display: block; width: auto; min-width: 0; padding: 5px 7px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; vertical-align: top; white-space: normal !important; overflow-wrap: anywhere; }
    .floral-workspace .workspace-responsive-table .workspace-table-label { display: block; margin-bottom: 3px; color: var(--ws-muted); font-size: .625rem; line-height: 1.3; font-weight: 500; }
    .floral-workspace .workspace-responsive-table .workspace-table-primary { grid-column: 1 / -1; padding-bottom: 8px !important; border-bottom: 1px solid var(--ws-rule) !important; font-weight: 600; }
    .floral-workspace .workspace-responsive-table .workspace-table-primary .workspace-table-label { color: var(--ws-muted); font-weight: 500; }
    .floral-workspace .workspace-responsive-table .workspace-table-wide-cell { grid-column: 1 / -1; }
    .floral-workspace .workspace-responsive-table .workspace-table-actions { grid-column: 1 / -1; display: flex !important; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 6px; padding-top: 8px !important; border-top: 1px solid var(--ws-rule) !important; }
    .floral-workspace .workspace-responsive-table .workspace-table-actions .workspace-table-label { display: none; }
    .floral-workspace .workspace-responsive-table .workspace-table-wide-row > td { grid-column: 1 / -1; }
    .floral-workspace .workspace-responsive-table .workspace-table-actions .btn { min-width: 36px; }
    .floral-workspace .workspace-responsive-table .form-control, .floral-workspace .workspace-responsive-table .form-select { width: 100%; min-width: 0; }
    .floral-workspace .workspace-responsive-summary { display: grid; gap: 8px; margin-top: 10px; }
    .floral-workspace .workspace-responsive-summary tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 10px; padding: 10px; border: 1px solid var(--ws-rule); border-radius: 8px; background: var(--ws-rail); }
    .floral-workspace .workspace-responsive-summary tr > td { display: block; min-width: 0; padding: 5px 7px !important; border: 0 !important; background: transparent !important; overflow-wrap: anywhere; }
    .floral-workspace .workspace-responsive-summary .workspace-table-label { display: block; margin-bottom: 3px; color: var(--ws-muted); font-size: .6875rem; line-height: 1.3; font-weight: 500; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .workspace-page .dashboard-grid { grid-template-columns: minmax(0, 1fr) 260px; }
}
@media (max-width: 767.98px) {
    .floral-workspace { --ws-header: 60px; }
    .floral-workspace .app-main { padding: 24px 16px 36px !important; }
    .floral-workspace .ops-list-page { width: 100%; min-width: 0; }
    .floral-workspace .ops-list-page .page-heading { gap: 12px; margin-bottom: 18px; }
    .floral-workspace .ops-list-page .page-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 8px; }
    .floral-workspace .ops-page-actions > .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding-inline: 8px; white-space: normal; text-align: center; }
    .floral-workspace .ops-page-actions > .btn:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .floral-workspace .ops-filter-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px !important; margin-inline: 0; }
    .floral-workspace .ops-filter-form > [class*="col-"] { width: 100%; min-width: 0; padding-inline: 0; }
    .floral-workspace .ops-filter-form .input-group { min-width: 0; }
    .floral-workspace .ops-filter-form .input-group > * { min-width: 0; }
    .floral-workspace .ops-filter-form .btn { min-height: 42px; }
    .floral-workspace .ops-filter-form > .col-auto.d-flex { flex-wrap: wrap; gap: 8px !important; }
    .floral-workspace .ops-filter-form > .col-auto.d-flex > .btn { flex: 1 1 auto; margin: 0 !important; }
    .floral-workspace .ops-date-shortcuts { display: flex; width: 100%; flex-wrap: wrap; }
    .floral-workspace .ops-date-shortcuts > .btn { flex: 1 1 auto; min-height: 40px; }
    .floral-workspace .ops-list-page .table-responsive { width: 100%; min-width: 0; }
    .floral-workspace .ops-list-page table.workspace-responsive-table { max-width: 100%; }
    .floral-workspace .ops-list-page .workspace-responsive-table tbody tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .floral-workspace .ops-list-page .workspace-responsive-table tbody tr > td { min-width: 0; overflow-wrap: anywhere; }
    .floral-workspace .ops-list-page .workspace-responsive-table tbody tr > td.workspace-table-primary,
    .floral-workspace .ops-list-page .workspace-responsive-table tbody tr > td.workspace-table-wide-cell,
    .floral-workspace .ops-list-page .workspace-responsive-table tbody tr > td.workspace-table-actions { grid-column: 1 / -1; }
    .floral-workspace .ops-list-page .workspace-responsive-table .workspace-table-label { display: block; margin-bottom: 3px; color: var(--ws-muted); font-size: .6875rem; line-height: 1.35; font-weight: 500; text-align: start; }
    .floral-workspace .ops-list-page .workspace-responsive-table .workspace-table-actions { display: flex !important; flex-wrap: wrap; gap: 8px; padding-top: 8px !important; border-top: 1px solid var(--ws-rule) !important; }
    .floral-workspace .ops-list-page .workspace-responsive-table .workspace-table-actions .workspace-table-label { display: none; }
    .floral-workspace .ops-list-page .workspace-responsive-table .workspace-table-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
    .floral-workspace .ops-list-page .workspace-responsive-table .workspace-table-wide-cell { grid-column: 1 / -1; }
    .floral-workspace .expense-summary-cards > [class*="col-"] { width: 100%; }
    .floral-workspace .revenue-summary-cards > .col-6 { min-width: 0; }
    .floral-workspace .revenue-summary-cards .card-body { padding: 12px 8px !important; overflow-wrap: anywhere; }
    .floral-workspace .revenue-summary-cards .fs-4 { font-size: 1rem !important; }
    .floral-workspace .navbar-brand { font-size: .875rem; gap: 7px; }
    .floral-workspace .navbar-brand i { font-size: 1.2rem; }
    .floral-workspace .workspace-shop { display: none; }
    .floral-workspace .workspace-utilities { margin-inline-start: auto; gap: 8px; }
    .floral-workspace .workspace-account { display: none; }
    .floral-workspace .workspace-language button { min-height: 36px; min-width: 34px; }
    .workspace-page .page-heading { flex-direction: column; gap: 16px; margin-bottom: 22px; }
    .workspace-page .page-heading h1 { font-size: 1.375rem; }
    .workspace-page .page-tabs { gap: 22px; margin-bottom: 20px; }
    .workspace-page .stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 20px; }
    .workspace-page .stat-item { padding: 18px 16px; }
    .workspace-page .stat-item:nth-child(odd) { border-inline-start: 0; }
    .workspace-page .stat-item:nth-child(n+3) { border-top: 1px solid var(--ws-rule); }
    .workspace-page .stat-label { font-size: .6875rem; min-height: 21px; }
    .workspace-page .stat-value { font-size: 1.5rem; }
    .workspace-page .stat-note { font-size: .6875rem; }
    .workspace-page .dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .workspace-page .dashboard-aside { gap: 20px; }
    .workspace-page .panel-heading { padding: 17px 18px; flex-wrap: wrap; }
    .workspace-page .revenue-summary { padding-inline: 18px; gap: 24px; }
    .workspace-page .revenue-summary strong { font-size: 1.25rem; }
    .workspace-page .revenue-chart { margin-inline: 14px; height: 190px; }
    .workspace-page .report-finances { grid-template-columns: minmax(0, 1fr); }
    .workspace-page .report-finances .stat-item + .stat-item { border-inline-start: 0; border-top: 1px solid var(--ws-rule); }
    .workspace-page .report-list { grid-template-columns: minmax(0, 1fr); }
    .workspace-page .report-list a:nth-child(odd) { border-inline-end: 0; }
    .workspace-page #analyticsCharts > .row:first-child .card-body > form { flex-direction: column !important; align-items: stretch; }
    .workspace-page #analyticsCharts > .row:first-child .card-body > form > div { justify-content: start !important; }
    .workspace-page .card-body { padding: 16px; }
    .workspace-page .card-header { padding: 16px; }
    .workspace-page .report-filter { width: 100%; }
    .workspace-page .report-filter > div { flex: 1; min-width: 120px; }
    .workspace-page .report-chart { margin-inline: 14px; }
    .floral-workspace .btn, .floral-workspace .workspace-icon-button { min-height: 40px; }
    .floral-workspace .sidebar .nav-link { padding-block: 11px; }
    .floral-workspace .calendar-grid th, .floral-workspace .calendar-grid td { padding: 4px 3px !important; font-size: .625rem !important; }
    .floral-workspace .calendar-grid .calendar-cell { height: 84px !important; }
    .floral-workspace .calendar-grid .calendar-cell td { overflow: hidden; }
    .floral-workspace .customer-page-heading { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .floral-workspace .customer-page-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .floral-workspace .customer-page-actions > .btn { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-width: 0; white-space: normal; }
    .floral-workspace .customer-page-actions > .btn:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .floral-workspace .customer-search-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-inline: 0; }
    .floral-workspace .customer-search-form > .col, .floral-workspace .customer-search-form > .col-auto { width: 100%; padding-inline: 0; }
    .floral-workspace .customer-search-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .floral-workspace .customer-search-actions > .btn { width: 100%; margin: 0 !important; }
    .floral-workspace .customer-detail-heading { align-items: flex-start !important; flex-wrap: wrap; }
    .floral-workspace .customer-detail-actions { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 8px !important; }
    .floral-workspace .order-form-footer { align-items: stretch !important; flex-direction: column; gap: 12px; }
    .floral-workspace .order-form-summary { flex-wrap: wrap; min-width: 0; width: 100%; }
    .floral-workspace .order-form-summary > div { flex-wrap: wrap; min-width: 0; }
    .floral-workspace .order-form-summary select, .floral-workspace .order-form-summary input { max-width: 100%; min-width: 0; }
    .floral-workspace .order-form-actions { justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 359.98px) {
    .floral-workspace .navbar > .container-fluid { gap: 8px; padding-inline: 10px; }
    .floral-workspace .navbar-brand { font-size: .8125rem; }
    .floral-workspace .navbar-brand i { display: none; }
    .floral-workspace .workspace-language button { min-width: 30px; padding-inline: 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .floral-workspace *, .floral-workspace *::before, .floral-workspace *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
    .floral-workspace { padding-top: 0; background: white; }
    .floral-workspace .app-layout { display: block; min-height: 0; }
    .floral-workspace .workspace-backdrop, .floral-workspace .skip-link, .workspace-page .page-tabs { display: none !important; }
    .floral-workspace .app-main { padding: 0 !important; }
    .workspace-page .dashboard-grid { grid-template-columns: 1fr; }
    .workspace-page .workspace-panel, .workspace-page .stat-strip { break-inside: avoid; }
    .workspace-page .table-responsive { overflow: visible; }
    .workspace-page .revenue-chart img { max-width: 100%; height: auto; }
    .workspace-page .status-label { print-color-adjust: exact; }
}
