/* DivLine Apps V1.3.1 — Signal Studio whole-system integration
 * Applies the V1.3.0 public identity to the complete public storefront,
 * customer-facing forms and account entry pages without changing business logic.
 */
:root{
  --signal-ink:#0a1020;
  --signal-blue:#1757d7;
  --signal-blue-soft:#eaf0ff;
  --signal-paper:#ffffff;
  --signal-page:#f4f6fa;
  --signal-line:#d9e0ea;
  --signal-muted:#58657a;
  --signal-success:#16794b;
  --signal-warning:#9a5a05;
  --signal-danger:#b42318;
  --signal-dark:#080c16;
  --signal-dark-surface:#111827;
  --signal-dark-line:#283449;
  --signal-dark-text:#f7f9fc;
  --signal-dark-muted:#aeb9c9;
}

/* Global public shell */
body.divline-signal-system{
  min-height:100vh;
  background:var(--signal-page)!important;
  color:var(--signal-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.divline-signal-system .font-serif{font-family:inherit!important}
body.divline-signal-system a{text-underline-offset:.22em}
body.divline-signal-system main:not(.dl130-home){min-height:44vh}
body.divline-signal-system main:not(.dl130-home) h1,
body.divline-signal-system main:not(.dl130-home) h2,
body.divline-signal-system main:not(.dl130-home) h3{
  color:var(--signal-ink);
  letter-spacing:-.035em;
}
body.divline-signal-system main:not(.dl130-home) h1{
  font-size:clamp(2.45rem,5vw,5rem)!important;
  line-height:.98!important;
  font-weight:760!important;
}
body.divline-signal-system main:not(.dl130-home) h2{
  font-size:clamp(1.85rem,3.5vw,3.45rem)!important;
  line-height:1.05!important;
  font-weight:735!important;
}
body.divline-signal-system main:not(.dl130-home) h3{font-weight:710!important}
body.divline-signal-system main:not(.dl130-home) p,
body.divline-signal-system main:not(.dl130-home) li{line-height:1.75}

/* Header integration */
body.divline-signal-system .divline-site-header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--signal-line)!important;
  box-shadow:none!important;
}
body.divline-signal-system .divline-header-inner{width:min(1240px,100%);min-height:74px;padding-inline:24px!important}
body.divline-signal-system .divline-logo{max-height:58px!important;width:auto!important;max-width:min(250px,38vw)!important}
body.divline-signal-system .divline-site-header nav{gap:1.25rem!important}
body.divline-signal-system .divline-site-header nav a{
  position:relative;
  color:var(--signal-ink)!important;
  font-size:.85rem!important;
  font-weight:670!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
}
body.divline-signal-system .divline-site-header nav a:hover,
body.divline-signal-system .divline-site-header nav a.is-current{color:var(--signal-blue)!important}
body.divline-signal-system .divline-site-header nav a.is-current:after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--signal-blue)
}
body.divline-signal-system .divline-site-header nav a[class*="bg-slate"],
body.divline-signal-system .divline-site-header nav a[data-primary-nav="1"]{
  min-height:40px;display:inline-flex;align-items:center;padding:0 15px!important;
  border:1px solid var(--signal-ink)!important;border-radius:2px!important;
  background:var(--signal-ink)!important;color:#fff!important
}
body.divline-signal-system #mb{border:1px solid var(--signal-line)!important;border-radius:2px!important;background:#fff!important;color:var(--signal-ink)!important;box-shadow:none!important}
body.divline-signal-system #mm{border-color:var(--signal-line)!important;background:#fff!important}
body.divline-signal-system #mm a{padding:.72rem 0;border-bottom:1px solid var(--signal-line)}
body.divline-signal-system #mm a:last-child{border-bottom:0}

