/* Operating mode is a single, map-first work surface. Browser fullscreen is optional. */
.shell.focus-operation{--focus-canvas:#f6f5f2;--focus-glass:rgba(255,255,255,.88);--focus-line:rgba(105,94,125,.16);position:fixed!important;inset:0;z-index:80;display:block!important;width:100%;height:100dvh;min-height:0!important;padding:0!important;overflow:hidden;background:var(--focus-canvas)}
.shell.focus-operation .sidebar,.shell.focus-operation .topbar,.shell.focus-operation .page-footer,.shell.focus-operation .setup-guide,.shell.focus-operation .eyebrow,.shell.focus-operation .page-heading>div>p,.shell.focus-operation .summary-reset,.shell.focus-operation .panel-heading,.shell.focus-operation .map-hint,.shell.focus-operation .filter-chip{display:none!important}
.shell.focus-operation .main{width:100%!important;height:100%;min-width:0;margin:0!important;padding:0!important;overflow:hidden}
.shell.focus-operation .page{position:relative;display:flex!important;flex-direction:column;width:100%;height:100%;min-height:0;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden}
.shell.focus-operation.view-desk .page-heading{display:flex!important;flex:none;align-items:center;gap:16px;width:100%;height:68px;min-height:68px!important;margin:0!important;padding:8px 18px!important;border:0;border-bottom:1px solid var(--focus-line);border-radius:0;background:var(--focus-glass);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.shell.focus-operation .page-heading>div:first-child{flex:1;min-width:110px;max-width:none}
.shell.focus-operation .page-heading h1{margin:0!important;overflow:hidden;font-size:19px!important;font-weight:670;line-height:1.2;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;color:#302b3b}
.shell.focus-operation .operating-meta{display:flex;margin:4px 0 0;font-size:11px;color:#716a7b}
.shell.focus-operation #server-status{display:none}
.shell.focus-operation #shop-operating-state.is-limited{color:#a84d34}
.shell.focus-operation .service-summary{display:grid!important;grid-template-columns:repeat(4,minmax(64px,1fr));align-items:center;flex:none;width:auto!important;gap:4px;margin:0!important}
.shell.focus-operation .summary-item{display:flex;flex-direction:column;justify-content:center;min-width:64px;min-height:48px;margin:0;padding:2px 8px!important;gap:1px;border:1px solid transparent!important;border-radius:12px;background:transparent!important;box-shadow:none!important}
.shell.focus-operation.view-desk .summary-item[data-value=free]{display:flex!important}
.shell.focus-operation .summary-item:hover,.shell.focus-operation .summary-item:focus-visible,.shell.focus-operation .summary-item.selected{background:color-mix(in srgb,var(--purple),white 92%)!important;border-color:color-mix(in srgb,var(--purple),white 78%)!important}
.shell.focus-operation .summary-item strong{font-size:22px!important;line-height:1;font-variant-numeric:tabular-nums}
.shell.focus-operation .summary-item span{font-size:10px;line-height:1.1;white-space:nowrap;color:#716a7b}
.shell.focus-operation .shop-clock{display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;flex:none;min-width:96px;margin:0!important;padding:0!important;gap:2px;border:0!important;background:none!important;box-shadow:none!important}
.shell.focus-operation .shop-clock>span{font-size:10px;color:#77707d}
.shell.focus-operation .clock-digits{font-size:21px!important;font-variant-numeric:tabular-nums;color:#332e3b}
.shell.focus-operation .heading-actions{display:flex!important;flex:none;width:auto!important;gap:7px;margin:0!important}
.shell.focus-operation .heading-actions .btn{width:auto!important;min-height:42px;padding:0 13px;border-radius:12px;box-shadow:none!important;font-size:12px;white-space:nowrap}
.shell.focus-operation .heading-actions [data-action=toggle-focus]{background:#fff;color:#514663;border-color:var(--focus-line)}
.shell.focus-operation #alert-strip{position:absolute;top:74px;right:16px;z-index:12;width:min(345px,33vw);max-height:46px;pointer-events:none}
.shell.focus-operation #alert-strip:empty{display:none}
.shell.focus-operation .seat-notice{margin:0!important;border:1px solid var(--focus-line);border-radius:13px;box-shadow:none;pointer-events:auto}
.shell.focus-operation .seat-notice-message{min-height:44px!important;padding:5px 10px!important;gap:8px;font-size:12px}
.shell.focus-operation .seat-notice-message strong{font-size:12px;font-weight:600}
.shell.focus-operation .seat-notice-message small{display:none}
.shell.focus-operation .notice-next{margin-right:3px}
.shell.focus-operation .workspace-grid{position:relative;display:block!important;flex:1;min-height:0;margin:0!important}
.shell.focus-operation .floor-panel{position:relative;display:flex!important;flex-direction:column;width:100%;height:100%;min-height:0;margin:0!important;padding:0!important;overflow:hidden;border:0!important;border-radius:0!important;background:var(--focus-canvas);box-shadow:none!important}
.shell.focus-operation .floor-filters{position:relative;z-index:8;display:flex!important;flex:none;align-items:center;gap:7px;height:48px;min-height:48px;margin:0;padding:0 14px!important;border:0!important;border-bottom:1px solid var(--focus-line)!important;background:rgba(255,255,255,.78)}
.shell.focus-operation .focus-view-switch{display:flex;flex:none;gap:2px;padding:3px;border:1px solid var(--focus-line);border-radius:12px;background:#fff9}
.shell.focus-operation .focus-view-switch button{min-width:43px;min-height:34px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#615b6d;font-size:12px}
.shell.focus-operation .focus-view-switch button.selected{background:color-mix(in srgb,var(--purple),white 89%);color:color-mix(in srgb,var(--purple),black 15%);font-weight:650}
.shell.focus-operation .focus-zone-toggle{display:none}
.shell.focus-operation .zone-tabs{display:flex;flex:1;min-width:0;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.shell.focus-operation .zone-tab{flex:none;min-height:36px!important;padding:5px 11px!important;border-radius:10px;font-size:12px}
.shell.focus-operation .mobile-map-search,.shell.focus-operation .mobile-map-legend{display:inline-flex!important;align-items:center;justify-content:center;flex:none;min-width:38px;min-height:38px;border:1px solid var(--focus-line);border-radius:11px;background:#fff9;color:#5e566d}
.shell.focus-operation .search-box{display:none!important;position:absolute;top:52px;left:14px;z-index:10;width:min(300px,calc(100vw - 28px));height:48px;margin:0;padding:0 10px;border:1px solid var(--focus-line);border-radius:12px;background:#fff;box-shadow:none}
.shell.focus-operation .mobile-search-open .search-box{display:flex!important}
.shell.focus-operation .search-box input{min-width:0;width:100%;font-size:16px}
.shell.focus-operation .focus-toolbar-start{display:none}
.shell.focus-operation #map-host{flex:1;min-height:0;height:auto;overflow:hidden;background:var(--focus-canvas)}
.shell.focus-operation .map-scroll,.shell.focus-operation .map-scale,.shell.focus-operation #floor-map{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}
.shell.focus-operation.view-desk .map-scroll:not(.editing),.shell.focus-operation.view-desk .map-scroll .map-scale{height:100%!important;min-height:0!important}
.shell.focus-operation .map-scroll{position:relative;overflow:hidden!important}
.shell.focus-operation #floor-map{display:block;touch-action:none}
.shell.focus-operation .map-scroll .map-controls{position:absolute!important;inset:auto 12px 12px auto!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;max-width:calc(100% - 24px);height:44px;min-height:44px;margin:0!important;padding:4px!important;gap:3px;border:1px solid var(--focus-line)!important;border-radius:13px;background:rgba(255,255,255,.92)!important;box-shadow:none!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:none!important}
.shell.focus-operation .map-controls .icon-btn,.shell.focus-operation .map-controls .fit-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:35px;min-height:35px;height:35px;margin:0;padding:3px 8px;border:0;border-radius:9px;background:transparent;color:#4d455d;font-size:12px}
.shell.focus-operation .map-controls .fit-btn{border-left:1px solid var(--focus-line);border-radius:0}
.shell.focus-operation .map-controls .fit-btn .icon{width:15px;height:15px}
.shell.focus-operation .map-controls .mobile-map-more{display:none!important}
.shell.focus-operation .map-controls [data-zoom-label]{display:inline;min-width:36px;text-align:center;font-size:11px;color:#5b526a;font-variant-numeric:tabular-nums}
.shell.focus-operation .map-bottom{display:none!important}
.shell.focus-operation .mobile-legend-open .map-bottom{position:absolute;top:53px;right:12px;z-index:10;display:block!important;width:min(350px,calc(100vw - 24px));padding:14px;border:1px solid var(--focus-line);border-radius:13px;background:#fff;box-shadow:none}
.shell.focus-operation .right-column{display:none!important}
.shell.focus-operation.detail-open .workspace-grid>.right-column{position:fixed!important;inset:120px 8px 8px auto!important;z-index:90;display:block!important;width:min(370px,calc(100vw - 16px));height:auto;max-height:none;margin:0!important;padding:0!important;overflow:auto;background:transparent!important;transform:none}
.shell.focus-operation .reminder-panel{display:none!important}
.shell.focus-operation #seat-detail{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:100%;min-height:0;margin:0!important;padding:20px;overflow:auto;border:1px solid var(--focus-line);border-radius:18px;background:#fff;box-shadow:none!important;animation:none!important}
.shell.focus-operation .close-detail{display:flex!important;min-width:44px;min-height:44px}
.shell.focus-operation #seat-detail button{min-height:44px}
.shell.focus-operation .seat-list{height:100%;overflow:auto;padding:8px 12px}
.shell.focus-operation .seat-list-item{min-height:64px}
.shell.focus-operation .seat-list-item strong{font-variant-numeric:tabular-nums}
.shell.focus-operation .session-disclosure[open]{margin:8px 0}
.shell.focus-operation #seat-detail .field-hint{font-size:11px}
@media(orientation:landscape){.shell.focus-operation:has(#alert-strip:not(:empty)) .floor-filters{padding-right:min(375px,35vw)!important}}
@media(orientation:portrait){
 .shell.focus-operation.view-desk .page-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:42px 44px;gap:4px 8px;height:104px;min-height:104px!important;padding:8px 12px!important}
 .shell.focus-operation .page-heading>div:first-child{grid-column:1;grid-row:1;min-width:0}
 .shell.focus-operation .heading-actions{grid-column:3;grid-row:1}
 .shell.focus-operation .heading-actions [data-action=quick-start]{display:none}
 .shell.focus-operation .heading-actions [data-action=toggle-focus]{min-height:40px;padding:0 10px}
 .shell.focus-operation .service-summary{grid-column:1/4;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));width:100%!important;gap:2px}
 .shell.focus-operation .summary-item{flex-direction:row;align-items:center;min-width:0;min-height:40px;padding:2px 4px!important;gap:5px}
 .shell.focus-operation .summary-item strong{font-size:19px!important}
 .shell.focus-operation .summary-item span{font-size:10px}
 .shell.focus-operation .shop-clock{grid-column:2;grid-row:1;min-width:80px}
 .shell.focus-operation .shop-clock>span{display:none}
 .shell.focus-operation .clock-digits{font-size:19px!important}
 .shell.focus-operation #alert-strip{position:static;flex:none;order:0;width:100%;max-height:44px}
 .shell.focus-operation #alert-strip .seat-notice{width:100%;border-radius:0;border-left:0;border-right:0}
 .shell.focus-operation .workspace-grid{order:1}
 .shell.focus-operation .floor-filters{position:relative;order:2;justify-content:space-between;flex-wrap:nowrap;height:calc(58px + env(safe-area-inset-bottom,0px));min-height:calc(58px + env(safe-area-inset-bottom,0px));padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left))!important;border-top:1px solid var(--focus-line)!important;border-bottom:0!important;gap:4px}
 .shell.focus-operation .focus-view-switch{padding:2px}
 .shell.focus-operation .focus-view-switch button{min-width:44px;min-height:44px;padding:0 6px}
 .shell.focus-operation .focus-zone-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;max-width:82px;min-height:44px;padding:0 6px;overflow:hidden;border:1px solid var(--focus-line);border-radius:10px;background:#fff;color:#544a65;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
 .shell.focus-operation .zone-tabs{display:none;position:absolute;left:8px;right:8px;bottom:calc(100% + 5px);z-index:10;flex:none;width:auto;max-height:105px;padding:8px;border:1px solid var(--focus-line);border-radius:13px;background:#fff;box-shadow:none;overflow-x:auto}
 .shell.focus-operation .focus-filters-open .zone-tabs{display:flex}
 .shell.focus-operation .mobile-map-search,.shell.focus-operation .mobile-map-legend{min-width:44px;min-height:44px}
 .shell.focus-operation .search-box{top:auto;left:8px;right:8px;bottom:calc(100% + 5px);width:auto;max-width:none}
 .shell.focus-operation .focus-toolbar-start{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:44px;margin:0;padding:0 8px;border-radius:10px;font-size:12px;white-space:nowrap}
 .shell.focus-operation #map-host{order:1}
 .shell.focus-operation .map-scroll .map-controls{right:8px!important;bottom:8px!important;height:42px;min-height:42px}
 .shell.focus-operation .map-controls [data-action=zoom-out],.shell.focus-operation .map-controls [data-action=zoom-in],.shell.focus-operation .map-controls [data-zoom-label]{display:none!important}
 .shell.focus-operation .map-controls .fit-btn{min-width:44px;min-height:38px;height:38px;border:0;border-radius:9px}
 .shell.focus-operation .mobile-legend-open .map-bottom{top:auto;right:8px;bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .shell.focus-operation.detail-open .workspace-grid>.right-column{inset:auto 0 0 0!important;width:100%;height:auto;max-height:70%}
 .shell.focus-operation #seat-detail{max-height:none!important;padding:16px 20px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}
}
@media(max-width:480px){
 .shell.focus-operation .page-heading h1{font-size:16px!important}
 .shell.focus-operation .clock-digits{font-size:16px!important}
 .shell.focus-operation .summary-item{flex-direction:column;gap:1px}
 .shell.focus-operation .summary-item strong{font-size:18px!important}
 .shell.focus-operation .summary-item span{font-size:9px}
 .shell.focus-operation .heading-actions .btn{font-size:11px}
 .shell.focus-operation .focus-toolbar-start .icon{display:none}
}
@media(prefers-reduced-transparency:reduce){.shell.focus-operation.view-desk .page-heading,.shell.focus-operation .floor-filters,.shell.focus-operation .map-scroll .map-controls{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.shell.focus-operation .seat-notice-message{animation:none}}