:root{
  --bo-blue:#D3830F;
  --bo-blue-dark:#B4660B;
  --bo-blue-darker:#8A4A08;
  --bo-blue-light:#FDF1DD;
  --bo-blue-soft:#FBE3BC;
  --bo-navy:#1B1712;
  --bo-navy-2:#241F18;
  --bo-navy-3:#332A1D;
  --bo-ink:#181310;
  --bo-gray:#6E685F;
  --bo-border:#EAE5DC;
  --bo-light:#FAF7F1;
  --bo-green:#17A24E;
  --bo-green-bg:#E4F9EC;
  --bo-amber:#B3690A;
  --bo-amber-bg:#FDF1DD;
  --bo-red:#DC2626;
  --bo-red-bg:#FDEBEB;
}

* { box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  font-family:"Inter", system-ui, -apple-system, sans-serif;
  color:var(--bo-ink);
  background:#fff;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5{ font-weight:800; letter-spacing:-0.02em; }

.text-blue{ color:var(--bo-blue) !important; }
.text-green{ color:var(--bo-green) !important; }
.bg-blue{ background-color:var(--bo-blue) !important; }
.eyebrow{
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--bo-blue);
}
.eyebrow-light{ color:#9FB6E8; }
.lead-gray{ color:var(--bo-gray); }

.btn-bo-primary{
  background:var(--bo-blue);
  border-color:var(--bo-blue);
  color:#fff;
  border-radius:10px;
  padding:.7rem 1.4rem;
  font-weight:600;
  box-shadow:0 10px 22px -8px rgba(211,131,15,.45);
  transition:all .2s ease;
}
.btn-bo-primary:hover{
  background:var(--bo-blue-dark);
  border-color:var(--bo-blue-dark);
  color:#fff;
  transform:translateY(-1px);
}
.btn-bo-outline{
  background:#fff;
  border:1.5px solid var(--bo-border);
  color:var(--bo-ink);
  border-radius:10px;
  padding:.7rem 1.4rem;
  font-weight:600;
  transition:all .2s ease;
}
.btn-bo-outline:hover{
  border-color:var(--bo-blue);
  color:var(--bo-blue);
}
.btn-bo-white{
  background:#fff;
  color:var(--bo-blue-darker);
  border-radius:10px;
  padding:.7rem 1.6rem;
  font-weight:700;
  border:none;
}
.btn-bo-white:hover{ background:#eaf1ff; color:var(--bo-blue-darker); }
.btn-bo-ghost-light{
  background:transparent;
  color:#fff;
  border:1.5px solid rgba(255,255,255,.45);
  border-radius:10px;
  padding:.7rem 1.6rem;
  font-weight:600;
}
.btn-bo-ghost-light:hover{ background:rgba(255,255,255,.1); color:#fff; }

/* Navbar */
.navbar-bo{
  padding-top:1rem;
  padding-bottom:1rem;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
}
.navbar-brand-bo{
  font-weight:800;
  font-size:1.28rem;
  color:var(--bo-ink);
  display:flex;
  align-items:center;
  gap:.55rem;
}
.brand-logo{ height:50px; width:auto; display:block; }
.brand-logo-demo{ height:40px; width:auto; display:block; }
.brand-k{
  width:30px;height:30px;border-radius:9px;
  background:linear-gradient(135deg, #F7C55A 0%, var(--bo-blue) 60%, var(--bo-blue-darker) 100%);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800; font-size:.95rem;
  flex-shrink:0;
}
.navbar-bo .nav-link{
  font-weight:600;
  font-size:.95rem;
  color:var(--bo-ink);
  padding:.5rem 1rem;
}
.navbar-bo .nav-link:hover{ color:var(--bo-blue); }
.navbar-bo .nav-link.active{ color:var(--bo-blue); }
.link-accedi{
  font-weight:600;
  color:var(--bo-ink);
  text-decoration:none;
}
.link-accedi:hover{ color:var(--bo-blue); }

/* Hero */
.hero-section{
  background:linear-gradient(180deg, #F7FAFF 0%, #ffffff 55%);
  padding-top:2.5rem;
  padding-bottom:3.5rem;
  position:relative;
  overflow:hidden;
}
.hero-worker-bg{
  position:absolute;
  top:0; right:0; bottom:0;
  width:34%;
  background:url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=900&q=80') center/cover;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.5) 30%, #000 60%);
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.5) 30%, #000 60%);
  opacity:.16;
  display:none;
}
@media (min-width:1400px){ .hero-worker-bg{ display:block; } }

.hero-heading{
  font-size:2.4rem;
  line-height:1.15;
}
@media (min-width:992px){
  .hero-heading{ font-size:2.75rem; }
}
.hero-feature-pill{
  font-size:.86rem;
  font-weight:600;
  color:var(--bo-ink);
  display:flex;
  align-items:center;
  gap:.5rem;
}
.hero-feature-pill i{
  color:var(--bo-blue);
  font-size:1.1rem;
}

.hero-visual{
  position:relative;
  padding:1rem 0 1.5rem;
}
.annotation{
  font-family:"Caveat", cursive;
  font-weight:700;
  color:var(--bo-ink);
  font-size:1.2rem;
  line-height:1.15;
  position:absolute;
  z-index:6;
  display:none;
  text-align:right;
}
@media (min-width:992px){ .annotation{ display:block; } }
.annotation-1{ top:-2.2rem; right:0; transform:rotate(-3deg); }
.annotation-2{ top:22%; left:-9%; transform:rotate(-3deg); }
.annotation-3{ top:-2.3rem; left:1%; transform:rotate(-2deg); }

/* Dashboard mockup */
.dashboard-card{
  background:#fff;
  border-radius:20px;
  box-shadow:0 30px 65px -25px rgba(16,24,40,.3);
  border:1px solid var(--bo-border);
  overflow:hidden;
  position:relative;
  z-index:3;
  display:flex;
}
.dsb-sidebar{
  background:#FBFCFE;
  border-right:1px solid var(--bo-border);
  padding:.9rem .65rem;
  min-width:132px;
  font-size:.64rem;
  display:none;
}
@media (min-width:576px){ .dsb-sidebar{ display:block; } }
.dsb-brand{
  font-weight:800;
  font-size:.78rem;
  margin-bottom:.7rem;
  padding-left:.4rem;
  display:flex; align-items:center; gap:.4rem;
}
.dsb-brand .dot{ width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg, #F7C55A, var(--bo-blue)); flex-shrink:0; }
.dsb-item{
  display:flex; align-items:center; gap:.42rem;
  padding:.28rem .42rem;
  border-radius:7px;
  color:var(--bo-gray);
  font-weight:600;
  white-space:nowrap;
  line-height:1.1;
}
.dsb-item.active{ background:var(--bo-blue-soft); color:var(--bo-blue); }

.dsb-main{ flex:1; min-width:0; padding:.95rem 1.1rem; }
.dsb-crumb{ font-size:.62rem; color:var(--bo-gray); font-weight:600; display:flex; align-items:center; gap:.2rem; margin-bottom:.15rem; }
.dsb-title-row{ display:flex; align-items:center; gap:.5rem; }
.dsb-title-row h6{ margin-bottom:0; font-weight:800; font-size:.98rem; }
.badge-corso{
  background:var(--bo-green-bg); color:var(--bo-green);
  font-size:.58rem; font-weight:700;
  border-radius:20px; padding:.13rem .48rem;
  white-space:nowrap;
}
.dsb-loc{ font-size:.66rem; color:var(--bo-gray); display:flex; align-items:center; gap:.25rem; margin-top:.1rem; }
.dsb-meta{ text-align:right; font-size:.6rem; color:var(--bo-gray); line-height:1.4; white-space:nowrap; }
.dsb-meta strong{ color:var(--bo-ink); }

.stat-mini{
  border:1px solid var(--bo-border);
  border-radius:12px;
  padding:.5rem .6rem;
}
.stat-mini .lbl{ font-size:.58rem; color:var(--bo-gray); font-weight:600; }
.stat-mini .val{ font-weight:800; font-size:.84rem; }
.stat-mini .val.down{ color:var(--bo-red); }
.stat-mini .sub-delta{ font-size:.56rem; font-weight:700; color:var(--bo-red); }
.progress-thin{ height:5px; border-radius:6px; background:var(--bo-blue-light); overflow:hidden; margin-top:.3rem; }
.progress-thin > span{ display:block; height:100%; background:var(--bo-blue); }

.dsb-tabs{
  display:flex; gap:.9rem;
  border-bottom:1px solid var(--bo-border);
  font-size:.66rem; font-weight:600; color:var(--bo-gray);
  margin:.6rem 0 .6rem;
  overflow-x:auto;
}
.dsb-tabs .tab{ padding-bottom:.4rem; white-space:nowrap; }
.dsb-tabs .tab.active{ color:var(--bo-blue); border-bottom:2px solid var(--bo-blue); }

.chart-card{ border:1px solid var(--bo-border); border-radius:12px; padding:.6rem .7rem; flex:1.6; min-width:0; }
.chart-card .ct-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.3rem; }
.chart-card .ct-title{ font-size:.66rem; font-weight:700; color:var(--bo-ink); }
.chart-legend{ display:flex; gap:.6rem; font-size:.56rem; color:var(--bo-gray); font-weight:600; }
.chart-legend .dash{ display:inline-block; width:10px; border-top:2px dashed #CBC3B3; margin-right:.2rem; vertical-align:middle; }
.chart-legend .solid{ display:inline-block; width:10px; border-top:2px solid var(--bo-green); margin-right:.2rem; vertical-align:middle; }
.chart-months{ display:flex; justify-content:space-between; font-size:.5rem; color:var(--bo-gray); margin-top:.15rem; }

.avvisi-card{ border:1px solid var(--bo-border); border-radius:12px; padding:.6rem .65rem; flex:1; min-width:0; }
.avvisi-title{ font-size:.66rem; font-weight:700; margin-bottom:.4rem; }
.avviso-item{
  display:flex; align-items:flex-start; gap:.4rem;
  font-size:.62rem; font-weight:600; color:var(--bo-ink);
  padding:.32rem 0; border-top:1px dashed var(--bo-border);
}
.avviso-item:first-of-type{ border-top:none; }
.avviso-item i{ font-size:.7rem; margin-top:.1rem; flex-shrink:0; }
.avviso-item.warn i{ color:var(--bo-amber); }
.avviso-item.info i{ color:var(--bo-blue); }

/* Sections */
section{ scroll-margin-top:90px; }
.section-pad{ padding:5rem 0; }
.section-title{ font-size:1.85rem; }
@media (min-width:992px){ .section-title{ font-size:2.15rem; } }

/* Flow row (light) */
.flow-row{
  display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;
  gap:0; margin-top:2rem;
}
.flow-step{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  width:calc(100% / 3); padding:.6rem;
}
@media (min-width:768px){ .flow-step{ width:auto; min-width:110px; } }
.flow-icon{
  width:56px;height:56px;border-radius:50%;
  background:var(--bo-blue-light); color:var(--bo-blue);
  border:1px solid var(--bo-blue-soft);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem; margin-bottom:.7rem;
}
.flow-label{ font-weight:700; font-size:.85rem; }
.flow-arrow{
  display:none; align-items:center; color:#C3CCDE; font-size:1.2rem;
  padding-top:1.6rem;
}
@media (min-width:768px){ .flow-arrow{ display:flex; } }

/* Numbered feature blocks */
.numbered-block{ height:100%; padding:0 .3rem; }
.numbered-block .nb-num{
  font-weight:800; font-size:.85rem; color:var(--bo-green);
  width:34px; height:34px; border-radius:9px;
  background:var(--bo-green-bg);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:1rem;
}
.numbered-block h6{ font-weight:800; margin-bottom:.5rem; font-size:1.05rem; }
.numbered-block p{ color:var(--bo-gray); font-size:.9rem; }
.numbered-block a{ font-weight:700; text-decoration:none; color:var(--bo-blue); font-size:.86rem; }
.numbered-block a:hover{ color:var(--bo-blue-dark); }

/* Numeri / margine section */
.cost-card{
  background:#fff;
  border:1px solid var(--bo-border);
  border-radius:18px;
  box-shadow:0 25px 55px -25px rgba(16,24,40,.28);
  overflow:hidden;
}
.cost-card-header{ padding:1rem 1.2rem .3rem; display:flex; justify-content:space-between; align-items:center; }
.cost-summary{ display:flex; gap:.6rem; padding:.5rem 1.2rem 1rem; flex-wrap:wrap; }
.cost-summary .cs-item{ flex:1; min-width:110px; }
.cost-summary .lbl{ font-size:.62rem; color:var(--bo-gray); font-weight:600; }
.cost-summary .val{ font-weight:800; font-size:.95rem; }
.cost-summary .val.down{ color:var(--bo-red); }
.cost-table{ width:100%; font-size:.82rem; }
.cost-table th{
  text-align:right; font-size:.66rem; color:var(--bo-gray); font-weight:700;
  text-transform:uppercase; letter-spacing:.03em; padding:.5rem 1.2rem;
}
.cost-table th:first-child, .cost-table td:first-child{ text-align:left; }
.cost-table td{ padding:.55rem 1.2rem; text-align:right; border-top:1px solid var(--bo-border); }
.cost-table .cat{ display:flex; align-items:center; gap:.5rem; font-weight:700; }
.cat-dot{ width:9px;height:9px;border-radius:3px; flex-shrink:0; }
.scost-up{ color:var(--bo-red); font-weight:700; }
.scost-down{ color:var(--bo-green); font-weight:700; }

/* Phone + photo section */
.photo-phone-wrap{ position:relative; }
.field-photo{
  border-radius:22px; overflow:hidden;
  aspect-ratio:4/3.1;
  box-shadow:0 30px 60px -25px rgba(16,24,40,.35);
}
.field-photo img{ width:100%;height:100%;object-fit:cover; }
.phone-mock{
  background:var(--bo-navy);
  border-radius:26px;
  padding:.5rem;
  width:180px;
  box-shadow:0 25px 50px -20px rgba(16,24,40,.5);
  position:relative;
  z-index:4;
}
@media (min-width:576px){
  .phone-mock{ position:absolute; bottom:-8%; left:-6%; }
}
@media (max-width:575.98px){
  .phone-mock{ margin:1.2rem auto 0; }
}
.phone-screen{
  background:#fff;
  border-radius:19px;
  padding:.75rem .7rem;
  font-size:.6rem;
}
.phone-screen .ps-title{ font-weight:800; font-size:.7rem; margin-bottom:.5rem; }
.phone-field{ margin-bottom:.45rem; }
.phone-field .fl{ font-size:.54rem; color:var(--bo-gray); font-weight:600; margin-bottom:.12rem; }
.phone-field .fv{
  border:1px solid var(--bo-border); border-radius:7px;
  padding:.3rem .45rem; font-weight:600; color:var(--bo-ink);
}
.phone-btn{
  background:var(--bo-blue); color:#fff; text-align:center;
  border-radius:7px; padding:.4rem; font-weight:700; margin-top:.3rem;
  font-size:.62rem;
}

.checklist{ list-style:none; padding:0; margin:0; }
.checklist li{ display:flex; align-items:flex-start; gap:.5rem; font-size:.88rem; font-weight:600; margin-bottom:.6rem; }
.checklist li i{ color:var(--bo-green); margin-top:.15rem; }

/* Sectors row */
.sector-item{ text-align:center; }
.sector-icon{
  width:64px;height:64px;border-radius:50%;
  background:var(--bo-blue-light); color:var(--bo-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem; margin:0 auto .8rem;
}
.sector-item .lbl{ font-weight:700; font-size:.88rem; max-width:150px; margin:0 auto; }

/* CTA */
.cta-dark-card{
  background:linear-gradient(120deg, var(--bo-navy) 0%, var(--bo-navy-3) 75%);
  border-radius:26px;
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:2.5rem 2rem;
}
@media (min-width:992px){ .cta-dark-card{ padding:3rem 3rem; } }
.cta-dark-card h2{ font-size:1.6rem; line-height:1.3; }
@media (min-width:992px){ .cta-dark-card h2{ font-size:1.95rem; } }
.cta-photo-inset{
  display:none;
  position:absolute;
  right:0; bottom:0;
  width:280px; height:100%;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 40%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 40%);
}
.cta-photo-inset img{ width:100%; height:100%; object-fit:cover; opacity:.55; }
@media (min-width:992px){ .cta-photo-inset{ display:block; } }

/* Footer */
footer{ background:var(--bo-navy); color:#C7C0B3; }
footer a{ color:#C7C0B3; text-decoration:none; }
footer a:hover{ color:#fff; }
footer h6{ color:#fff; font-weight:700; font-size:.85rem; }
.footer-brand{ font-weight:800; font-size:1.2rem; color:#fff; display:flex; align-items:center; gap:.55rem; }
.footer-logo{ height:50px; width:auto; display:block; }
.footer-tagline{ font-size:.8rem; color:#9A9284; margin:.4rem 0 0; }
.keynet-col .keynet-brand{ display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.keynet-k{
  width:32px;height:32px;border-radius:9px;
  background:var(--bo-blue);
  color:#fff; font-weight:800;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.keynet-col p{ font-size:.8rem; color:#9A9284; margin-bottom:0; }

/* ===== Contatti page ===== */

/* Contact hero photo */
.contact-photo{
  border-radius:22px;
  overflow:hidden;
  aspect-ratio:4/3.3;
  box-shadow:0 30px 60px -25px rgba(16,24,40,.35);
}
.contact-photo img{ width:100%; height:100%; object-fit:cover; }

/* Form card */
.form-card{
  background:#fff;
  border:1px solid var(--bo-border);
  border-radius:22px;
  padding:2rem;
  box-shadow:0 25px 55px -30px rgba(16,24,40,.25);
  height:100%;
}
.form-card h3{ font-size:1.35rem; margin-bottom:.35rem; }
.form-label{ font-weight:700; font-size:.88rem; margin-bottom:.4rem; color:var(--bo-ink); }
.text-req{ color:var(--bo-red); }

.form-control, .form-select{
  border:1px solid var(--bo-border);
  border-radius:10px;
  padding:.65rem .9rem;
  font-size:.9rem;
  color:var(--bo-ink);
}
.form-control:focus, .form-select:focus{
  border-color:var(--bo-blue);
  box-shadow:0 0 0 .2rem var(--bo-blue-soft);
}
textarea.form-control{ resize:vertical; }
.form-check-input:checked{ background-color:var(--bo-blue); border-color:var(--bo-blue); }
.form-check-input:focus{ box-shadow:0 0 0 .2rem var(--bo-blue-soft); border-color:var(--bo-blue); }
.form-check-label a{ color:var(--bo-blue); }

/* Info sidebar card */
.info-card{
  background:var(--bo-blue-light);
  border-radius:22px;
  padding:2rem;
  height:100%;
}
.info-feature{ display:flex; gap:.9rem; margin-bottom:1.4rem; }
.info-feature .if-icon{
  width:46px;height:46px;border-radius:50%;
  background:#fff; color:var(--bo-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem; flex-shrink:0;
  box-shadow:0 8px 18px -10px rgba(16,24,40,.25);
}
.info-feature h6{ font-weight:800; margin-bottom:.25rem; font-size:.98rem; }
.info-feature p{ color:var(--bo-gray); font-size:.86rem; margin-bottom:0; }

.direct-contact-item{ display:flex; gap:.75rem; align-items:flex-start; margin-bottom:1rem; }
.direct-contact-item:last-child{ margin-bottom:0; }
.direct-contact-item .dc-icon{
  width:38px;height:38px;border-radius:50%;
  background:#fff; color:var(--bo-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem; flex-shrink:0;
}
.direct-contact-item strong{ display:block; font-size:.92rem; color:var(--bo-ink); }
.direct-contact-item .sub{ color:var(--bo-gray); font-size:.82rem; }

/* Why contact us */
.why-contact-item{ padding:0 .3rem; }
.why-contact-icon{
  width:52px;height:52px;border-radius:50%;
  background:var(--bo-blue-light); color:var(--bo-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem; margin-bottom:1rem;
}
.why-contact-item h6{ font-weight:800; margin-bottom:.4rem; }
.why-contact-item p{ color:var(--bo-gray); font-size:.88rem; margin-bottom:0; }

.sal-repro{font-family:'Inter',system-ui,sans-serif;background:#fff;border:1px solid #E7E4DC;border-radius:10px;overflow:hidden;text-align:left;}
      .sal-repro .sr-head{padding:18px 20px 12px;}
      .sr-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
      .sr-back{font-size:18px;color:#57534E;margin-bottom:6px;display:inline-block;}
      .sr-title{font-size:17px;font-weight:800;color:#1C1917;margin:0;}
      .sr-btn-edit{background:#D97706;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
      .sr-sub{display:flex;align-items:center;gap:10px;margin-top:6px;}
      .sr-code{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#78716C;}
      .sr-status{background:#FDF0DA;color:#92600D;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;}
      .sr-tabs{display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid #EDEAE2;overflow-x:auto;white-space:nowrap;}
      .sr-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 2px;font-size:13px;color:#57534E;border-bottom:2px solid transparent;}
      .sr-tab i{font-size:14px;}
      .sr-tab.active{color:#D97706;border-bottom-color:#D97706;font-weight:600;}
      .sr-body{padding:18px 20px 22px;}
      .sr-body-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
      .sr-count{font-size:12.5px;color:#57534E;}
      .sr-btn-add{background:#D97706;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
      .sal-table{width:100%;border-collapse:collapse;font-size:12.5px;}
      .sal-table thead th{background:#F7F5F0;color:#78716C;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:left;padding:10px 12px;border-bottom:1px solid #EDEAE2;white-space:nowrap;}
      .sal-table tbody td{padding:12px;border-bottom:1px solid #F3F1EA;color:#1C1917;white-space:nowrap;}
      .sal-table tbody tr:last-child td{border-bottom:none;}
      .sr-badge-approved{background:#E3F5E9;color:#1E7A43;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px;}
      .sr-fattura-link{color:#D97706;font-family:'IBM Plex Mono',monospace;font-size:11.5px;}
      .sr-actions{display:flex;gap:10px;color:#D97706;font-size:14px;}
      .sr-dash{color:#A8A29E;}
      .sal-table-wrap{overflow-x:auto;}
      /* Dashboard reproduction (hero) — nuovi elementi non già coperti da style.css */
      .badge-count{background:#D97706;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;float:right;}
      .dsb-welcome{font-size:12px;color:#78716C;margin:2px 0 10px;}
      .mini-bars{display:flex;align-items:flex-end;gap:12px;height:130px;padding:8px 4px 0;position:relative;}
      .mini-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;}
      .mini-bar-col.is-active::before{content:"";position:absolute;top:-8px;left:-4px;right:-4px;bottom:0;background:#F3F1EA;border-radius:6px 6px 0 0;z-index:0;}
      .mini-bar{width:70%;background:var(--bo-green);border-radius:4px 4px 0 0;position:relative;z-index:1;}
      .mini-bar-label{font-size:10.5px;color:#78716C;margin-top:6px;position:relative;z-index:1;}
      .bar-tooltip{position:absolute;background:#fff;border:1px solid #E7E4DC;border-radius:10px;padding:12px 14px;box-shadow:0 10px 26px rgba(0,0,0,.10);font-size:12px;width:200px;top:0;left:52%;z-index:5;}
      .bar-tooltip h6{font-size:12.5px;font-weight:800;margin:0 0 1px;color:#1C1917;}
      .bar-tooltip .code{font-size:10.5px;color:#A8A29E;margin-bottom:8px;}
      .bar-tooltip .row{display:flex;justify-content:space-between;font-size:11.5px;color:#57534E;padding:2px 0;}
      .bar-tooltip .row.total{border-top:1px solid #EDEAE2;margin-top:6px;padding-top:7px;font-weight:700;color:var(--bo-green);}
      .avviso-highlight{background:#FDF0DA;border-radius:10px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;margin-bottom:8px;}
      .avviso-highlight .dot{width:7px;height:7px;border-radius:50%;background:#D97706;margin-top:6px;flex:none;}
      .avviso-highlight strong{display:block;font-size:12px;color:#1C1917;}
      .avviso-highlight span{font-size:11px;color:#78716C;}
      .avviso-danger{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #F3F1EA;}
      .avviso-danger i{color:#DC2626;font-size:14px;margin-top:2px;}
      .avviso-danger strong{display:block;font-size:11.5px;color:#1C1917;}
      .avviso-danger span{font-size:10.5px;color:#78716C;display:block;}
      .avviso-danger .date{font-size:10px;color:#A8A29E;margin-top:2px;display:block;}
      /* Integrazioni */
      .integ-card{border:1px solid #E7E4DC;border-radius:14px;padding:22px 24px;background:#fff;height:100%;}
      .integ-icon{width:46px;height:46px;border-radius:10px;background:#FDF0DA;color:#D97706;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;flex:none;}
      .integ-card h6{font-size:15.5px;font-weight:800;color:#1C1917;margin:0 0 6px;}
      .integ-card p{font-size:13.5px;color:#57534E;margin:0;}
      .integ-badge{display:inline-block;background:#E3F5E9;color:#1E7A43;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;margin-top:12px;}