/* Secondary public strips */
body.divline-signal-system .divline-public-tagline,
body.divline-signal-system .signal-public-strip{
  background:var(--signal-ink)!important;color:#dce5f5!important;border:0!important
}
body.divline-signal-system [class*="bg-blue-50"][class*="border-y"]{background:#f7f9fd!important;border-color:var(--signal-line)!important}
body.divline-signal-system [data-theme-toggle]{border-radius:2px!important;box-shadow:none!important}

/* Legacy hero and prominent page headings become Signal Studio editorial panels. */
body.divline-signal-system main:not(.dl130-home) .divline-hero,
body.divline-signal-system main:not(.dl130-home) .hero-pattern{
  position:relative;
  overflow:hidden;
  background:var(--signal-paper)!important;
  color:var(--signal-ink)!important;
  border-top:0!important;
  border-bottom:1px solid var(--signal-line)!important;
}
body.divline-signal-system main:not(.dl130-home) .divline-hero:before,
body.divline-signal-system main:not(.dl130-home) .hero-pattern:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(23,87,215,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(23,87,215,.045) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 75%)
}
body.divline-signal-system main:not(.dl130-home) .divline-hero>*,
body.divline-signal-system main:not(.dl130-home) .hero-pattern>*{position:relative}
body.divline-signal-system main:not(.dl130-home) .divline-hero h1,
body.divline-signal-system main:not(.dl130-home) .hero-pattern h1,
body.divline-signal-system main:not(.dl130-home) .divline-hero h2,
body.divline-signal-system main:not(.dl130-home) .hero-pattern h2{color:var(--signal-ink)!important}
body.divline-signal-system main:not(.dl130-home) .divline-hero p,
body.divline-signal-system main:not(.dl130-home) .hero-pattern p,
body.divline-signal-system main:not(.dl130-home) .divline-hero [class*="text-blue-50"],
body.divline-signal-system main:not(.dl130-home) .hero-pattern [class*="text-blue-50"],
body.divline-signal-system main:not(.dl130-home) .divline-hero [class*="text-white"],
body.divline-signal-system main:not(.dl130-home) .hero-pattern [class*="text-white"]{color:var(--signal-muted)!important}
body.divline-signal-system main:not(.dl130-home) .divline-eyebrow,
body.divline-signal-system main:not(.dl130-home) [class*="uppercase"][class*="tracking"]{
  color:var(--signal-blue)!important;font-size:.72rem!important;font-weight:820!important;letter-spacing:.14em!important
}

