.client-history-toolbar{display:flex;align-items:end;gap:10px;padding:12px;margin-bottom:12px}.client-history-toolbar label{display:grid;gap:5px;max-width:420px;flex:1;font-size:10px;color:var(--muted)}.client-history-toolbar input{padding:9px 11px}.client-history-toolbar .button{padding:9px 12px;font-size:10px}.client-history-table-panel{padding:0;overflow:auto}.client-history-table{min-width:900px}.client-history-table tbody td small{display:block;margin-top:3px;color:#71848a}.client-history-table th[data-sort]{cursor:pointer;user-select:none}.client-history-table th[data-sort]:hover,.client-history-table th.is-sorted{color:#428c7c!important;background:#f5faf7!important}.client-history-count{display:inline-flex;min-width:23px;justify-content:center;padding:3px 6px;border-radius:999px;background:#edf5f1;color:#5c8475;font-size:10px;font-weight:650}.client-history-count.has-alert{background:#fff0ec;color:#b65346}.client-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #edf2f0;color:#82938e;font-size:10px}.client-history-pagination>div{display:flex;align-items:center;gap:10px}.client-history-pagination button{border:1px solid #dce9e4;border-radius:7px;background:#fff;color:#3d7468;padding:6px 9px;font-size:10px;cursor:pointer}.client-history-pagination button:disabled{opacity:.4;cursor:default}.client-history-pagination strong{font-weight:600;color:#557a70}.client-history-dialog{width:min(720px,calc(100% - 28px));max-height:min(86vh,760px);border:1px solid #e0ebe7;border-radius:15px;padding:0;color:var(--ink);box-shadow:0 20px 80px #244d4833}.client-history-dialog::backdrop{background:#183c3955;backdrop-filter:blur(3px)}.client-history-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf2f0}.client-history-dialog-head h2{margin:5px 0 0;font-size:18px}.client-history-dialog-head p{margin:5px 0 0;color:#82938e;font-size:10px}.client-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:15px 20px}.client-history-summary>div{display:grid;gap:4px;padding:9px 10px;border:1px solid #e8efec;border-radius:8px;background:#fbfdfc}.client-history-summary small,.client-history-entry small{color:#8a9e96;font-size:9px}.client-history-summary strong{color:#315e55;font-size:13px}.client-history-list{padding:0 20px 20px;display:grid;gap:8px;max-height:57vh;overflow:auto}.client-history-entry{border:1px solid #e7efec;border-radius:9px;padding:11px;background:#fff}.client-history-entry-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f4f2;padding-bottom:8px;margin-bottom:8px}.client-history-entry-head strong{font-size:12px;color:#315e55}.client-history-entry-head span{color:#8a9e96;font-size:9px}.client-history-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.client-history-entry-grid>div{display:grid;gap:3px}.client-history-entry-grid b{font-size:11px;color:#415f58;font-weight:600}.client-history-alert{margin:9px 0 0;padding:7px 9px;background:#fff4f1;border-radius:6px;color:#b65346;font-size:10px}.client-history-photos{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.client-history-photos a{display:block;width:48px;height:48px;border-radius:7px;overflow:hidden;border:1px solid #e4eeea}.client-history-photos img{width:100%;height:100%;object-fit:cover}.client-history-empty{padding:35px;text-align:center;color:#82938e;font-size:11px}@media(max-width:760px){.client-history-toolbar{flex-wrap:wrap}.client-history-toolbar label{max-width:none;flex-basis:100%}.client-history-toolbar .button{flex:1}.client-history-pagination{align-items:flex-start;flex-direction:column}.client-history-summary{grid-template-columns:repeat(2,1fr)}.client-history-entry-grid{grid-template-columns:repeat(2,1fr)}}
.client-history-toolbar{flex-wrap:wrap}.client-history-toolbar label{min-width:125px;flex:1}.client-history-toolbar label:first-child{min-width:240px;flex:2}.client-history-toolbar input,.client-history-toolbar select{padding:9px 11px}.client-history-downloads{display:flex;gap:6px}