/* diginaized Invoice Pro v1.9.2
   Consolidated interaction and presentation layer.
   Owns mobile/desktop separation, active shimmer, cookie consent display,
   modals, dock spacing, invoice cards, currency controls and header CTAs.
   Loaded last by index.php/includes/layout.php/admin layout. */
:root{
  --dg-ui-ink:#060606;
  --dg-ui-panel:#101010;
  --dg-ui-panel-2:#151515;
  --dg-ui-paper:#ede8de;
  --dg-ui-fog:#c8c0b4;
  --dg-ui-muted:#a7a19a;
  --dg-ui-dim:#7f7b76;
  --dg-ui-gold:#c8a96e;
  --dg-ui-gold-2:#e8c98e;
  --dg-ui-line:rgba(237,232,222,.12);
  --dg-ui-line-strong:rgba(200,169,110,.48);
  --dg-ui-glow:rgba(200,169,110,.16);
  --dg-ui-gutter:clamp(1rem,3vw,1.4rem);
  --dg-ui-radius:18px;
  --dg-ui-radius-lg:24px;
}
html,body{max-width:100%;overflow-x:hidden;}
body{background:var(--dg-ui-ink);}
body *,body *::before,body *::after{box-sizing:border-box;}
.card,.dg-card,.modal,.dg-command-box,.builder-command-box,.invoice-card,.invoice-timeline-box,.invoice-meta-box{min-width:0;}
.small,.muted,.micro-note,.lbl,p,span,strong,b,h1,h2,h3,h4,td,th,button,a,input,select,textarea{overflow-wrap:break-word;}

