/* BLC unified mobile workspace UX — Events, Quotes, Payments, Inventory.
   Mobile-only overrides. Desktop behavior remains owned by each page stylesheet. */
.customers-mobile-fab{display:none!important}
.workspace-mobile-fab{display:none!important}
.events-mobile-sort-field,
.quotes-mobile-filter-toggle,
.inventory-mobile-filter-toggle,
.inventory-mobile-sort-label{display:none}

@media (max-width:700px){
  /* Shared floating create action. */
  .workspace-mobile-fab{
    position:fixed;
    z-index:65;
    right:16px;
    left:auto;
    bottom:calc(22px + env(safe-area-inset-bottom));
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    max-width:48px;
    max-height:48px;
    aspect-ratio:1/1;
    padding:0!important;
    place-items:center;
    border:0!important;
    border-radius:999px!important;
    background:var(--accent,#6748ee)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(103,72,238,.26)!important;
  }
  html[dir="rtl"] .workspace-mobile-fab{left:16px;right:auto}
  .dark-theme .primary.workspace-mobile-fab,
  html[data-theme="dark"] .primary.workspace-mobile-fab{
    background:var(--accent,#6748ee)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  .workspace-mobile-fab svg{width:21px;height:21px;margin:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
  body[data-current-page="clients"] .customers-mobile-fab,
  body[data-current-page="events"] #addEventFab,
  body[data-current-page="quotes"] #addQuoteFab,
  body[data-current-page="payments"] #addPaymentFab,
  body[data-current-page="inventory"] #inventoryMobileFab{display:grid!important}
  body:is([data-current-page="events"],[data-current-page="quotes"],[data-current-page="payments"],[data-current-page="inventory"]){padding-bottom:calc(72px + env(safe-area-inset-bottom))}

  /* ---------- Events ---------- */
  #events .events-action-card{display:none!important}
  #events .events-overview{display:block!important;margin:0 0 8px!important}
  #events .events-summary-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #events .events-kpi-card{min-height:82px!important;padding:10px 11px!important;border-radius:14px!important}
  #events .events-kpi-card>span{font-size:10.5px!important;line-height:1.25!important;padding-inline-end:27px!important}
  #events .events-kpi-card>strong{font-size:22px!important;line-height:1.05!important;margin-top:5px!important}
  #events .events-kpi-card>small{font-size:9.5px!important;line-height:1.3!important;margin-top:5px!important;padding-inline-end:27px!important}
  #events .events-kpi-card>i{width:28px!important;height:28px!important;border-radius:9px!important;inset-inline-end:9px!important;inset-block-end:9px!important}
  #events .events-kpi-card>i svg{width:16px!important;height:16px!important}

  #events .events-filters{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 76px 84px!important;
    align-items:stretch!important;
    gap:6px!important;
    margin:0 0 7px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #events .events-search-field{grid-column:1!important;grid-row:1!important;display:block!important;min-width:0!important}
  #events .events-search-field>span:first-child{display:none!important}
  #events .events-search-control{display:block!important;position:relative!important;height:44px!important}
  #events .events-search-control input{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding-inline-start:38px!important;padding-inline-end:9px!important;border-radius:13px!important;font-size:12px!important;background:var(--surface,#fff)!important}
  #events .events-search-control svg{position:absolute;inset-inline-start:12px;top:50%;width:17px;height:17px;transform:translateY(-50%)}
  #events .events-mobile-filter-toggle{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:76px!important;min-width:76px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 7px!important;gap:5px!important;border-radius:13px!important;background:var(--surface,#fff)!important;font-size:11.5px!important;white-space:nowrap}
  #events .events-mobile-filter-toggle svg{width:16px!important;height:16px!important}
  #events .events-mobile-filter-toggle i{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;padding:0 4px;font-size:9px}
  #events .events-mobile-sort-field{grid-column:3;grid-row:1;display:block;position:relative;width:84px;height:44px;min-width:84px;margin:0!important}
  #events .events-mobile-sort-field>span{display:none}
  #events .events-mobile-sort-field select{appearance:none!important;-webkit-appearance:none!important;width:84px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--border,#dfe3eb)!important;border-radius:13px!important;background:var(--surface,#fff)!important;color:transparent!important;caret-color:transparent!important;box-shadow:0 2px 8px rgba(27,31,67,.03)!important}
  #events .events-mobile-sort-field select option{color:var(--text,#171a36);font-size:12px}
  #events .events-mobile-sort-field::after{content:'מיון ↕';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text,#292d49);font-size:11.5px;font-weight:700;white-space:nowrap}
  html[lang="en"] #events .events-mobile-sort-field::after{content:'Sort ↕'}
  #events .events-filter:not(.events-search-field){display:none!important}
  #events .events-filters.mobile-open .events-filter:not(.events-search-field){grid-column:1/-1!important;display:grid!important;gap:4px!important;margin:0!important;padding:9px 10px!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary,#6748ee) 4%)!important}
  #events .events-filters.mobile-open .events-filter input,
  #events .events-filters.mobile-open .events-filter select{min-height:40px!important;margin:0!important;font-size:14px!important}
  #events .events-filter-actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:16px!important;margin:0!important;padding:0 2px!important;gap:6px!important}
  #events .events-filter-actions small{font-size:10.5px!important;color:var(--muted,#6b7280)}
  #events .events-filter-actions .events-reset-btn{display:none!important}
  #events .events-filters.mobile-open .events-filter-actions .events-reset-btn:not(.hidden){display:inline-flex!important;min-height:36px!important}
  #events .events-table-heading{display:none!important}
  #events .events-table-region{margin-top:6px!important}
  #events .events-table tbody{gap:6px!important}
  #events .events-table tr.event-table-row{gap:6px 9px!important;padding:10px 11px!important;border-radius:13px!important}
  #events .events-table td:nth-child(1){padding-bottom:7px!important}
  #events .event-row-action{width:36px!important;height:36px!important}
  #events .events-pagination{margin-top:7px!important;padding:10px!important;gap:8px!important}

  /* ---------- Quotes ---------- */
  #quotes .quotes-action-card{display:none!important}
  #quotes.quotes-page .quotes-overview{display:block!important;margin:0 0 8px!important}
  #quotes.quotes-page .quotes-summary-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #quotes.quotes-page .quotes-summary-metrics article{min-height:82px!important;padding:10px 11px!important;border-radius:14px!important}
  #quotes.quotes-page .quotes-kpi-head{gap:5px!important}
  #quotes.quotes-page .quotes-kpi-head>span{font-size:10.5px!important;line-height:1.25!important}
  #quotes.quotes-page .quotes-kpi-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}
  #quotes.quotes-page .quotes-kpi-icon svg{width:16px!important;height:16px!important}
  #quotes.quotes-page .quotes-kpi-card>strong{font-size:22px!important;line-height:1.05!important}
  #quotes.quotes-page .quotes-kpi-context{font-size:9.5px!important;line-height:1.3!important;min-height:0!important}

  #quotes.quotes-page .quotes-toolbar{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #quotes.quotes-page .quotes-toolbar.has-active-filters{border:0!important;box-shadow:none!important}
  #quotes.quotes-page .quotes-toolbar-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 76px 84px!important;align-items:stretch!important;gap:6px!important}
  #quotes.quotes-page .quotes-search-field{grid-column:1!important;grid-row:1!important;display:block!important;min-width:0!important}
  #quotes.quotes-page .quotes-search-field>.quotes-control-label{display:none!important}
  #quotes.quotes-page .quotes-search-control{height:44px!important}
  #quotes.quotes-page .quotes-search-control input{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding-inline-start:38px!important;padding-inline-end:9px!important;border-radius:13px!important;font-size:12px!important;background:var(--surface,#fff)!important}
  #quotes.quotes-page .quotes-search-control svg{inset-inline-start:12px!important;left:auto!important;width:17px!important;height:17px!important}
  #quotes.quotes-page .quotes-mobile-filter-toggle{grid-column:2;grid-row:1;display:flex!important;position:relative;align-items:center;justify-content:center;width:76px!important;min-width:76px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 7px!important;gap:5px!important;border:1px solid var(--border,#dfe3eb)!important;border-radius:13px!important;background:var(--surface,#fff)!important;font-size:11.5px!important;white-space:nowrap}
  #quotes.quotes-page .quotes-mobile-filter-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #quotes.quotes-page .quotes-mobile-filter-toggle b{position:absolute;top:-5px;inset-inline-start:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--primary,var(--accent,#6748ee));color:#fff;font-size:9px;line-height:1}
  #quotes.quotes-page .quotes-mobile-filter-toggle b.hidden{display:none!important}
  #quotes.quotes-page .quotes-filter-field.quotes-sort-field{grid-column:3!important;grid-row:1!important;display:block!important;position:relative;width:84px!important;height:44px!important;min-width:84px!important;margin:0!important}
  #quotes.quotes-page .quotes-sort-field>.quotes-control-label{display:none!important}
  #quotes.quotes-page .quotes-sort-field select{appearance:none!important;-webkit-appearance:none!important;width:84px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:13px!important;background:var(--surface,#fff)!important;color:transparent!important;caret-color:transparent!important}
  #quotes.quotes-page .quotes-sort-field select option{color:var(--text,#171a36);font-size:12px}
  #quotes.quotes-page .quotes-sort-field::after{content:'מיון ↕';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text,#292d49);font-size:11.5px;font-weight:700;white-space:nowrap}
  html[lang="en"] #quotes.quotes-page .quotes-sort-field::after{content:'Sort ↕'}
  #quotes.quotes-page .quotes-filter-field:not(.quotes-sort-field),
  #quotes.quotes-page .quotes-date-filter,
  #quotes.quotes-page .quotes-reset-btn{display:none!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-filter-field:not(.quotes-sort-field){grid-column:1/-1!important;display:grid!important;gap:4px!important;margin:0!important;padding:9px 10px!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary,#6748ee) 4%)!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-date-filter{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important;padding:9px 10px!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface,#fff) 96%,var(--primary,#6748ee) 4%)!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-date-filter legend{grid-column:1/-1!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-date-filter>span{display:none!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-date-filter input,
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-filter-field select{min-height:40px!important;margin:0!important}
  #quotes.quotes-page .quotes-toolbar.mobile-filters-open .quotes-reset-btn:not(.hidden){grid-column:1/-1!important;display:inline-flex!important;min-height:38px!important}
  #quotes.quotes-page .quotes-toolbar-meta{min-height:16px!important;margin:4px 0 0!important;padding:0 2px!important;border:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important}
  #quotes.quotes-page .quotes-results-count{font-size:10.5px!important}
  #quotes.quotes-page .quotes-active-filters{max-width:100%!important;padding:3px 7px!important;font-size:9.5px!important}
  #quotes.quotes-page .quotes-table tr{margin-bottom:7px!important;border-radius:13px!important}
  #quotes.quotes-page .quotes-table td{min-height:40px!important;grid-template-columns:minmax(82px,30%) minmax(0,1fr)!important;gap:8px!important;padding:8px 10px!important}
  #quotes.quotes-page .quotes-table td::before{font-size:9.5px!important}
  #quotes.quotes-page .quote-table-action{width:36px!important;height:36px!important}
  #quotes.quotes-page .quotes-pagination{gap:8px!important;padding:10px!important;border-radius:13px!important}

  /* ---------- Payments ---------- */
  #payments .payment-action-card{display:none!important}
  #payments .payments-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important}
  #payments .payment-kpi-card{min-height:82px!important;padding:10px 11px!important;border-radius:14px!important}
  #payments .payment-kpi-card>span{padding-inline-end:28px!important;font-size:10.5px!important;line-height:1.25!important}
  #payments .payment-kpi-card>strong{margin-top:5px!important;font-size:20px!important;line-height:1.05!important}
  #payments .payment-kpi-card>small{margin-top:5px!important;font-size:9.5px!important;line-height:1.3!important}
  #payments .payment-kpi-icon{width:28px!important;height:28px!important;inset:9px auto auto 9px!important}

  #payments .payments-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 76px 84px!important;align-items:stretch!important;gap:6px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #payments .payments-search{grid-column:1!important;grid-row:1!important;display:block!important;position:relative!important;min-width:0!important;margin:0!important}
  #payments .payments-search>span{display:none!important}
  #payments .payments-search input{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding-inline-start:38px!important;padding-inline-end:9px!important;border-radius:13px!important;font-size:12px!important;background:var(--surface,#fff)!important}
  #payments .payments-search svg{position:absolute!important;inset-inline-start:12px!important;top:50%!important;width:17px!important;height:17px!important;transform:translateY(-50%)!important}
  #payments .payments-mobile-filter-toggle{grid-column:2!important;grid-row:1!important;display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:76px!important;min-width:76px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 7px!important;gap:5px!important;border:1px solid var(--border,#dfe3eb)!important;border-radius:13px!important;background:var(--surface,#fff)!important;font-size:11.5px!important;white-space:nowrap}
  #payments .payments-mobile-filter-toggle svg{width:16px!important;height:16px!important}
  #payments .payments-mobile-filter-toggle b{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:9px!important}
  #payments .payments-mobile-filter-toggle b.hidden{display:none!important}
  #payments .payments-mobile-sort{grid-column:3!important;grid-row:1!important;display:block!important;position:relative!important;width:84px!important;height:44px!important;min-width:84px!important;margin:0!important}
  #payments .payments-mobile-sort>span{display:none!important}
  #payments .payments-mobile-sort select{appearance:none!important;-webkit-appearance:none!important;width:84px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--border,#dfe3eb)!important;border-radius:13px!important;background:var(--surface,#fff)!important;color:transparent!important;caret-color:transparent!important}
  #payments .payments-mobile-sort select option{color:var(--text,#171a36);font-size:12px}
  #payments .payments-mobile-sort::after{content:'מיון ↕';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text,#292d49);font-size:11.5px;font-weight:700;white-space:nowrap}
  html[lang="en"] #payments .payments-mobile-sort::after{content:'Sort ↕'}
  #payments .payments-filter-panel{grid-column:1/-1!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:2px 0 0!important}
  #payments .payments-toolbar.mobile-expanded .payments-filter-panel{display:grid!important}
  #payments .payments-filter-panel input,#payments .payments-filter-panel select{min-height:40px!important;margin:0!important}
  #payments .payments-date-range{grid-column:1/-1!important}
  #payments .payments-toolbar-actions{grid-column:1/-1!important;gap:7px!important}
  #payments .payments-toolbar-actions button{min-height:38px!important}
  #payments .payments-table tbody{gap:6px!important;padding:7px 0!important;background:transparent!important}
  #payments .payments-table tr{column-gap:9px!important;row-gap:7px!important;padding:10px 11px!important;border-radius:13px!important}
  #payments .payments-table td:nth-child(2){padding-top:7px!important}
  #payments .payments-table td:nth-child(9){padding-top:7px!important}
  #payments .payment-row-action{width:36px!important;height:36px!important}
  #payments .payments-table-shell{border:0!important;background:transparent!important}
  #payments .payments-pagination{padding:10px!important;gap:8px!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:13px!important}

  /* ---------- Inventory ---------- */
  html body #inventory .inventory-title{gap:9px!important;margin-bottom:8px!important;padding-bottom:8px!important}
  html body #inventory .inventory-actions{position:static!important;top:auto!important;inset:auto!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #inventory .inventory-actions button{min-width:0!important;min-height:38px!important;padding:0 6px!important;font-size:10px!important;white-space:nowrap!important}
  #inventory #inventoryAddGuideBtn{display:none!important}
  #inventory .inventory-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:8px!important}
  #inventory .inventory-kpi{min-height:82px!important;padding:10px 11px!important;border-radius:14px!important}
  #inventory .inventory-kpi>div>span{font-size:10.5px!important}
  #inventory .inventory-kpi strong{font-size:20px!important;line-height:1.05!important}
  #inventory .inventory-kpi small{font-size:9.5px!important;line-height:1.3!important}
  #inventory .inventory-type-guide{margin-bottom:8px!important}
  #inventory .inventory-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;margin-bottom:8px!important}
  #inventory .inventory-tabs::-webkit-scrollbar{display:none}
  #inventory .inventory-tabs button{min-width:max-content!important;min-height:40px!important;padding:7px 10px!important;font-size:10.5px!important}

  #inventory .inventory-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 76px 84px!important;align-items:stretch!important;gap:6px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #inventory .inventory-search-field{grid-column:1!important;grid-row:1!important;position:relative!important;min-width:0!important;height:44px!important}
  #inventory .inventory-search-field input{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding-inline-start:34px!important;padding-inline-end:8px!important;border-radius:13px!important;font-size:12px!important;background:var(--surface,#fff)!important}
  #inventory .inventory-search-field>span{position:absolute!important;inset-inline-start:11px!important;top:50%!important;z-index:1!important;transform:translateY(-50%)!important}
  #inventory .inventory-mobile-filter-toggle{grid-column:2!important;grid-row:1!important;display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:76px!important;min-width:76px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 7px!important;gap:5px!important;border:1px solid var(--border,#dfe3eb)!important;border-radius:13px!important;background:var(--surface,#fff)!important;font-size:11.5px!important;white-space:nowrap}
  #inventory .inventory-mobile-filter-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #inventory #inventorySort,#inventory #equipmentSort{grid-column:3!important;grid-row:1!important;width:84px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:13px!important;color:transparent!important;caret-color:transparent!important;background:var(--surface,#fff)!important}
  #inventory #inventorySort option,#inventory #equipmentSort option{color:var(--text,#171a36);font-size:12px}
  #inventory .inventory-mobile-sort-label{grid-column:3;grid-row:1;z-index:1;display:flex;align-items:center;justify-content:center;width:84px;height:44px;pointer-events:none;color:var(--text,#292d49);font-size:11.5px;font-weight:700;white-space:nowrap}
  #inventory #inventoryCategoryFilter,#inventory #inventoryStatusFilter,#inventory #equipmentConditionFilter,#inventory #equipmentAvailabilityFilter,#inventory .inventory-reset{display:none!important}
  #inventory .inventory-toolbar.mobile-expanded #inventoryCategoryFilter,
  #inventory .inventory-toolbar.mobile-expanded #inventoryStatusFilter,
  #inventory .inventory-toolbar.mobile-expanded #equipmentConditionFilter,
  #inventory .inventory-toolbar.mobile-expanded #equipmentAvailabilityFilter{grid-column:1/-1!important;display:block!important;width:100%!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;border-radius:12px!important;background:var(--surface,#fff)!important;color:var(--text,#171a36)!important}
  #inventory .inventory-toolbar.mobile-expanded .inventory-reset:not(.hidden){grid-column:1/-1!important;display:inline-flex!important;min-height:38px!important;justify-content:center!important}
  #inventory .inventory-toolbar-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:6px!important;min-height:16px!important;margin:4px 0 6px!important;padding:0 2px!important;font-size:10.5px!important}
  #inventory .inventory-table-shell{border:0!important;background:transparent!important;box-shadow:none!important}
  #inventory .inventory-pagination{margin-top:7px!important;padding:10px!important;border-radius:13px!important}
}

@media (max-width:700px){
  html body #inventory .inventory-title{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;justify-content:stretch!important;min-height:0!important;height:auto!important;block-size:auto!important;max-height:none!important}
  html body #inventory .inventory-heading{min-height:0!important;height:auto!important;block-size:auto!important;max-height:none!important;flex:none!important;margin:0!important;padding:0!important}
  #events .events-empty-state #eventsEmptyAction.primary,
  #quotes #quoteStateCreate,
  #payments .payments-state #paymentStateCreate,
  #inventory #inventoryEmptyAdd,
  #inventory #equipmentEmptyAdd{display:none!important}
}

@media (max-width:350px){
  #events .events-filters,
  #quotes.quotes-page .quotes-toolbar-controls,
  #payments .payments-toolbar,
  #inventory .inventory-toolbar{grid-template-columns:minmax(0,1fr) 72px 78px!important;gap:5px!important}
  #events .events-mobile-filter-toggle,#quotes .quotes-mobile-filter-toggle,#payments .payments-mobile-filter-toggle,#inventory .inventory-mobile-filter-toggle{width:72px!important;min-width:72px!important;padding-inline:5px!important}
  #events .events-mobile-sort-field,#events .events-mobile-sort-field select,
  #quotes .quotes-sort-field,#quotes .quotes-sort-field select,
  #payments .payments-mobile-sort,#payments .payments-mobile-sort select,
  #inventory #inventorySort,#inventory #equipmentSort,#inventory .inventory-mobile-sort-label{width:78px!important;min-width:78px!important}
}

/* Inventory mobile redesign — inspired by the compact BLC mockup while preserving the existing design language. */
#inventory .inventory-mobile-card-meta{display:none}
@media (max-width:700px){
  html body #inventory{padding-bottom:84px!important}
  html body #inventory .inventory-title{gap:5px!important;margin:0 0 8px!important;padding:0!important;border:0!important}
  #inventory .inventory-heading .eyebrow{font-size:9.5px!important;letter-spacing:.06em!important}
  #inventory .inventory-heading h2{margin:1px 0 3px!important;font-size:22px!important;line-height:1.16!important;letter-spacing:-.02em!important}
  #inventory .inventory-heading p{display:-webkit-box!important;max-width:100%!important;margin:0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:11.5px!important;line-height:1.42!important;color:var(--muted,#767d90)!important}

  html body #inventory .inventory-actions{display:flex!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;padding:1px 0 3px!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  #inventory .inventory-actions::-webkit-scrollbar{display:none!important}
  #inventory .inventory-actions button{flex:1 0 96px!important;width:auto!important;min-width:96px!important;min-height:36px!important;height:36px!important;padding:0 9px!important;border-radius:11px!important;font-size:10px!important}
  #inventory .inventory-more-actions{flex:1 0 108px!important}
  #inventory .inventory-more-actions>summary{width:100%!important;min-height:36px!important;height:36px!important;padding:0 9px!important;border-radius:11px!important;font-size:10px!important}
  #inventory .inventory-more-actions-menu{inset-inline-start:0!important;inset-inline-end:auto!important;min-width:148px!important}
  #inventory .inventory-more-actions-menu button{min-width:0!important;width:100%!important;height:36px!important}
  #inventory #inventoryCountBtn{grid-column:auto!important}

  #inventory .inventory-summary{display:flex!important;grid-template-columns:none!important;gap:7px!important;margin:5px 0 8px!important;overflow-x:auto!important;padding:1px 1px 3px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  #inventory .inventory-summary::-webkit-scrollbar{display:none!important}
  #inventory .inventory-kpi{flex:0 0 145px!important;min-width:145px!important;min-height:70px!important;height:70px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;padding:9px 10px!important;border-radius:13px!important;scroll-snap-align:start!important}
  #inventory .inventory-kpi-icon{width:28px!important;height:28px!important;border-radius:9px!important;font-size:13px!important}
  #inventory .inventory-kpi>div>span{font-size:9px!important;line-height:1.15!important}
  #inventory .inventory-kpi strong{font-size:17px!important;line-height:1.05!important}
  #inventory .inventory-kpi small{display:none!important}

  #inventory .inventory-type-guide{margin:0 0 7px!important;border-radius:12px!important}
  #inventory .inventory-type-guide summary{min-height:38px!important;padding:7px 10px!important}
  #inventory .inventory-type-guide summary strong{font-size:11px!important}
  #inventory .inventory-type-guide summary small{font-size:9px!important}

  #inventory .inventory-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0 0 8px!important;padding:4px!important;overflow:visible!important;border-radius:13px!important}
  #inventory .inventory-tabs button{min-width:0!important;width:100%!important;min-height:40px!important;padding:6px 4px!important;gap:4px!important;overflow:hidden!important;font-size:10px!important;line-height:1.12!important;white-space:normal!important;text-align:center!important}
  #inventory .inventory-tabs button span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #inventory .inventory-tabs button strong{min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:9px!important}

  #inventory .inventory-toolbar{margin:0!important}
  #inventory .inventory-toolbar-meta{justify-content:space-between!important;margin:4px 0 5px!important;font-size:10px!important}
  #inventory .inventory-toolbar-meta>span:first-child{font-weight:750!important;color:var(--text,#20243d)!important}
  #inventory .inventory-search-field input{font-size:11.5px!important}

  #inventory .inventory-table tbody{display:grid!important;gap:7px!important;padding:0!important}
  #inventory .inventory-table-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px 64px 34px!important;
    direction:rtl!important;
    align-items:center!important;
    column-gap:0!important;
    min-height:86px!important;
    margin:0!important;
    padding:8px 9px!important;
    overflow:visible!important;
    border:1px solid var(--border,#e4e7ef)!important;
    border-radius:15px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 3px 12px rgba(27,31,67,.045)!important;
  }
  html[dir="ltr"] #inventory .inventory-table-row{direction:ltr!important}
  #inventory .inventory-table-row::after{display:none!important}
  #inventory .inventory-table-row td{display:none!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
  #inventory .inventory-table-row td::before{display:none!important}

  #inventory .inventory-table-row td:first-child{
    display:flex!important;
    grid-column:1!important;
    align-items:center!important;
    min-width:0!important;
    padding-inline-end:8px!important;
  }
  #inventory .inventory-table-row td:nth-child(6),
  #inventory .inventory-table-row td:nth-child(8){
    display:flex!important;
    min-width:0!important;
    min-height:54px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 4px!important;
    border-inline-start:1px solid var(--border,#e4e7ef)!important;
    background:color-mix(in srgb,var(--surface-soft,#f7f8fb) 70%,transparent)!important;
    text-align:center!important;
  }
  #inventory .inventory-table-row td:nth-child(6){grid-column:2!important;border-radius:10px 0 0 10px!important}
  #inventory .inventory-table-row td:nth-child(8){grid-column:3!important}
  #inventory .inventory-table-row td:last-child{
    display:flex!important;
    grid-column:4!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding-inline-start:6px!important;
  }
  #inventory .inventory-table-row td:nth-child(6)::before,
  #inventory .inventory-table-row td:nth-child(8)::before{display:block!important;content:'זמין'!important;font-size:8.5px!important;font-weight:700!important;color:var(--muted,#757c8e)!important;white-space:nowrap!important}
  #inventory .inventory-table-row td:nth-child(8)::before{content:'שווי'!important}
  #inventory .equipment-table .inventory-table-row td:nth-child(8)::before{content:'שווי'!important}
  #inventory .inventory-table-row td:nth-child(6)>strong{font-size:16px!important;line-height:1!important;color:var(--text,#171a36)!important}
  #inventory .inventory-table-row td:nth-child(8)>strong{max-width:64px!important;font-size:11px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--text,#171a36)!important}

  #inventory .inventory-item-identity{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important}
  #inventory .inventory-item-thumb{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:13px!important;font-size:17px!important;background:color-mix(in srgb,var(--accent-soft,#f0edff) 82%,var(--surface,#fff))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border,#e4e7ef) 80%,transparent)!important}
  #inventory .inventory-item-identity>span{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important}
  html[dir="rtl"] #inventory .inventory-item-identity>span{align-items:flex-start!important;text-align:right!important}
  #inventory .inventory-name-line{display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important}
  #inventory .inventory-name-line strong{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.2!important}
  #inventory .inventory-type-badge{flex:0 0 auto!important;padding:2px 5px!important;font-size:7.5px!important;line-height:1.2!important}
  #inventory .inventory-item-identity small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9.5px!important;line-height:1.2!important;color:var(--muted,#777e90)!important}
  #inventory .inventory-mobile-card-meta{display:flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;min-width:0!important}
  #inventory .inventory-mobile-card-meta code{max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:0!important;background:transparent!important;padding:0!important;color:var(--muted,#777e90)!important;font-family:inherit!important;font-size:8.5px!important}
  #inventory .inventory-mobile-card-meta .inventory-status-badge,
  #inventory .inventory-mobile-card-meta .equipment-availability-badge{padding:2px 6px!important;border-radius:999px!important;font-size:8px!important;line-height:1.25!important;white-space:nowrap!important}
  #inventory .inventory-row-action{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:10px!important;font-size:16px!important}
  #inventory .inventory-menu-popover{inset-inline-start:auto!important;inset-inline-end:0!important;min-width:178px!important}

  #inventory .inventory-pagination{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin-top:7px!important;padding:7px 8px!important;border:1px solid var(--border,#e4e7ef)!important;border-radius:12px!important;background:var(--surface,#fff)!important}
  #inventory .inventory-pagination label{display:grid!important;grid-template-columns:auto 54px!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;font-size:9px!important;line-height:1.15!important;color:var(--muted,#777e90)!important;white-space:nowrap!important}
  #inventory .inventory-pagination select{width:54px!important;min-width:54px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 7px!important;border-radius:9px!important;font-size:11px!important;font-weight:750!important}
  #inventory .inventory-page-controls{display:grid!important;grid-template-columns:58px minmax(0,1fr) 58px!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important}
  #inventory .inventory-page-controls .secondary{width:100%!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:0 5px!important;border-radius:9px!important;font-size:9.5px!important}
  #inventory .inventory-page-controls span{min-width:0!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;font-size:8.8px!important;color:var(--muted,#777e90)!important;white-space:nowrap!important}
}

@media (max-width:360px){
  #inventory .inventory-kpi{flex-basis:136px!important;min-width:136px!important}
  #inventory .inventory-tabs button{font-size:9.3px!important;padding-inline:2px!important}
  #inventory .inventory-table-row{grid-template-columns:minmax(0,1fr) 46px 56px 30px!important;padding-inline:8px!important}
  #inventory .inventory-item-thumb{width:48px!important;height:48px!important;flex-basis:48px!important}
  #inventory .inventory-table-row td:first-child{padding-inline-end:6px!important}
  #inventory .inventory-table-row td:nth-child(6),#inventory .inventory-table-row td:nth-child(8){min-height:50px!important;padding-inline:3px!important}
  #inventory .inventory-table-row td:nth-child(8)>strong{max-width:54px!important;font-size:10.5px!important}
  #inventory .inventory-row-action{width:30px!important;height:30px!important;min-width:30px!important}
  #inventory .inventory-pagination{grid-template-columns:auto minmax(0,1fr)!important;gap:6px!important;padding-inline:7px!important}
  #inventory .inventory-pagination label{grid-template-columns:auto 50px!important;gap:4px!important;font-size:8.5px!important}
  #inventory .inventory-pagination select{width:50px!important;min-width:50px!important}
  #inventory .inventory-page-controls{grid-template-columns:52px minmax(0,1fr) 52px!important;gap:4px!important}
  #inventory .inventory-page-controls .secondary{font-size:9px!important}
  #inventory .inventory-page-controls span{font-size:8.3px!important}
}

/* Compact quote cards — mobile hierarchy aligned with Customers. */
@media (max-width:700px){
  #quotes.quotes-page .quotes-table tbody{display:grid!important;gap:8px!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "number status"
      "customer total"
      "event event"
      "created valid"
      "payment actions"!important;
    column-gap:12px!important;
    row-gap:8px!important;
    margin:0!important;
    padding:12px!important;
    overflow:visible!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:14px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 3px 12px rgba(27,31,67,.045)!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row:focus-visible{
    outline:2px solid color-mix(in srgb,var(--accent,#6748ee) 55%,transparent)!important;
    outline-offset:2px!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row>td{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    grid-template-columns:none!important;
    align-self:center!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row>td::before{display:none!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(1){grid-area:number!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(2){grid-area:customer!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(3){grid-area:event!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(4){grid-area:created!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(5){grid-area:valid!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(6){grid-area:total!important;justify-self:end!important;text-align:end!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(7){grid-area:payment!important;padding-top:9px!important;border-top:1px solid var(--border,#e5e7eb)!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(8){grid-area:status!important;justify-self:end!important;align-self:start!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(9){grid-area:actions!important;justify-self:end!important;padding-top:9px!important;border-top:1px solid var(--border,#e5e7eb)!important}

  #quotes.quotes-page .quote-number-cell{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  #quotes.quotes-page .quote-number-cell>i{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:10px!important;
  }
  #quotes.quotes-page .quote-number-cell>i svg{width:17px!important;height:17px!important}
  #quotes.quotes-page .quote-number-cell>span{min-width:0!important}
  #quotes.quotes-page .quote-number-cell strong{
    display:block!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.25!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #quotes.quotes-page .quote-number-cell small{
    display:-webkit-box!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:var(--muted,#6b7280)!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
  }
  #quotes.quotes-page .quote-customer-cell{
    display:block!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.3!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(2)::before,
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(6)::before,
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(3)::before,
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(4)::before,
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(5)::before,
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(7)::before{
    display:block!important;
    margin-bottom:2px!important;
    color:var(--muted,#6b7280)!important;
    font-size:8.5px!important;
    font-weight:750!important;
    line-height:1.2!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(2)::before{content:'לקוח'!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(6)::before{content:'סה״כ'!important;text-align:end!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(3)::before{content:'אירוע'!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(4)::before{content:'נוצר'!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(5)::before{content:'בתוקף עד'!important}
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(7)::before{content:'תשלום'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(2)::before{content:'Customer'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(6)::before{content:'Total'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(3)::before{content:'Event'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(4)::before{content:'Created'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(5)::before{content:'Valid until'!important}
  html[lang="en"] #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(7)::before{content:'Payment'!important}

  #quotes.quotes-page .quote-event-cell{
    display:block!important;
    overflow:hidden!important;
    color:var(--muted,#6b7280)!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(4),
  #quotes.quotes-page .quotes-table tr.quote-table-row>td:nth-child(5){
    padding:7px 8px!important;
    border-radius:9px!important;
    background:var(--surface-soft,#f7f8fb)!important;
    color:var(--text,#171a36)!important;
    font-size:10px!important;
    font-variant-numeric:tabular-nums!important;
  }
  #quotes.quotes-page .quote-total-cell{
    display:block!important;
    color:var(--text,#171a36)!important;
    font-size:18px!important;
    font-weight:850!important;
    line-height:1.05!important;
    direction:ltr!important;
    white-space:nowrap!important;
  }
  #quotes.quotes-page .quotes-table .status{
    min-width:0!important;
    padding:5px 8px!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  #quotes.quotes-page .quote-payment-cell{
    display:flex!important;
    align-items:baseline!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:3px 7px!important;
  }
  #quotes.quotes-page .quote-payment-cell strong{
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  #quotes.quotes-page .quote-payment-cell small{
    margin:0!important;
    color:var(--muted,#6b7280)!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  #quotes.quotes-page .quote-table-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  #quotes.quotes-page .quote-table-action{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  #quotes.quotes-page .quote-table-action svg{width:16px!important;height:16px!important}
}

/* Shared draggable entity-details Bottom Sheets. */
.mobile-sheet-drag-zone{display:none}
@media (max-width:980px){
  .mobile-detail-sheet-modal{
    --mobile-sheet-backdrop-opacity:.42;
    padding:0!important;
    align-items:end!important;
    justify-items:stretch!important;
    background:rgba(10,15,30,var(--mobile-sheet-backdrop-opacity))!important;
    transition:background-color .18s ease!important;
  }
  .mobile-detail-sheet-modal.hidden{display:none!important}
  .mobile-detail-sheet-card{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:92dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:22px 22px 0 0!important;
    border-bottom:0!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 -18px 44px rgba(15,23,42,.16)!important;
    will-change:transform,opacity;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  }
  .mobile-detail-sheet-card.is-dragging{transition:none!important}
  .mobile-detail-sheet-card.is-snapping{transition:transform .22s cubic-bezier(.2,.8,.2,1)!important}
  .mobile-detail-sheet-card.is-dismissing{pointer-events:none}
  .mobile-sheet-drag-zone{
    flex:0 0 auto;
    display:flex!important;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0;
    cursor:grab;
    touch-action:none;
    user-select:none;
    -webkit-user-select:none;
    outline:none;
  }
  .mobile-sheet-drag-zone:active{cursor:grabbing}
  .mobile-sheet-drag-zone>span{display:block;width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted,#7a8195) 38%,transparent);transition:width .16s ease,background .16s ease}
  .mobile-detail-sheet-card.is-dragging .mobile-sheet-drag-zone>span{width:48px;background:color-mix(in srgb,var(--primary,#6748ee) 50%,var(--muted,#7a8195))}
  .mobile-sheet-drag-zone:focus-visible>span{outline:3px solid color-mix(in srgb,var(--primary,#6748ee) 24%,transparent);outline-offset:4px}
  .mobile-sheet-desktop-close{display:none!important}
  .mobile-detail-sheet-head{
    flex:0 0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:0 16px 13px;
    border-bottom:1px solid var(--border,#e5e7eb);
  }
  .mobile-detail-sheet-head>div{min-width:0}
  .mobile-detail-sheet-head h3{margin:2px 0 0;font-size:20px;line-height:1.2}
  .mobile-detail-sheet-head p{margin:5px 0 0;color:var(--muted,#6b7280);font-size:11px;line-height:1.45}
  .mobile-detail-sheet-body{min-height:0;flex:1 1 auto;overflow-y:auto;padding:12px 14px 14px;overscroll-behavior:contain}
  .mobile-detail-sheet-actions{
    flex:0 0 auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:8px;
    padding:11px 14px calc(11px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border,#e5e7eb);
    background:var(--surface,#fff);
    box-shadow:0 -10px 24px rgba(16,24,40,.045);
  }
  .mobile-detail-sheet-actions button{width:100%;min-width:0;min-height:44px;margin:0!important;justify-content:center}
  .mobile-entity-sheet-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
  .mobile-entity-sheet-summary>div,.mobile-entity-sheet-grid>div{min-width:0;padding:11px;border:1px solid var(--border,#e5e7eb);border-radius:11px;background:var(--surface-soft,#f8f9fb)}
  .mobile-entity-sheet-summary span,.mobile-entity-sheet-grid span,.mobile-entity-sheet-note>span{display:block;color:var(--muted,#6b7280);font-size:9.5px;font-weight:750;line-height:1.3}
  .mobile-entity-sheet-summary strong,.mobile-entity-sheet-grid strong{display:block;margin-top:4px;overflow:hidden;color:var(--text,#171a36);font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere}
  .mobile-entity-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-entity-sheet-note{margin-top:9px;padding:11px;border:1px solid var(--border,#e5e7eb);border-radius:11px;background:var(--surface-soft,#f8f9fb)}
  .mobile-entity-sheet-note p{margin:5px 0 0;color:var(--text,#171a36);font-size:11px;line-height:1.5;white-space:pre-wrap}
  .event-details-delete,.inventory-details-delete{color:var(--danger,#b42318)!important;border-color:color-mix(in srgb,var(--danger,#b42318) 30%,var(--border,#e5e7eb))!important}
}

@media (max-width:900px){
  #quoteViewModal .quote-view-modal-card{width:100%!important;height:auto!important;max-height:92dvh!important;margin:0!important;border-radius:22px 22px 0 0!important}
  #quoteViewModal .quote-view-modal-head{padding:0 16px 13px!important;margin:0!important;border-bottom:1px solid var(--border,#e5e7eb)!important}
  #quoteViewModal .quote-view-modal-head h3{font-size:20px!important}
  #quoteViewModal .quote-view-modal-head p{font-size:10.5px!important}
  #quoteViewModal .quote-view-body{min-height:0;flex:1 1 auto;overflow:hidden}
  #quoteViewModal .quote-view-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding:12px!important;scrollbar-gutter:auto}
  #quoteViewModal .quote-view-layout{grid-template-columns:1fr!important;gap:10px!important}
  #quoteViewModal .quote-view-document{padding:14px!important;border-radius:12px!important}
  #quoteViewModal .quote-view-sidebar{grid-template-columns:1fr!important;gap:9px!important}
  #quoteViewModal .quote-view-management-card{padding:13px!important}
  #quoteViewModal .quote-view-actions{flex:0 0 auto;position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:var(--surface,#fff)!important}
  #quoteViewModal .quote-view-actions button{width:100%!important;min-width:0!important;min-height:42px!important}
  #quoteViewModal .quote-view-actions #shareQuote{grid-column:1/-1!important}
}

@media (max-width:700px){
  #paymentDetailsModal .payment-details-card{width:100%!important;max-width:none!important;height:auto!important;max-height:90dvh!important;margin:0!important;padding:0!important;border-radius:22px 22px 0 0!important}
  #paymentDetailsModal .modal-head{flex:0 0 auto;margin:0!important;padding:0 16px 12px!important;border-bottom:1px solid var(--border,#e5e7eb)!important}
  #paymentDetailsModal #paymentDetailsBody{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}
  #paymentDetailsModal .payment-details-grid{min-height:0;flex:1 1 auto;overflow-y:auto;padding:12px 14px;grid-template-columns:1fr 1fr!important;gap:8px!important;overscroll-behavior:contain}
  #paymentDetailsModal .payment-detail-item{padding:10px!important;border-radius:11px!important}
  #paymentDetailsModal .payment-detail-item.wide{grid-column:1/-1!important}
  #paymentDetailsModal .payment-details-actions{flex:0 0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--border,#e5e7eb)!important;background:var(--surface,#fff)!important}
  #paymentDetailsModal .payment-details-actions button{width:100%!important;min-width:0!important;min-height:42px!important}
  #paymentDetailsModal .payment-details-refund{grid-column:1/-1!important}
  #events .event-table-row,#inventory .inventory-table-row{cursor:pointer}
  .inventory-details-actions .hidden{display:none!important}
}

/* Shared mobile entity affordance: make every details Bottom Sheet discoverable. */
@media (max-width:700px){
  #events .event-table-row,
  #quotes.quotes-page .quote-table-row,
  #payments #paymentsList tr[data-payment-id],
  #inventory .inventory-table-row{
    position:relative!important;
    cursor:pointer!important;
    padding-inline-end:38px!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  #events .event-table-row::after,
  #quotes.quotes-page .quote-table-row::after,
  #payments #paymentsList tr[data-payment-id]::after,
  #inventory .inventory-table-row::after{
    content:'›';
    position:absolute;
    inset-inline-end:11px;
    top:50%;
    z-index:2;
    display:grid;
    place-items:center;
    width:22px;
    height:30px;
    transform:translateY(-50%);
    border-radius:999px;
    color:var(--muted,#73798a);
    font-size:25px;
    font-weight:500;
    line-height:1;
    pointer-events:none;
  }

  html[dir="ltr"] #events .event-table-row::after,
  html[dir="ltr"] #quotes.quotes-page .quote-table-row::after,
  html[dir="ltr"] #payments #paymentsList tr[data-payment-id]::after,
  html[dir="ltr"] #inventory .inventory-table-row::after{content:'‹'}

  #events .event-table-row:active,
  #quotes.quotes-page .quote-table-row:active,
  #payments #paymentsList tr[data-payment-id]:active,
  #inventory .inventory-table-row:active{
    transform:scale(.995);
  }
}

/* Shared mobile create/edit Bottom Sheets. */
@media (max-width:980px){
  .mobile-editor-sheet-card{max-height:94dvh!important}
  .mobile-editor-sheet-head{flex:0 0 auto!important;margin:0!important;padding:0 16px 12px!important;border-bottom:1px solid var(--border,#e5e7eb)!important;background:var(--surface,#fff)!important}
  .mobile-editor-sheet-card>form{min-height:0;flex:1 1 auto}

  #customerModal .customer-form{display:flex!important;flex-direction:column!important;gap:11px!important;overflow-y:auto!important;padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
  #customerModal .customer-form>label{flex:0 0 auto}
  #customerModal .customer-form>button.primary{position:sticky;bottom:0;z-index:2;flex:0 0 auto;min-height:46px;margin-top:2px;background:var(--primary,var(--accent,#6748ee));box-shadow:0 -8px 18px color-mix(in srgb,var(--surface,#fff) 82%,transparent)}

  #quoteModal .quote-modal-form{min-height:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  #quoteModal .quote-form-scroll{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain}
  #quoteModal .quote-modal-actions{flex:0 0 auto!important;margin:0!important;background:var(--surface,#fff)!important;border-top:1px solid var(--border,#e5e7eb)!important}

  #paymentModal .payment-modal-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  #paymentModal .payment-modal-intro{flex:0 0 auto;margin:0!important;padding:10px 16px!important}
  #paymentModal .payment-modal-form{min-height:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  #paymentModal .payment-form-scroll{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain}
  #paymentModal .payment-modal-actions{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--border,#e5e7eb)!important;background:var(--surface,#fff)!important}
  #paymentModal .payment-modal-actions button{width:100%!important;min-width:0!important;min-height:44px!important}

  #inventoryModal .inventory-editor-sheet-card,#equipmentModal .equipment-editor-sheet-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}
  #inventoryModal .inventory-form-type-note,#equipmentModal .inventory-form-type-note{flex:0 0 auto;margin:0 14px 8px!important}
  #inventoryModal h3,#equipmentModal h3{flex:0 0 auto;margin:0 14px 10px!important;font-size:20px!important}
  #inventoryModal .entity-form,#equipmentModal .entity-form{min-height:0;flex:1 1 auto;display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:0 14px calc(14px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
  #inventoryModal .entity-form>.field-grid,#equipmentModal .entity-form>.field-grid{flex:0 0 auto}
  #inventoryModal .entity-form>.primary.wide,#equipmentModal .entity-form>.primary.wide{position:sticky;bottom:0;z-index:2;flex:0 0 auto;min-height:46px;margin-top:12px!important;background:var(--primary,var(--accent,#6748ee));box-shadow:0 -8px 18px color-mix(in srgb,var(--surface,#fff) 82%,transparent)}
}

/* Inventory final mobile guard: keep the compact card inside the content width after shared entity affordances. */
@media (max-width:700px){
  #inventory .inventory-table-row{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    padding:9px 8px!important;
  }
  #inventory .inventory-table-row::after{display:none!important}
}

/* Inventory cards aligned to the Customers mobile card language. */
@media (max-width:700px){
  #inventory .inventory-table tbody{gap:6px!important}
  #inventory .inventory-table-row{
    position:relative!important;
    display:grid!important;
    direction:rtl!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    grid-template-rows:repeat(3,22px)!important;
    column-gap:9px!important;
    row-gap:1px!important;
    min-height:80px!important;
    margin:0!important;
    padding-block:6px!important;
    padding-inline-start:10px!important;
    padding-inline-end:36px!important;
    overflow:visible!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:17px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 4px 14px rgba(27,31,67,.05)!important;
  }
  html[dir="ltr"] #inventory .inventory-table-row{direction:ltr!important}
  #inventory .inventory-table-row::after{
    content:''!important;
    position:absolute!important;
    inset-inline-end:15px!important;
    top:50%!important;
    display:block!important;
    width:8px!important;
    height:8px!important;
    transform:translateY(-50%) rotate(45deg)!important;
    border:0!important;
    border-inline-end:2px solid var(--muted,#73798b)!important;
    border-bottom:2px solid var(--muted,#73798b)!important;
    border-radius:0!important;
    color:transparent!important;
    opacity:.9!important;
    pointer-events:none!important;
  }
  html[dir="ltr"] #inventory .inventory-table-row::after{transform:translateY(-50%) rotate(225deg)!important}

  #inventory .inventory-table-row td{display:none!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
  #inventory .inventory-table-row td::before{display:none!important}
  #inventory .inventory-table-row td:first-child{
    grid-column:1!important;
    grid-row:1 / 4!important;
    display:block!important;
    align-self:stretch!important;
    min-width:0!important;
  }
  #inventory .inventory-table-row td:nth-child(6),
  #inventory .inventory-table-row td:nth-child(8){
    grid-column:2!important;
    justify-self:stretch!important;
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:78px!important;
    width:78px!important;
    height:22px!important;
    padding:0 7px!important;
    border-radius:11px!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    font-weight:750!important;
    text-align:center!important;
    transform:translateY(12px)!important;
  }
  #inventory .inventory-table-row td:nth-child(6){
    grid-row:1!important;
    background:color-mix(in srgb,var(--primary,#6750ed) 10%,var(--surface,#fff))!important;
    color:var(--primary,#6750ed)!important;
  }
  #inventory .inventory-table-row td:nth-child(8){
    grid-row:2!important;
    background:rgba(35,149,87,.09)!important;
    color:#238553!important;
  }
  #inventory .inventory-table-row td:nth-child(6)::before,
  #inventory .inventory-table-row td:nth-child(8)::before{
    display:inline!important;
    flex:0 0 auto!important;
    color:inherit!important;
    font-size:9px!important;
    font-weight:750!important;
  }
  #inventory .inventory-table-row td:nth-child(6)::before{content:'זמין'!important}
  #inventory .inventory-table-row td:nth-child(8)::before{content:'שווי'!important}
  #inventory .inventory-table-row td:nth-child(6)>strong,
  #inventory .inventory-table-row td:nth-child(8)>strong{
    order:-1!important;
    max-width:none!important;
    overflow:visible!important;
    color:inherit!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #inventory .inventory-table-row td:last-child{display:none!important}

  #inventory .inventory-item-identity{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding-inline-start:70px!important;
  }
  #inventory .inventory-item-thumb{
    position:absolute!important;
    inset-inline-start:10px!important;
    top:50%!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    flex:0 0 62px!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    font-size:20px!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary,#6750ed) 12%,transparent),0 2px 7px rgba(27,31,67,.055)!important;
  }
  #inventory .inventory-item-identity>span:not(.inventory-item-thumb){
    display:grid!important;
    grid-template-rows:repeat(3,22px)!important;
    align-content:center!important;
    align-items:center!important;
    gap:1px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    text-align:start!important;
  }
  #inventory .inventory-name-line{display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important}
  #inventory .inventory-name-line strong{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }
  #inventory .inventory-type-badge{flex:0 0 auto!important;padding:2px 5px!important;font-size:7.5px!important;line-height:1.2!important}
  #inventory .inventory-item-identity small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
    line-height:1.15!important;
    color:var(--text,#34394a)!important;
  }
  #inventory .inventory-mobile-card-meta{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  #inventory .inventory-mobile-card-meta code{
    min-width:0!important;
    max-width:110px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    color:var(--muted,#6f7688)!important;
    font-family:inherit!important;
    font-size:9.5px!important;
  }
  #inventory .inventory-mobile-card-meta .inventory-status-badge,
  #inventory .inventory-mobile-card-meta .equipment-availability-badge{padding:2px 6px!important;border-radius:999px!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}

  #inventoryDetailsModal .inventory-details-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #inventoryDetailsModal .inventory-details-actions button{width:100%!important;min-width:0!important}
}

/* Inventory mobile polish — compact, balanced, customer-card inspired. */
@media (max-width:700px){
  #inventory .inventory-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:5px 0 9px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #inventory .inventory-kpi{
    width:auto!important;
    min-width:0!important;
    height:70px!important;
    min-height:70px!important;
    flex:none!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }

  #inventory .inventory-table-row{
    grid-template-columns:minmax(0,1fr) 70px!important;
    column-gap:7px!important;
    min-height:80px!important;
    padding-block:6px!important;
    padding-inline-start:9px!important;
    padding-inline-end:34px!important;
  }
  #inventory .inventory-table-row td:nth-child(6),
  #inventory .inventory-table-row td:nth-child(8){
    min-width:70px!important;
    width:70px!important;
    height:20px!important;
    min-height:20px!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 6px!important;
    font-size:9.8px!important;
    line-height:1!important;
    transform:translateY(10px)!important;
  }
  #inventory .inventory-table-row td:nth-child(6)::before,
  #inventory .inventory-table-row td:nth-child(8)::before{
    display:inline-block!important;
    font-size:8.5px!important;
    line-height:1!important;
  }
  #inventory .inventory-table-row td:nth-child(6)>strong,
  #inventory .inventory-table-row td:nth-child(8)>strong{
    display:inline-block!important;
    order:-1!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  #inventory .inventory-item-identity{padding-inline-start:62px!important}
  #inventory .inventory-item-thumb{
    inset-inline-start:9px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
    font-size:17px!important;
  }
  #inventory .inventory-item-thumb b{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:center!important;
  }
  #inventory .inventory-name-line .inventory-type-badge{display:none!important}
  #inventory .inventory-name-line strong{font-size:14.5px!important}
  #inventory .inventory-item-identity small{font-size:10.5px!important;color:var(--muted,#777e90)!important}
  #inventory .inventory-mobile-card-meta{gap:4px!important}
  #inventory .inventory-mobile-card-meta code{max-width:96px!important;font-size:9px!important}
  #inventory .inventory-mobile-card-meta .inventory-status-badge,
  #inventory .inventory-mobile-card-meta .equipment-availability-badge{font-size:7.5px!important;padding:2px 5px!important}

  #inventory .inventory-pagination{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    min-height:48px!important;
    margin-top:7px!important;
    padding:6px 8px!important;
    border:1px solid var(--border,#e4e7ef)!important;
    border-radius:13px!important;
    background:var(--surface,#fff)!important;
  }
  #inventory .inventory-pagination label{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  #inventory .inventory-pagination select{
    width:52px!important;
    min-width:52px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  #inventory .inventory-page-controls{
    display:grid!important;
    flex:1 1 auto!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
  }
  #inventory .inventory-page-controls .secondary{
    width:54px!important;
    min-width:54px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 5px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
  }
  #inventory .inventory-page-controls span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:8.8px!important;
  }
}

@media (max-width:360px){
  #inventory .inventory-table-row{grid-template-columns:minmax(0,1fr) 66px!important;column-gap:6px!important;padding-inline-start:7px!important;padding-inline-end:31px!important}
  #inventory .inventory-table-row::after{inset-inline-end:11px!important}
  #inventory .inventory-table-row td:nth-child(6),#inventory .inventory-table-row td:nth-child(8){min-width:66px!important;width:66px!important;padding-inline:4px!important;font-size:9.2px!important}
  #inventory .inventory-item-identity{padding-inline-start:59px!important}
  #inventory .inventory-item-thumb{inset-inline-start:7px!important;width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important}
  #inventory .inventory-name-line strong{font-size:13.5px!important}
  #inventory .inventory-pagination{gap:5px!important;padding-inline:6px!important}
  #inventory .inventory-pagination label{font-size:8.3px!important;gap:3px!important}
  #inventory .inventory-pagination select{width:48px!important;min-width:48px!important;padding-inline:5px!important}
  #inventory .inventory-page-controls{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:4px!important}
  #inventory .inventory-page-controls .secondary{width:48px!important;min-width:48px!important;font-size:9px!important}
  #inventory .inventory-page-controls span{font-size:8.2px!important}
}

/* Inventory mobile polish v7 — lighter customer-card balance. */
@media (max-width:700px){
  #inventory .inventory-table-row{
    grid-template-columns:minmax(0,1fr) 64px!important;
    column-gap:6px!important;
    min-height:78px!important;
    padding-inline-start:8px!important;
    padding-inline-end:30px!important;
  }
  #inventory .inventory-table-row::after{
    inset-inline-end:11px!important;
    width:7px!important;
    height:7px!important;
    border-inline-end-width:1.7px!important;
    border-bottom-width:1.7px!important;
    opacity:.72!important;
  }
  #inventory .inventory-table-row td:nth-child(6),
  #inventory .inventory-table-row td:nth-child(8){
    min-width:64px!important;
    width:64px!important;
    height:20px!important;
    min-height:20px!important;
    padding:0 5px!important;
    border-radius:10px!important;
    gap:2px!important;
    transform:translateY(10px)!important;
    font-size:9.2px!important;
  }
  #inventory .inventory-table-row td:nth-child(6)::before,
  #inventory .inventory-table-row td:nth-child(8)::before{font-size:8px!important}
  #inventory .inventory-table-row td:nth-child(6)>strong,
  #inventory .inventory-table-row td:nth-child(8)>strong{font-size:10px!important}
  #inventory .inventory-item-identity{padding-inline-start:58px!important}
  #inventory .inventory-item-thumb{
    inset-inline-start:8px!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    flex-basis:50px!important;
    font-size:16px!important;
  }
  #inventory .inventory-name-line strong{font-size:14px!important}
  #inventory .inventory-item-identity small{font-size:10px!important}
  #inventory .inventory-mobile-card-meta code{max-width:112px!important;font-size:8.8px!important}
  #inventory .inventory-mobile-card-meta .inventory-status-badge,
  #inventory .inventory-mobile-card-meta .equipment-availability-badge{font-size:7.3px!important;padding:2px 5px!important}

  #inventory .inventory-pagination{
    min-height:44px!important;
    gap:5px!important;
    padding:5px 6px!important;
    border-radius:12px!important;
  }
  #inventory .inventory-pagination label{gap:4px!important;font-size:8.5px!important}
  #inventory .inventory-pagination select{
    width:46px!important;
    min-width:46px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }
  #inventory .inventory-page-controls{grid-template-columns:46px minmax(0,1fr) 46px!important;gap:4px!important}
  #inventory .inventory-page-controls .secondary{
    width:46px!important;
    min-width:46px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
  #inventory .inventory-page-controls span{font-size:8.3px!important}
}

@media (max-width:360px){
  #inventory .inventory-table-row{grid-template-columns:minmax(0,1fr) 60px!important;padding-inline-start:7px!important;padding-inline-end:29px!important}
  #inventory .inventory-table-row td:nth-child(6),#inventory .inventory-table-row td:nth-child(8){min-width:60px!important;width:60px!important;padding-inline:4px!important}
  #inventory .inventory-item-identity{padding-inline-start:55px!important}
  #inventory .inventory-item-thumb{inset-inline-start:7px!important;width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important}
  #inventory .inventory-name-line strong{font-size:13.2px!important}
  #inventory .inventory-pagination label{font-size:7.9px!important}
  #inventory .inventory-pagination select{width:44px!important;min-width:44px!important}
  #inventory .inventory-page-controls{grid-template-columns:44px minmax(0,1fr) 44px!important}
  #inventory .inventory-page-controls .secondary{width:44px!important;min-width:44px!important;font-size:8.7px!important}
}

/* Inventory text hierarchy v8 — title directly above description. */
@media (max-width:700px){
  #inventory .inventory-item-identity>span:not(.inventory-item-thumb){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:22px 18px 18px!important;
    row-gap:1px!important;
    align-content:center!important;
    align-items:center!important;
    justify-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
  }
  #inventory .inventory-name-line{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
  }
  #inventory .inventory-name-line strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:start!important;
  }
  #inventory .inventory-item-identity>span:not(.inventory-item-thumb)>small{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
    text-align:start!important;
  }
  #inventory .inventory-mobile-card-meta{
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
    justify-content:flex-start!important;
  }
  html[dir="rtl"] #inventory .inventory-name-line strong,
  html[dir="rtl"] #inventory .inventory-item-identity>span:not(.inventory-item-thumb)>small{
    text-align:right!important;
  }
  html[dir="rtl"] #inventory .inventory-mobile-card-meta{direction:rtl!important;justify-content:flex-start!important}
  html[dir="ltr"] #inventory .inventory-name-line strong,
  html[dir="ltr"] #inventory .inventory-item-identity>span:not(.inventory-item-thumb)>small{
    text-align:left!important;
  }
  html[dir="ltr"] #inventory .inventory-mobile-card-meta{direction:ltr!important;justify-content:flex-start!important}
}

/* Quote editor mobile keyboard guard — keep fields and actions above the keyboard. */
@media (max-width:700px){
  #quoteModal .quote-editor-sheet-card{
    max-height:min(94dvh,var(--quote-visible-height,94dvh))!important;
  }
  #quoteModal .quote-modal-form{
    min-height:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #quoteModal .quote-form-scroll{
    min-height:0!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scroll-padding-block:14px 64px!important;
    padding:12px 14px 16px!important;
  }
  #quoteModal .quote-modal-actions{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:.72fr 1fr 1.48fr!important;
    align-items:center!important;
    gap:6px!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--border,#e5e7eb)!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 -8px 18px color-mix(in srgb,var(--surface,#fff) 74%,transparent)!important;
  }
  #quoteModal .quote-actions-spacer{display:none!important}
  #quoteModal .quote-modal-actions button,
  #quoteModal .quote-modal-actions #saveQuoteSentBtn{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 6px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #quoteModal .quote-modal-actions #saveQuoteSentBtn span{
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #quoteModal.quote-keyboard-open .mobile-sheet-drag-zone{height:22px!important}
  #quoteModal.quote-keyboard-open .quote-modal-head{
    padding:0 12px 7px!important;
    min-height:0!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-head .eyebrow{font-size:9px!important}
  #quoteModal.quote-keyboard-open .quote-modal-head h3{
    margin:0!important;
    font-size:20px!important;
    line-height:1.15!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-head p{display:none!important}
  #quoteModal.quote-keyboard-open .quote-form-scroll{
    padding-top:8px!important;
    scroll-padding-block:10px 54px!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-actions{
    display:none!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-actions button,
  #quoteModal.quote-keyboard-open .quote-modal-actions #saveQuoteSentBtn{
    height:34px!important;
    min-height:34px!important;
    font-size:10px!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-actions #saveQuoteSentBtn span{font-size:9.5px!important}
}

@media (max-width:360px){
  #quoteModal .quote-modal-actions{grid-template-columns:.68fr .98fr 1.54fr!important;gap:4px!important;padding-inline:6px!important}
  #quoteModal .quote-modal-actions button,
  #quoteModal .quote-modal-actions #saveQuoteSentBtn{padding-inline:4px!important;font-size:9.5px!important}
  #quoteModal .quote-modal-actions #saveQuoteSentBtn span{font-size:9px!important}
}

/* Quote keyboard polish v2 — maximize usable form space while typing. */
@media (max-width:700px){
  #quoteModal.quote-keyboard-open .mobile-sheet-drag-zone{height:18px!important}
  #quoteModal.quote-keyboard-open .quote-modal-head{
    padding:0 10px 5px!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-head .eyebrow,
  #quoteModal.quote-keyboard-open .quote-modal-head p{display:none!important}
  #quoteModal.quote-keyboard-open .quote-modal-head h3{
    margin:0!important;
    font-size:17px!important;
    line-height:1.1!important;
  }
  #quoteModal.quote-keyboard-open .quote-form-scroll{
    padding:5px 8px 8px!important;
    scroll-padding-block:6px 50px!important;
  }
  #quoteModal.quote-keyboard-open .quote-form-layout,
  #quoteModal.quote-keyboard-open .quote-form-main{gap:7px!important}
  #quoteModal.quote-keyboard-open .quote-form-section{
    padding:9px!important;
    border-radius:10px!important;
  }
  #quoteModal.quote-keyboard-open .quote-section-heading{
    gap:7px!important;
    margin-bottom:7px!important;
  }
  #quoteModal.quote-keyboard-open .quote-section-heading>span:first-child{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    border-radius:7px!important;
    font-size:9px!important;
  }
  #quoteModal.quote-keyboard-open .quote-section-heading>div>small,
  #quoteModal.quote-keyboard-open .quote-field-help{display:none!important}
  #quoteModal.quote-keyboard-open .quote-section-heading strong{font-size:12px!important;line-height:1.2!important}
  #quoteModal.quote-keyboard-open .quote-form-field{gap:4px!important}
  #quoteModal.quote-keyboard-open .quote-form-field>span{font-size:10px!important;line-height:1.2!important}
  #quoteModal.quote-keyboard-open .quote-form-field input,
  #quoteModal.quote-keyboard-open .quote-form-field select{
    min-height:38px!important;
    height:38px!important;
    padding-block:0!important;
    font-size:13px!important;
    border-radius:9px!important;
  }
  #quoteModal.quote-keyboard-open .quote-form-field textarea{
    min-height:64px!important;
    padding:8px!important;
    font-size:13px!important;
    border-radius:9px!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-actions{
    min-height:42px!important;
    padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important;
  }
  #quoteModal.quote-keyboard-open .quote-modal-actions button,
  #quoteModal.quote-keyboard-open .quote-modal-actions #saveQuoteSentBtn{
    height:32px!important;
    min-height:32px!important;
    border-radius:8px!important;
  }
}

/* Smart Calculator mobile polish — compact empty state, safe dock and accordion scrolling. */
@media (max-width:700px){
  #calculator{
    padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  #calculator .calc-step,
  #calculator .calculator-result,
  #calculator input,
  #calculator select,
  #calculator textarea,
  #calculator button{
    scroll-margin-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  #calculator .calculator-form>.calculator-submit{display:none!important}
  #calculator #calculatorItemsEmpty>span{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    border-radius:12px!important;
    background:var(--accent-soft,#efedff)!important;
    color:#7567ef!important;
    overflow:hidden!important;
  }
  #calculator #calculatorItemsEmpty>span>svg{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    max-width:21px!important;
    max-height:21px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #calculator #mobileCalcBar{
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    min-height:54px!important;
    max-height:64px!important;
    padding:7px 10px!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:14px!important;
    background:color-mix(in srgb,var(--surface,#fff) 96%,transparent)!important;
    box-shadow:0 6px 22px rgba(28,29,43,.10)!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  #calculator.calc-result-in-view #mobileCalcBar{
    transform:translateY(calc(100% + 22px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #calculator #mobileCalcBar .mobile-calc-actions{gap:6px!important}
  #calculator #mobileCalcBar .mobile-calc-actions button{
    min-height:40px!important;
    height:40px!important;
  }
  #calculator .calc-step.calc-step-collapsed{scroll-margin-top:76px!important}
}
@media (max-width:360px){
  #calculator #mobileCalcBar{left:8px!important;right:8px!important;padding-inline:8px!important}
  #calculator #mobileCalcBar>div:first-child span{font-size:9.5px!important}
  #calculator #mobileCalcBar>div:first-child strong{font-size:17px!important}
  #calculator #mobileCalcBar #mobileCalculateBtn{padding-inline:12px!important}
}
.dark-theme #calculator #mobileCalcBar{
  background:color-mix(in srgb,var(--surface,#151821) 96%,transparent)!important;
}

/* Dashboard mobile FAB — use the same body-level workspace FAB as all other pages. */
@media (max-width:700px){
  body[data-current-page="dashboard"] #dashboardNewEvent{display:none!important}
  body[data-current-page="dashboard"] #dashboardNewEventFab{display:grid!important}
  body[data-current-page="dashboard"] #dashboard{padding-bottom:84px!important}
}

/* Dashboard mobile essentials — simpler, faster, less crowded. */
@media (max-width:700px){
  #dashboard.active-page{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding-top:0!important;
  }
  #dashboard .dashboard-head{display:none!important}

  #dashboard .dashboard-stats{
    order:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 2px!important;
    padding:0!important;
  }
  #dashboard .dashboard-stats::before{display:none!important}
  #dashboard .dashboard-stats .stat{
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-areas:"icon label" "icon value"!important;
    align-items:center!important;
    column-gap:8px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
  }
  #dashboard .dashboard-stats .stat-icon{
    grid-area:icon!important;
    position:static!important;
    width:28px!important;
    height:28px!important;
    margin:0!important;
    transform:none!important;
    border-radius:9px!important;
  }
  #dashboard .dashboard-stats .stat>span{
    grid-area:label!important;
    align-self:end!important;
    font-size:9.5px!important;
    line-height:1.15!important;
  }
  #dashboard .dashboard-stats .stat>strong{
    grid-area:value!important;
    align-self:start!important;
    margin:2px 0 0!important;
    font-size:19px!important;
    line-height:1.05!important;
  }
  #dashboard .dashboard-stats .stat>small{display:none!important}

  #dashboard .dashboard-attention{
    order:2!important;
    margin:0!important;
    padding:10px 11px 6px!important;
    border-radius:14px!important;
  }
  #dashboard .dashboard-section-head{
    margin:0 0 4px!important;
    padding:0 2px!important;
  }
  #dashboard .dashboard-section-head .eyebrow,
  #dashboard .dashboard-section-head>small{display:none!important}
  #dashboard .dashboard-section-head h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  #dashboard .attention-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #dashboard .attention-card,
  #dashboard .attention-card:last-child{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:46px!important;
    width:100%!important;
    max-width:none!important;
    flex:none!important;
    margin:0!important;
    padding:7px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scroll-snap-align:none!important;
  }
  #dashboard .attention-card + .attention-card{
    border-top:1px solid var(--border,#e5e7eb)!important;
  }
  #dashboard .attention-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  #dashboard .attention-card span:nth-child(2){
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
  }
  #dashboard .attention-card b{
    order:1!important;
    min-width:0!important;
    overflow:hidden!important;
    font-size:11px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #dashboard .attention-card strong{
    order:2!important;
    flex:0 0 auto!important;
    font-size:14px!important;
    line-height:1!important;
  }
  #dashboard .attention-card small,
  #dashboard .attention-card i{display:none!important}

  #dashboard .dashboard-main-grid{
    order:3!important;
    display:block!important;
    margin:0!important;
  }
  #dashboard .dashboard-side-column{display:none!important}
  #dashboard .dashboard-upcoming{
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  #dashboard .dashboard-upcoming .panel-head{
    margin:0 0 6px!important;
    padding:0 0 7px!important;
  }
  #dashboard .dashboard-upcoming .panel-head .eyebrow{display:none!important}
  #dashboard .dashboard-upcoming .panel-head h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  #dashboard .dashboard-upcoming .link-btn{
    min-height:30px!important;
    padding:0 7px!important;
    font-size:9.5px!important;
  }
  #dashboard .dashboard-upcoming .event-list{margin-top:0!important}
  #dashboard .dashboard-event-row{
    min-height:50px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:8px 0!important;
  }
  #dashboard .dashboard-event-row time{
    width:38px!important;
    height:38px!important;
  }
  #dashboard .dashboard-event-row time b{font-size:15px!important}
  #dashboard .dashboard-event-row>span strong{font-size:12px!important}
  #dashboard .dashboard-event-row>span small{font-size:8.5px!important}
  #dashboard .dashboard-event-row .status{font-size:7.5px!important;padding:4px 6px!important}
  #dashboard .dashboard-upcoming .dashboard-event-row:nth-of-type(n+4){display:none!important}
  #dashboard .dashboard-empty{
    min-height:116px!important;
    padding:16px!important;
  }
  #dashboard .dashboard-empty span,
  #dashboard .dashboard-empty button{margin-top:0!important}

  #dashboard .dashboard-finance,
  #dashboard .dashboard-actions-panel,
  #dashboard .dashboard-activity{display:none!important}

  .dark-theme #dashboard .attention-quotes,
  .dark-theme #dashboard .attention-payments,
  .dark-theme #dashboard .attention-stock{
    background:transparent!important;
    border-color:transparent!important;
  }
}

/* Dashboard visual accents — hero is a background layer, not a layout block. */
.dashboard-mobile-hero{display:none!important}
@media (max-width:700px){
  #dashboard.active-page{
    position:relative!important;
    isolation:isolate!important;
  }
  #dashboard.active-page::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:-14px;
    right:-14px;
    height:118px;
    pointer-events:none;
    background:url("/assets/dashboard-hero.svg") center 4px/100% auto no-repeat;
    opacity:.14;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%);
  }
  #dashboard.active-page>*{
    position:relative!important;
    z-index:1!important;
  }
  #dashboard .dashboard-stats .stat{
    background:var(--surface,#fff)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #dashboard .dashboard-empty.dashboard-empty-illustrated{
    position:relative!important;
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:142px!important;
    height:auto!important;
    padding:10px 12px!important;
    border:1px dashed color-mix(in srgb,var(--accent,#6748ee) 14%,var(--border,#e5e7eb))!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#6748ee) 3%,var(--surface,#fff)),var(--surface,#fff))!important;
    text-align:right!important;
  }
  #dashboard .dashboard-empty.dashboard-empty-illustrated::before,
  #dashboard .dashboard-empty.dashboard-empty-illustrated::after{display:none!important}
  #dashboard .dashboard-empty-visual{
    display:block!important;
    width:112px!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    opacity:.96!important;
  }
  #dashboard .dashboard-empty-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
  }
  #dashboard .dashboard-empty-copy strong{
    margin:0!important;
    font-size:14px!important;
    line-height:1.3!important;
  }
  #dashboard .dashboard-empty-copy span{
    max-width:24ch!important;
    margin:5px 0 0!important;
    font-size:9.5px!important;
    line-height:1.45!important;
  }
  #dashboard .dashboard-empty-copy button{
    min-height:32px!important;
    margin:9px 0 0!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .dark-theme #dashboard.active-page::before{
    opacity:.1;
    filter:saturate(.7) brightness(.78);
  }
  .dark-theme #dashboard .dashboard-stats .stat{
    background:var(--surface,#151821)!important;
  }
  .dark-theme #dashboard .dashboard-empty-visual{filter:saturate(.86) brightness(.86)!important;opacity:.82!important}
  .dark-theme #dashboard .dashboard-empty.dashboard-empty-illustrated{
    background:color-mix(in srgb,var(--surface,#151821) 94%,#6b50f4)!important;
    border-color:color-mix(in srgb,var(--accent,#765bff) 22%,var(--border,#2b303b))!important;
  }
}
@media (max-width:360px){
  #dashboard.active-page::before{height:108px;opacity:.12}
  #dashboard .dashboard-empty.dashboard-empty-illustrated{grid-template-columns:98px minmax(0,1fr)!important;min-height:130px!important;padding:9px!important}
  #dashboard .dashboard-empty-visual{width:96px!important}
  #dashboard .dashboard-empty-copy strong{font-size:13px!important}
  #dashboard .dashboard-empty-copy span{font-size:9px!important}
}

/* Dashboard modern visual v2 — modern, but aligned to the shared BLC mobile language. */
@media (max-width:700px){
  #dashboard.active-page::before{
    top:0!important;
    height:118px!important;
    opacity:.14!important;
    background:url("/assets/dashboard-hero.svg") center 4px/100% auto no-repeat!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%)!important;
  }

  #dashboard .dashboard-stats{
    gap:8px!important;
    margin-bottom:2px!important;
  }
  #dashboard .dashboard-stats .stat{
    position:relative!important;
    overflow:hidden!important;
    min-height:82px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:10px 11px!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:14px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 4px 14px rgba(27,31,67,.05)!important;
  }
  #dashboard .dashboard-stats .stat::before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:3px!important;
    background:var(--dash-kpi-accent,var(--accent,#6748ee))!important;
    opacity:.9!important;
  }
  html[dir="rtl"] #dashboard .dashboard-stats .stat::before{left:auto!important;right:0!important}
  #dashboard .dashboard-stats .stat::after{display:none!important}
  #dashboard .dashboard-stats .stat:nth-child(1){--dash-kpi-accent:#7657f3}
  #dashboard .dashboard-stats .stat:nth-child(2){--dash-kpi-accent:#2f86e9}
  #dashboard .dashboard-stats .stat:nth-child(3){--dash-kpi-accent:#27a768}
  #dashboard .dashboard-stats .stat:nth-child(4){--dash-kpi-accent:#7657f3}
  #dashboard .dashboard-stats .stat-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }
  #dashboard .dashboard-stats .stat:nth-child(1) .stat-icon{background:color-mix(in srgb,#7657f3 11%,var(--surface,#fff))!important;color:#7657f3!important}
  #dashboard .dashboard-stats .stat:nth-child(2) .stat-icon{background:color-mix(in srgb,#2f86e9 11%,var(--surface,#fff))!important;color:#2f86e9!important}
  #dashboard .dashboard-stats .stat:nth-child(3) .stat-icon{background:color-mix(in srgb,#27a768 11%,var(--surface,#fff))!important;color:#27a768!important}
  #dashboard .dashboard-stats .stat:nth-child(4) .stat-icon{background:color-mix(in srgb,#7657f3 11%,var(--surface,#fff))!important;color:#7657f3!important}
  #dashboard .dashboard-stats .stat>span{font-size:9.5px!important;font-weight:700!important;color:var(--muted,#667085)!important}
  #dashboard .dashboard-stats .stat>strong{margin-top:2px!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.2px!important}

  #dashboard .dashboard-attention{
    margin-top:0!important;
    padding:10px 11px 6px!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:14px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 4px 14px rgba(27,31,67,.05)!important;
  }
  #dashboard .dashboard-section-head{margin-bottom:4px!important}
  #dashboard .dashboard-section-head h3{font-size:14px!important;font-weight:800!important;letter-spacing:0!important}
  #dashboard .attention-card,
  #dashboard .attention-card:last-child{
    min-height:46px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:8px!important;
    padding:7px 2px!important;
  }
  #dashboard .attention-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }
  #dashboard .attention-quotes .attention-icon{background:var(--accent-panel,var(--accent-soft,#f0edff))!important;color:var(--accent,#6748ee)!important}
  #dashboard .attention-payments .attention-icon{background:var(--green-panel,var(--success-soft,#eaf9ef))!important;color:var(--green-text,var(--success,#22a866))!important}
  #dashboard .attention-stock .attention-icon{background:var(--amber-panel,var(--warning-soft,#fff3e8))!important;color:var(--amber-text,var(--warning,#de7b16))!important}
  #dashboard .attention-card b{font-size:11px!important;font-weight:700!important}
  #dashboard .attention-card strong{
    min-width:30px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:var(--accent-panel,var(--accent-soft,#f0edff))!important;
    color:var(--accent,#6748ee)!important;
    font-size:11px!important;
    font-weight:800!important;
    text-align:center!important;
  }

  #dashboard .dashboard-upcoming{
    overflow:hidden!important;
    padding:12px!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:14px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 4px 14px rgba(27,31,67,.05)!important;
  }
  #dashboard .dashboard-upcoming .panel-head{
    padding-bottom:7px!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
  }
  #dashboard .dashboard-upcoming .panel-head h3{font-size:14px!important;font-weight:800!important;letter-spacing:0!important}
  #dashboard .dashboard-upcoming .link-btn{
    min-height:30px!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--accent-panel,var(--accent-soft,#f0edff))!important;
    color:var(--accent,#6748ee)!important;
    font-weight:700!important;
  }
  #dashboard .dashboard-empty.dashboard-empty-illustrated{
    margin-top:2px!important;
    border:1px dashed var(--border,#e5e7eb)!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--surface,#fff) 97%,var(--accent,#6748ee) 3%)!important;
    box-shadow:none!important;
  }
  #dashboard .dashboard-empty-visual{filter:none!important}
  #dashboard .dashboard-empty-copy strong{font-weight:800!important}
  #dashboard .dashboard-empty-copy button{
    border:1px solid var(--border,#e5e7eb)!important;
    background:var(--surface,#fff)!important;
    color:var(--accent,#6748ee)!important;
    font-weight:700!important;
  }

  body[data-current-page="dashboard"] #dashboardNewEventFab{
    background:var(--accent,#6748ee)!important;
    box-shadow:0 8px 22px rgba(103,72,238,.26)!important;
  }

  .dark-theme #dashboard.active-page::before{opacity:.1!important;filter:saturate(.72) brightness(.8)!important}
  .dark-theme #dashboard .dashboard-stats .stat,
  .dark-theme #dashboard .dashboard-attention,
  .dark-theme #dashboard .dashboard-upcoming{
    background:var(--surface,#151821)!important;
    border-color:var(--border,#2b303b)!important;
    box-shadow:none!important;
  }
  .dark-theme #dashboard .attention-card strong,
  .dark-theme #dashboard .dashboard-upcoming .link-btn{
    background:var(--accent-panel,var(--accent-soft))!important;
    color:var(--accent,#765bff)!important;
  }
  .dark-theme #dashboard .dashboard-empty.dashboard-empty-illustrated{
    background:color-mix(in srgb,var(--surface,#151821) 96%,var(--accent,#765bff) 4%)!important;
    border-color:var(--border,#2b303b)!important;
  }
}

@media (max-width:360px){
  #dashboard.active-page::before{height:108px!important;opacity:.09!important}
  #dashboard .dashboard-stats .stat{min-height:78px!important;padding:9px 10px!important;grid-template-columns:28px minmax(0,1fr)!important}
  #dashboard .dashboard-stats .stat-icon{width:28px!important;height:28px!important}
  #dashboard .dashboard-stats .stat>strong{font-size:19px!important}
  #dashboard .dashboard-upcoming{padding:11px!important}
}

/* BLC centered utility header + shared page hero — 2026-08-24 */
.app-shell:not(.auth-locked) .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-areas:"tools brand menu"!important;
  align-items:center!important;
  direction:ltr!important;
}
html[dir="ltr"] .app-shell:not(.auth-locked) .topbar{
  grid-template-areas:"menu brand tools"!important;
}
.topbar-brand{
  grid-area:brand;
  justify-self:center;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:4px 8px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:inherit;
  box-shadow:none;
  cursor:pointer;
  overflow:visible;
}
.topbar-brand-lockup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  direction:ltr;
  white-space:nowrap;
}
.topbar-brand-symbol{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:44px!important;
  flex:0 0 34px!important;
  color:var(--accent,#6748ee)!important;
}
.topbar-brand-symbol svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:13!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.topbar-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  color:var(--accent,#6748ee)!important;
  line-height:1!important;
}
.topbar-brand-copy strong{
  display:block!important;
  font-size:30px!important;
  font-weight:850!important;
  letter-spacing:1.5px!important;
  line-height:.9!important;
}
.topbar-brand-copy small{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.15px!important;
  line-height:1!important;
}
.topbar-brand:hover,.topbar-brand:active{background:transparent!important}
.topbar-brand:focus-visible{outline:2px solid var(--accent,#6748ee);outline-offset:2px}
.app-shell:not(.auth-locked) .topbar .mobile-menu-btn{
  grid-area:menu;
  justify-self:end;
}
.app-shell:not(.auth-locked) .topbar .top-actions{
  grid-area:tools;
  justify-self:start;
  min-width:max-content!important;
  width:auto!important;
  margin:0!important;
}
html[dir="ltr"] .app-shell:not(.auth-locked) .topbar .mobile-menu-btn{justify-self:start}
html[dir="ltr"] .app-shell:not(.auth-locked) .topbar .top-actions{justify-self:end}

.sidebar-support-link{
  width:100%;
  min-width:0;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 16px;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:7px 6px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--text-strong,var(--text,#171a36))!important;
  text-align:start!important;
  box-shadow:none!important;
  transition:background .16s ease!important;
}
.sidebar-support-link:hover,.sidebar-support-link:focus-visible{background:var(--card-hover,var(--surface-soft,#f7f8fb))!important;outline:0!important}
.sidebar-support-link-icon{width:32px;height:32px;display:grid!important;place-items:center;border-radius:9px;background:var(--accent-panel,var(--accent-soft,#f1efff));color:var(--accent-text,var(--accent,#6748ee))}
.sidebar-support-link-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.sidebar-support-link-copy{min-width:0;display:grid!important;gap:1px}
.sidebar-support-link-copy strong,.sidebar-support-link-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-support-link-copy strong{font-size:12px!important;font-weight:800!important;color:var(--text-strong,var(--text,#171a36))!important}
.sidebar-support-link-copy small{font-size:9.5px!important;font-weight:600!important;color:var(--text-muted,var(--muted,#6b7280))!important}
.sidebar-support-link:hover .sidebar-account-arrow,.sidebar-support-link:focus-visible .sidebar-account-arrow{color:var(--accent-text,var(--accent,#6748ee))!important}
html[dir="rtl"] .sidebar-support-link:hover .sidebar-account-arrow,html[dir="rtl"] .sidebar-support-link:focus-visible .sidebar-account-arrow{transform:scaleX(-1) translateX(-2px)}
html[dir="ltr"] .sidebar-support-link:hover .sidebar-account-arrow,html[dir="ltr"] .sidebar-support-link:focus-visible .sidebar-account-arrow{transform:translateX(2px)}

.sidebar-account-card{
  width:100%;
  min-width:0;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 16px;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:8px 6px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--text-strong,var(--text,#171a36))!important;
  text-align:start!important;
  box-shadow:none!important;
  transition:background .16s ease!important;
}
.sidebar-account-card:hover,
.sidebar-account-card:focus-visible{
  background:var(--card-hover,var(--surface-soft,#f7f8fb))!important;
  outline:0!important;
}
.sidebar-account-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--accent,#6748ee) 16%,var(--border,#e5e7eb))!important;
  border-radius:50%!important;
  background:var(--accent-panel,var(--accent-soft,#f1efff))!important;
  color:var(--accent-text,var(--accent,#6748ee))!important;
}
.sidebar-account-avatar svg{
  width:20px!important;
  height:20px!important;
  margin:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.sidebar-account-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  justify-items:start!important;
  gap:1px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
}
.sidebar-account-copy strong,
.sidebar-account-copy small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  margin:0!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sidebar-account-copy strong{
  color:var(--text-strong,var(--text,#171a36))!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
.sidebar-account-copy small{
  color:var(--text-muted,var(--muted,#6b7280))!important;
  font-size:9.5px!important;
  font-weight:600!important;
}
.sidebar-account-arrow{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:none!important;
  stroke:var(--text-muted,var(--muted,#6b7280))!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .16s ease,color .16s ease!important;
}
html[dir="rtl"] .sidebar-account-arrow{transform:scaleX(-1)}
.sidebar-account-card:hover .sidebar-account-arrow,
.sidebar-account-card:focus-visible .sidebar-account-arrow{color:var(--accent-text,var(--accent,#6748ee))!important}
html[dir="rtl"] .sidebar-account-card:hover .sidebar-account-arrow,
html[dir="rtl"] .sidebar-account-card:focus-visible .sidebar-account-arrow{transform:scaleX(-1) translateX(-2px)}
html[dir="ltr"] .sidebar-account-card:hover .sidebar-account-arrow,
html[dir="ltr"] .sidebar-account-card:focus-visible .sidebar-account-arrow{transform:translateX(2px)}

.app-page-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:170px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0 0 24px;
  padding:34px clamp(24px,5vw,64px) 38px;
  overflow:hidden;
  border:0;
  border-bottom:1px solid var(--border,#e5e7eb);
  background:
    radial-gradient(circle at 50% -30%,color-mix(in srgb,var(--accent,#6748ee) 10%,transparent),transparent 58%),
    var(--surface,#fff);
  text-align:center;
}
.app-page-hero::before,
.app-page-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:180px;
  height:180px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent,#6748ee) 8%,transparent);
  opacity:.5;
  pointer-events:none;
}
.app-page-hero::before{inset-inline-start:-120px;top:-96px}
.app-page-hero::after{inset-inline-end:-128px;bottom:-118px}
#appHeroTitle{
  margin:0;
  color:var(--text,#171a36);
  font-size:clamp(34px,3.2vw,46px);
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.75px;
}
#appHeroSubtitle{
  max-width:760px;
  margin:0;
  color:var(--muted,#6b7280);
  font-size:14px;
  font-weight:500;
  line-height:1.55;
}
.dark-theme .app-page-hero{
  background:
    radial-gradient(circle at 50% -30%,color-mix(in srgb,var(--accent,#765bff) 13%,transparent),transparent 58%),
    var(--surface,#171a22);
  border-color:var(--border,#2a2f3a);
}

/* Page names now live only in the shared hero. Keep operational actions that used to share the page-title row. */
.page > .page-title{display:none!important}
#dashboard > .dashboard-head{
  display:flex!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 16px!important;
  padding:0 clamp(14px,2.4vw,34px)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#dashboard > .dashboard-head>div:first-child{display:none!important}
#dashboard.active-page::before{display:none!important;content:none!important}
#inventory > .page-title.inventory-title{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#inventory .inventory-title .inventory-heading{display:none!important}
#inventory .inventory-title .inventory-actions{
  width:100%!important;
  margin:0!important;
}
#inventory .inventory-more-actions{position:relative;flex:0 0 auto;min-width:0}
#inventory .inventory-more-actions>summary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;list-style:none;border:1px solid var(--border,#e5e7eb);border-radius:11px;background:var(--surface,#fff);color:var(--text,#20243d);font-size:12px;font-weight:720;white-space:nowrap;cursor:pointer;user-select:none}
#inventory .inventory-more-actions>summary::-webkit-details-marker{display:none}
#inventory .inventory-more-actions>summary::after{content:'⌄';font-size:12px;line-height:1;transition:transform .16s ease}
#inventory .inventory-more-actions[open]>summary::after{transform:rotate(180deg)}
#inventory .inventory-more-actions-menu{position:absolute;z-index:80;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-width:154px;display:grid;gap:5px;padding:6px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--surface,#fff);box-shadow:var(--shadow-md,0 14px 32px rgba(15,23,42,.14))}
#inventory .inventory-more-actions-menu button{width:100%;min-height:36px;justify-content:flex-start;margin:0!important;padding-inline:10px!important;box-shadow:none!important}

@media (max-width:700px){
  .app-shell:not(.auth-locked) .topbar{
    position:sticky!important;
    top:0!important;
    z-index:1100!important;
    display:block!important;
    width:auto!important;
    min-height:64px!important;
    height:64px!important;
    margin:0 -12px!important;
    padding:0!important;
    gap:0!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--surface,#fff) 97%,transparent)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.025)!important;
    backdrop-filter:blur(16px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  }
  .topbar-brand{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    z-index:2!important;
    min-height:46px!important;
    margin:0!important;
    padding:1px 5px!important;
    border-radius:10px!important;
    transform:translate(-50%,-50%)!important;
  }
  .topbar-brand-lockup{gap:5px}
  .topbar-brand-symbol{width:26px!important;height:35px!important;flex-basis:26px!important}
  .topbar-brand-copy strong{font-size:24px!important;letter-spacing:1px!important}
  .topbar-brand-copy small{margin-top:3px!important;font-size:9px!important}
  .app-shell:not(.auth-locked) .topbar .mobile-menu-btn{
    position:absolute!important;
    top:50%!important;
    inset-inline-start:14px!important;
    inset-inline-end:auto!important;
    right:auto!important;
    left:auto!important;
    z-index:3!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--accent,#6748ee)!important;
    box-shadow:none!important;
  }
  .app-shell:not(.auth-locked) .topbar .mobile-menu-btn:hover,
  .app-shell:not(.auth-locked) .topbar .mobile-menu-btn:active{background:var(--accent-soft,#f1efff)!important}
  .app-shell:not(.auth-locked) .topbar .mobile-menu-btn svg{width:23px!important;height:23px!important;stroke-width:2!important}
  .app-shell:not(.auth-locked) .topbar .top-actions{
    position:absolute!important;
    top:50%!important;
    inset-inline-end:14px!important;
    inset-inline-start:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:3!important;
    display:grid!important;
    place-items:center!important;
    min-width:38px!important;
    width:38px!important;
    margin:0!important;
    gap:0!important;
    transform:translateY(-50%)!important;
  }
  .topbar .topbar-profile,
  .topbar .topbar-divider,
  .topbar #topbarHelpBtn,
  .topbar #topbarLanguageToggle{display:none!important}
  .app-shell:not(.auth-locked) .topbar .notification-trigger{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--text,#171a36)!important;
    box-shadow:none!important;
  }
  .app-shell:not(.auth-locked) .topbar .notification-trigger:hover,
  .app-shell:not(.auth-locked) .topbar .notification-trigger:active{background:var(--surface-soft,#f7f8fb)!important}
  .app-shell:not(.auth-locked) .topbar .notification-trigger svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
  .app-shell:not(.auth-locked) .topbar .notification-count:not(.hidden){
    position:absolute!important;
    top:6px!important;
    right:5px!important;
    display:block!important;
    min-width:9px!important;
    width:9px!important;
    height:9px!important;
    padding:0!important;
    overflow:hidden!important;
    border:2px solid var(--surface,#fff)!important;
    border-radius:50%!important;
    background:var(--accent,#6748ee)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }
  .app-page-hero{
    min-height:96px;
    gap:5px;
    margin:0 -12px 10px;
    padding:18px 18px 16px;
    border-bottom:1px solid var(--border,#e5e7eb);
  }
  #appHeroTitle{font-size:30px;line-height:1.06;letter-spacing:-.45px}
  #appHeroSubtitle{max-width:30rem;font-size:11.5px;line-height:1.4;white-space:normal}
  .app-page-hero::before,.app-page-hero::after{width:104px;height:104px;opacity:.24}
  .app-page-hero::before{inset-inline-start:-78px;top:-66px}
  .app-page-hero::after{inset-inline-end:-80px;bottom:-76px}
  #dashboard > .dashboard-head{display:none!important}
  #inventory > .page-title.inventory-title{display:block!important;margin:0 0 9px!important}
  #inventory .inventory-title .inventory-actions{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:1px 0 3px!important;
    scrollbar-width:none!important;
  }
  #inventory .inventory-title .inventory-actions::-webkit-scrollbar{display:none!important}
  #inventory .inventory-title .inventory-actions button{flex:1 0 96px!important;min-width:96px!important}
}

.account-menu-drag-zone{display:none}
@media (max-width:700px){
  .account-menu::before{display:none!important;content:none!important}
  .account-menu-drag-zone{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    margin:-4px 0 2px!important;
    padding:0!important;
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .account-menu-drag-zone span{
    display:block!important;
    width:42px!important;
    height:4px!important;
    border-radius:999px!important;
    background:var(--line-strong,var(--border-strong,#cfd4dc))!important;
  }
  .account-menu-close{display:none!important}
  .account-menu-header{grid-template-columns:44px minmax(0,1fr)!important}
  .account-menu.is-dragging{
    animation:none!important;
    will-change:transform!important;
    overscroll-behavior:contain!important;
  }
}

@media (max-width:360px){
  .app-shell:not(.auth-locked) .topbar{padding-inline:11px!important}
  .topbar-brand-lockup{gap:4px}
  .topbar-brand-symbol{width:24px!important;height:33px!important;flex-basis:24px!important}
  .topbar-brand-copy strong{font-size:22px!important;letter-spacing:.8px!important}
  .topbar-brand-copy small{font-size:8.5px!important}
  .app-page-hero{min-height:90px;padding:16px 14px 14px}
  #appHeroTitle{font-size:28px}
  #appHeroSubtitle{font-size:10.5px}
}

/* Sidebar top profile trigger — balanced brand layout */
.sidebar .brand.sidebar-brand-profile-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:78px!important;
  margin:0 0 12px!important;
  padding:8px 14px 14px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
}
.sidebar .brand.sidebar-brand-profile-row::after{
  content:""!important;
  position:absolute!important;
  inset-inline:0!important;
  bottom:0!important;
  height:1px!important;
  background:var(--line,var(--border,#e5e7eb))!important;
  pointer-events:none!important;
}
.sidebar .brand.sidebar-brand-profile-row .brand-home{
  width:auto!important;
  max-width:calc(100% - 104px)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  justify-content:center!important;
  gap:8px!important;
}
.sidebar .brand.sidebar-brand-profile-row .sidebar-logo-image{
  width:28px!important;
  height:38px!important;
  flex:0 0 28px!important;
  object-fit:contain!important;
}
.sidebar .brand.sidebar-brand-profile-row .sidebar-brand-copy{
  min-width:0!important;
  text-align:start!important;
}
.sidebar .brand.sidebar-brand-profile-row .sidebar-brand-copy strong{font-size:15px!important;line-height:1.05!important}
.sidebar .brand.sidebar-brand-profile-row .sidebar-brand-copy small{font-size:9.5px!important;line-height:1.2!important}
.sidebar-brand-profile{
  position:absolute!important;
  top:calc(50% - 3px)!important;
  inset-inline-start:0!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.sidebar-brand-profile .sidebar-account-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:50%!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sidebar-brand-profile:hover .sidebar-account-avatar,
.sidebar-brand-profile:focus-visible .sidebar-account-avatar{
  background:color-mix(in srgb,var(--accent,#6748ee) 14%,var(--surface,#fff))!important;
  border-color:color-mix(in srgb,var(--accent,#6748ee) 38%,var(--border,#e5e7eb))!important;
}
.sidebar-brand-profile:active .sidebar-account-avatar{transform:scale(.96)!important}
.sidebar-brand-profile:focus-visible{outline:0!important}
@media(max-width:700px){
  .sidebar .brand.sidebar-brand-profile-row{
    min-height:82px!important;
    padding:9px 14px 14px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row::after{inset-inline:0!important}
  .sidebar-brand-profile{inset-inline-start:0!important}
}

/* Platform logo parity: Sidebar reuses the exact Topbar lockup and values. */
.sidebar .brand.sidebar-brand-profile-row .brand-home{
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  margin:0 auto!important;
  padding:4px 8px!important;
  overflow:visible!important;
  justify-content:center!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  overflow:visible!important;
  direction:ltr!important;
  white-space:nowrap!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
  width:34px!important;
  height:44px!important;
  flex:0 0 34px!important;
  color:var(--accent,#6748ee)!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol svg{
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:13!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy{
  color:var(--accent,#6748ee)!important;
  gap:0!important;
  line-height:1!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
  color:inherit!important;
  font-size:30px!important;
  font-weight:850!important;
  letter-spacing:1.5px!important;
  line-height:.9!important;
}
.sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{
  color:inherit!important;
  margin-top:4px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.15px!important;
  line-height:1!important;
}
@media(max-width:700px){
  .sidebar .brand.sidebar-brand-profile-row .brand-home{
    padding:1px 5px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{gap:5px!important}
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    width:26px!important;
    height:35px!important;
    flex-basis:26px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
    font-size:24px!important;
    letter-spacing:1px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{
    margin-top:3px!important;
    font-size:9px!important;
  }
}
@media(max-width:360px){
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{gap:4px!important}
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    width:24px!important;
    height:33px!important;
    flex-basis:24px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
    font-size:22px!important;
    letter-spacing:.8px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{font-size:8.5px!important}
}
@media(min-width:701px) and (max-width:1000px){
  .sidebar .brand.sidebar-brand-profile-row .brand-home{
    position:absolute!important;
    top:50%!important;
    inset-inline-end:4px!important;
    inset-inline-start:auto!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:translateY(-50%)!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
    width:34px!important;
    min-width:34px!important;
    gap:0!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    width:34px!important;
    height:44px!important;
    flex:0 0 34px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy{display:none!important}
  .sidebar-profile-cluster{
    position:absolute!important;
    top:7px!important;
    inset-inline-start:2px!important;
    width:56px!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
  }
  .sidebar-profile-cluster .sidebar-brand-profile{
    position:relative!important;
    top:auto!important;
    inset-inline-start:auto!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    transform:none!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status{
    width:max-content!important;
    max-width:56px!important;
    min-width:0!important;
    min-height:13px!important;
    margin:0!important;
    padding:0 1px!important;
    gap:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status strong{
    max-width:56px!important;
    overflow:hidden!important;
    font-size:7.2px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status .access-status-separator,
  .sidebar-profile-cluster .trial-badge.access-status small{display:none!important}
}

/* Hebrew RTL: profile stays on the physical right; platform logo is pinned left. */
html[dir="rtl"] .sidebar .brand.sidebar-brand-profile-row .brand-home{
  margin-left:0!important;
  margin-right:auto!important;
}

/* Compact mobile sidebar header — avatar first, active-access status directly below it. */
@media(max-width:700px){
  .sidebar{
    grid-template-rows:76px minmax(0,1fr) auto!important;
  }
  .sidebar .brand.sidebar-brand-profile-row{
    min-height:76px!important;
    height:76px!important;
    margin-bottom:2px!important;
    padding-block:4px 7px!important;
  }
  .sidebar-profile-cluster{
    position:absolute!important;
    top:3px!important;
    inset-inline-start:1px!important;
    z-index:6!important;
    width:70px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .sidebar-profile-cluster .sidebar-brand-profile{
    position:relative!important;
    top:auto!important;
    inset-inline-start:auto!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    transform:none!important;
    flex:0 0 auto!important;
  }
  .sidebar-profile-cluster .sidebar-account-avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    box-sizing:border-box!important;
    border:1.5px solid #45cf85!important;
    box-shadow:none!important;
  }
  .sidebar-profile-cluster .sidebar-brand-profile:hover .sidebar-account-avatar,
  .sidebar-profile-cluster .sidebar-brand-profile:focus-visible .sidebar-account-avatar{
    border-color:#45cf85!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status{
    position:relative!important;
    top:auto!important;
    inset-inline-start:auto!important;
    z-index:auto!important;
    width:max-content!important;
    max-width:70px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0 1px!important;
    gap:2px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status strong{
    font-size:8px!important;
    line-height:1!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status .access-status-separator,
  .sidebar-profile-cluster .trial-badge.access-status small{
    display:none!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .brand-home{
    height:48px!important;
    min-height:48px!important;
    padding:0 4px!important;
    align-self:flex-start!important;
    margin-top:3px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
    height:48px!important;
    min-height:48px!important;
    gap:6px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    width:36px!important;
    height:48px!important;
    flex-basis:36px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
    font-size:31px!important;
    letter-spacing:1.1px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{
    margin-top:2px!important;
    font-size:11.5px!important;
  }
  .sidebar nav{
    padding-top:0!important;
  }
}
@media(max-width:700px) and (max-height:760px){
  .sidebar{
    grid-template-rows:72px minmax(0,1fr) auto!important;
  }
  .sidebar .brand.sidebar-brand-profile-row{
    min-height:72px!important;
    height:72px!important;
    margin-bottom:1px!important;
    padding-block:3px 6px!important;
  }
  .sidebar-profile-cluster{
    top:2px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .brand-home{
    height:46px!important;
    min-height:46px!important;
    margin-top:2px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
    height:46px!important;
    min-height:46px!important;
  }
  .sidebar-profile-cluster .sidebar-brand-profile{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .sidebar-profile-cluster .sidebar-account-avatar{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status{
    min-height:13px!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status strong{
    font-size:7.8px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    width:34px!important;
    height:46px!important;
    flex-basis:34px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
    font-size:30px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{
    font-size:11px!important;
  }
}
@media(max-width:700px) and (max-height:620px){
  .sidebar{
    grid-template-rows:68px minmax(0,1fr) auto!important;
  }
  .sidebar .brand.sidebar-brand-profile-row{
    min-height:68px!important;
    height:68px!important;
    padding-block:2px 5px!important;
  }
  .sidebar-profile-cluster{
    top:1px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .brand-home{
    height:44px!important;
    min-height:44px!important;
    margin-top:1px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
    height:44px!important;
    min-height:44px!important;
  }
  .sidebar-profile-cluster .sidebar-brand-profile{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .sidebar-profile-cluster .sidebar-account-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .sidebar-profile-cluster .sidebar-account-avatar{
    display:grid!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status{
    min-height:12px!important;
  }
  .sidebar-profile-cluster .trial-badge.access-status strong{
    font-size:7.5px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-lockup{
    display:flex!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-symbol{
    display:block!important;
    width:33px!important;
    height:44px!important;
    flex-basis:33px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy{
    display:flex!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy strong{
    font-size:29px!important;
  }
  .sidebar .brand.sidebar-brand-profile-row .topbar-brand-copy small{
    font-size:10.5px!important;
  }
}

/* Authenticated user avatar display only. Editing is available from Settings > My Profile. */
[data-user-avatar]{overflow:hidden!important}
[data-user-avatar] img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
[data-user-avatar].has-image svg{display:none!important}

/* Shared pagination system — aligned to Inventory / Stock and warehouse. */
:is(#inventory .inventory-pagination,#clients .customers-pagination,#events .events-pagination,#quotes .quotes-pagination,#payments .payments-pagination){
  display:grid!important;
  grid-template-columns:auto 74px minmax(120px,1fr) 74px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:54px!important;
  margin-top:10px!important;
  padding:8px 10px!important;
  border:1px solid var(--border,var(--line,#e4e7ef))!important;
  border-radius:13px!important;
  background:var(--surface,var(--card-bg,#fff))!important;
  color:var(--muted,var(--text-muted,#777e90))!important;
  box-shadow:none!important;
  direction:ltr!important;
}
:is(#inventory .inventory-pagination,#clients .customers-pagination,#events .events-pagination,#quotes .quotes-pagination,#payments .payments-pagination).hidden{display:none!important}

:is(#inventory .inventory-page-controls,#clients .customers-page-controls,#events .events-page-nav,#quotes .quotes-page-nav,#payments .payments-page-controls){display:contents!important}
:is(#clients #customerPageNumbers,#events #eventPageNumbers,#quotes #quotePageNumbers,#payments #paymentPageButtons){display:none!important}

:is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size){
  grid-column:1!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  color:var(--muted,var(--text-muted,#777e90))!important;
  font-size:11px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
:is(#inventory .inventory-pagination select,#clients .customers-page-size select,#events .events-page-size select,#quotes .quotes-page-size select,#payments .payments-page-size select){
  width:68px!important;
  min-width:68px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid var(--border,var(--line,#dfe3ec))!important;
  border-radius:9px!important;
  background:var(--surface,var(--card-bg,#fff))!important;
  color:var(--text,var(--text-strong,#171a36))!important;
  font-size:11px!important;
  font-weight:750!important;
}

:is(#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#clients #customerPrevPage,#events #eventPrevPage,#quotes #quotePagePrev,#payments #paymentPrevPage){grid-column:2!important}
:is(#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel){
  grid-column:3!important;
  align-self:center!important;
  justify-self:stretch!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--muted,var(--text-muted,#777e90))!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.25!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
:is(#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerNextPage,#events #eventNextPage,#quotes #quotePageNext,#payments #paymentNextPage){grid-column:4!important}

:is(#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage){
  justify-self:stretch!important;
  width:74px!important;
  min-width:74px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 7px!important;
  border:1px solid var(--border,var(--line,#dfe3ec))!important;
  border-radius:9px!important;
  background:var(--surface,var(--card-bg,#fff))!important;
  color:var(--text,var(--text-strong,#171a36))!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  text-align:center!important;
}
:is(#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage):disabled{opacity:.42!important;cursor:not-allowed!important}

html[dir="rtl"] :is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size,#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel,#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage){direction:rtl!important}
html[dir="ltr"] :is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size,#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel,#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage){direction:ltr!important}

@media (max-width:700px){
  :is(#inventory .inventory-pagination,#clients .customers-pagination,#events .events-pagination,#quotes .quotes-pagination,#payments .payments-pagination){
    grid-template-columns:auto 46px minmax(0,1fr) 46px!important;
    gap:4px!important;
    min-height:44px!important;
    margin-top:7px!important;
    padding:5px 6px!important;
    border-radius:12px!important;
  }
  :is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size){
    gap:4px!important;
    font-size:8.5px!important;
  }
  :is(#inventory .inventory-pagination select,#clients .customers-page-size select,#events .events-page-size select,#quotes .quotes-page-size select,#payments .payments-page-size select){
    width:46px!important;
    min-width:46px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 5px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }
  :is(#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel){font-size:8.3px!important}
  :is(#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage){
    width:46px!important;
    min-width:46px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 3px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
}

@media (max-width:360px){
  :is(#inventory .inventory-pagination,#clients .customers-pagination,#events .events-pagination,#quotes .quotes-pagination,#payments .payments-pagination){grid-template-columns:auto 44px minmax(0,1fr) 44px!important;gap:3px!important;padding-inline:5px!important}
  :is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size){gap:3px!important;font-size:7.9px!important}
  :is(#inventory .inventory-pagination select,#clients .customers-page-size select,#events .events-page-size select,#quotes .quotes-page-size select,#payments .payments-page-size select){width:44px!important;min-width:44px!important}
  :is(#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerPrevPage,#clients #customerNextPage,#events #eventPrevPage,#events #eventNextPage,#quotes #quotePagePrev,#quotes #quotePageNext,#payments #paymentPrevPage,#payments #paymentNextPage){width:44px!important;min-width:44px!important;font-size:8.7px!important}
  :is(#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel){font-size:7.9px!important}
}

/* Force every pagination control into the same single physical row. */
:is(#inventory .inventory-pagination>label,#clients .customers-page-size,#events .events-page-size,#quotes .quotes-page-size,#payments .payments-page-size,#inventory #inventoryPrevPage,#inventory #equipmentPrevPage,#clients #customerPrevPage,#events #eventPrevPage,#quotes #quotePagePrev,#payments #paymentPrevPage,#inventory #inventoryPageSummary,#inventory #equipmentPageSummary,#clients #customersPageSummary,#events #eventPaginationSummary,#quotes #quotesPageSummary,#payments #paymentsRangeLabel,#inventory #inventoryNextPage,#inventory #equipmentNextPage,#clients #customerNextPage,#events #eventNextPage,#quotes #quotePageNext,#payments #paymentNextPage){grid-row:1!important;order:0!important;align-self:center!important}

/* English mobile labels for CSS-generated workspace copy. */
html[lang="en"] #clients .customers-sort-field::after,
html[lang="en"] #events .events-mobile-sort-field::after,
html[lang="en"] #quotes.quotes-page .quotes-sort-field::after,
html[lang="en"] #payments .payments-mobile-sort::after{content:'Sort ↕'!important}
html[lang="en"] #events .events-table td:nth-child(3)::before{content:'Customer'!important}
html[lang="en"] #events .events-table td:nth-child(4)::before{content:'Location'!important}
html[lang="en"] #events .events-table td:nth-child(5)::before{content:'Event type'!important}
html[lang="en"] #events .events-table td:nth-child(6)::before{content:'Status'!important}
html[lang="en"] #payments .payments-table td:nth-child(3)::before{content:'Linked to'!important}
html[lang="en"] #payments .payments-table td:nth-child(4)::before{content:'Date'!important}
html[lang="en"] #payments .payments-table td:nth-child(5)::before{content:'Payment method'!important}
html[lang="en"] #payments .payments-table td:nth-child(6)::before{content:'Reference'!important}
html[lang="en"] #payments .payments-table td:nth-child(7)::before{content:'Amount'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(2)::before{content:'Category'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(3)::before{content:'SKU'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(4)::before{content:'In stock'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(5)::before{content:'Reserved'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(6)::before{content:'Available'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(7)::before{content:'Unit price'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(8)::before{content:'Value'!important}
html[lang="en"] #inventory .inventory-table-row td:nth-child(9)::before{content:'Status'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(2)::before{content:'Category'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(3)::before{content:'Serial number'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(4)::before{content:'Quantity'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(5)::before{content:'Reserved'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(6)::before{content:'Available'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(7)::before{content:'Condition'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(8)::before{content:'Replacement value'!important}
html[lang="en"] #inventory .equipment-table .inventory-table-row td:nth-child(9)::before{content:'Availability'!important}

/* Final mobile topbar language guard: use physical sides so nested direction rules cannot overlap controls. */
@media (max-width:700px){
  html[lang="en"] .app-shell:not(.auth-locked) .topbar > #mobileMenuBtn{
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:14px!important;
    right:auto!important;
  }
  html[lang="en"] .app-shell:not(.auth-locked) .topbar > .top-actions{
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:auto!important;
    right:14px!important;
  }
  html[lang="he"] .app-shell:not(.auth-locked) .topbar > #mobileMenuBtn{
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:auto!important;
    right:14px!important;
  }
  html[lang="he"] .app-shell:not(.auth-locked) .topbar > .top-actions{
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:14px!important;
    right:auto!important;
  }
}