/* Fabronex Hub — Étape 6 */
.fin6-bank-kpis,.fin6-treasury-kpis,.fin6-expense-kpis,.fin6-mileage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.fin6-bank-kpis article,.fin6-treasury-kpis article,.fin6-expense-kpis article,.fin6-mileage-kpis article{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid #dae5ed;border-radius:16px;padding:16px;min-height:105px;box-shadow:0 10px 26px rgba(14,43,68,.05)}
.fin6-bank-kpis span,.fin6-treasury-kpis span,.fin6-expense-kpis span,.fin6-mileage-kpis span{display:block;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#7a90a2;font-weight:800}
.fin6-bank-kpis strong,.fin6-treasury-kpis strong,.fin6-expense-kpis strong,.fin6-mileage-kpis strong{display:block;margin-top:8px;font-size:23px;color:#0b2743}
.fin6-bank-kpis small,.fin6-treasury-kpis small,.fin6-expense-kpis small,.fin6-mileage-kpis small{display:block;margin-top:8px;color:#8296a5;font-size:9px}
.fin6-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.fin6-toolbar>div:first-child strong,.fin6-toolbar>div:first-child small{display:block}.fin6-toolbar>div:first-child small{margin-top:3px;color:#8094a4}
.fin6-toolbar>div:last-child{display:flex;gap:8px}
.fin6-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.fin6-account-card{position:relative;background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:15px;box-shadow:0 8px 24px rgba(13,43,67,.05)}
.fin6-account-card>div:first-child{display:flex;gap:10px;align-items:center}.fin6-account-card>div:first-child>span{width:38px;height:38px;border-radius:12px;background:#0b2743;color:#d6b56d;display:grid;place-items:center;font-weight:900;font-size:9px}
.fin6-account-card>div:first-child strong,.fin6-account-card>div:first-child small{display:block}.fin6-account-card>div:first-child strong{color:#163750}.fin6-account-card>div:first-child small{color:#7d92a2;margin-top:2px;font-size:9px}
.fin6-account-card>strong{display:block;font-size:20px;color:#12324d;margin:14px 0 3px}.fin6-account-card>small{color:#8395a4}.fin6-account-card>button{position:absolute;right:12px;bottom:12px;border:0;background:#eff4f7;color:#31536b;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.fin6-transactions-card,.fin6-accounting-status{margin-top:12px}
.fin6-transactions-card .panel-head select,.fin6-expense-kpis+article .panel-head select,[data-finance-panel="expenses"] .panel-head select,[data-finance-panel="mileage"] .panel-head select,.finance-module-hero>select{border:1px solid #d8e4ec;background:#fff;border-radius:10px;min-height:38px;padding:0 10px;color:#294b64}
.fin6-tx-head,.fin6-tx-row,.fin6-exp-head,.fin6-exp-row,.fin6-km-head,.fin6-km-row,.fin6-forecast-head,.fin6-forecast-row{display:grid;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid #edf2f5}
.fin6-tx-head,.fin6-tx-row{grid-template-columns:90px minmax(180px,1fr) 110px 100px minmax(150px,.7fr)}
.fin6-exp-head,.fin6-exp-row{grid-template-columns:90px minmax(200px,1fr) 120px 100px 120px}
.fin6-km-head,.fin6-km-row{grid-template-columns:90px minmax(220px,1fr) 100px 100px 120px}
.fin6-forecast-head,.fin6-forecast-row{grid-template-columns:90px minmax(220px,1fr) 130px 120px}
.fin6-tx-head,.fin6-exp-head,.fin6-km-head,.fin6-forecast-head{font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#7a8fa0}
.fin6-tx-row>div strong,.fin6-exp-row>div strong,.fin6-km-row>div strong,.fin6-forecast-row>div strong{display:block;color:#1b3c55;font-size:10px}
.fin6-tx-row>div small,.fin6-exp-row>div small,.fin6-km-row>div small,.fin6-forecast-row>div small{display:block;color:#8396a5;margin-top:2px;font-size:8px}
.fin6-tx-row b,.fin6-forecast-row b{font-size:11px}.fin6-tx-row b.positive,.fin6-forecast-row b.positive{color:#2c7b5b}.fin6-tx-row b.negative,.fin6-forecast-row b.negative{color:#aa4d4d}
.fin6-tx-row button,.fin6-exp-row button,.fin6-km-row button{border:0;background:#eff4f7;color:#31536b;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.fin6-status{display:inline-flex;width:max-content;border-radius:999px;padding:4px 7px;background:#fff4df;color:#9b7025;font-size:8px;font-weight:800}.fin6-status.matched{background:#edf7f2;color:#2d7759}
.fin6-empty{padding:28px;text-align:center;color:#8194a3}.fin6-modal{max-width:760px}.fin6-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}.fin6-form-grid label{display:grid;gap:6px}.fin6-form-grid label.full{grid-column:1/-1}.fin6-form-grid label>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#71899c}.fin6-form-grid input,.fin6-form-grid select,.fin6-form-grid textarea{border:1px solid #d6e2eb;background:#fff;border-radius:10px;min-height:40px;padding:0 11px;color:#173652;font:inherit}.fin6-form-grid textarea{padding-top:10px;resize:vertical}.fin6-form-grid label small{color:#8497a6}.fin6-check{display:flex!important;align-items:center;gap:8px!important}.fin6-check input{min-height:auto;width:18px;height:18px}.fin6-mileage-preview{display:flex;justify-content:space-between;align-items:center;background:#f5f8fb;border:1px solid #dce6ee;border-radius:12px;padding:12px 14px;margin-bottom:12px}.fin6-mileage-preview span{font-size:9px;color:#7e92a2;text-transform:uppercase;font-weight:800}.fin6-mileage-preview strong{font-size:18px;color:#15364f}
.fin6-treasury-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-bottom:12px}.fin6-forecast-chart{display:grid;gap:11px}.fin6-forecast-chart>div{display:grid;grid-template-columns:45px 1fr 110px;gap:9px;align-items:center}.fin6-forecast-chart span{font-size:9px;font-weight:800;color:#687f92}.fin6-forecast-chart i{height:10px;background:#eef3f6;border-radius:999px;overflow:hidden}.fin6-forecast-chart i b{display:block;height:100%;background:#305b7d;border-radius:999px}.fin6-forecast-chart i b.negative{background:#a95454}.fin6-forecast-chart strong{font-size:10px;text-align:right;color:#183951}
#fin6ForecastAlerts{display:grid;gap:7px}#fin6ForecastAlerts>div{display:grid;grid-template-columns:75px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf2f5}#fin6ForecastAlerts>div>span{font-size:8px;color:#8093a2}#fin6ForecastAlerts strong,#fin6ForecastAlerts small{display:block}#fin6ForecastAlerts strong{font-size:10px;color:#274860}#fin6ForecastAlerts small{font-size:8px;color:#8395a4}#fin6ForecastAlerts b{font-size:10px;color:#a34c4c}
.fin6-forecast-toggle{display:flex;gap:4px}.fin6-forecast-toggle button{border:0;background:#eef3f6;color:#557086;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}.fin6-forecast-toggle button.active{background:#0b2743;color:#fff}
.fin6-pennylane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fin6-pennylane-card>div:first-child{display:flex;align-items:center;gap:10px}.fin6-pennylane-card>div:first-child>span{width:40px;height:40px;border-radius:12px;background:#31225f;color:#fff;display:grid;place-items:center;font-weight:900}.fin6-pennylane-card strong,.fin6-pennylane-card small{display:block}.fin6-pennylane-card small{color:#8496a5;margin-top:2px}.fin6-pennylane-card p{color:#71879a;font-size:9px}.fin6-pennylane-card>div:last-child{display:flex;gap:7px}.fin6-pennylane-card button{border:0;background:#edf3f7;color:#31546e;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:800;cursor:pointer}.fin6-pennylane-card button.danger{background:#fff0f0;color:#a04747}.fin6-pennylane-card button.primary-btn{background:#0b2743;color:#fff}
.fin6-accounting-status{display:grid;grid-template-columns:1.5fr repeat(3,.6fr);gap:12px;align-items:center}.fin6-accounting-status>div:first-child strong,.fin6-accounting-status>div:first-child small{display:block}.fin6-accounting-status>div:first-child small{margin-top:3px;color:#8295a5}.fin6-accounting-status>div:not(:first-child){text-align:center}.fin6-accounting-status>div:not(:first-child) span,.fin6-accounting-status>div:not(:first-child) strong{display:block}.fin6-accounting-status>div:not(:first-child) span{font-size:8px;text-transform:uppercase;color:#8295a5}.fin6-accounting-status>div:not(:first-child) strong{font-size:20px;color:#173750;margin-top:5px}
@media(max-width:1000px){.fin6-bank-kpis,.fin6-treasury-kpis,.fin6-expense-kpis,.fin6-mileage-kpis{grid-template-columns:repeat(2,1fr)}.fin6-account-grid,.fin6-pennylane-grid{grid-template-columns:1fr 1fr}.fin6-treasury-grid{grid-template-columns:1fr}.fin6-transactions-card,.fin6-accounting-status{overflow:auto}.fin6-tx-head,.fin6-tx-row,.fin6-exp-head,.fin6-exp-row,.fin6-km-head,.fin6-km-row,.fin6-forecast-head,.fin6-forecast-row{min-width:760px}}
@media(max-width:680px){.fin6-bank-kpis,.fin6-treasury-kpis,.fin6-expense-kpis,.fin6-mileage-kpis,.fin6-account-grid,.fin6-pennylane-grid{grid-template-columns:1fr 1fr}.fin6-toolbar{align-items:stretch;flex-direction:column}.fin6-toolbar>div:last-child{width:100%}.fin6-toolbar>div:last-child button{flex:1}.fin6-form-grid{grid-template-columns:1fr}.fin6-form-grid label.full{grid-column:auto}.fin6-accounting-status{grid-template-columns:1fr 1fr;min-width:0}.fin6-bank-kpis strong,.fin6-treasury-kpis strong,.fin6-expense-kpis strong,.fin6-mileage-kpis strong{font-size:19px}}

.fin6-openbanking-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.fin6-openbanking-card>div:first-child{display:flex;align-items:center;gap:10px}
.fin6-openbanking-card>div:first-child>span{width:40px;height:40px;border-radius:12px;background:#0b2743;color:#d4b46d;display:grid;place-items:center;font-size:17px}
.fin6-openbanking-card strong,.fin6-openbanking-card small{display:block}
.fin6-openbanking-card small{margin-top:3px;color:#8296a5}
.fin6-openbanking-card>div:last-child{display:flex;gap:8px;align-items:center}
.fin6-openbanking-card select{border:1px solid #d8e4ec;background:#fff;border-radius:10px;min-height:38px;padding:0 10px;color:#294b64}
@media(max-width:680px){.fin6-openbanking-card{align-items:stretch;flex-direction:column}.fin6-openbanking-card>div:last-child{width:100%}.fin6-openbanking-card select,.fin6-openbanking-card button{flex:1}}

.fin6-bank-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto;padding:4px 0 12px}
.fin6-bank-picker>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid #dde7ee;background:#fff;border-radius:13px;padding:10px;text-align:left;cursor:pointer}
.fin6-bank-picker>button:hover{border-color:#c6a25a;background:#fffdf8}
.fin6-bank-picker img,.fin6-bank-picker>button>span{width:36px;height:36px;object-fit:contain;border-radius:9px;background:#f4f7f9;display:grid;place-items:center}
.fin6-bank-picker strong{display:block;color:#173750;font-size:10px}
.fin6-bank-picker small{display:block;color:#8094a4;font-size:8px;margin-top:3px}
.fin6-bank-picker em{font-style:normal;color:#a47e36;font-size:8px;font-weight:800}
#fin6CsvAccountSelect{min-height:36px;border:1px solid #d8e3eb;border-radius:9px;background:#fff;color:#284a63;padding:0 9px;font-size:9px;max-width:230px}
@media(max-width:680px){.fin6-bank-picker{grid-template-columns:1fr}#fin6CsvAccountSelect{max-width:none;width:100%}}