/* Keep history anchored to the viewport and reserve space for Delete. */
#historyDrawer{position:fixed;inset:0;z-index:1200;justify-content:flex-end}
#historyDrawer .history-panel{box-sizing:border-box;flex:0 1 420px;min-width:0;max-width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
#historyDrawer .history-head{flex:none;min-width:0}
#historyList{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
#historyDrawer .history-row-main{width:0;flex:1 1 0;min-width:0;border-bottom:0}
#historyDrawer .history-row-main>span{display:block;min-width:0;max-width:100%;width:100%;overflow:hidden}
#historyDrawer .history-delete{flex:0 0 auto;white-space:nowrap}
.dashboard-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(var(--card),var(--card)),var(--bg);color:var(--text);box-shadow:0 24px 72px rgba(0,0,0,.32);overflow-y:auto;overflow-x:hidden}
.dashboard-dialog::backdrop{background:rgba(4,12,24,.64)}
.dashboard-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.dashboard-dialog h2{margin:0;font-size:20px;line-height:1.4;color:var(--navy)}
.dashboard-dialog .dialog-head button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:11px}
.dashboard-dialog .empty{min-height:0;padding:24px 8px 16px}
.dashboard-dialog .empty-icon{width:40px;height:40px;margin:0 auto 12px;font-size:20px}
.dashboard-dialog .empty b{font-size:14px;line-height:1.6;font-weight:500}
.dashboard-dialog .empty span:empty{display:none}
.dashboard-dialog label{display:block;margin:12px 0 6px}
.dashboard-dialog input,.dashboard-dialog textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit}
.dashboard-dialog .task{min-width:0;overflow-wrap:anywhere}
.dashboard-dialog .task-body{min-width:0;flex:1}
.dashboard-dialog .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}