:root{color-scheme:light;--ink:#171914;--muted:#5b5e56;--paper:#f4f1e8;--panel:#fffdf8;--subtle:#ebe7dc;--line:#c8c3b5;--accent:#3157c8;--danger:#a12e25;--warning:#795000;--focus:#173da9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}::selection{background:#cbd6ff;color:#101c45}a{color:var(--accent);text-underline-offset:.2em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color 180ms ease-out,background-color 180ms ease-out,color 180ms ease-out}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.ops-login{min-height:100vh;display:grid;place-items:center;padding:1rem}.ops-login form{width:min(100%,28rem);display:grid;gap:1rem;padding:2rem;border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 36px rgb(37 34 25/10%)}.ops-login h1{margin:0;font-size:1.75rem}.ops-login p{margin:0;color:var(--muted);max-width:65ch}.ops-login label,.ops-compose label,.ops-filters label,.ops-inline-form label,.ops-inline-label{display:grid;gap:.35rem;font-weight:650}.ops-login input,.ops-compose input,.ops-compose textarea,.ops-filters input,.ops-filters select,.ops-inline-form input,.ops-inline-label input{width:100%;min-height:2.7rem;padding:.55rem .7rem;border:1px solid var(--line);background:white;color:var(--ink)}.ops-error{padding:.75rem;border:1px solid #c77269;background:#fff0ee;color:#681710}
.ops-shell{max-width:82rem;margin:auto;padding:2rem 1.25rem 6rem}.ops-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.ops-header h1{margin:0;font-size:2rem;letter-spacing:-.025em}.ops-header p{max-width:65ch;margin:.35rem 0 0;color:var(--muted)}.ops-button,.ops-shell button,.ops-login button{min-height:2.7rem;padding:.55rem .8rem;border:1px solid var(--ink);background:var(--ink);color:white;cursor:pointer;font-weight:650}.ops-button:hover,.ops-shell button:hover,.ops-login button:hover{background:#34372f}.ops-button:active,.ops-shell button:active{transform:translateY(1px)}.ops-button.is-danger{border-color:var(--danger);background:transparent;color:var(--danger)}.ops-button.is-danger:hover{background:#fff0ee}.ops-nav{position:sticky;z-index:10;top:0;display:flex;gap:.3rem;overflow:auto;margin:1.5rem -1.25rem 0;padding:.65rem 1.25rem;border-block:1px solid var(--line);background:rgb(244 241 232/96%)}.ops-nav a{flex:none;padding:.4rem .65rem;color:var(--ink);text-decoration:none}.ops-nav a:hover{background:var(--subtle)}
.ops-warning{padding:1rem;margin:2rem 0;border:1px solid #b88b31;background:#fff3ce;color:#4f3500}.ops-warning p{max-width:75ch;margin:.3rem 0 0}.ops-filters{display:grid;grid-template-columns:repeat(3,minmax(9rem,1fr));gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line);background:var(--panel)}.ops-filters>a{min-height:2.7rem;display:inline-flex;align-items:center}.ops-shell section{scroll-margin-top:5rem;margin-top:3.5rem}.ops-shell h2{margin:0 0 1rem;font-size:1.45rem;letter-spacing:-.015em}.ops-shell h3{margin:2rem 0 .75rem;font-size:1.05rem}.ops-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.ops-section-head p{margin:.25rem 0;color:var(--muted)}.ops-section-head form{display:flex;align-items:end;gap:.5rem}
.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(10rem,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.ops-metric{display:grid;gap:.35rem;padding:1rem;background:var(--panel)}.ops-metric span{color:var(--muted)}.ops-metric strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.ops-metric small{max-width:30ch;color:var(--muted)}.ops-table{overflow:auto;border:1px solid var(--line);background:var(--panel)}table{width:100%;border-collapse:collapse}th,td{padding:.7rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:var(--subtle);font-size:.8rem}td small{display:block;color:var(--muted)}tbody tr:hover{background:#f8f5ed}.ops-empty{padding:2rem;color:var(--muted);text-align:center}.ops-export{float:right;font-size:.85rem;font-weight:500}.ops-status{display:inline-block;padding:.2rem .45rem;background:var(--subtle);font-size:.8rem;font-weight:700}.ops-status.is-sending{background:#e6edff;color:#193c96}.ops-status.is-completed{background:#e4f3e7;color:#205c2b}.ops-status.is-failed,.ops-status.is-cancelled{background:#f8e4e1;color:#7f211b}
.ops-compose{display:grid;gap:.8rem;max-width:46rem;margin:1rem 0}.ops-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:end}.ops-actions form{margin:0}.ops-actions button{min-height:2.25rem;padding:.35rem .55rem;font-size:.82rem}.ops-inline-label{font-size:.8rem}.ops-inline-label input{min-height:2.25rem}.ops-inline-form{display:flex;align-items:end;gap:.6rem;max-width:42rem}.ops-inline-form label{flex:1}.ops-pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:.8rem}.ops-system,.ops-detail dl{display:grid;grid-template-columns:repeat(4,minmax(10rem,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.ops-system div,.ops-detail dl div{padding:1rem;background:var(--panel)}.ops-system dd,.ops-detail dd{margin:.25rem 0 0;font-weight:700;font-variant-numeric:tabular-nums}details{margin-top:1rem;border:1px solid var(--line);background:var(--panel)}summary{padding:.8rem;cursor:pointer;font-weight:700}.ops-detail{max-width:54rem;margin:4rem auto;padding:1rem}.ops-detail h1{font-size:2rem}.ops-detail dl{grid-template-columns:1fr 2fr}.ops-sensitive{color:var(--danger);font:700 1.1rem/1.4 ui-monospace,monospace}
@media(max-width:54rem){.ops-filters{grid-template-columns:repeat(2,minmax(9rem,1fr))}.ops-grid{grid-template-columns:repeat(2,minmax(9rem,1fr))}.ops-system{grid-template-columns:repeat(2,minmax(9rem,1fr))}}@media(max-width:38rem){.ops-shell{padding-inline:.8rem}.ops-header,.ops-section-head{align-items:stretch;flex-direction:column}.ops-header form,.ops-header button{width:100%}.ops-nav{margin-inline:-.8rem;padding-inline:.8rem}.ops-filters,.ops-grid,.ops-system{grid-template-columns:1fr}.ops-section-head form,.ops-inline-form{align-items:stretch;flex-direction:column}.ops-table{margin-inline:-.8rem;border-inline:0}.ops-detail dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a,input,select,textarea{transition:none}}