#organizer-seat-view{width:min(1160px,calc(100vw - 28px));max-width:none;height:min(92vh,880px);max-height:none;padding:0;overflow:auto;background:#f7f9fa;color:#10213b;border:0;border-radius:24px;box-shadow:0 24px 90px #061c3c80}
#organizer-seat-view::backdrop{background:#03152dbd}
.osm-shell{min-height:100%;display:flex;flex-direction:column}
.osm-header{position:sticky;top:0;z-index:4;background:#092447;color:white;padding:21px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.osm-header .osm-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#98c6e5}
.osm-header h2{font:600 34px Fredoka,sans-serif;margin:4px 0 2px}
.osm-header p{font-size:12px;color:#bad3e5;margin:0}
.osm-close{width:40px;height:40px;border:1px solid #53708e;border-radius:11px;background:#173a5e;color:white;font-size:27px;line-height:1;flex:none}
.osm-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 28px 10px}
.osm-legend{display:flex;gap:16px 23px;flex-wrap:wrap}
.osm-legend-item{display:flex;align-items:center;gap:7px;font-size:11px;color:#476074}
.osm-legend-item b{font-weight:800}
.osm-key{width:15px;height:15px;border-radius:5px;border:1px solid #a8c8db;display:inline-block}
.osm-key-available{background:#f5fbff}.osm-key-reserved{background:#176196;border-color:#176196}.osm-key-blocked{background:#e9dfe0;border-color:#d7bfc1}.osm-key-accessible{background:#fff;border-style:dashed;border-color:#176196}
.osm-refresh{border:1px solid #c8d7e0;background:white;color:#21547c;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.osm-refresh:disabled{opacity:.5}
.osm-lookup{padding:0 28px 18px;display:flex;align-items:center;gap:12px;min-height:58px}
.osm-lookup label{font-size:11px;font-weight:800;color:#45617a;white-space:nowrap}
.osm-lookup>div{display:flex;max-width:270px;flex:1;min-width:0}
.osm-lookup input{min-width:0;width:100%;border:1px solid #cbdce7;border-radius:9px 0 0 9px;background:white;padding:9px 11px;font-size:12px;outline:none}
.osm-lookup input:focus{border-color:#3d83b6}
.osm-lookup button{border:0;border-radius:0 9px 9px 0;background:#15527e;color:white;font-size:11px;font-weight:800;padding:0 13px}
#osm-search-message{color:#b42b36;font-size:11px}
.osm-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:0 28px 26px;align-items:start;flex:1}
.osm-map-panel{min-width:0;background:#fff;border:1px solid #e0e8ee;border-radius:18px;padding:22px 16px 18px;overflow:hidden}
.osm-screen-label{text-align:center;font-size:9px;letter-spacing:.18em;color:#859db0;font-weight:800}
.osm-screen{text-align:center;max-width:490px;margin:7px auto 20px;border-top:7px solid #d6e9f4;border-radius:50% 50% 0 0;padding-top:10px;font:600 12px Fredoka,sans-serif;letter-spacing:.22em;color:#2f6289}
.osm-row-tabs{display:none}
.osm-map{display:flex;flex-direction:column;align-items:center;gap:5px;overflow-x:auto;min-width:0}
.osm-row{display:flex;align-items:center;justify-content:center;gap:3px;width:max-content;max-width:100%}
.osm-row-label{width:20px;flex:none;font:600 13px Fredoka,sans-serif;color:#5a7690;text-align:right;padding-right:2px}
.osm-seat{width:27px;height:27px;flex:none;padding:0;border-radius:7px 7px 5px 5px;display:grid;place-items:center;font-size:9px;font-weight:800;transition:transform .12s,box-shadow .12s}
.osm-seat:hover,.osm-seat:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 0 0 2px #ff6f74}
.osm-seat.is-current{box-shadow:0 0 0 2px #ef3943}
.osm-seat.osm-available{background:#f5fbff;border:1px solid #a8c8db;color:#205986}
.osm-seat.osm-reserved{background:#176196;border:1px solid #176196;color:white}
.osm-seat.osm-blocked{background:#e9dfe0;border:1px solid #d7bfc1;color:#866f72}
.osm-seat.osm-accessible{border-style:dashed;font-size:13px}
.osm-aisle{width:12px;height:27px;flex:none}
.osm-note{text-align:center;color:#8393a1;font-size:10px;line-height:1.5;margin:18px 0 0}
.osm-detail{position:sticky;top:112px;min-width:0;padding:20px;background:#eaf3f8;border:1px solid #d4e3ed;border-radius:16px}
.osm-detail-kicker{font-size:9px;font-weight:800;letter-spacing:.17em;color:#3d7295}
.osm-detail h3{font:600 28px Fredoka,sans-serif;margin:9px 0 4px}
.osm-detail p{color:#637f95;font-size:12px;line-height:1.4;margin:0 0 13px}
.osm-detail .osm-status{display:inline-block;border-radius:7px;padding:6px 9px;font-weight:800;margin:0 0 13px}
.osm-status-reserved{background:#d8e8f4;color:#10588a!important}.osm-status-available{background:#e2f3e9;color:#24724a!important}.osm-status-blocked{background:#f3e5e6;color:#9d414a!important}
.osm-detail-extra{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.45;color:#42617a}
.osm-detail-extra strong{font:600 17px Fredoka,sans-serif;color:#123451}
.osm-tooltip{position:fixed;z-index:5;pointer-events:none;max-width:250px;background:#092447;color:white;padding:9px 12px;border-radius:9px;box-shadow:0 7px 20px #001b3d55;font-size:11px;font-weight:700;line-height:1.35}
.osm-tooltip[hidden]{display:none}
.osm-map-viewport{display:contents}
.osm-map-viewport .map-controls,.osm-map-viewport .map-pan-hint{display:none}
@media(max-width:900px){#organizer-seat-view{width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0}.osm-header{padding:16px;align-items:flex-start}.osm-header h2{font-size:27px}.osm-header p{font-size:11px}.osm-topline{padding:13px 16px 8px;align-items:flex-start}.osm-legend{gap:8px 13px}.osm-legend-item{font-size:10px}.osm-refresh{padding:8px 9px}.osm-lookup{padding:0 16px 14px;flex-wrap:wrap;gap:6px}.osm-lookup label{width:100%}.osm-lookup>div{max-width:100%;flex:none;width:100%}#osm-search-message{width:100%}.osm-body{display:flex;flex-direction:column;gap:0;padding:0 16px 16px}.osm-map-panel{width:100%;padding:17px 11px 14px}.osm-screen{margin-bottom:13px}.osm-row-tabs{display:flex;gap:5px;overflow-x:auto;padding:3px 1px 11px;scrollbar-width:none}.osm-row-tabs button{min-width:40px;height:37px;border:1px solid #cbdce7;border-radius:8px;background:#f7fbfe;color:#3f6d8c;font:600 13px Fredoka,sans-serif}.osm-row-tabs button.active{background:#15527e;color:white;border-color:#15527e}.osm-map{min-height:120px;overflow-x:hidden}.osm-row{display:flex;width:100%;max-width:none;flex-wrap:wrap;justify-content:center;gap:5px}.osm-row:not(.active){display:none}.osm-row-label{width:100%;text-align:left;font-size:12px;margin-bottom:4px}.osm-seat{width:42px;height:42px;font-size:12px}.osm-seat.osm-accessible{font-size:18px}.osm-aisle{width:10px;height:42px}.osm-detail{width:100%;position:sticky;bottom:0;top:auto;z-index:3;margin-top:12px;padding:16px;border-radius:14px;box-shadow:0 -6px 25px #14334b18}.osm-detail h3{font-size:23px;margin:5px 0}.osm-detail p{margin-bottom:7px}.osm-detail-extra{gap:4px}.osm-detail-extra strong{font-size:15px}}
@media(max-width:900px){
  .osm-row-tabs{display:none!important}
  .osm-map-viewport{display:block;position:relative;height:clamp(350px,54vh,470px);overflow:hidden;touch-action:none;border:1px solid #dbe8f0;border-radius:14px;background:radial-gradient(circle at center,#fff 0%,#f2f8fc 100%);cursor:grab;user-select:none;-webkit-user-select:none}
  .osm-map-viewport.dragging{cursor:grabbing}
  .osm-map{position:absolute;left:0;top:0;display:flex;width:max-content;min-height:0;overflow:visible;align-items:center;gap:6px;transform-origin:0 0;will-change:transform;touch-action:none}
  .osm-row,.osm-row:not(.active){display:flex;width:max-content;max-width:none;flex-wrap:nowrap;justify-content:center;gap:3px;padding:0}
  .osm-row-label{width:24px;flex:none;text-align:center;font-size:13px;margin:0}
  .osm-seat{width:31px;height:31px;flex:none;font-size:10px}
  .osm-seat.osm-accessible{font-size:14px}
  .osm-aisle{width:12px;height:31px}
  .osm-map-viewport .map-controls{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:4px;background:#082b4de8;border-radius:11px;padding:4px;box-shadow:0 5px 16px #09274633}
  .osm-map-viewport .map-controls button{border:0;background:transparent;color:white;border-radius:7px;min-width:33px;height:33px;font-size:20px;font-weight:700;display:grid;place-items:center;padding:0 6px;line-height:1}
  .osm-map-viewport .map-controls button[data-map-action="fit"]{font:800 11px 'DM Sans',sans-serif;min-width:40px}
  .osm-map-viewport .map-pan-hint{display:block;position:absolute;left:10px;bottom:10px;z-index:2;background:#092b4cd9;color:white;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700;pointer-events:none}
}