/* SIPTRUNK Configurateur — charte : navy #1A237E · orange #FF6D00 · #FFBA33 · #2D6CDF */
.stcfg{max-width:860px;margin:0 auto;font-family:'Space Grotesk','DejaVu Sans',system-ui,sans-serif;color:#2b2b3a;}
.stcfg-shell{background:#fff;border:1px solid #e3e6f0;border-radius:16px;padding:28px 30px;box-shadow:0 10px 30px rgba(26,35,126,.08);}
.stcfg-progress{display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.stcfg-dot{width:11px;height:11px;border-radius:50%;background:#e3e6f0;}
.stcfg-dot.done{background:#FFBA33;}
.stcfg-dot.on{background:#FF6D00;box-shadow:0 0 0 4px rgba(255,109,0,.18);}
.stcfg-stepof{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8fa3;}
.stcfg-title{color:#1A237E;font-size:1.35rem;margin:0 0 6px;}
.stcfg-help{color:#6b7188;margin:0 0 18px;font-size:.95rem;}
.stcfg-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.stcfg-card{display:block;border:1.5px solid #e3e6f0;border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#fbfbfe;position:relative;}
.stcfg-card:hover{border-color:#2D6CDF;}
.stcfg-card.on{border-color:#FF6D00;box-shadow:0 0 0 3px rgba(255,109,0,.14);background:#fff;}
.stcfg-card input{position:absolute;opacity:0;pointer-events:none;}
.stcfg-card-label{display:block;font-weight:600;color:#1A237E;margin-bottom:4px;}
.stcfg-card-desc{display:block;font-size:.82rem;color:#6b7188;line-height:1.45;}
.stcfg-card.qty{cursor:default;}
.stcfg-qty{display:flex;align-items:center;gap:12px;margin-top:10px;}
.stcfg-qty b{min-width:24px;text-align:center;font-family:'IBM Plex Mono',monospace;color:#1A237E;}
.stcfg-qty button{width:30px;height:30px;border-radius:8px;border:1.5px solid #e3e6f0;background:#fff;color:#1A237E;font-size:1rem;cursor:pointer;line-height:1;}
.stcfg-qty button:hover{border-color:#FF6D00;color:#FF6D00;}
.stcfg-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;}
.stcfg-nav .stcfg-next{margin-left:auto;background:#FF6D00;color:#fff;border:none;border-radius:10px;padding:12px 26px;font-weight:600;font-size:1rem;cursor:pointer;}
.stcfg-nav .stcfg-next:hover{background:#e96300;}
.stcfg-nav .stcfg-prev{background:#fff;color:#1A237E;border:1.5px solid #e3e6f0;border-radius:10px;padding:12px 20px;cursor:pointer;}
/* ---- récapitulatif / estimation (dernière étape uniquement) ---- */
.stcfg-recap h4{color:#1A237E;margin:16px 0 8px;font-size:1rem;}
.stcfg-recap ul{list-style:none;margin:0;padding:0;}
.stcfg-recap li{display:flex;justify-content:space-between;gap:14px;padding:8px 2px;border-bottom:1px solid #eef0f7;font-size:.95rem;}
.stcfg-recap li b{font-family:'IBM Plex Mono',monospace;color:#1A237E;white-space:nowrap;}
.stcfg-subtotal{margin:12px 0 4px;padding:12px 16px;background:#f7f8fd;border:1.5px solid #1A237E;border-radius:10px;color:#1A237E;font-size:1.02rem;}
.stcfg-quotes li{justify-content:flex-start;color:#6b7188;}
.stcfg-quotes li::before{content:"·";margin-right:8px;color:#FF6D00;font-weight:700;}
.stcfg-disclaimer{font-size:.8rem;color:#8a8fa3;font-style:italic;margin:12px 0 4px;}
.stcfg-accompagne{font-size:.86rem;background:#fff7ee;border:1px solid #ffd9b3;border-radius:8px;padding:10px 14px;color:#6b4a20;margin:10px 0 0;}
.stcfg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.stcfg-basic{background:#fff;border:2px solid #FFBA33;color:#8a6100;border-radius:10px;padding:12px 20px;font-weight:600;cursor:pointer;flex:1 1 260px;}
.stcfg-basic:hover{background:#fff7e2;}
.stcfg-quotebtn{background:#1A237E;color:#fff;border-radius:10px;padding:12px 22px;font-weight:600;text-decoration:none;text-align:center;flex:1 1 260px;}
.stcfg-quotebtn:hover{background:#141b63;color:#fff;}
.stcfg-basic-done{margin-top:12px;padding:10px 14px;background:#f0f6f0;border:1px solid #bfe0c2;border-radius:8px;color:#2e7d32;font-size:.9rem;}
@media (max-width:560px){.stcfg-shell{padding:20px 16px;}.stcfg-opts{grid-template-columns:1fr;}}