:root{--ink:#283b35;--accent:#385a4a;--paper:#f5f4ef;--muted:#65746b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:16px}a{color:var(--accent)}header{background:#fff;border-bottom:1px solid #e2e6de}.navbar{padding:20px 0}.brand{font-family:Georgia,serif;font-size:26px;text-decoration:none}.brand span{display:block;font-family:system-ui;font-size:9px;letter-spacing:2px;margin-top:4px}.nav-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav-links ul{list-style:none;display:flex;gap:16px;margin:0;padding:0}.nav-links a{text-decoration:none}.container{max-width:1080px}main{padding-top:40px;padding-bottom:45px}h1,h2{font-family:Georgia,serif}h1{font-size:38px;margin-bottom:12px}h2{font-size:24px}h2 a{text-decoration:none}.heading,.order-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted)}.muted{color:var(--muted);font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics>div{background:#e6ece3;border-radius:14px;padding:20px;color:var(--accent)}.metrics strong{font-size:30px;display:block}.panel{background:white;border:1px solid #e2e6de;border-radius:16px;padding:25px;margin-bottom:20px}.empty{text-align:center;padding:50px}.item-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid #edf0e9}.badge-status{background:#edf1e9;border-radius:20px;padding:6px 12px;font-size:12px;display:inline-block}.deadline{font-size:12px;color:#94652d;margin-top:8px}.filters{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.filters input{flex:1;min-width:200px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;margin-bottom:16px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #cbd5c8;border-radius:8px;padding:10px 12px;margin-top:6px;background:#fff;color:var(--ink)}input[type=checkbox]{margin-right:8px}.check{display:flex;align-items:center;gap:8px}.btn{border-radius:8px;padding:10px 16px}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#284536;border-color:#284536}.notice{background:#eef2e9;padding:18px;border-radius:12px;margin-bottom:20px}.text-danger ul{margin:10px 0}footer{padding-bottom:30px}.preview-item{padding:18px;border:1px solid #dfe5da;border-radius:10px;margin-bottom:14px}@media(max-width:640px){h1{font-size:30px}.heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr}.nav-links{gap:12px;margin-top:16px}.navbar>.container{display:block}.item-row{align-items:flex-start;flex-direction:column}.panel{padding:18px}main{padding-top:26px}.order-heading{align-items:flex-start;flex-direction:column}}

/* Keep primary and account navigation on the same baseline without Bootstrap's
   vertical navbar-nav layout or the long account email expanding the header. */
.navbar > .nav-container { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.brand { flex-shrink:0; }
.nav-links { margin-left:auto; gap:8px; }
.nav-links > a, .account-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border-radius:8px; color:var(--accent); font-size:15px; line-height:1.4; white-space:nowrap; text-decoration:none; }
.account-nav { display:flex; flex-direction:row; align-items:center; gap:4px; list-style:none; margin:0; padding:0 0 0 16px; border-left:1px solid #e2e6de; }
.logout-form { display:flex; align-items:center; margin:0; }
button.account-link { border:0; background:transparent; font-family:inherit; cursor:pointer; }
.nav-links > a:hover, .account-link:hover { background:#edf1e9; color:var(--ink); }
.nav-links > a:focus-visible, .account-link:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media (max-width:760px) {
 .navbar > .nav-container { gap:10px 16px; }
 .brand { width:100%; }
 .nav-links { margin:0; gap:0; }
 .account-nav { margin-left:auto; padding-left:8px; }
 .nav-links > a, .account-link { padding:8px 10px; }
}
@media (max-width:380px) {
 .account-nav { flex-basis:100%; margin-left:0; padding-left:0; border-left:0; border-top:1px solid #e2e6de; padding-top:6px; }
}
/* The Identity UI login page links to registration and password reset, which Program.cs
   removes (they answer 404). The links live in the Identity UI's own page, so they are
   hidden by href. Delete this rule if either feature returns. */
a[href*="/Identity/Account/Register"], a[href*="/Identity/Account/ForgotPassword"],
a[href*="/Identity/Account/ResendEmailConfirmation"] { display:none; }