body.history-page #workspace{background:#f6f7f9}
#historyView{padding:20px 24px;color:#202428;color-scheme:light}
#historyView .history-log-panel{height:calc(100dvh - var(--topbar) - 40px);min-height:480px;display:flex;flex-direction:column;border:1px solid #e6e8ec;border-radius:18px;background:#fff;overflow:hidden}
#historyView .history-heading{flex:0 0 auto;margin:0;padding:20px 20px 12px;align-items:center}
#historyView .history-heading h1{margin:0;color:#16191d;font-size:21px;font-weight:600;line-height:1.5}
#historyView .history-heading p{margin:5px 0 0;color:#92979f;font-size:12px;line-height:1.6}
#historyView button,#historyView input,#historyView select{font:inherit}
#historyView button{cursor:pointer;touch-action:manipulation}
#historyView button:disabled{opacity:.36;cursor:default}
#historyView button:focus-visible,#historyView input:focus-visible,#historyView select:focus-visible,#historyTable:focus-visible{outline:2px solid #b57961;outline-offset:3px}
#historyView .subtle-button{border:1px solid #e4e7eb;border-radius:20px;background:#fff;color:#42484f;font-size:12px;padding:7px 11px}
#historyView .subtle-button:hover{background:#f6f7f8}
#historyView .history-kind-tabs{display:flex;align-items:center;align-self:flex-start;gap:3px;padding:3px;margin:0 20px 16px;border-radius:20px;background:#f5f6f7;border:1px solid #eceef0;font-size:12px}
#historyView .history-kind-tabs button{border:0;border-radius:16px;padding:5px 12px;background:transparent;color:#8a9097}
#historyView .history-kind-tabs button.selected{background:#fff;color:#181c21;box-shadow:0 1px 4px #20252c13}
#historyView .history-filters{flex:0 0 auto;margin:0 16px 12px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-size:12px}
#historyView .history-filter-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:12px}
#historyView .history-date-range{display:flex;gap:9px;align-items:center;min-width:0}
#historyView .history-date-range label{flex:1;min-width:0}
#historyView .history-date-divider{color:#a1a6ad;padding-top:19px}
#historyView .history-filters label>span{display:block;margin:0 0 5px;color:#9298a0;font-size:11px}
#historyView .history-filters input{display:block;box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid #e3e6ea;border-radius:18px;padding:6px 11px;background:#fff;color:#333a42;font-size:12px}
#historyView .history-filters input::placeholder{color:#a1a6ad}
#historyView .history-filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#historyView .history-filter-actions button{border:1px solid #e4e7eb;border-radius:18px;background:#fff;color:#7d858e;padding:6px 14px;font-size:12px}
#historyView .history-filter-actions .history-search-button{background:#171a1e;border-color:#171a1e;color:#fff}
#historyView .history-notice{flex:0 0 auto;margin:0 20px 10px;font-size:12px;line-height:1.7;color:#858d96}
#historyView .history-notice.error{color:#b84a4f}
#historyView .history-scroll-hint{display:none}
#historyView .history-log-table{flex:1;min-height:0;margin:0 16px;border:1px solid #e5e7eb;border-radius:13px;overflow:auto;scrollbar-color:#cfd3d8 #fff}
#historyView .history-log-table table{width:100%;min-width:940px;border-collapse:collapse;table-layout:fixed;font-size:12px}
#historyView .history-log-table th{position:sticky;top:0;z-index:1;padding:13px 14px;border-bottom:1px solid #e5e7eb;background:#fafbfc;color:#353a41;font-size:12px;font-weight:500;text-align:left}
#historyView .history-log-table th:nth-child(1){width:23%}
#historyView .history-log-table th:nth-child(2){width:27%}
#historyView .history-log-table th:nth-child(3){width:12%}
#historyView .history-log-table th:nth-child(4){width:11%}
#historyView .history-log-table th:nth-child(5){width:11%}
#historyView .history-log-table th:nth-child(6){width:16%}
#historyView .history-log-table td{padding:14px;border-top:0;border-bottom:1px solid #e9ebef;color:#464e57;vertical-align:middle;white-space:normal;overflow:visible;max-width:none;line-height:1.7}
#historyView .history-log-table tr:last-child td{border-bottom:0}
#historyView .history-log-table tbody tr:hover{background:#fcfcfd}
#historyView .history-time{display:block;white-space:nowrap;color:#383f48;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
#historyView .history-time.secondary{color:#a1a7ae}
#historyView .history-id-button{display:block;max-width:100%;border:1px solid #e9ebef;border-radius:14px;padding:2px 9px;background:#f8f9fa;color:#333a43;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
#historyView .history-id-button:hover{border-color:#bfc8d0;background:#eef1f4}
#historyView .history-model{display:block;max-width:100%;margin-top:3px;color:#a0a6ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#historyView .history-duration{display:inline-block;padding:1px 7px;border:1px solid #cdece0;border-radius:11px;background:#f4fcf8;color:#1c9e74;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
#historyView .history-duration.slow{border-color:#f7d4d8;background:#fff8f8;color:#d96372}
#historyView .history-duration.pending{border-color:#e4e8ed;background:#f9fafb;color:#9098a3}
#historyView .history-status{font-weight:500;font-size:12px;white-space:nowrap}
#historyView .history-status.completed{color:#16a36b}
#historyView .history-status.failed{color:#d15c64}
#historyView .history-status.review{color:#bb8a26}
#historyView .history-status.processing{color:#5185c4}
#historyView .history-status.queued,#historyView .history-status.cancelled{color:#949ca6}
#historyView .history-progress{display:inline-block;padding:2px 8px;border:1px solid #e8ebef;border-radius:14px;background:#fafbfc;color:#59616b;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
#historyView .history-result-button{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid #e3e7eb;border-radius:16px;background:#fff;color:#444c55;font-size:11px;white-space:nowrap}
#historyView .history-result-button:hover{background:#f2f5f7;border-color:#ccd3db}
#historyView .history-result-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
#historyView .history-empty td{text-align:center;height:160px;color:#a1a7ae}
#historyView .history-pagination{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:15px 20px;border-top:1px solid #eceef1;margin-top:14px;color:#8d949d;font-size:12px}
#historyView .history-pagination label{display:flex;align-items:center;gap:8px}
#historyView .history-pagination select{width:70px;border:1px solid #e4e7eb;border-radius:17px;padding:5px 8px;background:#fff;color:#68727d;font-size:12px}
#historyView .history-page-buttons{display:flex;align-items:center;gap:7px}
#historyView .history-page-buttons button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e5e8ec;border-radius:50%;background:#fff;color:#66717c;font-size:18px}
#historyView #historyPageLabel{min-width:50px;padding:5px 8px;border-radius:18px;background:#171a1e;color:#fff;font-size:11px;text-align:center}
.preview-task-id{max-width:100%;padding:2px 5px;border:1px solid #48533e;border-radius:5px;background:#263020;color:inherit;overflow-wrap:anywhere;cursor:copy;font:inherit}
.preview-task-id:hover{border-color:#a2af95;color:#dce7d1}
@media(max-width:800px){#historyView{padding:16px}#historyView .history-log-panel{height:calc(100dvh - var(--topbar) - 32px)}#historyView .history-filter-grid{grid-template-columns:1fr}#historyView .history-pagination{justify-content:space-between;gap:10px;flex-wrap:wrap}#historyView .history-scroll-hint{display:block;flex:0 0 auto;margin:0 16px 8px;color:#a0a6ad;font-size:10px}}
@media(max-width:480px){#historyView{padding:12px}#historyView .history-log-panel{height:calc(100dvh - var(--topbar) - 24px);min-height:520px;border-radius:13px}#historyView .history-heading{padding:16px 14px 10px}#historyView .history-heading h1{font-size:19px}#historyView .history-kind-tabs{margin:0 12px 12px}#historyView .history-kind-tabs button{padding:5px 9px}#historyView .history-filters{margin:0 10px 10px;padding:10px}#historyView .history-log-table{margin:0 10px}#historyView .history-pagination{padding:12px;gap:10px;font-size:11px}#historyView .history-page-buttons{margin-left:auto}#historyView .history-date-range{gap:5px}#historyView .history-filters input{font-size:10px;padding:6px 7px}}