/* Streetwise Software Online (SWSO) — light theme for the secondary pages (2026-10-26).
   Matches the 2026 home page: slim navy header with the badge + wordmark, light content area,
   white cards with a soft border and shadow, navy footer.
   Load it AFTER the page's own stylesheets. Everything is scoped to body.swso-light, so pages
   without that class (product pages, web apps, demo sites) do not change.
   The colour tokens from site.css are re-set only inside <main>, so the header, footer and the
   contact pop-up keep their dark tokens. */

/* ---------- page ---------- */
body.swso-light{background:#eef4fb}
/* short pages (Contact, Cookies): keep the navy footer at the bottom of the window */
body.swso-light:not(.panel-page){display:flex;flex-direction:column;min-height:100vh}
body.swso-light:not(.panel-page) > main{flex:1 0 auto}
body.swso-light main{
  --ink:#f3f8fd;      /* page background (was the night sky) */
  --ink-2:#ffffff;    /* cards */
  --line:#d9e6f3;     /* hairlines */
  --paper:#0a1830;    /* strong text */
  --steel:#4d5d72;    /* secondary text */
  --amber:#b35500;    /* "on sale" accent, dark enough for text on white */
  --cyan:#0a64d2;     /* home page blue, dark enough for text on white */
  --sw-navy:#001430;
  --sw-text:#26364a;
  --sw-soft:#3a4a5e;
  --sw-link:#0a64d2;
  --sw-card-line:#d9e6f3;
  --sw-shadow:0 3px 12px rgba(10,20,40,.06);
  --sw-shadow-up:0 10px 26px rgba(10,20,40,.14);
  display:block;min-height:55vh;color:var(--sw-text);
  background:linear-gradient(180deg,#f9fbfe 0%,#eef4fb 100%)}
body.swso-light main h1,body.swso-light main h2,body.swso-light main h3{color:var(--sw-navy)}
body.swso-light main .lede{color:var(--sw-soft)}
body.swso-light main .muted,body.swso-light main .note{color:var(--steel)}
body.swso-light main p a,body.swso-light main li a,body.swso-light main .note a{color:var(--sw-link);font-weight:700;text-underline-offset:3px}
body.swso-light main p a:hover,body.swso-light main li a:hover{color:#004fae}
body.swso-light main :focus-visible{outline-color:#0a64d2}

/* ---------- header: navy strip like the home page ---------- */
body.swso-light .bar{position:relative;inset:auto;z-index:50;
  background:linear-gradient(180deg,#011634 0%,#02203f 100%);border-bottom:1px solid #0a4f8f;
  -webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;padding:8px 24px;gap:20px}
body.swso-light .bar .logo{display:flex;align-items:center;gap:10px;color:#fff;flex:0 0 auto}
body.swso-light .swso-wordmark{display:block;height:clamp(36px,3.4vw,50px);width:auto;max-width:none}
body.swso-light .bar .logo .logo-web{font:800 13px/1 var(--display);letter-spacing:.08em;color:#5fe1ff}
body.swso-light .bar nav{flex-wrap:wrap;justify-content:flex-end;gap:2px;font-size:14.5px}
body.swso-light .bar nav a{color:#dcebfb;font-weight:700;padding:7px 10px;border-radius:8px;text-decoration:none}
body.swso-light .bar nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
body.swso-light .bar.hub nav a[aria-current="page"],body.swso-light .bar nav a[aria-current="page"]{color:#fff;text-decoration:none;
  background:linear-gradient(180deg,#1670d6,#0a5bc0);background-color:#0a5bc0;box-shadow:0 2px 10px rgba(10,123,254,.45)}
body.swso-light .bar .btn{background:linear-gradient(180deg,#1670d6 0%,#0a5fc8 55%,#0050b0 100%);background-color:#0a5fc8;border:0;color:#fff;
  box-shadow:0 6px 16px rgba(0,80,200,.35),inset 0 1px 0 rgba(255,255,255,.3)}
body.swso-light .bar .btn:hover{filter:brightness(1.08)}
body.swso-light .bar :focus-visible{outline:3px solid #ffd400;outline-offset:3px}

/* ---------- spacing now that the header is not fixed ---------- */
body.swso-light .hub-main{padding-top:0}
body.swso-light .legal-main{padding-top:56px;padding-bottom:72px}
body.swso-light .pf-hero{padding-top:64px}

/* ---------- buttons ---------- */
body.swso-light main .btn,body.swso-light main .btn.cyan{background:linear-gradient(180deg,#1670d6 0%,#0a5fc8 55%,#0050b0 100%);background-color:#0a5fc8;
  border:0;color:#fff;box-shadow:0 6px 16px rgba(0,80,200,.28),inset 0 1px 0 rgba(255,255,255,.3)}
body.swso-light main .btn:hover,body.swso-light main .btn.cyan:hover{filter:brightness(1.08);background-color:#0a5fc8}
body.swso-light main .btn.ghost{background:#fff;color:#0b5fc5;border:1.5px solid #1a86f5;box-shadow:none}
body.swso-light main .btn.ghost:hover,body.swso-light main .site .btn.ghost:hover{background:#0b5fc5;border-color:#0b5fc5;color:#fff;filter:none}

/* ---------- section switches (All Software categories, Our Software Services) ---------- */
body.swso-light main .switch{color:var(--sw-navy);background:#fff;border:1px solid #cfe0f2;box-shadow:0 2px 6px rgba(10,20,40,.06)}
body.swso-light main .switch:hover,body.swso-light main .switch:focus-visible{border-color:#1a86f5;box-shadow:0 6px 16px rgba(10,20,40,.1)}
body.swso-light main .switch i{box-shadow:none}
body.swso-light main .switch.g i{background:#1f9d4a}
body.swso-light main .switch.r i{background:#d9531e}

/* ---------- All Software: the rack, now light ---------- */
body.swso-light main .rack{border:1px solid var(--sw-card-line);box-shadow:var(--sw-shadow);background:
  radial-gradient(circle at 15px 26px,#b6c6d9 0 3px,transparent 3.5px) 0 0/30px 52px repeat-y,
  radial-gradient(circle at 15px 26px,#b6c6d9 0 3px,transparent 3.5px) 100% 0/30px 52px repeat-y,
  linear-gradient(90deg,#e2eaf4,#edf2f8 30px,#fff 30px,#fff calc(100% - 30px),#edf2f8 calc(100% - 30px),#e2eaf4)}
body.swso-light main .rack-head p{color:var(--steel)}
body.swso-light main .unit{background:#fff;border-bottom:1px solid #e3ecf6}
body.swso-light main .unit:last-child{border-bottom:0}
body.swso-light main .unit p{color:var(--sw-soft)}
body.swso-light main .unit .status{color:var(--paper)}
body.swso-light main .unit .status::before{box-shadow:none}
body.swso-light main .unit .status.soon::before{background:#8a97a8}
body.swso-light main .unit .go,body.swso-light main .unit .notify{color:var(--sw-link)}
body.swso-light main a.unit:hover{background:#f2f8ff}
body.swso-light main .unit.soon{background:#f7f9fc}
body.swso-light main .unit.soon h3{color:var(--sw-soft)}
body.swso-light main .unit .ph{background:#eef4fb;border-color:var(--sw-card-line);color:var(--steel)}
body.swso-light main a.unit:focus-visible{outline-color:#0a64d2}
@media (max-width:640px){
  body.swso-light main .rack{background:
    radial-gradient(circle at 7px 26px,#b6c6d9 0 2.5px,transparent 3px) 0 0/14px 52px repeat-y,
    radial-gradient(circle at 7px 26px,#b6c6d9 0 2.5px,transparent 3px) 100% 0/14px 52px repeat-y,
    linear-gradient(90deg,#e2eaf4 14px,#fff 14px,#fff calc(100% - 14px),#e2eaf4 calc(100% - 14px))}
}

/* ---------- Website Showroom ---------- */
body.swso-light main .price-strip{border:1px solid #bcd8f5;background:linear-gradient(120deg,#e6f2ff,#ffffff 60%);box-shadow:var(--sw-shadow)}
body.swso-light main .price-strip .big{color:var(--sw-navy)}
body.swso-light main .price-strip p{color:var(--sw-soft)}
body.swso-light main .site .shot{background:#e6eef7;border-color:var(--sw-card-line);box-shadow:var(--sw-shadow)}
body.swso-light main .site .town{color:#fff;background:rgba(0,20,48,.86)}
body.swso-light main .site p{color:var(--steel)}

/* ---------- legal pages ---------- */
body.swso-light main.legal-main p,body.swso-light main.legal-main li{color:var(--sw-text)}
body.swso-light main.legal-main .muted{color:var(--steel)}
body.swso-light main.legal-main .wrap{max-width:900px}

/* ---------- Our Software Services (control-panel page) ---------- */
body.swso-light.panel-page{background:#eef4fb}
body.swso-light .console::before{display:none}
body.swso-light .console::after{background:linear-gradient(180deg,#f9fbfe 0%,#eef4fb 100%)}
body.swso-light.panel-page main{background:none;min-height:0}
body.swso-light .topplate{background:linear-gradient(180deg,#011634 0%,#02203f 100%);border:1px solid #0a4f8f;box-shadow:0 8px 24px rgba(0,20,48,.22)}
body.swso-light .brandplate{color:#fff}
body.swso-light .brandplate img.swso-wordmark{width:auto;height:clamp(36px,3.4vw,50px);border-radius:0}
body.swso-light .brandplate small{color:#cfe3f8}
body.swso-light main .panel-title h1 .soft{color:var(--steel)}
body.swso-light main .panel-title p{color:var(--sw-soft)}
body.swso-light main .module{background:#fff;border:1px solid var(--sw-card-line);box-shadow:0 6px 20px rgba(10,20,40,.07)}
body.swso-light main .module-head p{color:var(--steel)}
body.swso-light main .module-head h2::before{box-shadow:none}
body.swso-light main .svc{color:var(--sw-text);background:linear-gradient(180deg,#fbfdff,#f1f6fc);border:1px solid var(--sw-card-line);box-shadow:var(--sw-shadow)}
body.swso-light main .svc:hover,body.swso-light main .svc:focus-within{border-color:#1a86f5}
body.swso-light main .svc .led{box-shadow:none}
body.swso-light main .svc .by{color:var(--steel)}
body.swso-light main .svc .desc{color:var(--sw-soft)}
body.swso-light main .svc-plans{background:#fff;border-color:var(--sw-card-line)}
body.swso-light main .svc-plans li,body.swso-light main .svc-plans .or{color:var(--sw-soft)}
body.swso-light main .svc-plans span{color:var(--sw-navy)}
body.swso-light main .svc-trial{color:var(--sw-soft)}
body.swso-light main .svc-trial .state{color:var(--sw-link);border-color:#bcd8f5;background:#eef6ff}
body.swso-light main .svc-open.c{color:#003a80;border-color:#8fc0f2;background:linear-gradient(180deg,#eef6ff,#dcecff)}
body.swso-light main .svc-open.c:hover,body.swso-light main .svc-open.c:focus-visible{border-color:#1a86f5}
body.swso-light main .svc-steps li{background:#f3f8fd;border-color:var(--sw-card-line);color:var(--sw-soft)}
body.swso-light main .svc-steps li::before{background:#fff;border-color:#cfe0f2}
body.swso-light main .svc-steps b{color:var(--sw-navy)}
body.swso-light .footplate{background:linear-gradient(180deg,#001a3a 0%,#001430 100%);border:1px solid #0a4f8f}
body.swso-light .footplate .pill{background:rgba(255,255,255,.06);border-color:rgba(120,170,220,.35);color:#dcebfb}
body.swso-light .footplate .pill:hover,body.swso-light .footplate .pill:focus-visible{border-color:#5fb6ff;color:#fff}
body.swso-light .footplate .credit{color:#b9d4f0}

/* ---------- Our Portfolio ---------- */
body.swso-light main .pf-eyebrow{color:var(--sw-link)}
body.swso-light main .pf-filter{color:var(--sw-navy);background:#fff;border-color:#cfe0f2;box-shadow:0 2px 6px rgba(10,20,40,.05)}
body.swso-light main .pf-filter span{color:var(--steel)}
body.swso-light main .pf-filter:hover{border-color:#1a86f5}
body.swso-light main .pf-filter.on{background:#0a5fc8;border-color:#0a5fc8;color:#fff}
body.swso-light main .pf-filter.on span{color:#dcebfb}
body.swso-light main .pf-count{color:var(--steel)}
body.swso-light main .pf-card{background:#fff;border-color:var(--sw-card-line);box-shadow:var(--sw-shadow)}
body.swso-light main .pf-card:hover{border-color:#9cc8f5;box-shadow:var(--sw-shadow-up)}
body.swso-light main .pf-shot{background:linear-gradient(135deg,#e9f0f8,#dfe8f3);border-bottom-color:var(--sw-card-line)}
body.swso-light main .pf-ph{color:#b3c3d6}
body.swso-light main .pf-badge.live{background:#e6f1ff;color:#0a5bc0}
body.swso-light main .pf-badge.dev{background:#fff1e3;color:#a14c00}
body.swso-light main .pf-badge.sale{background:#b35500;color:#fff}
body.swso-light main .pf-badge.tpl{background:#eef2f7;color:var(--sw-soft)}
body.swso-light main .pf-desc{color:var(--sw-soft)}
body.swso-light main .pf-link{color:var(--sw-link)}
body.swso-light main .pf-host{color:var(--steel)}
body.swso-light main .pf-cta{background:#fff;border-color:var(--sw-card-line);box-shadow:0 6px 20px rgba(10,20,40,.07)}

/* ---------- footer: navy strip like the home page ---------- */
body.swso-light .footer{background:linear-gradient(180deg,#001a3a 0%,#001430 100%);border-top:2px solid #0a4f8f;color:#b9d4f0}
body.swso-light .footer strong{color:#fff}
body.swso-light .footer a{color:#dcebfb}
body.swso-light .footer a:hover{color:#fff}
body.swso-light .footer .muted{color:#b9d4f0}
body.swso-light .footer .legal-row{border-top-color:rgba(120,170,220,.22)}
body.swso-light .footer .legal-row a{color:#dcebfb;font-weight:700;text-decoration:none}
body.swso-light .footer .legal-row a:hover{text-decoration:underline}

/* ---------- phones ---------- */
@media (max-width:760px){
  body.swso-light .bar,body.swso-light .bar.hub{background:linear-gradient(180deg,#011634 0%,#02203f 100%);border-bottom:1px solid #0a4f8f;padding:10px 16px}
  body.swso-light .bar.hub nav{justify-content:flex-start;gap:2px 4px;font-size:14px}
  body.swso-light .bar.hub nav a{padding:6px 8px}
  body.swso-light .legal-main{padding-top:36px}
  body.swso-light .pf-hero{padding-top:40px}
}
@media (max-width:600px){
  body.swso-light .bar.stack .logo{justify-content:center;width:100%}
  body.swso-light .swso-wordmark{height:34px}
  body.swso-light .brandplate{flex-direction:column;align-items:flex-start;gap:6px}
  body.swso-light .brandplate img.swso-wordmark{height:34px}
}