/* Shared "Where you want to win" component (places.js) and the profile additions (profile.js). design.css tokens only, so it reads the same on the dark wizard, the light terminal and the real profile page. */
.places { display: block; } .places .pl-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .places .pl-h .h4 { margin: 0 0 8px; } .places .pl-sum { color: var(--text2); font-size: var(--fs-2); }
.places .pl-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 10px; } .places .pl-tools .in { flex: 1 1 200px; height: 40px; margin: 0; font-size: var(--fs-3); } .places .pl-tools b { font-size: var(--fs-3); margin-right: auto; }
.places .chipset { gap: 6px; margin: 0 0 12px; } .places .fchip { height: 36px; padding: 0 12px; font-size: var(--fs-2); cursor: pointer; background: transparent; font-family: var(--font); display: inline-flex; align-items: center; gap: 6px; }
.places .fchip b { font-weight: 600; } .places .fchip small { font-size: 11.5px; color: var(--mute); font-weight: 400; } .places .fchip[aria-pressed="true"] small, .places .fchip[aria-checked="true"] small { color: inherit; opacity: .8; }
.places .pl-grp .fchip { border-style: dashed; } .places .pl-grp .fchip[aria-pressed="true"] { border-style: solid; }
.places .pl-st.dim .fchip { opacity: .75; } .places .fchip:hover { border-color: var(--text2); }
.places .pl-abroad { margin: 0 0 12px; } .places .pl-abroad small { display: block; color: var(--mute); font-weight: 400; font-size: var(--fs-2); margin-top: 3px; line-height: 1.4; }
.places .pl-rgw { display: inline-flex; align-items: stretch; } .places .pl-rgw .fchip { border-top-right-radius: 0; border-bottom-right-radius: 0; } .places .pl-x { width: 36px; height: 36px; border: 1px solid var(--line2); border-left: 0; border-radius: 0 999px 999px 0; background: transparent; color: var(--text2); font: 500 16px/1 var(--font); cursor: pointer; } .places .pl-x:hover { color: var(--text); border-color: var(--text2); }
.places .pl-co { border: 1px solid var(--line); border-radius: 10px; padding: 12px 12px 2px; margin: 0 0 12px; background: var(--raised); } .places .pl-sum2 { margin: 0 0 8px; }
.places [hidden] { display: none !important; }
.chipset.avoid .fchip.red { border-color: var(--bad); color: var(--bad); flex-direction: column; align-items: flex-start; gap: 0; height: auto; min-height: 36px; padding: 6px 12px; line-height: 1.2; } .chipset.avoid .fchip.red small { color: var(--bad); opacity: .8; } .chipset.avoid .fchip.red[aria-pressed="true"] { background: var(--bad); color: #fff; border-color: var(--bad); } .chipset.avoid .fchip.red[aria-pressed="true"] small { color: #fff; }
.fchip[role="radio"][aria-checked="true"] { background: var(--text); color: var(--bg); border-color: var(--text); }
@media (max-width: 760px) { .places .fchip, .places .pl-x, .chipset.avoid .fchip.red { min-height: 44px; } .places .pl-tools .in { height: 44px; } }
/* NAICS picker (naics.js) */
.npick { position: relative; } .npick .nchips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; } .npick .nchip { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 4px 0 12px; border: 1px solid var(--text); border-radius: 999px; font-size: var(--fs-2); background: var(--raised); } .npick .nchip b { font-weight: 600; } .npick .nchip button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--text2); font-size: 16px; cursor: pointer; } .npick .nchip button:hover { background: var(--line); color: var(--text); }
.npick .nbox { display: flex; gap: 8px; } .npick .nbox .in { flex: 1; height: 44px; margin: 0; font-size: 16px; } .npick .nbox .btn { height: 44px; }
.npick .nlist { margin-top: 6px; max-height: 320px; overflow: auto; border: 1px solid var(--line2); border-radius: 10px; background: var(--panel); padding: 6px; } .npick .nhd { padding: 6px 8px; color: var(--mute); font-size: var(--fs-1); } .npick .nghd { padding: 8px 8px 2px; color: var(--text2); font-size: var(--fs-1); font-weight: 500; border-top: 1px solid var(--line); margin-top: 4px; } .npick .ngrp:first-child .nghd { border-top: 0; margin-top: 0; }
.npick .nopt { display: block; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--text); font: 400 var(--fs-3)/1.3 var(--font); cursor: pointer; min-height: 40px; } .npick .nopt b { font-weight: 600; margin-right: 4px; } .npick .nopt:hover, .npick .nopt.hi { background: var(--raised); } .npick .nopt.on { background: var(--accent-soft); box-shadow: inset 2px 0 0 var(--accent); } .npick mark { background: var(--accent-soft); color: inherit; }
.npick .nsec { border-top: 1px solid var(--line); margin-top: 6px; padding-top: 4px; } .npick .nsect { display: block; width: 100%; text-align: left; padding: 7px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--text2); font: 500 var(--fs-2)/1.3 var(--font); cursor: pointer; min-height: 36px; } .npick .nsect span { color: var(--text); font-weight: 400; } .npick .nsect:hover { background: var(--raised); }
.npick .nhint { margin: 6px 0 0; font-size: var(--fs-1); }
/* UEI lookup card (wizard step 1) */
.ueirow { display: flex; gap: 8px; } .ueirow .in { flex: 1; text-transform: uppercase; letter-spacing: .06em; font-family: var(--mono, ui-monospace, monospace); } .ueirow .btn { height: 48px; }
.ueicard { border: 1px solid var(--line2); border-radius: 10px; background: var(--panel); padding: 16px; margin: 14px 0; } .ueicard h3 { margin: 0 0 4px; font: 600 18px/1.3 var(--font); } .ueicard .ueist { color: var(--text2); font-size: var(--fs-2); margin: 0 0 10px; } .ueicard dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; } .ueicard dt { color: var(--mute); font-size: var(--fs-1); } .ueicard dd { margin: 2px 0 0; font-size: var(--fs-3); } .ueicard .acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } .ueicard .acts .btn { height: 44px; }
.ueicard.bad { border-color: var(--bad); } .ueicard .skel { height: 14px; border-radius: 6px; background: var(--raised); margin: 8px 0; }
@media (max-width: 760px) { .ueicard dl { grid-template-columns: 1fr; } }
/* seat stepper (seats.js), pricing card and wizard */
.seats .seatrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .seats .seatlbl { font-weight: 500; } .seats .stepper { display: inline-flex; align-items: center; gap: 4px; } .seats .stepper .btn { width: 44px; height: 44px; padding: 0; justify-content: center; font-size: 20px; } .seats .seatn { width: 64px; height: 44px; margin: 0; text-align: center; font-size: 16px; -moz-appearance: textfield; } .seats .seatn::-webkit-inner-spin-button, .seats .seatn::-webkit-outer-spin-button { -webkit-appearance: none; }
.seats .seattot { margin-left: auto; color: var(--text2); } .seats .seattot b { color: var(--text); font-size: var(--fs-5); font-variant-numeric: var(--num); }
.seats .seatlines { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; color: var(--text2); font-size: var(--fs-2); } .seats .seatlines li { display: flex; justify-content: space-between; gap: 12px; } .seats .seatlines li span:last-child { font-variant-numeric: var(--num); color: var(--text); }
.seats .seattiers { width: 100%; border-collapse: collapse; margin: 10px 0 0; font-size: var(--fs-1); } .seats .seattiers th { text-align: left; color: var(--mute); font-weight: 500; padding: 0 8px 2px 0; } .seats .seattiers td { padding: 0 8px 0 0; color: var(--text); font-variant-numeric: var(--num); }
.seats .seatnote { margin: 10px 0 0; color: var(--mute); font-size: var(--fs-2); }
/* the real mark in brand links and the footer */
.brand svg.mk, .wzt .brand svg.mk { width: 32px; height: 32px; display: block; background: none; box-shadow: none; border-radius: 8px; } .pfoot .fmark { display: inline-flex; align-items: center; gap: 8px; color: var(--text); font-weight: 600; } .pfoot .fmark svg { width: 20px; height: 20px; border-radius: 5px; } .pfoot .fmark .us { color: var(--accent); }
/* Company Profile page: designer's phone-first spec (design-e5, 12 Oct 2026, design/brief/company-phone). One card level, gold only for the primary action, NAICS rows as a grid, one States control. */
/* WARNO company profile (company-profile.html), phone first, live gold look. Designer, 12 Oct 2026.
   Put this block in a NEW <style id="cpv4"> right after <style id="acv3"> (the last style in account-profile.html) and delete the rules listed in SPEC.md §3.
   Prefix: every rule sits under `html body .wrap:has(#cp-load)` (the page's own hook in theme.css / site-completion.css), so it wins over those blocks and the inline ones. Nesting is already used by theme.css.
   Values are the live ones: gold #f0c05a / hover #ffd778 / dark gold #b8861f, text #0b1019, text2 #1d2a3a, muted #5f6b7c, line #d9e0e8, page #f4f6f9, link #225f97. */
