#history-page{padding-bottom:24px}.history-title{display:flex;align-items:center;gap:12px}.history-title>span{font-size:12px;color:#527859;background:#e7eee4;border-radius:20px;padding:4px 10px}#history-back{width:auto;margin:0}.history-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:28px;align-items:start}.history-sidebar{padding:20px 14px;position:sticky;top:0}.history-sidebar .section-title{margin:0 8px 18px}.history-sidebar h2{font-size:14px}.history-sidebar #category-new{margin:18px 0 0}.history-sidebar>p{margin:12px 8px 0}.history-sidebar button,.history-toolbar button,.history-pagination button,#category-dialog button{font-family:inherit;cursor:pointer}.history-sidebar .section-title button,.history-toolbar button,.history-pagination button,#category-dialog button:not(.quick-save){border:1px solid #d5e0d1;border-radius:6px;background:#fff;color:#4b7453;padding:8px 11px;font-size:12px}.history-category{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:7px;background:transparent;color:#526d55;padding:12px;font-size:13px;text-align:left}.history-category>span{overflow-wrap:anywhere;min-width:0}.history-category small{flex-shrink:0;color:#859780;font-size:11px}.history-category.child{padding-left:30px;font-size:12px}.history-category[aria-pressed=true]{background:#edf4e9;color:#2d7153;font-weight:600}.history-category:hover{background:#f5f8f1}.history-results{min-width:0}.history-toolbar{padding:20px}.history-filters{display:flex;align-items:flex-end;gap:12px}.history-filters label{margin:0;min-width:0;font-size:11px;color:#7c8f78}.history-filters label:first-child{flex:1}.history-filters label:nth-child(2){width:165px}.history-filters input,.history-filters select{margin-top:7px;font-size:12px;padding:10px;width:100%;min-width:0}.history-filters>button{white-space:nowrap;flex-shrink:0}.history-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #edf1e9;font-size:11px;color:#7c8f78}.history-selection label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;margin:0}.history-selection select{max-width:230px;min-width:100px;width:auto;font-size:11px;padding:7px}.history-selection button{padding:7px 9px;font-size:11px}.history-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 2px 12px}.history-result-heading h2{font-size:15px;font-weight:550;margin:0;overflow-wrap:anywhere}.history-result-heading span{color:#8a9b84;font-size:11px;flex-shrink:0}.history-cards{display:grid;gap:16px}.history-cards>.task{border:1px solid #e0e7da;border-radius:10px;background:#fff;padding:22px;min-width:0}.history-cards>.task:last-child{padding-bottom:22px}.history-cards .task-top{flex-wrap:wrap}.history-cards .task-content{gap:18px}.history-cards .task-images{max-width:220px}.history-cards .task-images img{width:64px;height:64px}.history-cards .task-caption{max-height:280px;overflow-y:auto;flex:1;min-width:0}.history-task-classification{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #edf1e9}.history-task-classification label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;color:#78906e;margin:0;min-width:0}.history-task-classification select{font-size:11px;max-width:280px;width:auto;min-width:0;padding:6px 9px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0;font-size:11px;color:#7c9075}#history-message{font-size:12px;line-height:1.8;color:#4b7955}#history-message:empty{display:none}#category-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #cfddc7;border-radius:13px;padding:26px;color:#304a38}#category-dialog::backdrop{background:#15221a88}#category-dialog h2{font-size:18px}#category-dialog .section-title{margin-bottom:10px}#category-form{border-top:1px solid #e2e9dd;padding-top:15px;margin-top:18px}#category-form h3{font-size:14px;margin:0 0 20px}#category-form label{font-size:12px;margin:14px 0}#category-form input,#category-form select{width:100%;margin-top:7px}.category-manager-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1e9;padding:10px 0;font-size:13px}.category-manager-row>span{min-width:0;overflow-wrap:anywhere}.category-manager-row.child{padding-left:22px;color:#7a8e70;font-size:12px}.category-manager-row>div{display:flex;gap:6px;flex-shrink:0}#category-dialog .category-manager-row button{font-size:10px;padding:6px 8px}.category-editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}#category-message{font-size:12px;color:#4b7955;line-height:1.8}#history-page :is(input,select,button):focus-visible{outline:2px solid #74a580;outline-offset:3px}
@media(min-width:1101px){#history-page{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}}
@media(max-width:1100px){.history-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.history-filters{flex-wrap:wrap}.history-filters label:first-child{flex-basis:100%}.history-cards .task-images{max-width:138px}.history-cards .task-images img{width:42px;height:42px}}
@media(max-width:650px){.history-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px}.history-sidebar{position:static;padding:16px}.history-sidebar .section-title{margin-bottom:10px}.history-sidebar>p{display:none}#history-categories{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}.history-category,.history-category.child{flex:0 0 auto;width:auto;max-width:240px;border:1px solid #e0e8db;padding:9px 12px}.history-category.child:before{content:'↳';color:#96a68d}.history-sidebar #category-new{margin-top:10px;padding:8px}.history-toolbar{padding:16px}.history-filters label:nth-child(2){flex:1}.history-selection{gap:10px}.history-selection select{max-width:100%;flex:1;min-width:120px}.history-task-classification{align-items:flex-start}.history-task-classification label:last-child{flex:1;justify-content:flex-end}.history-task-classification select{max-width:190px}.history-cards>.task{padding:16px}.history-cards>.task:last-child{padding-bottom:16px}.history-cards .task-content{flex-direction:column}.history-cards .task-images{max-width:100%;flex-wrap:wrap}.history-cards .task-images img{width:60px;height:60px}.history-cards .task-caption{width:100%}.history-cards .task-top{gap:8px}.category-manager-row{flex-wrap:wrap}#category-dialog{padding:20px}.category-editor-actions{flex-wrap:wrap}}

.layout:has(>.right[hidden]){grid-template-columns:minmax(0,1fr)}

#history-nav-count{float:right;min-width:21px;border-radius:20px;background:#e7eee4;text-align:center;padding:2px 6px;font-size:10px;color:#718b71}

.task-category-field{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #e6ece1}.task-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.task-category-heading label{margin:0}.task-category-heading button{border:0;background:none;font-family:inherit;font-size:12px;color:#447a53;cursor:pointer;padding:6px 0}.task-category-field select{width:100%;font-size:13px}.task-category-field .form-help{margin:8px 0 0}@media(max-width:650px){.task-category-heading{flex-wrap:wrap;gap:6px}}