/* Officina Documentale: graphite workbench, amber actions, readable neutral surfaces. */
html.od577 { --od577-suite:0px; --od577-ink:#202a31; --od577-muted:#52616a; --od577-line:#d8dedd; --od577-gold:#f2c655; scroll-padding-top:calc(var(--od577-suite) + 100px); }
html.od577 body.l24-suite-enabled .l24-portfolio-header { display:none; }
html.od577 .workspace-app {
  --ink:#202a31; --muted:#52616a; --line:#d8dedd; --gold:#855800;
  --workspace-bg:#f5f4ee; --workspace-surface:#fff; --workspace-surface-muted:#f6f7f5;
  --workspace-sidebar:#182129; --workspace-sidebar-soft:#24323b; --workspace-ink:#202a31;
  --workspace-muted:#52616a; --workspace-line:#d8dedd; --workspace-line-strong:#b7c4c7;
  --workspace-accent:#855800; --workspace-accent-soft:#fff3cf;
  --workspace-good:#167051; --workspace-danger:#ac3434;
  overflow-x:clip; overflow-y:visible; font-size:15px;
}
html.od577 .suite-global-shader { display:none; }
html.od577 .workspace-frame { grid-template-columns:284px minmax(0,1fr); }
html.od577 .workspace-sidebar { top:var(--od577-suite); height:calc(100dvh - var(--od577-suite)); min-height:0; border-inline-end:1px solid #3c4850; z-index:110; }
html.od577 .workspace-brand { min-height:80px; padding:16px 18px; gap:12px; }
html.od577 .workspace-brand strong { font-size:18px; }
html.od577 .workspace-brand span { color:#c3cdd2; font-size:13px; }
html.od577 .workspace-primary-nav { padding:12px; gap:6px; }
html.od577 .workspace-primary-nav button { border-radius:10px; min-height:46px; font-size:14px; color:#d9e0e3; }
html.od577 .workspace-primary-nav button.active { background:#30404a; color:#fff; box-shadow:inset 3px 0 #f2c655; }
html.od577 .workspace-primary-nav button.active svg { color:#f2c655; }
html.od577 .workspace-sidebar-footer :is(a,button) { color:#d9e0e3; min-height:44px; font-size:14px; }
html.od577 .tool-browser { gap:10px; padding:14px 12px; }
html.od577 .sidebar-section-label { margin:0; color:#dae3e7; font-size:12px; }
html.od577 .sidebar-section-label small { color:#becbd2; }
html.od577 .tool-search { border-radius:11px; min-height:48px; background:#24323b; border-color:#61727b; }
html.od577 .tool-search input { color:#fff; min-width:0; font-size:14px; }
html.od577 .tool-search input::placeholder { color:#c3cdd2; opacity:1; }
html.od577 .od577-categories-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; min-height:46px; border:1px solid #6b6247; border-radius:10px; background:#263039; color:#f6d984; text-align:start; font:inherit; font-size:14px; font-weight:650; cursor:pointer; }
html.od577 .od577-categories-toggle[hidden] { display:none; }
html.od577 .od577-categories-toggle > span:last-child { font-size:20px; }
html.od577 .od577-categories-toggle[aria-expanded=true] > span:last-child { transform:rotate(180deg); }
html.od577 .category-list[data-od577-open=false] { display:none; }
html.od577 .category-list { gap:6px; margin:0; }
html.od577 .category-list button { min-height:44px; border-radius:9px; color:#d4dfe5; font-size:12px; }
html.od577 .category-list button small { color:inherit; opacity:1; }
html.od577 .category-list button.active { background:#f2c655; color:#202a31; border-color:#f2c655; }
html.od577 .tool-results { margin:0; }
html.od577 .tool-results > button { min-height:46px; border-radius:10px; color:#e3e9ec; font-size:14px; padding:12px; margin-block:4px; }
html.od577 .tool-results > button.selected { background:#f7e6b2; color:#202a31; box-shadow:inset 3px 0 #f2c655; }
html.od577 .tool-results > p { color:#c3cdd2; font-size:14px; }
html.od577 .workspace-topbar { top:var(--od577-suite); z-index:40; min-height:80px; padding:14px 28px; background:#fffef9; }
html.od577 .workspace-topbar__title strong { font-size:18px; }
html.od577 .workspace-topbar__title span { color:#52616a; font-size:13px; }
html.od577 .engine-status { border-radius:10px; font-size:12px; }
html.od577 .account-chip > span { border-radius:10px; background:#24323b; }
html.od577 .account-chip strong { font-size:13px; }
html.od577 .account-chip small { color:#52616a; font-size:12px; }
html.od577 .workspace-body { padding:24px 28px 48px; max-width:1380px; margin-inline:auto; }
html.od577 .workspace-notice { border-radius:12px; padding:14px 16px; gap:12px; margin-bottom:24px; background:#fff7df; border-color:#e8d79d; }
html.od577 .workspace-notice strong { font-size:14px; }
html.od577 .workspace-notice span { font-size:13px; line-height:1.5; color:#695321; }
html.od577 .workspace-notice button { border-radius:9px; min-height:44px; }
html.od577 :is(.lab-heading,.view-heading) h1 { font-size:clamp(28px,2.6vw,38px); line-height:1.15; color:#202a31; }
html.od577 :is(.lab-heading,.view-heading) p { font-size:16px; line-height:1.55; color:#52616a; max-width:720px; }
html.od577 .section-kicker { color:#855800; font-size:12px; letter-spacing:.03em; }
html.od577 .lab-layout { grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
html.od577 .workspace-panel { border-radius:18px; border:1px solid #d8dedd; box-shadow:0 5px 20px #202a3106; }
html.od577 .runner { padding:24px; }
html.od577 .process-steps { padding-bottom:18px; margin-bottom:18px; gap:12px; }
html.od577 .process-steps li > span { width:30px; height:30px; }
html.od577 .process-steps strong { font-size:13px; }
html.od577 .process-steps small { color:#52616a; font-size:12px; line-height:1.3; }
html.od577 .process-steps li.is-current > span { background:#f2c655; border-color:#855800; color:#202a31; }
html.od577 .runner-context { margin-bottom:16px; }
html.od577 .runner-context strong { font-size:16px; }
html.od577 .workspace-app .dropzone { min-height:186px; padding:24px 18px; border-radius:14px; border:1px dashed #a8b9bd; background:#f6f7f5; }
html.od577 .workspace-app .dropzone strong { font-size:18px; line-height:1.3; color:#202a31; }
html.od577 .workspace-app .dropzone em { color:#52616a; font-size:14px; }
html.od577 .dropzone-icon { width:44px; height:44px; border-radius:12px; background:#fff3cf; border-color:#e8d79d; color:#855800; }
html.od577 .file-picker-button { min-height:44px; display:inline-flex; align-items:center; padding:10px 16px; border-radius:10px; font-size:14px; }
html.od577 .options-section { margin-top:22px; }
html.od577 .options-section legend { font-size:16px; }
html.od577 .options-grid { gap:18px; }
html.od577 .options-grid label { font-size:14px; gap:7px; }
html.od577 .workspace-app :is(input:not([type=checkbox]):not([type=file]),select,textarea) { border-radius:10px; min-height:46px; font-size:14px; }
html.od577 .workspace-app .tool-search input { background:transparent; color:#fff; }
html.od577 :is(.workspace-primary-button,.primary-btn) { min-height:48px; border-radius:11px; background:#f2c655; color:#202a31; border:1px solid #dab044; font-weight:750; padding:12px 18px; box-shadow:0 3px 0 #d3a844; }
html.od577 :is(.workspace-primary-button,.primary-btn):disabled { background:#e6e9e6; color:#52616a; border-color:#d8dedd; box-shadow:none; opacity:1; }
html.od577 :is(.workspace-secondary-button,.change-tool-button,.ghost-btn) { min-height:46px; border-radius:10px; background:#fffef9; color:#202a31; border-color:#b7c4c7; padding:10px 16px; }
html.od577 .runner-footer { gap:18px; margin-top:24px; padding-top:20px; }
html.od577 .runner-footer p { color:#52616a; font-size:13px; line-height:1.45; }
html.od577 .recent-panel { padding:20px; top:calc(var(--od577-suite) + 104px); }
html.od577 .panel-heading h2 { font-size:21px; }
html.od577 .workspace-text-button { min-height:44px; color:#855800; font-size:14px; }
html.od577 .job-row { padding-block:16px; }
html.od577 .job-row__body strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
html.od577 .job-row__body span { color:#52616a; font-size:13px; line-height:1.4; }
html.od577 .job-row time { color:#52616a; font-size:12px; }
html.od577 .privacy-note { color:#52616a; font-size:13px; line-height:1.5; border-radius:10px; }
html.od577 .activity-summary { border-radius:14px; }
html.od577 .activity-summary span { color:#52616a; font-size:14px; }
html.od577 .workspace-app .billing-panel { border-radius:18px; border-color:#d8dedd; background:#fff; }
html.od577 .billing-cards > article { border-radius:14px; border-color:#d8dedd; }
html.od577 .billing-cards > article.current { border-color:#b18424; background:#fff9e8; }
html.od577 .billing-cycle { border-radius:11px; }
html.od577 .billing-cycle button { min-height:44px; border-radius:9px; }
html.od577 .billing-cycle button.active { background:#f2c655; color:#202a31; }
html.od577 .workspace-mobile-nav { border-radius:16px; border-color:#c4cdca; background:#fffef9; box-shadow:0 -3px 20px #202a310d; }
html.od577 .workspace-mobile-nav button { border-radius:11px; color:#52616a; }
html.od577 .workspace-mobile-nav button.active { background:#fff0c4; color:#654300; box-shadow:inset 0 3px #d7a82b; }
html.od577 .workspace-mobile-nav button span { font-size:11px; }
html.od577 .workspace-app :focus-visible { outline:3px solid #a57812; outline-offset:3px; }
html.od577 .workspace-sidebar :focus-visible { outline-color:#f2c655; }
/* Public access retains native forms, prices, FAQ and privacy statements. */
html.od577 .officina-public-continuity { background:#f5f4ee!important; color:#202a31!important; }
html.od577 .officina-public-continuity #__top { color:#202a31!important; background:#f5f4ee!important; }
html.od577 .officina-public-continuity .suite-hero { padding:38px 0 22px!important; gap:40px!important; align-items:start!important; }
html.od577 .suite-hero > div:first-child { padding:28px; border-radius:20px; border:1px solid #d8dedd; border-inline-start:5px solid #d7a82b; background:#fffef9; }
html.od577 .suite-hero h1 { color:#202a31!important; background:none!important; -webkit-text-fill-color:#202a31; font-size:clamp(32px,3.5vw,52px)!important; letter-spacing:-.02em!important; line-height:1.1!important; }
html.od577 .suite-hero > div:first-child > p { color:#52616a!important; font-size:17px!important; line-height:1.6!important; }
html.od577 .od577-demo-cta { display:inline-flex; align-items:center; min-height:48px; margin-top:22px; padding:12px 20px; border-radius:11px; background:#f2c655; border:1px solid #dab044; box-shadow:0 3px 0 #d3a844; color:#202a31; font-weight:750; text-decoration:none; }
html.od577 #suite-auth { border-radius:18px!important; border:1px solid #d8dedd!important; padding:24px!important; background:#fff!important; box-shadow:0 8px 24px #202a3108!important; }
html.od577 #suite-auth label { color:#40515a!important; font-size:14px!important; }
html.od577 #suite-auth input:not([type=checkbox]) { border-radius:10px!important; min-height:48px!important; border-color:#aebdc2!important; background:#fff!important; color:#202a31!important; }
html.od577 #suite-auth button { min-height:44px; border-radius:10px!important; }
html.od577 #suite-auth > div:has(>label) { max-height:none!important; overflow:visible!important; margin-inline:0!important; padding-inline:0!important; }
html.od577 #prezzi { padding-block:26px!important; }
html.od577 #prezzi .suite-grid4 > *,html.od577 #funzioni > *,html.od577 .suite-grid4 > article { border-radius:16px!important; border-color:#d8dedd!important; box-shadow:none!important; }
html.od577 .officina-public-continuity details { border-radius:12px!important; border-color:#d8dedd!important; }
html.od577 .officina-public-continuity summary { min-height:48px; padding-block:12px; }
html.od577 nav[aria-label="Navigazione rapida"] { border-radius:16px!important; background:#fffef9!important; border:1px solid #c4cdca!important; gap:4px!important; padding:5px!important; box-shadow:0 5px 22px #202a3114!important; }
html.od577 nav[aria-label="Navigazione rapida"] :is(button,a) { display:flex!important; flex-direction:column; justify-content:center; gap:4px!important; border-radius:11px!important; min-width:66px; min-height:54px; padding:7px 9px!important; font-size:12px!important; color:#202a31!important; }
html.od577 nav[aria-label="Navigazione rapida"] :is(button,a)>span:last-child { display:inline!important; color:inherit!important; font-size:12px!important; }
html.od577 .officina-public-continuity :focus-visible { outline:3px solid #a57812!important; outline-offset:3px; }
html.od577 .legal-page { --ink:#202a31; --muted:#52616a; color:#202a31; background:#f5f4ee!important; padding-bottom:32px; }
html.od577 .legal-page::before { display:none; }
html.od577 .legal-card { background:#fff!important; border:1px solid #d8dedd; border-radius:18px; box-shadow:0 6px 24px #202a3108; }
html.od577 .legal-card h1 { color:#202a31; -webkit-text-fill-color:#202a31; background:none; font-size:clamp(32px,4vw,48px); line-height:1.1; }
html.od577 .legal-page :is(h2,.brand strong) { color:#202a31; }
html.od577 .legal-page :is(p,small) { color:#52616a; line-height:1.7; }
html.od577 .legal-page :is(a,.eyebrow) { color:#765100; }
@media(max-width:1160px) { html.od577 .lab-layout { grid-template-columns:minmax(0,1fr); } html.od577 .recent-panel { position:static; } }
@media(max-width:960px) {
  html.od577 .workspace-frame { display:block; }
  html.od577 .workspace-sidebar { position:fixed; width:min(340px,calc(100vw - 30px)); }
  html.od577 .workspace-frame.is-tools-open .workspace-overlay { top:var(--od577-suite); z-index:100; }
  html.od577 .workspace-body { padding:20px 22px 100px; }
  html.od577 .recent-panel { display:none; }
  html.od577 .workspace-topbar { padding:12px 22px; }
}
@media(max-width:680px) {
  html.od577 .workspace-topbar { min-height:68px; padding:10px 14px; gap:10px; }
  html.od577 .workspace-topbar__title span { font-size:11px; }
  html.od577 .workspace-topbar__title strong { font-size:16px; }
  html.od577 .engine-status { font-size:0; gap:0; padding:0; min-width:32px; }
  html.od577 .workspace-body { padding:16px 14px 110px; }
  html.od577 .workspace-notice { padding:12px; margin-bottom:22px; }
  html.od577 .workspace-notice span { font-size:13px; }
  html.od577 .lab-heading { gap:14px; margin-bottom:18px; }
  html.od577 .lab-heading h1 { font-size:28px; }
  html.od577 .lab-heading p { font-size:15px; }
  html.od577 .runner { padding:18px 16px; }
  html.od577 .process-steps { gap:8px; }
  html.od577 .process-steps li { gap:6px; }
  html.od577 .process-steps strong { font-size:12px; }
  html.od577 .process-steps li > span { width:26px; height:26px; flex:0 0 26px; }
  html.od577 .workspace-app .dropzone { min-height:170px; padding:20px 12px; }
  html.od577 .options-grid { gap:16px; }
  html.od577 .workspace-mobile-nav { left:8px; right:8px; bottom:max(8px,env(safe-area-inset-bottom)); padding:5px; }
  html.od577 .suite-hero { width:calc(100% - 28px)!important; padding-top:20px!important; gap:20px!important; }
  html.od577 .suite-hero > div:first-child { padding:22px; }
  html.od577 .suite-hero h1 { font-size:34px!important; }
  html.od577 .suite-hero > div:first-child > p { font-size:16px!important; }
  html.od577 .od577-demo-cta { width:100%; justify-content:center; }
  html.od577 #suite-auth { padding:20px!important; }
}
@media(max-width:350px) {
  html.od577 .process-steps li { flex-direction:column; align-items:flex-start; }
  html.od577 nav[aria-label="Navigazione rapida"] :is(button,a) { min-width:60px; }
}
@media(prefers-reduced-motion:reduce) { html.od577 .workspace-app * { scroll-behavior:auto!important; transition:none!important; } }