:root { --cp-gold: #f0c05a; --cp-gold2: #ffd778; --cp-gold-dk: #b8861f; --cp-on-gold: #0b1019; --cp-text: #0b1019; --cp-text2: #1d2a3a; --cp-mute: #5f6b7c; --cp-line: #d9e0e8; --cp-surface: #fff; --cp-page: #f4f6f9; --cp-link: #225f97; --cp-bad: #a3261e;
        --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --gut: 16px; --r: 8px; --r2: 12px; }
html[data-theme="dark"] { --cp-text: #e6ebf2; --cp-text2: #c2cbd7; --cp-mute: #98a3b3; --cp-line: #2b3445; --cp-surface: #151b25; --cp-page: #0e131b; --cp-link: #8ab8ee; }

html body .wrap.ov.doc:has(#cp-load) { padding-left: var(--gut) !important; padding-right: var(--gut) !important; }   /* mobile.css sets 12 px with a stronger selector */
html body .wrap:has(#cp-load) {
  /* 0. the shared components (places.js, naics.js, profile.js) read design.css tokens; this page never defines them */
  & #acin, & #pwrap { --text: var(--cp-text); --text2: var(--cp-text2); --mute: var(--cp-mute); --line: var(--cp-line); --line2: var(--cp-line); --panel: var(--cp-surface); --raised: var(--cp-page); --bg: var(--cp-page); --accent: var(--cp-gold); --bad: var(--cp-bad);
                      --fs-1: 12px; --fs-2: 14px; --fs-3: 16px; --fs-4: 18px; --fs-5: 20px; --num: tabular-nums; }
  & #acin [hidden], & .pform label[hidden], & .pform fieldset[hidden] { display: none !important; }   /* .pform label{display:flex} was beating [hidden]: that is the second States control and the Countries input */
  & #acin:has(#pf-naicspick .npick) .naics-selected { display: none !important; }                       /* the picker lists every code; the "23 codes selected · Show all 23 codes" preview goes */

  /* 1. one grid: 16 px gutter, one column, 12 px between cards; the section nav is one scrolling row */
  & #pwrap { margin-top: var(--s4); max-width: 860px; }
  & .w-head h2 { font-size: 26px; line-height: 1.15; margin: 0 0 var(--s2); }
  & .w-head p { font-size: 15px; line-height: 1.5; color: var(--cp-text2); margin: 0; }
  & #acin .organization-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: var(--s2); margin: var(--s4) calc(-1 * var(--gut)) var(--s4); padding: 0 var(--gut); }
  & #acin .organization-nav::-webkit-scrollbar { display: none; }
  & #acin .organization-nav a { flex: none; min-height: 40px; padding: 0 14px; font-size: 14px; font-weight: 500; color: var(--cp-text); background: var(--cp-surface); border: 1px solid var(--cp-line); border-radius: 20px; box-shadow: none; text-decoration: none; }
  & #acin .organization-nav a:hover, & #acin .organization-nav a:focus-visible { color: var(--cp-text); border-color: var(--cp-gold-dk); background: var(--cp-surface); transform: none; }

  /* 2. one card level: white, 1 px line, radius 12, padding 16, no shadow, no tint, no gradient, no gold top bar; everything inside a card is flat */
  & #acin .pcard, & #acin .bf, & #acin #cs-review { background: var(--cp-surface) !important; background-image: none !important; border: 1px solid var(--cp-line) !important; border-radius: var(--r2) !important; box-shadow: none !important; padding: var(--s4) !important; margin: 0 0 var(--s3) !important; }
  & #acin .bf:has(> #pwrap), & #acin .bf:has(> #pform) { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }   /* the wrapper around the whole form is not a card */
  & #acin #propdocs > .pcard, & #acin .pcard .pcard, & #acin .profile-naics-list, & #acin .places .pl-co, & #acin .places .pl-abroad, & #acin .pform fieldset, & #acin #cs-paste { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
  & #acin .pform fieldset { display: block; }
  & #acin .pform fieldset legend { padding: 0; margin: 0 0 var(--s2); font-size: 14px; font-weight: 600; color: var(--cp-text); }
  & #acin .pform fieldset > div { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); }
  & #acin .profile-section-fields { border-top: 1px solid var(--cp-line); margin-top: var(--s3); padding-top: var(--s4); }
  & #acin .acc.shut > .accsum { margin: var(--s1) 0 0; font-size: 13px; color: var(--cp-mute); }

  /* 3. type scale (phones): 26 title · 18 card title · 15 body · 14 labels, legends, chips · 16 inputs and buttons · 13 captions */
  & #acin .pcard h3, & #pwrap .pcard > h3, & #acin .profile-section-toggle, & #acin #ci-title, & #acin #cm-title, & #acin .bf .bq, & #acin .bf h3 { font-size: 18px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--cp-text) !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 0 var(--s2) !important; }
  & #acin .acc > h3 { margin: 0 !important; }
  & #acin .pcard p, & #acin .pdim, & #acin .pdocs-lead, & #acin .bf p, & #acin .bf li { font-size: 15px !important; line-height: 1.5 !important; color: var(--cp-text2); margin: 0 0 var(--s3); }
  & #acin .pform label, & #acin fieldset legend, & #acin fieldset label, & #acin .ck { font-size: 14px !important; font-weight: 600; color: var(--cp-text); gap: 6px; }
  & #acin .pform label small { font-weight: 400; color: var(--cp-mute); font-size: 13px; }
  & #acin .ck { display: flex; flex-direction: row; align-items: center; min-height: 44px; font-weight: 500; gap: 10px; }
  & #acin .ck input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: var(--cp-gold-dk); }
  & #acin .pform input, & #acin .pform select, & #acin .pform textarea, & #acin .ci-field textarea, & #acin .npick .in, & #acin .places .in { font-size: 16px !important; line-height: 1.5; min-height: 44px; padding: 9px 12px !important; border: 1px solid var(--cp-line); border-radius: var(--r); background: var(--cp-surface); color: var(--cp-text); box-shadow: none; }
  & #acin .pform textarea, & #acin .ci-field textarea { min-height: 96px; }
  & #acin .pform input:focus, & #acin .pform select:focus, & #acin .pform textarea:focus, & #acin .ci-field textarea:focus, & #acin .npick .in:focus, & #acin .places .in:focus { outline: none; border-color: var(--cp-gold-dk); box-shadow: 0 0 0 3px rgba(240, 192, 90, .45); }
  & #acin .pgrid { display: grid; grid-template-columns: 1fr; gap: var(--s4); }
  & #acin .pmsg, & #acin .accsum, & #acin .profile-naics-count, & #acin .places .pl-sum2, & #acin .pdocs-none { font-size: 13px; color: var(--cp-mute); }

  /* 4. one accent: gold = the primary action; selected = filled dark (the live radio rule); all else text and line. No amber, green, blue or navy */
  & #acin .ci-badge, & #acin .cm-badge { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--w-gold-text, #8a5f12); background: transparent; border: 0; padding: 0; margin: 0 0 var(--s2); }
  & #acin .btn, & #acin button.btn, & #acin a.btn, & #acin .plbtn { min-height: 44px !important; padding: 0 var(--s4) !important; font-size: 16px !important; font-weight: 600; letter-spacing: 0 !important; text-transform: none !important; border-radius: var(--r); border: 1px solid var(--cp-line); background: var(--cp-surface); color: var(--cp-text); display: inline-flex; align-items: center; justify-content: center; box-shadow: none; line-height: 1.2; white-space: normal; text-align: center; }
  & #acin .btn.go, & #acin .ci-find-btn, & #acin .psticky .btn.go, & #acin .pfile.go, & #acin #cs-go, & #acin #pf-search-main { background: var(--cp-gold) !important; border-color: var(--cp-gold) !important; color: var(--cp-on-gold) !important; }
  & #acin .btn.go:hover, & #acin .ci-find-btn:hover, & #acin .psticky .btn.go:hover { background: var(--cp-gold2) !important; border-color: var(--cp-gold2) !important; }
  & #acin .ci-top-fit, & #acin .linkbtn, & #acin #pd-all { background: transparent !important; border-color: transparent !important; color: var(--cp-text2) !important; text-decoration: underline; text-underline-offset: 3px; padding: 0 !important; }
  & #acin .ci-actions, & #acin .cm-action-bar, & #acin .prow { display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s3) 0 0; }
  & #acin .ci-actions .btn, & #acin .cm-action-bar .btn, & #acin .prow .btn.go { flex: 1 1 100%; }
  & #acin .acsum .btn.out, & #acin .acsum a.btn.out[data-logout] { background: transparent !important; color: var(--cp-bad) !important; border-color: var(--cp-line) !important; }
  & #pwrap a:not(.btn), & #propdocs a:not(.btn) { color: var(--cp-link); }

  /* 5. NAICS rows (naics.js .nchip): code · name · remove; one row each, height from the text, 44 px remove target */
  & #acin .npick .nchips { display: grid; grid-template-columns: 1fr; gap: var(--s2); margin: 0 0 var(--s3); }
  /* phones: code on line 1, name on line 2, the remove button spans both; 801+: code · name · remove on one line */
  & #acin .npick .nchip { display: grid; grid-template-columns: minmax(0, 1fr) 44px; grid-template-rows: auto auto; align-items: center; column-gap: var(--s2); row-gap: 2px; width: 100%; height: auto; min-height: 44px; padding: 6px 0 6px 12px; border: 1px solid var(--cp-line); border-radius: var(--r); background: var(--cp-surface); font-size: 14px; line-height: 1.35; color: var(--cp-text2); box-sizing: border-box; }
  & #acin .npick .nchip b { grid-column: 1; grid-row: 1; font-size: 15px; font-weight: 600; color: var(--cp-text); font-variant-numeric: tabular-nums; }
  & #acin .npick .nchip .nname { grid-column: 1; grid-row: 2; min-width: 0; overflow-wrap: anywhere; white-space: normal; font-size: 13px; color: var(--cp-mute); }
  & #acin .npick .nchip button { grid-column: 2; grid-row: 1 / 3; width: 44px; height: 44px; margin: -6px 0; padding: 0; border: 0; background: transparent; color: var(--cp-mute); font-size: 22px; line-height: 1; cursor: pointer; border-radius: var(--r); align-self: center; }
  & #acin .npick .nchip button:hover, & #acin .npick .nchip button:focus-visible { color: var(--cp-text); background: var(--cp-page); outline: none; }
  & #acin .npick .nbox { display: flex; gap: var(--s2); }
  & #acin .npick .nbox .in { flex: 1; height: 44px; margin: 0; }
  & #acin .npick .nbox .btn { height: 44px; }
  & #acin .npick .nlist { margin-top: var(--s2); border: 1px solid var(--cp-line); border-radius: var(--r); background: var(--cp-surface); }
  & #acin .npick .nopt, & #acin .npick .nsect { min-height: 44px; font-size: 15px; color: var(--cp-text); }
  & #acin .npick .nhint { margin: var(--s2) 0 0; font-size: 13px; color: var(--cp-mute); }

  /* 6. one States control (places.js); the old text input, its All/Clear buttons and the Countries input stay hidden (rule 0) */
  & #acin .places .pl-h { display: block; margin: 0 0 var(--s3); }
  & #acin .places .pl-h .h4 { display: block; margin: 0 0 var(--s1); font-size: 16px; font-weight: 600; color: var(--cp-text); }
  & #acin .places .pl-sum { display: block; font-size: 14px; color: var(--cp-mute); }
  & #acin .places .pl-tools { display: grid; grid-template-columns: 1fr; gap: var(--s2); margin: 0 0 var(--s3); }
  & #acin .places .pl-tools .in { height: 44px; }
  & #acin .places .pl-tools .btn { min-height: 44px !important; }
  & #acin .places .pl-tools [aria-pressed="true"] { background: var(--cp-text) !important; color: var(--cp-surface) !important; border-color: var(--cp-text) !important; }
  & #acin .places .chipset { display: flex; flex-wrap: wrap; gap: var(--s2); margin: 0 0 var(--s3); }
  & #acin .places .fchip, & #acin .places .pl-x, & #acin .chipset .fchip { height: 40px !important; min-height: 40px !important; padding: 0 12px !important; font-size: 14px !important; font-family: inherit; color: var(--cp-text); background: var(--cp-surface); border: 1px solid var(--cp-line); border-style: solid; border-radius: 20px !important; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }   /* !important: the generic button rule in theme.css / mobile.css (13 px, 11px 16px, radius 6) is stronger */
  & #acin .places .fchip b { font-weight: 600; }
  & #acin .places .fchip small { font-size: 12px; color: var(--cp-mute); }
  & #acin .places .fchip[aria-pressed="true"], & #acin .places .fchip[aria-checked="true"], & #acin .fchip[role="radio"][aria-checked="true"] { background: var(--cp-text); color: var(--cp-surface); border-color: var(--cp-text); }
  & #acin .places .fchip[aria-pressed="true"] small { color: inherit; opacity: .8; }
  & #acin .places .pl-grp { padding-bottom: var(--s3); border-bottom: 1px solid var(--cp-line); }   /* regions above a rule, states below */
  & #acin .places .pl-st.dim .fchip { opacity: .5; }
  & #acin .places .pl-co { margin-top: var(--s4) !important; padding-top: var(--s4) !important; border-top: 1px solid var(--cp-line) !important; }
  & #acin .places .pl-abroad { display: flex !important; align-items: flex-start; gap: 10px; text-align: left; font-size: 15px; font-weight: 600; color: var(--cp-text); min-height: 44px; margin: 0 0 var(--s3) !important; }
  & #acin .places .pl-abroad input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--cp-gold-dk); }
  & #acin .places .pl-abroad small { font-size: 13px; line-height: 1.45; color: var(--cp-mute); font-weight: 400; margin-top: 2px; }
  & #acin .places .pl-sum2 { margin: var(--s2) 0 0; }

  /* 7. sticky save bar: full-bleed, flat, two 48 px buttons, gold Save; the status line sits above the buttons */
  & #acin .psticky { position: sticky; bottom: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: var(--s2); width: auto; max-width: none; margin: var(--s3) 0 0; margin-inline: calc(-1 * var(--gut)) !important; padding: var(--s3) var(--gut) calc(var(--s3) + env(safe-area-inset-bottom, 0px)); background: var(--cp-surface); border: 0; border-top: 1px solid var(--cp-line); border-radius: 0; box-shadow: 0 -4px 16px rgba(11, 16, 25, .06); }
  & #acin .psticky .btn { flex: 1 1 0; min-height: 48px !important; padding: 0 var(--s3) !important; font-size: 16px !important; white-space: nowrap; }
  & #acin .psticky .pmsg { flex: 1 0 100%; order: -1; margin: 0; font-size: 13px; line-height: 1.4; }
  & #acin .psticky .pmsg:empty { display: none; }

  /* 8. company documents: one card, title, lead, link, one gold button */
  & #acin #propdocs .bq { margin-bottom: var(--s2) !important; }
  & #acin #propdocs > .pcard > p:first-child { margin: 0 0 var(--s2); }
  & #acin #propdocs .prow .btn.go { flex: 1 1 100%; }
  & #acin .pdocs-t { font-size: 14px; }
  & #acin .pdocs-t th, & #acin .pdocs-t td { padding: 10px 0; }

  /* 10. 801+: the same scale one step up, two columns where the live page had them */
  @media (min-width: 801px) {
    & #pwrap { margin-top: var(--s5); }
    & .w-head h2 { font-size: 32px; }
    & #acin .organization-nav { flex-wrap: wrap; overflow: visible; margin: var(--s5) 0; padding: 0; }
    & #acin .pcard, & #acin .bf, & #acin #cs-review { padding: var(--s5) !important; margin-bottom: var(--s4) !important; }
    & #acin .pgrid { grid-template-columns: 1fr 1fr; gap: var(--s4) var(--s5); }
    & #acin .npick .nchips { grid-template-columns: 1fr 1fr; }
    & #acin .npick .nchip { grid-template-columns: 60px minmax(0, 1fr) 44px; grid-template-rows: auto; }
    & #acin .npick .nchip b { grid-column: 1; }
    & #acin .npick .nchip .nname { grid-column: 2; grid-row: 1; font-size: 14px; color: var(--cp-text2); }
    & #acin .npick .nchip button { grid-column: 3; grid-row: 1; }
    & #acin .places .pl-tools { grid-template-columns: 1fr auto auto; }
    & #acin .ci-actions .btn, & #acin .cm-action-bar .btn, & #acin .prow .btn.go, & #acin #propdocs .prow .btn.go { flex: 0 0 auto; }
    & #acin .psticky { margin: var(--s5) 0 0; margin-inline: 0 !important; padding: var(--s3) var(--s4); border: 1px solid var(--cp-line); border-radius: var(--r2); }
    & #acin .psticky .btn { flex: 0 0 auto; min-width: 180px; }
    & #acin .psticky .pmsg { flex: 1 1 auto; order: 0; }
  }
}
@media (min-width: 801px) { :root { --gut: 40px; } }
/* States: one search field with chips and one "All states" button (Koley, 12 Oct 2026); at most 6 matches in the list */
html body .wrap:has(#cp-load) .pl-states { margin: 0 0 var(--s3, 12px); }
html body .wrap:has(#cp-load) .pl-states .pl-h { display: block; margin: 0 0 8px; }
html body .wrap:has(#cp-load) .pl-states .schips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
html body .wrap:has(#cp-load) .pl-states .schips:empty { display: none; }
html body .wrap:has(#cp-load) .pl-states .schip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 0 0 14px; border: 1px solid var(--cp-line, #d9e0e8); border-radius: 22px; background: var(--cp-surface, #fff); color: var(--cp-text, #0b1019); font-size: 14px; max-width: 100%; }
html body .wrap:has(#cp-load) .pl-states .schip b { font-weight: 600; margin-right: 6px; }
html body .wrap:has(#cp-load) .pl-states .schip { white-space: nowrap; gap: 0; }
html body .wrap:has(#cp-load) .pl-states .schip button { box-sizing: border-box !important; display: inline-flex !important; align-items: center; justify-content: center; flex: none; width: 44px !important; height: 44px !important; min-height: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--cp-mute, #5f6b7c) !important; font-size: 22px !important; line-height: 1; cursor: pointer; border-radius: 22px !important; }
html body .wrap:has(#cp-load) .pl-states .schip button:hover, html body .wrap:has(#cp-load) .pl-states .schip button:focus-visible { color: var(--cp-text, #0b1019); background: var(--cp-page, #f4f6f9); outline: none; }
html body .wrap:has(#cp-load) .pl-states .sbox { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
html body .wrap:has(#cp-load) .pl-states .sbox .in { min-width: 0; height: 44px; margin: 0; }
html body .wrap:has(#cp-load) .pl-states .sbox .btn { height: 44px; white-space: nowrap; }
html body .wrap:has(#cp-load) .pl-states .sbox .btn[aria-pressed="true"] { background: var(--cp-text, #0b1019) !important; color: var(--cp-surface, #fff) !important; border-color: var(--cp-text, #0b1019) !important; }
html body .wrap:has(#cp-load) .pl-states .slist { margin-top: 6px; border: 1px solid var(--cp-line, #d9e0e8); border-radius: 8px; background: var(--cp-surface, #fff); overflow: hidden; }
html body .wrap:has(#cp-load) .pl-states .sopt { display: block; width: 100%; min-height: 44px; padding: 0 14px; text-align: left; border: 0; border-bottom: 1px solid var(--cp-line, #d9e0e8); background: transparent; color: var(--cp-text, #0b1019); font-size: 15px; cursor: pointer; }
html body .wrap:has(#cp-load) .pl-states .sopt:last-child { border-bottom: 0; }
html body .wrap:has(#cp-load) .pl-states .sopt:hover, html body .wrap:has(#cp-load) .pl-states .sopt:focus-visible { background: var(--cp-page, #f4f6f9); outline: none; }
html body .wrap:has(#cp-load) .pl-states .sempty { margin: 0; padding: 12px 14px; font-size: 14px; color: var(--cp-mute, #5f6b7c); }
html body .wrap:has(#cp-load) .pl-states .pl-sum { margin: 8px 0 0; }
html body .wrap:has(#cp-load) .pl-states .smut { color: var(--cp-mute, #5f6b7c); font-size: 13px; font-weight: 400; }
html body .wrap:has(#cp-load) .pl-states .sbox1 { grid-template-columns: minmax(0, 1fr); }
html body .wrap:has(#cp-load) .pl-countries { margin-top: var(--s4, 16px); padding-top: var(--s4, 16px); border-top: 1px solid var(--cp-line, #d9e0e8); }
html body .wrap:has(#cp-load) #pl-agencies { grid-column: 1 / -1; }
html body .wrap:has(#cp-load) #pl-agencies { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; }