/* ProNursingWriters brand theme.
   Loaded by every page of frontend/layouts/pronursingwriters_com AFTER the page's own inline CSS.
   The pages share the StemDonkey code structure, but this sheet gives the brand its own look:
   light and airy (white + pale blue), Figtree type, pill buttons, a clean top bar with no ticker,
   and a small ECG "pulse" motif. Selectors are prefixed with `body` so they win over the
   inline rules regardless of order.
   Colour note: cornflower #6495ED is a light brand colour, so text ON it is navy (WCAG AA);
   cornflower used AS text on white would fail, so links/accents on white use --link (#2F5FBF). */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

:root{
  --p:#6495ED; --ph:#3F6FCF; --pl:#EAF1FE;
  --dk:#0F2547;              /* deep navy: text and the few solid dark chips */
  --bg:#F7FAFF; --bd:#DCE6F7;
  --on-p:#0B1D3A;            /* text on cornflower */
  --ink:#0F2547; --muted:#53627E; --link:#2F5FBF;
  --pulse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 44' fill='none' stroke='%236495ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 26h96l10-2 8-14 10 32 9-26 7 10h34l8-4 6-8 8 12h164'/%3E%3C/svg%3E");
}

body{font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:#1D2A44}
h1,h2,h3,h4{letter-spacing:-.02em}
::selection{background:var(--p);color:var(--on-p)}

/* ── Top bar: white, hairline border, no ticker ── */
body .nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--bd);box-shadow:none}
body .nav-i{max-width:1140px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;justify-content:space-between}
body .nav-logo{color:var(--ink);display:flex;align-items:center}
body .nav-logo-img{height:28px;width:auto;display:block}
body .nav-links{display:flex;align-items:center;gap:2px}
body .nl{padding:8px 12px;color:#4A5B78;font-size:.88rem;font-weight:600;border-radius:999px;white-space:nowrap}
body .nl:hover,body .nl.active{color:var(--ink);background:var(--pl)}
body .nav-cta{background:var(--p)!important;color:var(--on-p)!important;padding:10px 20px;border-radius:999px;font-weight:800!important;font-size:.86rem;margin-left:10px}
body .nav-cta:hover{background:var(--ph)!important;color:#fff!important}
body .burger{display:none;flex-direction:column;gap:4.5px;background:none;border:none;cursor:pointer;padding:6px}
body .burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
body .burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
body .burger.open span:nth-child(2){opacity:0}
body .burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(max-width:768px){
  body .burger{display:flex}
  body .nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 18px;gap:2px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);box-shadow:0 16px 28px rgba(15,37,71,.08)}
  body .nav-links.open{display:flex}
  body .nl{padding:11px 12px;border-radius:10px}
  body .nav-cta{margin:8px 0 0;text-align:center}
}

