.due-chip{display:inline-flex;align-items:center;margin-top:5px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:800;line-height:1.25;white-space:nowrap}
.due-chip.blue{background:#236fc0;color:#fff}
.due-chip.yellow{background:#f4d35b;color:#523b00}
.due-chip.orange{background:#c75d08;color:#fff}
.due-chip.red{background:#c53232;color:#fff}
.due-chip.maintenance{background:#756180;color:#fff}
.info-card .due-chip{margin-top:10px}
.dot.blue,.legend-dot.blue{background:#236fc0}.dot.yellow,.legend-dot.yellow{background:#e8b826}.dot.orange,.legend-dot.orange{background:#c75d08}.dot.red,.legend-dot.red{background:#c53232}.dot.maintenance,.legend-dot.maintenance{background:#756180}
.reminder-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin:-7px 0 20px;color:#637d8a;font-size:11px}
.reminder-legend span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e6ecef;padding:8px 11px;border-radius:6px;font-weight:700}
.legend-dot{height:13px;width:13px;display:inline-block;border-radius:3px}
.attention-list a.attention-item:hover{background:#f8fcfb}

.attention-list .reminder-tile{--tone:#236fc0;--surface:#eaf3ff;display:flex;align-items:center;gap:11px;margin:9px 0;padding:12px 13px;border:1px solid #cfdeea;border-left:5px solid var(--tone);border-radius:8px;background:var(--surface);min-height:71px}
.attention-list .reminder-tile:hover{filter:brightness(.98);box-shadow:0 2px 9px #1b415119}
.attention-list .reminder-tile.yellow{--tone:#a97600;--surface:#fff6cf;border-color:#ead996;border-left-color:#e3b526}
.attention-list .reminder-tile.orange{--tone:#ad4e05;--surface:#ffead7;border-color:#edbd97;border-left-color:#d56a16}
.attention-list .reminder-tile.red{--tone:#b82c30;--surface:#ffe5e4;border-color:#efb0ae;border-left-color:#d43c3d}
.attention-list .reminder-tile.maintenance{--tone:#765c80;--surface:#f2eaf5;border-color:#dccbdf;border-left-color:#846893}
.reminder-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:8px;background:var(--tone);color:#fff;font-size:16px;font-weight:800}
.reminder-main{min-width:0;flex:1}.reminder-main strong{display:block;font-size:13px;color:#173142;margin-bottom:5px}.reminder-main small{display:block;font-size:11px;color:#425c6c;font-weight:600}
.reminder-status{flex:none;padding:7px 10px;border-radius:6px;background:var(--tone);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.reminder-tile.yellow .reminder-symbol,.reminder-tile.yellow .reminder-status{background:#e8bb32;color:#493400}
.reminder-row.blue td:first-child{box-shadow:inset 4px 0 #236fc0}.reminder-row.yellow td:first-child{box-shadow:inset 4px 0 #e8bb32}.reminder-row.orange td:first-child{box-shadow:inset 4px 0 #c75d08}.reminder-row.red td:first-child{box-shadow:inset 4px 0 #c53232}.reminder-row.maintenance td:first-child{box-shadow:inset 4px 0 #756180}
@media(max-width:700px){.attention-list .reminder-tile{flex-wrap:wrap}.reminder-status{margin-left:49px}}