.op-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#e8f1ee;border:1px solid #d2e1dc;border-radius:8px;margin-bottom:14px;color:#284e47}.op-summary>span:last-child{margin-left:auto;font-size:13px;color:#536c66}.op-work-section,.op-projects{padding:0!important;margin-bottom:16px}.op-section-title{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #dbe4e9;flex-wrap:wrap}.op-section-title h3{margin:0;font-size:17px}.op-section-title h3 span{display:inline-block;margin-left:7px;background:#e8f0f6;color:#355c7b;border-radius:12px;padding:2px 9px;font-size:13px}.op-section-title small,.op-section-title>span{color:#60747f;font-size:13px}.op-table-scroll{overflow:auto}.op-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;min-width:960px}.op-table th{background:#f1f5f8;color:#4b6575;font-weight:600;white-space:nowrap;padding:10px 12px;position:sticky;top:0;z-index:1}.op-table td{padding:12px;border-bottom:1px solid #e3e9ed;vertical-align:middle}.op-table tr:last-child td{border-bottom:0}.op-table small{display:block;color:#71808c;font-size:12px;margin-top:4px}.op-table .op-case{min-width:220px;max-width:350px}.op-case>b{font:600 13px ui-monospace,monospace;color:#49667b}.op-case strong{display:block;font-size:15px;margin-top:4px;overflow-wrap:anywhere}.op-seq{font-size:20px;font-weight:700;color:#366960;text-align:center}.op-table .fw-task-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:150px;max-width:270px;justify-content:flex-start}.op-table .fw-task-actions .btn{white-space:nowrap}.op-status{display:inline-block;background:#edf2f6;border-radius:4px;padding:4px 7px;white-space:nowrap}.op-running{background:#f0f8f4}.op-running .op-status{background:#d8eee2;color:#236343}.op-timer{font:600 16px ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.op-overdue b,.op-overdue small{color:#ad3934!important}.op-due-today b,.op-due-today small{color:#996015!important}.op-filters{display:flex;gap:12px;padding:12px 16px;align-items:end;flex-wrap:wrap;background:#fafcfd}.op-filters label,.op-create label{display:flex;gap:5px;flex-direction:column;font-size:12px;color:#536873}.op-filters label:has(input[type=checkbox]){flex-direction:row;align-items:center}.op-filters input,.op-filters select,.op-create input,.op-create select{border:1px solid #cbd8df;border-radius:5px;padding:7px 9px;background:white;font-size:14px}.op-empty{color:#77878f;margin:0;padding:20px;text-align:center}.op-pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8ed}.op-create{display:flex;gap:12px;padding:16px;flex-wrap:wrap;align-items:end;background:#f0f6f3}.op-create label:first-child{flex:1;min-width:240px}.op-create p{width:100%;margin:0;color:#627b70;font-size:13px}.op-link{background:none;border:0;padding:0;color:#285c90;cursor:pointer;text-align:left;font:inherit;text-decoration:underline;text-underline-offset:3px}.op-actions{white-space:nowrap}.op-matrix-scroll{overflow:auto;max-height:480px}.op-matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;white-space:nowrap}.op-matrix td,.op-matrix th{padding:10px 12px;border-right:1px solid #e1e8ed;border-bottom:1px solid #e1e8ed;text-align:right;min-width:92px}.op-matrix th{position:sticky;top:0;background:#eef3f7;z-index:2}.op-matrix th:first-child,.op-matrix td:first-child{position:sticky;left:0;min-width:200px;max-width:280px;white-space:normal;text-align:left;background:#fff;z-index:1}.op-matrix th:first-child{z-index:3;background:#eef3f7}.op-matrix small{display:block;max-width:260px;color:#70818d;margin-top:4px}.op-total{font-weight:600;background:#edf4f1}.op-detail{width:min(1100px,94vw)!important;max-width:1100px!important;padding:18px!important;max-height:85vh;overflow:auto}.op-detail .op-table{min-width:850px}.op-detail p{color:#647782}.attendance-page .att-start{display:none}@media(max-width:900px){.op-summary{gap:10px}.op-summary>span:last-child{margin-left:0;width:100%}.op-section-title{padding:12px}.op-table td{padding:10px}.op-timer{font-size:14px}}

.personal-hub .op-table th{font-size:12px}.personal-hub .op-table td{font-size:14px}.personal-hub .op-table .btn{font-size:12px;padding:6px 9px}.personal-hub .op-matrix td,.personal-hub .op-matrix th{min-width:60px;padding:9px 7px}.op-matrix td:last-child,.op-matrix th:last-child{position:sticky;right:0;background:#eef4f1;min-width:90px;z-index:1}.op-matrix th:last-child{z-index:3}.op-matrix td:first-child,.op-matrix th:first-child{min-width:200px}.op-work-section>.op-table-scroll{max-height:480px}
/* Compact operator rows: keep names and deadlines readable. */
.personal-hub .op-work-section .op-table td{padding:7px 10px;line-height:1.35}
.personal-hub .op-table th{padding:8px 10px}
.personal-hub .op-table small{margin-top:2px}
.personal-hub .op-case strong{margin-top:2px;font-size:14px}
.personal-hub .op-table .btn{padding:5px 8px;min-height:28px}
.personal-hub .op-section-title{padding:9px 12px}
.op-summary{gap:8px;padding:8px 12px}
.op-summary button{border:0;background:transparent;color:#28584e;padding:6px 12px;border-radius:5px;cursor:pointer;font:inherit}
.op-summary button.active{background:#35665c;color:white;font-weight:600}
.op-summary button:focus-visible{outline:2px solid #315889;outline-offset:2px}
.op-summary>span{margin-left:auto;font-size:12px}
.op-reminder-mask{z-index:1200}
.op-reminder{width:min(560px,94vw);padding:24px!important;border:2px solid #c34d3e;border-radius:10px;max-height:80vh;overflow:auto;text-align:center}
.op-reminder h3{color:#bd342a;margin:0 0 16px}.op-reminder ul{text-align:left;max-height:240px;overflow:auto}

.op-reminder h3{font-size:20px}.op-reminder p{font-size:15px;line-height:1.7;margin:8px 0}.op-reminder .btn{margin-top:12px;font-size:14px;padding:8px 14px}