/* ── Buttons: pills ── */
body .btn-main,body .mid-cta-btn,body .btn-p,body .btn,body .hero-btn{border-radius:999px;color:var(--on-p)!important;background:var(--p)}
body .btn-main:hover,body .mid-cta-btn:hover,body .btn-p:hover,body .btn:hover,body .hero-btn:hover{background:var(--ph);color:#fff!important}
body .btn-ghost{border-radius:999px;color:var(--ink);border:1.5px solid var(--bd);background:#fff}
body .btn-ghost:hover{border-color:var(--p);background:var(--pl);color:var(--ink)}

/* ── Inner-page header band: pale blue, left-aligned, with a pulse line ── */
body .page-hero{position:relative;overflow:hidden;text-align:left;background:linear-gradient(180deg,#EAF1FE 0%,#F7FAFF 100%);border-bottom:1px solid var(--bd);padding:54px max(24px,calc((100% - 1092px)/2)) 58px}
body .page-hero::after{content:"";position:absolute;right:max(20px,calc((100% - 1140px)/2));bottom:16px;width:340px;height:42px;background:var(--pulse) no-repeat right center/contain;opacity:.55;pointer-events:none}
body .page-hero h1{color:var(--ink);font-weight:800}
body .page-hero h1 em{color:var(--link);font-style:normal}
body .page-hero p{color:var(--muted);margin-left:0;margin-right:0;max-width:600px}
body .page-hero a{color:var(--link)}
@media(max-width:700px){body .page-hero::after{display:none}}

/* ── Call-to-action blocks: light panels instead of dark/solid bands ── */
body .mid-cta{background:var(--pl);border:1px solid var(--bd)}
body .mid-cta-text h3{color:var(--ink)}
body .mid-cta-text p{color:var(--muted)}
body .cta-strip,body .cta-card{background:var(--pl);border:1px solid var(--bd)}
body .cta-strip h3,body .cta-card h3,body .cta-card h4{color:var(--ink)!important}
body .cta-strip p,body .cta-card p{color:var(--muted)!important}
body .cta-card .sc-title{color:var(--link)!important;border-color:var(--bd)}

/* ── Footer: light ── */
body .footer{background:#fff;border-top:1px solid var(--bd)}
body .footer-i{border-bottom-color:var(--bd)}
body .footer-logo{color:var(--ink)}
body .footer-tag,body .footer-bot{color:#6B7A95}
body .fc-t{color:var(--ink);letter-spacing:.08em}
body .footer-links a,body .footer-i a{color:#53627E}
body .footer-links a:hover,body .footer-i a:hover{color:var(--link)}

/* ── Cards: only the title and an explicit "read more" link are hyperlinks, never the whole card ── */
body .card-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:.86rem;font-weight:700;color:var(--link);text-decoration:none}
body .card-more:hover{text-decoration:underline;text-underline-offset:3px}
body [class*="-card"] h3 a,body [class*="-card"] h4 a,body [class*="-card"] [class*="-name"] a,body [class*="-card"] [class*="-title"] a{color:inherit;text-decoration:none}
body [class*="-card"] h3 a:hover,body [class*="-card"] h4 a:hover,body [class*="-card"] [class*="-name"] a:hover,body [class*="-card"] [class*="-title"] a:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px}
body .svc-card:hover,body .guide-card:hover,body .cit-card:hover,body .res-card:hover{transform:none}
body .svc-card,body .guide-card,body .cit-card,body .res-card{border-radius:16px}
/* featured cards were solid dark blocks: now a pale-blue highlight */
body .featured,body .svc-card.featured,body .cit-card.featured,body .guide-card.featured,body .res-card.featured{background:var(--pl);border-color:#BCD2F6}
body .featured .svc-name,body .featured .cit-name,body .featured h3,body .featured h4{color:var(--ink)}
body .featured .svc-desc,body .featured p,body .featured .cit-desc{color:var(--muted)}
body .featured .svc-cat{color:var(--link)}
body .featured .svc-tag{background:#fff;border-color:var(--bd);color:#3F5070}

/* ── Misc dark chips become navy/pale so nothing reads as a StemDonkey dark block ── */
body .style-badge,body .step-num,body .tl-num{background:var(--dk);color:#fff}
body a:focus-visible,body button:focus-visible{outline:2px solid var(--link);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── Form controls inherit the brand font ── */
body button,body input,body select,body textarea{font-family:inherit}

/* ── Order, checkout and sign-in flows (body.pnw-flow): light surfaces instead of dark panels.
   The logged-in dashboard keeps a navy app shell (its logo uses the dark-background variant). ── */
body.pnw-flow .topbar{background:#fff;border-bottom:1px solid var(--bd)}
body.pnw-flow .tb-back{color:var(--muted)}
body.pnw-flow .tb-back:hover{color:var(--link)}
body.pnw-flow .tb-secure{color:#6B7A95}
body.pnw-flow .sidebar{background:linear-gradient(180deg,#EDF3FE 0%,#F7FAFF 100%);border-left:1px solid var(--bd)}
body.pnw-flow .sb-title,body.pnw-flow .sb-price-label{color:#6B7A95}
body.pnw-flow .sb-section{border-bottom-color:var(--bd)}
body.pnw-flow .sb-key,body.pnw-flow .sb-g{color:var(--muted)}
body.pnw-flow .sb-val{color:var(--ink)}
body.pnw-flow .sb-price{color:var(--link)}
body.pnw-flow .sb-g::before{color:var(--link)}
body.pnw-flow .sb-note{background:#EAF1FE;border-color:var(--bd);color:#3F5070}
body.pnw-flow .sb-note span{color:var(--link)}
body.pnw-flow .brand-panel{background:linear-gradient(160deg,#E3EDFD 0%,#F3F7FE 100%);border-right:1px solid var(--bd)}
body.pnw-flow .brand-panel::before{opacity:.09}
body.pnw-flow .bp-logo,body.pnw-flow .bp-title{color:var(--ink)}
body.pnw-flow .bp-title em{color:var(--link)}
body.pnw-flow .bp-sub{color:var(--muted)}
body.pnw-flow .bp-item{color:#3F5070}
body.pnw-flow .bp-item span{background:#fff;border-color:var(--bd);color:var(--link)}
body.pnw-flow #sb-breakdown,body.pnw-flow #sb-breakdown li{color:var(--muted)!important}
body.pnw-flow #sb-breakdown li:last-child{color:var(--ink)!important}

/* ── Inner-page content in the homepage's language: small blue labels, bold navy titles, ruled (not boxed) FAQ lists ── */
body .sec-label{color:var(--link);font-weight:800;letter-spacing:.1em}
body .sec-title{color:var(--ink);font-weight:800;letter-spacing:-.02em}
body .prose{color:#3B4B69}
body .faq-item{background:transparent;border:none;border-bottom:1px solid var(--bd);border-radius:0;margin-bottom:0}
body .faq-item.open{border-color:var(--bd)}
body .faq-q{padding:20px 0;font-size:1rem;color:var(--ink)}
body .faq-a{padding:0 0 20px;font-size:.93rem;color:var(--muted)}
body .faq-arr{color:var(--link)}

/* ── One uniform footer on every page ── */
body .footer{background:#fff;padding:52px 24px 22px;border-top:1px solid var(--bd);margin-top:0}
body .footer-i{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--bd)}
body .footer-i a{display:block;font-size:.88rem;color:#53627E;margin-bottom:9px;text-decoration:none}
body .footer-i a:hover{color:var(--link)}
body .footer-i a.footer-logo{margin-bottom:0}
body .footer-tag{font-size:.86rem;color:#6B7A95;line-height:1.65;max-width:240px;margin-top:10px}
body .fc-t{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:14px}
body .footer-bot{max-width:1140px;margin:16px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:.78rem;color:#6B7A95}
@media(max-width:768px){body .footer-i{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body .footer-i{grid-template-columns:1fr}}

/* ── Hero variant used by the guides / resources / citations indexes ── */
body .hero{background:linear-gradient(180deg,#EAF1FE 0%,#F7FAFF 100%);border-bottom:1px solid var(--bd);color:var(--ink)}
body .hero h1{color:var(--ink);font-weight:800}
body .hero h1 em{color:var(--link)}
body .hero p{color:var(--muted)}
body .hero .stat strong{color:var(--ink)}
body .hero .stat span{color:#6B7A95}

/* ═══ Article pages (guides, resources, citations): the homepage's calm, editorial look ═══ */
body .layout>.sidebar{background:none;gap:30px;top:96px}
body .breadcrumb,body .breadcrumb a{color:#6B7A95}
body .breadcrumb a:hover{color:var(--link)}
body .htag{background:#fff;border:1px solid var(--bd);color:#3F5070}
body .layout{max-width:1140px;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-top:56px}
body .article{max-width:740px}
body .article h2{border-top:none;margin-top:48px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
body .article h2:first-child{margin-top:0}
body .article h3{color:var(--ink);font-weight:800}
body .article p,body .article li{color:#2A3956;line-height:1.85;font-size:.98rem}
body .article strong{color:var(--ink)}
body .article a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#B8CDF3}
body .article a:hover{text-decoration-color:var(--link)}
body .tip{background:var(--pl);border:none;border-left:3px solid var(--p);border-radius:0 14px 14px 0;padding:18px 22px}
body .example{background:#fff;border:1px solid var(--bd);border-left:3px solid var(--p);border-radius:0 12px 12px 0}
body table{border:1px solid var(--bd);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
body th{background:var(--pl);color:var(--ink);border-bottom:1px solid var(--bd);font-weight:800}
body td{border-bottom:1px solid #EAF0FB}
body tr:last-child td{border-bottom:none}
body tr:nth-child(even) td{background:#FAFCFF}
body .mid-cta{border-radius:20px;padding:30px 34px}
body .sidebar-card,body .toc{background:none;border:none;border-radius:0;padding:0}
body .sc-title{color:var(--ink);letter-spacing:.1em;font-weight:800;border-bottom:none;padding-bottom:0;margin-bottom:10px}
body .toc{border-left:2px solid var(--bd);padding-left:18px}
body .toc-item{border-bottom:none;color:var(--muted);padding:6px 0}
body .toc-item:hover{color:var(--link);text-decoration:none}
body .sc-link{color:#2A3956;border-bottom:1px solid var(--bd);padding:9px 0}
body .sc-link:hover{color:var(--link);text-decoration:none}
body .cta-card{border-radius:20px;padding:24px}
body .btn-w,body .cta-btn,body .cta-strip a{background:var(--p);color:var(--on-p)!important;border-radius:999px}
body .btn-w:hover,body .cta-btn:hover,body .cta-strip a:hover{background:var(--ph);color:#fff!important;text-decoration:none}
@media(max-width:900px){body .layout{grid-template-columns:1fr;gap:40px}}

/* Index pages (guides / resources / citations): calm cards, no dark bands */
body .hero-btn-s{background:#fff;color:var(--ink);border:1.5px solid var(--bd);border-radius:999px}
body .hero-btn-s:hover{background:var(--pl)}
body .stats{border-top-color:var(--bd)}
body .stat-l{color:#6B7A95}
body .guide-card,body .res-card,body .cit-card{border:1px solid var(--bd);border-radius:18px;padding:24px;background:#fff}
body .guide-card h3,body .res-card h3,body .cc-name{color:var(--ink);font-weight:800}
body .guide-tag{background:var(--pl)!important;color:var(--link)!important;border-radius:999px}
body .section-title,body .section-head h2{color:var(--ink);font-weight:800;letter-spacing:-.02em}
body .section-label{color:var(--link);font-weight:800;letter-spacing:.1em}
body .cta-strip h2{color:var(--ink)}
body .cta-strip p{color:var(--muted)}
/* index-page heroes (guides / resources / citations) align left with the content column, like the inner-page bands */
body .hero:not(.home-hero){text-align:left;padding:56px max(24px,calc((100% - 1092px)/2)) 52px}
body .hero:not(.home-hero) p{margin-left:0;margin-right:0}
body .hero:not(.home-hero) .hero-stats,body .hero:not(.home-hero) .stats{justify-content:flex-start}
body .page-hero-i{text-align:left}
body .stat-n{color:var(--ink)}
body .hero-cta{justify-content:flex-start}
body .cit-card.featured .cc-name{color:var(--ink)}
body .cit-card.featured .cc-desc{color:var(--muted)}
body .cit-card.featured{background:var(--pl);border-color:#BCD2F6}

/* ── Clean, scrollbar-free reading: the sidebar is content-height (the shared dashboard rule made it viewport-tall with its own scroll), and the page scrollbar is hidden. Scrolling by wheel, touch and keyboard still works. ── */
body .layout>.sidebar{position:static;height:auto;max-height:none;overflow:visible;align-self:start}
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
body .sidebar::-webkit-scrollbar{display:none}

/* ── Small-screen safety: wide tables scroll inside the article instead of widening the page; order steps wrap ── */
body .article{min-width:0}
body .article h1,body .article h2,body .article h3{overflow-wrap:anywhere}
@media(max-width:900px){
  body .layout{grid-template-columns:minmax(0,1fr)}
  body .article table{display:block;max-width:100%;overflow-x:auto}
  body .article .example,body .article pre{overflow-x:auto}
}
body.pnw-flow .ps-circle.active{color:#fff}
@media(max-width:560px){body.pnw-flow .ps-label{white-space:normal;font-size:.6rem;padding:0 2px}}

/* ═══ Mobile-first: the primary action is always one thumb-tap away ═══ */
.pnw-dock{display:none}
@media(max-width:768px){
  body.has-dock{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .pnw-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:250;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--bd);box-shadow:0 -8px 24px rgba(15,37,71,.06)}
  .pnw-dock-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:var(--p);color:var(--on-p);font-weight:800;font-size:1rem;text-decoration:none}
  .pnw-dock-btn:active{background:var(--ph);color:#fff}

  /* comfortable tap targets (44px+) */
  body .nav-i{height:60px}
  body .nav-links{top:60px}
  body .nl,body .nav-cta{min-height:46px;display:flex;align-items:center}
  body .nav-cta{justify-content:center}
  body .burger{padding:12px;margin-right:-8px}
  body .footer-i a{padding:11px 0;margin-bottom:0}
  body .toc-item,body .sc-link{padding-top:11px;padding-bottom:11px}
  body .faq-q{min-height:52px}
  body .btn-main,body .btn-ghost,body .btn-p,body .mid-cta-btn,body .btn-w,body .cta-btn{min-height:48px;justify-content:center}
  .hero-cta .btn-main,.hero-cta .btn-ghost,.close-row .btn-main,.close-row .btn-ghost{width:100%;justify-content:center}
  body .mid-cta{flex-direction:column;align-items:stretch;text-align:left}
  body .mid-cta-btn{width:100%}
  body .card-more{padding:8px 0;min-height:40px}

  /* readable type and no iOS zoom-on-focus in forms */
  body{font-size:16px}
  body .article p,body .article li{font-size:1rem;line-height:1.8}
  input,select,textarea{font-size:16px!important}
  body .page-hero{padding:36px 20px 40px}
  body .page-hero h1{font-size:1.7rem;line-height:1.2}
}
@media(max-width:560px){
  body.pnw-flow .tb-secure{display:none}
  .eyebrow{font-size:.68rem;letter-spacing:.04em;padding:6px 12px}
}
.pnw-dock{transition:transform .25s ease}
.pnw-dock.pnw-dock--hidden{transform:translateY(110%)}
@media(max-width:560px){body .hero-tags{display:none}}

/* ═══ Client dashboard (body.pnw-app): the same calm, light look as the site, no dark shell ═══ */
body.pnw-app{background:var(--bg);font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.pnw-app *{font-family:inherit}
body.pnw-app .topbar{background:#fff;border-bottom:1px solid var(--bd);height:62px}
body.pnw-app .tb-name{color:var(--muted);font-weight:600}
body.pnw-app .tb-logout{color:var(--ink);background:#fff;border:1px solid var(--bd);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.8rem}
body.pnw-app .tb-logout:hover{background:var(--pl);color:var(--ink)}
body.pnw-app .tb-notif{color:#53627E}
body.pnw-app .notif-dot{background:var(--p);border-color:#fff}
body.pnw-app .burger-mob span{background:var(--ink)}
body.pnw-app .sidebar{background:#fff;border-right:1px solid var(--bd)}
body.pnw-app .sb-nav{padding:18px 12px 8px}
body.pnw-app .nav-item{color:#4A5B78;border-radius:12px;padding:12px 14px;margin-bottom:2px;border-left:none;font-weight:600}
body.pnw-app .nav-item:hover{background:var(--pl);color:var(--ink)}
body.pnw-app .nav-item.active{background:var(--pl);color:var(--link);font-weight:800}
body.pnw-app .sb-order-btn{background:var(--p);color:var(--on-p);border-radius:999px;padding:13px;font-weight:800}
body.pnw-app .sb-order-btn:hover{background:var(--ph);color:#fff}
body.pnw-app .sb-wallet{background:var(--pl);border:1px solid var(--bd);border-radius:16px}
body.pnw-app .sw-label{color:#6B7A95}
body.pnw-app .sw-amount{color:var(--ink)}
body.pnw-app .sw-btn{background:#fff;border:1px solid var(--bd);color:var(--link);border-radius:999px;padding:9px;font-weight:800}
body.pnw-app .sw-btn:hover{background:var(--p);border-color:var(--p);color:var(--on-p)}
body.pnw-app .main{scrollbar-width:none}
body.pnw-app .main::-webkit-scrollbar{display:none}
body.pnw-app .sidebar{scrollbar-width:none}
body.pnw-app .sidebar::-webkit-scrollbar{display:none}

/* cards */
body.pnw-app .stat-card,body.pnw-app .form-card,body.pnw-app .order-card{border:1px solid var(--bd);border-radius:16px}
body.pnw-app .order-card:hover{border-color:#BCD2F6;box-shadow:0 8px 24px -12px rgba(15,37,71,.18)}
body.pnw-app .st-val,body.pnw-app .oc-title{color:var(--ink)}
body.pnw-app .fc-title{color:var(--link);letter-spacing:.08em;font-weight:800}

/* notifications: brand blue instead of the cloned amber */
body.pnw-app .notif-hd,body.pnw-app .notif-msg{color:var(--ink)}
body.pnw-app .notif-mark{color:var(--link)}
body.pnw-app .notif-item:hover{background:var(--pl)}
body.pnw-app .notif-item.unread{background:#F3F7FE}
body.pnw-app .notif-dm{background:var(--p)}

/* payment box: pale panel instead of a dark block */
body.pnw-app .pay-box{background:var(--pl);border:1px solid var(--bd);border-radius:18px}
body.pnw-app .pay-box .pb-label{color:#6B7A95}
body.pnw-app .pay-box .pb-due{color:var(--ink)}
body.pnw-app .pay-line{color:var(--muted)}
body.pnw-app .pay-line .credit{color:#15803D}
body.pnw-app .pay-btn-full{border-radius:999px}
body.pnw-app .pay-btn-pp{background:#fff;color:var(--ink);border:1.5px solid var(--bd)}
body.pnw-app .pay-btn-pp:hover{background:#F3F7FE}
body.pnw-app .disc-row input{background:#fff;border:1px solid var(--bd);color:var(--ink);border-radius:999px;padding:9px 14px}
body.pnw-app .disc-row input::placeholder{color:#8A97AE}
body.pnw-app .disc-row button{background:var(--p);color:var(--on-p);border-radius:999px;padding:9px 16px}
@media(max-width:768px){
  body.pnw-app .sidebar{box-shadow:12px 0 32px rgba(15,37,71,.12)}
  body.pnw-app .nav-item{min-height:46px}
}

/* dashboard sidebar: borderless soft buttons, viewport-tall and sticky so the wallet card is always in view */
body.pnw-app .sb-order-btn{border:none;outline:none;box-shadow:none;cursor:pointer;font-family:inherit}
body.pnw-app .sw-btn{border:none;box-shadow:none;background:#fff}
body.pnw-app .sw-btn:hover{background:var(--p)}
body.pnw-app .nav-item,body.pnw-app .nav-item:focus{border:none;outline:none}
body.pnw-app .nav-item:focus-visible,body.pnw-app .sb-order-btn:focus-visible,body.pnw-app .sw-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}
@media(min-width:769px){
  body.pnw-app .sidebar{position:sticky;top:62px;height:calc(100vh - 62px);align-self:flex-start;overflow-y:auto}
}
@media(max-width:768px){body.pnw-app .sidebar{top:62px}}

/* ═══ One smooth feel, everywhere (site, sign-in, order, checkout, dashboard) ═══
   Rounded, hairline-not-stroked surfaces, soft focus rings, gentle transitions. */
html{scroll-behavior:smooth}
body a,body button,body :is(input,select,textarea),body [class*="card"],body .nl,body .nav-item,body .faq-item{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}

/* fields: one radius, one hairline, one soft focus ring */
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]){border:1px solid var(--bd);border-radius:12px;background-color:#fff;color:var(--ink);outline:none}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(100,149,237,.18)}
body ::placeholder{color:#8A97AE}

/* buttons: soft pills, no outlines on primary actions */
body :is(.new-order-link,.btn-save,.chat-send,.oc-btn,.tu-btn,.btn-submit,.btn-primary,.auth-btn,.login-btn){border-radius:999px}
body :is(.new-order-link,.btn-save,.chat-send,.oc-btn-p,.btn-submit,.btn-primary){border-color:transparent;box-shadow:none}
body :is(.new-order-link,.btn-save,.chat-send):hover{box-shadow:0 8px 20px -10px rgba(47,95,191,.55)}
body .oc-btn{border-width:1px}
body .oc-btn-o{border-color:var(--bd);background:#fff;color:var(--ink)}
body .oc-btn-o:hover{background:var(--pl)}
body .tu-btn{border:1px solid var(--bd)}
body .tu-btn:hover{border-color:#BCD2F6;background:var(--pl)}

/* surfaces */
body :is(.stat-card,.form-card,.order-card,.msg-card){border:1px solid var(--bd);border-radius:18px;box-shadow:none}
body .order-card{border-left-width:3px}
body .order-card:hover{transform:translateY(-1px)}
body .chat-msgs{border:1px solid var(--bd);border-radius:18px;background:#F3F7FE}
body .msg-subtabs{border-bottom-width:1px}
body .modal{border-radius:24px;padding:30px;box-shadow:0 40px 90px -30px rgba(15,37,71,.4)}
body .modal-bg{background:rgba(15,37,71,.38);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
body .modal-close{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
body .modal-close:hover{background:var(--pl);color:var(--ink)}

/* gentle page changes inside the app and the order steps */
@keyframes pnwFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.pnw-app .page-section.active,body.pnw-flow .step-panel.show{animation:pnwFade .28s ease both}

/* dashboard top bar on phones: burger, logo, actions on one row */
@media(max-width:768px){
  body.pnw-app .topbar{padding:0 14px;gap:8px;justify-content:flex-start}
  body.pnw-app .burger-mob{display:flex;justify-content:center;padding:12px 10px;margin-left:-8px}
  body.pnw-app .tb-logo{flex:0 1 auto;min-width:0}
  body.pnw-app .tb-right{margin-left:auto;gap:12px}
  body.pnw-app .tb-name{display:none}
  body.pnw-app .tb-logout{white-space:nowrap;padding:8px 14px}
  body.pnw-app .sidebar{box-shadow:none}
  body.pnw-app .sidebar.open{box-shadow:12px 0 32px rgba(15,37,71,.14)}
}
body .pay-alert{border-radius:16px}
body .pay-alert a{color:var(--link)}