@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg:#0e1117;--surface:#161b22;--surface-hover:#1c2129;--border:#30363d;--border-hover:#444c56;--text:#e6edf3;--text-dim:#7d8590;--accent:#58a6ff;--accent-hover:#79b8ff;--green:#3fb950;--green-bg:#3fb9501f;--red:#f85149;--red-bg:#f851491f;--blue:#58a6ff;--blue-bg:#58a6ff1f;--yellow:#d29922;--yellow-bg:#d299221f;--radius:10px;--section-gap:2rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.5}.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}header{margin-bottom:var(--section-gap);justify-content:space-between;align-items:flex-start;display:flex}.header-actions{align-items:flex-start;gap:.75rem;display:flex;position:relative}header h1{align-items:center;gap:.6rem;font-size:1.5rem;font-weight:700;display:flex}header h1 i{color:var(--text-dim)}header p{color:var(--text-dim);margin-top:.25rem;font-size:.85rem}.field-label{color:var(--text-dim);letter-spacing:.02em;margin-bottom:0;font-size:.78rem;font-weight:600;display:block}.field-label-row{align-items:center;gap:.55rem;margin-bottom:.45rem;display:flex;position:relative}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font:500 .8rem DM Sans,sans-serif;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--text-dim);color:var(--text)}.btn:disabled,.btn:disabled:hover{opacity:.55;cursor:not-allowed;border-color:var(--border);color:var(--text-dim)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled,.btn-primary:disabled:hover{background:color-mix(in srgb, var(--accent) 45%, var(--surface));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:#ffffffbf}.btn-danger{color:var(--red)}.btn-danger:hover{border-color:var(--red);background:var(--red-bg)}.btn-danger:disabled,.btn-danger:disabled:hover{background:var(--surface);border-color:var(--border);color:color-mix(in srgb, var(--red) 55%, var(--text-dim))}.token-bar{margin-bottom:var(--section-gap);gap:.5rem;display:flex}.token-input{flex:1;min-width:0;position:relative}.token-input input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;flex:1;padding:.6rem 2.65rem .6rem 1rem;font:.85rem JetBrains Mono,monospace;transition:border-color .15s}.token-visibility-toggle{width:2rem;height:2rem;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.token-visibility-toggle:hover{color:var(--text);background:#ffffff0f}.token-visibility-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.token-visibility-toggle:disabled,.token-visibility-toggle:disabled:hover{color:var(--text-dim);cursor:not-allowed;opacity:.55;background:0 0}.runs-limit input,.poll-interval select{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:88px;color:var(--text);color-scheme:dark;outline:none;padding:.45rem .6rem;font:.8rem JetBrains Mono,monospace}.token-input input:focus,.runs-limit input:focus,.poll-interval select:focus{border-color:var(--accent)}.token-input input:read-only,.runs-limit input:disabled,.poll-interval select:disabled{opacity:.6;cursor:not-allowed;border-color:var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--bg));color:var(--text-dim)}.token-input input::placeholder{color:var(--text-dim);opacity:.5}.token-input input:read-only::placeholder,.runs-limit input:disabled::placeholder{color:var(--text-dim);opacity:.7}.stats-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.stats-bar span{color:var(--text-dim);font-size:.85rem}.stats-bar strong{color:var(--accent)}.stats-actions{align-items:center;gap:.4rem;display:flex}.setting-field{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.setting-label{align-items:center;display:inline-flex}.label-with-help{align-items:center;gap:.25rem;display:inline-flex}.help-container{align-items:center;display:inline-flex}.help-trigger{width:1.65rem;height:1.65rem;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.help-trigger:hover,.help-trigger:focus-visible,.help-trigger[aria-expanded=true]{color:var(--text);background:#ffffff0f}.help-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-label-row .help-trigger{border-radius:4px;width:1.15rem;height:1.15rem;font-size:.95rem}.status-trigger.status-success{color:var(--green)}.status-trigger.status-error{color:var(--red)}.status-trigger.status-success:hover,.status-trigger.status-success:focus-visible,.status-trigger.status-success[aria-expanded=true]{color:var(--green)}.status-trigger.status-error:hover,.status-trigger.status-error:focus-visible,.status-trigger.status-error[aria-expanded=true]{color:var(--red)}.help-popover{--help-popover-width:360px;z-index:20;width:min(var(--help-popover-width), 100%);border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-dim);overflow-wrap:anywhere;white-space:normal;opacity:0;pointer-events:none;visibility:hidden;border-radius:8px;flex-direction:column;gap:.45rem;padding:.75rem .85rem;font-size:.78rem;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;display:flex;position:absolute;top:calc(100% + .45rem);left:0;overflow:hidden;transform:translateY(-.15rem);box-shadow:0 16px 40px #00000059}.help-popover-wide{--help-popover-width:520px}.help-popover>*{min-width:0;max-width:100%}.repo-info a{color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none}.help-popover a{color:var(--text);text-underline-offset:.14em;text-decoration:underline #e6edf34d;transition:color .15s,text-decoration-color .15s}.help-popover a:hover{color:var(--accent);text-decoration-color:#58a6ff80}.help-container:hover .help-popover,.help-trigger[aria-expanded=true]+.help-popover{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.token-note-line{flex-wrap:wrap;align-items:center;gap:.25rem;line-height:1.65;display:flex}.token-note-token{align-items:center;display:inline-flex}.help-popover code{border:1px solid var(--border);background:var(--surface);min-height:1.65em;color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;margin:0;padding:0 .45rem;font-family:JetBrains Mono,monospace;font-size:.9em;line-height:1;display:inline-flex}.repo{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.75rem;transition:border-color .15s;overflow:hidden}.repo:hover{border-color:var(--border-hover)}.repo-header{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.repo-header:hover{background:var(--surface-hover)}.repo-info{align-items:center;gap:.75rem;display:flex}.repo-info img{border-radius:50%;width:24px;height:24px}.repo-meta-icon{color:var(--text-dim);margin-right:-.35rem;font-size:.78rem}.wf-count{color:var(--text-dim);background:#ffffff0f;border-radius:20px;padding:.15rem .5rem;font-size:.75rem}.repo-tally{align-items:center;gap:.35rem;margin-left:.25rem;font-size:.7rem;font-weight:500;display:inline-flex}.repo-tally>span{align-items:center;gap:.15rem;display:inline-flex}.repo-tally .t-pass{color:var(--green)}.repo-tally .t-fail{color:var(--red)}.repo-tally .t-running{color:var(--blue)}.repo-tally .t-queued{color:var(--yellow)}.repo-tally .t-other{color:var(--text-dim)}.chevron{color:var(--text-dim);font-size:.7rem;transition:transform .2s}.repo.open .chevron{transform:rotate(180deg)}.repo-body{border-top:1px solid var(--border);padding:.5rem}.wf-group{border-radius:8px;padding:.5rem .85rem}.wf-group+.wf-group{border-top:1px solid var(--border)}.wf-header{margin-bottom:.25rem}.wf-name{color:var(--text);font-size:.85rem;font-weight:500;text-decoration:none}.wf-meta{color:var(--text-dim);align-items:center;gap:.6rem;margin-top:.15rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.wf-runs{border-left:2px solid var(--border);margin:.35rem 0 .25rem .35rem;padding-left:.75rem}.run-row{border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .5rem;transition:background .1s;display:flex}.run-row:hover{background:#ffffff08}.run-right{align-items:center;gap:.75rem;min-width:0;display:flex}.wf-source{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:4px;max-width:360px;padding:.15rem .5rem;font:500 .7rem JetBrains Mono,monospace;overflow:hidden}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;min-width:0;max-width:100%;padding:.2rem .55rem;font:600 .65rem DM Sans,sans-serif;display:inline-flex;overflow:hidden}.badge i{flex-shrink:0}.badge-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.badge-success{background:var(--green-bg);color:var(--green)}.badge-failure{background:var(--red-bg);color:var(--red)}.badge-running{background:var(--blue-bg);color:var(--blue)}.badge-queued{background:var(--yellow-bg);color:var(--yellow)}.badge-neutral{color:var(--text-dim);background:#ffffff0f}.dot-active{color:var(--green)}.dot-disabled{color:var(--text-dim)}.run-time{text-align:right;color:var(--text-dim);min-width:80px;font-size:.75rem}.wf-link{color:var(--text-dim);font-size:.75rem;transition:color .1s}#empty{color:var(--text-dim);text-align:center;padding:5rem 0}#empty i{opacity:.4;margin-bottom:1rem;font-size:3rem}.hidden{display:none!important}.hover-accent:hover{color:var(--accent)}@media (width<=767px){.container{padding:1.25rem 1rem 2rem}header{gap:var(--section-gap)}header,.header-actions,.token-bar,.stats-bar,.repo-header,.run-row,.run-right{flex-direction:column;align-items:stretch}.header-actions,.token-bar,.stats-bar,.repo-header,.run-row{gap:.85rem}.header-actions{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.85rem 1rem;width:100%;display:grid}.setting-field{display:contents}.setting-label{white-space:nowrap;grid-column:1}.poll-interval select,.runs-limit input{grid-column:2;width:100%;min-width:0}.btn{justify-content:center;width:100%}.token-input,.token-input input,.stats-actions{width:100%}.repo-header{padding:1rem}.repo-info{flex-wrap:wrap;gap:.6rem}.repo-tally{width:100%;margin-left:0}.chevron{align-self:flex-end}.wf-group{padding-inline:.25rem}.wf-runs{margin-left:0;padding-left:.6rem}.run-right{gap:.5rem}.wf-source,.run-time{min-width:0;max-width:none}.run-time{text-align:left}}@media (width<=250px){.header-actions{flex-direction:column;align-items:stretch;display:flex}.setting-field{gap:.45rem;width:100%;display:grid}.setting-label{white-space:normal;grid-column:auto}.setting-label .help-trigger{border-radius:4px;width:1.15rem;height:1.15rem;font-size:.95rem}.poll-interval select,.runs-limit input{grid-column:auto}}
