/* The archive gets the space. Its controls live in one progressive toolbox. */
.workspace .workspace-header{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:16px;padding:10px 18px;min-height:64px}
.workspace .workspace-header .workspace-heading{display:flex;flex:1;flex-direction:row;align-items:center;gap:12px;min-width:0;min-height:40px}
.workspace .workspace-header h1{max-width:none;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis}
.workspace .workspace-header .result-count{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.workspace .archive-tools-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:42px;padding:10px 14px;border:1px solid #30533a;border-radius:10px;background:#0d2115;color:#b4e5bf;font-size:11px;transition:background-color .18s,border-color .18s,scale .18s}
.archive-tools-trigger svg,.archive-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.workspace .archive-tools-trigger:hover,.workspace .archive-tools-trigger[aria-expanded=true]{background:#193722;border-color:#4e835a;color:#d5f4dd}
.archive-tools-trigger #filter-count{position:static;box-shadow:none;min-width:20px;min-height:20px;display:grid;place-items:center;padding:0 4px;border-radius:5px;background:var(--lime);color:#243000;font-size:10px;font-variant-numeric:tabular-nums}
.archive-tools-trigger #filter-count[hidden]{display:none}
body>#archive-tools,#archive-tools{position:fixed;inset:100px 24px auto auto;margin:0;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 124px);padding:0;overflow:hidden;border:1px solid #2b4030;border-radius:20px;background:#0c140e;color:#e5ebdc;box-shadow:0 24px 90px #000a,0 6px 24px #0006,0 1px 0 #ffffff08 inset;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .24s cubic-bezier(.2,0,0,1),display .24s allow-discrete,overlay .24s allow-discrete}
#archive-tools[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0) scale(1)}
#archive-tools::backdrop{background:#0007;backdrop-filter:blur(4px);opacity:0;transition:opacity .18s,display .24s allow-discrete,overlay .24s allow-discrete}
#archive-tools[open]::backdrop{opacity:1}
@starting-style{#archive-tools[open]{opacity:0;transform:translateY(14px) scale(.98)}#archive-tools[open]::backdrop{opacity:0}}
#archive-tools :is(button,input,select){font-family:inherit}
#archive-tools button{min-height:44px;cursor:pointer;transition:background-color .16s,color .16s,border-color .16s,scale .16s}
#archive-tools button:disabled{opacity:.4;cursor:default}
#archive-tools button:not(:disabled):active,.archive-tools-trigger:active{scale:.96}
#archive-tools :is(button,input,select):focus-visible,.archive-tools-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
#archive-tools [hidden]{display:none!important}
.tools-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 18px;border-bottom:1px solid #ffffff0c;flex:none}
.tools-heading p{margin:0 0 7px;color:#77b686;font-size:8px;letter-spacing:1.6px}
.tools-heading h2{margin:0;font-size:17px;line-height:1.4;letter-spacing:-.6px;color:#edf1e4;outline:none}
.tools-heading button{display:grid;place-items:center;flex:none;width:40px;padding:0;border:0;border-radius:10px;background:#ffffff04;color:#90a896}
.tools-heading button:hover{background:#ffffff0c;color:#e5ebdc}
.tools-pages{position:relative;flex:0 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#355a3c transparent;transition:height .24s cubic-bezier(.2,0,0,1)}
#archive-tools .tools-page{position:absolute;top:0;left:0;display:block;width:100%;padding:18px;box-sizing:border-box;margin:0;opacity:0;transform:translateX(24px);pointer-events:none;transition:transform .24s cubic-bezier(.2,0,0,1),opacity .18s}
#archive-tools .tools-page[data-position=current]{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}
#archive-tools .tools-page[data-position=behind]{transform:translateX(-24px)}
.tools-page h3{margin:7px 4px 8px;color:#edf1e4;font-size:20px;line-height:1.5;letter-spacing:-.6px;outline:none}
.tools-description{margin:0 4px 22px;color:#8fa494;font-size:10px;line-height:1.8;text-wrap:pretty}
.tools-caption{margin:0 10px 9px;color:#728c79;font-size:8px;letter-spacing:1.3px}
.tools-caption--separated{border-top:1px solid #ffffff0c;padding-top:20px;margin-top:16px}
.tools-caption--first{border:0;padding-top:0;margin-top:0}
#archive-tools .tools-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:68px;padding:12px 10px;border:0;border-radius:12px;background:transparent;color:#e5ebdc}
#archive-tools .tools-row:hover{background:#183121}
.tools-row>span:nth-last-child(2){min-width:0;flex:1}
.tools-row strong{display:block;font-weight:500;font-size:12px;line-height:1.5}
.tools-row small{display:block;margin-top:4px;color:#8b9f8d;font-size:9px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tools-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#15271b;color:#79c88a;box-shadow:0 0 0 1px #ffffff04 inset}
.tools-icon--lime{background:#233006;color:var(--lime)}
.tools-chevron{margin-left:auto;color:#779a7f;font-size:23px;line-height:1}
#archive-tools .workspace-actions{display:block;margin:0}
#archive-tools #share-view-button,#archive-tools #export-view-button{background:transparent;border:0;color:#e5ebdc}
#archive-tools #share-view-button:hover,#archive-tools #export-view-button:hover{background:#183121}
#archive-tools .tools-row--compact{min-height:66px;padding-inline:14px;background:#ffffff03;margin-bottom:6px}
#archive-tools .tools-row--compact:hover{background:#183121}
#archive-tools .tools-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:-6px 0 4px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:#84b28e;font-size:10px}
.tools-back span{font-size:23px}
#archive-tools .tools-back:hover{background:#ffffff06;color:#cce6cf}
#archive-tools .workspace-controls .search{display:flex;align-items:center;gap:10px;width:100%;height:48px;min-width:0;padding:0 12px;margin:0;background:#060d08;border:1px solid #395b41;border-radius:10px;color:#83af8e;box-sizing:border-box}
#archive-tools .search input{display:block;width:100%;min-width:0;height:44px;padding:0;border:0;background:transparent;outline:none;font-size:16px;color:#e5ebdc;letter-spacing:-.6px}
#archive-tools .search:focus-within{border-color:#84bf84;box-shadow:0 0 0 3px #28b14316}
.tools-help{margin:14px 4px 24px;color:#8c9f8e;font-size:10px;line-height:1.9}
#archive-tools .tools-inline-action{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid #3b6344;border-radius:10px;background:#173220;color:#c7e8cf;font-size:11px}
.tools-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:16px 22px;border-top:1px solid #ffffff0c;background:#09110b}
.tools-footer>span{min-width:0;color:#92af97;font-size:10px;font-variant-numeric:tabular-nums}
#archive-tools .tools-done{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:10px 14px;background:var(--lime);border:1px solid var(--lime);border-radius:9px;color:#1b2801;font-size:10px;font-weight:600}
#archive-tools[data-page=search] .tools-done{visibility:hidden;pointer-events:none}
.tools-choices{display:grid;gap:5px}
#archive-tools .tools-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a9b8a9;text-align:left;font-size:10px}
#archive-tools .tools-choice:hover{background:#ffffff04}
#archive-tools .tools-choice[aria-checked=true]{border-color:#3a6946;background:#173120;color:#def2d8}
.tools-choice-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--choice-color,#8baf80)}
.tools-choice-count{margin-left:auto;color:#91ac92;font-size:9px;font-variant-numeric:tabular-nums}
.tools-choice-check{width:15px;opacity:0;transform:scale(.25);filter:blur(4px);color:var(--lime);transition:opacity .18s,transform .18s cubic-bezier(.2,0,0,1),filter .18s}
[aria-checked=true]>.tools-choice-check{opacity:1;transform:scale(1);filter:blur(0)}
#archive-tools .tools-page>label,#archive-tools #canvas-layout-controls>label,.tools-date-fields>label{display:block;margin:14px 4px 8px;color:#91ae97;font-size:10px}
#archive-tools select,#archive-tools input[type=date]{display:block;width:100%;height:46px;min-width:0;margin:8px 0 18px;padding:10px;border:1px solid #304c36;border-radius:9px;background:#080f0a;color:#dde7d8;font-size:13px;color-scheme:dark;box-sizing:border-box}
.tools-date-fields{display:grid;grid-template-columns:1fr;gap:4px}
#archive-tools .repeat-controls{border-top:1px solid #ffffff0c;padding-top:12px;margin-top:16px}
#archive-tools .repeat-controls label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:4px;color:#c5d3c3;font-size:10px}
#archive-tools #repeat-toggle{width:18px;height:18px;accent-color:var(--punk-green);flex:none}
#archive-tools .tools-reset{width:100%;margin-top:14px;padding:10px;border:1px solid #334939;border-radius:9px;background:transparent;color:#a7c2ad;font-size:10px}
#archive-tools .tools-reset:hover{background:#1a2d20;color:#d3ebd8}
#archive-tools .active-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
#archive-tools .active-filter-chips:empty{display:none}
#archive-tools .active-filter-chip{display:flex;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:7px 9px;border:1px solid #2d4e37;border-radius:7px;background:#102418;color:#c6e7cc;font-size:9px;text-align:left}
#archive-tools .active-filter-chip .filter-chip-label{font-size:8px;color:#779d81}
#archive-tools .filter-chip-value{max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#archive-tools .filter-chip-remove{font-size:16px;color:#7eb98b}
#archive-tools .view-tools{margin-top:14px}
#archive-tools .word-view-toolbar{flex-wrap:wrap;gap:10px}
#archive-tools .word-view-switch{width:100%;flex-wrap:wrap}
#archive-tools .word-view-switch button{flex:1;font-size:10px}
/* An applied search stays obvious without bringing the old toolbar back. */
.workspace .active-filters{display:flex;gap:8px;align-items:center;padding:4px 18px;background:#08160d;border-bottom:1px solid #284331;box-shadow:inset 2px 0 var(--punk-green)}
.workspace .active-filters .filter-summary{display:flex;align-items:center;gap:8px;min-width:0;flex:1;min-height:40px;padding:4px 0;border:0;background:transparent;text-align:left}
.filter-summary-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--punk-green)}
.workspace .filter-summary>span:nth-child(2){display:flex;gap:9px;align-items:baseline;min-width:0}
.workspace .filter-summary strong{font-size:10px;line-height:1.5;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.workspace .filter-summary #filter-result-summary{margin:0;font-size:9px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-summary-edit{font-size:18px;color:#72997c}
.workspace .active-filters .clear-view-filters{min-height:36px;padding:6px 9px;gap:5px;border:1px solid #4d6430;border-radius:7px;background:#1b280e;color:#c3ff00;font-size:9px}
.workspace .active-filters .clear-view-filters:hover{background:#2a3c11}
@media(max-width:600px){
 .workspace .workspace-header{min-height:62px;padding:8px 12px;gap:12px}
 .workspace .workspace-header .workspace-heading{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:40px;flex-wrap:nowrap}
 .workspace .workspace-header h1{font-size:14px;line-height:1.3;max-width:100%}
 .workspace .workspace-header .result-count{font-size:9px;line-height:1.4;min-height:0;display:block}
 .workspace .archive-tools-trigger{min-height:42px;font-size:10px;padding:9px 12px}
 body>#archive-tools,#archive-tools{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-width:none;max-height:calc(100dvh - 32px);border-radius:20px;transform:translateY(14px)}
 #archive-tools[open]{transform:translateY(0)}
 .tools-heading{padding:19px 18px 16px}
 .tools-heading h2{font-size:17px}
 #archive-tools .tools-page{padding:16px}
 .tools-footer{padding:14px 18px}
 .workspace .active-filters{padding:4px 12px}
 .workspace .filter-summary>span:nth-child(2){display:block;min-width:0}
 .workspace .filter-summary strong{max-width:100%}
 .workspace .filter-summary #filter-result-summary{margin-top:2px}
 #archive-tools input[type=date],#archive-tools select{font-size:16px}
}
@media(max-height:520px){
 body>#archive-tools,#archive-tools{inset:8px 12px auto auto;max-height:calc(100dvh - 16px)}
 .tools-heading{padding:10px 16px}
 .tools-heading p{display:none}
 .tools-footer{padding:9px 16px}
 .tools-footer button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){
 #archive-tools,#archive-tools::backdrop,#archive-tools .tools-page,#archive-tools .tools-pages,#archive-tools button,.tools-choice-check,.archive-tools-trigger{transition:none}
}