/* AllServicesDone V31 — polished, colourful, mobile-first UX layer */
:root{--asd-green:#18ad59;--asd-cream:#f7f5ef;--asd-yellow:#fff0a8;--asd-pink:#ffd8e2;--asd-blue:#dce9ff;--asd-purple:#e7dcff;--asd-ink:#111;--asd-muted:#62666b}
body{background:var(--asd-cream)!important;color:var(--asd-ink)!important}
.top{background:#111!important;box-shadow:0 3px 0 rgba(0,0,0,.06)}
.logo{font-size:26px!important;letter-spacing:-1.3px!important}
.wrap{padding-top:28px!important;padding-bottom:40px!important}
.hero{background:#fff!important;border-radius:34px!important;box-shadow:0 12px 34px rgba(0,0,0,.07)!important}
.card{box-shadow:0 9px 28px rgba(0,0,0,.055)!important}
.card:nth-child(5n+1){background:#fff!important}.card:nth-child(5n+2){background:var(--asd-blue)!important}.card:nth-child(5n+3){background:var(--asd-pink)!important}.card:nth-child(5n+4){background:var(--asd-yellow)!important}.card:nth-child(5n){background:var(--asd-purple)!important}
.service:nth-child(5n+2){background:var(--asd-blue)!important}.service:nth-child(5n+3){background:var(--asd-pink)!important}.service:nth-child(5n+4){background:var(--asd-yellow)!important}.service:nth-child(5n){background:var(--asd-purple)!important}
.btn{min-height:52px!important;transition:transform .12s ease,box-shadow .12s ease!important}.btn:active{transform:scale(.98)!important}.btn:hover{box-shadow:0 7px 18px rgba(24,173,89,.18)!important}
input,select,textarea{min-height:54px!important}
textarea{resize:vertical!important}
label{font-size:16px!important}
.form-section-title{font-size:24px;font-weight:1000;margin:26px 0 8px}
.asd-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 22px}
.asd-quick-action{display:block;text-decoration:none;color:#111!important;border-radius:22px;padding:18px;background:#fff;font-weight:1000;box-shadow:0 8px 24px rgba(0,0,0,.06);min-height:108px}
.asd-quick-action:nth-child(2){background:var(--asd-blue)}.asd-quick-action:nth-child(3){background:var(--asd-pink)}.asd-quick-action:nth-child(4){background:var(--asd-yellow)}.asd-quick-action:nth-child(5){background:var(--asd-purple)}
.asd-quick-action span{display:block;font-size:28px;margin-bottom:9px}.asd-quick-action small{display:block;color:#555;font-size:13px;margin-top:5px}
.asd-role-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:22px;background:linear-gradient(90deg,#e8fff0,#eef4ff);margin:0 0 18px;font-weight:900}
.asd-role-banner .role-name{font-size:20px}.asd-role-banner .role-switch{border:0;border-radius:14px;padding:10px 13px;background:#fff;color:#111;font-weight:900;cursor:pointer}
.asd-step{display:flex;gap:10px;align-items:flex-start;margin:10px 0}.asd-step-num{width:32px;height:32px;border-radius:50%;background:var(--asd-green);color:#fff;display:grid;place-items:center;font-weight:1000;flex:0 0 auto}
.asd-empty{padding:18px;border-radius:20px;background:#fff5cf;font-weight:800}
.asd-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:50%!important;background:#eee!important;color:#111!important;font-size:20px!important;display:none;z-index:2}
.asd-combo .asd-search-clear{display:none}
.asd-smart-results{border:2px solid #eee!important}
.asd-smart-option{min-height:54px!important}
.asd-smart-option:first-child{border:2px solid #18ad59!important}
.asd-other-input{margin-top:10px!important;display:none}
.mobile-bottom-nav{display:none}
@media(max-width:760px){
 .asd-quick-actions{grid-template-columns:1fr 1fr}.asd-quick-action{min-height:100px;padding:16px}
 .asd-role-banner{align-items:flex-start}.asd-role-banner .role-switch{font-size:13px}
 .mobile-bottom-nav{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:#111;border-radius:22px;padding:7px;gap:5px;box-shadow:0 12px 35px rgba(0,0,0,.25);padding-bottom:calc(7px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav a{flex:1;text-align:center;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;padding:9px 5px;border-radius:16px}
 .mobile-bottom-nav a.active{background:#18ad59}.mobile-bottom-nav .mi{display:block;font-size:19px;line-height:1.1;margin-bottom:2px}
 body{padding-bottom:82px}
}