/* iNetty UI v2 — harmonisation globale des composants Material Dashboard (2026-10-05)
   S'applique aux pages non refaites (cartes, tableaux, boutons, champs, statuts, modales). */
:root { --ix-ink:#0f172a; --ix-muted:#64748b; --ix-line:#e2e8f0; --ix-bg:#f8fafc; --ix-brand:#0ea5e9; --ix-brand-d:#0284c7; }

.main-panel { background:#f1f5f9; }
.main-panel > .content { padding-top:24px; }

/* ---- Cartes ---- */
.main-panel .content .card { border:1px solid var(--ix-line); border-radius:14px; box-shadow:0 1px 2px rgba(15,23,42,.04); margin-top:0; margin-bottom:24px; overflow:visible; }
.main-panel .content .card .card-header[class*="card-header-"] { background:#fff !important; box-shadow:none !important; margin:0 !important; padding:18px 22px 14px !important; border-radius:14px 14px 0 0 !important; border-bottom:1px solid var(--ix-line); position:relative; }
.main-panel .content .card .card-header[class*="card-header-"] .card-title { color:var(--ix-ink) !important; font-size:17px !important; font-weight:600 !important; margin:0 !important; }
.main-panel .content .card .card-header[class*="card-header-"] .card-category { color:var(--ix-muted) !important; font-size:13px; margin:4px 0 0 !important; opacity:1; }
.main-panel .content .card .card-header[class*="card-header-"] a:not(.btn) { color:var(--ix-brand-d) !important; }
.main-panel .content .card .card-body { padding:16px 22px 18px; }

/* ---- Tableaux ---- */
.main-panel .content .table { margin-bottom:0; font-size:14px; }
.main-panel .content .table thead th, .main-panel .content .table > thead > tr > th { color:var(--ix-muted) !important; font-size:12px !important; font-weight:600 !important; text-transform:uppercase; letter-spacing:.04em; border-top:0 !important; border-bottom:1px solid var(--ix-line) !important; padding:10px 12px !important; white-space:nowrap; }
.main-panel .content .table td { color:var(--ix-ink); border-top:1px solid #f1f5f9 !important; padding:10px 12px !important; vertical-align:middle !important; }
.main-panel .content .table-striped tbody tr:nth-of-type(odd) { background:transparent; }
.main-panel .content .table-hover tbody tr:hover, .main-panel .content .table tbody tr:hover { background:#f0f9ff; }
.main-panel .content .table td a:not(.btn) { color:var(--ix-brand-d); font-weight:500; }
.main-panel .content .table td.text-primary, .main-panel .content .table td.text-primary a { color:var(--ix-brand-d) !important; font-weight:600; }
.main-panel .content .td-actions .btn.btn-link { padding:6px !important; margin:0 !important; border-radius:8px !important; color:var(--ix-muted) !important; }
.main-panel .content .td-actions .btn.btn-link:hover { background:#f1f5f9 !important; color:var(--ix-brand-d) !important; }
.main-panel .content .td-actions .btn.btn-link i { font-size:19px; }
.main-panel .content .material-icons.text-danger, .main-panel .content .td-actions .btn-danger.btn-link { color:#ef4444 !important; }

/* Statuts affiches en .alert dans les tableaux -> badges */
.main-panel .content td .alert { display:inline-flex; align-items:center; gap:6px; margin:0 !important; padding:3px 10px !important; border-radius:999px !important; font-size:12px !important; font-weight:600; text-transform:none; box-shadow:none !important; border:0; line-height:1.5; white-space:nowrap; }
.main-panel .content td .alert::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.main-panel .content td .alert-warning { background:#fef3c7 !important; color:#b45309 !important; }
.main-panel .content td .alert-info, .main-panel .content td .alert-primary { background:#dbeafe !important; color:#1d4ed8 !important; }
.main-panel .content td .alert-success { background:#d1fae5 !important; color:#047857 !important; }
.main-panel .content td .alert-danger { background:#fee2e2 !important; color:#b91c1c !important; }
.main-panel .content td .alert-secondary { background:#f1f5f9 !important; color:#475569 !important; }
.main-panel .content td .badge { border-radius:999px; padding:4px 10px; font-weight:600; font-size:12px; }

/* ---- Boutons ---- */
.main-panel .btn, .modal .btn { text-transform:none !important; font-weight:600 !important; font-size:14px !important; letter-spacing:0 !important; border-radius:10px !important; box-shadow:none !important; padding:9px 16px; }
.main-panel .btn.btn-primary, .modal .btn.btn-primary { background:var(--ix-brand) !important; border-color:var(--ix-brand) !important; color:#fff !important; }
.main-panel .btn.btn-primary:hover, .modal .btn.btn-primary:hover { background:var(--ix-brand-d) !important; }
.main-panel .btn.btn-secondary, .modal .btn.btn-secondary { background:#fff !important; color:#334155 !important; border:1px solid var(--ix-line) !important; }
.main-panel .btn.btn-danger:not(.btn-link), .modal .btn.btn-danger:not(.btn-link) { background:#fff !important; color:#dc2626 !important; border:1px solid #fecaca !important; }
.main-panel .btn.btn-danger:not(.btn-link):hover, .modal .btn.btn-danger:not(.btn-link):hover { background:#fef2f2 !important; }
.main-panel .btn.btn-sm { padding:6px 12px; font-size:13px !important; }

/* ---- Champs de formulaire ---- */
.main-panel .content .form-control:not([type=color]):not([type=checkbox]):not([type=radio]),
.modal .form-control:not([type=color]):not([type=checkbox]):not([type=radio]) {
  height:auto; min-height:40px; border:1px solid var(--ix-line) !important; border-radius:10px !important; padding:8px 12px !important;
  font-size:14px; color:var(--ix-ink); background:#fff !important; background-image:none !important; box-shadow:none !important; transition:border-color .12s, box-shadow .12s;
}
.main-panel .content .form-control:focus, .modal .form-control:focus { border-color:var(--ix-brand) !important; box-shadow:0 0 0 3px rgba(14,165,233,.15) !important; }
.main-panel .content textarea.form-control, .modal textarea.form-control { min-height:110px; line-height:1.5; }
.main-panel .content .bmd-form-group, .modal .bmd-form-group { padding-top:0 !important; }
.main-panel .content label:not(.checkbox-label):not(.switch):not(.pick), .modal label:not(.checkbox-label):not(.switch) { font-size:12px; font-weight:600; color:var(--ix-muted); text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; position:static !important; transform:none !important; }
.modal .form-control[type=color] { height:42px; padding:4px !important; border:1px solid var(--ix-line) !important; border-radius:10px; width:80px; }
.modal .form-row, .modal .form-group { margin-bottom:12px; }

/* ---- Modales ---- */
.modal .modal-content { border:0; border-radius:16px; box-shadow:0 24px 60px rgba(15,23,42,.25); }
.modal .modal-header { padding:18px 22px 12px; border-bottom:1px solid var(--ix-line); }
.modal .modal-title { font-size:17px; font-weight:600; color:var(--ix-ink); }
.modal .modal-body { padding:18px 22px; }
.modal .modal-footer { padding:12px 22px 18px; border-top:1px solid #f1f5f9; gap:8px; }
.modal .close { opacity:.5; font-size:26px; }

/* ---- Pagination Laravel ---- */
.main-panel .content .pagination { gap:4px; margin:14px 0 0; justify-content:center; flex-wrap:wrap; }
.main-panel .content .page-link { border:1px solid var(--ix-line) !important; border-radius:8px !important; color:var(--ix-ink); min-width:36px; text-align:center; }
.main-panel .content .page-item.active .page-link { background:var(--ix-ink) !important; border-color:var(--ix-ink) !important; color:#fff !important; box-shadow:none; }

/* ---- Barre de titre du haut ---- */
.main-panel .navbar .navbar-brand { color:var(--ix-ink) !important; font-size:18px; font-weight:600; }

/* ---- Utilitaires pour les pages refaites ---- */
.ix-kpi-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:20px; }
.ix-kpi { background:#fff; border:1px solid var(--ix-line); border-radius:14px; padding:16px 18px; }
.ix-kpi b { display:block; font-size:26px; font-weight:600; color:var(--ix-ink); line-height:1.1; font-variant-numeric:tabular-nums; }
.ix-kpi span { font-size:13px; color:var(--ix-muted); }
.ix-dot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:8px; vertical-align:-1px; box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--ix-line); }
.ix-chip { display:inline-flex; align-items:center; padding:2px 9px; border-radius:6px; background:#f1f5f9; color:#334155; font-size:12.5px; white-space:nowrap; }
.ix-muted { color:var(--ix-muted); }

/* Badges Bootstrap pleins -> doux */
.main-panel .content .badge-success, .main-panel .content .badge.bg-success { background:#d1fae5 !important; color:#047857 !important; }
.main-panel .content .badge-warning, .main-panel .content .badge.bg-warning { background:#fef3c7 !important; color:#b45309 !important; }
.main-panel .content .badge-danger, .main-panel .content .badge.bg-danger { background:#fee2e2 !important; color:#b91c1c !important; }
.main-panel .content .badge-info, .main-panel .content .badge-primary { background:#dbeafe !important; color:#1d4ed8 !important; }
.main-panel .content .badge { border-radius:999px !important; padding:4px 10px !important; font-weight:600 !important; font-size:12px !important; text-transform:none; }
.main-panel .content td > div.done, .main-panel .content td > div.inProgress { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; width:auto !important; }
.main-panel .content td > div.done { background:#d1fae5 !important; color:#047857 !important; }
.main-panel .content td > div.inProgress { background:#dbeafe !important; color:#1d4ed8 !important; }

/* ---- Arborescence batiments / etages / logements (creation + fiche intervention) - 2026-10-05 v2.5.3 ----
   Avant : 20px de police + 5px de padding + 12px de marge par logement -> liste tres longue sur les grandes adresses. */
.interventionBuildingsContainer .addressTitle { font-size:14px !important; font-weight:600; color:var(--ix-ink); margin:10px 0 6px !important; line-height:1.4; }
.interventionBuildingsContainer .box { box-shadow:none !important; border:1px solid var(--ix-line); border-radius:10px; padding:8px 10px !important; margin:0 0 10px !important; }
.interventionBuildingsContainer .directory-list, .interventionBuildingsContainer .directory-list ul { margin:0 !important; padding-left:12px !important; }
.interventionBuildingsContainer .directory-list li { font-size:13px !important; line-height:1.35 !important; padding:2px 0 !important; margin:0 !important; color:#334155; }
.interventionBuildingsContainer .directory-list li:before { width:14px; height:14px; margin-right:6px; }
.interventionBuildingsContainer .directory-list .folder, .interventionBuildingsContainer .directory-list .folder > a { font-size:14px !important; }
.interventionBuildingsContainer .directory-list li.floorList { font-weight:600; color:var(--ix-muted); padding-top:4px !important; }
.interventionBuildingsContainer .directory-list li.floorList > ul { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); column-gap:10px; padding-top:2px !important; font-weight:400; }
.interventionBuildingsContainer .directory-list li.floorList > ul > li { padding:1px 0 !important; }
.interventionBuildingsContainer .checkbox-label { font-size:13px !important; margin:0 !important; padding-left:26px !important; min-height:20px; line-height:20px !important; color:var(--ix-ink); }
.interventionBuildingsContainer .checkbox-label .checkmark { height:16px !important; width:16px !important; top:2px !important; }
.interventionBuildingsContainer .checkbox-label .checkmark:after { left:5px !important; top:2px !important; width:5px !important; height:9px !important; }
.interventionBuildingsContainer .directory-list li.floorList > ul > li:before { display:none !important; }