.platform .seat-workspace { display:grid; grid-template-columns:330px minmax(0,1fr); gap:18px; align-items:start; }
.platform .seat-workspace>aside,.platform .seat-workspace>div { min-width:0; }
.platform .seat-group-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 14px; margin-bottom:16px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-surface); font-size:13px; }
.platform .seat-group-nav .icon { width:17px; color:var(--ui-link); }
.platform .seat-group-nav a { padding:8px 12px; border-radius:6px; color:var(--ui-muted); text-decoration:none; }
.platform .seat-group-nav a.active { color:var(--ui-link); background:var(--ui-primary-soft); }
.platform .seat-map { position:relative; height:310px; margin:-5px -6px 10px; background:var(--ui-surface-alt); border:1px solid var(--ui-border); border-radius:10px; overflow:hidden; }
.platform .seat-map-table { position:absolute; left:50%; top:50%; border:2px solid var(--ui-border); border-radius:12px; background:var(--ui-primary-soft); }
.platform .seat-map-table.round { border-radius:50%; }
.platform .seat-map-name { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; gap:5px; width:105px; padding:8px; text-align:center; color:var(--ui-text); background:var(--ui-surface); border-radius:7px; pointer-events:none; }
.platform .seat-map-name strong { font-size:14px; }.platform .seat-map-name small { font-size:11px; color:var(--ui-muted); }
.platform .seat-map-chair { --seat-color:var(--ui-muted); position:absolute; width:36px; height:36px; transform:translate(-50%,-50%); display:grid; place-items:center; text-decoration:none; color:var(--seat-color); font-size:14px; font-weight:700; isolation:isolate; }
.platform .seat-map-chair::before { content:''; position:absolute; inset:0; border-radius:9px 9px 5px 5px; border:2px solid var(--seat-color); background:var(--ui-surface); transform:rotate(var(--seat-angle)); z-index:-1; }
.platform .seat-map-chair.is-selected::before { box-shadow:0 0 0 4px var(--ui-primary-soft); border-color:var(--ui-link); }
.platform .seat-map-chair:hover,.platform .seat-map-chair:focus-visible { outline:2px solid var(--ui-link); outline-offset:4px; border-radius:8px; }
.platform .seat-state-empty { --seat-color:var(--ui-muted); }.platform .seat-state-waiting { --seat-color:var(--ui-warning); }.platform .seat-state-preparing { --seat-color:var(--ui-link); }.platform .seat-state-ready,.platform .seat-state-served { --seat-color:var(--ui-success); }.platform .seat-state-late { --seat-color:var(--ui-danger); }
.platform .seat-map-note { font-size:12px; line-height:1.6; color:var(--ui-muted); margin:10px 0; }
.platform .seat-state-legend { display:flex; flex-wrap:wrap; gap:9px 14px; border-top:1px solid var(--ui-border); padding-top:13px; font-size:11px; color:var(--ui-muted); }
.platform .seat-state-legend span { display:flex; align-items:center; gap:6px; }.platform .seat-state-legend i { width:8px; height:8px; background:var(--seat-color); border-radius:50%; }
.platform .seat-selector { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 15px; }
.platform .seat-selector a { display:flex; flex-direction:column; justify-content:center; gap:4px; min-height:43px; padding:8px 11px; font-size:13px; color:var(--ui-text); text-decoration:none; background:var(--ui-surface); border:1px solid var(--ui-border); border-bottom:3px solid var(--seat-color,var(--ui-border)); border-radius:7px; }
.platform .seat-selector a.active { color:var(--ui-link); background:var(--ui-primary-soft); border-color:var(--ui-link); }.platform .seat-selector small { font-size:11px; color:var(--ui-muted); }
.platform .seat-late-text { color:var(--ui-danger)!important; font-weight:700; }
.platform .seat-assignment-title { display:grid; gap:7px; margin:0 0 16px; font-size:14px; }.platform .seat-assignment-title small { color:var(--ui-muted); font-size:12px; }
.platform .seat-workspace .row-actions { flex-wrap:wrap; }.platform .seat-next-actions { display:flex; gap:8px; flex-wrap:wrap; }
@media(max-width:1200px) { .platform .seat-workspace { grid-template-columns:285px minmax(0,1fr); gap:14px; } }
@media(max-width:1000px) { .platform .seat-workspace { grid-template-columns:1fr; }.platform .seat-workspace>aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.platform .seat-workspace>aside>.panel { margin:0; } }
@media(max-width:600px) { .platform .seat-workspace>aside { grid-template-columns:1fr; }.platform .seat-map-chair { width:40px; height:40px; }.platform .seat-group-nav a { min-height:40px; }.platform .seat-selector a { min-height:44px; } }