#tasks-history-view .board{padding:14px}#th-message{padding:10px 0;font-size:13px}#th-table{width:100%;min-width:1750px}#th-table th,#th-table td{padding:12px 10px;font-size:13px;text-align:left;vertical-align:top;white-space:normal}#th-table th{background:#e9eff5}#th-table td:nth-child(4){min-width:190px}#th-table td:nth-child(12){min-width:240px;max-width:420px;overflow-wrap:anywhere}.history-export-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}.th-client-filter{position:relative;font-size:12px;align-self:end;display:flex;flex-direction:column;gap:7px}.th-client-filter summary{padding:10px;border:1px solid #d7dfeb;border-radius:7px;background:white;cursor:pointer;min-height:38px}.th-client-filter details[open]{z-index:5}.th-client-list{max-height:240px;overflow:auto;border:1px solid #dce5ed;background:white}.workspace section .task-filter-bar .th-client-list label{display:flex!important;flex-direction:row!important;align-items:center;padding:8px;gap:8px!important;font-size:12px}.workspace section .task-filter-bar .th-client-list input{width:16px!important;height:16px!important;flex:none}.th-client-filter details[open]>.th-client-list,.th-client-filter details[open]>input{position:relative}#th-filters input[type=date]{min-height:38px}@media(max-width:760px){#th-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#th-filters label{margin:4px 0}#th-filters .th-client-filter{grid-column:1/-1}.history-export-toolbar button{font-size:12px}}

/* The client chooser floats over the page without resizing the filter grid. */
#tasks-history-view .board{overflow:visible}
#th-filters .th-client-filter{min-width:0;align-self:end}
#th-filters .th-client-filter details{position:relative;width:100%}
#th-filters .th-client-filter summary{height:38px;min-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
#th-filters .th-client-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:65;width:380px;max-width:calc(100vw - 56px);padding:12px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;box-shadow:0 12px 30px #16344e25}
#th-filters .th-client-popover>input{display:block!important;width:100%!important;height:38px;margin:0 0 10px;font-size:13px!important;font-weight:400}
#th-filters .th-client-list{max-height:260px;overflow-y:auto;overflow-x:hidden;border:0;scrollbar-gutter:stable}
#th-filters .th-client-list label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:10px 7px!important;margin:0!important;border-radius:5px;font-size:13px!important;font-weight:400!important;line-height:1.5!important;cursor:pointer}
#th-filters .th-client-list label:hover{background:#f0f6fc}
#th-filters .th-client-list label[hidden]{display:none!important}
#th-filters .th-client-list label input{margin:3px 0 0!important;width:16px!important;height:16px!important}
#th-filters .th-client-list label span{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word;font-weight:400!important;font-size:13px!important;line-height:1.5}
#th-filters .th-client-actions{display:flex;justify-content:space-between;gap:10px;padding-top:10px;margin-top:8px;border-top:1px solid #e0e7ef}
#th-filters .th-client-actions button{padding:7px 14px;font-size:12px;font-weight:600}
@media(max-width:760px){#th-filters .th-client-popover{width:100%;max-width:100%}}