.routines-page{display:grid;gap:18px}
.routines-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #dce4de;border-radius:14px;background:linear-gradient(135deg,#f7faf7 0%,#fff 58%,#f4f7f5 100%)}
.routines-hero h1{margin:3px 0 7px;font-size:29px;letter-spacing:-.035em}
.routines-hero p:not(.eyebrow){max-width:650px;margin:0;color:#69756d;font-size:13px}
.eyebrow{margin:0;color:var(--brand);font-size:9px;font-weight:850;letter-spacing:.15em}
.routines-freshness{display:flex;align-items:center;gap:10px;min-width:max-content}
.routines-freshness>div{display:grid;gap:2px}
.routines-freshness small{color:#778179;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.routines-freshness strong{font-size:11px}
.live-dot{width:9px;height:9px;border-radius:50%;background:#37a368;box-shadow:0 0 0 5px rgba(55,163,104,.12)}
.routine-alert{display:flex;align-items:center;gap:7px;padding:11px 14px;border-radius:9px;font-size:11px}
.routine-alert-info{border:1px solid #d9e0db;background:#f7f9f7;color:#526057}
.routine-alert-error{border:1px solid #efc9cd;background:#fff3f4;color:#9b3038}
.routine-alert-warning{border:1px solid #efd69d;background:#fff8e8;color:#805c0d}
.routine-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.routine-summary article{display:grid;gap:3px;min-height:108px;padding:15px 16px;border:1px solid #dfe5e0;border-top:3px solid #94a198;border-radius:10px;background:#fff}
.routine-summary small{color:#707b73;font-size:9px;font-weight:800;text-transform:uppercase}
.routine-summary strong{font-size:28px;line-height:1}
.routine-summary span{color:#7a847d;font-size:9px}
.routine-summary .summary-ok{border-top-color:#4f9a6b}
.routine-summary .summary-running{border-top-color:#4f83b8}
.routine-summary .summary-failed{border-top-color:#c64b56}
.routine-summary .summary-paused{border-top-color:#8a8f8b}
.routine-summary .summary-stale{border-top-color:#cf8b2d}
.routine-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 210px 210px;gap:10px;padding:13px;border:1px solid #dfe5e0;border-radius:10px;background:#fff}
.routine-toolbar label{display:grid;gap:5px}
.routine-toolbar label>span{color:#707b73;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.routine-toolbar input,.routine-toolbar select{min-height:38px;padding:8px 10px;border:1px solid #d3dbd5;border-radius:7px;background:#fff;font-size:11px}
.routine-table-wrap{overflow:hidden;border:1px solid #dfe5e0;border-radius:11px;background:#fff}
.routine-table{width:100%;table-layout:fixed;border-collapse:collapse}
.routine-table col.routine-col-company{width:9%}
.routine-table col.routine-col-system{width:10%}
.routine-table col.routine-col-name{width:17%}
.routine-table col.routine-col-notes{width:27%}
.routine-table col.routine-col-status{width:16%}
.routine-table col.routine-col-run{width:10.5%}
.routine-table th{padding:11px 12px;border-bottom:1px solid #dfe5e0;background:#f5f7f5;color:#707a73;font-size:8px;letter-spacing:.09em;text-align:left;text-transform:uppercase}
.routine-table td{padding:12px;border-bottom:1px solid #e6ebe7;vertical-align:top;font-size:10px;overflow-wrap:anywhere}
.routine-table tr:last-child td{border-bottom:0}
.routine-table td>strong,.routine-table td>span:not(.routine-status),.routine-table td>small,.routine-table td>time,.routine-table td>code{display:block}
.routine-table td>strong{margin-bottom:3px;font-size:11px}
.routine-table td>span,.routine-table td>small{color:#778179;font-size:9px;line-height:1.45}
.routine-table code{max-width:100%;overflow:hidden;margin-top:5px;color:#8a938d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.routine-description{display:-webkit-box;overflow:hidden;margin:0 0 7px;color:#26352b;font-size:9px;font-weight:650;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.routine-status{display:inline-flex!important;align-items:center;gap:6px;margin-bottom:5px;padding:4px 7px;border-radius:999px;font-size:8px!important;font-weight:850;letter-spacing:.035em}
.routine-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.status-success,.status-scheduled{background:#e9f5ed;color:#2e7c4c!important}
.status-running{background:#e9f1f8;color:#306f9d!important}
.status-failed{background:#fdecef;color:#a83540!important}
.status-warning{background:#fff4da;color:#93670c!important}
.status-waiting{background:#fff4da;color:#805b08!important}
.status-idle{background:#eef3f6;color:#456477!important}
.routine-summary .summary-waiting{border-top-color:#c99b3e}
.routine-summary .summary-idle{border-top-color:#7598ad}
.status-paused{background:#eef0ee;color:#646b66!important}
.status-stale{background:#fff0db;color:#935f12!important}
.routine-channel{display:inline-flex!important;width:max-content;margin:5px 0 4px;padding:3px 6px;border-radius:999px;background:#eef4f0;color:#476353!important;font-size:8px!important;font-weight:800}
.routine-channel.pending{background:#fff4da;color:#8c6514!important}
.routines-page[data-freshness-state="warning"] .live-dot{background:#d59a32;box-shadow:0 0 0 5px rgba(213,154,50,.13)}
.routines-page[data-freshness-state="stale"] .live-dot{background:#c64b56;box-shadow:0 0 0 5px rgba(198,75,86,.12)}
.routine-empty{padding:34px;color:#778179;text-align:center}
.routine-security{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#737d76;font-size:9px}
.routine-security span:last-child{margin-left:auto}
.routine-table tr[hidden],.routine-empty[hidden]{display:none}
.routines-page{color:#1d2921}
.routines-hero h1,.routines-freshness strong,.routine-summary strong,.routine-table td>strong,.routine-table td>time{color:#16231a}
.routine-toolbar input,.routine-toolbar select{color:#26342a}
@media(max-width:1180px){.routine-summary{grid-template-columns:repeat(3,1fr)}.routine-table-wrap{overflow-x:auto}.routine-table{min-width:1180px}}
@media(max-width:760px){.routines-hero{align-items:flex-start;flex-direction:column;padding:20px}.routines-freshness{align-items:flex-start;flex-wrap:wrap;min-width:0}.routine-summary{grid-template-columns:1fr 1fr}.routine-toolbar{grid-template-columns:1fr}.routine-security{align-items:flex-start;flex-direction:column}.routine-security span:last-child{margin-left:0}}