/* Critical header/action visibility. This fixes the black-on-black Workspace CTA on the public builder. */
body.public-invoice-page .hdr .hdr-actions a.workspace-priority,
body.public-invoice-page .hdr .hdr-actions .workspace-priority,
body:not(.dg-workspace-shell) .top-actions a.workspace-priority,
.hdr-actions .workspace-priority,
.top-actions .workspace-priority,
a.workspace-priority.btn,
a.workspace-priority.nav-link{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  background:linear-gradient(135deg,#f0d59a 0%,#d9b972 52%,#b9904e 100%)!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  border:1px solid rgba(240,210,141,.82)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 28px rgba(200,169,110,.18)!important;
  text-shadow:none!important;
}
body.public-invoice-page .hdr .hdr-actions a.workspace-priority *,
body.public-invoice-page .hdr .hdr-actions .workspace-priority *,
.hdr-actions .workspace-priority *,
.top-actions .workspace-priority *,
a.workspace-priority.btn *,
a.workspace-priority.nav-link *{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
body.public-invoice-page .hdr .hdr-actions a.workspace-priority:hover,
body.public-invoice-page .hdr .hdr-actions .workspace-priority:hover,
.hdr-actions .workspace-priority:hover,
.top-actions .workspace-priority:hover{
  background:linear-gradient(135deg,#f4dea7 0%,#dfc17e 58%,#caa25e 100%)!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  transform:translateY(-1px);
}

/* Active shimmer. Runtime adds .dg-shimmer-active and a child span only to active/current/selected controls. Hover never gets this effect. */
.dg-shimmer-active{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.dg-shimmer-active > :not(.dg-shimmer-sweep){position:relative;z-index:2;}
.dg-shimmer-sweep{position:absolute!important;inset:0!important;border-radius:inherit!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;display:block!important;}
.dg-shimmer-sweep::before{content:"";position:absolute;top:-18%;bottom:-18%;left:-42%;width:38%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,0) 24%,rgba(232,201,142,.08) 38%,rgba(255,238,198,.22) 50%,rgba(232,201,142,.08) 62%,rgba(255,255,255,0) 78%,transparent 100%);transform:translateX(0) skewX(-10deg);opacity:0;animation:dgShimmerSweep180 4.8s ease-in-out infinite;mix-blend-mode:screen;}
@keyframes dgShimmerSweep180{0%,58%,100%{transform:translateX(0) skewX(-10deg);opacity:0;}66%{opacity:.46;}82%{transform:translateX(380%) skewX(-10deg);opacity:.38;}91%{opacity:0;}}
body.dg-no-motion .dg-shimmer-sweep{display:none!important;}
/* Browser pseudo glides from older releases must not stack. */
.nav-chip.is-current::after,.home-chip.is-current::after,.nav-link.active::after,.mpv-btn.active::after,.doc-type-pill.active::after,.tpl.sel::after,.style-pack.sel::after,.palette-card.sel::after,.font-opt.sel::after,.dg-currency-chip.active::after{content:none!important;display:none!important;animation:none!important;}

/* Shared active state visual. Intentionally transparent and restrained. */
.nav-chip.is-current,.home-chip.is-current,.nav-link.active,.nav-link.is-active,.top-nav .nav-link.active,.top-actions .nav-link.active,
.workspace-nav a.active,.workspace-nav a.is-active,.dg-mobile-dock a.active,.dg-mobile-dock button.active,.builder-bottom-nav a.active,.builder-bottom-nav button.active,
.mobile-action-bar .mobile-dock-active,.mobile-action-bar .btn.mobile-dock-active,.invoice-filter-strip button.is-active,.invoice-filter-strip button.active,
.doc-type-pill.active,.mpv-btn.active,.dg-mobile-section-rail button.is-active,.dg-currency-chip.active,.preview-shortcuts .active,
.tpl.sel,.style-pack.sel,.palette-card.sel,.font-opt.sel,.csw.sel,[role="tab"][aria-selected="true"],[aria-current="page"]{
  border-color:var(--dg-ui-line-strong)!important;
  color:var(--dg-ui-gold-2)!important;
  -webkit-text-fill-color:currentColor!important;
  background:linear-gradient(135deg,rgba(200,169,110,.13),rgba(16,16,16,.76))!important;
  box-shadow:0 0 0 1px rgba(200,169,110,.08) inset,0 12px 28px rgba(0,0,0,.22)!important;
}
.btn-gold.dg-shimmer-active,.btn-gold.active,.btn-gold.is-active{color:#050505!important;-webkit-text-fill-color:#050505!important;background:linear-gradient(135deg,#e8c98e,#c8a96e)!important;}
/* Hover remains old subtle behaviour; no shimmer is created by hover. */
.btn:hover .dg-shimmer-sweep,.nav-chip:hover .dg-shimmer-sweep,.home-chip:hover .dg-shimmer-sweep,.doc-type-pill:hover .dg-shimmer-sweep,.tpl:hover .dg-shimmer-sweep{animation-play-state:running;}

/* Public builder shell. */
.public-invoice-page .dg-hero,.workspace-builder-page .workspace-builder-hero,
.public-invoice-page .dg-grid,.workspace-builder-page .dg-grid,
.public-invoice-page .app-wrap,.workspace-builder-page .app-wrap{max-width:1540px;margin-left:auto!important;margin-right:auto!important;padding-left:var(--dg-ui-gutter)!important;padding-right:var(--dg-ui-gutter)!important;}
.public-invoice-page .dg-hero,.workspace-builder-page .workspace-builder-hero{padding-top:clamp(1rem,2.2vw,1.8rem)!important;padding-bottom:clamp(.8rem,1.8vw,1.4rem)!important;}
.public-invoice-page .dg-hero__title,.workspace-builder-page .hero-h1{line-height:1.04!important;}
.public-invoice-page .dg-card,.workspace-builder-page .dg-card,.public-invoice-page .card,.workspace-builder-page .card{border-color:rgba(237,232,222,.105)!important;background:linear-gradient(180deg,rgba(19,19,19,.94),rgba(8,8,8,.97))!important;}
.card-hd{gap:.58rem!important;}
.card-title{line-height:1.15!important;}

/* Currency controls. Keep desktop readable and mobile non-cramped. */
.dg-currency-card{overflow:hidden!important;border-radius:18px!important;}
.dg-currency-topline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.8rem!important;align-items:center!important;padding:.82rem .95rem!important;border-bottom:1px solid rgba(237,232,222,.075)!important;}
.dg-currency-current{min-width:88px;text-align:right;border:1px solid rgba(200,169,110,.18);border-radius:12px;background:rgba(200,169,110,.045);padding:.42rem .55rem;}
.dg-currency-current span,.dg-currency-current small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dg-currency-body{display:grid!important;grid-template-columns:minmax(220px,.55fr) minmax(220px,.55fr) minmax(260px,1fr)!important;gap:.7rem!important;align-items:end!important;padding:.82rem .95rem .95rem!important;}
.dg-currency-body .field{margin:0!important;}
.dg-currency-chip-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.36rem!important;align-self:end!important;}
.dg-currency-chip{min-width:0!important;min-height:34px!important;border:1px solid rgba(237,232,222,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:var(--dg-ui-muted)!important;font-size:.56rem!important;font-weight:850!important;letter-spacing:.08em!important;padding:.32rem .22rem!important;}
.dg-document-control-note{grid-column:1/-1!important;font-size:.72rem!important;color:var(--dg-ui-muted)!important;line-height:1.42!important;border:1px solid rgba(237,232,222,.08);border-radius:12px;padding:.6rem .7rem;background:rgba(255,255,255,.022);}

/* Design previews: selected preview uses a real cloned invoice; thumbnails are marked representative. */
.dg-design-preview-panel{overflow:hidden!important;}
.dg-design-preview-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.85rem!important;align-items:start!important;}
.dg-design-preview-head p{max-width:68ch;}
.dg-design-preview-canvas{min-height:220px!important;border-radius:16px!important;overflow:hidden!important;background:#f7f4ef!important;display:block!important;position:relative!important;}
.dg-live-mini-wrap{position:relative;width:100%;height:260px;overflow:hidden;background:#f7f4ef;border-radius:16px;}
.dg-live-mini-wrap .inv{position:absolute!important;left:14px!important;top:14px!important;transform-origin:top left!important;pointer-events:none!important;box-shadow:0 16px 46px rgba(0,0,0,.18)!important;}
.dg-preview-rule{line-height:1.45!important;}
.tpl .tpl-prev{border:1px solid rgba(237,232,222,.08)!important;}
.tpl .tpl-copy{display:grid;gap:.18rem;}
.tpl .tpl-meta{line-height:1.3!important;}

/* Saved invoices: cleaner grouping and no raw concatenated text. */
.invoice-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.8rem!important;align-items:center!important;margin:1rem 0 .65rem!important;}
.invoice-search{display:flex!important;align-items:center!important;gap:.6rem!important;border:1px solid var(--dg-ui-line)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;padding:.74rem .9rem!important;}
.invoice-search input{width:100%!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;}
.invoice-filter-strip{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;margin:.5rem 0 1rem!important;}
.invoice-filter-strip button{appearance:none;border:1px solid rgba(237,232,222,.13);border-radius:999px;min-height:36px;padding:.5rem .78rem;background:rgba(255,255,255,.028);color:var(--dg-ui-muted);font-size:.62rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;}
.invoice-search-empty[hidden],#invoiceEmptySearch[hidden],[data-invoice-card].is-hidden{display:none!important;}
.invoice-list{display:grid!important;gap:1rem!important;}
.invoice-card{border:1px solid rgba(237,232,222,.11)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018))!important;box-shadow:0 24px 72px rgba(0,0,0,.22)!important;padding:1.05rem!important;overflow:hidden!important;}
.invoice-card-main{display:grid!important;grid-template-columns:minmax(280px,1.02fr) minmax(150px,.38fr) minmax(330px,1fr)!important;gap:1.1rem!important;align-items:start!important;}
.invoice-identity h3{font-family:var(--serif,Georgia,serif)!important;font-weight:400!important;font-size:clamp(1.75rem,2.25vw,2.25rem)!important;line-height:1.02!important;margin:.45rem 0 .34rem!important;color:var(--dg-ui-paper)!important;}
.invoice-identity p{margin:.16rem 0!important;color:var(--dg-ui-muted)!important;line-height:1.45!important;}
.invoice-stage{display:flex!important;flex-wrap:wrap!important;gap:.38rem!important;margin-top:.74rem!important;}
.invoice-stage span{border:1px solid rgba(237,232,222,.12)!important;border-radius:999px!important;padding:.34rem .56rem!important;color:var(--dg-ui-muted)!important;font-size:.68rem!important;line-height:1!important;}
.invoice-stage span.active,.invoice-stage span.done{border-color:rgba(200,169,110,.36)!important;color:var(--dg-ui-gold-2)!important;background:rgba(200,169,110,.08)!important;}
.invoice-amount{text-align:right!important;border-left:1px solid rgba(237,232,222,.1)!important;padding-left:1rem!important;}
.invoice-amount strong{display:block!important;font-family:var(--serif,Georgia,serif)!important;font-weight:500!important;font-size:clamp(1.38rem,2vw,1.8rem)!important;line-height:1.08!important;color:var(--dg-ui-gold)!important;}
.invoice-amount span{display:block!important;margin-top:.25rem!important;color:var(--dg-ui-muted)!important;font-size:.82rem!important;line-height:1.35!important;}
.invoice-meta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.62rem!important;}
.invoice-meta-box{border:1px solid rgba(237,232,222,.095)!important;border-radius:16px!important;background:rgba(0,0,0,.17)!important;padding:.72rem .78rem!important;}
.invoice-meta-box b{display:block!important;color:var(--dg-ui-gold)!important;font-size:.58rem!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin-bottom:.34rem!important;}
.invoice-meta-box span{display:block!important;color:var(--dg-ui-paper)!important;font-size:.9rem!important;line-height:1.34!important;overflow-wrap:anywhere!important;}
.invoice-flow{display:grid!important;grid-template-columns:minmax(330px,1fr) minmax(330px,.95fr)!important;gap:1rem!important;margin-top:1rem!important;align-items:start!important;}
.readiness-panel,.invoice-delivery,.next-action-panel,.invoice-timeline-box{border:1px solid rgba(237,232,222,.09)!important;border-radius:16px!important;background:rgba(0,0,0,.14)!important;padding:.85rem!important;}
.readiness-checks{display:flex!important;flex-wrap:wrap!important;gap:.38rem .58rem!important;line-height:1.35!important;}
.readiness-check{display:inline-flex!important;gap:.25rem!important;align-items:center!important;}
.invoice-send-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.55rem!important;align-items:stretch!important;}
.invoice-primary-actions{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;margin-top:.9rem!important;}
.invoice-primary-actions form{display:inline-flex!important;margin:0!important;}
.invoice-timeline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;margin-top:1rem!important;}
.timeline-row{display:grid!important;gap:.16rem!important;line-height:1.38!important;padding:.44rem 0!important;border-bottom:1px solid rgba(237,232,222,.07)!important;}
.timeline-row:last-child{border-bottom:0!important;}

