/* GENERATED by portal-theme/build.py from portal-theme.src.css. Do not edit by hand.
   Restyle only: colours, type, radius. No markup, scripts, data, fees or agreement wording are touched.
   Load after assets/site.css, with Montserrat:
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="portal-theme/portal-theme.css">
   Remove those two lines to return to the current look. */
/* Punchlist portal theme (SOURCE). Edit this file, then run:  python3 portal-theme/build.py
   It writes portal-theme/portal-theme.css, which is the file the site loads.

   Tokens used below: html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal = the portal root with enough specificity to beat the portal's own stacked-ID rules,
   html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal = the same for its modal dialogs,  = light mode only (expanded by build.py for both an explicit
   data-theme="light" and the OS light setting, so dark mode keeps the portal's existing dark look). */

/* ===== tokens (both themes) ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal {
  --pt-navy: #0c1a2b;
  --pt-gold: #c9a66b;
  --pt-btn: #0c1a2b; --pt-btn-ink: #ffffff; --pt-btn-hover: #3361e1; --pt-btn-hover-ink: #ffffff;
  --pt-gold-ink: #7d6636;
  --pt-beige: #f6f2ec;
  --pt-line: #e6dfd4;
  --pt-text: #3d4654;
  --pt-mute: #6f6a62;
  --f-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-sm: 6px; --r-md: 8px; --r-lg: 10px;
  --pl-primary: #c9a66b;
  --pa-blue: #c9a66b;
  --pt-ink: #0c1a2b; --pt-kicker: #7d6636; --pt-field-bg: #fff; --pt-field-line: #e6dfd4; --pt-soft: #f6f2ec; --pt-body: #3d4654; --pt-on-bg: #0c1a2b; --pt-on-fg: #fff;
  --pl-measure: clamp(1160px, 86vw, 2200px);
  --pl-gutter: max(24px, calc((100vw - var(--sbw, 0px) - var(--pl-measure)) / 2 + 24px));
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal :where(h1, h2, h3, h4, h5, p, span, div, a, li, td, th, label, input, select, textarea, button, b, strong, small, em),
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal :where(h1, h2, h3, h4, h5, p, span, div, a, li, td, th, label, input, select, textarea, button, b, strong, small, em) {
  font-family: var(--f-sans) !important;
}

/* ===== primary buttons: navy pill, white text in Day; white pill, navy text in Night; blue on hover. No gold buttons. ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light),
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn:not(.pl-gpay),
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--navy, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .qt-btn:not(.is-ghost) {
  background: var(--pt-btn) !important;
  background-color: var(--pt-btn) !important;
  border: 2px solid var(--pt-btn) !important;
  color: var(--pt-btn-ink) !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled),
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy:hover:not(:disabled), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost):hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn:not(.pl-gpay):hover,
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--navy:hover:not(:disabled) {
  background: var(--pt-btn-hover) !important;
  background-color: var(--pt-btn-hover) !important;
  border-color: var(--pt-btn-hover) !important;
  color: var(--pt-btn-hover-ink) !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .qt-btn:hover { background: #fff !important; border-color: #fff !important; color: var(--pt-navy) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:disabled, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:disabled { opacity: .5 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--danger, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--danger { border-radius: 6px !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-size: 12px !important; }

/* tabs: gold underline on the active tab (both themes) */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab.is-on, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button.is-on, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button[aria-selected="true"] {
  border-bottom-color: var(--pt-gold) !important;
  box-shadow: inset 0 -3px var(--pt-gold) !important;
  font-weight: 700 !important;
}


