
/* SBR v8 enterprise navy / champagne interface */
:root{
  --primary:#102f52;--primary-hover:#0a2441;--primary-2:#eef3f8;--primary-3:#dbe7f1;
  --ink:#14253a;--muted:#66768a;--surface:#ffffff;--surface-2:#f4f6f8;--line:#dce3ea;--line-strong:#c9d3de;
  --navy-950:#07182b;--navy-900:#0b223d;--navy-800:#103253;--navy-700:#17456e;
  --gold:#b89243;--gold-strong:#a37b2e;--gold-soft:#f6eedc;--ivory:#fbfaf7;
  --shadow-sm:0 5px 16px rgba(10,32,57,.055);--shadow:0 18px 55px rgba(7,24,43,.12);--sidebar:268px;
}
html{font-size:15px}body{background:#f2f4f7;color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);padding:22px 16px 16px;background:linear-gradient(165deg,var(--navy-950),var(--navy-900) 55%,#0e2d4e);border-right:1px solid rgba(255,255,255,.08);color:#fff}.brand-area{padding:3px 7px 22px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-area strong{color:#fff;font-size:.98rem}.brand-area small{color:#aebed0;letter-spacing:.025em}.brand-fallback{background:linear-gradient(145deg,#f7edd5,#d8b86b);color:#17324d;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px rgba(0,0,0,.18)}.nav-list{gap:5px;margin-top:19px}.nav-item{display:flex;align-items:center;width:100%;min-height:46px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:#b9c7d6;font-size:.84rem;font-weight:720;text-decoration:none;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(100deg,rgba(184,146,67,.2),rgba(255,255,255,.075));border-color:rgba(216,184,112,.32);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.nav-icon{display:grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:8px;color:#93aac1}.nav-item.active .nav-icon{color:#dfc783}.nav-item b{margin-left:auto;background:#d7b469;color:#102942}.sidebar-insight{margin-top:auto;margin-bottom:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.sidebar-insight>span{display:block;color:#9fb1c5;font-size:.59rem;font-weight:800;letter-spacing:.16em}.sidebar-insight b{display:flex;align-items:center;gap:7px;margin-top:7px;color:#eef4fa;font-size:.76rem}.sidebar-insight b i{width:7px;height:7px;border-radius:50%;background:#62c69a;box-shadow:0 0 0 4px rgba(98,198,154,.12)}.sidebar-insight small{display:block;margin-top:5px;color:#8fa3b8;font-size:.64rem}.sidebar-foot{margin-top:0;padding:12px 5px 2px;border-top:1px solid rgba(255,255,255,.1)}.user-mini>span{background:var(--gold-soft);color:#183553}.user-mini b{color:#f5f8fb}.user-mini small{color:#9fb0c2}.sidebar-logout{border-color:rgba(255,255,255,.12);color:#c6d2df;background:rgba(255,255,255,.04)}
.main-area{margin-left:var(--sidebar)}.topbar{min-height:82px;padding:13px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid #e1e6ec;box-shadow:0 3px 13px rgba(12,37,64,.035);backdrop-filter:blur(14px)}.page-heading .eyebrow{color:var(--gold-strong)}.page-heading h1{font-size:1.75rem;letter-spacing:-.035em}.topbar-actions{gap:9px}.icon-btn{border-color:#d5dde5;background:#fff;color:#2d4c69}.notification-btn{position:relative}.btn.primary{background:linear-gradient(135deg,#143d65,#0d2948);color:#fff;border-color:#12385f;box-shadow:0 8px 20px rgba(13,41,72,.16)}.btn.primary:hover{background:linear-gradient(135deg,#194a78,#102f52)}.btn.secondary{background:#fff;color:#183c60;border-color:#cbd6e0}.btn.secondary:hover{border-color:#b89243;background:#fffaf0}.text-btn{color:#8b6723}.sound-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #dcc895;background:#fffaf0;color:#7a5a20}.sound-status.sound-ready{border-color:#bdd8ca;background:#eff8f3;color:#26714d}.sound-status .ui-icon{width:15px;height:15px}
.global-filters{margin:18px 28px 0}.view{padding:22px 28px 44px}.panel{border:1px solid #dde4eb;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.panel:before{content:"";position:absolute}.panel-head{border-bottom:1px solid transparent}.panel h2{letter-spacing:-.025em}.eyebrow{color:#96712f;letter-spacing:.145em}.metrics-grid{gap:13px}.metric-card{border:1px solid #dde4eb;border-radius:13px;background:#fff;box-shadow:var(--shadow-sm)}.metric-card.primary-metric{border-color:#d7c28d;background:linear-gradient(145deg,#fff,#fbf7ed)}.metric-icon{background:#eef3f8;color:#153b60}.primary-metric .metric-icon{background:var(--gold-soft);color:#8a6626}.metric-card strong{color:#102c49}.segmented{background:#edf1f5;border-color:#d8e0e8}.segmented button.active{background:#fff;color:#163c61;box-shadow:0 2px 8px rgba(12,39,66,.08)}input,select,textarea{border-color:#ccd6df;background:#fff;color:#172b40}.order-card,.menu-admin-card,.user-card,.qr-card{border-radius:13px;border-color:#dce3ea;box-shadow:var(--shadow-sm)}.order-card{border-top:3px solid #173f67}.status-badge{font-weight:800}.sla-pill.good{background:#eaf6f0;color:#28724f}.performance-row .progress-track span,.bar-fill{background:linear-gradient(180deg,#c8a65b,#a77f31)}.rank-row>b{color:#a37b2e;background:#f8f0df}.notification-drawer{border:1px solid #d6dee6;box-shadow:0 26px 70px rgba(5,23,41,.22)}.drawer-head{background:linear-gradient(135deg,#0b223d,#113b62);color:#fff}.drawer-head .eyebrow{color:#e2ca8d}.drawer-head h2{color:#fff}.live-popup{border-top:4px solid var(--gold);box-shadow:0 22px 55px rgba(7,24,43,.2)}.live-popup.new-order{border-top-color:#b89243}.live-popup.guest-request{border-top-color:#315f8c}.modal{background:rgba(5,18,32,.52)}.modal-panel{border:1px solid #d8e0e7;box-shadow:0 35px 100px rgba(4,18,34,.28)}.settings-nav{top:98px}.settings-nav button.active{background:#102f52;color:#fff}.intro-panel{background:linear-gradient(120deg,#fff,#f7f2e6)}.qr-url-status{border-color:#d7c38f;background:#fffaf0}.login-shell.enterprise-login{background:#f4f5f7}.enterprise-login .login-visual{background:radial-gradient(circle at 18% 12%,rgba(184,146,67,.23),transparent 28%),linear-gradient(145deg,#07182b,#0d2d4d 62%,#123b61);color:#fff}.enterprise-login .login-visual:after{content:"";position:absolute;right:-100px;bottom:-130px;width:420px;height:420px;border:1px solid rgba(221,194,128,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.login-copy h1{max-width:640px;color:#fff}.login-copy p{color:#c1cede}.login-brand{color:#fff}.login-brand img{padding:8px;border-radius:10px;background:#fff}.login-proof span{border-color:rgba(220,194,129,.35);background:rgba(184,146,67,.09);color:#e4d3aa}.login-card{border-radius:18px;border:1px solid #dce3ea;box-shadow:0 24px 70px rgba(9,31,54,.13)}.login-card-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:10px;background:linear-gradient(145deg,#102f52,#184b76);color:#e8d195;font-size:.72rem;font-weight:900;letter-spacing:.1em}.login-card .btn.primary{min-height:48px}.demo-accounts button{border-color:#d7dfe7;background:#f8fafb;color:#294966}
@media(max-width:940px){:root{--sidebar:232px}.global-filters{margin-left:18px;margin-right:18px}.view{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.topbar{padding:10px 13px}.topbar-actions .sound-status{max-width:44px;width:44px;padding:0;overflow:hidden;white-space:nowrap;color:transparent;gap:0}.topbar-actions .sound-status .ui-icon{color:#8a6624;margin:0}.topbar-actions .sound-status.sound-ready{color:transparent}.topbar-actions .sound-status.sound-ready .ui-icon{color:#26714d}.global-filters{margin:11px 12px 0}.view{padding:14px 12px 34px}.sidebar{width:min(86vw,300px)}.panel{border-radius:12px}.sidebar-insight{display:block}}

/* v9 menu architecture and mobile hardening */
.nav-subitem{margin-left:14px;padding-left:16px;font-size:.76rem;opacity:.88}.nav-subitem .nav-icon{width:27px;height:27px}.config-layout{display:grid;grid-template-columns:1fr;gap:18px}.category-config,.modifier-template-config{display:grid;gap:10px;margin-top:15px}.config-row{display:grid;grid-template-columns:130px minmax(170px,1fr) 85px minmax(240px,1.5fr) auto 38px;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd}.config-row input{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.config-outlets{display:flex;flex-wrap:wrap;gap:6px}.config-outlets label{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:#eef2f6;font-size:.6rem}.template-editor{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd}.template-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.template-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #d5c18e;border-radius:999px;background:#fffaf0;color:#72551f;font-size:.7rem;font-weight:750}.media-upload-card{padding:13px;border:1px dashed var(--line-strong);border-radius:12px;background:#fafbfc}.media-upload-card>span{font-weight:750}.media-upload-card small{display:block;margin-top:5px;color:var(--muted);font-size:.65rem}.upload-preview{display:flex;align-items:center;gap:10px;margin-top:10px}.upload-preview img{width:90px;height:68px;border-radius:9px;object-fit:cover}.upload-preview b,.upload-preview small{display:block}.upload-error{color:#a0423d}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.page-intro h2{margin:0}.page-intro p:not(.eyebrow){max-width:720px;color:var(--muted)}
@media(max-width:1100px){.config-row{grid-template-columns:1fr 1fr 85px}.config-outlets{grid-column:1/-1}.category-config-row .switch-row{justify-self:start}}
@media(max-width:760px){.page-intro{display:block}.page-intro .button-row{margin-top:12px}.config-row{grid-template-columns:1fr}.config-outlets{grid-column:auto}.nav-subitem{margin-left:0}.modifier-option-row{grid-template-columns:1fr!important}.modifier-option-row .icon-btn{justify-self:end}.visual-builder{padding:12px}.modal-panel{width:calc(100% - 12px)!important;max-width:none!important;margin:6px!important;padding:16px 12px calc(18px + env(safe-area-inset-bottom))!important}.form-grid,.compact-grid{grid-template-columns:1fr!important}.form-grid label,.full-field{grid-column:1!important}.main-area,.view,.panel,.toolbar,.topbar,.global-filters{max-width:100%;min-width:0}.topbar{gap:8px;padding:10px 12px}.page-heading h1{font-size:1.18rem;overflow-wrap:anywhere}.topbar-actions{gap:5px}.sound-status{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.global-filters .segmented{grid-column:1/-1;overflow-x:auto}.metrics-grid{grid-template-columns:1fr!important}.content-grid,.content-grid.equal,.content-grid.two-one,.settings-layout{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto}.panel{padding:14px}.menu-admin-grid,.qr-grid,.user-grid{grid-template-columns:1fr!important}.view-actions{align-items:stretch;flex-direction:column}.view-actions .button-row,.view-actions>div{width:100%}.outlet-tabs{overflow-x:auto;flex-wrap:nowrap}.orders-toolbar{display:grid!important}.toolbar-right{display:grid!important;grid-template-columns:1fr!important;width:100%}.segmented{max-width:100%;overflow-x:auto}.settings-nav{display:flex!important;overflow-x:auto}.settings-nav button{flex:0 0 auto}}

/* v10 responsive enterprise stabilization */
html,body{max-width:100%;overflow-x:hidden}*{min-width:0}.main-area,.topbar,.view,.global-filters,.panel,.metric-card,.order-card,.menu-admin-card,.qr-card,.user-card{box-sizing:border-box}.panel,.metric-card,.order-card,.menu-admin-card,.qr-card,.user-card{overflow-wrap:anywhere}.topbar-actions .btn,.topbar-actions .icon-btn,.toolbar .btn{min-height:42px}.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:720px}.form-grid>*{min-width:0}.modal-panel{max-height:calc(100dvh - 24px);overflow:auto}.notification-drawer{max-width:min(430px,calc(100vw - 20px))}.live-popup{max-width:min(410px,calc(100vw - 20px))}.filter-group select,.filter-group input{max-width:100%}.metric-card strong{font-variant-numeric:tabular-nums}.order-card .button-row,.panel-head .button-row{flex-wrap:wrap}
@media(max-width:760px){
  html{font-size:15px}.main-area{width:100%;margin-left:0}.view{width:100%;overflow-x:hidden}.topbar{min-height:68px}.page-heading{min-width:0;flex:1}.page-heading .eyebrow{font-size:.68rem}.page-heading h1{font-size:1.25rem;line-height:1.15}.topbar-actions{flex:0 0 auto}.topbar-actions .btn{padding-inline:11px}.global-filters{width:auto}.global-filters label,.global-filters select,.global-filters input{font-size:.8rem}.metric-card{min-height:132px;padding:16px}.metric-card span,.panel p,.order-card p,.menu-admin-card p{font-size:.8rem;line-height:1.5}.metric-card strong{font-size:1.45rem}.panel-head{align-items:flex-start;gap:10px}.panel-head h2{font-size:1.08rem}.panel-head>div:first-child{min-width:0}.order-card,.menu-admin-card,.qr-card,.user-card{padding:14px}.order-card h3,.menu-admin-card h3,.qr-card h3,.user-card h3{font-size:.96rem}.status-badge,.sla-pill,.chip{font-size:.69rem;line-height:1.2}.toolbar input,.toolbar select,.toolbar .btn{width:100%}.notification-drawer{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px)}.live-popup-stack{left:8px;right:8px;bottom:calc(12px + env(safe-area-inset-bottom))}.live-popup{width:100%;max-width:none}.settings-nav{top:68px}.settings-content{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.modal-panel h2{font-size:1.15rem}.button-row{gap:8px}.button-row .btn{min-height:42px}.content-grid{gap:12px}.chart-panel{overflow:hidden}.chart-bars{min-width:520px}.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){
  .view{padding:12px 10px 30px}.global-filters{margin-inline:10px;grid-template-columns:1fr!important}.global-filters .segmented{grid-column:1}.topbar{padding-inline:10px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:1.15rem}.topbar-actions .icon-btn{width:40px;height:40px}.topbar-actions .sound-status{display:none}.panel{padding:13px}.metric-card{min-height:120px}.metric-card strong{font-size:1.32rem}.panel-head{display:block}.panel-head .button-row{margin-top:10px;width:100%}.panel-head .button-row .btn{flex:1}.orders-toolbar,.view-actions{gap:9px}.segmented button{min-height:38px;padding-inline:11px;font-size:.72rem}.status-badge,.sla-pill{white-space:normal;text-align:center}.login-card{padding:22px 18px}.login-card h2{font-size:1.35rem}.enterprise-login .login-visual{display:none}.login-shell.enterprise-login{display:grid;place-items:center;padding:14px}.login-panel{width:100%;padding:0}.modal-panel{width:calc(100% - 8px)!important;margin:4px!important;border-radius:16px!important}.config-row,.template-editor{padding:11px}.media-upload-card{padding:11px}.upload-preview{align-items:flex-start}.upload-preview img{width:76px;height:57px}
}

/* v10.2 visual menu architecture */
.menu-setup-page{padding-bottom:96px}.setup-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:22px;align-items:stretch;margin-bottom:18px;padding:28px;border:1px solid #d9e2ec;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f7f9fc 58%,#f0f4f8 100%);box-shadow:0 18px 48px rgba(11,31,54,.07)}.setup-hero-copy{max-width:720px}.setup-hero h2{max-width:640px;margin:5px 0 9px;font-size:clamp(1.65rem,2.4vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.setup-hero-copy>p:not(.eyebrow){max-width:680px;margin:0 0 20px;color:#5d6e80;line-height:1.65}.setup-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center}.setup-summary-grid article{position:relative;min-width:0;padding:17px 15px;border:1px solid #dbe4ed;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(11,31,54,.05)}.setup-summary-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border-radius:10px;background:#eef3f8;color:#173f6b}.setup-summary-grid svg{width:18px;height:18px}.setup-summary-grid b,.setup-summary-grid small,.setup-summary-grid em{display:block}.setup-summary-grid b{color:#0b1f36;font-size:1.55rem;line-height:1}.setup-summary-grid small{margin-top:5px;color:#526477;font-size:.72rem;font-weight:800}.setup-summary-grid em{margin-top:10px;color:#a27828;font-size:.65rem;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.setup-toolbar{position:sticky;z-index:12;top:78px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:10px 12px;border:1px solid #dbe4ed;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(11,31,54,.06);backdrop-filter:blur(14px)}.setup-tabs{display:flex;gap:5px;padding:4px;border-radius:12px;background:#edf2f7}.setup-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;padding:0 17px;color:#637486;font-size:.79rem;font-weight:850;cursor:pointer}.setup-tabs button.active{background:#0b3158;color:#fff;box-shadow:0 6px 18px rgba(11,49,88,.2)}.setup-toolbar>p{margin:0;text-align:right;font-size:.76rem}.setup-pane[hidden]{display:none!important}.setup-workspace{padding:24px;border:1px solid #dbe4ed;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(11,31,54,.06)}.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e6edf3}.workspace-head h2{margin:3px 0 5px;font-size:1.32rem}.workspace-head p:not(.eyebrow){margin:0;color:#637486;font-size:.8rem}.category-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-editor-card{min-width:0;padding:19px;border:1px solid #dbe4ed;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcfe);transition:border-color .2s,box-shadow .2s,transform .2s}.category-editor-card:focus-within{border-color:#7e9bbb;box-shadow:0 0 0 4px rgba(35,83,128,.08),0 16px 34px rgba(11,31,54,.07);transform:translateY(-1px)}.category-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:17px}.category-title{display:flex;min-width:0;gap:11px;align-items:center}.category-title>span,.template-number{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:#0b3158;color:#f0dca6;font-size:.72rem;font-weight:900;letter-spacing:.06em}.category-title h3{overflow:hidden;margin:2px 0 0;color:#0b1f36;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.category-card-actions{display:flex;gap:10px;align-items:center}.modern-switch{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.modern-switch input{position:absolute;opacity:0;pointer-events:none}.modern-switch span{position:relative;width:37px;height:21px;border-radius:999px;background:#ccd7e2;transition:.2s}.modern-switch span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s}.modern-switch input:checked+span{background:#1c6b5a}.modern-switch input:checked+span:after{transform:translateX(16px)}.modern-switch b{color:#506275;font-size:.69rem}.subtle-remove{border-color:#ead9d8!important;background:#fff!important;color:#a84943!important}.category-field-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}.category-field-grid label,.template-form-grid label,.modern-option-row label{display:grid;gap:6px;min-width:0;color:#42576c;font-size:.71rem;font-weight:800}.category-field-grid small,.template-form-grid small,.modern-option-row small{color:#66788a;font-size:.65rem;font-weight:800}.category-field-grid input,.template-form-grid input,.modern-option-row input{width:100%;min-width:0;height:42px;border:1px solid #cfdae5;border-radius:11px;background:#fff;padding:0 12px;color:#0b1f36;font-size:.79rem;outline:0}.category-field-grid input:focus,.template-form-grid input:focus,.modern-option-row input:focus{border-color:#35638e;box-shadow:0 0 0 3px rgba(53,99,142,.1)}.outlet-access-field{margin:17px 0 0;padding:0;border:0}.outlet-access-field legend{color:#243d56;font-size:.73rem;font-weight:850}.outlet-access-field>p{margin:4px 0 10px;color:#7b8997;font-size:.67rem}.outlet-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.outlet-select-chip{position:relative}.outlet-select-chip input{position:absolute;opacity:0}.outlet-select-chip span{display:block;padding:8px 10px;border:1px solid #d6e0e9;border-radius:999px;background:#fff;color:#5d6e80;font-size:.66rem;font-weight:800;cursor:pointer;transition:.18s}.outlet-select-chip input:checked+span{border-color:#b58c3f;background:#fff8e8;color:#755515;box-shadow:inset 0 0 0 1px #d5b873}.modern-template-list{display:grid;gap:13px}.option-template-card{overflow:hidden;border:1px solid #dbe4ed;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(11,31,54,.04)}.option-template-card[open]{border-color:#bac9d8;box-shadow:0 15px 38px rgba(11,31,54,.08)}.template-card-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 19px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#fff,#fafbfd)}.template-card-summary::-webkit-details-marker{display:none}.template-summary-title{display:flex;min-width:0;gap:12px;align-items:center}.template-summary-title h3{margin:2px 0 3px;font-size:1rem}.template-summary-title small{display:block;overflow:hidden;max-width:620px;color:#708091;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.template-summary-badges{display:flex;flex:0 0 auto;gap:7px;align-items:center}.template-summary-badges span{padding:6px 9px;border-radius:999px;background:#eef3f7;color:#536679;font-size:.63rem;font-weight:850}.template-summary-badges span.active{background:#e8f5ef;color:#17644f}.template-summary-badges span.inactive{background:#f3f4f6;color:#7a8088}.template-summary-badges i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f3f6;color:#32516e;font-style:normal;transition:.2s}.option-template-card[open] .template-summary-badges i{transform:rotate(180deg)}.template-card-body{padding:20px;border-top:1px solid #e6edf3;background:#fbfcfe}.template-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-form-grid .wide{grid-column:1/-1}.template-switches{display:flex;gap:22px;align-items:end;padding:0 4px 8px}.options-section{margin-top:19px;padding:17px;border:1px solid #e0e7ee;border-radius:15px;background:#fff}.options-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.options-section-head h4{margin:0 0 3px}.options-section-head p{margin:0;color:#748391;font-size:.69rem}.modifier-options-builder{counter-reset:optionRow;display:grid;gap:8px}.modern-option-row{counter-increment:optionRow;display:grid;grid-template-columns:34px minmax(120px,.65fr) minmax(170px,1fr) minmax(170px,1fr) minmax(120px,.55fr) 38px;gap:8px;align-items:end;padding:9px;border:1px solid #e2e8ef;border-radius:12px;background:#fbfcfd}.option-order:before{content:counter(optionRow);display:grid;place-items:center;width:30px;height:30px;margin-bottom:6px;border-radius:9px;background:#edf2f7;color:#36536e;font-size:.68rem;font-weight:900}.template-card-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid #e2e8ef}.template-card-footer small{color:#7a8896;font-size:.66rem}.setup-save-bar{position:fixed;z-index:30;right:28px;bottom:20px;display:flex;gap:28px;align-items:center;padding:12px 13px 12px 17px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0b1f36;color:#fff;box-shadow:0 18px 48px rgba(4,19,34,.28)}.setup-save-bar b,.setup-save-bar small{display:block}.setup-save-bar b{font-size:.78rem}.setup-save-bar small{margin-top:2px;color:#b7c4d1;font-size:.65rem}.setup-save-bar .btn{box-shadow:none}.access-status-card{display:flex;gap:13px;align-items:flex-start;margin-bottom:15px;padding:15px;border:1px solid #d7e3df;border-radius:14px;background:#f5fbf8}.access-status-card.warning{border-color:#e6d3a5;background:#fff9ea}.access-status-card>span{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#fff;color:#1b6b57}.access-status-card.warning>span{color:#8b6519}.access-status-card svg{width:18px;height:18px}.access-status-card b{display:block;color:#19344e}.access-status-card p{margin:4px 0 0;color:#637486;font-size:.72rem;line-height:1.45}.security-note,.security-deployment-note{margin-top:14px;padding:13px 14px;border-left:3px solid #b58c3f;border-radius:0 11px 11px 0;background:#fff9ed}.security-note b,.security-note small,.security-deployment-note b,.security-deployment-note small{display:block}.security-note small,.security-deployment-note small{margin-top:4px;color:#6f6758;font-size:.69rem;line-height:1.5}.access-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-choice{min-height:112px}.access-current{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #dce6ee;border-radius:13px;background:#f8fafc}.access-current>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f3ee;color:#16634e}.access-current b,.access-current small{display:block}.access-current small{margin-top:3px;color:#6a7a8a}.security-deployment-note code{padding:2px 5px;border-radius:5px;background:#e8edf3;color:#183a5b}
@media(max-width:1180px){.setup-hero{grid-template-columns:1fr}.setup-summary-grid{grid-template-columns:repeat(3,1fr)}.category-card-grid{grid-template-columns:1fr}.category-field-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 110px}}
@media(max-width:760px){.menu-setup-page{padding-bottom:120px}.setup-hero{padding:20px;border-radius:18px}.setup-summary-grid{grid-template-columns:1fr}.setup-summary-grid article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px}.setup-summary-grid article>span{margin:0}.setup-summary-grid em{margin:0}.setup-toolbar{top:66px;display:block;padding:8px}.setup-tabs{width:100%}.setup-tabs button{flex:1;padding:0 9px}.setup-toolbar>p{display:none}.setup-workspace{padding:15px;border-radius:17px}.workspace-head{display:grid}.workspace-head .btn{width:100%}.category-editor-card{padding:14px}.category-card-head{align-items:flex-start}.category-card-actions{gap:5px}.modern-switch b{display:none}.category-field-grid{grid-template-columns:1fr}.outlet-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.outlet-select-chip span{text-align:center}.template-card-summary{align-items:flex-start;padding:14px}.template-summary-title small{max-width:190px}.template-summary-badges span:nth-child(-n+2){display:none}.template-card-body{padding:13px}.template-form-grid{grid-template-columns:1fr}.template-form-grid .wide{grid-column:auto}.template-switches{align-items:center;padding:5px 0}.options-section{padding:12px}.options-section-head{align-items:flex-start}.modern-option-row{grid-template-columns:30px minmax(0,1fr) 38px}.modern-option-row label{grid-column:2}.modern-option-row .subtle-remove{grid-column:3;grid-row:1}.template-card-footer{align-items:flex-start;flex-direction:column}.setup-save-bar{left:10px;right:10px;bottom:76px;justify-content:space-between}.setup-save-bar small{display:none}.access-mode-grid{grid-template-columns:1fr}}


/* v10.3 Live Table Map */
.table-map-page-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.table-map-page-toolbar>label{min-width:220px}.table-map-page-toolbar .toolbar-spacer{flex:1}.table-map-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.table-summary-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:var(--shadow-sm)}.table-summary-card b{display:block;font-size:1.35rem;color:var(--navy)}.table-summary-card small{color:var(--muted)}.table-status-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 12%,transparent)}
.table-map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.table-map-stage-panel{min-width:0}.table-map-canvas{position:relative;width:100%;overflow:hidden;border-radius:20px;border:1px solid #cbd7e5;background:#eef3f8;isolation:isolate;touch-action:none}.table-map-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.table-map-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--map-opacity,1);background:#fff}.table-map-grid-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#607087;background-color:#f7f9fc;background-image:linear-gradient(#dbe4ee 1px,transparent 1px),linear-gradient(90deg,#dbe4ee 1px,transparent 1px);background-size:36px 36px}.table-map-grid-placeholder b{font-size:1.05rem;color:var(--navy)}.table-map-grid-placeholder span{font-size:.82rem;margin-top:6px}.table-map-markers{position:absolute;inset:0}.table-marker{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:42px;padding:5px;border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(15,35,57,.18);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden;z-index:2}.table-marker:hover,.table-marker.selected{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 26px rgba(15,35,57,.26);z-index:4}.table-marker.editable{cursor:grab}.table-marker.editable:active{cursor:grabbing}.table-marker span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800}.table-marker small{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.shape-round{border-radius:999px}.shape-square{border-radius:12px}.shape-rectangle{border-radius:10px}.status-empty{--status:#2a8a67}.status-occupied{--status:#c44747}.status-booked{--status:#b88724}.status-cleaning{--status:#4c73bd}.status-unavailable{--status:#697386}.table-marker.status-empty,.table-status-dot.status-empty,.table-map-legend i.status-empty{background:#e1f5ec;color:#17684d}.table-marker.status-occupied,.table-status-dot.status-occupied,.table-map-legend i.status-occupied{background:#fde6e4;color:#a52b2b}.table-marker.status-booked,.table-status-dot.status-booked,.table-map-legend i.status-booked{background:#fff1ce;color:#895d08}.table-marker.status-cleaning,.table-status-dot.status-cleaning,.table-map-legend i.status-cleaning{background:#e5edff;color:#315a9d}.table-marker.status-unavailable,.table-status-dot.status-unavailable,.table-map-legend i.status-unavailable{background:#e9edf2;color:#4f5967}.table-map-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.table-map-legend span{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted)}.table-map-legend i{display:block;width:10px;height:10px;border-radius:50%}.table-map-inspector{position:sticky;top:92px;min-height:430px}.table-inspector-empty{display:grid;place-items:center;text-align:center;min-height:360px;color:var(--muted);padding:30px}.table-inspector-empty svg{width:46px;height:46px;color:#9aa9ba}.table-inspector-empty h3{color:var(--navy);margin:12px 0 4px}.table-inspector-form{display:grid;gap:13px}.table-inspector-form label{display:grid;gap:6px}.table-status-pill{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:800}.booking-fields{display:grid;gap:12px;padding:13px;border-radius:14px;background:#f7f9fc;border:1px solid var(--border)}.booking-fields.is-muted{opacity:.55}.table-size-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.table-size-controls>div{display:flex;align-items:center;gap:10px}.table-size-controls output{min-width:70px;text-align:center}.dashboard-table-map-panel{margin-top:18px}.dashboard-map-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.dashboard-map-head strong{display:block;color:var(--navy)}.dashboard-map-head small{display:block;color:var(--muted);margin-top:3px}.dashboard-map-head select{max-width:240px}.table-map-canvas.compact{width:100%;height:auto}.table-marker.compact small{display:none}.table-marker.compact span{font-size:.67rem}
@media(max-width:1100px){.table-map-workspace{grid-template-columns:1fr}.table-map-inspector{position:static}.table-map-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.table-map-summary{grid-template-columns:repeat(2,1fr)}.table-map-page-toolbar{align-items:stretch}.table-map-page-toolbar>label{min-width:100%;width:100%}.table-map-page-toolbar .btn{flex:1}.table-map-canvas{min-height:330px;aspect-ratio:auto!important}.table-marker span{font-size:.68rem}.table-marker small{display:none}.dashboard-map-head{align-items:flex-start;flex-direction:column}.dashboard-map-head select{max-width:none;width:100%}}


/* v10.4 Live Table Map refinement */
.table-map-commandbar{padding:0;overflow:hidden;border-color:#ccd8e6;background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%)}
.table-map-command-primary{display:flex;align-items:center;gap:18px;padding:20px 22px}.table-map-outlet-control{min-width:280px}.table-map-outlet-control>span{display:block;margin-bottom:7px}.table-map-outlet-control label{display:grid;grid-template-columns:auto minmax(170px,1fr);align-items:center;gap:12px}.table-map-outlet-control label>span{font-weight:800;color:var(--navy);font-size:.78rem}.table-map-sync-state,.table-map-mode-state{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #d5e0eb;border-radius:14px;background:#fff;min-height:58px}.table-map-sync-state small,.table-map-mode-state small{display:block;color:var(--muted);font-size:.68rem}.table-map-sync-state strong,.table-map-mode-state strong{display:block;color:var(--navy);font-size:.82rem;margin-top:2px}.live-pulse{width:10px;height:10px;border-radius:50%;background:#2d9b73;box-shadow:0 0 0 6px rgba(45,155,115,.13);flex:none}.table-map-edit-tools{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(180px,.7fr) minmax(180px,.7fr) auto auto auto;gap:12px;align-items:end;padding:17px 22px;border-top:1px solid #d7e1ec;background:#f3f6fa}.table-map-edit-tools.hidden{display:none}.edit-tool-copy{display:grid;gap:3px}.edit-tool-copy b{color:var(--navy)}.edit-tool-copy small{color:var(--muted);font-size:.72rem}.map-toolbar-control{display:grid;gap:6px}.map-toolbar-control>span{font-size:.7rem;font-weight:800;color:#53647a}.table-map-stage-head{align-items:flex-start}.table-map-stage-head small{display:block;margin-top:5px}.table-map-summary{margin:15px 0 18px}.table-summary-card{position:relative;overflow:hidden;padding:17px 18px}.table-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--summary-color,#8290a3)}.table-summary-card.status-empty-card{--summary-color:#2a8a67}.table-summary-card.status-occupied-card{--summary-color:#c44747}.table-summary-card.status-booked-card{--summary-color:#b88724}.table-summary-card.status-cleaning-card{--summary-color:#4c73bd}.table-summary-card.status-unavailable-card{--summary-color:#697386}.table-map-stage-panel{padding:20px}.table-map-stage-panel #tableMapStage{padding:12px;border-radius:18px;background:#f4f7fa;border:1px solid #d9e3ed}.table-map-stage-panel .table-map-canvas{box-shadow:0 18px 45px rgba(18,38,62,.11)}.table-map-inspector{overflow:hidden}.table-map-inspector>.panel-head{padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}.table-inspector-auto-status{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:12px 13px;border:1px solid #c9d8e8;border-radius:14px;background:#f4f8fc;margin-bottom:2px}.table-inspector-auto-status svg{width:20px;height:20px;color:#235d91}.table-inspector-auto-status b{display:block;color:var(--navy);font-size:.8rem}.table-inspector-auto-status small{display:block;color:var(--muted);margin-top:3px;line-height:1.45}.manual-status-note{font-size:.68rem;color:var(--muted);margin-top:-4px}
.dashboard-table-map-panel{padding:22px}.dashboard-map-head{padding:2px 0 15px;border-bottom:1px solid #e0e7ef;margin-bottom:18px}.dashboard-map-head-actions{display:flex;align-items:center;gap:10px}.map-sync-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eaf6f1;color:#17684d;font-size:.68rem;font-weight:800}.map-sync-badge i{width:7px;height:7px;border-radius:50%;background:#2d9b73}.dashboard-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.dashboard-map-visual{min-width:0;padding:12px;border-radius:20px;border:1px solid #d6e1eb;background:#f3f6f9}.dashboard-map-visual .table-map-canvas{width:100%;height:auto;max-height:none}.dashboard-map-side{display:grid;gap:12px}.dashboard-map-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dashboard-map-status{padding:13px;border:1px solid #d8e2ec;border-radius:14px;background:#fff}.dashboard-map-status span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.67rem}.dashboard-map-status i{width:9px;height:9px;border-radius:50%}.dashboard-map-status b{display:block;margin-top:7px;color:var(--navy);font-size:1.25rem}.dashboard-map-activity{padding:15px;border:1px solid #d8e2ec;border-radius:16px;background:#fff}.dashboard-map-activity h3{font-size:.85rem;margin:0 0 10px;color:var(--navy)}.dashboard-table-activity{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #edf1f5}.dashboard-table-activity:first-of-type{border-top:0}.dashboard-table-activity strong{font-size:.76rem;color:var(--navy)}.dashboard-table-activity small{display:block;color:var(--muted);font-size:.65rem;margin-top:2px}.dashboard-table-activity .table-status-pill{flex:none}.dashboard-map-empty-activity{color:var(--muted);font-size:.73rem;line-height:1.5}.dashboard-map-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid #e1e8ef}.dashboard-map-footer .table-map-legend{margin:0}.dashboard-map-updated{font-size:.68rem;color:var(--muted)}
@media(max-width:1200px){.table-map-edit-tools{grid-template-columns:1fr 1fr 1fr}.edit-tool-copy{grid-column:1/-1}.dashboard-map-layout{grid-template-columns:1fr}.dashboard-map-side{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-map-status-grid{grid-template-columns:repeat(5,1fr)}.dashboard-map-activity{grid-column:1/-1}}
@media(max-width:820px){.table-map-command-primary{align-items:stretch;flex-wrap:wrap}.table-map-outlet-control{min-width:100%}.table-map-sync-state,.table-map-mode-state{flex:1}.table-map-edit-tools{grid-template-columns:1fr 1fr}.table-map-edit-tools .btn{width:100%}.dashboard-map-side{grid-template-columns:1fr}.dashboard-map-status-grid{grid-template-columns:repeat(3,1fr)}.dashboard-map-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.table-map-command-primary{padding:16px}.table-map-outlet-control label{grid-template-columns:1fr}.table-map-sync-state,.table-map-mode-state{width:100%}.table-map-edit-tools{grid-template-columns:1fr;padding:15px}.table-map-summary{grid-template-columns:1fr 1fr}.table-map-stage-panel{padding:14px}.table-map-stage-panel #tableMapStage{padding:5px}.dashboard-table-map-panel{padding:15px}.dashboard-map-status-grid{grid-template-columns:1fr 1fr}.dashboard-map-visual{padding:5px}.dashboard-map-head-actions{width:100%;justify-content:space-between}}

.table-order-count{position:absolute;right:3px;top:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--navy);color:#fff;font-size:.58rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.dashboard-map-status i.status-empty,.table-status-pill.status-empty{background:#e1f5ec;color:#17684d}.dashboard-map-status i.status-occupied,.table-status-pill.status-occupied{background:#fde6e4;color:#a52b2b}.dashboard-map-status i.status-booked,.table-status-pill.status-booked{background:#fff1ce;color:#895d08}.dashboard-map-status i.status-cleaning,.table-status-pill.status-cleaning{background:#e5edff;color:#315a9d}.dashboard-map-status i.status-unavailable,.table-status-pill.status-unavailable{background:#e9edf2;color:#4f5967}

/* v10.6 table move / join / split operations */
.table-marker.is-joined{outline:2px dashed rgba(23,58,96,.72);outline-offset:3px;box-shadow:0 7px 18px rgba(16,42,72,.16)}
.table-marker.is-group-master{outline-style:solid;outline-width:3px}
.table-join-badge{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#153b67;color:#fff;border:3px solid #fff;font-size:.62rem;line-height:1;box-shadow:0 4px 10px rgba(13,39,70,.24)}
.table-join-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:13px;border:1px solid #d5c38a;border-radius:15px;background:linear-gradient(135deg,#fffaf0,#fff);margin-bottom:2px}
.table-join-summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#173f6b;color:#fff}
.table-join-summary-icon svg{width:20px;height:20px}.table-join-summary b{display:block;color:var(--navy);font-size:.82rem}.table-join-summary small{display:block;margin-top:4px;color:var(--muted);font-size:.69rem;line-height:1.45}
.table-service-operations{margin-top:17px;padding-top:17px;border-top:1px solid var(--border)}
.table-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.table-service-head h3{margin:2px 0 0;color:var(--navy);font-size:1rem}.table-service-head>span{padding:6px 9px;border-radius:999px;background:#eef3f8;color:#42566e;font-size:.66rem;font-weight:800}.table-service-operations>p{margin:8px 0 12px;color:var(--muted);font-size:.72rem;line-height:1.5}
.table-operation-grid{display:grid;gap:9px}.table-operation-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #d5e0eb;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.table-operation-card:hover:not(:disabled){border-color:#9fb4ca;transform:translateY(-1px);box-shadow:0 8px 18px rgba(21,52,86,.08)}.table-operation-card:disabled{opacity:.45;cursor:not-allowed}.table-operation-card>svg{width:22px;height:22px;color:#173f6b}.table-operation-card b{display:block;color:var(--navy);font-size:.78rem}.table-operation-card small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.35}
.table-operation-form{gap:16px}.table-operation-form .modal-title p:last-child{max-width:680px}.table-order-selection,.join-table-selection{display:grid;gap:9px;margin:0;padding:13px;border:1px solid #d9e2ec;border-radius:15px;background:#f8fafc}.table-order-selection legend,.join-table-selection legend{padding:0 6px;color:#4c5f76;font-size:.72rem;font-weight:800}.table-order-choice,.join-table-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;border:1px solid #d7e1eb;border-radius:12px;background:#fff;cursor:pointer}.table-order-choice:has(input:checked),.join-table-choice:has(input:checked){border-color:#819bb6;background:#f2f6fa;box-shadow:inset 3px 0 #173f6b}.join-table-choice.is-source{background:#fffaf0;border-color:#dac98f}.table-order-choice input,.join-table-choice input{width:18px;height:18px}.table-order-choice b,.join-table-choice b{display:block;color:var(--navy);font-size:.78rem}.table-order-choice small,.join-table-choice small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.4}.operation-notice{display:grid;gap:4px;padding:12px 13px;border-radius:13px;background:#f2f6fa;border:1px solid #d6e2ed}.operation-notice b{color:#173f6b;font-size:.72rem}.operation-notice span{color:#596a7d;font-size:.69rem;line-height:1.45}.joined-group-preview{display:grid;gap:4px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#173f6b,#285b8e);color:#fff}.joined-group-preview b{font-size:.88rem}.joined-group-preview span{font-size:.69rem;opacity:.82}.operation-dissolve{padding:12px 13px;border:1px solid #ead7d7;border-radius:13px;background:#fff8f8;color:#8d3636;font-weight:800}
@media(max-width:700px){.table-service-head{align-items:flex-start;flex-direction:column}.table-service-head>span{align-self:flex-start}.table-order-choice,.join-table-choice{padding:10px}.table-operation-form{gap:13px}}

/* v10.6 automatic category numbering and protected outlet deletion */
.category-reorder{display:flex;gap:5px}.category-order-btn{width:32px;height:32px;border-color:#d7e1ea;background:#f7f9fc;color:#31516f;font-size:.85rem}.category-order-btn:disabled{opacity:.35;cursor:not-allowed}.auto-category-fields{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:end}.automatic-category-note{display:flex;gap:10px;align-items:center;min-height:42px;padding:9px 11px;border:1px solid #dce6ee;border-radius:11px;background:#f7fafc;color:#526477}.automatic-category-note>span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:#e7f3ed;color:#17644f}.automatic-category-note svg{width:15px;height:15px}.automatic-category-note b,.automatic-category-note small{display:block}.automatic-category-note b{color:#19344e;font-size:.72rem}.automatic-category-note small{margin-top:2px;font-size:.62rem;line-height:1.35}.outlet-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.outlet-delete-button{border:1px solid #e4c9c7;background:#fff6f5;color:#9c3732}.outlet-delete-button:hover{background:#fdebea}.danger-modal-title h2{color:#8f2e2a}.delete-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}.delete-impact-grid article{padding:13px;border:1px solid #dce4ec;border-radius:12px;background:#f8fafc;text-align:center}.delete-impact-grid b,.delete-impact-grid small{display:block}.delete-impact-grid b{color:#0b3158;font-size:1.35rem}.delete-impact-grid small{margin-top:4px;color:#6a7a8a;font-size:.66rem}.outlet-delete-blocked{margin:15px 0;padding:14px 16px;border:1px solid #ecc7c4;border-radius:13px;background:#fff5f4;color:#7f302c}.outlet-delete-blocked b{display:block;margin-bottom:8px}.outlet-delete-blocked ul{margin:0;padding-left:18px;font-size:.73rem;line-height:1.65}.danger-confirm-row{display:flex!important;grid-template-columns:auto 1fr!important;gap:9px!important;align-items:flex-start!important;padding:12px;border:1px solid #ecd1cf;border-radius:12px;background:#fff8f7;color:#713d39}.danger-confirm-row input{width:auto!important;height:auto!important;margin-top:2px}.danger-action{border-color:#9e3731!important;background:#9e3731!important;color:#fff!important}.danger-action:hover{background:#822c27!important}
@media(max-width:760px){.auto-category-fields{grid-template-columns:1fr}.category-card-actions{flex-wrap:wrap;justify-content:flex-end}.category-reorder{order:2}.automatic-category-note{align-items:flex-start}.delete-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outlet-card-actions{width:100%;justify-content:stretch}.outlet-card-actions .btn{flex:1}.outlet-operation-card{align-items:flex-start;flex-direction:column}}

.outlet-archive-note{margin:12px 0;padding:13px 14px;border:1px solid #cfdfe9;border-radius:12px;background:#f3f8fb}.outlet-archive-note b,.outlet-archive-note small{display:block}.outlet-archive-note b{color:#173f6b;font-size:.76rem}.outlet-archive-note small{margin-top:4px;color:#5f7182;font-size:.69rem;line-height:1.45}

/* v10.7 · hybrid management UI */
.entity-drawer-shell{position:fixed;inset:0;z-index:120;display:grid;grid-template-columns:1fr minmax(420px,620px)}
.entity-drawer-shell.hidden{display:none}
.entity-drawer-backdrop{grid-column:1/-1;grid-row:1;position:absolute;inset:0;background:rgba(5,18,32,.48);backdrop-filter:blur(5px)}
.entity-drawer{grid-column:2;grid-row:1;position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;width:min(620px,100vw);height:100dvh;margin-left:auto;background:#fff;border-left:1px solid #d8e1e9;box-shadow:-28px 0 75px rgba(4,18,34,.22);animation:drawerEnter .22s ease both}
.entity-drawer.wide{width:min(780px,100vw)}
@keyframes drawerEnter{from{transform:translateX(28px);opacity:.45}to{transform:none;opacity:1}}
.entity-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 20px;border-bottom:1px solid #e0e7ee;background:linear-gradient(145deg,#fff,#f8fafc)}
.entity-drawer-head h2{margin:0;color:#0b2e52;font-size:1.45rem;letter-spacing:-.025em}.entity-drawer-head p:last-child{margin:6px 0 0;color:#657587;font-size:.78rem;line-height:1.55}.entity-drawer-body{min-height:0;overflow:auto;padding:22px 24px 0}.drawer-form{display:grid;gap:18px;min-height:100%}.drawer-form>label,.drawer-form fieldset{display:grid;gap:7px}.drawer-form input,.drawer-form select,.drawer-form textarea{width:100%}.drawer-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drawer-switch-row{display:flex;flex-wrap:wrap;gap:12px}.field-help,.manager-description{margin:0;color:#68798a;font-size:.74rem;line-height:1.55}.drawer-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-card{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;padding:12px;border:1px solid #d8e1e9;border-radius:12px;background:#fafbfd}.choice-card input{width:auto!important}.choice-card:has(input:checked){border-color:#b79342;background:#fffaf0;color:#6e501a}.entity-drawer-footer{position:sticky;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:10px;margin:18px -24px 0;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #dde5ec;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.confirm-dialog-card{padding:16px;border:1px solid #e2d0cd;border-radius:14px;background:#fff8f7;color:#6e3a36;line-height:1.6}.confirm-dialog-card p{margin:0}

.management-list-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(150px,210px) auto;align-items:end;gap:12px;margin:16px 0;padding:13px;border:1px solid #dbe4ec;border-radius:14px;background:#f8fafc}.management-list-toolbar label{display:grid;gap:5px;color:#526678;font-size:.68rem;font-weight:800}.management-list-toolbar input,.management-list-toolbar select{height:42px}.management-search{min-width:0}
.catalogue-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalogue-summary-card{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:12px;min-height:174px;padding:18px;border:1px solid #d9e3ec;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(10,40,68,.045);transition:.18s ease}.catalogue-summary-card:hover{transform:translateY(-2px);border-color:#c8d5e1;box-shadow:0 14px 30px rgba(10,40,68,.08)}.catalogue-summary-card.is-archived{background:#f7f9fb;opacity:.78}.catalogue-summary-card.is-dragging{opacity:.45;transform:scale(.985)}.catalogue-drag{padding-top:7px;color:#8b9cab;cursor:grab;font-weight:900;letter-spacing:-.18em}.catalogue-sequence{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#0d355d;color:#fff;font-size:.7rem;font-weight:900}.catalogue-summary-copy{min-width:0}.catalogue-summary-copy h3,.operation-summary-card h3{margin:0;color:#092c50;font-size:1rem}.catalogue-summary-copy>small{display:block;min-height:36px;margin-top:5px;color:#68798a;font-size:.72rem;line-height:1.45}.catalogue-summary-copy .chip-row{margin-top:12px}.catalogue-card-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding-top:12px;border-top:1px solid #e4eaf0}.catalogue-card-actions .text-btn{font-size:.72rem}.catalogue-card-actions .text-btn:disabled{opacity:.3}.template-summary-card{grid-template-columns:auto minmax(0,1fr)}
.drawer-builder-section{padding:16px;border:1px solid #dce5ed;border-radius:15px;background:#f8fafc}.drawer-option-list{display:grid;gap:10px;margin-top:14px}.drawer-option-row{display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(120px,.5fr) auto;align-items:end;gap:9px;padding:11px;border:1px solid #dce4ec;border-radius:12px;background:#fff}.drawer-option-row label{display:grid;gap:5px;font-size:.68rem;font-weight:800}.option-grip{align-self:center;color:#91a0ad;font-weight:900;letter-spacing:-.18em}
.operation-manager{min-height:100%}.operation-tabs{margin-bottom:15px}.operation-summary-list{display:grid;gap:11px}.operation-summary-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px;border:1px solid #dbe4ec;border-radius:15px;background:#fff}.operation-summary-card.is-archived{background:#f6f8fa;opacity:.78}.operation-summary-card p{margin:5px 0 0;color:#68798a;font-size:.73rem}.operation-summary-card .catalogue-card-actions{grid-column:auto;display:flex;flex-direction:column;align-items:flex-end;padding:0;border:0}.operation-summary-card .chip-row{margin-top:10px}

.entity-modal-drawer{place-items:stretch end!important;padding:0!important;background:rgba(5,18,32,.48)!important}.entity-modal-drawer .modal-panel{width:min(680px,100vw)!important;max-width:none!important;max-height:100dvh!important;height:100dvh!important;margin:0!important;border-radius:0!important;border-top:0!important;border-right:0!important;border-bottom:0!important;padding:24px 24px 0!important;box-shadow:-28px 0 75px rgba(4,18,34,.24)!important;animation:drawerEnter .22s ease both}.entity-modal-drawer .modal-close{position:sticky;top:0;float:right}.sticky-form-actions{position:sticky;bottom:0;z-index:5;margin:18px -24px 0!important;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #dce4eb;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}

@media(max-width:900px){.catalogue-summary-grid{grid-template-columns:1fr}.management-list-toolbar{grid-template-columns:1fr 180px}.management-list-toolbar>.btn{grid-column:1/-1}}
@media(max-width:760px){.entity-drawer-shell{display:block}.entity-drawer{width:100vw!important;height:100dvh;border:0}.entity-drawer-head{padding:17px 16px 14px}.entity-drawer-head h2{font-size:1.2rem}.entity-drawer-body{padding:16px 16px 0}.entity-drawer-footer{margin-inline:-16px;padding-inline:16px;display:grid;grid-template-columns:1fr 1fr}.entity-drawer-footer .btn{width:100%}.drawer-two-column,.drawer-choice-grid{grid-template-columns:1fr}.drawer-option-row{grid-template-columns:1fr auto}.drawer-option-row .option-grip{display:none}.drawer-option-row label:first-of-type{grid-column:1/-1}.management-list-toolbar{grid-template-columns:1fr;margin-inline:0}.management-list-toolbar>.btn{grid-column:auto}.catalogue-summary-card{grid-template-columns:auto minmax(0,1fr);min-height:0;padding:14px}.catalogue-drag{display:none}.catalogue-summary-copy>small{min-height:0}.catalogue-card-actions{grid-column:1/-1;overflow-x:auto;flex-wrap:nowrap}.catalogue-card-actions .text-btn{flex:0 0 auto}.operation-summary-card{grid-template-columns:auto minmax(0,1fr)}.operation-summary-card .catalogue-card-actions{grid-column:1/-1;flex-direction:row;align-items:center;overflow-x:auto}.entity-modal-drawer .modal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:18px 16px 0!important;border-radius:0!important}.sticky-form-actions{margin-inline:-16px!important;padding-inline:16px!important}}

/* v10.7 unsaved-change protection */
.drawer-unsaved-confirm{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:rgba(5,18,32,.4);backdrop-filter:blur(4px)}
.drawer-unsaved-confirm.hidden{display:none}
.drawer-unsaved-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;width:min(440px,calc(100vw - 32px));padding:22px;border:1px solid #d8e1e9;border-radius:18px;background:#fff;box-shadow:0 28px 85px rgba(4,18,34,.3)}
.drawer-unsaved-card h3{margin:1px 0 7px;color:#0b2e52;font-size:1.12rem}.drawer-unsaved-card p:last-child{margin:0;color:#657587;font-size:.8rem;line-height:1.55}
.drawer-unsaved-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff3e6;color:#a85c13;font-weight:900}
.drawer-unsaved-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:7px}
@media(max-width:520px){.drawer-unsaved-confirm{padding:16px;align-items:end}.drawer-unsaved-card{grid-template-columns:auto minmax(0,1fr);width:100%;border-radius:18px 18px 8px 8px}.drawer-unsaved-actions{display:grid;grid-template-columns:1fr}.drawer-unsaved-actions .btn{width:100%}}
