/* Gestion Perla V24 : lisibilité desktop et mobile, sans application installable. */
.v24-panel{background:#fff;border:1px solid #e7ded5;border-radius:16px;padding:18px;margin:16px 0;color:#3d3027}
.v24-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.v24-panel-head h4{margin:0 0 5px;font-size:17px}.v24-panel-head p{font-size:12px;color:#766e66;margin:0;line-height:1.5}
.v24-btn{border:1px solid #d7c4ad;border-radius:9px;padding:9px 12px;font-size:12px;background:#fff;color:#4b3928;cursor:pointer;white-space:nowrap}
.v24-btn:hover{background:#f5efe7}.v24-btn:focus-visible{outline:2px solid #97724a;outline-offset:3px}
.v24-primary{background:#473528;color:#fff;border-color:#473528}.v24-primary:hover{background:#6b4f36}
.v24-count{display:inline-flex;min-width:23px;min-height:23px;align-items:center;justify-content:center;background:#ede0d0;border-radius:100px;font-size:12px}
.v24-row{border-top:1px solid #f0e7dc;display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:14px}
.v24-row strong,.v24-row small{display:block}.v24-row strong{font-size:13px}.v24-row small{font-size:12px;color:#756a5f;margin-top:5px;line-height:1.5}
.v24-warn{color:#a3372d;font-size:11px;margin-left:6px}.v24-empty,.v24-hint{font-size:12px;color:#776b60;line-height:1.5}
.v24-exports{display:flex;flex-wrap:wrap;gap:9px}
.v24-check-form{display:grid;grid-template-columns:minmax(150px,2fr) minmax(70px,1fr) repeat(2,minmax(130px,1fr)) auto;gap:10px;align-items:end}
.v24-check-form label{display:flex;flex-direction:column;gap:5px;color:#766e66;font-size:12px;min-width:0}
.v24-check-form input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #d7c4ad;border-radius:8px;padding:10px;font:inherit;font-size:13px;background:#fff;color:#3d3027}
.v24-result{margin-top:14px;border-radius:9px;padding:13px;background:#f7f4f0;font-size:13px;line-height:1.5}
.v24-result p{margin:6px 0}.v24-result-free{background:#f0f7f2;color:#2a5d40}.v24-result-busy{background:#fff4ed;color:#884730}
@media(max-width:850px){.v24-check-form{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-check-form label:first-child{grid-column:span 2}}
@media(max-width:510px){.v24-panel{padding:13px}.v24-check-form{grid-template-columns:minmax(0,1fr)}.v24-check-form label:first-child{grid-column:span 1}.v24-check-form .v24-btn{width:100%}.v24-row{align-items:flex-start}.v24-row .v24-btn{flex-shrink:0}}