/* ===== width: follow the site's measure (clamp 1160px to 2200px, 86vw) ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-adminfoot { max-width: var(--pl-measure) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar { padding-left: 24px !important; padding-right: 24px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main { padding-left: 24px !important; padding-right: 24px !important; }

/* ===== header and footer menus with dropdowns ===== */
@media (min-width: 901px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toptabs:not(.has-more) { overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; padding-right: 0 !important; } }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd { position: relative; display: inline-flex; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd .pl-tabcount { margin-left: 4px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd svg { width: 9px; height: 9px; stroke: currentColor; fill: none; stroke-width: 2.4; margin-left: 6px; transition: transform .18s; vertical-align: middle; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd.has-menu:hover svg, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd.has-menu:focus-within svg { transform: rotate(180deg); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-ddmenu { position: absolute; top: 100%; left: 0; z-index: 40; min-width: 220px; padding: 8px 0; background: #fff; border-top: 3px solid var(--pt-gold); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s; text-align: left; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd.has-menu:hover .pl-ddmenu, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-dd.has-menu:focus-within .pl-ddmenu { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-ddi { display: block !important; width: 100%; text-align: left !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 10px 20px !important; color: #0c1a2b !important; font: 600 14px/1.4 var(--f-sans) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-ddi:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-ddi:focus-visible { background: var(--pt-beige) !important; color: #0c1a2b !important; }
@media (max-width: 900px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-ddmenu { display: none; } }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-menu { grid-column: 2; grid-row: 1; justify-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 2px; padding: 40px max(24px, calc((100vw - var(--sbw, 0px) - var(--pl-measure)) / 2 + 24px)) 0 24px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a { background: none !important; border: 0 !important; border-radius: 0 !important; color: #0c1a2b !important; font: 500 12px/1 var(--f-sans) !important; letter-spacing: .08em !important; text-transform: uppercase !important; padding: 12px 6px !important; cursor: pointer; box-shadow: none !important; min-height: 0 !important; text-decoration: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf a.pf-a { color: #0c1a2b !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-dd:hover .pf-a { color: var(--pt-gold-ink) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a[aria-current="page"] { box-shadow: inset 0 -2px var(--pt-gold) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-ddmenu .pl-ddi { color: #0c1a2b !important; }
@media (max-width: 760px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-menu { grid-column: 1 !important; grid-row: auto !important; order: -1 !important; justify-content: flex-start; padding: 22px 16px 14px !important; background: #e6dfd4; } html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-ddmenu { display: none; } }

/* ===== save status: a visible filled bubble ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync { min-width: 0 !important; min-height: 0 !important; height: 34px !important; width: auto !important; flex: none !important; white-space: nowrap !important; display: inline-flex !important; align-items: center; gap: 7px; background: #e8f4ec !important; color: #1d6b3a !important; border: 1px solid #b9ddc6 !important; border-radius: 6px !important; padding: 7px 14px !important; font: 700 11px/1 var(--f-sans) !important; letter-spacing: .1em !important; text-transform: uppercase !important; opacity: 1 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2fa760; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync:not(.is-ok) { background: #fff3dc !important; color: #7d6636 !important; border-color: #f0d9a8 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync:not(.is-ok)::before { background: #c9a66b; }

/* ===== project cards: active and completed the same size ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projgroup .pl-projectcards { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 18px !important; align-items: stretch !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projgroup .pl-projectcards > * { min-height: 318px !important; height: 100% !important; display: flex !important; flex-direction: column !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projgroup .pl-projectcards > * > :last-child { margin-top: auto; }

/* ===== timeline: readable labels, never clipped ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx { --gx-label: 270px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-ln { white-space: normal !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-height: 1.2 !important; font-size: 12.5px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-ls { font-size: 11px !important; }


/* ===== client quote: room for the sticky approval bar; folded fee notes ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt:has(.pl-selbar) { padding-bottom: 104px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more { margin-top: 10px; border-top: 1px solid var(--pt-line); padding-top: 10px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more > summary { cursor: pointer; font: 600 13px/1.4 var(--f-sans); color: var(--pt-navy); list-style: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more > summary::before { content: "+ "; color: var(--pt-gold-ink); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more[open] > summary::before { content: "\2212 "; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more > summary::-webkit-details-marker { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more .qt-fine { margin-top: 10px; }


/* header never collides: tighter tabs, and a compact save pill when space is short */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toptabs .pl-tab { padding-left: 7px !important; padding-right: 7px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toptabs { gap: 0 !important; }
@media (max-width: 1599px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync.is-ok { font-size: 0 !important; letter-spacing: 0 !important; padding: 7px 12px !important; gap: 6px; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync.is-ok::after { content: "Saved"; font: 700 11px/1 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; }
}


/* ===== consultation and other important buttons: waiting = transparent, ready = filled, sent = green ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-off, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-wait, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-outline:not(.is-ready), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login-go.is-idle, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-off, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.is-wait {
  background: transparent !important; background-color: transparent !important; border: 2px solid rgba(138, 148, 160, .55) !important; color: #8a94a0 !important; box-shadow: none !important; pointer-events: none !important; cursor: not-allowed !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-applied, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-done, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-sent, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ok, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.is-sent {
  background: #2fa760 !important; background-color: #2fa760 !important; border-color: #2fa760 !important; color: #fff !important; pointer-events: none !important;
}

/* ===== project cards: active and completed share one size ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projectcards { display: grid !important; grid-template-columns: repeat(auto-fill, 300px) !important; justify-content: start !important; align-items: start !important; gap: 18px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projectcards > .pl-pcard { width: 300px !important; height: auto !important; min-height: 440px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projectcards > .pl-pcard > :last-child { margin-top: auto !important; }
/* Completed cards keep the same size as active ones: the dates, size and competing-bid detail live on the project page */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projectcards > .hist-card .pl-pcard__meta, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-projectcards > .hist-card .hist-bid { display: none !important; }

/* ===== client header card: address and client line never overlap ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head .dz-addr, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head .dz-client { position: static !important; margin-top: 6px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head .dz-client { margin-bottom: 4px !important; }


/* ===== client Punchlist form: same look as the public Punchlist builder (pill chips, square cards, gold add, beige summary) ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req.pl-card { border: 1px solid var(--pt-field-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 32px 32px 36px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-kicker { color: var(--pt-kicker) !important; font: 700 12px/1.4 var(--f-sans) !important; letter-spacing: .16em !important; text-transform: uppercase !important; margin: 26px 0 12px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-between .pl-kicker { margin-top: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-h2 { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -.005em !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-note { background: var(--pt-soft) !important; border: 0 !important; border-left: 3px solid var(--pt-gold) !important; border-radius: 0 !important; color: var(--pt-body) !important; padding: 14px 18px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .chips { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .chip { width: auto !important; min-height: 0 !important; border: 2px solid var(--pt-field-line) !important; border-radius: 6px !important; padding: 12px 20px !important; font: 600 14px/1.2 var(--f-sans) !important; background: var(--pt-field-bg) !important; color: var(--pt-ink) !important; text-align: center !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .chip:hover { border-color: var(--pt-ink) !important; background: var(--pt-field-bg) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .chip[aria-pressed="true"] { background: var(--pt-navy) !important; border-color: var(--pt-ink) !important; color: #fff !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .seg { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; border: 0 !important; padding: 0 !important; background: none !important; width: auto !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .seg span { border: 2px solid var(--pt-field-line) !important; border-radius: 6px !important; padding: 12px 20px !important; font: 600 14px/1.2 var(--f-sans) !important; background: var(--pt-field-bg); color: var(--pt-ink); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .seg input:checked + span { background: var(--pt-navy) !important; border-color: var(--pt-ink) !important; color: #fff !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-input, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-select, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req textarea { border: 2px solid var(--pt-field-line) !important; border-radius: 6px !important; min-height: 48px; padding: 0 16px !important; font: 400 16px/1.4 var(--f-sans) !important; background: var(--pt-field-bg) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req textarea { padding: 12px 16px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-field > span, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-field > label { font: 700 12px/1.4 var(--f-sans) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--pt-ink) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-btn--ghost.pl-btn--sm[data-act="req-custom-add"] { background: var(--pt-btn) !important; border: 2px solid var(--pt-btn) !important; color: var(--pt-btn-ink) !important; min-height: 48px; padding: 0 26px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-phadd { border: 2px dashed var(--pt-gold) !important; border-radius: 6px !important; color: var(--pt-ink) !important; background: transparent !important; font: 700 12px/1.2 var(--f-sans) !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-req .pl-phadd:hover { background: var(--pt-soft) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad { background: var(--pt-soft) !important; background-image: none !important; border: 1px solid var(--pt-field-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 28px 28px 32px !important; min-height: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad::before { content: none !important; display: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad__title { font: 700 14px/1.4 var(--f-sans) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--pt-ink) !important; min-height: 0 !important; padding-bottom: 14px; margin-bottom: 14px !important; border-bottom: 3px solid var(--pt-gold); display: inline-block; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad__list li, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad p, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad div { font-family: var(--f-sans) !important; font-size: 15px !important; line-height: 1.6 !important; color: var(--pt-body) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-reqpad .pad__list li { border-bottom: 1px solid var(--pt-field-line); padding: 10px 0; }


/* ===== "Your next step / Review your quote" card: no dark fill, same surface as the roadmap card, gold accent ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-journey { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next.is-action { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 1px solid var(--pt-field-line) !important; border-left: 4px solid var(--pt-gold) !important; border-radius: 10px !important; }


/* ===== every button centres its text ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-phadd, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .chip { justify-content: center !important; text-align: center !important; }

/* ===== light mode only ===== */
/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-hero a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-intro a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-top a { color: #e6c98f !important; border-bottom-color: rgba(230,201,143,.5) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main { background: var(--pt-beige) !important; background-color: var(--pt-beige) !important; --pl-page-bg: #f6f2ec; --bg: #f6f2ec; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost {
  background: transparent !important;
  border: 1.5px solid var(--pt-navy) !important;
  color: var(--pt-navy) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: var(--pt-navy) !important; color: #fff !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button { color: var(--pt-mute) !important; font-weight: 600 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab.is-on, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button.is-on, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button[aria-selected="true"] { color: var(--pt-navy) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tabs, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs { background: var(--pt-beige) !important; border-bottom-color: var(--pt-line) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal a:where(:not(.pl-btn):not(.btn):not([class*="pl-tab"]):not([class*="pl-brand"])) { color: var(--pt-navy) !important; text-decoration-color: var(--pt-gold); text-underline-offset: 3px; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal a:where(:not(.pl-btn):not(.btn):not([class*="pl-tab"]):not([class*="pl-brand"])):hover { color: var(--pt-gold-ink) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="text"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="email"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="search"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="tel"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="number"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="date"] {
  border-color: var(--pt-line) !important; border-radius: 6px !important; color: var(--pt-navy) !important;
}
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input:focus, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select:focus, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select:focus, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea:focus, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input:focus-visible {
  outline: 2px solid var(--pt-gold) !important; outline-offset: 1px !important; border-color: var(--pt-gold) !important;
}
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-panel, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-section { border-color: var(--pt-line) !important; }
/* ghost buttons on the dark surfaces (project banner, top bar, selection bar, live project cards) stay light */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost {
  border-color: #fff !important; color: #fff !important; background: transparent !important;
}
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost:hover {
  background: #fff !important; color: var(--pt-navy) !important;
}
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head a, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .footer a { color: #fff !important; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-hero a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-intro a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-top a { color: #e6c98f !important; border-bottom-color: rgba(230,201,143,.5) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main { background: var(--pt-beige) !important; background-color: var(--pt-beige) !important; --pl-page-bg: #f6f2ec; --bg: #f6f2ec; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost {
  background: transparent !important;
  border: 1.5px solid var(--pt-navy) !important;
  color: var(--pt-navy) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: var(--pt-navy) !important; color: #fff !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button { color: var(--pt-mute) !important; font-weight: 600 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tab.is-on, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button.is-on, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs button[aria-selected="true"] { color: var(--pt-navy) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-tabs, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tabs { background: var(--pt-beige) !important; border-bottom-color: var(--pt-line) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal a:where(:not(.pl-btn):not(.btn):not([class*="pl-tab"]):not([class*="pl-brand"])) { color: var(--pt-navy) !important; text-decoration-color: var(--pt-gold); text-underline-offset: 3px; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal a:where(:not(.pl-btn):not(.btn):not([class*="pl-tab"]):not([class*="pl-brand"])):hover { color: var(--pt-gold-ink) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="text"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="email"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="search"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="tel"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="number"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="date"] {
  border-color: var(--pt-line) !important; border-radius: 6px !important; color: var(--pt-navy) !important;
}
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input:focus, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select:focus, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select:focus, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea:focus, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input:focus-visible {
  outline: 2px solid var(--pt-gold) !important; outline-offset: 1px !important; border-color: var(--pt-gold) !important;
}
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-panel, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-section { border-color: var(--pt-line) !important; }
/* ghost buttons on the dark surfaces (project banner, top bar, selection bar, live project cards) stay light */
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost {
  border-color: #fff !important; color: #fff !important; background: transparent !important;
}
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost:hover {
  background: #fff !important; color: var(--pt-navy) !important;
}
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .footer a { color: #fff !important; }
}

/* ===== header and footer: match the main website (both themes) ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top { border-bottom: 1px solid #2a3b52 !important; background: #0d1726 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar { min-height: 72px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tab { font-family: var(--f-sans) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .1em !important; text-transform: uppercase !important; border-radius: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; padding: 12px 10px !important; box-shadow: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tab[aria-current="page"] { border-bottom-color: var(--pt-gold) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tab:hover { color: var(--pt-gold) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout:hover { background: var(--pt-btn-hover) !important; border-color: var(--pt-btn-hover) !important; color: var(--pt-btn-hover-ink) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout { background: var(--pt-btn) !important; border: 2px solid var(--pt-btn) !important; color: var(--pt-btn-ink) !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase !important; min-height: 42px !important; padding: 0 22px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { border-radius: 50% !important; }

/* footer: two panels like the site footer (taupe left, beige right), laid out over the portal's footer.pf markup */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) !important; background: linear-gradient(90deg, #857a6b 40%, #e6dfd4 40%) !important; margin: 56px 0 0 !important; color: #fff !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf::before { content: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-in, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-hair, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-hair .pf-in { display: contents !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-brand { grid-column: 1; grid-row: 1; padding: 48px 24px 0 var(--pl-gutter) !important; align-self: start !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-logo { height: 64px !important; width: auto !important; filter: none !important; content: url("../img/logo-light.svg") !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-tag { color: #fff !important; font-size: 14px !important; font-weight: 500 !important; margin: 14px 0 0 !important; max-width: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(2) { grid-column: 1; grid-row: 2 / span 3; padding: 18px 24px 48px var(--pl-gutter) !important; gap: 4px !important; justify-self: start !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) { grid-column: 2; grid-row: 2; padding: 48px var(--pl-gutter) 0 24px !important; justify-self: end !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-lbl { color: #0c1a2b !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .16em !important; margin: 0 6px 0 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(2) .pf-lbl { color: #fff !important; margin-bottom: 4px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-col a, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-m { color: #fff !important; font-size: 14px !important; font-weight: 500 !important; min-height: 32px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-col svg { stroke: #fff !important; opacity: .9 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a { font-size: 0 !important; width: 40px !important; height: 40px !important; min-height: 40px !important; border-radius: 50% !important; justify-content: center !important; background: #0c1a2b !important; gap: 0 !important; transition: background-color .2s !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a svg { width: 17px !important; height: 17px !important; stroke: #fff !important; opacity: 1 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a:hover { background: var(--pt-btn-hover) !important; color: var(--pt-btn-hover-ink) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a:hover svg { stroke: var(--pt-btn-hover-ink) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy { grid-column: 2; grid-row: 3; align-self: end; text-align: right !important; color: #0c1a2b !important; font-size: 12px !important; font-weight: 500 !important; padding: 0 var(--pl-gutter) 0 24px !important; margin: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy a, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy .pf-priv { color: #0c1a2b !important; text-decoration: underline !important; min-height: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built { grid-column: 2; grid-row: 4; text-align: right !important; color: #0c1a2b !important; opacity: .75; font-size: 12px !important; padding: 8px var(--pl-gutter) 28px 24px !important; display: block !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built img { display: inline-block !important; vertical-align: middle; margin-right: 8px; }
@media (max-width: 760px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { grid-template-columns: 1fr !important; background: #e6dfd4 !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-brand, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(2), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built { grid-column: 1 !important; grid-row: auto !important; justify-self: stretch !important; text-align: left !important; padding-left: 20px !important; padding-right: 20px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-brand { order: 1 !important; background: #857a6b !important; padding-top: 36px !important; padding-bottom: 0 !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(2) { order: 2 !important; background: #857a6b !important; padding-top: 14px !important; padding-bottom: 36px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) { order: 3 !important; padding-top: 28px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy { order: 4 !important; padding-top: 18px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built { order: 5 !important; padding-bottom: 28px !important; }
}

/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top { background: #fff !important; border-bottom: 1px solid var(--pt-line) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-logo { filter: none !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top img.pl-logo { content: url("../img/logo-dark.png") !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-brand { color: var(--pt-navy) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab:hover { color: var(--pt-gold-ink) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { border: 1px solid var(--pt-line) !important; color: var(--pt-navy) !important; background: transparent !important; }

/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top { background: #fff !important; border-bottom: 1px solid var(--pt-line) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-logo { filter: none !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top img.pl-logo { content: url("../img/logo-dark.png") !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-brand { color: var(--pt-navy) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab:hover { color: var(--pt-gold-ink) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { border: 1px solid var(--pt-line) !important; color: var(--pt-navy) !important; background: transparent !important; }

}

/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-ink: #e6edf5; --pt-kicker: #d2b27a; --pt-field-bg: #0f1923; --pt-field-line: #2a3b52; --pt-soft: #172437; --pt-body: #c3cfdc; --pt-on-bg: #c9a66b; --pt-on-fg: #0c1a2b; --pt-btn: #ffffff; --pt-btn-ink: #0c1a2b; }
/* logo: the dark-text logo swaps for the light one on dark pages */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-logo { content: url("../img/logo-light.svg") !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { border: 1px solid #2a3b52 !important; color: #d5e0ec !important; background: transparent !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-brand { color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab:hover { color: var(--pt-gold) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { background: linear-gradient(90deg, #4f473d 40%, #172437 40%) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy a, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy .pf-priv, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) .pf-lbl { color: #d5e0ec !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a:hover { color: var(--pt-gold) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-ddmenu .pl-ddi { color: #0c1a2b !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a { background: #0d1726 !important; border: 1px solid #2a3b52 !important; }
@media (max-width: 760px) { html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { background: #172437 !important; } html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-menu { background: #172437 !important; } }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-ink: #e6edf5; --pt-kicker: #d2b27a; --pt-field-bg: #0f1923; --pt-field-line: #2a3b52; --pt-soft: #172437; --pt-body: #c3cfdc; --pt-on-bg: #c9a66b; --pt-on-fg: #0c1a2b; --pt-btn: #ffffff; --pt-btn-ink: #0c1a2b; }
/* logo: the dark-text logo swaps for the light one on dark pages */
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-logo { content: url("../img/logo-light.svg") !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { border: 1px solid #2a3b52 !important; color: #d5e0ec !important; background: transparent !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-brand { color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-tab:hover { color: var(--pt-gold) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { background: linear-gradient(90deg, #4f473d 40%, #172437 40%) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy a, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-copy .pf-priv, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-built, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) .pf-lbl { color: #d5e0ec !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-a:hover { color: var(--pt-gold) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-ddmenu .pl-ddi { color: #0c1a2b !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-grid > .pf-col:nth-child(3) a { background: #0d1726 !important; border: 1px solid #2a3b52 !important; }
@media (max-width: 760px) { html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf { background: #172437 !important; } html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pf-menu { background: #172437 !important; } }
}

/* admin dashboard folds */
.pl-foldbar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.pl-foldbtn{font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:1px solid var(--pt-field-line,#c9c3b6);background:transparent;color:inherit;cursor:pointer;text-align:center}
.pl-foldbtn:hover{background:var(--pt-soft,rgba(0,0,0,.05))}
.pl-cleared{display:none!important}

/* client banner: the client name sits on its own row under the address */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal:not(.pl-admin) .dz-head:has(>.dz-stage)>.dz-client { grid-row: 5 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal:not(.pl-admin) .dz-head:has(>.dz-stage)>.dz-stage { grid-row: 6 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal:not(.pl-admin) .dz-head:has(>.dz-stage)>.dz-facts { grid-row: 7 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal:not(.pl-admin) .dz-head:has(>.dz-stage)>.dz-photo { grid-row: 1 / 7 !important; }

/* phones: header fits on one row, numbers never split, page headers stack */
@media (max-width: 560px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout { padding: 8px 14px !important; font-size: 11px !important; letter-spacing: .08em !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-kpi strong { font-size: clamp(20px, 6.2vw, 26px) !important; white-space: nowrap !important; overflow-wrap: normal !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main .pl-between { flex-wrap: wrap !important; gap: 12px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar .pl-logo { width: 112px !important; height: auto !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar .pl-brand { height: auto !important; padding-inline: 4px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-bar { gap: 8px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync.is-ok::after { content: none !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync.is-ok { padding: 7px 10px !important; margin-left: 0 !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main .pl-between > div:last-child { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; max-width: 100% !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main .pl-between > div:first-child { flex: 1 1 100% !important; min-width: 0 !important; }
}

/* Next up rows: action in bold, the explanation on its own line */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .plq-step { font-weight: 600 !important; display: block; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .plq-step em { display: block !important; font-style: normal !important; font-weight: 400 !important; margin: 3px 0 4px !important; color: var(--pt-body, inherit) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .plq-step .plq-more { font-weight: 600 !important; }

/* phones: compact save status, filters wrap two to a row */
@media (max-width: 560px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync:not(.is-ok) { font-size: 0 !important; letter-spacing: 0 !important; padding: 7px 12px !important; gap: 6px; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync:not(.is-ok)::after { content: "Unsaved"; font: 700 11px/1 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toolbar > * { flex: 1 1 100% !important; min-width: 0 !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toolbar > select, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toolbar > .pl-select { flex: 1 1 calc(50% - 5px) !important; }
}

/* fee schedule: the five inputs line up even when a label wraps to two lines */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .fee-f { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .fee-f > span { min-height: 2.7em; display: flex; align-items: flex-end; }

/* portal footer menus (client and signed-out pages): same dropdowns as the website footer; on phones they open by tap */
@media (max-width: 900px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-ddmenu { display: block !important; position: static !important; min-width: 0 !important; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; padding: 0 !important; margin: 0; box-shadow: none !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-dd.is-open > .pl-ddmenu { max-height: 420px; opacity: 1; visibility: visible; padding: 6px 0 !important; margin: 4px 0 10px; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-dd.has-menu.is-open svg { transform: rotate(180deg); }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-dd.has-menu { display: block; flex: 1 1 100%; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal footer.pf .pl-dd.has-menu > .pl-ddmenu { width: 100%; box-sizing: border-box; }
}

/* client project banner: with no project photo the banner is only as tall as its text */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head > .dz-photo.is-empty { min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .dz-head:has(> .dz-photo.is-empty) { grid-template-rows: auto auto auto auto auto auto auto !important; padding-top: 28px !important; }

/* Gantt: next unfinished bar in gold, shorter legend */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-b.gx-next, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-ms.gx-next { box-shadow: 0 0 0 2px var(--pt-gold), 0 6px 16px -6px rgba(201, 166, 107, .7) !important; z-index: 2; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-lk.gx-next-k { background: transparent; box-shadow: 0 0 0 2px var(--pt-gold); border-radius: 4px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-legend { gap: 8px 18px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-legend span[hidden] { display: none !important; }

/* ===== Admin Today: back-office pages dropdown ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub { margin: 16px 0; background: var(--pt-card, #fff); border: 1px solid var(--pt-line, #e3ded5); border-radius: 14px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 14px 18px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary::-webkit-details-marker { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub[open] > summary::after { transform: rotate(-135deg); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary b { font-size: 14px; font-weight: 700; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span { font-size: 12.5px; opacity: .65; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-l { border-top: 1px solid var(--pt-line, #e3ded5); display: grid; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i { text-align: left; background: none; border: 0; border-bottom: 1px solid var(--pt-line, #e3ded5); padding: 12px 18px; cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font: inherit; color: inherit; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i:last-child { border-bottom: 0; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i:focus-visible { background: rgba(201, 166, 107, .14); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i b { font-size: 14px; font-weight: 700; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span { font-size: 12.5px; opacity: .7; text-align: right; }
@media (max-width: 640px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span { display: none; } html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i { flex-direction: column; gap: 2px; } html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span { text-align: left; } }

/* admin Today: search + quick add */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubbar { display: flex; gap: 10px; margin: 16px 0 0; flex-wrap: wrap; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubbar .pl-input { flex: 1 1 260px; min-width: 0; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr { margin-top: 8px; background: var(--pt-card, #fff); border: 1px solid var(--pt-line, #e3ded5); border-radius: 14px; overflow: hidden; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr[hidden] { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i { width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--pt-line, #e3ded5); padding: 11px 18px; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; font: inherit; color: inherit; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i:last-child { border-bottom: 0; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i:focus-visible { background: rgba(201, 166, 107, .14); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i span { font-size: 12.5px; opacity: .7; text-align: right; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-n { margin: 0; padding: 12px 18px; font-size: 13px; opacity: .7; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-b { font-style: normal; font-size: 11px; font-weight: 700; background: rgba(201, 166, 107, .3); border-radius: 6px; padding: 2px 8px; margin-left: 8px; vertical-align: 1px; }
@media (max-width: 640px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubbar .pl-btn { flex: 1 1 calc(50% - 5px); } }

/* ===== Vendor portal polish ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vsub { margin: -4px 0 18px; font-size: 15px; opacity: .75; max-width: 56ch; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vpage .pl-vlist { list-style: none; padding: 0; margin: 10px 0 14px; display: grid; gap: 6px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vpage .pl-vlist > li { position: relative; padding-left: 26px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vpage .pl-vlist > li::before { content: ""; position: absolute; left: 4px; top: .35em; width: 6px; height: 11px; border-right: 2px solid var(--pt-gold); border-bottom: 2px solid var(--pt-gold); transform: rotate(40deg); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vhelp { margin: 26px 0 0; font-size: 14px; opacity: .8; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-vhelp a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* ===== a little more contrast on the back-office pages (light mode): darker secondary text, firmer lines ===== */
/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-mute: #4f4a43; --pt-line: #d2c8b6; --pt-field-line: #b7ab97; --pt-kicker: #624d1f; --pt-gold-ink: #624d1f; --pt-body: #2b3340; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-muted, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-between > div > p, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-muted-note, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-small.pl-muted, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-note:not(.is-warn) { color: #4a5360 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card .pl-kicker { color: #624d1f !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .chip, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-chip { border-color: #bdb2a0 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-empty { border-color: #b7ab97 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-table th, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tablewrap th { color: #243040 !important; background: #e9eef5 !important; border-bottom: 1px solid #c3ccd8 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-table td { border-bottom-color: #ded6c8 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-panel { border-color: #d2c8b6 !important; box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 12px 26px -20px rgba(16,24,40,.35) !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="text"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="email"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="search"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="tel"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="number"], html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="date"] { border-color: #b7ab97 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .adm2-row > div > span, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i span { opacity: 1; color: #4a5360; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-mute: #4f4a43; --pt-line: #d2c8b6; --pt-field-line: #b7ab97; --pt-kicker: #624d1f; --pt-gold-ink: #624d1f; --pt-body: #2b3340; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-muted, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-between > div > p, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-muted-note, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-small.pl-muted, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-note:not(.is-warn) { color: #4a5360 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card .pl-kicker { color: #624d1f !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .chip, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-chip { border-color: #bdb2a0 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-empty { border-color: #b7ab97 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-table th, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tablewrap th { color: #243040 !important; background: #e9eef5 !important; border-bottom: 1px solid #c3ccd8 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-table td { border-bottom-color: #ded6c8 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-panel { border-color: #d2c8b6 !important; box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 12px 26px -20px rgba(16,24,40,.35) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-input, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-select, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal select, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal textarea, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="text"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="email"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="search"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="tel"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="number"], html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal input[type="date"] { border-color: #b7ab97 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .adm2-row > div > span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i span { opacity: 1; color: #4a5360; }
}

/* site offer flag on the admin fee card */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 12px 16px; border: 1px solid #c9a66b; border-left-width: 4px; border-radius: 10px; background: rgba(201, 166, 107, .14); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox.is-on { background: rgba(46, 125, 80, .1); border-color: #2e7d50; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox b { font-size: 14px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox span { font-size: 13px; opacity: .85; }
@media (max-width: 640px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox { flex-direction: column; align-items: stretch; } }

/* sign-in card: readable intro line on the dark band; with a saved Punchlist, "Create my free account" is the one primary button */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-login-go, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-login-go.is-idle { background: transparent !important; color: var(--pt-navy) !important; border: 2px solid var(--pt-navy) !important; }

/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead .pl-kicker { color: #d2b27a !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-muted, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-kicker, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-note, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-small, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-muted, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-small, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-kicker { color: #c3cfdd !important; opacity: 1 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.pl-la-btn { color: #fff !important; border: 2px solid rgba(255,255,255,.7) !important; background: transparent !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.pl-la-btn:hover { background: #fff !important; color: var(--pt-navy) !important; border-color: #fff !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead p, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead .pl-muted { color: #cdd9e6 !important; opacity: 1 !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-btn.pl-login-go { background: transparent !important; background-color: transparent !important; color: var(--pt-navy) !important; border: 2px solid var(--pt-navy) !important; box-shadow: none !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-btn.pl-login-go:hover { background: var(--pt-navy) !important; color: #fff !important; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead .pl-kicker { color: #d2b27a !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-muted, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-kicker, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-note, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-small, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-muted, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-small, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-card .pl-kicker { color: #c3cfdd !important; opacity: 1 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.pl-la-btn { color: #fff !important; border: 2px solid rgba(255,255,255,.7) !important; background: transparent !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.pl-la-btn:hover { background: #fff !important; color: var(--pt-navy) !important; border-color: #fff !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead p, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-loginhead .pl-muted { color: #cdd9e6 !important; opacity: 1 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-btn.pl-login-go { background: transparent !important; background-color: transparent !important; color: var(--pt-navy) !important; border: 2px solid var(--pt-navy) !important; box-shadow: none !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-login--draft .pl-btn.pl-login-go:hover { background: var(--pt-navy) !important; color: #fff !important; }
}

/* buttons on the dark banners keep their contrast on hover (they were turning navy on navy) */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard .cx-btn:focus-visible, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-wnext .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today .pl-btn:hover {
  background: #fff !important; background-color: #fff !important; border-color: #fff !important; color: var(--pt-navy) !important; }
/* consultation picker: a day row, then that day's times */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-daytabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 12px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-daytab { font: 600 13px var(--f-sans); padding: 10px 16px; min-height: 44px; border-radius: 6px; border: 1.5px solid rgba(255,255,255,.35); background: transparent; color: #fff; cursor: pointer; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-daytab.is-on { background: #fff; color: var(--pt-navy); border-color: #fff; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed { display: block !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed .cx-day { display: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed .cx-day.is-open { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed .cx-day > b { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd { margin-top: 12px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd > summary { cursor: pointer; font-weight: 600; font-size: 14px; color: #fff; list-style: none; padding: 6px 0; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd > summary::-webkit-details-marker { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd > summary::after { content: " +"; opacity: .8; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd[open] > summary::after { content: " \2212"; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd .cx-ohead { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-otherd .cx-other { border: 0 !important; padding: 8px 0 0 !important; background: transparent !important; }
/* photos & documents: tucked away, buttons never wrap */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d { margin-top: 18px; border-top: 1px solid var(--pt-line); padding-top: 14px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d > summary { cursor: pointer; font-weight: 700; font-size: 14px; list-style: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d > summary::-webkit-details-marker { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d > summary::after { content: " +"; color: var(--pt-gold-ink); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d[open] > summary::after { content: " \2212"; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d button { white-space: nowrap; min-height: 52px; }

html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed { border: 0 !important; background: transparent !important; padding: 0 !important; overflow: visible !important; box-shadow: none !important; }

/* dark mode: the newer pieces (back-office pages dropdown, offer flag, folds, quote "How the fee works") */
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-kicker, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card .pl-kicker, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-agenda .pl-kicker { color: #dcbf88 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more > summary { color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr { background: #172437 !important; border-color: #2a3b52 !important; color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary b, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i b, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i b { color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i span, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-n { color: #b9c7d8 !important; opacity: 1 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-l, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i { border-color: #2a3b52 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i:hover, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i:hover { background: rgba(201, 166, 107, .16) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-b { color: #fff !important; background: rgba(201, 166, 107, .35) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox { background: rgba(201, 166, 107, .16) !important; color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox.is-on { background: rgba(46, 125, 80, .22) !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox b, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox span { color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d > summary { color: #e6edf5 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d { border-color: #2a3b52 !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-kicker, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-card .pl-kicker, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-agenda .pl-kicker { color: #dcbf88 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-more > summary { color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr { background: #172437 !important; border-color: #2a3b52 !important; color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary b, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i b, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i b { color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub > summary span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i span, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-n { color: #b9c7d8 !important; opacity: 1 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-l, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i { border-color: #2a3b52 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-i:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hubr-i:hover { background: rgba(201, 166, 107, .16) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-b { color: #fff !important; background: rgba(201, 166, 107, .35) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox { background: rgba(201, 166, 107, .16) !important; color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox.is-on { background: rgba(46, 125, 80, .22) !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox b, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-offerbox span { color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d > summary { color: #e6edf5 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-photos-d { border-color: #2a3b52 !important; }
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed .cx-day, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-slots.is-tabbed .cx-day.is-open { border: 0 !important; border-radius: 0 !important; outline: 0 !important; }

/* ===== Schedule tools: dependency lines, critical path, conflicts ===== */
.gx-dep { position: absolute; left: 0; top: 0; pointer-events: none; overflow: visible; z-index: 4; }
.gx-dep .gx-dep-l { fill: none; stroke: #7d6636; stroke-width: 1.6; }
.gx-dep .gx-dep-a { fill: #7d6636; stroke: none; }
.gx-dep .is-bad { stroke: #b42318; fill: #b42318; }
.gx-dep .gx-dep-l.is-bad { fill: none; stroke-dasharray: 4 3; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-b.is-crit, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx .gx-ms.is-crit { box-shadow: 0 0 0 2px #9a7b3f !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard { margin: 14px 0 0; border: 1px solid var(--pt-line); border-radius: 12px; background: var(--pt-field-bg, #fff); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary { cursor: pointer; list-style: none; padding: 14px 18px; display: flex; flex-direction: column; gap: 2px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary::-webkit-details-marker { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary b { font-size: 14px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary span { font-size: 13px; opacity: .8; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depwarn { font-style: normal; font-weight: 700; color: #b42318; margin-left: 6px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > p, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depissues { margin: 0; padding: 0 18px 10px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depissues { list-style: none; display: grid; gap: 6px; font-size: 13px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depissues li::before { content: "! "; font-weight: 800; color: #b42318; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard .pl-tablewrap { padding: 0 12px 14px; overflow-x: auto; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard table { min-width: 720px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard tr.is-bad td { background: rgba(180, 35, 24, .08); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard .pl-input, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard .pl-select { min-height: 38px; padding: 6px 8px; font-size: 13px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard .pl-check { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; cursor: pointer; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard .pl-check input { width: 22px; height: 22px; }
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-dep .gx-dep-l { stroke: #d2b27a; } html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-dep .gx-dep-a { fill: #d2b27a; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depissues, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary span { color: #c3cfdc !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-dep .gx-dep-l { stroke: #d2b27a; } html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-dep .gx-dep-a { fill: #d2b27a; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depissues, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-depcard > summary span { color: #c3cfdc !important; }
}

/* ===== Client dashboard: four areas, Files and History secondary ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxnav { display: flex; align-items: stretch; gap: 2px; overflow-x: auto; scrollbar-width: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxnav::-webkit-scrollbar { display: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxnav .ds-tab { flex: 0 0 auto; white-space: nowrap; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxmore { display: flex; margin-left: auto; padding-left: 12px; border-left: 1px solid var(--pt-line); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxnav .ds-tab--more { font-size: 13px; font-weight: 500; opacity: .85; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li { padding: 10px 14px; border: 1px solid var(--pt-line); border-radius: 10px; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li em { font-style: normal; font-size: 12px; font-weight: 700; margin-left: auto; opacity: .75; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li em.is-in { opacity: 1; color: #1f6b46; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxnote { margin: 0 0 14px; font-size: 14px; opacity: .85; }
@media (max-width: 720px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxmore { padding-left: 8px; } }
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxmore { border-left-color: #2a3b52 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li { border-color: #2a3b52 !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li em.is-in { color: #7fd4a4 !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxmore { border-left-color: #2a3b52 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li { border-color: #2a3b52 !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-cxlist li em.is-in { color: #7fd4a4 !important; }
}
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-help { border-top: 1px solid #2a3b52 !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-help { border-top: 1px solid #2a3b52 !important; }
}

/* Admin header: even spacing inside the status pill, nav underline close to its label */
@media (min-width: 761px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-sync { gap: 3px !important; } }
@media (min-width: 901px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-toptabs .pl-tab { min-height: 30px !important; height: 30px !important; padding-top: 0 !important; padding-bottom: 0 !important; } }

/* Admin lists: quiet list controls, one vertical rhythm on Today, steadier KPI strip and vendor rows, readable primary button on the navy header */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-foldbar { gap: 20px !important; margin: 2px 0 8px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-foldbtn { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 4px 0 !important; min-height: 28px; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .08em !important; color: var(--pt-body, #46566a) !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-foldbtn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-foldbtn:focus-visible { color: var(--pt-ink, #0c1a2b) !important; background: transparent !important; text-decoration: underline; text-decoration-color: var(--pt-gold, #c9a66b); text-decoration-thickness: 2px; text-underline-offset: 5px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main > .pl-between:has(+ .pl-today) { margin-bottom: 20px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today { margin-top: 0 !important; gap: 20px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today > .adm2-attn { margin-top: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today > :first-child { padding-block: 0 !important; margin: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today > :first-child > .pl-hubbar { margin-top: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today > :first-child > .pl-hub { margin-bottom: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today > .adm2-attn { margin-bottom: 0 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-kpi { padding-inline: 22px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-kpi > :first-child { font-size: 11.5px !important; letter-spacing: .07em !important; }
@media (min-width: 761px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-avrow { grid-template-columns: minmax(0, .8fr) minmax(0, .9fr) minmax(0, 2.3fr) !important; } }
@media (max-width: 760px) { html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-avrow { grid-template-columns: 1fr !important; gap: 6px !important; } }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main > .pl-between:has(> div > .pl-kicker + h1.pl-h1) .pl-btn:not(.pl-btn--ghost) { background: #fff !important; color: var(--pt-navy, #0c1a2b) !important; border-color: #fff !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-main > .pl-between:has(> div > .pl-kicker + h1.pl-h1) .pl-btn:not(.pl-btn--ghost):hover { background: #eef3f8 !important; border-color: #eef3f8 !important; }
/* Project cards: the type label wraps under the status badge instead of squeezing into three lines; wide tables fade at the edge while more columns are hidden */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-row { flex-wrap: wrap; row-gap: 8px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-row > .pl-muted.pl-small { flex: 1 1 100%; font-size: 11px; letter-spacing: .06em; white-space: normal; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tablewrap.has-more { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }
/* Client Overview on phones: the side column fills the width like the cards above it (it was shrinking to its text) */
@media (max-width: 900px) { html body .pl-shell .dz-grid.dz-cx > .dz-side { width: 100% !important; align-self: stretch !important; } }
/* ===== Less bubbly: buttons, badges and the sub-menu bar use small corners instead of full pills (circles for numbers/avatars stay round) ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-sync, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal summary.pl-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal label.pl-btn { border-radius: 6px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-badge, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .prc-tag, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-doc-st, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-state, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-led-st, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-b, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-flag { border-radius: 4px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-subnav, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-readysum.is-sub, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-seg { border-radius: 8px !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-subnav button, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-subnav a, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-seg button { border-radius: 6px !important; }

/* ===== Architectural buttons: square-ish (4px), 36px, flat, medium weight. Navy primary; pale blue-gray secondary; hover = slightly lighter navy / darker border. No pills, glow, gradients or shadows. ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-btn-hover: #1f3a5f; --pt-btn-hover-ink: #ffffff; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal summary.pl-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal label.pl-btn, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn {
  border-radius: 4px !important; box-shadow: none !important; background-image: none !important;
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .05em !important; min-height: 36px;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--sm, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn { min-height: 32px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light) { border-width: 1px !important; font-weight: 600 !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-badge, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .prc-tag, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-doc-st, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-state, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-led-st, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-hub-b, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-flag { border-radius: 3px !important; }
/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: #eef2f7 !important; border: 1px solid #b9c7da !important; color: var(--pt-navy) !important; font-weight: 600 !important; letter-spacing: .05em !important; border-radius: 4px !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: #e3eaf3 !important; border-color: #7e98b8 !important; color: var(--pt-navy) !important; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: #eef2f7 !important; border: 1px solid #b9c7da !important; color: var(--pt-navy) !important; font-weight: 600 !important; letter-spacing: .05em !important; border-radius: 4px !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: #e3eaf3 !important; border-color: #7e98b8 !important; color: var(--pt-navy) !important; }
}
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-btn-hover: #dfe7f1; --pt-btn-hover-ink: #0c1a2b; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: transparent !important; border: 1px solid #3a4f6b !important; color: #d5e0ec !important; font-weight: 600 !important; border-radius: 4px !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: rgba(255,255,255,.06) !important; border-color: #7e98b8 !important; color: #fff !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --pt-btn-hover: #dfe7f1; --pt-btn-hover-ink: #0c1a2b; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: transparent !important; border: 1px solid #3a4f6b !important; color: #d5e0ec !important; font-weight: 600 !important; border-radius: 4px !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: rgba(255,255,255,.06) !important; border-color: #7e98b8 !important; color: #fff !important; }
}

/* ===== Gradient buttons (replaces the flat "architectural" buttons above): gradient primary, soft-fill secondary, green success, hover = lift + brighter gradient + bigger glow ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --bg-grad: linear-gradient(135deg,#1f9bff 0%,#2a5df0 55%,#3a35d0 100%); --bg-grad-h: linear-gradient(135deg,#3aaeff 0%,#3b6ff5 55%,#4b46e0 100%); --bt-glow: 0 12px 26px -10px rgba(42,93,240,.65); --bt-glow-h: 0 18px 32px -10px rgba(42,93,240,.8); --ok-grad: linear-gradient(135deg,#2fb86a,#13884a); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn:not(.pl-gpay), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout,
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--navy, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .qt-btn:not(.is-ghost) {
  background: var(--bg-grad) !important; background-color: #2a5df0 !important; border: 0 !important; color: #fff !important;
  border-radius: 999px !important; box-shadow: var(--bt-glow) !important; min-height: 40px; padding-left: 20px; padding-right: 20px; font-weight: 800 !important; letter-spacing: .1em !important; font-size: 11.5px !important;
  transition: background .2s, box-shadow .2s, transform .2s !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy:hover:not(:disabled), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost):hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn:not(.pl-gpay):hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout:hover,
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--navy:hover:not(:disabled), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn:hover {
  background: var(--bg-grad-h) !important; background-color: #3b6ff5 !important; border: 0 !important; color: #fff !important; transform: translateY(-2px); box-shadow: var(--bt-glow-h) !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):active, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn:active, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:active { transform: none; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--sm, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn { min-height: 34px; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .qt-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-wnext .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next .pl-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-today .pl-btn:hover { background: var(--bg-grad-h) !important; border: 0 !important; color: #fff !important; }
/* secondary = soft fill */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: #e3ebfd !important; background-image: none !important; border: 0 !important; color: #2250d8 !important; border-radius: 999px !important; box-shadow: none !important; font-weight: 800 !important; letter-spacing: .1em !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: #d0defc !important; color: #2250d8 !important; transform: translateY(-2px); }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost { background: rgba(255,255,255,.16) !important; color: #fff !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost:hover { background: rgba(255,255,255,.28) !important; color: #fff !important; }
/* success */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-applied, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-done, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn.is-sent, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ok, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn.is-sent { background: var(--ok-grad) !important; background-color: #13884a !important; border: 0 !important; color: #fff !important; box-shadow: 0 12px 26px -10px rgba(19,136,74,.6) !important; transform: none !important; }
/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: #e3ebfd !important; border: 0 !important; color: #2250d8 !important; border-radius: 999px !important; }
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: #d0defc !important; border: 0 !important; color: #2250d8 !important; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: #e3ebfd !important; border: 0 !important; color: #2250d8 !important; border-radius: 999px !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: #d0defc !important; border: 0 !important; color: #2250d8 !important; }
}
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: rgba(90,130,255,.18) !important; border: 0 !important; color: #9db8ff !important; border-radius: 999px !important; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: rgba(90,130,255,.3) !important; border: 0 !important; color: #fff !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost { background: rgba(90,130,255,.18) !important; border: 0 !important; color: #9db8ff !important; border-radius: 999px !important; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: rgba(90,130,255,.3) !important; border: 0 !important; color: #fff !important; }
}

/* ===== Phones: every admin tab is reachable (3 x 2 grid instead of a sideways-scrolling row) and buttons have 40-44px touch targets ===== */
@media (max-width: 600px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-toptabs, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-toptabs.has-more { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; padding-right: 0 !important; width: 100% !important; flex: 1 1 100% !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-top .pl-toptabs .pl-tab { justify-content: center !important; text-align: center !important; padding-left: 4px !important; padding-right: 4px !important; letter-spacing: .06em !important; min-height: 40px !important; }
}
@media (max-width: 760px) {
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--sm), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn { min-height: 44px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--sm, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .hist-btn { min-height: 40px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-subtab, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-stchip, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { min-height: 40px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .theme-btn { min-width: 40px !important; }
  html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-foldbtn, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-tour-again, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-link, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-link { display: inline-flex !important; align-items: center !important; min-height: 36px !important; }
}

/* ===== Subtle hover: fill turns transparent, outline in the dark colour (white on dark banners and in Night). No lift, no glow. ===== */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --bt-ring: #0c1a2b; --bt-ring-soft: #2250d8; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-wnext, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next { --bt-ring: #fff; --bt-ring-soft: #fff; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--navy:hover:not(:disabled), html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn:not(.is-ghost):hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .gx-btn:not(.pl-gpay):hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-signout:hover,
html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn:not(.pl-btn--ghost):not(.pl-btn--danger):not(.pl-btn--light):hover:not(:disabled), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--navy:hover:not(:disabled), html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .cx-btn:hover,
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .qt-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-wnext .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next .pl-btn:hover {
  background: transparent !important; background-color: transparent !important; color: var(--bt-ring, #0c1a2b) !important; box-shadow: inset 0 0 0 2px var(--bt-ring, #0c1a2b) !important; transform: none !important;
}
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: transparent !important; color: var(--bt-ring-soft, #2250d8) !important; box-shadow: inset 0 0 0 2px var(--bt-ring-soft, #2250d8) !important; transform: none !important; }
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-ahead .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-selbar .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-pcard .pl-btn--ghost:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-hero .pl-btn--ghost:hover { background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 2px #fff !important; }
/* light mode: explicit */
html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="light"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: transparent !important; color: #2250d8 !important; box-shadow: inset 0 0 0 2px #2250d8 !important; border: 0 !important; }
/* light mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: transparent !important; color: #2250d8 !important; box-shadow: inset 0 0 0 2px #2250d8 !important; border: 0 !important; }
}
/* dark mode: explicit */
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --bt-ring: #fff; --bt-ring-soft: #9db8ff; }
html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html[data-theme="dark"] body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: transparent !important; color: #9db8ff !important; box-shadow: inset 0 0 0 2px #9db8ff !important; border: 0 !important; }
/* dark mode: OS setting, when the user has not picked a theme */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal { --bt-ring: #fff; --bt-ring-soft: #9db8ff; }
html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .pl-btn--ghost:hover, html:not([data-theme="dark"]):not([data-theme="light"]) body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .qt-btn.is-ghost:hover, html body .pl-modal.pl-modal.pl-modal.pl-modal.pl-modal.pl-modal .pl-btn--ghost:hover { background: transparent !important; color: #9db8ff !important; box-shadow: inset 0 0 0 2px #9db8ff !important; border: 0 !important; }
}
/* the older banner-button hover rules in site.css out-rank the block above, so these repeat the id more often */
html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-next .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-wnext .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-welcome .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-nextcard .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .cx-consult .cx-btn:hover, html body #projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal#projectPortal .ds-next .pl-btn:hover { background: transparent !important; background-color: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 2px #fff !important; border-color: transparent !important; transform: none !important; }