/* part_view.php — UI only (aligné sur stock_history.php)
   Objectif: garder la structure interne (boutons/onglets/tableaux) sans toucher à la logique.
*/

.part-view-page .container{ max-width:1200px; margin:16px auto; padding:0 12px; }

/* Table: cohérence globale (si besoin) */
.part-view-page .table{ width:100%; border-collapse:collapse; background: var(--card, #fff); }

.part-view-page .breadcrumb{font-size:13px; color:#64748b; margin:10px 0 10px;}
.part-view-page .breadcrumb a{color:#2563eb; text-decoration:none; font-weight:800;}
.part-view-page .breadcrumb a:hover{text-decoration:underline;}
.part-view-page .page-title{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px;}
.part-view-page .page-title h2{margin:0; font-size:26px;}
.part-view-page .nav-arrows{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.part-view-page .btn{display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:12px; border:1px solid #e5e7eb; background:#fff; font-weight:900; text-decoration:none; color:#111827; cursor:pointer;}
.part-view-page .btn:hover{background:#f8fafc;}
.part-view-page .btn-primary{background:#111827; color:#fff; border-color:#111827;}
.part-view-page .btn-danger{background:#ef4444; color:#fff; border-color:#ef4444;}
.part-view-page .btn-sm{padding:7px 10px; font-size:12px; border-radius:10px;}
.part-view-page .card{background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:14px; margin-bottom:14px;}
.part-view-page .kpis{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px;}
.part-view-page .kpi{background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:14px;}
.part-view-page .kpi .label{font-size:12px; font-weight:900; color:#64748b; text-transform:uppercase;}
.part-view-page .kpi .value{font-size:22px; font-weight:900; margin-top:6px;}
.part-view-page .tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px;}
.part-view-page .tab{padding:10px 12px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; text-decoration:none; font-weight:900; color:#111827; font-size:13px;}
.part-view-page .tab.active{background:#111827; color:#fff; border-color:#111827;}
.part-view-page .form-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.part-view-page .in{padding:9px 10px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; font-size:13px;}
.part-view-page .table{width:100%; border-collapse:collapse; background:#fff;}
.part-view-page .table th{text-align:left; padding:10px; background:#f9fafb; border-bottom:1px solid #e5e7eb; font-size:13px; white-space:nowrap;}
.part-view-page .table td{padding:10px; border-bottom:1px solid #eef2f7; font-size:13px; vertical-align:middle;}
.part-view-page .pill{display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:900; border:1px solid rgba(0,0,0,.06);}
.part-view-page .in-pill{background:#dcfce7;}
.part-view-page .out-pill{background:#fee2e2;}
@media(max-width:900px){.part-view-page .kpis{ grid-template-columns:1fr 1fr;}