/* UC-T015 frozen UI-05 /tasks implementation. Visual authority: frozen_ui_complete/05_采集任务_确认母版.png */
.tasks-page{display:block;max-width:1680px;margin:0 auto;padding-bottom:28px}.tasks-page[hidden]{display:none}
.tasks-shell{display:grid;gap:12px}.tasks-panel,.tasks-head,.tasks-kpi{border:1px solid rgba(47,126,172,.28);border-radius:10px;background:linear-gradient(155deg,rgba(3,28,55,.96),rgba(1,17,37,.94));box-shadow:0 16px 44px rgba(0,0,0,.16)}
.tasks-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:15px}.tasks-title h1{margin:0;font-size:18px}.tasks-title p{margin:5px 0 0;color:#6d8ea4;font-size:9px}
.tasks-context{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:#6c8da2;font-size:8px}.tasks-context strong{color:#cbe2ee}
.tasks-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tasks-actions a,.tasks-actions button{height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid rgba(55,125,164,.3);border-radius:6px;background:#06233f;color:#8eb0c2;font-size:8px;text-decoration:none}.tasks-actions .primary{border-color:#2bdaa3;background:linear-gradient(135deg,#14b982,#47e87e);color:#03271f;font-weight:700}.tasks-actions .active{border-color:#19a9bd;color:#67edd0;background:#0a4254}
.tasks-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tasks-kpi{padding:13px}.tasks-kpi small{display:block;color:#6b8ca2;font-size:8px}.tasks-kpi strong{display:block;margin-top:5px;font-size:18px;color:#dff3fb}.tasks-kpi span{display:block;margin-top:4px;color:#587991;font-size:7px}.tasks-kpi strong.deferred{color:#8ba5b5}
.tasks-main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px}.tasks-table-panel{min-width:0}
.tasks-toolbar{display:grid;gap:9px;padding:12px;border-bottom:1px solid rgba(49,109,146,.17)}.tasks-tabs{display:flex;gap:5px;flex-wrap:wrap}.tasks-tab{height:29px;padding:0 10px;border:1px solid rgba(54,118,157,.23);border-radius:5px;background:#061f39;color:#7797ab;font-size:8px}.tasks-tab.active{border-color:#18bea3;background:#0b4d55;color:#75f5d3}
.tasks-filter-row{display:grid;grid-template-columns:minmax(160px,1fr) 135px 135px 145px;gap:7px}.tasks-filter-row input,.tasks-filter-row select{height:32px;border:1px solid rgba(56,120,159,.27);border-radius:5px;background:#031a34;color:#d9ebf5;padding:0 9px;font-size:8px}.tasks-filter-row input::placeholder{color:#55768c}
.tasks-filter-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#62849a;font-size:8px}.tasks-filter-meta button{border:0;background:transparent;color:#6ddcc2;font-size:8px}
.tasks-batchbar{display:flex;gap:7px;align-items:center;padding:8px 11px;border-bottom:1px solid rgba(51,111,148,.18);background:rgba(5,43,68,.52)}.tasks-batchbar[hidden]{display:none}.tasks-batchbar strong{margin-right:auto;font-size:8px;color:#b7d1dd}.tasks-batchbar button{height:27px;padding:0 9px;border:1px solid rgba(56,119,158,.22);border-radius:5px;background:#06213c;color:#6d8fa5;font-size:7px}.tasks-batchbar button:disabled{opacity:.48;cursor:not-allowed}
.tasks-table-wrap{overflow:auto;min-height:360px}.tasks-table{width:100%;border-collapse:collapse;min-width:860px}.tasks-table th,.tasks-table td{padding:10px 9px;border-bottom:1px solid rgba(49,107,143,.14);text-align:left;font-size:8px}.tasks-table th{color:#6e91a7;font-weight:600;background:rgba(3,26,48,.68);position:sticky;top:0}.tasks-table td{color:#bad0dc}.tasks-table td strong{display:block;color:#d6e6ee;font-weight:600}.tasks-table td small{display:block;margin-top:3px;color:#69899d;font-size:7px}.tasks-table th:first-child,.tasks-table td:first-child{width:32px;text-align:center}.tasks-table tbody tr:hover{background:rgba(6,45,70,.34)}.task-status{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid rgba(78,132,163,.24);border-radius:999px;background:#071e35;color:#8aa9ba;font-size:7px;white-space:nowrap}.task-status-running{border-color:rgba(24,190,163,.45);color:#67e3c5}.task-status-completed{border-color:rgba(83,177,114,.42);color:#8bd7a3}.task-status-failed{border-color:rgba(217,82,100,.42);color:#ff9aa6}.task-status-waiting{border-color:rgba(201,164,67,.38);color:#dec578}.task-status-paused,.task-status-cancelled{color:#9aa8b2}.task-row-action{height:25px;padding:0 8px;border:1px solid rgba(56,119,158,.25);border-radius:5px;background:#06213b;color:#7899ac;font-size:7px;white-space:nowrap}.task-row-action.primary{border-color:#2bd4a1;background:#0b4b4d;color:#6ee8c5}.task-row-action:disabled{opacity:.48;cursor:not-allowed}.task-row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.tasks-empty-row td{height:270px;text-align:center!important}.tasks-empty{display:grid;place-items:center;gap:7px;color:#64859c}.tasks-empty span{display:grid;width:45px;height:45px;place-items:center;border-radius:10px;background:#0a3853;color:#50e5c2;font-size:18px}.tasks-empty strong{color:#abc7d5;font-size:10px}.tasks-empty p{max-width:520px;margin:0;font-size:8px;line-height:1.6}
.tasks-pagination{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;color:#64869b;font-size:8px}.tasks-pagination-controls{display:flex;gap:5px;align-items:center}.tasks-pagination select,.tasks-pagination button{height:27px;border:1px solid rgba(54,117,155,.22);border-radius:5px;background:#06203a;color:#7595aa;font-size:7px}.tasks-pagination select{padding:0 7px}.tasks-pagination button{min-width:28px}.tasks-pagination button:disabled{opacity:.45}
.tasks-rail{display:grid;gap:12px;align-content:start}.tasks-rail .tasks-panel{padding:12px}.tasks-panel-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.tasks-panel-header h2{margin:0;font-size:10px}.tasks-panel-header p{margin:2px 0 0;color:#607f96;font-size:7px}.tasks-panel-header a{color:#5de4c4;font-size:7px}
.tasks-log-list,.tasks-template-list{display:grid;gap:6px}.tasks-empty-card{padding:22px 10px;text-align:center;border:1px dashed rgba(56,119,157,.23);border-radius:6px;color:#607f96;font-size:8px;line-height:1.6}.tasks-empty-card strong{display:block;color:#9fb9c7;margin-bottom:4px}
.tasks-trend-controls{display:flex;gap:5px;margin-bottom:8px}.tasks-trend-controls button{height:25px;padding:0 8px;border:1px solid rgba(55,117,155,.2);border-radius:5px;background:#061e38;color:#6b8da2;font-size:7px}.tasks-trend-controls button.active{border-color:#1bbca2;color:#64e8c8;background:#0a4650}.tasks-trend-canvas{height:135px;display:grid;place-items:center;border:1px dashed rgba(57,120,157,.2);border-radius:6px;color:#5f8198;font-size:8px;text-align:center;padding:12px}
.tasks-status{padding:8px 11px;border-top:1px solid rgba(49,106,143,.15);color:#66889f;font-size:8px;line-height:1.5}.tasks-status.ok{color:#72d9c0}.tasks-status.error{color:#ff9da2}
.tasks-import-dialog{width:min(620px,calc(100vw - 28px));border:1px solid rgba(55,128,167,.4);border-radius:10px;background:#031b34;color:#d9eef7;padding:0;box-shadow:0 24px 90px rgba(0,0,0,.55)}.tasks-import-dialog::backdrop{background:rgba(0,8,20,.78)}
.tasks-import-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(49,108,145,.18)}.tasks-import-head h2{margin:0;font-size:12px}.tasks-import-head button{border:0;background:transparent;color:#8ca8b9;font-size:18px}
.tasks-import-body{padding:14px;display:grid;gap:10px}.tasks-import-note{padding:9px;border-left:2px solid #1bbba5;background:rgba(7,62,73,.34);color:#789bad;font-size:8px;line-height:1.6}.tasks-import-file{display:grid;gap:5px}.tasks-import-file label{font-size:8px;color:#9ab2c0}.tasks-import-file input{padding:8px;border:1px solid rgba(55,120,159,.25);border-radius:5px;background:#041d37;color:#bcd2de;font-size:8px}
.tasks-import-result{min-height:130px;padding:10px;border:1px solid rgba(53,115,153,.22);border-radius:6px;background:#02182f;color:#7192a6;font:8px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tasks-import-result.ok{color:#73d8c0}.tasks-import-result.error{color:#ff9ea3}
.tasks-import-actions{display:flex;justify-content:flex-end;gap:7px}.tasks-import-actions button{height:30px;padding:0 10px;border:1px solid rgba(55,119,157,.25);border-radius:5px;background:#06213b;color:#799aad;font-size:8px}.tasks-import-actions .primary{border-color:#2bd4a1;background:#0b4b4d;color:#6ee8c5}.tasks-import-actions button:disabled{opacity:.5}
@media(max-width:1220px){.tasks-main{grid-template-columns:1fr}.tasks-rail{grid-template-columns:1fr 1fr}.tasks-filter-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.tasks-head{flex-direction:column}.tasks-actions{justify-content:flex-start}.tasks-kpis{grid-template-columns:1fr 1fr}.tasks-filter-row{grid-template-columns:1fr}.tasks-rail{grid-template-columns:1fr}.tasks-filter-meta,.tasks-pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.tasks-kpis{grid-template-columns:1fr}.tasks-tabs{display:grid;grid-template-columns:1fr 1fr}.tasks-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.tasks-actions a,.tasks-actions button{width:100%}}

.tasks-table tbody tr{content-visibility:auto;contain-intrinsic-size:auto 38px}

.task-trend-bars{display:flex;align-items:flex-end;gap:5px;height:145px;width:100%;overflow-x:auto;padding-top:8px}
.task-trend-day{display:grid;grid-template-rows:1fr auto;gap:5px;min-width:26px;height:100%;text-align:center}
.task-trend-track{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;border-bottom:1px solid rgba(73,137,177,.18)}
.task-trend-track i{display:block;width:7px;border-radius:3px 3px 0 0}.task-trend-track i.total{background:#27b8eb}.task-trend-track i.success{background:#53efbf}
.task-trend-day small{font-size:7px;color:#6f91aa;white-space:nowrap}

.task-status-requires_user_action{border-color:rgba(201,164,67,.48);color:#e8cc77}
.task-status-access_blocked{border-color:rgba(217,82,100,.48);color:#ff9aa6}

.tasks-mobile-list{display:none}.tasks-mobile-card,.tasks-mobile-empty{border:1px solid rgba(54,123,158,.24);border-radius:9px;background:linear-gradient(155deg,rgba(4,31,57,.98),rgba(2,20,39,.96))}.tasks-mobile-card{display:grid;gap:10px;padding:12px}.tasks-mobile-card>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.tasks-mobile-card>header>div{min-width:0}.tasks-mobile-card>header strong{display:block;color:#e0edf3;font-size:12px;overflow-wrap:anywhere}.tasks-mobile-card>header small{display:block;margin-top:4px;color:#6d8ca1;font-size:8px;line-height:1.45;overflow-wrap:anywhere}.tasks-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tasks-mobile-grid>div{padding:8px;border:1px solid rgba(50,111,147,.18);border-radius:6px;background:#031a31}.tasks-mobile-grid small{display:block;color:#638299;font-size:7px}.tasks-mobile-grid strong{display:block;margin-top:3px;color:#a9c2ce;font-size:8px;line-height:1.5;overflow-wrap:anywhere}.tasks-mobile-actions{display:flex;align-items:center;gap:7px}.tasks-mobile-actions a,.tasks-mobile-actions span{min-height:36px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(49,173,157,.28);border-radius:6px;background:#073448;color:#6de4c5;font-size:8px}.tasks-mobile-actions span{border-color:rgba(74,124,153,.2);background:#061f38;color:#6d8da1}.tasks-mobile-details{border-top:1px solid rgba(54,111,145,.16);padding-top:8px}.tasks-mobile-details summary{min-height:36px;display:flex;align-items:center;color:#76cdbd;font-size:8px;cursor:pointer}.tasks-mobile-detail-body{display:grid;gap:6px;padding:7px 0 2px}.tasks-mobile-detail-body>p{margin:0;color:#7898aa;font-size:8px;overflow-wrap:anywhere}.tasks-mobile-detail-body>strong{margin-top:3px;color:#a8c0cb;font-size:8px}.tasks-mobile-event{padding:7px;border-left:2px solid rgba(41,188,163,.45);background:rgba(4,35,55,.55)}.tasks-mobile-event span{color:#6f91a5;font-size:7px}.tasks-mobile-event p{margin:3px 0 0;color:#9eb4c0;font-size:8px;line-height:1.5}.tasks-mobile-empty{padding:24px 12px;text-align:center;color:#64879b;font-size:9px}
@media(max-width:860px){.tasks-mobile-list{display:grid;gap:9px;padding:10px}.tasks-table-wrap{display:none}.tasks-actions,.tasks-batchbar{display:none!important}.tasks-filter-meta>span{line-height:1.5}.tasks-pagination-controls{flex-wrap:wrap}.tasks-page .tasks-head p:after{content:" · Mobile 当前为 T072 只读查看；启停/告警处理留给 T073";color:#61cbb7}}
@media(max-width:480px){.tasks-mobile-grid{grid-template-columns:1fr}.tasks-mobile-card{padding:10px}}

.tasks-mobile-controls{display:flex;gap:7px;flex-wrap:wrap;padding-top:2px}.task-mobile-control{min-height:40px;padding:0 13px;border:1px solid rgba(58,124,159,.27);border-radius:7px;background:#06213b;color:#8fb0bf;font-size:9px}.task-mobile-control.primary{border-color:rgba(45,210,166,.42);background:#0b4b4d;color:#78ebca}.task-mobile-control:disabled{opacity:.52}.task-mobile-readonly-note{display:block;width:100%;padding:8px 9px;border:1px dashed rgba(74,129,157,.22);border-radius:6px;color:#6e8da0;font-size:8px;line-height:1.5}
@media(max-width:480px){.tasks-mobile-controls{display:grid;grid-template-columns:1fr 1fr}.task-mobile-control{width:100%}.task-mobile-readonly-note{grid-column:1/-1}}

.tasks-mobile-toolbar{display:none}.tasks-mobile-toolbar button,.tasks-mobile-toolbar a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid rgba(225,118,91,.34);border-radius:7px;background:rgba(72,31,34,.62);color:#ffb19e;font-size:9px;text-decoration:none}.tasks-mobile-toolbar a{border-color:rgba(45,210,166,.36);background:rgba(7,66,65,.62);color:#75e7c7}.tasks-mobile-toolbar span{color:#708fa1;font-size:8px;line-height:1.5}
@media(max-width:860px){.tasks-mobile-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 10px 0}.tasks-page .tasks-head p:after{content:" · Mobile T073 已接运行告警与基础启停";color:#61cbb7}}
@media(max-width:480px){.tasks-mobile-toolbar{align-items:stretch;flex-direction:column}.tasks-mobile-toolbar button,.tasks-mobile-toolbar a{width:100%}}