@font-face{font-family:'Ubuntu';font-weight:400;src:url("../fonts/Ubuntu-Regular.b3488e8486d2.ttf") format("truetype");}
@font-face{font-family:'Ubuntu';font-weight:500;src:url("../fonts/Ubuntu-Medium.335cc443917a.ttf") format("truetype");}
@font-face{font-family:'Ubuntu';font-weight:700;src:url("../fonts/Ubuntu-Bold.d0fc30856a54.ttf") format("truetype");}
:root{
  --orange:#EF4024; --action:#D93A1E; --purple:#6B3D97; --black:#2A2727; --dark-purple:#422D81;
  --grey-1:#555555; --grey-2:#6B6B6B; --grey-3:#F0F0F0; --wash:#F7F6FA; --line:#DDD9E8;
  --good:#147A4B; --warn:#B45309; --bad:#D62B1F; --none:#6B6B6B;
  --card:#fff; --shadow:0 1px 2px rgba(42,39,39,.05),0 4px 14px rgba(66,45,129,.06);
  --radius:12px;
}
*{ box-sizing:border-box; }
html{ scroll-padding-top:70px; }
body{ margin:0; font-family:'Ubuntu','Segoe UI',Arial,sans-serif; color:var(--black); background:var(--wash); font-size:15px; line-height:1.5; }
a{ color:var(--purple); }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:3px solid #B79BDB; outline-offset:2px; }
h1{ font-size:26px; color:var(--dark-purple); margin:0 0 4px; line-height:1.2; }
h2{ font-size:19px; color:var(--dark-purple); margin:0 0 8px; }
h3{ font-size:16px; color:var(--dark-purple); margin:0 0 6px; }
.skip{ position:absolute; left:-999px; top:6px; background:#fff; padding:8px 14px; border-radius:8px; z-index:100; }
.skip:focus{ left:8px; }

/* ---- loading bar: shown while a page or form is working ---- */
.loadbar{ position:fixed; top:0; left:0; height:4px; width:0; z-index:99; background:linear-gradient(90deg,var(--orange),var(--purple)); opacity:0; transition:width .4s ease, opacity .25s ease; pointer-events:none; }
.loadbar.on{ opacity:1; }

/* ---- header ---- */
.strip{ height:6px; background:linear-gradient(90deg,var(--orange),var(--purple)); }
.top{ background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; }
.top .in{ max-width:1200px; margin:0 auto; padding:8px 18px; display:flex; align-items:center; gap:18px; }
.brandmark{ font-weight:700; color:var(--orange); font-size:20px; text-decoration:none; white-space:nowrap; }
.brandmark .muted{ font-weight:400; }
.top nav{ display:flex; gap:4px; flex:1; }
.top nav a{ text-decoration:none; font-weight:500; color:var(--dark-purple); padding:7px 12px; border-radius:9px; }
.top nav a:hover{ background:var(--wash); }
.top nav a[aria-current="page"]{ background:#EFE9F7; color:var(--dark-purple); }
.top form{ margin:0; display:inline; }
.who{ display:flex; align-items:center; gap:8px; color:var(--grey-1); font-size:13px; }
.avatar{ width:30px; height:30px; border-radius:50%; background:var(--purple); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
.role{ font-size:11px; text-transform:uppercase; letter-spacing:.06em; border:1px solid var(--line); border-radius:9999px; padding:0 7px; color:var(--grey-1); }
.btn.menu-btn{ display:none; }
@media (max-width:760px){
  .top .in{ flex-wrap:wrap; gap:8px; }
  .btn.menu-btn{ display:inline-flex; margin-left:auto; }
  .top nav,.top .who{ display:none; width:100%; }
  .top.open nav{ display:flex; flex-direction:column; order:3; }
  .top.open .who{ display:flex; order:4; padding:4px 0 8px; }
}
main{ max-width:1200px; margin:0 auto; padding:20px 18px 60px; }
.page-head{ display:flex; gap:14px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-bottom:14px; }
.page-head .sub{ margin:2px 0 0; }
.crumbs{ font-size:13px; color:var(--grey-1); margin:0 0 6px; }
.crumbs a{ color:var(--grey-1); }
.sub{ color:var(--grey-1); margin:0 0 16px; }

/* ---- surfaces ---- */
.panel{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; margin-bottom:16px; overflow-x:auto; box-shadow:var(--shadow); }
.panel > h2:first-child,.panel > h3:first-child{ margin-top:0; }
.cols{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cols > .panel{ margin-bottom:0; }
@media (max-width:820px){ .cols{ grid-template-columns:1fr; } }
table{ width:100%; border-collapse:collapse; font-size:14px; }
th,td{ text-align:left; padding:9px 10px; border-bottom:1px solid var(--grey-3); vertical-align:top; }
tbody tr:hover td{ background:#FBFAFD; }
th{ font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--grey-1); white-space:nowrap; }
.chip{ display:inline-flex; align-items:center; gap:5px; font-weight:500; font-size:12px; padding:1px 9px 1px 7px; border-radius:9999px; border:1px solid currentColor; white-space:nowrap; background:#fff; }
.c-ok{ color:var(--good); } .c-attention{ color:var(--warn); } .c-error{ color:var(--bad); } .c-none{ color:var(--none); } .c-info{ color:var(--purple); }
.banner{ border-left:8px solid var(--none); background:#fff; border-radius:var(--radius); padding:12px 16px; margin-bottom:16px; border-top:1px solid var(--line); border-right:1px solid var(--line); border-bottom:1px solid var(--line); box-shadow:var(--shadow); }
.banner p{ margin:6px 0 0; }
.banner.ok{ border-left-color:var(--good); } .banner.attention{ border-left-color:var(--warn); } .banner.error{ border-left-color:var(--bad); } .banner.info{ border-left-color:var(--purple); }
.muted{ color:var(--grey-1); } .small{ font-size:13px; } .flush{ margin:0; }
.empty{ text-align:center; padding:30px 10px; color:var(--grey-1); }
.empty strong{ display:block; font-size:17px; color:var(--dark-purple); margin-bottom:4px; }

/* ---- buttons ---- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:18px; padding:9px 22px; font:inherit; font-weight:500; cursor:pointer; text-decoration:none; color:#fff; background:var(--action); transition:filter .15s, transform .05s; }
.btn:hover{ filter:brightness(.92); }
.btn:active{ transform:translateY(1px); }
.btn.secondary{ background:var(--purple); } .btn.quiet{ background:#fff; color:var(--dark-purple); border:1px solid var(--line); }
.btn.danger{ background:var(--bad); }
.btn.small{ padding:5px 14px; font-size:13px; }
.btn[disabled],.btn.loading{ opacity:.65; cursor:progress; }
.btn.loading::before,.spinner{ content:""; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; display:inline-block; animation:spin .7s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ---- forms ---- */
label{ display:block; font-weight:500; margin:12px 0 3px; }
input[type=text],input[type=email],input[type=url],input[type=search],input[type=number],input[type=time],input[type=password],select,textarea{ width:100%; max-width:520px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; font:inherit; background:#fff; }
input[type=number]{ max-width:140px; } input[type=time]{ max-width:160px; }
textarea{ min-height:80px; }
.help{ color:var(--grey-1); font-size:13px; margin:3px 0 0; }
.errorlist{ list-style:none; margin:4px 0 0; padding:0; color:var(--bad); font-size:13px; }
.field-row{ display:flex; align-items:center; gap:10px; margin:12px 0 3px; }
.field-row label{ margin:0; }
.form-actions{ display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.switch{ display:flex; align-items:center; gap:10px; }
.switch input{ width:18px; height:18px; }

/* ---- actions ---- */
.actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start; }
.actions form{ margin:0; }
.actions.tight{ margin:0 0 10px; }
details.act{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:8px 14px; }
details.act summary{ cursor:pointer; font-weight:500; color:var(--dark-purple); }

/* ---- messages ---- */
.messages{ list-style:none; margin:0 0 16px; padding:0; }
.messages li{ background:#fff; border:1px solid var(--line); border-left:6px solid var(--purple); border-radius:10px; padding:9px 14px; margin-bottom:6px; box-shadow:var(--shadow); display:flex; justify-content:space-between; gap:10px; }
.messages li.error{ border-left-color:var(--bad); } .messages li.success{ border-left-color:var(--good); } .messages li.warning{ border-left-color:var(--warn); }
.messages button{ border:0; background:none; font-size:18px; line-height:1; cursor:pointer; color:var(--grey-1); }

/* ---- stats and client cards ---- */
.stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
.stat{ background:#fff; border:1px solid var(--line); border-top:4px solid var(--edge,var(--none)); border-radius:var(--radius); padding:10px 14px; box-shadow:var(--shadow); }
.stat .n{ font-size:28px; font-weight:700; color:var(--dark-purple); line-height:1.1; }
.stat .l{ color:var(--grey-1); font-size:13px; }
.stat.attention{ --edge:var(--warn); } .stat.ok{ --edge:var(--good); } .stat.error{ --edge:var(--bad); } .stat.info{ --edge:var(--purple); }
.clients{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr)); gap:16px; }
.client-card{ background:#fff; border:1px solid var(--line); border-left:6px solid var(--edge,var(--none)); border-radius:var(--radius); padding:14px 16px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:8px; }
.client-card h2{ margin:0; font-size:18px; }
.client-card h2 a{ text-decoration:none; }
.client-card.attention{ --edge:var(--warn); } .client-card.ok{ --edge:var(--good); } .client-card.error{ --edge:var(--bad); } .client-card.info{ --edge:var(--purple); }
.client-card .row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.client-card .foot{ margin-top:auto; display:flex; gap:8px; flex-wrap:wrap; }
.mods{ display:flex; gap:5px; flex-wrap:wrap; }
.mod{ font-size:11px; border:1px solid var(--line); border-radius:6px; padding:0 6px; color:var(--grey-1); background:var(--wash); }
.mod.off{ color:var(--grey-1); background:#fff; text-decoration:line-through; border-style:dashed; }

/* ---- progress of a build ---- */
.build{ padding:18px; }
.bar{ width:100%; height:14px; border-radius:9999px; overflow:hidden; background:var(--grey-3); appearance:none; border:0; display:block; }
.bar::-webkit-progress-bar{ background:var(--grey-3); }
.bar::-webkit-progress-value{ background:linear-gradient(90deg,var(--orange),var(--purple)); border-radius:9999px; transition:width .5s ease; }
.bar::-moz-progress-bar{ background:linear-gradient(90deg,var(--orange),var(--purple)); }
.steps{ list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:6px 18px; }
.steps li{ display:flex; gap:9px; align-items:center; color:var(--grey-2); }
.steps .dot{ width:18px; height:18px; border-radius:50%; border:2px solid var(--line); flex:none; display:inline-flex; align-items:center; justify-content:center; font-size:11px; color:#fff; }
.steps li.running{ color:var(--black); font-weight:500; }
.steps li.running .dot{ border-color:var(--purple); border-right-color:transparent; animation:spin .8s linear infinite; }
.steps li.done{ color:var(--black); } .steps li.done .dot{ background:var(--good); border-color:var(--good); }
.steps li.error{ color:var(--bad); } .steps li.error .dot{ background:var(--bad); border-color:var(--bad); }

/* ---- tabs ---- */
.tabs{ display:flex; gap:4px; border-bottom:2px solid var(--line); margin:0 0 14px; flex-wrap:wrap; }
.tabs a,.tabs button{ border:0; background:none; font:inherit; font-weight:500; color:var(--grey-1); padding:9px 16px; cursor:pointer; text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-2px; border-radius:8px 8px 0 0; }
.tabs a:hover,.tabs button:hover{ background:#fff; color:var(--dark-purple); }
.tabs [aria-selected="true"],.tabs a[aria-current="page"]{ color:var(--dark-purple); border-bottom-color:var(--orange); }
[data-tabpanel][hidden]{ display:none; }

/* ---- the report viewer ---- */
.viewer{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.viewer iframe{ display:block; width:100%; border:0; min-height:480px; background:#fff; }
.viewer iframe.pdf{ height:80vh; }
.skeleton{ position:absolute; inset:0; padding:24px; display:grid; gap:14px; align-content:start; background:#fff; z-index:2; transition:opacity .25s; }
.skeleton.gone{ opacity:0; pointer-events:none; }
.skeleton i{ display:block; height:18px; border-radius:6px; background:linear-gradient(90deg,#eee 25%,#f7f7f7 37%,#eee 63%); background-size:400% 100%; animation:shimmer 1.3s ease infinite; }
.skeleton i.big{ height:90px; } .skeleton i.short{ width:40%; }
@keyframes shimmer{ 0%{ background-position:100% 50%; } 100%{ background-position:0 50%; } }
.frame{ width:100%; height:760px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.pager{ display:flex; gap:12px; align-items:center; margin-top:10px; }
.narrow{ max-width:440px; margin:40px auto; }
.kv{ display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; }
.kv dt{ color:var(--grey-1); } .kv dd{ margin:0; }
.sticky-actions{ position:sticky; bottom:0; background:rgba(247,246,250,.94); backdrop-filter:blur(4px); padding:10px 0; z-index:10; }
/* ---- checklist, grids, inline forms ---- */
.checklist{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:10px; }
.checklist li{ display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.checklist li.done{ background:#F6FBF8; border-color:#CDE7D9; }
.checklist .tick{ width:24px; height:24px; border-radius:50%; border:2px solid var(--line); flex:none; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:14px; margin-top:2px; }
.checklist li.done .tick{ background:var(--good); border-color:var(--good); }
.checklist p{ margin:2px 0 8px; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
@media (max-width:820px){ .grid2{ grid-template-columns:1fr; } }
h3.group{ margin:20px 0 4px; padding-bottom:4px; border-bottom:1px solid var(--grey-3); }
form.inline{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:6px; }
code{ background:var(--grey-3); border-radius:5px; padding:0 5px; font-size:13px; }
.field input[type=number]{ max-width:180px; }
fieldset.checks{ border:1px solid var(--line); border-radius:var(--radius); padding:8px 14px 10px; margin:10px 0; background:var(--wash); }
fieldset.checks legend{ font-weight:500; color:var(--dark-purple); padding:0 6px; }
ul.ticks{ list-style:none; padding:0; margin:0; }
ul.ticks li::before{ content:"\2713"; color:var(--good); margin-right:8px; font-weight:700; }
.logobox{ border:1px dashed var(--line); border-radius:var(--radius); padding:14px; background:#fff; display:inline-block; margin-bottom:8px; }
.logobox img{ display:block; max-height:80px; max-width:260px; }
.viewer iframe.preview{ height:420px; min-height:0; }
input.tablefilter{ max-width:320px; margin:6px 0 8px; }
details.pasteid{ margin-top:14px; }
tr[hidden]{ display:none; }
textarea.mono{ font-family:Consolas,Menlo,monospace; font-size:13px; max-width:100%; }
dialog.help-dialog{ border:1px solid var(--line); border-radius:var(--radius); padding:18px 22px; max-width:760px; width:calc(100% - 32px); box-shadow:0 20px 60px rgba(42,39,39,.35); color:var(--black); }
dialog.help-dialog::backdrop{ background:rgba(42,39,39,.55); }
.dialog-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.dialog-head h2{ margin:0; }
dialog.help-dialog ol{ padding-left:20px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
table th[scope=row]{ font-weight:500; text-transform:none; letter-spacing:0; font-size:14px; color:var(--black); white-space:normal; }
.recon td input{ max-width:150px; }
@media print{
  .top,.strip,.noprint,.skip,.messages,.crumbs,.loadbar{ display:none !important; }
  body{ background:#fff; }
  main{ padding:0; max-width:none; }
  .panel{ box-shadow:none; break-inside:avoid-page; }
  .recon table{ font-size:11px; }
}
ul.legend{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 14px; margin:0 0 12px; padding:0; font-size:13px; }
.cellkey{ display:inline-block; padding:2px 10px; border-radius:6px; border:1px solid var(--line); background:#fff; }
.gridwrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); }
.gridwrap:focus-visible{ outline:3px solid #B79BDB; outline-offset:2px; }
table.fleet{ border-collapse:separate; border-spacing:0; min-width:980px; font-size:13px; }
table.fleet th,table.fleet td{ border-bottom:1px solid var(--grey-3); border-right:1px solid var(--grey-3); text-align:center; padding:6px 8px; white-space:nowrap; }
table.fleet th.grp{ background:#EFE9F7; color:var(--dark-purple); font-size:12px; }
table.fleet th.colhead{ background:var(--wash); font-size:11px; }
table.fleet th.clientcell,table.fleet td.corner{ position:sticky; left:0; background:#fff; text-align:left; min-width:190px; z-index:2; white-space:normal; font-size:14px; text-transform:none; letter-spacing:0; color:var(--black); }
table.fleet td.corner{ background:var(--wash); }
table.fleet td.cell a{ color:inherit; text-decoration:none; display:block; font-weight:500; }
table.fleet td.cell a:hover,table.fleet td.cell a:focus-visible{ text-decoration:underline; }
.s-ok{ background:#E7F5EE; color:#115C3B; }
.s-attention{ background:#FBEBD9; color:#7A3A06; }
.s-info{ background:#EFE9F7; color:var(--dark-purple); }
.s-unknown{ background:#EDEDED; color:#444; }
.s-error{ background:#FBE0DD; color:#8C1B12; }
.s-none{ background:#fff; color:var(--grey-2); }
table.fleet td.tally{ background:var(--wash); font-weight:700; }
/* touch and keyboard: targets of at least 24 CSS pixels, and a ring on everything that takes focus */
th,td{ position:relative; }
.panel{ position:relative; }
input[type=checkbox]{ width:24px; height:24px; accent-color:var(--purple); flex:none; }
.switch input{ width:24px; height:24px; }
summary{ min-height:24px; padding:3px 0; }
details.act summary{ padding:5px 0; }
input[type=file]{ padding:6px 4px; max-width:100%; }
table.fleet th.clientcell a{ display:inline-block; padding:4px 0; }
/* focus inside a frame belongs to the frame's document, so ring the box around it */
.viewer:focus-within{ outline:3px solid #B79BDB; outline-offset:2px; }
iframe:focus,input[type=time]:focus-within,select:focus-within{ outline:3px solid #B79BDB; outline-offset:2px; }
.tipwrap{ position:relative; display:inline-block; vertical-align:middle; margin-left:4px; }
button.tip{ width:24px; height:24px; padding:0; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--dark-purple); font:inherit; font-size:13px; font-weight:700; line-height:1; cursor:help; }
button.tip:hover,button.tip[aria-expanded=true]{ background:#EFE9F7; }
.tipbox{ position:absolute; z-index:40; left:50%; top:calc(100% + 6px); transform:translateX(-50%); width:max-content; max-width:min(280px,80vw); padding:9px 12px; background:var(--black); color:#fff; border-radius:9px; font-size:13px; font-weight:400; line-height:1.45; text-align:left; text-transform:none; letter-spacing:0; white-space:normal; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.tipbox[hidden]{ display:none; }
dialog.confirm{ max-width:460px; }
dialog.confirm p{ margin:8px 0 14px; }
dl.glossary{ display:grid; grid-template-columns:minmax(150px,max-content) 1fr; gap:10px 18px; margin:0; }
dl.glossary dt{ font-weight:500; }
dl.glossary dd{ margin:0; }
@media (max-width:820px){ dl.glossary{ grid-template-columns:1fr; gap:2px; } dl.glossary dd{ margin-bottom:10px; } }
@media (prefers-reduced-motion:reduce){ *{ animation-duration:.01ms !important; transition-duration:.01ms !important; } }