/* Modals and sheets. */
.modal-bg.open,.dg-send-review.open,.builder-command-modal.open,.dg-command-modal.open{display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;}
.modal,.dg-send-modal,.builder-command-box,.dg-command-box,#actionModal .modal,#proModal .modal{width:min(640px,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem)!important;max-height:calc(100dvh - 2rem)!important;overflow:auto!important;border-radius:22px!important;padding:1.05rem!important;}
.modal h2,.dg-send-modal h2,.builder-command-box h2,.dg-command-box h2{font-size:clamp(1.48rem,4vw,2rem)!important;line-height:1.06!important;margin:0 2.4rem .5rem 0!important;}
.modal p,.dg-send-modal p,.builder-command-box p,.dg-command-box p{line-height:1.5!important;}
.modal-actions,.btn-row{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;align-items:center!important;}
.modal-actions .btn,.btn-row .btn{min-width:0!important;}
.mobile-action-sheet .sheet-panel{width:min(560px,calc(100vw - 1rem))!important;max-height:82dvh!important;overflow:auto!important;border-radius:24px 24px 0 0!important;}

/* Mobile dock/bottom bars: stable labels and spacing. */
.builder-bottom-nav,.dg-mobile-dock,.mobile-action-bar{min-width:0;}
.builder-bottom-nav a,.builder-bottom-nav button,.dg-mobile-dock a,.dg-mobile-dock button,.mobile-action-bar .btn{min-width:0!important;overflow:hidden!important;text-align:center!important;}
.builder-bottom-nav span,.dg-mobile-dock span,.mobile-action-bar .btn span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

