/* Refined shortcuts stay more prominent than the compact document tabs. */
/* Shell shortcuts retain the global theme, including body-level popups and PS tabs. */
.mtn-nav,.mtn-popup,.mtn-editor{--mtn-surface:#fff;--mtn-card:#fafafa;--mtn-hover:#f0f0f0;--mtn-border:#dedede;--mtn-border-hover:#c5c5c5;--mtn-text:#292929;--mtn-muted:#707070;--mtn-focus:#8e8e8e;color-scheme:light}
html[data-workspace-theme=dark] :is(.mtn-nav,.mtn-popup,.mtn-editor){--mtn-surface:#242424;--mtn-card:#2b2b2b;--mtn-hover:#333;--mtn-border:#414141;--mtn-border-hover:#5b5b5b;--mtn-text:#ededed;--mtn-muted:#c4c4c4;--mtn-focus:#aaa;color-scheme:dark}

.topbar:has(.mtn-nav:not([hidden])){justify-content:flex-start}
.topbar:has(.mtn-nav:not([hidden]))>.topbar-right{margin-left:auto;flex-shrink:0}
.topbar .material-top-nav.mtn-nav{display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;gap:8px;min-width:0;max-width:1240px;margin:0 18px 0 16px;overflow:visible;font:inherit}
.topbar .mtn-nav[hidden]{display:none}
.mtn-label{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding-right:13px;border-right:1px solid var(--mtn-border);color:var(--mtn-muted);font-size:10px;font-weight:500;line-height:18px;white-space:nowrap}
.mtn-label svg{width:13px;height:13px}
.mtn-rail{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex:0 1 auto;min-width:0;padding:3px 2px;overflow-x:auto;scrollbar-width:none}
.mtn-rail::-webkit-scrollbar{display:none}
.mtn-rail>.mtn-slot{display:block;position:relative;flex:0 0 auto;min-width:0;max-width:168px;height:34px;box-sizing:border-box;border:1px solid var(--mtn-border);border-radius:9px;color:var(--mtn-muted);background:var(--mtn-card);box-shadow:0 1px 2px #00000005;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap;text-align:center;transition:background .14s,color .14s,border-color .14s,box-shadow .14s}
.mtn-rail>a.mtn-slot{line-height:32px;overflow:hidden;text-overflow:ellipsis;padding:0 13px}
.mtn-rail>.mtn-slot:hover,.mtn-rail>.mtn-slot[open]{background:var(--mtn-hover);border-color:var(--mtn-border-hover);color:var(--mtn-text);box-shadow:0 2px 5px #0000000a}
.mtn-nav .mtn-rail .mtn-slot>summary{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:32px;box-sizing:border-box;list-style:none;padding:0 13px;border-radius:8px;color:inherit;background:transparent;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.mtn-nav .mtn-rail .mtn-slot>summary:after{content:'⌄';flex:0 0 auto;font-size:10px;opacity:.55;transition:transform .14s}
.mtn-nav .mtn-rail details[open]>summary:after{transform:rotate(180deg)}
.mtn-nav .mtn-rail summary::-webkit-details-marker{display:none}
.mtn-nav .mtn-rail .mtn-slot>summary:is(:hover,:active),.mtn-nav .mtn-rail .mtn-slot[open]>summary{background:transparent;color:inherit}
.mtn-add{appearance:none;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:5px;border:1px dashed var(--mtn-border);border-radius:50%;background:transparent;color:var(--mtn-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.mtn-add:hover,.mtn-add[aria-expanded=true]{background:var(--mtn-hover);color:var(--mtn-text);border-color:var(--mtn-muted)}
.mtn-add svg,.mtn-grip svg{width:16px;height:16px}
.mtn-nav :is(a,button,summary):focus-visible,.mtn-popup a:focus-visible,.mtn-editor :is(button,select):focus-visible{outline:2px solid var(--mtn-focus);outline-offset:2px}
.mtn-nav :is(a,button,summary):focus:not(:focus-visible),.mtn-popup a:focus:not(:focus-visible),.mtn-editor button:focus:not(:focus-visible){outline:none;box-shadow:none}
.mtn-popup{color:var(--mtn-text);position:fixed;z-index:1600;overflow:auto;box-sizing:border-box;padding:6px;background:var(--mtn-surface);border:1px solid var(--mtn-border);border-radius:10px;box-shadow:0 12px 34px #17203224}
.mtn-popup[hidden]{display:none}
.mtn-popup a{display:block;padding:9px 11px;border-radius:5px;text-decoration:none;color:var(--mtn-muted);font-size:12px;line-height:1.35;white-space:nowrap}
.mtn-popup a:hover,.mtn-popup a[aria-current=page]{color:var(--mtn-text);background:var(--mtn-hover)}
.mtn-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;background:#161c2c38;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mtn-editor{width:min(600px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;background:var(--mtn-surface);color:var(--mtn-text);border:1px solid var(--mtn-border);border-radius:15px;box-shadow:0 24px 90px #10182840;font-family:inherit}
.mtn-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 24px 17px;border-bottom:1px solid var(--mtn-border)}
.mtn-editor h2{margin:0 0 7px;font-size:17px;line-height:1.35;font-weight:650}
.mtn-editor-header p{margin:0;color:var(--mtn-muted);font-size:12px;line-height:1.5}
.mtn-close{appearance:none;flex:0 0 24px;width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:var(--mtn-muted);font-size:22px;line-height:20px;cursor:pointer}
.mtn-close:hover{background:var(--mtn-hover);color:var(--mtn-text)}
.mtn-editor-list{display:grid;gap:7px;padding:16px 22px;overflow:auto;min-height:0}
.mtn-editor-row{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 8px;border:1px solid var(--mtn-border);border-radius:8px;background:var(--mtn-surface);transition:border-color .15s,background .15s}
.mtn-editor-row.is-dragging{opacity:.35}.mtn-editor-row.is-drop-target{border-color:var(--mtn-focus);background:var(--mtn-hover)}
.mtn-grip{appearance:none;display:grid;place-items:center;width:20px;height:28px;padding:0;border:0;background:transparent;color:var(--mtn-muted);cursor:grab;touch-action:none}
.mtn-number{flex:0 0 17px;text-align:center;color:var(--mtn-muted);font-size:11px;font-variant-numeric:tabular-nums}
.mtn-editor select.mtn-select{flex:1;min-width:0;width:0;box-sizing:border-box;height:30px;padding:3px 9px;border:1px solid transparent;border-radius:5px;color:var(--mtn-text);background:var(--mtn-hover);font:inherit;font-size:12px;cursor:pointer}
.mtn-row-actions{display:flex;flex:0 0 auto;gap:3px}
.mtn-row-button{appearance:none;display:grid;place-items:center;width:25px;height:27px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--mtn-muted);font-size:15px;cursor:pointer}
.mtn-row-button:hover:not(:disabled){border-color:var(--mtn-border);background:var(--mtn-hover);color:var(--mtn-text)}
.mtn-row-button:disabled{opacity:.2;cursor:default}
.mtn-editor-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 24px 19px;border-top:1px solid var(--mtn-border)}
.mtn-reset{appearance:none;flex:0 0 auto;padding:5px 0;border:0;background:transparent;color:var(--mtn-muted);font:inherit;font-size:11px;cursor:pointer}
.mtn-reset:hover{color:var(--mtn-focus)}
.mtn-status{flex:1;min-width:100px;margin:0;color:var(--mtn-muted);font-size:10px;line-height:1.4}
.mtn-status.is-error{color:var(--danger,#d34747)}
.mtn-button{appearance:none;flex:0 0 auto;height:31px;min-width:61px;padding:0 14px;border:1px solid var(--mtn-border);border-radius:6px;background:var(--mtn-surface);color:var(--mtn-muted);font:inherit;font-size:12px;cursor:pointer}
.mtn-button:hover{background:var(--mtn-hover)}
.mtn-button.mtn-save{background:var(--mtn-text);border-color:var(--mtn-text);color:var(--mtn-surface)}
.mtn-button:disabled,.mtn-add:disabled{opacity:.4;cursor:wait}
@media(max-width:1440px){.topbar .material-top-nav.mtn-nav{margin-left:12px;margin-right:12px;gap:6px}.mtn-label{padding-right:10px}.mtn-nav .mtn-rail .mtn-slot>summary,.mtn-rail>a.mtn-slot{padding-inline:9px}}
@media(max-width:1100px){.topbar .material-top-nav.mtn-nav{margin-left:8px;margin-right:10px;gap:5px}.mtn-label{padding-right:8px}.mtn-label>span{display:none}.mtn-rail>.mtn-slot{font-size:11px}.mtn-nav .mtn-rail .mtn-slot>summary,.mtn-rail>a.mtn-slot{padding-inline:8px}}
@media(max-width:700px){.topbar .material-top-nav.mtn-nav{margin:0 2px;gap:4px}.mtn-label{display:none}.mtn-rail{mask-image:linear-gradient(to right,#000 95%,transparent)}.mtn-add{flex-basis:26px;width:26px;height:26px}.mtn-overlay{padding:10px}.mtn-editor{max-height:calc(100dvh - 20px);border-radius:12px}.mtn-editor-header{padding:18px 15px 14px}.mtn-editor-list{padding:12px 10px;gap:5px}.mtn-editor-row{gap:5px;padding:5px}.mtn-editor-footer{padding:12px 15px 15px;gap:7px}.mtn-status{order:5;flex-basis:100%;font-size:10px}.mtn-reset{margin-right:auto}.mtn-grip{width:15px}.mtn-row-actions{gap:1px}.mtn-row-button{width:23px}.mtn-number{flex-basis:14px}}
@media(prefers-reduced-motion:reduce){.mtn-rail>.mtn-slot,.mtn-add,.mtn-editor-row,.mtn-nav .mtn-rail .mtn-slot>summary:after{transition:none}}