/* Identità dell'archivio: blu SAP, arancione Unieuro e superfici chiare.
   Colori, spaziatura e caratteri si possono personalizzare da queste variabili. */
:root{
  --bs-font-sans-serif:"Segoe UI",Arial,sans-serif;
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;--bs-body-line-height:1.55;
  --bs-body-color:#17324d;--bs-body-bg:#fff;--bs-secondary-color:#61768b;
  --bs-secondary:#61768b;--bs-secondary-rgb:97,118,139;
  --bs-light:#f3f7fc;--bs-light-rgb:243,247,252;
  --bs-dark:#082e54;--bs-dark-rgb:8,46,84;
  --bs-border-color:#d8e4f0;--bs-border-radius:8px;--bs-border-radius-lg:12px;
  --bs-primary:#086ac1;--bs-primary-rgb:8,106,193;
  --bs-link-color:#086ac1;--bs-link-color-rgb:8,106,193;
  --bs-link-hover-color:#064f91;--bs-link-hover-color-rgb:6,79,145;
  --brand-blue:#086ac1;--brand-navy:#092e51;--brand-orange:#ff6500;
  --pagina-sfondo:#f3f7fc;--larghezza-app:1240px;
  --app-bg:#e7f2ff;--app-testo:#07518e;--app-bordo:#b4d7f7;--app-accento:#0a6ed1;
}
body{background:var(--pagina-sfondo);font-weight:400;color:var(--bs-body-color)}
h1,h2,h3,h4{color:var(--brand-navy)}
.btn{text-transform:none;letter-spacing:0;font-weight:600;border-radius:7px}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#086ac1;--bs-btn-border-color:#086ac1;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#075ba6;--bs-btn-hover-border-color:#075ba6;--bs-btn-active-color:#fff;--bs-btn-active-bg:#064f91;--bs-btn-active-border-color:#064f91;--bs-btn-disabled-bg:#086ac1;--bs-btn-disabled-border-color:#086ac1}
.btn-outline-primary{--bs-btn-color:#086ac1;--bs-btn-border-color:#91bce3;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#086ac1;--bs-btn-hover-border-color:#086ac1;--bs-btn-active-color:#fff;--bs-btn-active-bg:#075ba6;--bs-btn-active-border-color:#075ba6}
.btn-outline-secondary{--bs-btn-color:#476580;--bs-btn-border-color:#bfcede;--bs-btn-hover-color:#123e66;--bs-btn-hover-bg:#eaf3fc;--bs-btn-hover-border-color:#81aed7;--bs-btn-active-color:#123e66;--bs-btn-active-bg:#ddecfa;--bs-btn-active-border-color:#81aed7}
.form-control,.form-select{border-color:#cfdce9;color:#17324d;background-color:#fff;border-radius:8px}
.form-control:focus,.form-select:focus{color:#17324d;border-color:#3989d0;box-shadow:0 0 0 .2rem #086ac11a}
.form-check-input:checked{background-color:#086ac1;border-color:#086ac1}
.card{border-color:#d8e4f0}.alert-light{--bs-alert-color:#17324d;--bs-alert-bg:#fff;--bs-alert-border-color:#d8e4f0}
header.app-header{border-top:4px solid var(--brand-orange);background:#fff;box-shadow:0 2px 16px #092e5109;padding-top:13px;padding-bottom:13px}
.brand-lockup{display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none;color:#092e51}
.brand-unieuro{display:block;width:156px;height:auto}.brand-sap{display:block;width:70px;height:auto}
.brand-divider{width:1px;height:30px;flex:none;background:#dbe6f0}
.brand-caption{border-left:1px solid #dbe6f0;padding-left:18px;display:grid;gap:1px;line-height:1.2}
.brand-caption strong{font-size:19px;letter-spacing:-.4px;font-weight:700;color:#092e51}.brand-caption small{font-size:10px;color:#5e748a}
.archive-status{font-size:10px;font-weight:500;color:#526d86;white-space:nowrap}
.prototype{border:1px solid #cbdff3!important;border-left:4px solid var(--brand-orange)!important;border-radius:12px;background:linear-gradient(110deg,#fff,#eaf4ff)}
.prototype strong{color:#086ac1;font-weight:700}.prototype p{color:#59748d}
.intro h1{color:#092e51;font-weight:650;letter-spacing:-.7px}
.area{background:white;border:1px solid #d3e2f0;border-radius:10px;box-shadow:0 2px 8px #092e5103}
.area strong{color:#153d62}.area span{color:#637d94}
.area:hover{background:#f0f7ff;border-color:#83b4dd}
.area[aria-pressed=true]{background:#086ac1;border-color:#086ac1}.area[aria-pressed=true] strong,.area[aria-pressed=true] span{color:white}
.procedure-family{border-color:#bfd8ef;border-top-color:#086ac1;box-shadow:0 3px 13px #0b477c05}
.family-heading{background:#edf6ff}.family-heading h2,.family-heading h3{color:#07569a}
.hierarchy-badge.hierarchy-main{background:#086ac1;border-color:#086ac1;color:#fff}
.hierarchy-badge.hierarchy-sub{background:#fff0e6;border-color:#ffbd8f;color:#9c3e00}
.family-tree{border-left-color:#f2ad7c}.procedure-branch{border-color:#e9d8cc}
.procedure-branch::before{border-top-color:#f2ad7c}.branch-summary{background:#fff8f2}
.branch-summary::before,.chapter-summary::before{color:#e96813}.branch-title{color:#19466c}.branch-count{color:#536a80}
.match-label{color:#9c3e00;background:#fff0e5;border-color:#ffb987}
.procedure-branch:has(>.branch-summary>.match-label){border-color:#efa571}
.legend-main::before{background:#086ac1}.legend-sub::before{background:#ff7c26}
.procedure-breadcrumbs{background:#edf5fe}.breadcrumb-link{color:#086ac1}.breadcrumb-current{color:#264f75}
.complete-overview{background:#edf6ff;border-color:#bad7f1}.complete-overview h3{color:#086ac1}.complete-overview>p{color:#547590}
.complete-map-node{border-color:#f1c8a9;border-left-color:#ff7b24;background:#fff;color:#193f62}
.complete-map-node>span{color:#ba510c}.complete-map-node>small{color:#71869a}
.complete-map-node:hover{background:#fff5ec;border-color:#f69a57}
.procedure-chapter{border-color:#d8e4f0;border-left-color:#ff872e}.chapter-summary{background:#fff8f2}.chapter-summary>strong{color:#19466c}.chapter-source{color:#597189}
.overview-source{border-color:#d3e2ef}.overview-source>summary{color:#086ac1}
.flowchart{background:linear-gradient(145deg,#fff,#f1f7fe);border-color:#d0e1f1}
.flowchart-node{border-color:#bfd9ef;border-left-color:#0a6ed1;box-shadow:0 3px 12px #0b477c07}
.flowchart-decision{background:#fff6ed;border-color:#ffb680}.flowchart-number{background:#086ac1}
.step-num{color:#5b7891;background:#f4f8fd}
.slide-panel{background:#f1f6fc}.slide-canvas-wrap{background:#e5edf6;border-color:#cfdeec}
dialog::backdrop{background:#082a4d91}
@media(max-width:760px){.brand-lockup{gap:12px}.brand-unieuro{width:124px}.brand-sap{width:59px}.brand-caption{padding-left:12px}.brand-caption strong{font-size:17px}.brand-caption small{font-size:9px}.brand-divider{height:26px}.app-header .server-actions{gap:7px}.archive-status{display:none}}
@media(max-width:530px){header.app-header{align-items:center;gap:12px;flex-wrap:wrap;padding:11px 16px}.brand-unieuro{width:119px}.brand-sap{width:57px}.brand-lockup{gap:11px}.brand-caption{padding-left:11px}.brand-caption strong{font-size:16px}.app-header .server-actions{width:100%;justify-content:flex-end}.app-header .server-actions .btn{font-size:12px}}