/* Riparazioni: create/detail occupy the primary page, without a nested drawer. */
.app-shell > main.repair-workspace-active { max-width:1500px; }
.app-shell > main.repair-workspace-active > :not(.krm-breadcrumb):not(#repairModal):not(#repairDetailOverlay) { display:none !important; }
.app-shell > main > #repairModal,
.app-shell > main > #repairDetailOverlay {
  position:static !important; inset:auto !important; z-index:auto !important;
  display:block; width:100%; min-height:0; padding:0; margin:0;
  background:transparent; box-shadow:none; backdrop-filter:none;
}
.app-shell > main > #repairModal[hidden],
.app-shell > main > #repairDetailOverlay[hidden] { display:none !important; }
.app-shell > main #repairForm.repair-modal,
.app-shell > main #repairDetail.detail-panel {
  display:block; width:100% !important; max-width:none !important; height:auto !important;
  max-height:none !important; min-height:0; overflow:visible !important;
  margin:0 !important; padding:clamp(18px,2.8vw,34px) !important;
  background:#fff; border:1px solid #d8e2df; border-radius:16px;
  box-shadow:0 8px 28px rgba(16,48,52,.07);
}
.app-shell > main #repairForm .form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.app-shell > main #repairForm :is(input,select,textarea) { max-width:100%; }
.app-shell > main #repairDetail .detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-shell > main #repairDetail .repair-section-nav {
  display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; padding:0 0 12px;
  border-bottom:1px solid #d8e2df;
}
.app-shell > main #repairDetail .repair-section-nav a {
  display:inline-flex; align-items:center; min-height:38px; padding:8px 12px;
  border:1px solid #bdcfca; border-radius:999px; color:#175c4b;
  text-decoration:none; font-size:13px; font-weight:700;
}
.app-shell > main #repairDetail .repair-section-nav a:hover,
.app-shell > main #repairDetail .repair-section-nav a:focus-visible { background:#e9f5ef; outline:2px solid #287a61; outline-offset:2px; }
.app-shell > main #repairDetail section[id^="repair-section-"] { scroll-margin-top:90px; }
.app-shell > main .repair-return { margin-bottom:16px; }
.app-shell > main #repairForm .modal-actions { position:sticky; bottom:0; z-index:2; background:#fff; padding:14px 0 max(8px,env(safe-area-inset-bottom)); }
@media (max-width:720px) {
  .app-shell > main #repairForm.repair-modal,
  .app-shell > main #repairDetail.detail-panel { width:100% !important; max-width:100% !important; padding:16px !important; border-radius:12px; }
  .app-shell > main #repairForm .form-row,
  .app-shell > main #repairDetail .detail-grid { grid-template-columns:1fr; }
  .app-shell > main #repairDetail .repair-section-nav { flex-wrap:nowrap; overflow-x:auto; padding-bottom:12px; }
  .app-shell > main #repairDetail .repair-section-nav a { flex:0 0 auto; }
  .app-shell > main #repairForm .modal-actions { gap:8px; }
  .app-shell > main #repairForm .modal-actions button { flex:1 1 0; min-width:0; }
}