/* Shared screen chrome; document previews and exported files keep their styling. */
@media screen {
  body:not([data-photo-page]) { --ui-ink:#20312a; --ui-muted:#62736a; --ui-line:#e0e7e2; --ui-accent:#176b4a; --brand-action:#176b4a; background:#f5f7f5 !important; }
  #root > div > header { background:#fff !important; border-color:var(--ui-line) !important; }
  #root > div > main { padding:28px 32px !important; }
  .workspace-dashboard { grid-template-columns:180px minmax(0,1fr); grid-template-rows:auto auto auto; gap:24px 32px; }
  .workspace-dashboard > div.grid, .workspace-dashboard > div.grid > div { display:contents !important; }
  .workspace-dashboard .workspace-section { grid-column:2; grid-row:2; }
  .workspace-dashboard .workspace-section[hidden] { display:none !important; }
  .workspace-dashboard > div.grid > aside { grid-column:2; grid-row:3; margin:0 !important; }
  .workspace-dashboard .workspace-section > div:first-child > div { display:none; }
  #root .workspace-section h3 { font-size:16px !important; letter-spacing:-.02em !important; }
  #root .workspace-intro :is(h1,h2) { font-size:28px !important; color:var(--ui-ink) !important; }
  #root .workspace-intro :is(h1,h2) span { color:inherit !important; }
  #root .workspace-intro > div { gap:16px !important; }
  #root .workspace-intro p { color:var(--ui-muted) !important; }
  #root .workspace-search { border-color:#d2dfd6 !important; min-height:50px !important; box-shadow:none !important; }
  .workspace-categories a { min-height:44px; }
  .workspace-categories a .workspace-category-label { color:#56695e; font-size:13px; }
  .workspace-categories a[aria-current] { background:#e5f0e9 !important; border-color:transparent !important; }
  .workspace-categories a[aria-current] :is(svg,.workspace-category-label,.workspace-category-count) { color:#176b4a !important; }
  .workspace-nav-title { letter-spacing:.06em; font-size:10px; color:#6a7c70; }
  .workspace-nav-note { display:none; }
  .workspace-mobile-category { display:none; }
  #root .workspace-section > .grid, #root .workspace-section[data-category="0"] > .grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
  #root .workspace-section .pro-card { border-radius:10px !important; border-color:#e0e7e2 !important; padding:14px !important; box-shadow:none !important; }
  #root .workspace-section .pro-card.min-h-36 { min-height:118px !important; gap:8px; }
  #root .workspace-section .pro-card h4 { font-size:13px !important; font-weight:600 !important; }
  #root .workspace-section .pro-card p { font-size:12px !important; line-height:1.5 !important; color:#62736a !important; }
  #root .workspace-section .pro-card:hover { border-color:#83ad96 !important; background:#fafdfb !important; box-shadow:none !important; }
  #root .workspace-section .pro-card > div:first-child:has(>svg):not(:has(h4)), #root .workspace-section .pro-card > div:first-child > div:first-child:has(svg) { color:#397553 !important; background:#edf4ef !important; border-radius:8px !important; }
  #root > div > footer { padding-top:22px !important; margin-top:20px !important; background:#fff !important; }
  #root > div > footer > div:first-child { gap:24px !important; }
  #root > div > footer > div:last-child { margin-top:20px !important; padding-top:16px !important; }
  #root main.workspace-tool .premium-hero { margin-bottom:20px !important; padding-bottom:16px !important; }
  #root main.workspace-tool .premium-hero h1 { font-size:28px !important; color:#20312a !important; }
  #root main.workspace-tool .premium-hero p { font-size:13px !important; }
  #root main.workspace-tool [role="presentation"] > .relative { min-height:164px !important; border-color:#bfcec3 !important; background:#f8fbf9 !important; }
  #root main.workspace-tool .grid { gap:16px !important; }
  #root main.workspace-tool .pro-panel { padding:20px !important; }
  #root main.workspace-tool .pro-panel h3 { font-size:14px !important; }
  #root main.workspace-tool .workspace-duplicate-setting { display:none !important; }
  #root main.workspace-tool .workspace-setting { padding:16px !important; box-shadow:none !important; border-radius:10px !important; }
  #root main.workspace-tool .workspace-setting > h3 { margin:0 0 12px !important; padding:0 !important; background:none !important; border:0 !important; text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; font-weight:600 !important; }
  #root main.workspace-tool .workspace-setting input { font-weight:400 !important; background:#fff !important; border:1px solid #d2dfd6 !important; border-radius:8px !important; }
  #root main.workspace-tool button.dashboard-back { background:transparent !important; border-color:transparent !important; padding:6px 0 !important; }
  :is(.runtime-search-layer,.runtime-information-layer,.pdfwb-layer,.tcfwb-layer,.swb-layer) { background:#172d2466 !important; backdrop-filter:blur(2px) !important; }
  .fwb-backdrop { background:#172d2466 !important; backdrop-filter:blur(2px) !important; }
  :is(.pdfwb-dialog,.fwb-dialog,.tcfwb-dialog,.swb-shell) { border-radius:12px !important; border-color:var(--ui-line) !important; box-shadow:0 16px 64px #102d2426 !important; }
  :is(.pdfwb-header,.fwb-header,.tcfwb-header,.swb-header) { background:#fff !important; border-color:var(--ui-line) !important; padding:16px 20px !important; }
  :is(.pdfwb-header h2,.fwb-header h1,.tcfwb-header h2,.swb-header h2) { font-size:21px !important; color:#20312a !important; line-height:1.3 !important; }
  :is(.pdfwb-eyebrow,.tcfwb-eyebrow,.swb-eyebrow,.fwb-brand-copy small) { display:none; }
  :is(.pdfwb-brand,.fwb-brand-mark,.tcfwb-brand-mark) { background:#eaf3ed !important; color:#176b4a !important; }
  .pdfwb-summary { font-size:13px !important; margin:0 0 14px; color:#62736a; }
  .pdfwb-body { padding:20px !important; }
  .pdfwb-upload { background:#f8fbf9 !important; border-color:#c9d8cf !important; }
  .pdfwb-privacy,.fwb-privacy,.swb-privacy { background:#f5f9f6 !important; border-color:#e0e9e3 !important; color:#506c5b !important; font-size:12px; }
  .fwb-privacy { padding:8px 20px; }
  .fwb-workspace { background:#f7f9f7; gap:14px; padding:16px; }
  .fwb-panel, .tcfwb-panel, .swb-result-card { border-radius:9px !important; box-shadow:none !important; border-color:#e0e7e2 !important; }
  .fwb-panel-heading,.tcfwb-panel-heading { background:#fff !important; padding:14px 16px !important; }
  .fwb-panel-heading > div > span { display:none; }
  .fwb-fieldset { margin-bottom:18px; padding:16px 0; border:0; border-top:1px solid #e0e7e2; border-radius:0; box-shadow:none; }
  .fwb-fieldset legend span { display:none; }
  .fwb-fieldset legend { font-size:13px; font-weight:600; text-transform:none; letter-spacing:0; }
  .swb-input-panel,.swb-result-panel { padding:20px !important; }
  .swb-result-panel { background:#f8faf8 !important; }
  .swb-result-empty { min-height:150px; padding:24px; }
  .swb-drop { min-height:76px; border-color:#c9d8cf; border-radius:8px; background:#f8fbf9; }
  .swb-field > label { color:#42594b; font-weight:600; }
  :is(.pdfwb-action,.fwb-button-primary,.tcfwb-btn-primary,.swb-button-primary) { background:#176b4a !important; border-color:#176b4a !important; color:#fff !important; }
  :is(.pdfwb-action,.pdfwb-button,.fwb-button,.tcfwb-btn,.swb-button) { border-radius:8px !important; font-weight:600 !important; box-shadow:none !important; }
  .runtime-search-result { padding:13px 15px; border-color:#e0e7e2; }
  .runtime-search-result:hover { background:#f0f7f2; }
  .runtime-search-eyebrow { display:none; }
  @media (min-width:1100px) { .fwb-header { grid-template-columns:160px minmax(0,1fr) auto; } }
  @media (max-width:980px) {
    /* A single scroll surface keeps long forms above their preview on small screens. */
    .fwb-workspace { display:block; overflow:auto; }
    .fwb-workspace > .fwb-panel { min-height:0; margin-bottom:12px; }
    .fwb-editor,.fwb-preview-pane { min-height:auto; overflow:visible; }
  }
  @media (max-width:1000px) and (min-width:801px) {
    .workspace-dashboard { grid-template-columns:166px minmax(0,1fr); gap:22px; }
    #root .workspace-section > .grid, #root .workspace-section[data-category="0"] > .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  }
  @media (max-width:800px) {
    #root > div > main { padding:20px 16px !important; }
    .workspace-dashboard { gap:20px; }
    .workspace-dashboard > .workspace-intro { order:0; }
    .workspace-dashboard > .workspace-categories { display:none; }
    .workspace-mobile-category { display:flex; order:1; flex-direction:column; gap:7px; font-size:12px; font-weight:600; color:#506357; }
    .workspace-mobile-category select { width:100%; min-height:44px; border:1px solid #d2ded6; border-radius:8px; background:#fff; padding:9px 12px; font-size:16px; color:#20312a; }
    .workspace-dashboard .workspace-section { order:2; }
    .workspace-dashboard > div.grid > aside { order:3; width:100%; }
    #root .workspace-section > .grid, #root .workspace-section[data-category="0"] > .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    #root .workspace-section .pro-card:not(.min-h-36) { flex-direction:row; align-items:flex-start; }
    #root .workspace-section .pro-card { padding:12px !important; }
    #root .workspace-intro :is(h1,h2) { font-size:26px !important; }
    #root main.workspace-tool .premium-hero h1 { font-size:25px !important; }
    :is(.pdfwb-header,.fwb-header,.tcfwb-header,.swb-header) { padding:12px 14px !important; }
    :is(.pdfwb-header h2,.fwb-header h1,.tcfwb-header h2,.swb-header h2) { font-size:19px !important; }
    .pdfwb-body,.swb-input-panel,.swb-result-panel { padding:16px !important; }
    .fwb-workspace { padding:12px; gap:12px; }
    :is(.pdfwb-field,.fwb-field,.tcfwb-field,.swb-field) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) { font-size:16px !important; min-height:44px; }
  }
  @media (max-width:480px) {
    #root .workspace-section > .grid { grid-template-columns:1fr !important; }
    #root .workspace-section[data-category="0"] > .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .fwb-header { grid-template-columns:minmax(0,1fr) auto; }
    .fwb-brand { display:none; }
    .fwb-heading-copy { grid-column:1; }
    .fwb-header > .fwb-icon-button { grid-column:2; grid-row:1; }
    #root > div > footer > div:first-child { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  }
}