/* Controlled page width and rhythm */
body.divline-signal-system main:not(.dl130-home)>section:not(.divline-hero):not(.hero-pattern){border-color:var(--signal-line)}
body.divline-signal-system main:not(.dl130-home)>.mx-auto,
body.divline-signal-system main:not(.dl130-home)>section>.mx-auto{width:min(1180px,calc(100% - 40px));margin-inline:auto;padding-left:0!important;padding-right:0!important}
body.divline-signal-system main:not(.dl130-home)>section{scroll-margin-top:88px}
body.divline-signal-system .divline-soft-section,
body.divline-signal-system [class*="bg-[#f2eadb]"],
body.divline-signal-system main:not(.dl130-home) [class*="bg-slate-50"],
body.divline-signal-system main:not(.dl130-home) [class*="bg-slate-100"]{background:var(--signal-page)!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-blue-50"]{background:var(--signal-blue-soft)!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-emerald-50"]{background:#f3f6fb!important}

/* Buttons and CTAs */
body.divline-signal-system .divline-primary-button,
body.divline-signal-system .btn-primary,
body.divline-signal-system main:not(.dl130-home) button[type="submit"],
body.divline-signal-system main:not(.dl130-home) a[class*="bg-slate-950"],
body.divline-signal-system main:not(.dl130-home) a[class*="bg-blue-700"]{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:.72rem 1.2rem!important;border:1px solid var(--signal-ink)!important;
  border-radius:2px!important;background:var(--signal-ink)!important;color:#fff!important;
  font-size:.9rem!important;font-weight:760!important;line-height:1.2;text-decoration:none!important;
  box-shadow:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease
}
body.divline-signal-system .divline-primary-button:hover,
body.divline-signal-system .btn-primary:hover,
body.divline-signal-system main:not(.dl130-home) button[type="submit"]:hover,
body.divline-signal-system main:not(.dl130-home) a[class*="bg-slate-950"]:hover,
body.divline-signal-system main:not(.dl130-home) a[class*="bg-blue-700"]:hover{background:var(--signal-blue)!important;border-color:var(--signal-blue)!important}
body.divline-signal-system .divline-secondary-button,
body.divline-signal-system .btn-secondary,
body.divline-signal-system main:not(.dl130-home) a[class*="border-white"],
body.divline-signal-system main:not(.dl130-home) a[class*="border-slate"]{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:.72rem 1.2rem!important;border:1px solid var(--signal-ink)!important;
  border-radius:2px!important;background:transparent!important;color:var(--signal-ink)!important;
  font-size:.9rem!important;font-weight:760!important;text-decoration:none!important;box-shadow:none!important
}
body.divline-signal-system .divline-secondary-button:hover,
body.divline-signal-system .btn-secondary:hover,
body.divline-signal-system main:not(.dl130-home) a[class*="border-white"]:hover,
body.divline-signal-system main:not(.dl130-home) a[class*="border-slate"]:hover{border-color:var(--signal-blue)!important;color:var(--signal-blue)!important}
body.divline-signal-system main:not(.dl130-home) button:not([type="submit"]):not([data-theme-toggle]):not(#mb){border-radius:2px;box-shadow:none}

/* Cards, boxes and repeated modules */
body.divline-signal-system main:not(.dl130-home) .card,
body.divline-signal-system main:not(.dl130-home) .divline-card,
body.divline-signal-system main:not(.dl130-home) .modal-card,
body.divline-signal-system main:not(.dl130-home) [class*="rounded-3xl"][class*="bg-white"],
body.divline-signal-system main:not(.dl130-home) [class*="rounded-2xl"][class*="bg-white"],
body.divline-signal-system main:not(.dl130-home) [class*="rounded-xl"][class*="bg-white"]{
  border:1px solid var(--signal-line)!important;border-radius:2px!important;
  background:var(--signal-paper)!important;color:var(--signal-ink)!important;box-shadow:none!important
}
body.divline-signal-system main:not(.dl130-home) [class*="shadow"]{box-shadow:none!important}
body.divline-signal-system main:not(.dl130-home) [class*="rounded-3xl"],
body.divline-signal-system main:not(.dl130-home) [class*="rounded-2xl"],
body.divline-signal-system main:not(.dl130-home) [class*="rounded-xl"]{border-radius:3px!important}
body.divline-signal-system main:not(.dl130-home) .card:hover,
body.divline-signal-system main:not(.dl130-home) .divline-card:hover{border-color:#aab9cf!important}
body.divline-signal-system .badge{
  border:1px solid var(--signal-line)!important;border-radius:999px!important;
  background:transparent!important;color:var(--signal-blue)!important;font-size:.68rem!important;
  font-weight:790!important;letter-spacing:.08em;text-transform:uppercase
}
body.divline-signal-system .product-image{background:#e9eef6!important;border-bottom:1px solid var(--signal-line);object-fit:cover}

/* Forms */
body.divline-signal-system main:not(.dl130-home) label{color:var(--signal-ink);font-size:.88rem}
body.divline-signal-system input,
body.divline-signal-system select,
body.divline-signal-system textarea{
  min-height:46px;border:1px solid var(--signal-line)!important;border-radius:2px!important;
  background:#fff!important;color:var(--signal-ink)!important;box-shadow:none!important
}
body.divline-signal-system textarea{min-height:116px}
body.divline-signal-system input:focus,
body.divline-signal-system select:focus,
body.divline-signal-system textarea:focus{
  outline:0!important;border-color:var(--signal-blue)!important;
  box-shadow:0 0 0 3px rgba(23,87,215,.12)!important
}
body.divline-signal-system input::placeholder,
body.divline-signal-system textarea::placeholder{color:#8490a3!important}
body.divline-signal-system fieldset{border-color:var(--signal-line)!important;border-radius:2px!important}
body.divline-signal-system .ayuma-math-guard{
  border:1px solid var(--signal-line)!important;border-left:3px solid var(--signal-blue)!important;
  border-radius:2px!important;background:#f8faff!important;color:var(--signal-ink)!important
}

/* Tables */
body.divline-signal-system main:not(.dl130-home) table{
  width:100%;border-collapse:collapse;border:1px solid var(--signal-line);background:#fff
}
body.divline-signal-system main:not(.dl130-home) table thead{background:#eef2f8!important;color:var(--signal-ink)!important}
body.divline-signal-system main:not(.dl130-home) table th{
  padding:.82rem .9rem;border-bottom:1px solid var(--signal-line);font-size:.72rem;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--signal-ink)!important
}
body.divline-signal-system main:not(.dl130-home) table td{padding:.85rem .9rem;border-bottom:1px solid var(--signal-line);color:var(--signal-muted)}
body.divline-signal-system main:not(.dl130-home) table tbody tr:hover{background:#f8faff!important}

/* FAQ, disclosure and accordion modules */
body.divline-signal-system main:not(.dl130-home) details.divline-faq-item,
body.divline-signal-system main:not(.dl130-home) details[class*="bg-white"]{
  border:0!important;border-bottom:1px solid var(--signal-line)!important;
  border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important
}
body.divline-signal-system main:not(.dl130-home) details.divline-faq-item summary,
body.divline-signal-system main:not(.dl130-home) details[class*="bg-white"] summary{padding:1.25rem 0!important;color:var(--signal-ink)!important}
body.divline-signal-system main:not(.dl130-home) details.divline-faq-item>div,
body.divline-signal-system main:not(.dl130-home) details[class*="bg-white"]>div{margin:0!important;padding:0 2.5rem 1.25rem 0!important;border:0!important;color:var(--signal-muted)!important}

/* Messages and status alerts */
body.divline-signal-system main:not(.dl130-home) [class*="bg-green-50"],
body.divline-signal-system main:not(.dl130-home) [class*="bg-green-100"]{background:#edf8f2!important;border-color:#acd6be!important;color:#135f3e!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-red-50"],
body.divline-signal-system main:not(.dl130-home) [class*="bg-red-100"]{background:#fff3f2!important;border-color:#efb4ae!important;color:#8f2018!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-amber-50"],
body.divline-signal-system main:not(.dl130-home) [class*="bg-amber-100"]{background:#fff8e8!important;border-color:#e8cc8d!important;color:#754606!important}

/* Login, registration and customer-facing portals */
body.divline-signal-system main:not(.dl130-home) .signal-account-shell,
body.divline-signal-system main:not(.dl130-home) .lg\:grid-cols-\[\.9fr_1\.1fr\]{border-radius:2px!important;box-shadow:none!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"]{
  background:var(--signal-ink)!important;color:#fff!important
}
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] h1,
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] h2,
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] h3,
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] b{color:#fff!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] p{color:#dbe5f5!important}
body.divline-signal-system main:not(.dl130-home) [class*="bg-gradient-to-br"] [class*="bg-white/10"]{
  border-radius:2px!important;border-color:#ffffff26!important;background:#ffffff08!important
}

/* Search, modal and supporting widgets */
body.divline-signal-system .divline-live-results,
body.divline-signal-system .modal-card{
  border:1px solid var(--signal-line)!important;border-radius:2px!important;
  background:#fff!important;box-shadow:0 22px 60px rgba(10,16,32,.14)!important
}
body.divline-signal-system .divline-live-result{border-color:var(--signal-line)!important;color:var(--signal-ink)!important}
body.divline-signal-system .divline-live-result:hover,
body.divline-signal-system .divline-live-result.is-active{background:var(--signal-blue-soft)!important}
body.divline-signal-system .modal-backdrop{background:rgba(8,12,22,.72)!important}
body.divline-signal-system #supportChooser>div,
body.divline-signal-system #liveChatPanel>div{border-radius:3px!important;box-shadow:0 20px 65px rgba(10,16,32,.2)!important}

/* Footer */
body.divline-signal-system .divline-footer{
  margin-top:0!important;background:var(--signal-ink)!important;color:#fff!important;
  border-top:1px solid #202c40!important;border-radius:0!important
}
body.divline-signal-system .divline-footer>div:first-child{width:min(1240px,100%);padding:64px 24px!important;gap:42px!important}
body.divline-signal-system .divline-footer h3,
body.divline-signal-system .divline-footer .font-serif{font-family:inherit!important;color:#fff!important;letter-spacing:-.02em}
body.divline-signal-system .divline-footer p{color:#aebbd0!important}
body.divline-signal-system .divline-footer a{color:#dce5f5!important;text-decoration:none}
body.divline-signal-system .divline-footer a:hover{color:#fff!important}
body.divline-signal-system .divline-footer button{border-radius:2px!important}

/* Dark mode — complete public interface */
html.dark body.divline-signal-system{background:var(--signal-dark)!important;color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system main:not(.dl130-home) h1,
html.dark body.divline-signal-system main:not(.dl130-home) h2,
html.dark body.divline-signal-system main:not(.dl130-home) h3,
html.dark body.divline-signal-system main:not(.dl130-home) label{color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system .divline-site-header{background:rgba(8,12,22,.97)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system .divline-site-header nav a{color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system .divline-site-header nav a:hover,
html.dark body.divline-signal-system .divline-site-header nav a.is-current{color:#79a4ff!important}
html.dark body.divline-signal-system #mb,
html.dark body.divline-signal-system #mm{background:var(--signal-dark-surface)!important;border-color:var(--signal-dark-line)!important;color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system main:not(.dl130-home) .divline-hero,
html.dark body.divline-signal-system main:not(.dl130-home) .hero-pattern,
html.dark body.divline-signal-system main:not(.dl130-home) .card,
html.dark body.divline-signal-system main:not(.dl130-home) .divline-card,
html.dark body.divline-signal-system main:not(.dl130-home) [class*="bg-white"]{background:var(--signal-dark-surface)!important;color:var(--signal-dark-text)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) .divline-soft-section,
html.dark body.divline-signal-system main:not(.dl130-home) [class*="bg-slate-50"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="bg-slate-100"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="bg-blue-50"]{background:#0c1220!important}
html.dark body.divline-signal-system main:not(.dl130-home) .divline-hero h1,
html.dark body.divline-signal-system main:not(.dl130-home) .hero-pattern h1,
html.dark body.divline-signal-system main:not(.dl130-home) .divline-hero h2,
html.dark body.divline-signal-system main:not(.dl130-home) .hero-pattern h2,
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-950"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-900"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-800"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-700"]{color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system main:not(.dl130-home) p,
html.dark body.divline-signal-system main:not(.dl130-home) li,
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-600"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-500"],
html.dark body.divline-signal-system main:not(.dl130-home) [class*="text-slate-400"]{color:var(--signal-dark-muted)!important}
html.dark body.divline-signal-system input,
html.dark body.divline-signal-system select,
html.dark body.divline-signal-system textarea,
html.dark body.divline-signal-system .modal-card,
html.dark body.divline-signal-system .divline-live-results{background:var(--signal-dark-surface)!important;color:var(--signal-dark-text)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) table{background:var(--signal-dark-surface)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) table thead{background:#182236!important}
html.dark body.divline-signal-system main:not(.dl130-home) table th{color:var(--signal-dark-text)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) table td{color:var(--signal-dark-muted)!important;border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) details{border-color:var(--signal-dark-line)!important}
html.dark body.divline-signal-system main:not(.dl130-home) details summary{color:var(--signal-dark-text)!important}
html.dark body.divline-signal-system .ayuma-math-guard{background:#10192a!important;color:var(--signal-dark-text)!important;border-color:var(--signal-dark-line)!important;border-left-color:#79a4ff!important}

/* Responsive integration */
@media(max-width:1100px){
  body.divline-signal-system .divline-site-header nav{gap:.8rem!important}
  body.divline-signal-system .divline-site-header nav a{font-size:.78rem!important}
}
@media(max-width:767px){
  body.divline-signal-system .divline-header-inner{min-height:66px;padding-inline:15px!important}
  body.divline-signal-system .divline-logo{max-width:190px!important;max-height:48px!important}
  body.divline-signal-system main:not(.dl130-home)>.mx-auto,
  body.divline-signal-system main:not(.dl130-home)>section>.mx-auto{width:min(100% - 28px,1180px)}
  body.divline-signal-system main:not(.dl130-home) h1{font-size:clamp(2.25rem,11vw,3.7rem)!important}
  body.divline-signal-system main:not(.dl130-home) h2{font-size:clamp(1.75rem,8vw,2.7rem)!important}
  body.divline-signal-system main:not(.dl130-home) [class*="grid-cols-"]{min-width:0}
  body.divline-signal-system .divline-footer>div:first-child{padding:48px 18px!important}
}
@media(prefers-reduced-motion:reduce){
  body.divline-signal-system *,body.divline-signal-system *:before,body.divline-signal-system *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
