/* === InspectReprt: enhanced baseline CSS (works without Website) === */
:root {
  --ir-bg:#f5f7fb; --ir-card:#ffffff; --ir-border:#e5e7eb;
  --ir-primary:#2563eb; --ir-muted:#6b7280; --ir-text:#111827;
}
html,body{height:100%}
body{font-family: system-ui, Segoe UI, Arial, sans-serif; margin:0; background:var(--ir-bg); color:var(--ir-text);}
a{color:var(--ir-primary); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1280px;margin:0 auto;padding:16px;}
.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}
[class^="col-"],[class*=" col-"]{padding-left:8px;padding-right:8px}
.col{flex:1 0 0%}
.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:768px){
  .col-md-3{flex:0 0 25%;max-width:25%}
  .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-md-9{flex:0 0 75%;max-width:75%}
  .col-md-12{flex:0 0 100%;max-width:100%}
}

.card{background:var(--ir-card);border:1px solid var(--ir-border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:16px;overflow:hidden}
.card-body{padding:16px}
.card-title{font-weight:700;font-size:12px;letter-spacing:.04em;color:#374151;margin-bottom:10px;text-transform:uppercase}
.kpi-value{font-size:28px;font-weight:700;margin:4px 0 2px 0}
.kpi-sub{font-size:13px;color:var(--ir-muted)}

.badge{display:inline-block; padding:2px 8px; font-size:12px; line-height:18px; border-radius:999px; background:#e5f1ff; color:var(--ir-primary); font-weight:600}

.table{width:100%; border-collapse:collapse; background:var(--ir-card); border:1px solid var(--ir-border); border-radius:12px; overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #f1f5f9; font-size:13px; vertical-align:top}
.table thead th{background:#f9fafb; font-weight:600; color:#374151; position:sticky; top:0; z-index:1}
.table tbody tr:hover{background:#fafafa}

.form-control,.form-select{width:100%;border:1px solid var(--ir-border);border-radius:8px;padding:6px 10px;font-size:13px;background:#fff;color:var(--ir-text)}
.form-control:focus,.form-select:focus{outline:2px solid rgba(37,99,235,.25);border-color:var(--ir-primary)}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.btn{padding:8px 12px;border:1px solid var(--ir-border);border-radius:8px;background:#fff;cursor:pointer}
.btn-primary{background:var(--ir-primary);border-color:var(--ir-primary);color:#fff}
.btn:disabled{opacity:.6;cursor:not-allowed}

.pagination{display:flex;gap:6px;list-style:none;padding:0;margin:12px 0}
.page-link{display:block;padding:6px 10px;border:1px solid var(--ir-border);border-radius:6px;background:#fff;color:#111827}
.page-item.active .page-link{background:var(--ir-primary);color:#fff;border-color:var(--ir-primary)}

.ir-chart{display:flex;align-items:flex-end;gap:12px;height:180px;margin:12px 0 20px}
.ir-bar{width:30px;background:#93c5fd;display:flex;align-items:flex-end;justify-content:center;font-size:11px;color:#111827;border-radius:6px 6px 0 0}
.ir-bar-label{text-align:center;font-size:12px;color:#374151;margin-top:6px;transform: rotate(-30deg); transform-origin: top left; white-space:nowrap}

header.ir-header{padding:14px 0 8px;margin-bottom:8px}
h1.ir-title{font-size:28px;margin:0}
.small-muted{color:var(--ir-muted);font-size:12px}
/* Kill Odoo's global JS error banner on this page */
.o_notification_manager,
.o_notification {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
