:root {
 --op-light-rim:3px solid #F7F5F0; --op-light-rim-shadow:inset 0 1px 2px #FFFFFF80,0 0 0 1px #BCC8D1,0 6px 18px #0D243817;
 --op-gold-line:#BE955D; --op-banner-edge:0;
 --op-banner-shadow:0 20px 38px -12px #0D24385C,0 8px 16px -6px #0D243833;
 --op-navy:#0D2438; --op-steel:#173B53;
 --op-logo-fill:#0D2438 url('/brand/metallic-gold-v4/mark.svg?v=5') center/cover no-repeat;--op-logo-ink:#E4BF95;
 --op-action:#E4BF95; --op-action-highlight:#F5DEBE; --op-action-warm:#ECD0AA; --op-action-depth:#C79B65;
 /* Restore the production champagne reflection; logo and creation gold remain independent. */
 --op-action-ink:#0D2438; --op-action-soft:#F4ECDD; --op-gold-ink:#82622B;
 --op-link:#0D2438; --op-link-on-dark:var(--op-action); --op-frame:#173B53;
 --op-paper:#F7F5F0; --op-card:#FFFFFF; --op-muted:#5F6B76; --op-line:#DDE2E6;
 /* Neutral gray ground, lit by asymmetric champagne and blue reflections. */
 --op-champagne:#F2E7D8; --op-gray:#E7E9EC; --op-gray-dark:#191D23;
 /* Four broad champagne lights: two asymmetric and two centered, with the existing blue. */
 --op-ambient-light:radial-gradient(ellipse 38% 29% at 50% 18%,rgb(228 191 149 / .58) 0%,rgb(240 217 187 / .32) 38%,transparent 80%),radial-gradient(ellipse 38% 29% at 50% 91%,rgb(228 191 149 / .5) 0%,rgb(240 217 187 / .26) 42%,transparent 82%),radial-gradient(ellipse 42% 36% at 34% 44%,rgb(228 191 149 / .58) 0%,rgb(240 217 187 / .32) 38%,transparent 78%),radial-gradient(ellipse 35% 30% at 65% 74%,rgb(228 191 149 / .5) 0%,rgb(240 217 187 / .26) 42%,transparent 82%),radial-gradient(ellipse 52% 47% at 91% 62%,#6B99CA59 0%,#9DBDD72B 43%,transparent 86%);
 --op-ambient-dark:radial-gradient(ellipse 38% 29% at 50% 18%,rgb(228 191 149 / .23) 0%,rgb(240 217 187 / .08) 38%,transparent 80%),radial-gradient(ellipse 38% 29% at 50% 91%,rgb(228 191 149 / .19) 0%,rgb(240 217 187 / .07) 42%,transparent 82%),radial-gradient(ellipse 42% 36% at 34% 44%,rgb(228 191 149 / .23) 0%,rgb(240 217 187 / .08) 38%,transparent 78%),radial-gradient(ellipse 35% 30% at 65% 74%,rgb(228 191 149 / .19) 0%,rgb(240 217 187 / .07) 42%,transparent 82%),radial-gradient(ellipse 52% 47% at 91% 62%,#6B99CA3D 0%,#9DBDD719 43%,transparent 86%);
 --op-ambient-glow:var(--op-ambient-light); --op-ambient-base:var(--op-gray);
 --op-brand:var(--op-navy); --op-brand-deep:var(--op-steel); --op-brand-dark:var(--op-navy);
 --op-bg-light:var(--op-gray); --op-text-light:var(--op-navy); --op-icon:var(--op-steel);
 --op-action-fill:linear-gradient(135deg,var(--op-action-highlight) 0%,#D5B07B 18%,var(--op-action) 34%,var(--op-action-highlight) 46%,var(--op-action-depth) 54%,#D5B07B 68%,var(--op-action-warm) 86%,var(--op-action-depth) 100%);
 /* Action-only material, sampled from the supplied October 1 + reference.
    Three fixed specular lights; the original icon/logo material stays above. */
 --op-button-gold-fill:radial-gradient(circle at 20% 13%,#FFFFFF 0px,#FFF9EDEB 1px,#FFF1B8AD 5px,transparent 11px),radial-gradient(circle at 94% 46%,#FFFDED 0px,#FFF4C9E6 1px,#FFEB9994 5px,transparent 10px),radial-gradient(circle at 75% 89%,#FFFCEB 0px,#FFF3BFC7 1px,#FFEB947A 5px,transparent 10px),linear-gradient(125deg,#FEE17B 0%,#F7C35D 20%,#FDF6DA 28%,#F9D77C 34%,#F3BC61 43%,#DDA141 65%,#F9CD62 82%,#FFF0B0 89%,#EDBA56 100%);
 --op-button-gold-shadow:inset 0 1px 1px #FFFCECDD,inset 0 -2px 2px #9E671D80,0 0 0 1px #BE955D80,0 5px 14px #BD8C2633;
 /* Intentional amber lighting uses modern RGB so the legacy brand pass retains its sunset hue. */
 --op-sunset-light:radial-gradient(ellipse 1.4% 5.5% at 42% 42%,rgb(255 250 225) 0%,rgb(255 231 168) 28%,rgb(250 184 82 / .95) 55%,transparent 100%),radial-gradient(ellipse 34% 2.5% at 42% 42%,rgb(255 226 148 / .85) 0%,rgb(247 176 64 / .58) 26%,transparent 88%),radial-gradient(ellipse 2% 52% at 42% 42%,rgb(255 221 137 / .5) 0%,rgb(247 175 70 / .25) 30%,transparent 85%),radial-gradient(ellipse 19% 55% at 42% 42%,rgb(255 210 123 / .72) 0%,rgb(240 155 56 / .45) 35%,rgb(196 102 34 / .2) 60%,transparent 90%),radial-gradient(ellipse 45% 20% at 42% 43%,rgb(237 145 47 / .28) 0%,transparent 85%);
 --op-navy-fill:radial-gradient(ellipse at 18% 0%,#ADC5D52B,transparent 48%),radial-gradient(ellipse at 94% 8%,#E4BF9512,transparent 44%),linear-gradient(118deg,#0D2438 4%,#254559 34%,#102E43 67%,#071E2D 100%);
 --op-navy-shadow:inset 0 -1px 2px #04131F66,0 8px 22px #0D243824;
 /* Navy controls match the approved selected labor expense tile. */
 --op-navy-control-border:1.875px solid var(--op-action-depth);
 --op-navy-control-ink:var(--op-action-highlight);
 --op-navy-control-icon:var(--op-action);
 --op-copper-fill:var(--op-action-fill);
 /* The + is the rim reference: one border and one soft highlight, no stacked rings. */
 --op-copper-shadow:var(--op-light-rim-shadow);
 --op-ivory-fill:linear-gradient(155deg,#FFF 0%,#FFF 45%,#F7F5F0 100%);
 --op-ring:0 0 0 3px #173B5350;
}
:root{--bg:var(--op-paper);--paper:#FFF;--surface:#FFF;--ink:var(--op-navy);--text:var(--op-navy);--dark:var(--op-navy);--muted:var(--op-muted);--orange:var(--op-action);--orange2:var(--op-link);--orangeSoft:var(--op-action-soft);--soft:var(--op-action-soft);--accent:var(--op-action);--accent2:var(--op-link);--line:var(--op-line);--copper:var(--op-action-fill)}
 [data-opero-monogram]{background:var(--op-logo-fill)!important;color:transparent!important;text-shadow:none!important;border:2px solid #F7F5F0!important;box-shadow:var(--op-light-rim-shadow)!important;background-clip:padding-box!important}
 .op-brand-wordmark{text-transform:uppercase;direction:ltr;unicode-bidi:isolate;-webkit-text-stroke:1.5px var(--op-action);paint-order:stroke fill;text-shadow:none}
 .dark,.cover,.demoPlan,.heroSide,.prompt{background:var(--op-navy-fill);color:#FFF}
 .dark .x,.cover .kicker,.demoPlan .demoSub,.prompt:before{color:var(--op-action)}
 .brand-mark,.logo .mark{background:var(--op-logo-fill)!important;color:transparent!important;border:2px solid #F7F5F0}
 /* Neutral gray with asymmetric champagne and blue light, shared across every screen.
   Background paint cannot intercept taps or change scrolling/document output. */
[data-theme="light"] { --op-ambient-glow:var(--op-ambient-light);--op-ambient-base:var(--op-gray); }
[data-theme="dark"],body:has(.op-premium[data-theme="dark"]) {
 --op-ambient-glow:var(--op-ambient-dark);--op-ambient-base:var(--op-gray-dark);
}
body:has(>#__next),
.op-ambient-screen,
.op-premium[data-theme],
.op-premium[data-theme] .op-home-header,
.op-brand-surface,
.op-premium .op-chat-journey,
.op-premium[data-theme] :is(.op-work-dialog,.op-work-dialog-body,.op-home-dialog),
.op-premium .op-work-quote-preview>.op-document-showcase {
 background-color:var(--op-ambient-base)!important;
 background-image:var(--op-ambient-glow)!important;
 background-size:100vw 100vh!important;
 background-repeat:no-repeat!important;
 background-position:center top!important;
 background-attachment:fixed!important;
}
/* Browser chrome changing height must not stretch a long page's light source. */
@supports(height:100svh){
 body:has(>#__next),.op-ambient-screen,.op-premium[data-theme],.op-premium[data-theme] .op-home-header,.op-brand-surface,
 .op-premium .op-chat-journey,
 .op-premium[data-theme] :is(.op-work-dialog,.op-work-dialog-body,.op-home-dialog),
 .op-premium .op-work-quote-preview>.op-document-showcase { background-size:100vw 100svh!important; }
}
@media print, (forced-colors:active){
 body:has(>#__next),.op-ambient-screen,.op-premium[data-theme],.op-premium[data-theme] .op-home-header,.op-brand-surface,
 .op-premium .op-chat-journey,
 .op-premium[data-theme] :is(.op-work-dialog,.op-work-dialog-body,.op-home-dialog),
 .op-premium .op-work-quote-preview>.op-document-showcase { background-image:none!important; }
}

 /* The central creation + alone retains the three-light reference material.
   Every other action uses the existing champagne-gold brand material. */
.op-premium .op-home-nav-create .opero-icon { transform:rotate(0deg); transition:transform 380ms cubic-bezier(.4,0,.2,1); }
.op-premium .op-home-nav-create[aria-expanded="true"] .opero-icon { transform:rotate(45deg); }
@media(prefers-reduced-motion:reduce) { .op-premium .op-home-nav-create .opero-icon { transition:none!important; } }
.op-premium .op-home-nav-create .op-home-nav-symbol {
 background:var(--op-button-gold-fill)!important;
 color:var(--op-action-ink)!important;
 box-shadow:var(--op-button-gold-shadow)!important;
 text-shadow:none!important;
}
/* Emphasize only the bottom creation glyph, including its existing +/X rotation. */
.op-premium .op-home-nav-create [data-opero-icon="plus"] svg { stroke-width:2.5; }

/* The first reflection starts one second after entering Home, then every four seconds.
   The live app wraps navigation in a positioning div. Allow that wrapper but
   exclude modal navigation copies. Keep the icon's rotation independent. */
.op-premium .op-home-hero-create { position:relative; }
.op-premium :is(.op-home-hero-create,.op-home-nav-create .op-home-nav-symbol) {
 overflow:hidden;
 isolation:isolate;
}
.op-premium .op-home-hero-create > span,
.op-premium .op-home-nav-create .op-home-nav-symbol > .opero-icon {
 position:relative;
 z-index:1;
}
@media (prefers-reduced-motion:no-preference) {
 .op-premium [data-opero-screen="dashboard"]:not([hidden]) .op-home-hero-create:not([aria-expanded="true"])::after,
 .op-premium:has([data-opero-screen="dashboard"]:not([hidden])) .op-home-bottom-nav:not(dialog *,[role="dialog"] *,.op-work-dialog *,.op-work-quote-preview *) .op-home-nav-create:not([aria-expanded="true"]) .op-home-nav-symbol::after {
  content:"";
  position:absolute;
  top:-50%;
  left:0;
  width:52.5%;
  height:200%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,250,230,.65) 18%,#FFFFF5 38%,#FFFFFF 50%,#FFFFF5 62%,rgba(255,250,230,.65) 82%,transparent);
  filter:drop-shadow(0 0 5px rgba(255,250,230,.8));
  opacity:0;
  transform:translateX(-130%) skewX(-22deg);
  animation:op-home-gold-gleam 4s linear 1s infinite;
 }
}
@keyframes op-home-gold-gleam {
 0% { opacity:0; transform:translateX(-130%) skewX(-22deg); }
 5% { opacity:1; }
 55% { opacity:1; }
 62%,100% { opacity:0; transform:translateX(230%) skewX(-22deg); }
}
@media print {
 .op-premium :is(.op-home-hero-create,.op-home-nav-create .op-home-nav-symbol)::after {
  content:none!important;
  animation:none!important;
 }
}

 /* Typography depth belongs to headings and controls. Body copy, table cells
   and form values stay flat; surface roles select the material for depth. */
:root {
  --op-depth-text:0 1px 0 rgb(255 255 255 / .44),0 3px 3px rgb(13 36 56 / .26),0 7px 9px rgb(13 36 56 / .22);
  --op-depth-text-dark:0 2px 2px #020B14B3,0 5px 11px #020B1480;
  --op-depth-text-gold:0 1px 0 rgb(255 255 255 / .5),0 2px 3px rgb(80 57 31 / .26),0 4px 7px rgb(80 57 31 / .16);
  --op-depth-control:drop-shadow(0 4px 3px #071B2B30) drop-shadow(0 9px 9px #071B2B26);
}
[data-theme="dark"],body:has(.op-premium[data-theme="dark"]) {
  --op-depth-text:var(--op-depth-text-dark);
  --op-depth-control:drop-shadow(0 5px 4px #0008) drop-shadow(0 11px 11px #0005);
}

/* Reset every node, not just the root: this also clears inherited and legacy
   shadows from ordinary copy in dialogs and CSS-module screens. */
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen),
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen) :where(*) {
  text-shadow:none!important;
}
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen)
  :where(h1,h2,h3,h4,h5,h6,[role="heading"],[data-op-heading],button,[role="button"],summary,
      .op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,
      a.cta,a.navcta,a.btn,a.button,label:has(>input[type="file"])),
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen)
  :where(h1,h2,h3,h4,h5,h6,[role="heading"],[data-op-heading],button,[role="button"],summary,
      .op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,
      a.cta,a.navcta,a.btn,a.button,label:has(>input[type="file"])) :where(*) {
  text-shadow:var(--op-banner-copy-shadow,var(--op-depth-text))!important;
}
/* Inputs remain crisp even when a field is nested in a heading or control. */
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen) :is(input,textarea,select,option),
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen) :is(input,textarea)::placeholder {
  text-shadow:none!important;
}

/* Neutral panels reset the material inherited from a surrounding dark hero. */
:where(.op-home-header,.op-home-hero,.op-home-panel,.op-home-attention,.op-home-value,
    .op-work-heading,.op-work-dialog-heading,.op-work-card,.op-work-empty,
    .op-work-form-card,.op-work-settings-help,.op-work-finance-card,
    .op-work-project-header,.op-work-metrics,.op-ui-summary-card,.op-gmail-invoice-card,
    .op-journey-hero,.op-journey-card,.op-flow-card,.op-chat-quote-context,.op-proposal-progress,
    .op-ref-banner,.op-ref-hero,.op-ref-card,.op-ref-milestone,.op-ref-stats>div,
    .op-brand-blue-banner,.op-brand-gold-banner,[data-op-banner]) {
  --op-banner-copy-shadow:var(--op-depth-text);
}

/* These banners stay navy in both themes. Gold controls keep crisp navy type. */
:is(.op-home-hero,.op-ref-banner,.op-ref-hero,.op-brand-blue-banner,[data-op-banner="navy"]) {
  --op-banner-copy-shadow:var(--op-depth-text-dark);
}
:is(.op-home-hero-create,.op-home-primary,.op-home-nav-symbol,.op-home-attention-count,
    .op-work-button--primary,.op-v2-primary,.op-ref-primary,.op-brand-gold-banner,
    .op-journey-primary,.op-flow-action-primary,.op-journey-send,[data-op-banner="gold"],
    button[style*="var(--op-action-fill)"],label[style*="var(--op-action-fill)"],
    button[style*="background: var(--accent)"]) {
  --op-banner-copy-shadow:var(--op-depth-text-gold);
}
:is(.op-work-payment-status>button[aria-pressed="true"],
    [data-workspace="expenses"] .op-work-choice[aria-pressed="true"],
    .op-work-button--success,[data-op-tone="success"],[data-op-tone="info"],
    [style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"],
    [style^="color: white"],[style*="; color: white"]) {
  --op-banner-copy-shadow:var(--op-depth-text-dark);
}

/* A single filter adds depth underneath the complete control, preserving its
   existing inset bevel and gold rim instead of replacing its box-shadow. */
:is(.op-home-header,.op-home-hero,.op-home-panel,.op-home-attention,.op-home-value,
    .op-work-heading,.op-work-dialog-heading,.op-work-card,.op-work-empty,
    .op-work-form-card,.op-work-settings-help,.op-work-finance-card,
    .op-work-project-header,.op-work-metrics,.op-ui-summary-card,.op-gmail-invoice-card,
    .op-journey-hero,.op-journey-card,.op-flow-card,.op-chat-quote-context,.op-proposal-progress,
    .op-ref-banner,.op-ref-hero,.op-ref-card,.op-ref-milestone,.op-ref-stats>div,
    .op-brand-blue-banner,.op-brand-gold-banner,[data-op-banner])
  :is(button,a[role="button"],a[style*="padding"],.op-ref-primary,.op-ref-secondary),
button[data-op-banner],a[data-op-banner] {
  filter:var(--op-depth-control)!important;
}

/* These controls have no filled surface: casting another filter onto their
   letters made the neighboring business heading look flat in comparison. */
html .op-premium :is(.op-home-stats button,.op-home-disclosure-toggle,.op-home-hero-shortcuts button) {
  filter:none!important;
}

/* Artwork uses a transparent fallback letter; shadowing it would reveal a
   second O. Customer document canvases retain their own print typography. */
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen)
  :is([data-opero-monogram],.op-document-paper,.op-document-preview,[data-op-banner-exclude]),
html :is(#__next,.op-premium,.op-brand-surface,.op-ambient-screen)
  :is([data-opero-monogram],.op-document-paper,.op-document-preview,[data-op-banner-exclude]) * {
  text-shadow:none!important;
}
body :is(.op-document-paper,.op-document-preview,[data-op-banner-exclude]) :is(button,a),
[data-opero-monogram] {
  filter:none!important;
}
@media print,(forced-colors:active) {
  :root,[data-theme],body:has(.op-premium[data-theme="dark"]) {
    --op-depth-text:none;--op-depth-text-dark:none;--op-depth-text-gold:none;
    --op-depth-control:none;
  }
}

/* Standalone help/guide pages receive this same sheet through the public brand
   generator. These selectors never match customer example documents. */
.op-ambient-screen :is(.hero,.heroMain,.heroSide,.sectionHead,.article-header,.article-cta,.ctaband,.footer) {
  --op-banner-copy-shadow:var(--op-depth-text);
  text-shadow:var(--op-banner-copy-shadow);
}
.op-ambient-screen :is(.heroSide,.ctaband,.dark,.cover,.demoPlan,.prompt,.before,.back) {
  --op-banner-copy-shadow:var(--op-depth-text-dark);
}
.op-ambient-screen :is(.cta,.navcta,.stepNum,.pricing-lock) {
  --op-banner-copy-shadow:var(--op-depth-text-gold);
}
.op-ambient-screen :is(.hero,.heroMain,.heroSide,.sectionHead,.article-header,.article-cta,.ctaband,.footer)
  :is(button,.cta,.btn,.button,a[role="button"]) {
  text-shadow:var(--op-depth-text-gold);
  filter:var(--op-depth-control);
}

 /* All navy actions use the approved selected labor-expense material.
   Component classes own layout; this sheet owns fill, gold rim and depth.
   The explicit gold preview and neutral navigation tabs keep their roles. */
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
) ,
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-work-feedback input[type="file"]::file-selector-button {
  --op-banner-copy-shadow:var(--op-depth-text-dark);
  background:var(--op-navy-fill)!important;
  color:var(--op-navy-control-ink)!important;
  border:var(--op-navy-control-border)!important;
  border-radius:var(--op-navy-control-radius,15px)!important;
  box-shadow:var(--op-control-shadow,var(--op-navy-shadow))!important;
  filter:var(--op-control-filter,var(--op-depth-control))!important;
  box-sizing:border-box;touch-action:manipulation;
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
) :where(*):not(:where(input,textarea,select,option,.opero-icon,.opero-icon *,.op-home-hero-icon,.op-home-hero-icon *)) {
  color:var(--op-navy-control-ink)!important;
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
) :where(.opero-icon,.op-home-hero-icon) {color:var(--op-navy-control-icon)!important}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
):active:not(:disabled) {
  --op-control-shadow:inset 0 2px 5px rgb(4 19 31 / .48),inset 0 -1px 1px rgb(223 236 244 / .18),0 2px 6px rgb(13 36 56 / .2);
  --op-control-filter:drop-shadow(0 2px 2px rgb(7 27 43 / .2));
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
):focus-visible {outline:2px solid var(--op-action-highlight);outline-offset:3px}
:is(.op-quote-arc-action,.op-home-close,.op-work-close,[data-snake-direction]){--op-navy-control-radius:50%}
/* Retain an unmistakable selection state among dark answer controls. */
[data-theme="dark"] :is(.op-payment-options,.op-flow-answer) button[aria-pressed="false"] {opacity:.7}
@media(hover:hover){
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
):hover:not(:disabled){--op-control-filter:var(--op-depth-control) brightness(1.06)}
}
/* Preview always retains the champagne action finish, including pending edits. */
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-premium .op-flow-action-bar .op-flow-actions .op-flow-action-preview {
  --op-banner-copy-shadow:var(--op-depth-text-gold);
  background:var(--op-action-fill)!important;color:var(--op-action-ink)!important;
  border:var(--op-light-rim)!important;box-shadow:var(--op-copper-shadow)!important;
  filter:var(--op-depth-control)!important;
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-premium .op-flow-action-bar .op-flow-action-preview :where(*) {color:var(--op-action-ink)!important}
@media(forced-colors:active){
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
) {border-color:ButtonText!important;color:ButtonText!important;box-shadow:none!important;filter:none!important}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-navy-control,[data-op-control="navy"],.op-quote-arc-action,
  .op-premium [data-workspace="expenses"] button.op-work-choice[aria-pressed="true"],
  .op-premium .op-extra-reminder-type>.op-work-button,
  .op-premium .op-home-account-menu>:is(a,button),
  .op-premium :is(button,a[role="button"]):has([data-opero-icon="edit"]):not([data-home-channel]),
  .op-premium .op-work-feedback button.op-work-choice[aria-pressed="true"],
  .op-premium .op-work-payment-status>.op-work-button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-journey-primary,
  .op-premium .op-precision-flow .op-payment-options button[aria-pressed="true"],
  .op-premium .op-precision-flow .op-flow-answer button[aria-pressed="true"],
  .op-premium .op-flow-action-bar .op-flow-action-primary,
  .op-premium .op-precision-exit-dialog .op-journey-primary,
  [data-theme="dark"] :is(button,a[role="button"],.op-ref-primary,.op-ref-secondary,.op-work-snake-entry,.op-home-account-menu>a,label:has(>input[type="file"])):not(:where(
    [data-op-control="gold"],[data-op-control="neutral"],.op-work-button--success,.op-work-feedback .op-work-choice[aria-pressed="false"],.op-home-hero-create,[data-home-nav],.op-home-brand,.op-home-account,
    .op-home-disclosure-toggle,.op-home-stats button,.op-home-hero-shortcuts button,
    .op-flow-tabs button:not([aria-selected="true"]),.op-work-subsegments button:not([aria-current="page"]),
    .op-document-paper *,.op-document-preview *,[data-op-banner-exclude] *
  ))
) :where(*) {color:ButtonText!important}
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-premium .op-flow-action-preview {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;filter:none!important}
}

/* All button labels use regular weight, including selected states, nested
   labels, legacy inline styles and the matching actions on public pages. */
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  button,[role="button"],[role="tab"],summary,
  input:is([type="button"],[type="submit"],[type="reset"]),
  label:has(input[type="file"]),.op-home-account-menu>a,
  a:is(.op-work-button,.op-ref-primary,.op-ref-secondary,.op-ref-back,
    .op-work-snake-entry,.op-navy-control,.btn,.button,.cta,.navcta,.back,.jump,
    [data-op-control],[data-op-role="primary"],[data-op-role="secondary"],
    [style*="border-radius"])
) {font-weight:400!important;}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  button,[role="button"],[role="tab"],summary,
  input:is([type="button"],[type="submit"],[type="reset"]),
  label:has(input[type="file"]),.op-home-account-menu>a,
  a:is(.op-work-button,.op-ref-primary,.op-ref-secondary,.op-ref-back,
    .op-work-snake-entry,.op-navy-control,.btn,.button,.cta,.navcta,.back,.jump,
    [data-op-control],[data-op-role="primary"],[data-op-role="secondary"],
    [style*="border-radius"])
) :where(*):not(:where(.op-brand-wordmark,.op-brand-wordmark *,svg,svg *,.opero-icon,.opero-icon *)) {font-weight:inherit!important;}
html :is(#__next,.op-brand-surface,.op-ambient-screen) input[type="file"]::file-selector-button {font-weight:400!important;}
/* A translucent halo fades to transparent at each line's edge, leaving the photo visible. */
html :is(#__next,.op-brand-surface) :is(.op-work-heading--photo,.op-journey-hero) .op-work-heading-subtitle {
  background:radial-gradient(ellipse closest-side,rgba(255,255,255,.78) 12%,rgba(255,255,255,.6) 46%,rgba(255,255,255,.2) 76%,rgba(255,255,255,0) 100%);
  color:var(--op-navy)!important;padding:2px 6px;border-radius:0;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  line-height:1.9;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.6)!important;filter:none!important;
}

/* Feedback keeps a visible distinction between a selected and available choice. */
html :is(#__next,.op-brand-surface) .op-premium .op-work-feedback .op-work-choice[aria-pressed="false"] {
  background:var(--op-ivory-fill)!important;color:var(--text)!important;
}
html :is(#__next,.op-brand-surface) .op-premium .op-work-feedback .op-work-choice[aria-pressed="false"] :where(*) {
  color:var(--text)!important;
}
html :is(#__next,.op-brand-surface) .op-premium .op-work-feedback .op-work-choice[aria-pressed="false"]>div:last-child {
  color:var(--muted)!important;text-shadow:none!important;
}

/* Settings banners keep a consistent hierarchy even though regular button
   labels deliberately use a lighter weight throughout the workspace. */
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-work-settings .op-settings-banner-title {
  font-weight:800!important;
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) .op-work-settings .op-settings-banner-subtitle {
  font-weight:500!important;
}

/* Two deliberately separate depth layers across the whole product:
   typography always receives the same subtle precision-settings shadow,
   while banner/card surfaces receive a visibly deeper, assertive elevation. */
:root,.op-premium,.op-brand-surface,[data-theme] {
  --op-text-shadow-subtle:0 1px 0 rgb(255 255 255 / .44),0 3px 3px rgb(13 36 56 / .26),0 7px 9px rgb(13 36 56 / .22);
  --op-elevation-banner:0 20px 38px -12px rgb(13 36 56 / .36),0 8px 16px -6px rgb(13 36 56 / .2);
  --op-elevation-button-aggressive:0 14px 28px -10px rgb(13 36 56 / .46),0 6px 14px -5px rgb(13 36 56 / .32);
  --op-elevation-control:inset 0 1px 1px rgb(255 255 255 / .72),0 2px 6px rgb(13 36 56 / .06);
  --op-elevation-overlay:0 26px 72px -18px rgb(13 36 56 / .46),0 12px 28px -12px rgb(13 36 56 / .3);
  --op-banner-shadow:var(--op-elevation-banner)!important;
  --op-shadow-card-premium:var(--op-elevation-banner)!important;
  --op-shadow-card-hover:0 24px 44px -12px rgb(13 36 56 / .42),0 10px 18px -6px rgb(13 36 56 / .26)!important;
  --shadow-card:var(--op-elevation-banner)!important;
  --shadow-raise:var(--op-shadow-card-hover)!important;
  --op-tactile-shadow:var(--op-elevation-control)!important;
  --op-light-rim-shadow:inset 0 1px 1px rgb(255 255 255 / .72),0 0 0 1px rgb(188 200 209 / .7),0 3px 9px rgb(13 36 56 / .08)!important;
  --op-navy-shadow:inset 0 -1px 1px rgb(4 19 31 / .25),0 3px 9px rgb(13 36 56 / .14)!important;
  --op-button-gold-shadow:inset 0 1px 1px rgb(255 252 236 / .72),inset 0 -1px 1px rgb(158 103 29 / .28),0 3px 9px rgb(130 98 43 / .14)!important;
  --op-copper-shadow:var(--op-button-gold-shadow)!important;
  --op-settings-control-shadow:var(--op-elevation-control)!important;
  --op-depth-text:var(--op-text-shadow-subtle)!important;
  --op-depth-text-dark:var(--op-text-shadow-subtle)!important;
  --op-depth-text-gold:var(--op-text-shadow-subtle)!important;
  --op-depth-control:drop-shadow(0 2px 2px rgb(7 27 43 / .1))!important;
}
[data-theme="dark"],body:has(.op-premium[data-theme="dark"]) {
  --op-elevation-banner:0 20px 40px -12px rgb(0 0 0 / .58),0 9px 18px -6px rgb(0 0 0 / .4);
  --op-elevation-button-aggressive:0 14px 30px -10px rgb(0 0 0 / .68),0 6px 15px -5px rgb(0 0 0 / .5);
  --op-elevation-control:inset 0 1px 1px rgb(255 255 255 / .08),0 2px 6px rgb(0 0 0 / .22);
  --op-elevation-overlay:0 28px 76px -18px rgb(0 0 0 / .72),0 14px 30px -12px rgb(0 0 0 / .5);
  --op-depth-control:drop-shadow(0 2px 2px rgb(0 0 0 / .22))!important;
}

/* The text-shadow reset in the base depth sheet is intentionally superseded
   here. This reaches normal copy, headings, controls, fields and placeholders
   in the app and in branded ancillary pages. The transparent fallback glyph
   inside the monogram remains excluded so it cannot reveal a duplicate O. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :where(*):not(:where([data-opero-monogram],[data-opero-monogram] *,svg,svg *)) {
  text-shadow:var(--op-text-shadow-subtle)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(input,textarea,select,option),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(input,textarea)::placeholder {
  text-shadow:var(--op-text-shadow-subtle)!important;
}
/* Raised actions keep their physical elevation. The surface-less controls
   below explicitly opt out, including their glyphs and pseudo-elements. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  button:not([data-op-depth="flat"]),[role="button"]:not([data-op-depth="flat"]),
  input:is([type="button"],[type="submit"],[type="reset"]),
  label:has(>input[type="file"]),.op-home-account-menu>a,
  a:is(.op-work-button,.op-ref-primary,.op-ref-secondary,.op-ref-back,
    .op-work-snake-entry,.op-navy-control,.btn,.button,.cta,.navcta,.back,
    [data-op-control],[data-op-role="primary"],[data-op-role="secondary"])
) {
  box-shadow:var(--op-elevation-button-aggressive)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  .op-home-header,.op-home-hero,.op-home-panel,.op-home-attention,.op-home-value,
  .op-home-quote,.op-home-attention-row,
  .op-work-heading,.op-work-dialog-heading,.op-work-project-header,
  .op-work-card,.op-work-empty,.op-work-metrics,.op-work-form-card,.op-work-finance-card,
  .op-settings-banner,.op-work-settings-help,.op-gmail-invoice-card,.op-ui-summary-card,
  .op-journey-hero,.op-journey-card,.op-flow-card,.op-chat-quote-context,.op-proposal-progress,
  .op-ref-banner,.op-ref-hero,.op-ref-card,.op-ref-milestone,.op-ref-stats>div,
  .op-brand-blue-banner,.op-brand-gold-banner,[data-op-banner]
) {
  box-shadow:var(--op-elevation-banner)!important;
}
/* Branded standalone guides and landing pages use the same banner elevation. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,body.op-ambient-screen) :is(
  .heroMain,.heroSide,.section,.card,.quick .q,details,
  .article-header,.article-card,.article-cta,.ctaband,.feature,.panel
) {
  box-shadow:var(--op-elevation-banner)!important;
}
html :is(#__next,.op-brand-surface,.op-ambient-screen) :is(
  .op-work-dialog,.op-home-dialog,.op-precision-exit-dialog
) {
  box-shadow:var(--op-elevation-overlay)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,.op-brand-surface,.op-ambient-screen) .op-work-settings .op-settings-banner>.op-settings-banner-summary {
  box-shadow:none!important;
  filter:none!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,.op-brand-surface,.op-ambient-screen) .op-work-settings :is(.op-settings-banner,.op-work-form-card,.op-work-snake-entry) {
  box-shadow:var(--op-elevation-banner)!important;
  border-radius:18px!important;
}

/* Flat is a semantic interaction, not a physical button surface. Keep this
   list shared by the root and descendant rules: shadows must not leak back
   through a nested label, SVG, avatar, or navigation indicator. This changes
   depth only; hit targets, focus outlines, colors and borders stay intact.
   Inline selectors bridge older unclassified transparent, borderless actions
   (including the accounting archive's show/hide link); outlined buttons do
   NOT match. New controls should use data-op-depth="flat" directly. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  [data-op-depth="flat"],[data-opero-monogram],.op-brand-wordmark,.op-home-logo,
  .opero-icon,.op-home-hero-icon,.op-settings-banner-chevron,
  .op-home-brand,.op-home-account,.op-home-menu,.op-home-bottom-nav,
  .op-home-hero-shortcuts,.op-home-stats,.op-home-attention-row,
  .op-home-attention button,.op-home-attention-tools,.op-home-attention-undo button,.op-home-attention-error button,
  .op-home-disclosure-toggle,.op-home-text-link,.op-home-quote,.op-home-resume,.op-home-close,
  .op-work-button--quiet,.op-work-segments,.op-work-subsegments,[role="tab"],
  .op-flow-tabs,.op-flow-tools button,.op-flow-progress button,.op-flow-skip button,
  .op-flow-text-button,.op-flow-pending,.op-flow-applied,
  .op-entry-footer button,.op-journey-link,.op-journey-chat-heading button,.op-ref-back,
  .op-journey-composer button[title="צרף כתב כמויות או מסמך"],
  [class*="PilotInvitations_link__"],[class*="Onboarding_textButton__"],[class*="Onboarding_skip__"],
  [class*="WorkspaceStatus_secondary__"],[class*="PricebookQuickEditor_collapse__"],
  [class*="QuoteSigning_toggle__"],[class*="SnakeGame_pause__"],
  [class*="BoqTextReview_jump__"],[class*="BoqTextReview_dismiss__"],
  :is(button,[role="button"]):not(:where(.op-settings-banner-summary,.op-settings-banner,.op-work-button,[data-op-banner],[data-op-depth="raised"])):is([style*="background:transparent"],[style*="background: transparent"],[style*="background:none"],[style*="background: none"],[style*="background-color:transparent"],[style*="background-color: transparent"]):is([style*="border:0;"],[style$="border:0"],[style*="border: 0;"],[style$="border: 0"],[style*="border: 0px;"],[style*="border:none"],[style*="border: none"],[style*="border-style:none"],[style*="border-style: none"],[style*="border-width:0;"],[style*="border-width: 0px;"]),
  a:not(:where(.op-work-button,.op-ref-primary,.op-ref-secondary,.op-ref-back,.op-work-snake-entry,
    .op-navy-control,.btn,.button,.cta,.navcta,.back,[data-op-control],[data-op-role],[data-op-banner],
    .op-settings-banner,.op-ref-banner,.op-ref-card,.card,.article-card,.feature,.panel,.nav a,.quick .q,.op-home-account-menu>a)),
  summary:not(.op-settings-banner-summary)
),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  [data-op-depth="flat"],[data-opero-monogram],.op-brand-wordmark,.op-home-logo,
  .opero-icon,.op-home-hero-icon,.op-settings-banner-chevron,
  .op-home-brand,.op-home-account,.op-home-menu,.op-home-bottom-nav,
  .op-home-hero-shortcuts,.op-home-stats,.op-home-attention-row,
  .op-home-attention button,.op-home-attention-tools,.op-home-attention-undo button,.op-home-attention-error button,
  .op-home-disclosure-toggle,.op-home-text-link,.op-home-quote,.op-home-resume,.op-home-close,
  .op-work-button--quiet,.op-work-segments,.op-work-subsegments,[role="tab"],
  .op-flow-tabs,.op-flow-tools button,.op-flow-progress button,.op-flow-skip button,
  .op-flow-text-button,.op-flow-pending,.op-flow-applied,
  .op-entry-footer button,.op-journey-link,.op-journey-chat-heading button,.op-ref-back,
  .op-journey-composer button[title="צרף כתב כמויות או מסמך"],
  [class*="PilotInvitations_link__"],[class*="Onboarding_textButton__"],[class*="Onboarding_skip__"],
  [class*="WorkspaceStatus_secondary__"],[class*="PricebookQuickEditor_collapse__"],
  [class*="QuoteSigning_toggle__"],[class*="SnakeGame_pause__"],
  [class*="BoqTextReview_jump__"],[class*="BoqTextReview_dismiss__"],
  :is(button,[role="button"]):not(:where(.op-settings-banner-summary,.op-settings-banner,.op-work-button,[data-op-banner],[data-op-depth="raised"])):is([style*="background:transparent"],[style*="background: transparent"],[style*="background:none"],[style*="background: none"],[style*="background-color:transparent"],[style*="background-color: transparent"]):is([style*="border:0;"],[style$="border:0"],[style*="border: 0;"],[style$="border: 0"],[style*="border: 0px;"],[style*="border:none"],[style*="border: none"],[style*="border-style:none"],[style*="border-style: none"],[style*="border-width:0;"],[style*="border-width: 0px;"]),
  a:not(:where(.op-work-button,.op-ref-primary,.op-ref-secondary,.op-ref-back,.op-work-snake-entry,
    .op-navy-control,.btn,.button,.cta,.navcta,.back,[data-op-control],[data-op-role],[data-op-banner],
    .op-settings-banner,.op-ref-banner,.op-ref-card,.card,.article-card,.feature,.panel,.nav a,.quick .q,.op-home-account-menu>a)),
  summary:not(.op-settings-banner-summary)
) :where(*) {
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
/* Remove decorative depth from flat marks and navigation indicators too,
   without resetting pseudo-elements on physical buttons or banner surfaces. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  [data-op-depth="flat"],[data-opero-monogram],.op-home-logo,.op-home-brand,.op-home-account,.op-home-menu,
  .op-home-bottom-nav,.op-home-nav-button,.op-home-nav-symbol,.op-home-hero-shortcuts button,
  .op-home-stats button,.op-home-attention-row,.op-home-attention button,
  .op-home-disclosure-toggle,.op-work-button--quiet
)::before,
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next,body.op-ambient-screen,.op-brand-surface) :is(
  [data-op-depth="flat"],[data-opero-monogram],.op-home-logo,.op-home-brand,.op-home-account,.op-home-menu,
  .op-home-bottom-nav,.op-home-nav-button,.op-home-nav-symbol,.op-home-hero-shortcuts button,
  .op-home-stats button,.op-home-attention-row,.op-home-attention button,
  .op-home-disclosure-toggle,.op-work-button--quiet
)::after {
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
@media print,(forced-colors:active) {
  :root,.op-premium,.op-brand-surface,[data-theme] {
    --op-text-shadow-subtle:none;
    --op-elevation-banner:none;
    --op-elevation-button-aggressive:none;
    --op-elevation-overlay:none;
  }
}

/* Answer and finance labels remain clear in every selection state. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is(.op-flow-answer button,.op-flow-answer input,.op-flow-answer select,.op-payment-options button,.op-work-segments button,.op-work-subsegments button),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is(.op-flow-answer button,.op-payment-options button,.op-work-segments button,.op-work-subsegments button) :where(*) { font-weight:800!important; }

/* Production creation arc, pinned to the deployed 37e139b material.
   Global action rules must not recolor its outside labels or transparent hub. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc .op-quote-arc-action {
  border:1px solid var(--op-divider,#E4BF95)!important; border-radius:50%!important;
  background:radial-gradient(ellipse at 18% 0%,#ADC5D52B,transparent 48%),radial-gradient(ellipse at 94% 8%,#E4BF9512,transparent 44%),linear-gradient(118deg,#0D2438 4%,#254559 34%,#102E43 67%,#071E2D 100%)!important;
  box-shadow:inset 0 1px 1px #DFECF44D,inset 0 -1px 2px #04131F66,0 8px 22px #0D243824,0 10px 24px rgba(13,36,56,.28)!important;
  filter:none!important; color:var(--op-action-highlight)!important; text-shadow:none!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc :is(h2,.op-quote-arc-label) {
  color:var(--text,#202020)!important; text-shadow:none!important; box-shadow:none!important; filter:none!important;
  font-weight:800!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc .op-quote-arc-action {
  font-weight:800!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc .op-quote-arc-action .op-home-hero-icon {
  color:var(--op-action-highlight)!important; filter:drop-shadow(0 1px 1px #0005)!important; box-shadow:none!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc[data-direction='up'] .op-quote-arc-close {
  border:0!important; background:transparent!important; box-shadow:none!important; filter:none!important;
}
@media(hover:hover) {
  html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc .op-quote-arc-action:hover {
    box-shadow:inset 0 1px 1px #DFECF44D,inset 0 -1px 2px #04131F66,0 8px 22px #0D243824,0 14px 30px rgba(13,36,56,.38)!important;
  }
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc[data-direction='down'] .op-quote-arc-close {
  border:var(--arc-trigger-border,var(--op-light-rim))!important;
  border-radius:var(--arc-trigger-border-radius,15px)!important;
  padding:var(--arc-trigger-padding,7px 8px);gap:var(--arc-trigger-gap,8px);
  font-family:var(--arc-trigger-font-family,Heebo,Arial,sans-serif)!important;
  font-size:var(--arc-trigger-font-size,16px)!important;
  font-weight:var(--arc-trigger-font-weight,700)!important;
  line-height:var(--arc-trigger-line-height,1.2)!important;
  letter-spacing:var(--arc-trigger-letter-spacing,normal)!important;
  background:var(--op-button-gold-fill)!important;color:var(--op-action-ink)!important;
  box-shadow:var(--arc-trigger-box-shadow,var(--op-button-gold-shadow))!important;
  filter:var(--arc-trigger-filter,none)!important;text-shadow:var(--arc-trigger-text-shadow,none)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-quote-arc[data-direction='down'] .op-quote-arc-close * {
  color:var(--op-action-ink)!important;text-shadow:var(--arc-trigger-text-shadow,none)!important;
  font-weight:var(--arc-trigger-font-weight,700)!important;
}

/* Photographs fade into the actual page. A rectangular shadow on their
   transparent parent defeats that fade even when the image mask is intact. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is(
  .op-work-heading:has(.op-work-photo),.op-work-heading--photo,.op-journey-hero,
  .op-work-photo,.op-journey-photo,.op-quote-preview-cover
) { box-shadow:none!important; border:0!important; background-color:transparent; }

/* The approved quotation photo stays crisp across its center; feather only
   the outer frame into the page, independently of the other workspace photos. */
.op-work-heading[data-photo="quotes-blue-gold"] .op-work-photo {
  --op-photo-fade:linear-gradient(180deg,transparent 1px,#000 8%,#000 82%,transparent calc(100% - 1px)),linear-gradient(90deg,transparent 1px,#000 5%,#000 94%,transparent calc(100% - 1px));
}
.op-work-heading[data-photo="quotes-gold-band"] .op-work-photo {
  background-image:var(--op-photo); background-size:100% 100%; background-position:center;
  --op-photo-fade:linear-gradient(180deg,transparent 1px,#000 6%,#000 92%,transparent calc(100% - 1px)),linear-gradient(90deg,transparent 1px,#000 3%,#000 97%,transparent calc(100% - 1px));
}

/* Home copy keeps its text depth even inside flat links and navigation.
   This never adds a surface shadow to icons, logos or transparent controls. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium[data-home-active="true"] :is([data-home-dashboard],.op-home-header,.op-home-bottom-nav) :where(*):not(:where(svg,svg *,.opero-icon,.opero-icon *,.op-home-hero-icon,.op-home-hero-icon *,.op-home-logo,.op-home-logo *,[data-opero-monogram],[data-opero-monogram] *,.op-brand-wordmark,.op-brand-wordmark *)) {
  text-shadow:var(--op-text-shadow-subtle)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-home-header .op-brand-slogan {
  font-weight:800!important;
  text-shadow:var(--op-text-shadow-subtle)!important;
}

/* Shared subtitle halo includes the catalog and proposal cover. */
html :is(#__next,.op-brand-surface) .op-premium .op-work-heading--photo .op-work-heading-subtitle {
  background:radial-gradient(ellipse closest-side,rgba(255,255,255,.78) 12%,rgba(255,255,255,.6) 46%,rgba(255,255,255,.2) 76%,rgba(255,255,255,0) 100%)!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 6px;
}

/* A barely visible white backing on the blue floor, using the same approved
   text emphasis as the other banners rather than the shared bright halo. */
html :is(#__next,.op-brand-surface) .op-premium .op-work-heading[data-photo-layout="gold-band"] .op-work-heading-subtitle {
  display:block; background:rgb(255 255 255 / .10)!important; color:#F7F5F0!important;
  padding:2px 4px; border-radius:4px; line-height:inherit; font-weight:700!important;
  text-shadow:var(--op-text-shadow-subtle)!important;
}

.op-quote-preview-cover { position:relative; flex-shrink:0; margin:-4px -8px 8px; }
.op-work-heading[data-photo="catalog"] .op-work-heading-subtitle {
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}

/* Account entries and quote/lead records reuse the existing banner elevation.
   The record summary is the visible banner; its disclosed forms keep their
   current typography and the photographic header keeps its transparent fade.
   Payment summaries and the header user name keep the same approved text
   emphasis even inside the flat disclosure/account controls above. */
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-home-account-menu>:is(a,button),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is([data-workspace="quotes"],[data-workspace="leads"]) .op-work-record {
  box-shadow:var(--op-elevation-banner)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is([data-workspace="quotes"],[data-workspace="leads"]) :is(.op-work-record-summary,.op-work-record-summary :where(*),.op-work-heading h1,.op-work-heading p):not(:where(svg,svg *,.opero-icon,.opero-icon *)),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-work-card--payments :is(.op-work-record-summary,.op-work-record-summary :where(*)):not(:where(svg,svg *,.opero-icon,.opero-icon *)),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-home-account .op-home-greeting strong {
  font-weight:700!important;
  text-shadow:var(--op-text-shadow-subtle)!important;
}
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium :is([data-workspace="quotes"],[data-workspace="leads"]) :is(.op-work-record-summary h2,.op-work-record-summary strong,.op-work-record-summary b,.op-work-heading h1),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-work-card--payments :is(.op-work-record-summary h2,.op-work-record-summary strong,.op-work-record-summary b),
html :is(#__opero-global-depth#__opero-global-depth#__opero-global-depth,#__next) .op-premium .op-home-account .op-home-greeting strong {
  font-weight:800!important;
}
.op-quote-preview-cover .op-work-heading { margin:0; }
.op-quote-preview-cover .op-work-heading--photo { min-height:146px; padding:10px 16px; }
.op-quote-preview-cover .op-work-heading-main { min-height:126px; }
.op-quote-preview-cover .op-work-heading h1 { font-size:26px; }
.op-quote-preview-cover .op-work-heading p { font-size:15px; }
@media(max-height:700px) {
  .op-quote-preview-cover .op-work-heading--photo { min-height:106px; }
  .op-quote-preview-cover .op-work-heading-main { min-height:86px; }
}
.op-work-settings .op-settings-banner-summary>.opero-icon:first-child { width:24px; height:24px; flex:0 0 24px; color:var(--text2); }
.op-work-settings .op-learned-preferences>.op-settings-banner-summary { background:transparent!important; border:0!important; color:var(--text)!important; font:inherit; }
.op-work-settings .op-learned-preferences[data-open="true"] .op-settings-banner-chevron { transform:rotate(180deg); }
.op-learned-body { padding:0 16px 16px; }
.op-learned-body[hidden] { display:none; }
.op-learned-examples { border-top:1px solid var(--border); padding-top:12px; }
.op-learned-examples h4 { margin:0 0 6px; font-size:15px; }
.op-learned-examples p,.op-learned-empty { color:var(--muted); font-size:13px; line-height:1.6; }
.op-learned-examples ol { padding-inline-start:22px; font-size:14px; line-height:1.7; }
.op-learned-examples li { margin-bottom:8px; }
.op-learned-examples button { padding:8px 20px; min-height:44px; font:inherit; cursor:pointer; }
.op-learned-help { background:transparent!important; border:0!important; color:var(--text)!important; padding:8px 0; font:inherit; font-size:13px; min-height:44px; text-decoration:underline; cursor:pointer; }
.op-learned-list { list-style:none; padding:0; margin:12px 0 0; }
.op-learned-list li { display:flex; align-items:center; gap:8px; padding:8px 0; border-top:1px solid var(--border); color:var(--text); font-size:14px; line-height:1.5; }
.op-learned-list li>span { flex:1; min-width:0; }
.op-learned-list button { display:grid; place-items:center; width:44px; min-width:44px; height:44px; border:0!important; background:transparent!important; color:var(--muted)!important; cursor:pointer; }

 input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:21px;height:21px;border:1px solid var(--op-gold-line);border-radius:4px;background:#FFF;vertical-align:middle}input[type=checkbox]:checked{background:var(--op-action-fill)}input[type=checkbox]:checked:before{content:'';width:12px;height:12px;background:var(--op-action-ink);clip-path:polygon(9% 43%,0 54%,37% 91%,100% 20%,88% 9%,36% 69%)}
 a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--op-steel);outline-offset:4px}
 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}