/*
 * Seylac unified design system
 * One local typeface and one shared product palette across public, auth,
 * workspace, administrator, document and status surfaces.
 */
@font-face{
  font-family:"Instrument Sans";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../build/assets/instrument-sans-400-normal-DRC__1Mx.woff2") format("woff2")
}
@font-face{
  font-family:"Instrument Sans";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("../build/assets/instrument-sans-500-normal-Dk9ku72i.woff2") format("woff2")
}
@font-face{
  font-family:"Instrument Sans";
  font-style:normal;
  font-weight:600 900;
  font-display:swap;
  src:url("../build/assets/instrument-sans-600-normal-B7fBEWYG.woff2") format("woff2")
}

:root{
  --sy-font:"Instrument Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sy-primary:#0b63f6;
  --sy-primary-strong:#084bc6;
  --sy-primary-soft:#edf4ff;
  --sy-navy:#061b44;
  --sy-navy-2:#0a2f70;
  --sy-accent:#fdcb43;
  --sy-ink:#101a34;
  --sy-muted:#68738a;
  --sy-line:#e3e8f1;
  --sy-canvas:#f5f7fb;
  --sy-surface:#fff;
  --sy-success:#0f9d69;
  --sy-warning:#b56a00;
  --sy-danger:#c53a4b;
  --sy-radius:16px;
  --sy-shadow:0 18px 50px rgba(7,35,91,.09);

  /* Compatibility aliases used by every historical Seylac surface. */
  --blue:var(--sy-primary);
  --blue2:#2477ff;
  --blue-2:#2477ff;
  --blue-3:#7db5ff;
  --blue-dark:var(--sy-primary-strong);
  --blue-strong:var(--sy-primary-strong);
  --blue-soft:var(--sy-primary-soft);
  --blue-softer:#f6f9ff;
  --navy:var(--sy-navy);
  --navy-2:var(--sy-navy-2);
  --ink:var(--sy-ink);
  --ink-2:#34405b;
  --muted:var(--sy-muted);
  --line:var(--sy-line);
  --soft:var(--sy-canvas);
  --surface:var(--sy-surface);
  --canvas:var(--sy-canvas);

  --pcc-navy:var(--sy-navy);
  --pcc-navy-2:var(--sy-navy-2);
  --pcc-blue:var(--sy-primary);
  --pcc-blue-2:#2477ff;
  --pcc-ink:var(--sy-ink);
  --pcc-muted:var(--sy-muted);
  --pcc-line:var(--sy-line);
  --pcc-soft:var(--sy-canvas);

  --ucc-blue:var(--sy-primary);
  --ucc-navy:var(--sy-navy);
  --ucc-text:var(--sy-ink);
  --ucc-muted:var(--sy-muted);
  --ucc-line:var(--sy-line);

  --legal-blue:var(--sy-primary);
  --legal-blue-dark:var(--sy-primary-strong);
  --legal-navy:var(--sy-navy);
  --legal-ink:var(--sy-ink);
  --legal-muted:var(--sy-muted);
  --legal-line:var(--sy-line);
  --legal-soft:var(--sy-canvas);

  --smart-blue:var(--sy-primary);
  --smart-navy:var(--sy-navy);
  --smart-ink:var(--sy-ink);
  --smart-muted:var(--sy-muted);
  --smart-line:var(--sy-line);
  --smart-soft:var(--sy-canvas);

  --inv-blue:var(--sy-primary);
  --inv-navy:var(--sy-navy);
  --inv-ink:var(--sy-ink);
  --inv-muted:var(--sy-muted);
  --inv-line:var(--sy-line);
}

html,body,button,input,select,textarea,optgroup,table,
.invoice-doc,.invoice-print-page,.public-invoice-page,
.smart-receipt-body,.smart-verify-body,.pcc-body{
  font-family:var(--sy-font)!important;
}

