.payables-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.payables-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.payables-tabs a{white-space:nowrap;border:1px solid #d7e3f3;background:#fff;border-radius:12px;padding:10px 14px;text-decoration:none;color:#17345f;font-weight:700}.payables-tabs a.active{background:#1468db;color:#fff;border-color:#1468db}.payables-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.payables-kpi{padding:16px;border-radius:16px;border:1px solid #dbe6f4;background:#fff}.payables-kpi small{display:block;color:#66789a}.payables-kpi strong{display:block;font-size:1.45rem;margin-top:4px}.payables-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.payables-toolbar .search-field{min-width:260px;flex:1}.payables-filters{display:flex;gap:6px}.payables-filters a{padding:8px 12px;border-radius:10px;text-decoration:none;border:1px solid #dbe6f4;color:#17345f;background:#fff}.payables-filters a.active{background:#eaf3ff;border-color:#7eb1f6;color:#0757b8}.payables-table-wrap{overflow:auto;border:1px solid #dbe6f4;border-radius:16px;background:#fff}.payables-table{width:100%;border-collapse:collapse;min-width:1050px}.payables-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#66789a;background:#f7f9fc;text-align:left;padding:12px}.payables-table td{padding:13px 12px;border-top:1px solid #edf1f7;vertical-align:top}.payables-table tr.is-paid{background:#edf9f0}.payables-table tr.is-overdue:not(.is-paid){background:#fff4f3}.payables-table .amount{font-weight:800;white-space:nowrap}.payables-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.payables-status.paid{background:#dff5e5;color:#147a36}.payables-status.pending{background:#fff1c9;color:#8a6100}.payables-status.overdue{background:#ffe0dd;color:#b62e27}.payables-actions{display:flex;gap:6px;flex-wrap:wrap}.payables-note{font-size:.8rem;color:#6d7d99;margin-top:3px}.payables-company-admin{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.payables-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payables-form-grid .span-2{grid-column:1/-1}
@media(max-width:900px){.payables-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.payables-kpis{grid-template-columns:1fr 1fr}.payables-kpi{padding:12px}.payables-table-wrap{border:0;background:transparent;overflow:visible}.payables-table{min-width:0;display:block}.payables-table thead{display:none}.payables-table tbody{display:grid;gap:10px}.payables-table tr{display:grid;border:1px solid #dbe6f4;border-radius:14px;padding:12px;background:#fff}.payables-table tr.is-paid{background:#edf9f0}.payables-table tr.is-overdue:not(.is-paid){background:#fff4f3}.payables-table td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:14px}.payables-table td:before{content:attr(data-label);font-size:.75rem;color:#71809b;font-weight:700}.payables-table td.payables-main{display:block}.payables-table td.payables-main:before{display:none}.payables-actions{justify-content:flex-end}.payables-form-grid{grid-template-columns:1fr}}

/* V6.6.2 - Onglets sociétés lisibles et administrables */
.payables-tabs-shell{position:relative;margin:4px 0 18px;border-bottom:1px solid #d9e5f5;padding-bottom:10px}
.payables-tabs{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 7px;scrollbar-width:thin;scroll-snap-type:x proximity}
.payables-tabs::-webkit-scrollbar{height:7px}.payables-tabs::-webkit-scrollbar-thumb{background:#c8d6eb;border-radius:999px}
.payables-company-tab{display:flex;align-items:center;flex:0 0 auto;min-height:46px;border:1px solid #d7e3f3;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(23,52,95,.04);scroll-snap-align:start;transition:.16s ease}
.payables-company-tab:hover{border-color:#91bdf5;box-shadow:0 4px 14px rgba(24,92,177,.09)}
.payables-company-tab>a{display:flex;align-items:center;min-height:46px;padding:0 10px 0 15px;text-decoration:none;color:#17345f;font-weight:800;white-space:nowrap}
.payables-company-tab.active{background:#1468db;border-color:#1468db;box-shadow:0 6px 18px rgba(20,104,219,.20)}
.payables-company-tab.active>a{color:#fff}
.payables-tab-edit{width:38px;height:38px;margin-right:4px;border:0;border-left:1px solid #e1e9f4;background:transparent;color:#6c7f9f;cursor:pointer;border-radius:0 10px 10px 0;font-size:1rem}
.payables-tab-edit:hover{background:#eef5ff;color:#0757b8}
.payables-company-tab.active .payables-tab-edit{border-left-color:rgba(255,255,255,.28);color:#fff}
.payables-company-tab.active .payables-tab-edit:hover{background:rgba(255,255,255,.14)}
.payables-add-company-tab{flex:0 0 auto;min-height:46px;border:1px dashed #7aaceb;border-radius:14px;background:#f7fbff;color:#0757b8;padding:0 15px;font-weight:800;cursor:pointer;white-space:nowrap}
.payables-add-company-tab:hover{background:#eaf4ff;border-style:solid}
.payables-kpis{margin-top:4px}
.payables-kpi{box-shadow:0 2px 8px rgba(23,52,95,.05)}
.payables-kpi strong{line-height:1.1}
.payables-company-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 0 14px;margin-bottom:12px;border-bottom:1px solid #e7eef8}
.payables-company-head>div{display:grid;gap:2px}.payables-company-head small{color:#71809b;font-weight:700}.payables-company-head strong{font-size:1.15rem;color:#17345f}
.payables-company-danger{margin-top:22px;padding-top:18px;border-top:1px solid #eadada}.payables-company-danger p{margin:0 0 12px}.payables-company-danger small{color:#7d6a6a}
@media(max-width:640px){
 .payables-tabs-shell{margin-left:-2px;margin-right:-2px}
 .payables-tabs{gap:8px;padding-bottom:9px}
 .payables-company-tab{min-height:43px;border-radius:12px}
 .payables-company-tab>a{min-height:43px;padding-left:12px;font-size:.92rem}
 .payables-tab-edit{width:35px;height:35px}
 .payables-add-company-tab{min-height:43px;padding:0 12px}
 .payables-add-company-tab span{display:none}
 .payables-company-head{align-items:flex-start;flex-direction:column}
 .payables-company-head .btn{width:100%;justify-content:center}
 .payables-kpis{grid-template-columns:1fr 1fr;gap:8px}
 .payables-kpi strong{font-size:1.15rem}
}


/* V6.6.3 - lisibilite module A payer */
.payables-hero{align-items:flex-end}
.payables-hero h1{margin-bottom:4px}
.payables-hero p{max-width:720px}
.payables-tabs-shell{background:#f7faff;border:1px solid #dce8f7;border-radius:18px;padding:12px;margin:0 0 18px}
.payables-tabs-shell:before{content:"Sociétés";display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#71809b;margin:0 0 8px 3px}
.payables-company-tab{border-radius:12px;box-shadow:none}
.payables-company-tab>a{gap:8px;padding-right:12px}
.payables-company-tab>a:before{content:"🏢";font-size:.95rem}
.payables-company-tab.active>a:before{content:"🏢"}
.payables-tab-edit{font-size:0;position:relative}
.payables-tab-edit:after{content:"✎";font-size:1rem}
.payables-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}
.payables-kpi{min-height:100px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:17px 18px}
.payables-kpi:nth-child(1){border-top:3px solid #2475df}
.payables-kpi:nth-child(2){border-top:3px solid #17345f}
.payables-kpi:nth-child(3){border-top:3px solid #d7473f}
.payables-kpi:nth-child(4){border-top:3px solid #2b9b55}
.payables-kpi small{font-size:.82rem;font-weight:700}
.payables-kpi strong{font-size:1.65rem}
.payables-toolbar{justify-content:space-between;background:#f8fbff;border:1px solid #e1eaf6;border-radius:14px;padding:10px 12px}
.payables-filters{flex-wrap:wrap}
.payables-filters a{font-weight:750}
.payables-table th{position:sticky;top:0;z-index:1}
.payables-table tbody tr:hover{background:#f8fbff}
.payables-table tbody tr.is-paid:hover{background:#e8f7ed}
.payables-main strong{font-size:.96rem}
.payables-actions .btn{white-space:nowrap}

/* menu lateral scrollable */
.sidebar{height:100vh;overflow:hidden;display:flex;flex-direction:column}
.sidebar .brand{flex:0 0 auto}
.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.30) transparent;padding-bottom:14px}
.sidebar nav::-webkit-scrollbar{width:6px}
.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
.sidebar-bottom{flex:0 0 auto}

@media(max-width:900px){
 .payables-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .payables-hero .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .payables-hero .hero-actions .btn{width:100%;justify-content:center}
 .payables-tabs-shell{padding:10px 8px;border-radius:14px}
 .payables-company-tab>a{font-size:.9rem}
 .payables-kpis{grid-template-columns:1fr 1fr}
 .payables-kpi{min-height:82px;padding:12px}
 .payables-kpi strong{font-size:1.18rem}
 .payables-toolbar{align-items:stretch}
 .payables-toolbar .search-field{min-width:100%;width:100%}
 .payables-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .payables-filters a{text-align:center}
}