/* Only the v5 controls which did not exist in the classic interface.
   Existing reading, management, card and shell visuals stay in the classic sheets. */
/* Layered !important rules outrank unlayered ones, so neutralize the few
   inherited v5 tree declarations inside their own layer. */
@layer notebook-v5{
 .notebook .nb-more{color:#8493a0!important}
 .notebook .nb-more:hover{background:#e2e8ed!important;color:#334e63!important}
 .notebook .nb-stage-row .nb-stage-name{padding:8px 3px!important}
 .notebook .nb-branch-title [data-nb-branch]{padding:7px 2px!important}
}
.notebook{--nb-accent:#465aca}
.notebook .nb-header-title{display:flex;align-items:center;gap:12px;min-width:0}
.notebook .nb-header-title>a{font-size:21px;font-weight:600;letter-spacing:-.025em;color:#28333d;white-space:nowrap}
.notebook .nb-header-actions .active{background:#edf0fb;border-color:#dce1f5;color:#465aca}
.notebook .nb-tree-label>div{display:flex;gap:5px}
.notebook .nb-clean-paper .nb-stickers,.nb-clean-paper .nb-stickers,.nb-clean-paper .nb-end-mark{visibility:hidden}
.notebook #nb-directory,.notebook #nb-directory-close,.notebook .nb-tree-backdrop{display:none}
.notebook .nb-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}
.notebook .nb-toc summary{font-size:14px;cursor:pointer;color:#617991;font-weight:600}

/* Keep capture and preview separate, without changing the original editor surfaces. */
.nb-intake .nb-intake-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.nb-intake .nb-compose,.nb-intake .nb-preview{width:100%;min-width:0;margin:0}
.nb-intake .nb-result-pane{min-width:0;border-left:1px solid #e8ebee;padding-left:28px}
.nb-intake .nb-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;padding:30px 12px;text-align:center;color:#82919e}
.nb-intake .nb-preview-empty>span{font-size:36px;color:#8a99ac}
.nb-intake .nb-preview-empty h2{margin:22px 0 14px;font-size:22px;font-weight:500;color:#607187}
.nb-intake .nb-preview-empty p{max-width:320px;font-size:15px;line-height:1.85}
.nb-intake .nb-preview-empty ol{display:flex;gap:18px;margin:32px 0 0;padding:0;list-style:none;counter-reset:step;font-size:14px}
.nb-intake .nb-preview-empty li:before{counter-increment:step;content:counter(step);display:block;width:27px;height:27px;line-height:26px;margin:0 auto 10px;border:1px solid #dfe5ed;border-radius:50%;color:#6d7e91}
.nb-intake .nb-preview-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fffffff2;backdrop-filter:blur(10px);padding:0 0 16px;border-bottom:1px solid #e8ebee}
.nb-intake .nb-preview-head h2{margin:0}
.nb-intake .nb-preview-head .button{font-size:14px}
.nb-intake .nb-compose-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 18px}
.nb-intake .nb-compose-submit>span{font-size:14px;color:#82919e}
.nb-intake .nb-input-help{font-size:14px;line-height:1.85;color:#7b8b9b;margin-top:18px}
.nb-intake .nb-input-help summary{cursor:pointer}
.nb-intake #nb-file-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.nb-intake .nb-file-item{display:flex;align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 11px;border:1px solid #e0e6ed;border-radius:6px;background:#f7f9fc;font-size:14px;color:#61758b;overflow-wrap:anywhere}
.nb-intake .nb-file-item button{border:0;background:none;color:#7d8a99;font-size:20px;cursor:pointer}
.nb-intake #nb-task-progress{padding:11px 14px;border-radius:7px;background:#eef2fb;color:#5b6e8a;font-size:14px}
.nb-intake #nb-task-progress:empty{display:none}
.notebook #nb-local-status{font-size:14px;color:#7a8999}
.nb-manager .nb-editor-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-12px 0 20px;padding:12px 0;border-bottom:1px solid #e8ebee;background:#fffffff2;backdrop-filter:blur(10px)}
.nb-manager .nb-editor-bar>div{display:flex;flex-wrap:wrap;gap:8px}
.nb-manager .nb-edit-draft-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:10px 14px;border:1px solid #eee5d4;border-radius:7px;background:#fbf7ef;font-size:14px;color:#866d48}
.nb-manager .nb-draft-dot{margin-left:10px;color:#7f8fa1}

/* History and trash use the same cool white panels and blue selection as the classic UI. */
.nb-recovery-dialog{--nb-line:#e3e8ef;--nb-accent:#465aca;width:min(540px,calc(100vw - 30px));max-height:90dvh;padding:0;border:1px solid #e0e6ed;border-radius:14px;background:#fff;color:#28333d;box-shadow:0 24px 85px #182d4929}
.nb-recovery-wide{width:min(1030px,calc(100vw - 32px))}
.nb-recovery-dialog::backdrop{background:#17273e59;backdrop-filter:blur(3px)}
.nb-recovery-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-bottom:1px solid #e3e8ef;background:#fff}
.nb-recovery-dialog>header h2{font-size:23px;margin:0;color:#30465e}
.nb-recovery-content{padding:24px 25px}
.nb-recovery-content>p{margin:0 0 20px;font-size:15px;line-height:1.85;color:#7b8c9c}
.nb-recovery-dialog .nb-dialog-error{padding:0 25px;font-size:15px;line-height:1.8;color:#b7444b}
.nb-recovery-dialog .nb-dialog-error:empty{display:none}
.nb-trash-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #e3e8ef}
.nb-trash-row>div{min-width:0}.nb-trash-row h3{margin:0 0 8px;font-size:18px;color:#344e63;overflow-wrap:anywhere}
.nb-trash-row p{margin:0;font-size:14px;color:#8190a0}
.nb-recovery-empty{padding:38px 15px;text-align:center}.nb-recovery-empty>span{font-size:40px;color:#8796a8}
.nb-recovery-empty h3{font-size:23px;margin:15px 0;color:#415970}.nb-recovery-empty p{font-size:15px;color:#7c8c9e}
.nb-history-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:24px}
.nb-history-layout nav{border-right:1px solid #e3e8ef;padding-right:16px}
.nb-history-layout nav button{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;padding:12px 13px;margin-bottom:8px;font-size:15px;color:#65788b;cursor:pointer}
.nb-history-layout nav button.active{background:#edf0fb;border-color:#dce1f5;color:#465aca}
.nb-history-layout nav strong{display:block;margin-bottom:5px}.nb-history-layout nav span{font-size:14px;color:#8190a0}
.nb-history-preview{min-width:0}.nb-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.nb-history-heading h3{font-size:21px;color:#344e63;overflow-wrap:anywhere}.nb-history-preview>p{font-size:14px;line-height:1.8;color:#8190a0}
.nb-history-preview .nb-prose{font-size:17px;line-height:1.95;padding-top:12px;border-top:1px solid #e3e8ef;color:#37495e}

/* Operational pages inherit the original shared panel, form and button styles. */
.task-workspace,.maintenance{max-width:1280px;margin:0 auto}
.task-workspace .page-heading,.maintenance .page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.task-workspace .page-heading p{font-size:15px;line-height:1.8;color:#7e8b9d}
.task-workspace .task-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:24px 28px}
.task-workspace .task-row>div:first-child{min-width:0}.task-workspace .task-row h2{font-size:19px;margin:0 0 9px}
.task-workspace .task-row p{font-size:14px;line-height:1.8;margin:0;color:#7e8b9d;overflow-wrap:anywhere}
.task-workspace .task-row .error-inline{margin-top:8px;color:#b7444b}.task-workspace .task-row .actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.task-workspace .task-row[data-status=running],.task-workspace .task-row[data-status=queued]{border-left:3px solid #7083db}
.task-workspace .task-row[data-status=failed]{border-left:3px solid #bd7880}
.task-workspace .task-result-content{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.task-workspace .task-result-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
.task-workspace #task-result{width:min(800px,calc(100vw - 32px));max-height:88dvh;overflow:auto;padding:28px}
.maintenance>.panel{padding:28px;margin-bottom:22px}
.maintenance>.panel>h2{font-size:22px;margin:0 0 16px}.maintenance>.panel>p{font-size:15px;line-height:1.85;color:#7e8b9d}
.maintenance .settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.maintenance .settings-grid .panel{padding:22px;min-width:0}.maintenance .settings-grid h2{font-size:16px;margin:0 0 10px}
.maintenance .settings-grid p{font-size:17px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.maintenance .clean-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-bottom:1px solid #e7ebf2;font-size:15px;overflow-wrap:anywhere}
.maintenance .clean-row>div:first-child,.maintenance .clean-row>span{min-width:0}.maintenance .clean-row p{font-size:14px;color:#7e8b9d;margin:6px 0 0}
.maintenance .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
.maintenance #backup-create{display:grid;grid-template-columns:minmax(0,460px) auto;gap:20px;align-items:end;justify-content:start;margin:22px 0}
.maintenance #backup-create .field{margin:0}.maintenance #backup-create>button{min-height:44px}
.maintenance #backup-progress{grid-column:1/-1;margin:0;font-size:15px;line-height:1.8;color:#61758a}
.maintenance #backup-restore{max-width:min(540px,calc(100vw - 32px));padding:28px}
.maintenance #quality-results h3{font-size:18px;margin:24px 0 12px}.maintenance #quality-results p{font-size:15px;line-height:1.85}
.maintenance>details>summary{font-size:20px;cursor:pointer;margin-bottom:20px}

@media(max-width:1100px){
 .nb-intake .nb-intake-grid{grid-template-columns:1fr;gap:24px}
 .nb-intake .nb-result-pane{border-left:0;border-top:1px solid #e8ebee;padding:24px 0 0}
 .nb-intake .nb-preview-empty{min-height:230px;padding:20px}
 .maintenance .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
 .notebook .nb-header-title{width:auto;flex:1}
 .notebook .nb-header-title #nb-directory{display:grid;width:34px;height:36px;margin-left:auto;order:2}
 .notebook .nb-layout{display:block;min-height:60vh}
 .notebook .nb-tree{position:fixed!important;inset:0 auto 0 0!important;z-index:240;width:min(310px,85vw);max-height:100dvh!important;height:100dvh;transform:translateX(-105%);transition:transform .18s;box-shadow:12px 0 50px #182d4929;padding:24px 16px;background:#fafbfc;overflow-y:auto}
 .notebook .nb-tree-label #nb-directory-close{display:grid}
 .nb-tree-open .nb-tree{transform:translateX(0)}
 .nb-tree-open .nb-tree-backdrop{display:block;position:fixed;inset:0;z-index:230;border:0;background:#17273e59}
 .notebook .nb-toc nav{grid-template-columns:1fr}
 .nb-history-layout{grid-template-columns:1fr}
 .nb-history-layout nav{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid #e3e8ef;padding:0 0 10px}
 .nb-history-layout nav button{min-width:145px;width:auto;flex-shrink:0}
 .nb-history-heading{align-items:flex-start;flex-direction:column}
 .task-workspace .task-row{align-items:flex-start;flex-wrap:wrap;padding:21px}
 .task-workspace .task-row .actions{margin-left:auto}
 .maintenance .clean-row{flex-wrap:wrap;gap:14px}
 .maintenance #backup-create{grid-template-columns:1fr;gap:16px}
}
@media(max-width:520px){
 .notebook .nb-header-title{width:100%}.notebook .nb-header-actions{width:100%;justify-content:flex-start}
 .nb-manager .nb-editor-bar{align-items:flex-start;flex-wrap:wrap;gap:10px}
 .nb-manager .nb-editor-bar>div{width:100%;justify-content:space-between}
 .nb-manager .nb-editor-bar .button{font-size:13px;padding:9px 10px}
 .nb-manager .nb-edit-draft-notice{align-items:flex-start;flex-direction:column}
 .nb-intake .nb-compose-submit{align-items:stretch;flex-direction:column}.nb-intake .nb-compose-submit .button{width:100%}
 .nb-intake .nb-preview-head{align-items:flex-start}.nb-intake .nb-preview-head .button{width:100%}
 .nb-trash-row{align-items:flex-start;flex-wrap:wrap}.nb-trash-row .button{margin-left:auto}
 .nb-recovery-dialog>header,.nb-recovery-content{padding:20px 18px}
 .nb-recovery-dialog>header h2{font-size:21px}
 .task-workspace .page-heading,.maintenance .page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}
 .maintenance>.panel{padding:21px}.maintenance .settings-grid{gap:12px}.maintenance .settings-grid .panel{padding:17px}
 .maintenance .settings-grid p{font-size:15px}
 .maintenance .clean-row>.actions{width:100%}
}
@media(prefers-reduced-motion:reduce){.notebook .nb-tree{transition:none}}
@media print{.notebook .nb-tree,.notebook .nb-tree-backdrop{display:none!important}}