#overview-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff08;color:#c5d3bc;font:11px/18px 'Segoe UI',Arial,sans-serif;white-space:nowrap}
#overview-button svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#overview-button:hover,#overview-button[aria-expanded="true"]{background:#ffffff16;border-color:#c4d7ad80;color:#e4eedb}
.window-overview-open #overview-button{z-index:var(--overview-control-layer,100002)}
.window-overview[hidden],.window-overview-backdrop[hidden],.window-overview [hidden]{display:none!important}
.window-overview-backdrop{position:fixed;inset:0;background:#071511dd;backdrop-filter:blur(4px)}
.window-overview{position:fixed;top:20px;bottom:68px;left:max(20px,calc((100vw - 1180px)/2));right:max(20px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;min-width:0;min-height:0;color:#e2ead8;font:12px/1.4 'Segoe UI',Arial,sans-serif;pointer-events:none;color-scheme:dark}
.overview-header{display:flex;align-items:center;flex:0 0 auto;gap:12px;min-height:40px;margin-bottom:12px;padding:0 4px 6px;border-bottom:1px solid #c4d6b62a;pointer-events:auto}
.overview-header h2{margin:0;font-size:14px;font-weight:500;letter-spacing:.01em}
.overview-count{flex:1;color:#9eaf95;font-size:11px}
.overview-close{width:30px;height:30px;padding:0;border:1px solid #ffffff24;border-radius:5px;background:#14251fcc;color:#c4d3bb;font-size:22px;line-height:26px}
.overview-close:hover{background:#ffffff14;color:#f0f4e9}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:18px;min-height:0;padding:4px 6px 14px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4b79480 transparent;pointer-events:auto}
.overview-item{position:relative;min-width:0}
.overview-card{display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;border:1px solid #c5d8b64d;border-radius:7px;background:transparent;color:inherit;text-align:left;overflow:hidden;font:inherit;box-shadow:0 6px 16px #0003;pointer-events:auto}
.overview-card:hover{border-color:#c7df9f;background:#d7ebb707}
.overview-card:focus-visible{outline:2px solid #d4e5a1;outline-offset:2px;border-color:#d4e5a1}
.overview-window-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #ffffff38;border-radius:4px;background:#12241feb;color:#d4dfca;font:22px/1 'Segoe UI',Arial,sans-serif;box-shadow:0 2px 6px #0005;pointer-events:auto}
.overview-window-close:hover{border-color:#dbac9f;background:#713b36;color:#fff1e9}
.overview-window-close:focus-visible{outline:2px solid #d4e5a1;outline-offset:2px}
.overview-preview-slot{display:block;flex:0 0 auto;width:100%;height:190px;pointer-events:none}
.overview-card-label{display:flex;align-items:center;gap:7px;min-width:0;min-height:37px;padding:7px 9px;border-top:1px solid #c5d8b628;background:#172d25f5;pointer-events:none}
.overview-app-icon{flex:0 0 auto;width:18px;height:18px;object-fit:contain;border-radius:2px}
.overview-card-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.overview-card-status{flex:0 0 auto;padding:1px 5px;border:1px solid #bdcfaa35;border-radius:3px;color:#acbe9d;font-size:9px;line-height:15px}
.overview-empty{grid-column:1/-1;margin:28px 0;color:#adbf9f;text-align:center;font-size:13px}
/* Preview the existing window and iframe without altering their layout or state. */
#workspace .window[data-overview-preview]{display:flex!important;transform-origin:top left!important;transform:translate(var(--overview-x,0px),var(--overview-y,0px)) scale(var(--overview-scale,1))!important;z-index:var(--overview-layer,100001)!important;clip-path:var(--overview-clip,inset(0px))!important;visibility:var(--overview-visible,hidden)!important;pointer-events:none!important;resize:none!important;transition:none!important;animation:none!important}
#workspace .window[data-overview-preview] *{pointer-events:none!important}
.overview-close:focus-visible,#overview-button:focus-visible{outline:2px solid #d4e5a1;outline-offset:2px}
@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview-preview-slot{height:180px}}
@media(max-width:700px){#overview-button{grid-column:2;grid-row:2;justify-self:end;width:28px;height:24px;min-height:24px;margin-right:34px;padding:3px}.overview-label{display:none}footer #tasks{width:calc(100% - 68px)}.window-overview{top:12px;bottom:76px;left:12px;right:12px}.overview-header{gap:8px;margin-bottom:8px}.overview-header h2{font-size:13px}.overview-grid{gap:12px;padding:4px 4px 10px}.overview-preview-slot{height:160px}.overview-card-label{gap:5px;padding:6px}.overview-card-status{font-size:8px}}
@media(max-width:500px){.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-preview-slot{height:190px}}