/* PERLA V25 : priorité à la lisibilité et à la rapidité sur téléphone. */
.v25-optional-note{font-size:13px;background:#fcf7f1;border:1px solid #e8ddcf;border-radius:12px;padding:13px;margin:4px 0 15px;color:#514036;line-height:1.45}
.v25-extra-actions,.v25-order-cards{display:none}
@media(max-width:900px){
 .v25-extra-actions{display:block;margin:0 0 14px}
 .v25-extra-actions>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;min-height:46px;background:#f9f4ef;border:1px solid #dfd2c7;border-radius:13px;font-size:14px;font-weight:800;color:#4a3933}
 .v25-extra-actions>summary::-webkit-details-marker{display:none}
 .v25-extra-actions[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
 .v25-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;background:#fff;padding:12px;border:1px solid #dfd2c7;border-top:0;border-radius:0 0 13px 13px}
 .v25-extra-grid .btn{width:100%;min-height:48px;white-space:normal;padding:10px 7px}
 .top-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:9px}
 .top-actions .btn{min-height:52px!important;font-size:15px!important}
 #v10MobileNav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important}
 #v10MobileNav:not(.hidden) [data-v10-view="fittings"]{display:none!important}
 #v10MobileNav button{min-height:59px!important;min-width:0!important;padding:6px 2px!important}
 #v10MobileNav button b{font-size:10.5px!important;letter-spacing:0!important}
 .v10-atelier-role #v10MobileNav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .v10-atelier-role #v10MobileNav [data-v10-view="fittings"]{display:initial!important}
 .main{padding-left:14px!important;padding-right:14px!important}
 .topbar{padding-top:8px!important}
 .topbar h2{font-size:24px!important}
 .global-search{height:48px!important;font-size:16px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .stat-card{padding:11px!important}
 .stat-card strong{font-size:21px!important}
 body.v25-cards-ready #ordersTable{display:none!important}
 .v25-order-cards{display:grid;gap:10px}
 .v25-order-card{border:1px solid #eadfd6;border-radius:15px;background:#fff;padding:15px;box-shadow:0 2px 10px rgba(39,29,23,.035)}
 .v25-order-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;align-items:center}
 .v25-order-head strong{font-size:16px}
 .v25-order-head small{font-size:11px;color:#796e68}
 .v25-order-sub{font-size:13px;color:#655b56;margin:8px 0 12px;line-height:1.45}
 .v25-order-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}
 .v25-order-footer>span{font-size:17px;font-weight:800}
 .v25-order-footer .btn{min-height:43px!important}
 .wizard-tabs{display:flex!important;overflow-x:auto;gap:7px!important;scrollbar-width:thin;padding:0 0 9px}
 .wizard-tab{white-space:nowrap!important;font-size:12px!important;padding:10px 12px!important;min-height:43px}
 #orderModal .modal-actions{display:flex!important;flex-wrap:wrap;gap:7px!important}
 #orderModal .modal-actions .spacer{display:none!important}
 #orderModal .modal-actions #saveOrder{flex:1 1 100%!important;order:-1!important;min-height:52px!important;font-size:15px!important}
 #orderModal .modal-actions #prevStep,#orderModal .modal-actions #nextStep{flex:1 1 42%!important;min-height:45px!important}
 .detail-actions .btn{min-height:47px!important;white-space:normal;overflow-wrap:anywhere}
 #view-orders .panel,#view-orders .section{max-width:100%;min-width:0}
}
@media(max-width:375px){
 .main{padding-left:10px!important;padding-right:10px!important}
 #v10MobileNav button b{font-size:9.5px!important}
 .top-actions{grid-template-columns:1fr 1fr!important}
 .v25-extra-grid{grid-template-columns:1fr 1fr!important}
 #orderModal .wizard-tabs{gap:4px!important}
}