/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202630;background:#f6f7f9;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#2859a8;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,input[type=submit],.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 13px;border:1px solid #ced3dc;border-radius:5px;background:white;color:#273445;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:#edf1f7;text-decoration:none}.primary,input[type=submit]{background:#254f91;color:white;border-color:#254f91}.danger{color:#a32733}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid #2868c7;outline-offset:3px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #dfe3e9;padding:27px 16px;display:flex;flex-direction:column;gap:26px;z-index:20}.brand{font-size:20px;font-weight:650;color:#202630;padding:0 10px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar-bottom>a{color:#475466;padding:11px 12px;display:block;border-radius:5px}.sidebar nav a.selected{background:#eaf0f9;color:#244e8d;font-weight:600}.sidebar-bottom{margin-top:auto}.sidebar-bottom form{padding:9px}.workspace{margin-left:224px;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #dfe3e9;display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:13px;color:#566172}#main{padding:30px 32px;min-width:0}h1{font-size:26px;font-weight:650;line-height:1.3;margin:0 0 24px}h2{font-size:18px;font-weight:600;margin:0 0 18px}h3{font-size:15px;font-weight:600}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:0}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.toolbar form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.toolbar label{font-size:12px;color:#566172;display:block;margin-bottom:4px}.table-scroll{overflow-x:auto;background:#fff;border:1px solid #dfe3e9;border-radius:6px;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:14px}th,td{padding:13px 16px;border-bottom:1px solid #e5e8ed;vertical-align:middle;min-width:max-content}th{background:#fafbfc;color:#566172;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}td form{display:flex;gap:8px;align-items:center}.numeric{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:3px 8px;border-radius:4px;background:#eef1f5;color:#475466;font-size:12px;white-space:nowrap}.badge.failed,.badge.blocked,.badge.rejected{background:#fdebed;color:#9f2838}.badge.completed,.badge.verified,.badge.approved{background:#e9f4ec;color:#256039}.badge.running,.badge.preparing{background:#eaf0fc;color:#2859a8}.panel{background:white;border:1px solid #dfe3e9;border-radius:6px;padding:24px;margin-bottom:20px;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{margin-bottom:17px}.field label{display:block;font-weight:500;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;max-width:680px}input:not([type=submit]):not([type=checkbox]),select,textarea{padding:8px 10px;border:1px solid #cbd1db;border-radius:4px;background:#fff;min-height:37px}textarea{min-height:110px}.field input[type=checkbox]{width:auto}.notice{padding:12px 16px;background:#eaf0fa;border:1px solid #cbd8ec;border-radius:5px;margin-bottom:20px}.notice.alert,.error-list{background:#fdf0f1;color:#912331}.error-list{padding:15px;border-radius:5px;margin-bottom:18px}.muted{color:#637083}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0}.pagination .current{font-weight:600}pre{white-space:pre;overflow-x:auto;padding:16px;background:#f4f6f9;border:1px solid #e1e5ec;border-radius:4px;max-width:100%}.prose{max-width:850px;line-height:1.65;overflow-wrap:normal}.details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 22px;margin:0}.details dt{color:#637083}.details dd{margin:0;min-width:0;overflow-x:auto}.login{margin:12vh auto;padding:32px;background:#fff;border:1px solid #dfe3e9;border-radius:7px;max-width:420px}.legal{max-width:800px;margin:50px auto;padding:25px;line-height:1.6}.skip-link{position:fixed;top:-100px;left:15px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.mobile-menu{display:none}.empty{padding:35px;color:#637083;text-align:center}.connection{min-width:110px}.update-banner{margin:12px 0}.tabs{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.inline-value{white-space:nowrap;overflow-x:auto}.form-width{max-width:800px}@media(max-width:800px){.sidebar{transform:translateX(-100%)}.admin.menu-open .sidebar{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 18px;gap:12px}#main{padding:24px 18px}.grid{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.details{grid-template-columns:1fr;gap:6px}.details dd{margin-bottom:12px}.login{margin:40px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}