/* Expanded table owns the viewport; the grid receives remaining height. */
#expanded{box-sizing:border-box;inset:0;margin:auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:14px 18px;overflow:hidden}
#expanded .dialog-bar{position:static;margin:0 0 8px;padding:0;flex-shrink:0}
#expanded #workspace{min-height:0;overflow:hidden;gap:8px}
#expanded .expanded-tools{flex:none;margin:0;border-bottom:1px solid var(--line);padding:0 0 8px;max-height:40%;overflow:auto}
#expanded .expanded-tools>summary{cursor:pointer;font-size:13px;color:var(--muted);padding:6px 0}
#expanded .expanded-tools .view-controls{margin:10px 0;gap:12px}
#expanded .table-wrapper{flex:1 1 0;min-height:0;height:auto;width:100%;box-sizing:border-box}
#expanded .pagination{padding:4px 0 0;margin:0}
@media(max-width:760px){#expanded{padding:10px}#expanded .dialog-bar{gap:6px}#expanded .expanded-actions{width:auto;order:0;gap:6px}#expanded .dialog-bar #exit{margin-left:0}#expanded .pagination{gap:6px}#expanded .pagination span{font-size:11px}}
/* Full viewport table canvas; controls float over it only when requested. */
#expanded{inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-radius:0;overflow:hidden}
#expanded #workspace{height:100%;width:100%;gap:0;flex:1;min-height:0}
#expanded .table-wrapper{height:100%;width:100%;border:0;border-radius:0;flex:1;min-height:0}
#expanded .expanded-tools{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 24px));max-height:80dvh;z-index:10;padding:0;margin:0;overflow:visible;border:0;background:transparent}
#expanded .expanded-tools>summary{width:max-content;margin:auto;padding:4px 18px;min-height:22px;box-sizing:border-box;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;list-style:none;box-shadow:0 2px 8px #0001}
#expanded .expanded-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;max-height:calc(80dvh - 26px);overflow:auto;box-sizing:border-box;box-shadow:0 12px 28px #0003}
#expanded .expanded-panel .pagination{padding:12px 0 0}
#expanded .expanded-panel .dialog-bar{margin-bottom:12px}
@media(max-width:760px){#expanded{padding:0;width:100vw;height:100dvh}#expanded .expanded-tools{width:calc(100% - 12px)}#expanded .expanded-panel{padding:12px}}
/* Persistent compact bar keeps menu and the shared theme selector discoverable. */
#expanded .canvas-bar{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:52px;padding:8px 16px;box-sizing:border-box;border-bottom:1px solid var(--line);background:var(--surface);z-index:12}
#expanded .canvas-bar>strong{font-size:14px;margin-right:auto;white-space:nowrap}
#expanded .canvas-bar .theme-choice{width:92px;min-height:36px;padding:7px 9px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:12px}
#expanded .canvas-bar .expanded-tools{position:static;transform:none;width:auto;max-height:none;overflow:visible}
#expanded .canvas-bar .expanded-tools>summary{margin:0;padding:9px 14px;min-height:36px;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px;font-weight:600;box-shadow:none;white-space:nowrap}
#expanded .canvas-bar .expanded-tools>summary:after{content:' ▾';margin-left:5px;color:var(--muted)}
#expanded .canvas-bar .expanded-panel{position:absolute;top:60px;right:12px;width:min(980px,calc(100% - 24px));max-height:calc(100dvh - 76px)}
#expanded #workspace{height:auto;flex:1 1 0}
@media(max-width:760px){#expanded .canvas-bar{padding:8px;gap:6px;flex-wrap:wrap}#expanded .canvas-bar>strong{font-size:12px}#expanded .canvas-bar .theme-choice{width:78px}#expanded .canvas-bar #exit{font-size:11px;padding:7px}#expanded .canvas-bar .expanded-tools>summary{padding:8px 9px;font-size:12px}#expanded .canvas-bar .expanded-panel{top:62px;right:6px;width:calc(100% - 12px)}}
#expanded>.site-header,#expanded>.rt-masthead{position:static;flex:0 0 auto;width:100%;box-sizing:border-box}
#expanded .canvas-bar{position:relative;z-index:12}
#expanded .canvas-bar .expanded-panel{top:100%;right:12px;max-height:calc(100dvh - 160px)}
@media(max-width:760px){#expanded .canvas-bar{flex-wrap:nowrap;min-height:48px}#expanded .canvas-bar .expanded-panel{right:6px;max-height:60dvh}}

.dataset-dropzone{border:2px dashed var(--line);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer}
.dataset-dropzone.drag-over{border-color:var(--accent);background:var(--surface)}
.dataset-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.dataset-dropzone .drop-hint{font-size:13px;color:var(--muted)}
.edit-notes-panel{margin:8px 0;color:var(--muted)}
.edit-notes-panel>summary{cursor:pointer;padding:8px 0}