body{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible{
  outline:3px solid rgba(11,99,246,.24)!important;
  outline-offset:2px;
}

/* Shared navigation language: deep navy frame, blue state, yellow detail. */
header.nav-wrap,.nav-wrap,.legal-nav-wrap{
  background:rgba(6,27,68,.97)!important;
  border-bottom-color:rgba(255,255,255,.09)!important;
}
.nav-links a:after{background:var(--sy-accent)!important}
.side-link.active,.side-sublink.active{
  color:var(--sy-primary)!important;
  background:var(--sy-primary-soft)!important;
}
.side-link.active .side-icon{background:#dceaff!important}
.pcc-sidebar{
  background:linear-gradient(180deg,var(--sy-navy),#082452 62%,#051634)!important;
}
.pcc-nav a.active{box-shadow:inset 3px 0 0 var(--sy-accent)!important}
.pcc-nav a.active .pcc-nav-icon,
.pcc-btn.primary,.btn-primary,.sd26 .btn-primary{
  background:var(--sy-primary)!important;
  border-color:var(--sy-primary)!important;
  color:#fff!important;
}
.pcc-btn.primary:hover,.btn-primary:hover,.sd26 .btn-primary:hover{
  background:var(--sy-primary-strong)!important;
  border-color:var(--sy-primary-strong)!important;
}

/* Dashboard used an isolated purple skin; bring it back into the product. */
.sd26{
  --blue:var(--sy-primary)!important;
  --ink:var(--sy-ink)!important;
  --muted:var(--sy-muted)!important;
  --line:var(--sy-line)!important;
}
body.route-dashboard .side-link.active{
  color:var(--sy-primary)!important;
  box-shadow:0 3px 13px rgba(7,35,91,.07),inset 3px 0 0 var(--sy-primary)!important;
}
body.route-dashboard .top-action:last-of-type,
.sd26-tab.active{
  background:var(--sy-primary)!important;
  border-color:var(--sy-primary)!important;
  color:#fff!important;
}
.sd26-ai{border-color:var(--sy-primary)!important}
.sd26-ai .dashboard-ai-intro{
  background:linear-gradient(135deg,var(--sy-navy),var(--sy-primary))!important;
}

/* Compact shared product footer for authenticated and control surfaces. */
.sy-app-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin:8px 30px 22px;
  padding:18px 0 0;
  border-top:1px solid var(--sy-line);
  color:var(--sy-muted);
  font-size:12px;
}
.sy-app-footer strong{color:var(--sy-ink);font-weight:700}
.sy-app-footer nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sy-app-footer a{color:var(--sy-muted);text-decoration:none;font-weight:600}
.sy-app-footer a:hover{color:var(--sy-primary)}
.sy-app-footer--guest{margin:24px 0 0;padding-top:16px;justify-content:center;text-align:center}
.sy-app-footer--guest>span{display:none}

/* Public/legal footer palette is now identical everywhere. */
footer.seylac-footer-2026,.legal-footer,.site-footer,.footer-dark{
  background:var(--sy-navy)!important;
  color:#fff!important;
}
.legal-nav-links a,.legal-login{color:#fff!important}
.legal-btn{background:var(--sy-primary)!important;color:#fff!important}

/* Finance attention centre: simple, transparent operational signals. */
.sy-attention-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.sy-attention-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:82px;
  padding:14px;
  border:1px solid var(--sy-line);
  border-radius:12px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.sy-attention-card:hover{
  transform:translateY(-1px);
  border-color:#bfd4f8;
  box-shadow:0 10px 25px rgba(7,35,91,.07);
}
.sy-attention-count{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--sy-primary-soft);
  color:var(--sy-primary);
  font-size:17px;
  font-weight:800;
}
.sy-attention-card.is-clear .sy-attention-count{background:#eaf9f3;color:var(--sy-success)}
.sy-attention-card.is-warning .sy-attention-count{background:#fff6df;color:var(--sy-warning)}
.sy-attention-card.is-danger .sy-attention-count{background:#fff0f2;color:var(--sy-danger)}
.sy-attention-card strong,.sy-attention-card small{display:block}
.sy-attention-card strong{font-size:11px;color:var(--sy-ink)}
.sy-attention-card small{margin-top:4px;color:var(--sy-muted);font-size:9px;line-height:1.4}

@media(max-width:900px){.sy-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .sy-attention-grid{grid-template-columns:1fr}
  .sy-app-footer{margin-inline:16px;justify-content:center;text-align:center}
  .sy-app-footer nav{justify-content:center}
}

@media print{
  .sy-app-footer{display:none!important}
}