/* WOWLED müşteri hesabı — mobil ve ortak görünüm V1 */
:root{--account-blue:#2464d8;--account-navy:#10294e;--account-bg:#f5f8fc;--account-line:#dce4ee;--account-text:#17243a;--account-muted:#66758a}
html{background:var(--account-bg)}
body{background:linear-gradient(145deg,#f8fbff,#eef3f9)!important;color:var(--account-text)!important}
.wrap{padding:30px 18px!important}
.box{border:1px solid var(--account-line)!important;border-radius:20px!important;box-shadow:0 22px 65px rgba(28,56,94,.10)!important;padding:32px!important}
.logo{color:var(--account-navy)!important}
.k,.kicker{color:#3973ce!important}
.box h1,h1.title{color:var(--account-text)!important}
input,textarea,select{min-height:46px!important;border:1px solid #cfd9e5!important;border-radius:10px!important;background:#fff!important;color:#17243a!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}
input:focus,textarea:focus,select:focus{border-color:#4c83dc!important;box-shadow:0 0 0 4px rgba(52,120,246,.10)!important}
button,.btn{min-height:44px!important;border-radius:10px!important;background:linear-gradient(145deg,#3478f6,#1e5ccc)!important;border-color:#1e5ccc!important;color:#fff!important;box-shadow:0 9px 22px rgba(30,92,204,.16)!important;transition:transform .18s ease,box-shadow .18s ease!important}
button:hover,.btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(30,92,204,.23)!important}
.btn.alt{background:#fff!important;color:#23436e!important;border-color:#cbd7e5!important;box-shadow:none!important}
.forgot{color:#285ca8!important}
.note,.intro,.security,.tip{color:var(--account-muted)!important}
.err{border:1px solid #fecaca!important;border-left:4px solid #dc2626!important;border-radius:10px!important}
.ok{border:1px solid #bbf7d0!important;border-left:4px solid #16a34a!important;border-radius:10px!important}

/* Siparişlerim */
body>.top{background:#10294e!important;box-shadow:0 8px 25px rgba(16,41,78,.18)!important}
body>.top .brand span{color:#8db7ff!important}
body>.wrap>.title{color:#17243a!important}
.card{border-color:var(--account-line)!important;border-radius:15px!important;box-shadow:0 10px 30px rgba(28,56,94,.055)!important}
.meta div{background:#f6f9fd!important;border-color:#e2e9f1!important;border-radius:9px!important}
.badge{background:#eef3f9!important;color:#40536c!important}

@media(max-width:720px){
 .wrap{padding:20px 12px 55px!important;align-items:start!important}
 .box{margin-top:8px!important;padding:23px 18px!important;border-radius:17px!important}
 .box h1{font-size:clamp(1.65rem,8vw,2rem)!important;line-height:1.05!important}
 .actions{display:grid!important;grid-template-columns:1fr!important}
 .actions button,.actions .btn{width:100%!important}
 .grid{grid-template-columns:1fr!important}
 .full{grid-column:auto!important}
 body>.top{position:static!important;align-items:flex-start!important;padding:14px 12px!important}
 body>.top>div:last-child{display:flex!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
 body>.top>div:last-child a{padding:5px 0!important}
 .meta{grid-template-columns:1fr 1fr!important}
 .card{padding:15px!important}
 .card .actions{grid-template-columns:1fr!important}
 .card .actions .btn{width:100%!important}
}
@media(max-width:390px){.meta{grid-template-columns:1fr!important}.box{padding:21px 15px!important}}
@media(prefers-reduced-motion:reduce){button,.btn,input,textarea,select{transition:none!important}}