@media(max-width:1080px){
  .hdr{grid-template-columns:auto 1fr!important;gap:.62rem!important;padding-left:var(--dg-ui-gutter)!important;padding-right:var(--dg-ui-gutter)!important;}
  .hdr-left{grid-column:1/2!important;min-width:0!important;}
  .mobile-menu-toggle{grid-column:2/3!important;justify-self:end!important;}
  .hdr-nav,.hdr-actions,.top-nav,.top-actions{grid-column:1/-1!important;width:100%!important;}
  .hdr:not(.dg-menu-open) .hdr-nav,.hdr:not(.dg-menu-open) .hdr-actions,.hdr:not(.dg-menu-open) .top-nav,.hdr:not(.dg-menu-open) .top-actions{display:none!important;}
  .hdr.dg-menu-open .hdr-nav,.hdr.dg-menu-open .hdr-actions,.hdr.dg-menu-open .top-nav,.hdr.dg-menu-open .top-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important;overflow:visible!important;}
  .hdr.dg-menu-open .nav-chip,.hdr.dg-menu-open .home-chip,.hdr.dg-menu-open .nav-link,.hdr.dg-menu-open .hdr-actions .btn,.hdr.dg-menu-open .top-actions .btn,.hdr.dg-menu-open .dg-account-summary{width:100%!important;justify-content:center!important;white-space:normal!important;text-align:center!important;}
}
@media(max-width:920px){
  .dg-currency-body{grid-template-columns:1fr!important;align-items:stretch!important;}
  .invoice-card-main{grid-template-columns:1fr!important;}
  .invoice-amount{text-align:left!important;border-left:0!important;border-top:1px solid rgba(237,232,222,.1)!important;padding-left:0!important;padding-top:.75rem!important;}
  .invoice-flow,.invoice-timeline{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  :root{--dg-ui-gutter:clamp(.82rem,4.8vw,1.08rem);}
  .public-invoice-page .dg-hero,.workspace-builder-page .workspace-builder-hero{display:grid!important;gap:.85rem!important;text-align:left!important;}
  .dg-hero__title,.hero-h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.02!important;}
  .dg-hero__subtitle,.hero-sub{font-size:.86rem!important;line-height:1.5!important;letter-spacing:.02em!important;text-transform:none!important;}
  .dg-grid--cards-3{grid-template-columns:1fr!important;gap:.65rem!important;}
  .app-wrap{display:flex!important;flex-direction:column!important;gap:.78rem!important;padding-bottom:calc(6.2rem + env(safe-area-inset-bottom,0px))!important;}
  .card,.dg-card{border-radius:18px!important;}
  .card-hd{padding:.82rem .88rem!important;gap:.55rem!important;min-height:50px!important;}
  .card-title{font-size:.98rem!important;}
  .card-bd{padding:.88rem!important;}
  .row,.row2,.row3,.grid,.grid-2,.grid-3,.grid-4,.dg-grid{grid-template-columns:1fr!important;}
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),select,textarea{font-size:16px!important;min-height:46px!important;max-width:100%!important;}
  .dg-currency-topline{padding:.7rem .78rem!important;gap:.55rem!important;}
  .dg-currency-topline h3{font-size:.98rem!important;line-height:1.1!important;}
  .dg-currency-topline .micro-note{display:none!important;}
  .dg-currency-current{min-width:74px!important;padding:.35rem .44rem!important;}
  .dg-currency-chip-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dg-currency-chip{min-height:34px!important;font-size:.55rem!important;}
  .dg-document-control-note{font-size:.68rem!important;padding:.55rem .62rem!important;}
  .mobile-design-picker{padding:.82rem!important;border-radius:18px!important;}
  .mobile-design-summary,.mobile-design-select-row,.mobile-design-colour-row{grid-template-columns:1fr!important;gap:.38rem!important;align-items:start!important;}
  .mobile-design-actions{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;}
  .mobile-design-actions .btn{width:100%!important;}
  .invoice-toolbar{grid-template-columns:1fr!important;}
  .invoice-card{padding:.9rem!important;border-radius:20px!important;}
  .invoice-meta-grid{grid-template-columns:1fr!important;}
  .invoice-send-form{grid-template-columns:1fr!important;}
  .invoice-primary-actions{display:grid!important;grid-template-columns:1fr!important;}
  .invoice-primary-actions .btn,.invoice-primary-actions form,.invoice-primary-actions form button{width:100%!important;justify-content:center!important;}
  .readiness-checks{display:grid!important;grid-template-columns:1fr!important;gap:.32rem!important;}
  .modal-bg.open,.dg-send-review.open,.builder-command-modal.open,.dg-command-modal.open{align-items:flex-end!important;padding:.55rem!important;}
  .modal,.dg-send-modal,.builder-command-box,.dg-command-box,#actionModal .modal,#proModal .modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 1rem)!important;border-radius:22px 22px 16px 16px!important;padding:1rem!important;}
  .modal-actions,.btn-row{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;}
  .modal-actions .btn,.btn-row .btn{width:100%!important;min-height:44px!important;}
  .builder-command-list,.dg-command-list{max-height:58dvh!important;overflow:auto!important;}
  .builder-command-item,.dg-command-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:.68rem!important;padding:.78rem!important;}
  .builder-bottom-nav,body.workspace-builder-page .builder-bottom-nav,.mobile-action-bar,body.public-invoice-page .mobile-action-bar,body.workspace-builder-page .mobile-action-bar{left:.42rem!important;right:.42rem!important;bottom:calc(.42rem + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(200,169,110,.18)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(18,18,18,.985),rgba(6,6,6,.99))!important;box-shadow:0 18px 60px rgba(0,0,0,.55)!important;padding:.32rem!important;gap:.24rem!important;}
  .builder-bottom-nav a,.builder-bottom-nav button,.mobile-action-bar .btn{min-height:50px!important;border-radius:16px!important;padding:.34rem .1rem!important;font-size:.48rem!important;letter-spacing:.035em!important;line-height:1.04!important;display:grid!important;grid-template-rows:auto auto!important;place-items:center!important;align-content:center!important;gap:.12rem!important;}
  .builder-bottom-nav i,.mobile-action-bar .btn i{font-size:.92rem!important;line-height:1!important;}
}
@media(max-width:390px){
  :root{--dg-ui-gutter:.78rem;}
  .hdr.dg-menu-open .hdr-nav,.hdr.dg-menu-open .hdr-actions,.hdr.dg-menu-open .top-nav,.hdr.dg-menu-open .top-actions{grid-template-columns:1fr!important;}
  .dg-currency-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .builder-bottom-nav a,.builder-bottom-nav button,.mobile-action-bar .btn{font-size:.44rem!important;}
}


