.product-tools,.product-insights{margin-block:16px;border:1px solid var(--hair);border-radius:20px;background:var(--card);padding:20px;min-width:0}
.product-tools-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.product-tools-head h2{font-size:17px;font-weight:600}.product-note{font-size:12px;line-height:1.8;color:var(--muted)}
.product-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-filter-row label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.product-tools select{max-width:100%;min-width:0;height:40px;border:1px solid var(--hair);border-radius:10px;background:var(--panel);padding:0 10px;font:inherit;color:var(--ink);font-size:12px}.product-tools select:focus-visible{outline:2px solid var(--g-600);outline-offset:2px}
.product-view-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:14px}.product-view-row select{min-width:190px}.product-action{font:inherit;font-size:12px;font-weight:500;color:var(--g-800);border-radius:8px;padding:7px 4px;white-space:nowrap}.product-action:hover{background:var(--g-100)}.product-action:disabled{color:var(--muted);cursor:default;opacity:.55}
.product-bulk-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block-start:14px;border-block-start:1px solid var(--hair)}.product-bulk-row .btn{height:40px;padding-inline:16px;font-size:12px}.product-select-all,.product-task-select{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.product-select-all{font-size:12px}.product-bulk-row input,.product-task-select input{width:16px;height:16px;margin:0;accent-color:var(--g-700);cursor:pointer}.product-selection-count{color:var(--muted);font-size:12px;margin-inline-end:auto;white-space:nowrap}.product-bulk-row select{flex:1;min-width:135px}
.product-task-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-block-start:1px solid var(--hair);padding-block-start:8px;margin-block-start:8px}.product-task-actions>div{display:flex;gap:8px}.product-task-button{border-radius:6px;color:var(--g-800);font-size:10px;font-weight:600;padding:5px 3px;white-space:nowrap}.product-task-button:hover{background:var(--g-100)}.product-task--selected{box-shadow:inset 0 0 0 2px var(--g-600)}
.product-insight-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-insight-metrics button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel);text-align:right}.product-insight-metrics strong{font-size:23px;font-weight:600;color:var(--g-800)}.product-insight-metrics [data-product-insight=overdue] strong{color:var(--rose)}.product-insight-metrics span{font-size:12px;color:var(--muted)}.product-insight-metrics button:hover{background:var(--g-100)}
.product-insight-details{margin-top:14px}.product-insight-details summary{font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;padding-block:5px}.product-insight-details summary:focus-visible{outline:2px solid var(--g-600);outline-offset:3px}.product-insight-details>.product-note{margin-top:10px}.product-insight-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px}.product-insight-columns h3{font-size:13px;font-weight:600;margin:0 0 10px}.product-insight-columns ul{display:grid;gap:8px}.product-insight-columns li button{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px 10px;border-radius:9px;background:var(--panel);text-align:right;font-size:12px}.product-insight-columns li button:hover{background:var(--g-100)}.product-insight-columns li button>span:first-child{overflow-wrap:anywhere;max-width:100%}.product-insight-columns time,.product-insight-columns button>span:nth-child(2){color:var(--muted);font-size:11px}.product-workload-track{width:100%;height:4px;background:var(--hair);overflow:hidden;border-radius:4px}.product-workload-track i{display:block;height:100%;background:var(--g-600);border-radius:4px}
@media(max-width:1100px){.product-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.product-insight-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-tools,.product-insights{padding:14px}.product-tools-head{align-items:flex-start}.product-tools-head h2{font-size:14px}.product-tools-head .btn{height:38px;padding-inline:12px;font-size:11px}.product-filter-row{gap:8px}.product-insight-metrics{gap:8px}.product-insight-metrics button{padding:9px 8px;gap:7px}.product-insight-metrics strong{font-size:20px}.product-insight-metrics span{font-size:11px}.product-insight-columns{grid-template-columns:1fr;gap:20px}.product-selection-count{margin-inline-end:0}.product-bulk-row select{flex-basis:calc(50% - 10px);min-width:0}.product-select-all{width:100%}.product-view-row{gap:8px}.product-view-row select{width:100%}.product-view-row>.product-note{width:100%}.product-task-actions{gap:6px}}