/* Navy surfaces and yellow frames belong only to the operation screen. */
html.cafe-ops-mode{--ops-navy:#061f2d;--ops-yellow:#ffb61e;--ops-light:#eaf2f7;--ops-muted:#b8ccd8}
html.cafe-ops-mode :is(body,.fi-layout,.fi-main-ctn,.fi-main,.fi-page,.fi-page-content){background:var(--ops-navy)!important}
html.cafe-ops-mode #niner-cafe-operations{background:var(--ops-navy)!important;min-width:0;font-family:"Instrument Sans","IBM Plex Sans",Arial,sans-serif!important}
html.cafe-ops-mode #niner-cafe-operations :is(h1,h2,h3){font-family:inherit!important}
html.cafe-ops-mode #niner-cafe-operations [x-cloak]{display:none!important}
html:has(#niner-cafe-operations) :is(.fi-header,.fi-breadcrumbs){display:none!important}
html:has(#niner-cafe-operations) .fi-page{row-gap:0!important;padding-top:0!important}
html:has(#niner-cafe-operations) .fi-main{padding-top:12px!important}
html.cafe-ops-mode #niner-cafe-operations :is(.stats,.ops-panel,.tables,.operation-top,.ops-panel>.detail,.product-grid){background:var(--ops-navy)!important}
html.cafe-ops-mode #niner-cafe-operations :is(.hero,.stat,.panel,.table-card,.detail,.detail-head,.detail-placeholder,.operation-box,.products-wide,.product,.order-lines,.order-summary,.portal-hub,.portal-card,.portal-workspace,.erp-activity,.print-system-card,.print-agent-info,.print-printer,.print-step,.print-help-box,.manage>a,.panel article){
  border:2px solid var(--ops-yellow)!important;
  box-shadow:0 4px 16px #0000001a!important;
}
html.cafe-ops-mode #niner-cafe-operations :is(.stat,.operation-box,.products-wide,.detail-head,.detail-placeholder,.product){background:#fff!important;color:#102d3d}
html.cafe-ops-mode #niner-cafe-operations .hero{background:var(--ops-navy)!important}
html.cafe-ops-mode #niner-cafe-operations .hero small{color:var(--ops-yellow)!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head{color:var(--ops-light);border-bottom-color:#ffb61e66!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head :is(h2,.muted,.erp-legend){color:var(--ops-light)!important}
html.cafe-ops-mode #niner-cafe-operations .tables>.muted{color:var(--ops-muted)}
html.cafe-ops-mode #niner-cafe-operations .table-card.active{outline:3px solid var(--ops-yellow);outline-offset:-6px}
html.cafe-ops-mode #niner-cafe-operations .table-card:not(.busy):not(.waiter):not(.bill){background:#fff!important}
html.cafe-ops-mode #niner-cafe-operations :is(.btn-yellow,.erp-filter.active,.detail-tools>.btn-navy){background:var(--ops-yellow)!important;color:var(--ops-navy)!important;border-color:var(--ops-yellow)!important}
html.cafe-ops-mode #niner-cafe-operations .btn-navy{background:var(--ops-navy);color:#fff;border:1px solid var(--ops-yellow)}
html.cafe-ops-mode #niner-cafe-operations .pay-display:not([style]){background:var(--ops-navy)}
html.cafe-ops-mode #niner-cafe-operations .pay-display small{color:var(--ops-yellow)}
html.cafe-ops-mode #niner-cafe-operations .product em{background:var(--ops-yellow);color:var(--ops-navy)}
html.cafe-ops-mode #niner-cafe-operations :is(input,select,textarea){min-width:0;max-width:100%}
html.cafe-ops-mode #niner-cafe-operations :is(button,a,summary):focus-visible{outline:3px solid var(--ops-yellow);outline-offset:3px}
/* The detail owns its scroll; its children must never shrink over each other. */
html.cafe-ops-mode #niner-cafe-operations .detail{container-type:inline-size;container-name:cafe-detail;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .detail>*{flex-shrink:0!important;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .operation-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;flex:0 0 auto!important;min-height:0!important}
html.cafe-ops-mode #niner-cafe-operations .operation-top>.operation-box:first-child{display:none!important}
html.cafe-ops-mode #niner-cafe-operations .operation-box{min-width:0;min-height:0!important;height:auto!important;padding:12px!important;overflow-wrap:anywhere}
html.cafe-ops-mode #niner-cafe-operations .operation-box h3{font-size:clamp(15px,1.15vw,19px)!important;margin:0 0 10px;padding-bottom:8px}
html.cafe-ops-mode #niner-cafe-operations .account-box{display:flex;flex-direction:column}
html.cafe-ops-mode #niner-cafe-operations .account-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:0 0 10px;font-size:11px}
html.cafe-ops-mode #niner-cafe-operations .account-meta span{min-width:0}
html.cafe-ops-mode #niner-cafe-operations .order-lines{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
html.cafe-ops-mode #niner-cafe-operations .order-items-scroll{flex:1 1 auto;min-height:100px!important;max-height:clamp(120px,28dvh,300px)!important;height:auto!important;overflow-y:auto!important}
html.cafe-ops-mode #niner-cafe-operations .order-items-scroll .line{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;gap:8px;min-height:38px!important;padding:8px 10px!important}
html.cafe-ops-mode #niner-cafe-operations .order-items-scroll .line b{margin:0!important;padding:0!important;white-space:nowrap}
html.cafe-ops-mode #niner-cafe-operations .order-item-name{white-space:normal!important;overflow-wrap:anywhere}
html.cafe-ops-mode #niner-cafe-operations .order-summary{flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important}
html.cafe-ops-mode #niner-cafe-operations .order-summary .line{min-width:0;padding:10px 8px!important}
html.cafe-ops-mode #niner-cafe-operations .order-summary .line b{font-size:clamp(14px,1.35vw,22px)!important;margin:5px 0 0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere}
html.cafe-ops-mode #niner-cafe-operations .pay-display{min-height:76px!important;padding:10px 12px!important;margin-top:0}
html.cafe-ops-mode #niner-cafe-operations .pay-display b{font-size:clamp(24px,2.5vw,38px)!important;overflow-wrap:anywhere;line-height:1.2}
html.cafe-ops-mode #niner-cafe-operations .pay-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html.cafe-ops-mode #niner-cafe-operations .pay-keypad button{min-width:0;height:38px!important;font-size:16px!important}
html.cafe-ops-mode #niner-cafe-operations .payment-box .search{padding:8px 10px}
html.cafe-ops-mode #niner-cafe-operations .payment-box .actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:7px!important}
html.cafe-ops-mode #niner-cafe-operations .payment-box .actions :is(.btn,.mini){min-width:0;height:auto!important;min-height:40px;font-size:13px!important;justify-content:center;padding:8px!important;white-space:normal}
html.cafe-ops-mode #niner-cafe-operations .payment-box .actions .mini{border:1px solid #ccd9df;border-radius:8px;background:#f3f6f8;color:#102d3d}
html.cafe-ops-mode #niner-cafe-operations .products-wide{position:static!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important;margin-top:10px!important;padding:12px!important}
html.cafe-ops-mode #niner-cafe-operations .products-head{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}
html.cafe-ops-mode #niner-cafe-operations .product-search-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .product-search-label{flex:1 0 100%;font-size:13px}
html.cafe-ops-mode #niner-cafe-operations .product-search-wrap .search{flex:1 1 140px;width:auto;max-width:none!important;min-width:0;padding:9px 11px}
html.cafe-ops-mode #niner-cafe-operations .product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;max-height:260px!important;overflow-y:auto;gap:8px}
html.cafe-ops-mode #niner-cafe-operations .product{min-width:0;min-height:74px!important;grid-template-columns:40px minmax(0,1fr) 22px!important;gap:7px;padding:8px}
html.cafe-ops-mode #niner-cafe-operations .product :is(img,.product-fallback){width:40px;height:40px}
html.cafe-ops-mode #niner-cafe-operations .detail-head{display:flex;flex-wrap:wrap;gap:10px;min-height:0!important;padding:10px!important;margin:0 0 10px!important}
html.cafe-ops-mode #niner-cafe-operations .detail-head h2{font-size:clamp(17px,1.45vw,23px)!important;line-height:1.25}
html.cafe-ops-mode #niner-cafe-operations .detail-tools{display:flex;flex-wrap:wrap;gap:8px}
html.cafe-ops-mode #niner-cafe-operations .detail-tools .btn{height:auto!important;min-height:38px;font-size:13px;padding:8px 10px;margin:0!important}
/* Full-screen: one bounded workspace, flexible header/stats, independently scrollable lists. */
html.cafe-ops-mode #niner-cafe-operations{
  display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;
  position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
  padding:8px!important;gap:8px!important;overflow:hidden!important;margin:0!important;
}
html.cafe-ops-mode #niner-cafe-operations>.hero{min-height:0!important;padding:9px 14px!important;margin:0!important;border-radius:12px!important}
html.cafe-ops-mode #niner-cafe-operations .hero-row{height:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px;align-items:center!important}
html.cafe-ops-mode #niner-cafe-operations .hero-row>div:first-child{height:auto!important;min-width:0;display:flex!important;flex-wrap:wrap;gap:8px 14px}
html.cafe-ops-mode #niner-cafe-operations .hero h1{font-size:clamp(12px,1.2vw,17px)!important;white-space:normal!important;line-height:1.3}
html.cafe-ops-mode #niner-cafe-operations .hero h1:before{font-size:10px}
html.cafe-ops-mode #niner-cafe-operations .hero-actions{flex-wrap:wrap;gap:8px!important}
html.cafe-ops-mode #niner-cafe-operations .hero-actions .btn{font-size:12px;padding:9px 12px;min-height:38px}
html.cafe-ops-mode #niner-cafe-operations>.stats{height:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
html.cafe-ops-mode #niner-cafe-operations .stat{min-width:0;min-height:0!important;padding:9px 11px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:8px;border-radius:12px!important}
html.cafe-ops-mode #niner-cafe-operations .stat .stat-icon{width:34px;height:34px;font-size:20px!important;border-radius:9px!important}
html.cafe-ops-mode #niner-cafe-operations .stat>span:not(.stat-icon){font-size:11px!important;white-space:normal}
html.cafe-ops-mode #niner-cafe-operations .stat>b{font-size:clamp(15px,1.5vw,23px)!important;white-space:normal;overflow-wrap:anywhere}
html.cafe-ops-mode #niner-cafe-operations .stat>small{font-size:10px}
html.cafe-ops-mode #niner-cafe-operations>.ops-panel{min-width:0;min-height:0!important;height:auto!important;margin:0!important;padding:10px!important;gap:10px!important;border-radius:12px!important;overflow:hidden!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel.all-tables-view{grid-template-columns:minmax(0,1fr)!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel.has-selection{grid-template-columns:clamp(210px,19vw,340px) minmax(0,1fr)!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:10px!important;padding:0 0 9px!important;grid-column:1/-1}
html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head h2{font-size:18px!important}
html.cafe-ops-mode #niner-cafe-operations .erp-toolbar{display:flex!important;flex-wrap:wrap;gap:8px;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .erp-filter{height:34px!important;padding:0 13px!important;font-size:12px}
html.cafe-ops-mode #niner-cafe-operations .erp-table-search{width:clamp(140px,15vw,260px);height:34px!important;padding:0 10px!important;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .erp-legend{color:var(--ops-muted)!important;font-size:10px!important;flex-wrap:wrap}
html.cafe-ops-mode #niner-cafe-operations .tables{min-width:0;min-height:0!important;height:auto!important;padding:3px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;scrollbar-gutter:stable;scrollbar-color:var(--ops-yellow) var(--ops-navy)}
html.cafe-ops-mode #niner-cafe-operations .all-tables-view>.tables{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(148px,max-content)!important;gap:12px!important}
html.cafe-ops-mode #niner-cafe-operations .has-selection>.tables{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(150px,max-content)!important;gap:7px!important}
html.cafe-ops-mode #niner-cafe-operations .table-card{width:auto!important;height:auto!important;min-height:0!important;padding:12px!important;border-radius:11px!important;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:5px}
html.cafe-ops-mode #niner-cafe-operations .table-name{font-size:clamp(17px,1.4vw,23px)!important;line-height:1.2!important}
html.cafe-ops-mode #niner-cafe-operations .table-top{gap:8px;flex-wrap:wrap}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-card{padding:9px!important}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-name{font-size:15px!important}
html.cafe-ops-mode #niner-cafe-operations .has-selection .area-badge{font-size:8px;padding:3px 6px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-state{font-size:10px;margin-top:0}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-state b{font-size:10px}
html.cafe-ops-mode #niner-cafe-operations .table-time{font-size:11px!important}
html.cafe-ops-mode #niner-cafe-operations .table-card-footer{gap:8px;flex-wrap:wrap;padding-top:7px;font-size:11px!important}
html.cafe-ops-mode #niner-cafe-operations .table-card-footer strong{font-size:16px!important;overflow-wrap:anywhere}
html.cafe-ops-mode #niner-cafe-operations .table-order-source{display:none!important}
html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail{display:flex!important;flex-direction:column;gap:0;min-width:0;min-height:0!important;height:auto!important;padding:8px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;scrollbar-color:var(--ops-yellow) var(--ops-navy);overscroll-behavior:contain}
html.cafe-ops-mode #niner-cafe-operations>.erp-activity{position:static!important;inset:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:9px 12px;gap:12px;flex-wrap:wrap;overflow:auto!important}
html.cafe-ops-mode #niner-cafe-operations>.erp-activity .erp-event{min-width:0;overflow-wrap:anywhere}
@container cafe-detail (max-width:640px){
  html.cafe-ops-mode #niner-cafe-operations .operation-top{grid-template-columns:minmax(0,1fr)!important}
  html.cafe-ops-mode #niner-cafe-operations .account-box .order-items-scroll{max-height:200px!important}
}
@media(max-width:1200px){
  html.cafe-ops-mode #niner-cafe-operations .erp-meta{display:none!important}
  html.cafe-ops-mode #niner-cafe-operations .has-selection>.tables{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:900px){
  html.cafe-ops-mode #niner-cafe-operations .ops-panel.has-selection{grid-template-columns:minmax(0,1fr)!important}
  html.cafe-ops-mode #niner-cafe-operations .has-selection>.tables{display:none!important}
  html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail{grid-column:1!important;grid-row:2!important}
  html.cafe-ops-mode #niner-cafe-operations .hero-row>div:first-child>small{display:none!important}
  html.cafe-ops-mode #niner-cafe-operations .erp-legend{display:none!important}
  html.cafe-ops-mode #niner-cafe-operations .stat{grid-template-columns:minmax(0,1fr)!important;text-align:center;padding:7px!important}
  html.cafe-ops-mode #niner-cafe-operations .stat .stat-icon{display:none!important}
}
@media(max-width:600px){
  html.cafe-ops-mode #niner-cafe-operations{padding:5px!important;gap:5px!important}
  html.cafe-ops-mode #niner-cafe-operations>.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  html.cafe-ops-mode #niner-cafe-operations>.hero{padding:8px!important}
  html.cafe-ops-mode #niner-cafe-operations .hero h1:before{display:none}
  html.cafe-ops-mode #niner-cafe-operations .hero-actions .btn{font-size:11px;padding:8px}
  html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head{gap:7px!important}
  html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head .muted{display:none}
  html.cafe-ops-mode #niner-cafe-operations .erp-toolbar{width:100%}
  html.cafe-ops-mode #niner-cafe-operations .erp-table-search{flex:1 1 110px;width:110px}
  html.cafe-ops-mode #niner-cafe-operations .all-tables-view>.tables{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))!important;gap:8px!important}
  html.cafe-ops-mode #niner-cafe-operations .detail-head .muted{font-size:11px}
}
@media(max-height:650px) and (min-width:901px){
  html.cafe-ops-mode #niner-cafe-operations .stat>small{display:none}
  html.cafe-ops-mode #niner-cafe-operations .stat{padding:6px 9px!important}
  html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head .muted{display:none}
}
@media(prefers-reduced-motion:reduce){html.cafe-ops-mode #niner-cafe-operations .table-card{transition:none!important}}
/* Any saved section can be filtered, including newly added sections after a refresh. */
html.cafe-ops-mode #niner-cafe-operations .table-card[hidden]{display:none!important}
html.cafe-ops-mode #niner-cafe-operations .erp-filter-group{display:flex;min-width:0;max-width:100%;overflow-x:auto;flex:0 1 auto}
html.cafe-ops-mode #niner-cafe-operations .erp-filter{flex:0 0 auto;white-space:nowrap}
#niner-cafe-operations .cafe-sound-dialog{position:fixed;inset:0;width:min(590px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:22px;border:2px solid var(--ops-yellow);border-radius:18px;background:#fff;color:#102d3d;box-shadow:0 20px 80px #0008}
#niner-cafe-operations .cafe-sound-dialog:not([open]){display:none!important}
#niner-cafe-operations .cafe-sound-dialog::backdrop{background:#061f2dcc}
#niner-cafe-operations .cafe-sound-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
#niner-cafe-operations .cafe-sound-heading h2{font-size:22px;margin:0 0 6px;color:#061f2d}
#niner-cafe-operations .cafe-sound-heading p,#niner-cafe-operations .cafe-sound-help{font-size:13px;line-height:1.55;color:#526577;margin:0}
#niner-cafe-operations .cafe-sound-row{margin:20px 0}
#niner-cafe-operations .cafe-sound-row label{display:block;font-weight:750;margin-bottom:7px}
#niner-cafe-operations .cafe-sound-row>div{display:flex;gap:8px}
#niner-cafe-operations .cafe-sound-row select{flex:1;width:100%;border:1px solid #8298a8;border-radius:9px;padding:10px;background:#fff;color:#102d3d}
#niner-cafe-operations .cafe-sound-actions{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:18px}
#niner-cafe-operations .cafe-sound-status{font-size:13px;line-height:1.5;color:#075064;min-height:20px;margin:10px 0}
#niner-cafe-operations .cafe-sound-error{color:#a82020;font-size:13px}
#niner-cafe-operations .cafe-sound-dialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){#niner-cafe-operations .cafe-sound-dialog{padding:16px}#niner-cafe-operations .cafe-sound-row{margin:15px 0}#niner-cafe-operations .cafe-sound-actions .btn{flex:1;justify-content:center}}
/* Salon ve masalar: each record is a card, including all of its actions. */
.cafe-table-cards .fi-ta-content{background:#f3f7fa!important;padding:14px}
.cafe-table-cards .fi-ta-record{border:1px solid #d5e1e9!important;border-radius:16px!important;background:#fff!important;overflow:hidden;min-width:0;box-shadow:0 4px 14px #123b500d}
.cafe-table-cards .fi-ta-record-content{padding:18px!important}
.cafe-table-cards .fi-ta-record .fi-ta-text{color:#102d3d}
.cafe-table-cards .fi-ta-record-content-ctn{min-width:0}
.cafe-table-cards .fi-ta-record .fi-ta-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0!important;padding:12px!important;border-top:1px solid #d5e1e9;background:#f8fafb}
.cafe-table-cards .fi-ta-record .fi-ta-actions .fi-btn{width:100%;min-width:0;justify-content:center;font-size:12px}
.cafe-table-cards .fi-btn.fi-color-primary{background:#ffb61e!important;color:#061f2d!important;border-color:#ffb61e!important}
.cafe-table-cards .fi-ta-actions .fi-btn.fi-color-info{background:#e6f0f5!important;color:#123b50!important;border:1px solid #b9d0dd}
.cafe-table-cards .fi-ta-actions .fi-btn.fi-color-danger{background:#fff0ef!important;color:#a32c2c!important;border:1px solid #edb9b6}
.cafe-table-cards .fi-btn .fi-icon{color:currentColor!important}
.cafe-table-cards .fi-badge{background:#edf4f7;color:#194254;border:0;padding:4px 8px;border-radius:7px}
.cafe-table-cards .fi-badge.fi-color-success{background:#e4f4eb;color:#166443}
.cafe-table-cards .fi-badge.fi-color-gray{background:#edf0f2;color:#5b6971}
.cafe-table-cards .fi-ta-group-header{background:#edf3f6!important;color:#102d3d!important;border-color:#d5e1e9!important}
.cafe-table-cards .fi-ta-group-header :is(h4,span){color:#102d3d!important}
html:has(#niner-cafe-operations) :is(.nino-floating,.niner-live-strip__nino-bay,.niner-nino,.niner-nino-say),
html:has(.cafe-management) :is(.nino-floating,.niner-live-strip__nino-bay,.niner-nino,.niner-nino-say){display:none!important}
/* Layout state lives on html, outside Livewire updates and independent of URL query parameters. */
html.niner-cafe-page{--ops-navy:#061f2d;--ops-yellow:#ffb61e;--ops-light:#eaf2f7;--ops-muted:#b8ccd8}
html.niner-cafe-page :is(.nino-floating,.niner-live-strip__nino-bay,.niner-nino,.niner-nino-say){display:none!important}
html.cafe-embedded :is(.fi-sidebar,.fi-topbar,.fi-topbar-ctn,.fi-header,.fi-breadcrumbs,.kule-topbar,.cafe-management){display:none!important}
html.cafe-embedded .fi-main-ctn{margin-inline-start:0!important;padding-top:0!important;max-width:100%!important}
html.cafe-embedded .fi-main{max-width:none!important;padding:12px!important;margin:0!important}
html.cafe-embedded .fi-page{padding:0!important;min-width:0}
html.cafe-embedded .fi-page:has(.cafe-management){padding-bottom:0!important}

/* Default selected table: account, payment controls and search share the available height. */
html:not(.cafe-ops-mode) #niner-cafe-operations .hero-actions :is([data-sounds-open],a[href*="qr-menu-tasarimi"]){display:none!important}
html:not(.cafe-ops-mode) #niner-cafe-operations .hero-actions [data-fullscreen]{min-height:62px;padding:18px 28px;font-size:18px;justify-content:center;min-width:min(100%,280px)}
@media(max-width:600px){html:not(.cafe-ops-mode) #niner-cafe-operations .hero-actions [data-fullscreen]{width:100%;font-size:16px}}
html.cafe-ops-mode #niner-cafe-operations .erp-filter-group{gap:6px;padding:1px 0}
html.cafe-ops-mode #niner-cafe-operations .erp-filter{border:1px solid #cddde5!important;border-radius:8px!important;margin:0!important;background:#fff;color:#284554}
html.cafe-ops-mode #niner-cafe-operations .erp-filter.active{border-color:var(--ops-yellow)!important}
html.cafe-ops-mode #niner-cafe-operations .table-card.bill{background:linear-gradient(145deg,#ffe1df,#fff3f2)!important}
html.cafe-ops-mode #niner-cafe-operations .table-card.waiter:not(.bill){background:linear-gradient(145deg,#dff4ff,#effaff)!important}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-card{gap:4px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-top{display:flex!important;flex-wrap:nowrap!important;gap:4px;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.cafe-ops-mode #niner-cafe-operations .has-selection .area-badge{max-width:44%;font-size:7px;padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-state{min-width:0;gap:5px;line-height:14px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-state b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-time{margin:0!important;font-size:10px!important;line-height:13px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-card-footer{margin-top:auto;padding-top:4px;gap:2px 5px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-card-footer strong{font-size:14px!important;line-height:18px}
html.cafe-ops-mode #niner-cafe-operations .hero h1:before{display:none!important}
html.cafe-ops-mode #niner-cafe-operations .ops-panel.has-selection>.detail{border-color:transparent!important;box-shadow:none!important}
html.cafe-ops-mode #niner-cafe-operations .order-items-scroll{scrollbar-gutter:auto!important;min-height:0!important;flex:0 1 auto!important}
html.cafe-ops-mode #niner-cafe-operations .order-summary{padding-right:0!important}
html.cafe-ops-mode #niner-cafe-operations .account-box>.call-list{margin:0 0 7px!important;flex:0 0 auto;max-height:85px;overflow:auto}
html.cafe-ops-mode #niner-cafe-operations .account-box>.call-list .call{width:100%;justify-content:space-between;padding:6px 8px;font-size:12px}
html.cafe-ops-mode #niner-cafe-operations .account-box>.call-list .btn{padding:5px 8px;min-height:30px;font-size:12px}
html.cafe-ops-mode #niner-cafe-operations .detail-head{flex-direction:row!important;align-items:center!important;gap:10px!important}
html.cafe-ops-mode #niner-cafe-operations .detail-head>div:first-child{flex:1 1 190px;min-width:0}
html.cafe-ops-mode #niner-cafe-operations .detail-head .muted{font-size:11px;line-height:1.4}
html.cafe-ops-mode #niner-cafe-operations .detail-tools{margin-left:auto}
html.cafe-ops-mode #niner-cafe-operations .detail-confirm{background:#ffb61e!important;color:#061f2d!important;border:1px solid #d59000;justify-content:center;min-height:38px;padding:8px 10px;font-size:13px;line-height:1.3;animation:niner-confirm-attention 1.8s ease-in-out infinite}
html.cafe-ops-mode #niner-cafe-operations .detail-confirm:disabled{opacity:.65;animation:none;cursor:wait}
@keyframes niner-confirm-attention{0%,100%{box-shadow:0 0 0 0 #ffb61e00}50%{box-shadow:0 0 0 4px #ffb61e55;background:#ffd56b}}
@media(prefers-reduced-motion:reduce){html.cafe-ops-mode #niner-cafe-operations .detail-confirm{animation:none!important}}
@media(min-width:901px) and (min-height:650px){
 html.cafe-ops-mode #niner-cafe-operations .ops-panel>.section-head>div:first-child{flex:0 1 auto;min-width:140px}
 html.cafe-ops-mode #niner-cafe-operations .erp-toolbar{flex:1 1 0;flex-wrap:nowrap!important}
 html.cafe-ops-mode #niner-cafe-operations .erp-filter-group{flex:1 1 180px}
 html.cafe-ops-mode #niner-cafe-operations .erp-legend{flex:0 0 auto}
 html.cafe-ops-mode #niner-cafe-operations .erp-table-search{flex:0 1 180px}
 html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail{overflow:hidden!important;scrollbar-gutter:auto;gap:8px}
 html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail>.detail-head{margin:0!important;padding:8px!important}
 html.cafe-ops-mode #niner-cafe-operations .detail>.operation-top{flex:1 1 0!important;min-height:0!important;overflow:hidden;align-items:start}
 html.cafe-ops-mode #niner-cafe-operations .operation-top>.operation-box{grid-column:auto!important;max-height:100%;overflow:auto;scrollbar-gutter:auto}
 html.cafe-ops-mode #niner-cafe-operations .operation-top>.account-box{height:auto!important;align-self:start;overflow:hidden}
 html.cafe-ops-mode #niner-cafe-operations .account-box .order-lines{flex:0 1 auto;min-height:0;overflow:hidden}
 html.cafe-ops-mode #niner-cafe-operations .account-box .order-items-scroll{max-height:none!important}
 html.cafe-ops-mode #niner-cafe-operations .payment-log{max-height:85px;flex:0 1 auto;overflow:auto}
 html.cafe-ops-mode #niner-cafe-operations .detail>.products-wide{margin:0!important;padding:8px 10px!important}
 html.cafe-ops-mode #niner-cafe-operations .product-search-wrap{display:flex!important;flex-wrap:nowrap!important;gap:8px}
 html.cafe-ops-mode #niner-cafe-operations .product-search-label{flex:0 1 185px;font-size:12px!important;line-height:1.3}
 html.cafe-ops-mode #niner-cafe-operations .product-search-wrap .search{padding:8px 10px;height:36px!important}
 html.cafe-ops-mode #niner-cafe-operations .product-search-wrap .btn{height:36px;padding:6px 14px;font-size:13px}
 html.cafe-ops-mode #niner-cafe-operations .detail>.call-list{margin:0!important;max-height:75px;overflow:auto}
 html.cafe-ops-mode #niner-cafe-operations .detail>.call-list .call{padding:5px 8px;font-size:12px;margin:0}
 html.cafe-ops-mode #niner-cafe-operations .detail>.actions{margin:0!important}
 /* Expanded search results and unusually short windows retain a reachable scroll. */
 html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail:has(.products-wide.has-search){overflow-y:auto!important}
 html.cafe-ops-mode #niner-cafe-operations .detail:has(.products-wide.has-search)>.operation-top{flex:0 0 auto!important;overflow:visible}
 html.cafe-ops-mode #niner-cafe-operations .detail:has(.products-wide.has-search) .account-box .order-items-scroll{max-height:190px!important}
}
@media(min-width:901px) and (max-width:1100px){
 html.cafe-ops-mode #niner-cafe-operations .ops-panel.has-selection{grid-template-columns:minmax(0,1fr)!important}
 html.cafe-ops-mode #niner-cafe-operations .has-selection>.tables{display:none!important}
 html.cafe-ops-mode #niner-cafe-operations .has-selection>.detail{grid-column:1!important}
}
@media(min-width:901px) and (max-height:850px){
 html.cafe-ops-mode #niner-cafe-operations .detail-head h2{font-size:18px!important}
 html.cafe-ops-mode #niner-cafe-operations .operation-box{padding:9px!important}
 html.cafe-ops-mode #niner-cafe-operations .operation-box h3{font-size:15px!important;margin:0 0 6px!important;padding-bottom:6px!important}
 html.cafe-ops-mode #niner-cafe-operations .account-meta{gap:5px;padding-bottom:6px;font-size:10px}
 html.cafe-ops-mode #niner-cafe-operations .pay-display{min-height:60px!important;padding:6px 10px!important}
 html.cafe-ops-mode #niner-cafe-operations .pay-display b{font-size:29px!important}
 html.cafe-ops-mode #niner-cafe-operations .pay-display small{font-size:10px!important}
 html.cafe-ops-mode #niner-cafe-operations .pay-keypad{gap:5px!important;margin-top:6px!important}
 html.cafe-ops-mode #niner-cafe-operations .pay-keypad button{height:32px!important}
 html.cafe-ops-mode #niner-cafe-operations .payment-box .search{height:32px!important;padding:5px 9px!important;margin-top:6px!important;font-size:12px}
 html.cafe-ops-mode #niner-cafe-operations .payment-box .actions{margin-top:6px!important;gap:6px!important}
 html.cafe-ops-mode #niner-cafe-operations .payment-box .actions :is(.btn,.mini){min-height:34px!important;padding:6px!important}
 html.cafe-ops-mode #niner-cafe-operations .order-summary .line{padding:6px 8px!important}
 html.cafe-ops-mode #niner-cafe-operations .order-summary .line b{font-size:18px!important}
}
@media(max-width:900px){
 html.cafe-ops-mode #niner-cafe-operations .operation-top>.operation-box{grid-column:auto!important}
 html.cafe-ops-mode #niner-cafe-operations .detail-confirm{flex:1 1 auto}
 html.cafe-ops-mode #niner-cafe-operations .detail-tools{flex:1 1 auto}
}

/* Saved tenant palette. Scope remains inside the full-screen operation workspace. */
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-top{flex-wrap:wrap!important;row-gap:2px}
html.cafe-ops-mode #niner-cafe-operations .has-selection .table-name{flex:1 0 100%}
html.cafe-ops-mode #niner-cafe-operations .has-selection .area-badge{max-width:100%}
html:not(.cafe-ops-mode) #niner-cafe-operations .hero-actions [data-operation-design]{display:none!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme],
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.stats,.ops-panel,.tables,.operation-top,.ops-panel>.detail,.product-grid){background:var(--op-canvas)!important;color:var(--op-outer-ink)}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.hero,.stat,.panel,.table-card,.detail-head,.operation-box,.products-wide,.product,.order-lines,.order-summary,.erp-activity){border-color:var(--op-accent)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.stat,.operation-box,.products-wide,.detail-head,.detail-placeholder,.product){background:var(--op-card)!important;color:var(--op-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.detail-head h2,.operation-box h3,.stat>b,.account-meta b,.product b){color:var(--op-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .product-search-label{color:var(--op-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.detail-head .muted,.account-meta,.stat>span:not(.stat-icon),.stat>small,.products-head .muted){color:color-mix(in srgb,var(--op-ink) 76%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .hero{background:var(--op-header)!important;color:var(--op-header-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .hero :is(h1,small,.erp-meta){color:var(--op-header-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .ops-panel>.section-head :is(h2,.muted,.erp-legend){color:var(--op-outer-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .erp-legend{color:var(--op-outer-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card:not(.bill):not(.waiter){background:var(--op-card)!important;color:var(--op-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card.busy:not(.bill):not(.waiter){background:color-mix(in srgb,var(--op-accent) 13%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card :is(.table-name,.table-card-footer strong){color:inherit!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card :is(.table-time,.table-card-footer){color:inherit!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card.bill{background:linear-gradient(145deg,#ffe1df,#fff3f2)!important;color:#7b2926!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card.waiter:not(.bill){background:linear-gradient(145deg,#dff4ff,#effaff)!important;color:#16485c!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .table-card.active{outline-color:var(--op-accent)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.btn-yellow,.erp-filter.active,.detail-tools>.btn-navy,.detail-confirm){background:var(--op-accent)!important;color:var(--op-on-accent)!important;border-color:var(--op-accent)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .btn-navy{background:var(--op-display);color:var(--op-display-ink);border-color:var(--op-accent)}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .pay-display:not([style]){background:var(--op-display)!important;color:var(--op-display-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .pay-display small{color:inherit!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(input,select,textarea,.pay-keypad button,.erp-filter:not(.active),.btn-soft){background:var(--op-card)!important;color:var(--op-ink)!important;border-color:color-mix(in srgb,var(--op-ink) 30%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--op-ink) 65%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-items-scroll .line{background:color-mix(in srgb,var(--op-accent) 8%,var(--op-card))!important;color:var(--op-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-items-scroll .line:nth-child(even){background:var(--op-card)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-items-scroll .line b{background:transparent!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-summary .line{background:var(--op-card)!important;color:var(--op-ink)!important;border-color:color-mix(in srgb,var(--op-ink) 20%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-summary .line b{color:var(--op-ink)!important;background:transparent!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .order-summary .line.total{background:color-mix(in srgb,var(--op-accent) 15%,var(--op-card))!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .ops-panel.has-selection>.detail{border-color:transparent!important;box-shadow:none!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] :is(.tables,.detail){scrollbar-color:var(--op-accent) var(--op-canvas)}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .detail-confirm{animation-name:niner-theme-confirm}
@keyframes niner-theme-confirm{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--op-accent) 45%,transparent)}}

/* The operation workspace must remain below Filament's modal and focus overlay. */
html.cafe-ops-mode #niner-cafe-operations.cp{z-index:30!important}
@media(min-width:901px){
 html.cafe-ops-mode #niner-cafe-operations .operation-top{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr)!important}
}

/* Only the operation workspace uses the selected business font. */
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme],html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] *{font-family:var(--op-font,"IBM Plex Sans",ui-sans-serif,system-ui)!important}

/* Live activity remains visible as a compact, pausable stream. */
html.cafe-ops-mode #niner-cafe-operations>.erp-activity.erp-ticker{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:14px!important;min-height:38px!important;max-height:44px;height:38px!important;padding:5px 10px!important;background:var(--op-header,var(--ops-navy))!important;color:var(--op-header-ink,#eaf2f7)!important;border-color:var(--op-accent,var(--ops-yellow))!important;overflow:hidden!important}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker .erp-activity-title{flex:0 0 auto;font-size:12px;font-weight:750;color:inherit!important;white-space:nowrap}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-window{min-width:0;flex:1;overflow:hidden}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-track{display:flex;width:max-content;min-width:200%;animation:niner-activity-scroll var(--ticker-duration,30s) linear infinite;will-change:transform}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-group{display:flex;align-items:center;flex:1 0 auto}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-event{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;font-size:13px;color:inherit}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-icon{width:18px;height:18px;flex:0 0 auto;color:var(--op-accent,var(--ops-yellow))}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-divider{display:inline-block;margin:0 20px 0 12px;opacity:.5}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:13px;cursor:pointer}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause::after{content:'Ⅱ';pointer-events:none}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause:has(input:checked)::after{content:'▶'}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker-empty{font-size:12px;opacity:.85}
html.cafe-ops-mode #niner-cafe-operations .erp-ticker:is(:has(.erp-ticker-toggle:checked),:hover,:focus-within) .erp-ticker-track{animation-play-state:paused}
@keyframes niner-activity-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html.cafe-ops-mode #niner-cafe-operations .erp-ticker-track{animation:none!important;min-width:0}html.cafe-ops-mode #niner-cafe-operations .erp-ticker-window{overflow-x:auto}html.cafe-ops-mode #niner-cafe-operations .erp-ticker-group[aria-hidden=true]{display:none}html.cafe-ops-mode #niner-cafe-operations .erp-ticker-pause{display:none}}
@media(max-width:600px){html.cafe-ops-mode #niner-cafe-operations .erp-ticker .erp-activity-title{font-size:10px}html.cafe-ops-mode #niner-cafe-operations .erp-ticker-event{font-size:11px}html.cafe-ops-mode #niner-cafe-operations>.erp-activity.erp-ticker{gap:8px!important}}

html.cafe-ops-mode #niner-cafe-operations .erp-ticker-time{font-size:10px;opacity:.75}

/* Header status labels use the selected header foreground, including light palettes. */
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .hero :is(.erp-live,.shift-chip){color:var(--op-header-ink)!important}
html.cafe-ops-mode #niner-cafe-operations[data-ops-theme] .hero .shift-chip{background:transparent!important;border:1px solid color-mix(in srgb,var(--op-header-ink) 45%,var(--op-header))!important;border-radius:18px;padding:7px 12px}