/* AllServicesDone V46 — universal colourful design layer */
:root{--cream:#fff8ed;--ink:#171717;--green:#b8f23d;--blue:#a8dcff;--pink:#ffb7d8;--yellow:#ffe27a;--purple:#cdb7ff;--white:#fff;--muted:#666;--line:#e9e2d8;--shadow:0 12px 30px rgba(23,23,23,.08)}
*{box-sizing:border-box} body{background:var(--cream)!important;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} header,.topbar,.nav,.site-header{background:var(--ink)!important;color:#fff!important} header a,.topbar a,.nav a,.site-header a{color:#fff!important}
main,.page,.container{max-width:1180px;margin:auto}
.card,.panel,.box,.section,.tile,.job-card,.service-card,.form-card,.summary-card,.help-card,.profile-card,.dashboard-card,.booking-card{background:var(--white)!important;border:2px solid var(--ink)!important;border-radius:24px!important;box-shadow:var(--shadow)!important}
.card:nth-child(4n+1),.tile:nth-child(4n+1),.service-card:nth-child(4n+1){background:var(--blue)!important}.card:nth-child(4n+2),.tile:nth-child(4n+2),.service-card:nth-child(4n+2){background:var(--pink)!important}.card:nth-child(4n+3),.tile:nth-child(4n+3),.service-card:nth-child(4n+3){background:var(--yellow)!important}.card:nth-child(4n+4),.tile:nth-child(4n+4),.service-card:nth-child(4n+4){background:var(--purple)!important}
button,.btn,.cta,a.button,input[type=submit]{border-radius:999px!important;border:2px solid var(--ink)!important;font-weight:800!important;box-shadow:4px 4px 0 var(--ink)!important;transition:.16s ease!important}button:hover,.btn:hover,.cta:hover,a.button:hover,input[type=submit]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)!important}
.primary,.btn-primary,.cta{background:var(--green)!important;color:var(--ink)!important}.secondary{background:var(--blue)!important;color:var(--ink)!important}.danger,.btn-danger{background:var(--pink)!important;color:var(--ink)!important}.success,.btn-success{background:var(--green)!important;color:var(--ink)!important}
input,select,textarea{background:#fff!important;border:2px solid var(--ink)!important;border-radius:16px!important;padding:13px 15px!important;min-height:48px}input:focus,select:focus,textarea:focus{outline:4px solid var(--yellow)!important}
.badge,.pill,.status{border:2px solid var(--ink)!important;border-radius:999px!important;font-weight:800!important;padding:.35rem .7rem!important;background:var(--yellow)!important}.verified,.paid,.complete{background:var(--green)!important}.pending{background:var(--yellow)!important}.issue,.dispute,.danger{background:var(--pink)!important}
.alert,.notice{border:2px solid var(--ink)!important;border-radius:18px!important;background:var(--blue)!important}.tip{background:var(--purple)!important;border:2px solid var(--ink)!important;border-radius:18px!important}
.progress,.stepper{background:#fff!important;border:2px solid var(--ink)!important;border-radius:999px!important}.progress-bar,.step.active{background:var(--green)!important}
footer{background:var(--ink)!important;color:#fff!important} footer a{color:#fff!important}
@media(max-width:700px){main,.page,.container{padding-left:14px!important;padding-right:14px!important}.card,.panel,.box,.section,.tile,.job-card,.service-card,.form-card,.summary-card{border-radius:20px!important}button,.btn,.cta,a.button{min-height:48px}.grid,.cards,.tiles{grid-template-columns:1fr!important}}
.skip-to-content{position:absolute;left:-9999px;top:auto}.skip-to-content:focus{left:12px;top:12px;z-index:9999;background:var(--green);color:var(--ink);padding:12px 16px;border:2px solid var(--ink);border-radius:12px;font-weight:800}