#overview{font-size:13px;line-height:1.7;min-width:0}body.overview-mode #capture-form{display:none}body.overview-mode #page{padding-top:0}
#overview .overview-heading,#overview .overview-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-width:0}#overview .overview-heading{justify-content:space-between}#overview h1{font-size:22px;line-height:1.3;font-weight:800;margin:0}#overview h1 small{font-size:12px;color:var(--muted);font-weight:500}
#overview .overview-toolbar input{flex:1;min-width:0}#overview .overview-toolbar input,#overview .overview-toolbar select,#overview .overview-toolbar button,#overview .overview-heading button{box-sizing:border-box;height:34px;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;line-height:20px;box-shadow:none;margin:0}#overview .overview-heading button{height:28px;min-height:28px;font-size:11px;padding:3px 7px;white-space:nowrap}
.overview-totals{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;padding:8px 0 12px;font-size:12px;color:var(--muted)}.overview-totals strong{color:var(--ink);font-size:13px}.overview-totals small{font-size:11px;margin-left:auto}
#overview .overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}#overview .overview-tile{position:relative;box-sizing:border-box;min-height:104px;height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;padding:12px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--accent);text-align:left;margin:0;line-height:1.4}#overview .overview-tile:hover{background:var(--sp-hover)}#overview .overview-tile strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#overview .overview-tile small{font-size:11px;color:var(--muted)}.overview-monogram{position:absolute;right:12px;top:12px;color:var(--action)}.overview-monogram svg{width:20px;height:20px}
#overview .overview-chats{display:grid;gap:4px}#overview .overview-chat-item{display:flex;align-items:center;gap:4px;box-sizing:border-box;height:40px;min-height:40px;padding:0 4px;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin:0}#overview .overview-chat-item:hover{background:var(--sp-hover);border-color:var(--action)}#overview .overview-chat{display:flex;align-items:center;flex:1;min-width:0;gap:10px;height:38px;min-height:0;padding:5px 6px;border:0;border-radius:6px;box-shadow:none;margin:0;background:transparent;text-align:left;font-size:13px;line-height:20px}#overview .overview-chat span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}#overview .overview-chat small{font-size:11px;line-height:16px;color:var(--muted);flex-shrink:0;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#overview .overview-move{display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:none;margin:0}.overview-move svg{width:17px;height:17px}
#overview .overview-candidates{margin:12px 0 0;font-size:12px}#overview .overview-candidates summary{min-height:28px}#overview .overview-candidates p{font-size:12px;margin:4px 0}.overview-candidate{padding:8px 0;border-bottom:1px solid var(--line)}.overview-candidate p{overflow-wrap:anywhere}.overview-foot{font-size:11px;color:var(--muted);margin:8px 0 0}.overview-empty{padding:12px;font-size:13px}
.overview-move-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px}.overview-move-grid button{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px;box-shadow:none}.overview-move-grid button span{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.overview-move-grid svg{width:17px;height:17px;flex-shrink:0}.overview-move-grid small{color:var(--muted)}#overview-drop-targets{position:fixed;inset:auto 16px 16px;max-height:55vh;overflow:auto;z-index:2000;padding:12px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:3px 3px 0 var(--accent)}#overview-drop-targets>strong{display:block;font-size:13px;margin-bottom:8px}.overview-move-grid .drop-active{background:var(--sp-hover);border:2px solid var(--action)}
#overview-transcript{max-height:65vh;overflow:auto}.overview-message{border-bottom:1px solid var(--line);padding:8px 0;font-size:13px;line-height:1.7}.overview-message small{font-size:11px;color:var(--muted)}.overview-message div{white-space:pre-wrap;overflow-wrap:anywhere}.overview-read-scope{font-size:12px;color:var(--muted)}
#overview button:focus-visible,.overview-move-grid button:focus-visible{outline:2px solid var(--action);outline-offset:2px}.draft-transfer-row{display:flex;gap:8px;align-items:center;font-size:12px;padding:6px 0}.draft-transfer-row span{overflow-wrap:anywhere;min-width:0;flex:1}.draft-transfer-row input{flex-shrink:0}
@media(max-width:600px){#overview .overview-grid{grid-template-columns:1fr}#overview .overview-chat small{max-width:70px}#overview .overview-heading h1{font-size:20px}.overview-totals small{margin-left:0;width:100%}#overview .overview-toolbar{flex-wrap:wrap}#overview .overview-toolbar input{flex-basis:120px}}
@media(pointer:coarse){#overview .overview-chat-item{height:48px}#overview .overview-chat{height:46px}#overview .overview-move{width:44px;height:44px;min-width:44px}#overview .overview-toolbar button,#overview .overview-toolbar input,#overview .overview-toolbar select,#overview .overview-heading button{height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){#overview *,#overview-drop-targets *{transition:none!important;animation:none!important}}

/* Keep intrinsic long chat titles from expanding the grid on narrow screens. */
#overview .overview-chats{grid-template-columns:minmax(0,1fr)}#overview .overview-chat-item{min-width:0}
@media(max-width:600px){body.overview-mode .topbar{flex-wrap:wrap;white-space:normal;overflow:visible}body.overview-mode .topbar .sync-label{white-space:normal;flex-basis:100%;order:5}#overview .overview-chat-item{height:48px}#overview .overview-chat{height:46px}#overview .overview-move{width:44px;min-width:44px;height:44px}body.overview-mode #os-context:empty{display:none}}