body { margin:0; min-height:100vh; background:#11161d; color:#e8edf4; font-family:"Microsoft YaHei UI","PingFang SC",sans-serif; }
[hidden] { display:none !important; }
button { font:inherit; cursor:pointer; border:0; border-radius:10px; }
.console-top { display:flex; align-items:center; justify-content:space-between; padding:14px 22px; background:#171d26; border-bottom:1px solid #2b3441; }
.brand { display:flex; gap:12px; align-items:center; color:inherit; text-decoration:none; }
.brand img { width:42px; height:42px; }
.brand strong { display:block; font-size:19px; }
.brand small { color:#8b98a8; }
.top-actions { display:flex; gap:12px; align-items:center; }
.online-pill { background:#20303f; color:#7fd1a8; padding:7px 14px; border-radius:999px; font-weight:600; }
.password { background:#0f141b; border:1px solid #34404f; color:#e8edf4; border-radius:9px; padding:8px 12px; width:150px; }
.console-main { display:grid; grid-template-columns:minmax(520px,1.35fr) minmax(380px,.9fr); gap:18px; padding:18px 22px 40px; align-items:start; }
.panel { background:#171d26; border:1px solid #2b3441; border-radius:16px; padding:16px 18px 18px; margin-bottom:18px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.panel h2 { margin:0; font-size:18px; }
.filters { display:flex; gap:12px; align-items:center; }
select,input[type=text],input[type=time],textarea { background:#0f141b; border:1px solid #34404f; color:#e8edf4; border-radius:9px; padding:7px 10px; }
.device-table-wrap { overflow:auto; max-height:52vh; border:1px solid #26313e; border-radius:12px; }
.device-table { width:100%; border-collapse:collapse; font-size:14px; }
.device-table th { position:sticky; top:0; background:#1d2531; color:#93a1b1; font-weight:600; text-align:left; padding:9px 10px; }
.device-table td { padding:8px 10px; border-top:1px solid #26313e; vertical-align:middle; }
.device-table input[type=text] { width:100%; min-width:85px; box-sizing:border-box; }
.dot { display:inline-block; width:10px; height:10px; border-radius:50%; background:#5b6672; }
.dot.online { background:#3ecf8e; box-shadow:0 0 8px #3ecf8e88; }
.status-cell { white-space:nowrap; }
.device-actions { display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.primary { display:inline-flex; gap:8px; align-items:center; background:#2f6fed; color:white; padding:10px 16px; font-weight:600; }
.primary:hover { background:#2a63d4; }
.secondary { display:inline-flex; gap:8px; align-items:center; background:#243141; color:#d9e4f0; padding:10px 16px; }
.danger-ghost { display:inline-flex; gap:8px; align-items:center; background:transparent; border:1px solid #59404a; color:#e59aae; padding:10px 14px; }
.tiny { background:#243141; color:#cfd9e5; padding:5px 10px; font-size:12px; border-radius:8px; }
.side-column { display:flex; flex-direction:column; }
.upload-box { display:flex; gap:10px; align-items:center; justify-content:center; border:1px dashed #3b4857; border-radius:12px; padding:18px 10px; color:#a9b6c6; cursor:pointer; margin-bottom:8px; }
.upload-box:hover { border-color:#5f7898; color:#dfe8f2; }
.hint { font-size:13px; color:#98a6b5; min-height:18px; margin:4px 0 10px; }
.image-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; max-height:34vh; overflow:auto; }
.image-card { margin:0; border:2px solid #2b3441; border-radius:10px; overflow:hidden; background:#0f141b; }
.image-card.chosen { border-color:#699dff; }
.image-card .image-pick { display:block; width:100%; padding:0; border-radius:0; }
.group-tools { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.wall-status { display:block; color:#9fadc1; max-width:150px; }
[hidden] { display:none !important; }
.image-card img { display:block; width:100%; height:74px; object-fit:cover; }
.image-card .meta { display:flex; justify-content:space-between; align-items:center; padding:6px 8px; gap:4px; flex-wrap:wrap; }
.image-card .meta span { font-size:12px; color:#c2cdd9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 1 100%; }
.image-card .album-move { flex:1; min-width:0; background:#1b2430; color:#c8d4e2; border:1px solid #33404f; border-radius:6px; font-size:12px; padding:3px 4px; }
.image-card button { background:transparent; color:#e59aae; font-size:12px; padding:2px 4px; }
.album-tools { display:grid; gap:8px; margin-bottom:10px; }
.log-dialog { width:min(760px,calc(100vw - 40px)); }
.log-dialog pre { max-height:52vh; overflow:auto; white-space:pre-wrap; word-break:break-all; background:#141b24; border:1px solid #2b3441; border-radius:10px; padding:14px; font-size:12.5px; line-height:1.7; color:#cfdae7; margin:0; }
.log-actions { display:flex; align-items:center; gap:12px; margin-top:14px; }
.log-btn { display:block; margin-top:8px; }
.album-tools > select { width:100%; }
.album-tools .album-actions { display:flex; gap:8px; flex-wrap:wrap; }
.album-tools input { flex:1 1 140px; min-width:0; }
.album-tools button { flex:0 0 auto; }
.schedule-form { display:grid; gap:10px; }
.schedule-form .row { display:grid; grid-template-columns:1fr 130px; gap:10px; }
.weekday-row { display:flex; gap:6px; }
.weekday-row label { background:#202a37; border-radius:8px; padding:7px 0; flex:1; text-align:center; font-size:13px; color:#b7c3d1; cursor:pointer; }
.weekday-row input { display:none; }
.weekday-row label:has(input:checked) { background:#2f6fed; color:white; }
.schedule-form textarea { width:100%; box-sizing:border-box; resize:vertical; }
.schedule-list { margin-top:14px; display:grid; gap:8px; }
.schedule-item { display:flex; justify-content:space-between; gap:10px; align-items:center; background:#202834; border-radius:10px; padding:10px 12px; font-size:14px; }
.schedule-item .info strong { display:block; }
.schedule-item .info small { color:#93a1b1; }
.schedule-item .ops { display:flex; gap:6px; }
.install-box { font-size:13px; color:#a9b6c6; }
.install-token { display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.install-token code { background:#0f141b; border:1px solid #34404f; padding:7px 10px; border-radius:8px; word-break:break-all; }
.log-list { list-style:none; padding:0; margin:14px 0 0; font-size:13px; color:#9fadc1; }
.log-list li { padding:5px 0; border-bottom:1px dashed #2b3441; }
.log-list time { color:#7d8b9b; margin-right:8px; }
.toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:#233242; color:#eaf1f8; padding:12px 20px; border-radius:12px; box-shadow:0 8px 24px #0007; }
.empty { color:#8b98a8; text-align:center; padding:18px; }
.password:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #7ea8ff; outline-offset:1px; }
@media (max-width:1050px){ .console-main { grid-template-columns:1fr; } }

/* 设备表新增列 */
.device-table select { font-size:13px; padding:5px 6px; }
.device-table .subuser-input { min-width:96px; font-size:13px; }
.shot-cell { white-space:nowrap; }
.shot-thumb { display:block; width:64px; height:36px; object-fit:cover; border-radius:6px; border:1px solid #34404f; cursor:zoom-in; margin-bottom:4px; }
.shot-none { color:#5b6672; display:block; margin-bottom:4px; }
.shot-btn:disabled { opacity:.4; cursor:not-allowed; }
.shot-overlay { position:fixed; inset:0; z-index:80; background:#060a10e8; display:flex; align-items:center; justify-content:center; padding:18px; }
.shot-viewer { display:flex; flex-direction:column; width:min(1200px, 96vw); max-height:94vh; background:#171d26; border:1px solid #354256; border-radius:16px; overflow:hidden; box-shadow:0 24px 90px #0009; }
.shot-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; }
.shot-head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shot-close { padding:9px 15px; background:#344256; color:#fff; white-space:nowrap; }
.shot-close:hover { background:#50637b; }
#shotFull { display:block; max-width:100%; max-height:calc(94vh - 60px); object-fit:contain; margin:auto; }
.inner-panel { margin:14px 0 0; background:#131a23; }
.message-form { display:grid; gap:10px; }
.message-form .row { display:grid; grid-template-columns:1fr 120px; gap:10px; }
.message-form textarea { width:100%; box-sizing:border-box; resize:vertical; }
.message-actions { display:flex; justify-content:space-between; align-items:center; }
.speak-label { font-size:13px; color:#b7c3d1; display:flex; gap:6px; align-items:center; }
.user-list { display:grid; gap:8px; margin-top:10px; }
.user-item { display:flex; gap:10px; align-items:center; background:#202834; border-radius:10px; padding:8px 12px; font-size:14px; }
.user-item span { font-weight:600; }
.user-item small { color:#93a1b1; flex:1; }
.install-token code { flex:1; }

/* 裁剪弹窗 */
.cropper-overlay { position:fixed; inset:0; background:#000a; display:flex; align-items:center; justify-content:center; z-index:50; padding:16px; }
.cropper-modal { background:#171d26; border:1px solid #2b3441; border-radius:16px; padding:16px; width:min(940px, 96vw); display:grid; gap:12px; }
.cropper-head { display:flex; gap:12px; align-items:center; }
.cropper-head strong { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#cropCanvas { width:100%; border-radius:10px; border:1px solid #26313e; cursor:crosshair; touch-action:none; display:block; }
.cropper-tools { display:flex; gap:12px; align-items:center; font-size:13px; color:#a9b6c6; flex-wrap:wrap; }
.cropper-tools input[type=range] { flex:1; min-width:160px; }
.cropper-actions { display:flex; justify-content:flex-end; }

/* School operations desk: calm daylight surfaces, one strong action color. */
html { scroll-behavior:smooth; }
body { background:#eef3f5; color:#1a3444; line-height:1.5; }
.console-top { position:sticky; top:0; z-index:30; background:#153449; color:#f7fbfc; border-bottom:3px solid #2a8d8a; padding:12px max(24px,calc((100vw - 1510px)/2)); }
.brand img { width:38px; height:38px; }
.brand small { color:#b8d1dc; }
.online-pill { background:#23546a; color:#cbf4e5; }
.password { background:#f8fbfc; color:#153449; border:1px solid #a3b8c5; }
.console-top .tiny { background:#31556c; color:#f7fbfc; }
.console-main { max-width:1510px; margin:0 auto; padding:18px 24px 70px; grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); gap:18px; }
.section-nav { grid-column:1/-1; display:flex; gap:5px; padding:5px; border:1px solid #d9e4e9; border-radius:12px; background:#fff; width:max-content; max-width:100%; flex-wrap:wrap; }
.section-nav a { text-decoration:none; color:#496477; padding:8px 13px; border-radius:8px; font-size:13px; font-weight:600; }
.section-nav a:hover,.section-nav a:focus-visible { color:#0f6c72; background:#e9f5f3; }
.panel { background:#fff; border:1px solid #dbe6ea; border-radius:14px; padding:22px; margin:0; min-width:0; box-shadow:0 2px 8px #1c43510a; scroll-margin-top:105px; }
.device-panel { grid-column:1/-1; }
.exam-panel { grid-column:1/-1; }
.exam-frame { display:block; width:100%; height:calc(100vh - 190px); min-height:760px; border:1px solid #dbe6ea; border-radius:12px; background:#fff; }
@media(max-width:650px) { .exam-frame { height:1050px; min-height:0; } }
.selection-bar strong { overflow-wrap:anywhere; }
.operation-report { margin:0 0 14px; padding:12px 16px; border:1px solid #c9e3de; border-radius:10px; background:#f2f9f7; color:#214b52; font-size:13px; }
.operation-report ul { list-style:none; display:flex; flex-wrap:wrap; gap:7px 14px; margin:8px 0 0; padding:0; }
.operation-report li { display:flex; gap:6px; }
.operation-report li span { color:#527079; }
.update-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:10px 0; color:#526b79; font-size:13px; }
.update-tools span { margin-right:auto; }
.side-column { display:contents; }
.schedule-panel { grid-column:1/-1; }
.panel-head { gap:14px; align-items:flex-start; margin-bottom:16px; }
.panel h2 { color:#183e53; font-size:19px; letter-spacing:.01em; }
.section-description { margin:3px 0 0; color:#688191; font-size:13px; }
.filters { flex-wrap:wrap; }
.check-all { white-space:nowrap; color:#526d7e; font-size:13px; }
.selection-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px; }
.selection-bar strong { font-size:13px; color:#197c80; margin-right:4px; }
select,input[type=text],input[type=time],input[type=number],textarea { background:#fbfdfe; border:1px solid #cddbe2; color:#1d3c4b; }
select:focus,input:focus,textarea:focus { border-color:#208b8d; }
.device-table-wrap { max-height:56vh; border:1px solid #dce6e9; }
.device-table th { background:#eff5f6; color:#557184; padding:11px; }
.device-table td { border-top:1px solid #e7eef0; padding:10px 11px; }
.device-table tr:hover td { background:#f8fbfc; }
.dot { background:#aab9bf; }
.dot.online { background:#1eaa7e; box-shadow:none; }
.wall-status { color:#76909b; }
.group-tools { align-items:center; }
.primary { background:#147c82; color:#fff; }
.primary:hover { background:#0d686e; }
.secondary,.tiny { background:#e9f2f4; color:#245267; }
.secondary:hover,.tiny:hover { background:#dbeaed; }
.danger-ghost { border-color:#edd8d6; color:#ae5656; }
.hint { color:#718895; }
.upload-box { border-color:#a9c6c9; background:#f6fbfa; color:#39747b; }
.upload-box:hover { border-color:#148087; color:#0c656c; }
.image-card { border-color:#dce7eb; background:#f7fafb; }
.image-card.chosen { border-color:#108b8e; box-shadow:0 0 0 1px #108b8e; }
.image-card .meta span { color:#365568; }
.image-card .album-move { background:#fff; color:#2c4a5c; border-color:#d3e3e7; }
.image-card button { color:#ae5b60; }
.wallpaper-send { margin-top:12px; }
.weekday-row label { background:#e9f1f3; color:#537182; }
.weekday-row label:has(input:checked) { background:#147c82; color:#fff; }
.schedule-item,.user-item { background:#f3f7f8; }
.schedule-item .info small,.user-item small { color:#78909c; }
.install-box { color:#5e7785; }
.install-token code { color:#245267; background:#f2f6f7; border-color:#dbe6e9; }
.log-list { color:#5f7986; max-height:250px; overflow:auto; }
.log-list li { border-color:#e2ecef; }
.log-list time { color:#849aa5; }
.toast { background:#183e53; color:#fff; z-index:100; }
.shot-viewer,.cropper-modal { background:#fff; color:#1b3d4e; border-color:#cfdee3; }
.shot-close { background:#e6f0f1; color:#1c5364; }
.shot-close:hover { background:#cfedef; }
.cropper-tools { color:#5c7888; }
.message-form textarea { min-height:95px; }
.message-actions { grid-template-columns:1fr auto !important; }
.message-actions .primary { white-space:nowrap; }
.voice-options { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.voice-options select { font-size:13px; }
.message-form #messageSeconds { width:100%; box-sizing:border-box; }
.shot-thumb { border-color:#c9dade; width:90px; height:51px; }
.shot-cell { min-width:100px; }
@media(max-width:1000px) { .console-main { grid-template-columns:minmax(0,1fr); } .device-panel,.schedule-panel,.section-nav { grid-column:1; } .side-column { display:contents; } }
@media(max-width:650px) { .console-top { padding:10px 14px; } .brand small { display:none; } .console-main { padding:12px 12px 50px; gap:12px; } .panel { padding:16px; } .panel-head { flex-wrap:wrap; } .section-nav { width:auto; } .section-nav a { padding:7px 9px; } .message-form .row { grid-template-columns:1fr 100px; } .schedule-form .row { grid-template-columns:1fr 110px; } .shot-overlay { padding:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.console-top { background:#172d49; border-bottom:0; }
.console-top .brand strong,.console-top .brand small { color:#fff; }
.console-main { max-width:1680px; }
.device-panel { padding:24px; }
.device-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:20px; }
.device-card { min-width:0; border:1px solid #dbe3ed; background:#fff; border-radius:12px; overflow:hidden; }
.device-card.chosen { border-color:#2b64bd; box-shadow:0 0 0 2px #2b64bd; }
.card-heading { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; gap:8px; }
.card-heading label { display:flex; align-items:center; gap:9px; min-width:0; }
.card-heading strong { font-size:15px; color:#233650; overflow-wrap:anywhere; }
.device-presence { font-size:12px; color:#8390a0; white-space:nowrap; }
.device-presence::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; margin-right:5px; }
.device-presence.is-online { color:#16865a; }
.device-preview { aspect-ratio:16/9; background:#edf1f6; position:relative; overflow:hidden; }
.device-preview .shot-thumb { display:block; width:100%; height:100%; object-fit:contain; border:0; border-radius:0; cursor:zoom-in; }
.preview-empty { height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#8492a6; font-size:14px; gap:7px; }
.preview-empty>span { font-size:32px; color:#afbdd0; }
.preview-empty small { font-size:12px; }
.card-caption { display:flex; justify-content:space-between; padding:11px 16px; font-size:12px; color:#7b8799; gap:8px; }
.card-wallpaper { padding:0 16px 12px; font-size:12px; color:#61738b; overflow-wrap:anywhere; }
.card-wallpaper span { display:block; margin-top:4px; color:#8a97a7; }
.card-buttons { display:flex; gap:8px; padding:0 16px 14px; }
.card-buttons button { flex:1; }
.device-settings { border-top:1px solid #edf0f5; padding:11px 16px; font-size:12px; color:#75849a; }
.device-settings summary { cursor:pointer; }
.device-settings p { overflow-wrap:anywhere; margin:9px 0; line-height:1.6; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.settings-grid label { display:grid; gap:5px; }
.settings-grid input,.settings-grid select { width:100%; min-width:0; box-sizing:border-box; font-size:12px; padding:7px; }
.device-actions { margin:18px 0 0; }
.shot-mode { display:inline-flex; align-items:center; gap:8px; padding:0 10px; border:1px solid #cbdde3; border-radius:10px; background:#f7fbfc; color:#245267; font-size:13px; }
.shot-mode select { border:0; background:transparent; color:#183e53; font:inherit; padding:10px 4px; outline:none; }
.card-class { padding:0 16px 10px; font-size:12px; color:#52707e; }
.card-class.is-error { color:#b23b3b; }
.primary { background:#245ca8; }
.primary:hover { background:#194a8c; }
.section-nav a { color:#476384; }
.selection-bar { background:#f1f5fa; padding:12px 14px; border-radius:8px; margin-bottom:16px; }
@media(max-width:650px) { .device-grid { grid-template-columns:1fr; } .device-panel { padding:16px; } }

/* Single-feature workspace. Scrolling stays inside the active function, never through other functions. */
body.console-shell{height:100svh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.console-shell .console-top{flex:none;padding:11px 22px}
.console-shell .console-main{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1740px;box-sizing:border-box;padding:12px 22px;gap:10px;overflow:hidden}
.console-shell .section-nav{display:flex;flex:none;width:100%;box-sizing:border-box;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding:5px}
.section-nav button{flex:1;min-width:max-content;padding:10px 17px;background:transparent;color:#51677f;font-weight:600;border-radius:8px}
.section-nav button[aria-selected="true"]{background:#245ca8;color:#fff}
.group-chips{display:flex;gap:7px;overflow-x:auto;flex:none;padding:2px 0 5px}
.group-chips button{flex:none;padding:8px 13px;border:1px solid #d7e1ee;background:#fff;color:#49657e;font-size:13px;white-space:nowrap}
.group-chips button[aria-pressed="true"]{background:#eaf1ff;border-color:#4b76bc;color:#214f8d;box-shadow:inset 0 0 0 1px #4b76bc}
.scope-summary{font-size:12px;color:#6d8196;flex:none}
.console-shell .selection-bar{flex:none;display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px}
.console-shell .selection-bar strong{margin-right:auto;white-space:nowrap}
.console-shell .console-main{align-items:stretch}
.console-views{flex:1;min-height:0;min-width:0;width:100%;overflow:hidden}
.console-view{height:100%;box-sizing:border-box;overflow:auto;margin:0!important;grid-column:auto!important}
.console-shell .device-panel{display:flex;flex-direction:column;min-height:0}
.console-shell .device-panel .panel-head{flex:none;margin-bottom:5px}
.console-shell .device-actions{flex:none;margin:5px 0 12px;gap:7px}
.console-shell .device-actions button{font-size:13px;padding:8px 13px}
.console-shell .device-panel .hint{margin:5px 0 0;font-size:11px;flex:none}
.console-shell .device-grid{flex:1;min-height:0;overflow:auto;align-content:start;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:13px;padding:2px}
.console-shell .device-card{align-self:start}
.console-shell .device-preview{height:auto;aspect-ratio:16/9}
.console-shell .device-preview .shot-thumb{position:absolute;inset:0}
.console-shell .device-preview .preview-empty{position:absolute;inset:0;height:auto}
.console-shell .card-heading{padding:11px 12px}.console-shell .card-heading strong{font-size:14px}
.console-shell .card-caption,.console-shell .card-buttons{padding-left:12px;padding-right:12px}.console-shell .card-buttons{padding-bottom:10px}
.console-shell .preview-empty small{display:none}.console-shell .card-class{padding-bottom:6px}
.console-shell .exam-panel{display:flex;flex-direction:column;gap:7px;padding:12px}
.console-shell .exam-panel .panel-head{flex:none;margin:0}
.console-shell .exam-frame{flex:1;min-height:0;height:100%;border:0;border-radius:8px}
.console-shell .message-panel .message-form{max-width:900px}
.console-shell .image-grid{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.console-shell .image-card img{height:115px}
.console-shell .schedule-form{max-width:850px}
.console-shell .settings-panel>section{margin-top:15px}.maintenance-tools{padding:12px;border:1px solid #dce5ef;border-radius:9px}
.maintenance-tools summary{cursor:pointer;font-weight:600;margin-bottom:10px}.maintenance-tools .group-tools{padding-top:10px}
.settings-panel .install-box p{display:none}.settings-panel .log-list{max-height:260px;overflow:auto}
@media(max-width:700px){
 .console-shell .console-top{padding:9px 12px;gap:8px;flex-wrap:wrap}.console-shell .brand img{width:32px;height:32px}.console-shell .brand strong{font-size:16px}
 .console-shell .top-actions{gap:7px}.console-shell .online-pill{font-size:12px;padding:5px 8px}.console-shell .password{width:110px}
 .console-shell .console-main{padding:9px 10px;gap:7px}.section-nav button{padding:9px 12px;font-size:13px}
 .console-shell .device-panel{padding:12px}.console-shell .device-grid{grid-template-columns:1fr}
 .console-shell .device-actions{gap:6px}.console-shell .device-actions button{font-size:12px;padding:7px 9px}
 .console-shell .shot-mode{font-size:12px}.console-shell .device-actions .danger-ghost{margin-left:auto}
 .console-shell .selection-bar{font-size:12px;gap:7px}.group-chips button{padding:7px 10px}
}