
/* SmartSetupUAE Workflow V4 - operational/mobile fixes */
:root{--ss-green:#064c39;--ss-gold:#c5a059;--ss-ink:#1a2e25;--ss-muted:#6b7280;}
/* Home 3-step process: horizontal even on mobile, with compact readable cards */
.ss-process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.ss-process-step{min-width:0!important;text-align:center!important;padding:0 8px!important;}
.ss-process-step .step-circle{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0 auto 12px!important;font-size:18px!important;}
@media(max-width:640px){
  .ss-process-grid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:10px!important;padding:4px 0 10px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;}
  .ss-process-grid::-webkit-scrollbar{height:4px}.ss-process-grid::-webkit-scrollbar-thumb{background:rgba(6,76,57,.25);border-radius:999px;}
  .ss-process-step{flex:0 0 31.5%!important;min-width:108px!important;background:#fff!important;border:1px solid #dde8e2!important;border-radius:14px!important;padding:12px 8px!important;box-shadow:0 6px 18px rgba(6,76,57,.05)!important;scroll-snap-align:start!important;}
  .ss-process-step .step-circle{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:14px!important;margin-bottom:8px!important;}
  .ss-process-step div[style*="font-size:17px"]{font-size:12.8px!important;margin-bottom:5px!important;line-height:1.15!important;}
  .ss-process-step div[style*="font-size:14px"]{font-size:10.6px!important;line-height:1.35!important;color:#6b7280!important;}
}
@media(max-width:380px){.ss-process-step{flex-basis:33%!important;min-width:102px!important;padding:11px 6px!important}.ss-process-step div[style*="font-size:14px"]{font-size:10px!important}}
/* Single country code layout everywhere */
.ss-phone-row,.ss-final-phone-row,.phone-row{display:flex!important;align-items:stretch!important;width:100%!important;border:1.5px solid #dde8e2!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;gap:0!important;}
.ss-phone-row select,.ss-final-phone-row select,.phone-row select,.dial-select,select[id*="dial" i],select[name*="country_code" i],select[name*="dial" i]{flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;padding:0 6px!important;font-size:11.2px!important;font-weight:800!important;color:#064c39!important;background:#f4f8f6!important;border:0!important;border-right:1.5px solid #dde8e2!important;outline:none!important;white-space:nowrap!important;}
.ss-phone-row input,.ss-final-phone-row input,.phone-row input,input[type="tel"]{flex:1 1 auto!important;min-width:0!important;border:0!important;font-size:13.4px!important;padding:10px 11px!important;outline:none!important;background:#fff!important;}
.ss-phone-row select + select,.ss-final-phone-row select + select,.phone-row select + select{display:none!important;}
/* Consultant popups/forms */
.ss-final-popup .ss-final-phone-row,.ss-final-popup .phone-row{margin:7px 0!important}.ss-final-popup input,.ss-final-popup select{box-sizing:border-box!important;}
/* Client dashboard popup notices */
.ss-client-alert{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:560px;width:calc(100% - 32px);background:#fff;border:1.5px solid #b7dfc9;border-left:5px solid var(--ss-green);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.18);z-index:2147483000;padding:14px 16px;font-family:Inter,sans-serif;color:var(--ss-ink)}
.ss-client-alert h3{font-size:15px;margin:0 0 5px;font-weight:900;color:var(--ss-green)}.ss-client-alert p{font-size:13px;line-height:1.55;margin:0;color:#374151}.ss-client-alert button{margin-top:10px;padding:8px 13px;border:0;border-radius:8px;background:var(--ss-green);color:#fff;font-weight:800}
@media(max-width:640px){.ss-client-alert{bottom:12px;padding:12px 13px}.ss-client-alert h3{font-size:14px}.ss-client-alert p{font-size:12.2px}}
/* Admin lead details: show appointment data neatly */
.ss-admin-appt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.ss-admin-appt div{background:#f0faf6;border:1px solid #b7dfc9;border-radius:8px;padding:9px}.ss-admin-appt small{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:2px}.ss-admin-appt strong{font-size:13px;color:#064c39}
@media(max-width:600px){.ss-admin-appt{grid-template-columns:1fr}}