/* =========================================================
   v1.9.2 consolidated release corrections
   These rules are deliberately final in the cascade.
   ========================================================= */

/* Mobile-only bars must not consume desktop viewport height. */
@media (min-width: 761px){
  body.workspace-builder-page .builder-bottom-nav,
  body.public-invoice-page .builder-bottom-nav,
  body.public-invoice-page .mobile-action-bar,
  body.workspace-builder-page .mobile-action-bar,
  .dg-mobile-dock,
  .dg-mobile-dock-spacer{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.workspace-builder-page .app-wrap,
  body.public-invoice-page .app-wrap{
    padding-bottom:3.2rem!important;
  }
}

/* Mobile bar/dock is fixed only on mobile, never a desktop content row. */
@media (max-width: 760px){
  body.workspace-builder-page .builder-bottom-nav,
  body.public-invoice-page .mobile-action-bar,
  .dg-mobile-dock{
    position:fixed!important;
    z-index:740!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    left:.52rem!important;
    right:.52rem!important;
    bottom:calc(.52rem + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:calc(100vw - 1.04rem)!important;
    margin:0!important;
  }
  body.public-invoice-page .mobile-action-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.workspace-builder-page .builder-bottom-nav a,
  body.workspace-builder-page .builder-bottom-nav button,
  .dg-mobile-dock a,
  .dg-mobile-dock button,
  body.public-invoice-page .mobile-action-bar .btn{
    min-width:0!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    padding:.35rem .12rem!important;
    display:grid!important;
    grid-template-rows:1fr auto!important;
    place-items:center!important;
    align-content:center!important;
    gap:.16rem!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
  body.workspace-builder-page .builder-bottom-nav span,
  .dg-mobile-dock span,
  body.public-invoice-page .mobile-action-bar .btn span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.52rem!important;
    line-height:1.05!important;
    letter-spacing:.045em!important;
  }
  body.workspace-builder-page .builder-bottom-nav i,
  .dg-mobile-dock i,
  body.public-invoice-page .mobile-action-bar .btn i{
    font-size:.94rem!important;
    line-height:1!important;
  }
}

/* Cookie consent: hidden by default to prevent a top-of-page flash before CSS/JS. */
.cookie-bar[hidden],.cookie-modal[hidden]{display:none!important;visibility:hidden!important;}
.cookie-bar{
  top:auto!important;
  bottom:0!important;
  transform:translateY(110%);
  will-change:transform;
}
.cookie-bar.show{
  display:flex!important;
  transform:translateY(0)!important;
}
.cookie-modal{
  top:auto!important;
  bottom:0!important;
}
@media (min-width:600px){
  .cookie-modal{bottom:1rem!important;top:auto!important;}
}

/* Active shimmer: CSS-owned so it does not depend on runtime injection or selector timing. */
.nav-chip.is-current,
.home-chip.is-current,
.nav-link.active,
.nav-link.is-active,
.workspace-nav a.active,
.workspace-nav a.is-active,
.dg-mobile-dock a.active,
.dg-mobile-dock button.active,
.builder-bottom-nav a.active,
.builder-bottom-nav button.active,
.mobile-action-bar .mobile-dock-active,
.mobile-action-bar .btn.mobile-dock-active,
.invoice-filter-strip button.is-active,
.invoice-filter-strip button.active,
.doc-type-pill.active,
.mpv-btn.active,
.dg-mobile-section-rail button.is-active,
.dg-currency-chip.active,
.preview-shortcuts .active,
.tpl.sel,
.style-pack.sel,
.palette-card.sel,
.font-opt.sel,
.csw.sel,
[role="tab"][aria-selected="true"],
[aria-current="page"]{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.nav-chip.is-current::after,
.home-chip.is-current::after,
.nav-link.active::after,
.nav-link.is-active::after,
.workspace-nav a.active::after,
.workspace-nav a.is-active::after,
.dg-mobile-dock a.active::after,
.dg-mobile-dock button.active::after,
.builder-bottom-nav a.active::after,
.builder-bottom-nav button.active::after,
.mobile-action-bar .mobile-dock-active::after,
.mobile-action-bar .btn.mobile-dock-active::after,
.invoice-filter-strip button.is-active::after,
.invoice-filter-strip button.active::after,
.doc-type-pill.active::after,
.mpv-btn.active::after,
.dg-mobile-section-rail button.is-active::after,
.dg-currency-chip.active::after,
.preview-shortcuts .active::after,
.tpl.sel::after,
.style-pack.sel::after,
.palette-card.sel::after,
.font-opt.sel::after,
.csw.sel::after,
[role="tab"][aria-selected="true"]::after,
[aria-current="page"]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:1!important;
  background:linear-gradient(112deg,transparent 0%,transparent 32%,rgba(255,244,214,.00) 40%,rgba(255,244,214,.22) 50%,rgba(232,201,142,.08) 58%,transparent 70%,transparent 100%)!important;
  transform:translateX(-125%) skewX(-10deg)!important;
  opacity:0!important;
  animation:dgActiveTransparentGlide190 5.6s ease-in-out infinite!important;
  mix-blend-mode:screen!important;
}
@keyframes dgActiveTransparentGlide190{
  0%,58%,100%{transform:translateX(-125%) skewX(-10deg);opacity:0;}
  66%{opacity:.32;}
  82%{transform:translateX(125%) skewX(-10deg);opacity:.24;}
  92%{opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .nav-chip.is-current::after,.home-chip.is-current::after,.nav-link.active::after,.nav-link.is-active::after,.workspace-nav a.active::after,.workspace-nav a.is-active::after,.dg-mobile-dock a.active::after,.builder-bottom-nav a.active::after,.mobile-action-bar .mobile-dock-active::after,.invoice-filter-strip button.is-active::after,.doc-type-pill.active::after,.mpv-btn.active::after,.dg-currency-chip.active::after,.tpl.sel::after,.style-pack.sel::after,.palette-card.sel::after,.font-opt.sel::after,.csw.sel::after,[role="tab"][aria-selected="true"]::after,[aria-current="page"]::after{display:none!important;animation:none!important;}
}
/* Runtime shimmer span remains supported, but CSS shimmer above is the source of truth. */
.dg-shimmer-sweep{display:none!important;}

/* Header CTA readability, including blacked-out workspace button. */
.hdr-actions .workspace-priority,
.top-actions .workspace-priority,
.dg-workspace-cta,
a.workspace-priority,
a.dg-workspace-cta{
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(135deg,#e8c98e,#c8a96e)!important;
  color:#060606!important;
  -webkit-text-fill-color:#060606!important;
  border-color:rgba(232,201,142,.78)!important;
  text-shadow:none!important;
  filter:none!important;
}
.hdr-actions .workspace-priority *,
.top-actions .workspace-priority *,
.dg-workspace-cta *,
a.workspace-priority *,
a.dg-workspace-cta *{
  color:#060606!important;
  -webkit-text-fill-color:#060606!important;
  opacity:1!important;
}

/* Desktop builder rhythm after removing escaped mobile dock. */
@media (min-width:960px){
  body.workspace-builder-page .workspace-builder-hero{margin-top:0!important;padding-top:1.1rem!important;}
  body.workspace-builder-page .app-wrap{grid-template-columns:minmax(460px,.95fr) minmax(540px,1.15fr)!important;align-items:start!important;gap:1.05rem!important;}
  body.workspace-builder-page .preview-col{top:72px!important;}
}

/* Mobile typography: one consistent scale for labels, cards, modals and docked sheets. */
@media (max-width:760px){
  body.public-invoice-page,
  body.workspace-builder-page{font-size:15px!important;line-height:1.5!important;}
  .lbl,.small,.micro-note,.muted{line-height:1.42!important;}
  .lbl{font-size:.58rem!important;letter-spacing:.105em!important;margin-bottom:.36rem!important;}
  .small,.micro-note{font-size:.72rem!important;}
  .card-title,.dg-card h2,.dg-card h3,.card h2,.card h3{line-height:1.12!important;}
  .card-bd,.dg-card,.modal,.dg-send-modal,.builder-command-box,.dg-command-box,.cookie-modal{font-size:.92rem!important;}
  .modal h2,.dg-send-modal h2,.builder-command-box h2,.dg-command-box h2,.cookie-modal h3{font-size:clamp(1.35rem,7vw,1.82rem)!important;line-height:1.08!important;margin-right:2rem!important;}
  .modal p,.dg-send-modal p,.builder-command-box p,.dg-command-box p,.cookie-modal p{font-size:.84rem!important;line-height:1.5!important;}
  .modal-actions .btn,.btn-row .btn,.ck-btns button,.cookie-btns button{font-size:.64rem!important;letter-spacing:.065em!important;}
  .cookie-bar{left:.58rem!important;right:.58rem!important;bottom:calc(.58rem + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(200,169,110,.24)!important;border-radius:20px!important;padding:.82rem!important;box-shadow:0 20px 70px rgba(0,0,0,.62)!important;}
  .cookie-bar.show{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;}
  .cookie-btns{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .cookie-btns button{width:100%!important;min-height:42px!important;}
}