.alert-region-page{background:#f5f8fb;color:#183247}
.alert-region-main{padding:0 0 4rem}
.alert-region-shell{max-width:1080px;margin:0 auto;padding:0 24px}
.alert-region-breadcrumbs{padding-top:1rem}
.alert-region-breadcrumbs a{color:#0b6ebd;text-decoration:none}
.alert-region-breadcrumbs span{margin:0 .35rem;color:#748897}
.alert-region-heading{max-width:820px;margin:2.25rem auto 1.4rem;text-align:center}
.alert-region-heading__eyebrow{margin:0 0 .45rem;color:#1471bd;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.alert-region-heading h1{margin:0;color:#102c42;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.04}
.alert-region-heading>p:last-child{margin:.75rem auto 0;color:#60798b;font-size:1rem;line-height:1.55}
.alert-region-status{--alert-region-accent:#e9ad00;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.25rem 1.35rem;border:1px solid color-mix(in srgb,var(--alert-region-accent) 45%,#d7e2e9);border-left:6px solid var(--alert-region-accent);border-radius:1.1rem;background:#fff;box-shadow:0 12px 34px rgba(23,58,82,.07)}
.alert-region-status--orange{--alert-region-accent:#ef7d18}
.alert-region-status--red{--alert-region-accent:#d64545}
.alert-region-status__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:999px;background:var(--alert-region-accent);color:#fff}
.alert-region-status__icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alert-region-status__copy{display:grid;gap:.2rem;min-width:0}
.alert-region-status__copy p,.alert-region-status__copy h2,.alert-region-status__copy span,.alert-region-status__copy small{margin:0}
.alert-region-status__copy p{color:#718594;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.alert-region-status__copy h2{color:#17364d;font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}
.alert-region-status__copy span{color:#526f82;font-weight:750}
.alert-region-status__copy small{color:#758995}
.alert-region-details{margin-top:1.2rem;padding:1.25rem;border:1px solid #d9e5ec;border-radius:1.15rem;background:#fff;box-shadow:0 10px 28px rgba(27,58,79,.05)}
.alert-region-section-heading{margin-bottom:1rem}
.alert-region-section-heading h2{margin:0;color:#17364d;font-size:1.45rem}
.alert-region-section-heading p{margin:.45rem 0 0;color:#697f8f;font-size:.88rem;line-height:1.5}
.alert-region-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.alert-region-detail-card{--detail-accent:#e9ad00;padding:1rem;border:1px solid #dce6ed;border-top:4px solid var(--detail-accent);border-radius:.95rem;background:#fbfdfe}
.alert-region-detail-card--orange{--detail-accent:#ef7d18}
.alert-region-detail-card--red{--detail-accent:#d64545}
.alert-region-detail-card__heading{display:flex;gap:.65rem;align-items:flex-start}
.alert-region-detail-card__dot{width:.72rem;height:.72rem;margin-top:.25rem;border-radius:999px;background:var(--detail-accent);flex:0 0 auto}
.alert-region-detail-card__heading small{display:block;color:#6f8594;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.alert-region-detail-card__heading h3{margin:.18rem 0 0;color:#17364d;font-size:1rem;line-height:1.35}
.alert-region-detail-card dl{display:grid;gap:.55rem;margin:.85rem 0 0}
.alert-region-detail-card dl>div{display:grid;gap:.12rem}
.alert-region-detail-card dt{color:#718594;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.alert-region-detail-card dd{margin:0;color:#405d70;font-size:.87rem;line-height:1.45}
.alert-region-detail-card__message{margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid #e2e9ee;color:#506b7d;font-size:.86rem;line-height:1.5}
.alert-region-empty-detail{padding:1rem;border-radius:.85rem;background:#f5f8fa;color:#5f7687}
.alert-region-empty-detail strong{color:#244258}
.alert-region-empty-detail p{margin:.35rem 0 0;line-height:1.5}
.alert-region-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.2rem 1.25rem 0}
.alert-region-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:3.35rem;padding:.82rem 1rem;border:1px solid #b9d1e1;border-radius:.8rem;background:#fff;color:#0b6ebd;font-weight:850;text-align:center;text-decoration:none}
.alert-region-button:hover,.alert-region-button:focus{text-decoration:underline}
.alert-region-button--primary{border-color:#0b72bf;background:#0b72bf;color:#fff;text-decoration:none}
.alert-region-button--primary:hover,.alert-region-button--primary:focus{background:#075f9f;text-decoration:none}
.alert-region-button--quiet{color:#526f82}
.alert-region-no-active{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start;margin-top:1.2rem;padding:1.25rem;border:1px solid #d8e4eb;border-radius:1rem;background:#fff;box-shadow:0 10px 28px rgba(27,58,79,.05)}
.alert-region-no-active__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#eaf1f5;color:#426276;font-weight:900}
.alert-region-no-active h2{margin:0;color:#17364d;font-size:1.25rem}
.alert-region-no-active p{margin:.45rem 0 0;color:#667f90;line-height:1.5}
.alert-region-no-active__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.9rem}
.alert-region-no-active__actions a{color:#0b72bf;font-weight:800;text-decoration:none}
.alert-region-no-active__actions a:hover,.alert-region-no-active__actions a:focus{text-decoration:underline}
.alert-region-source-line{margin:1.1rem 0 0;text-align:center;color:#738594;font-size:.84rem}
@media(max-width:760px){
  .alert-region-shell{padding:0 14px}
  .alert-region-heading{margin-top:1.65rem}
  .alert-region-detail-grid{grid-template-columns:1fr}
  .alert-region-status{grid-template-columns:1fr;text-align:center}
  .alert-region-status__icon{margin:0 auto}
  .alert-region-actions{grid-template-columns:1fr;margin:1.2rem 0 0}
  .alert-region-button{justify-content:center;text-align:center}
}

/* R18: centra il pulsante di ritorno sotto le due CTA principali. */
@media(min-width:761px){
  .alert-region-actions>.alert-region-button--quiet{grid-column:1/-1;justify-self:center;width:calc((100% - .9rem)/2)}
}
