/* Motor İçin Her Şey — Black Edition | Müşteri Alanı v1.8.0 */
:root{--customer-accent:#f12f4f;--customer-ink:#eaf0f7;--customer-subtle:#a5afbd;--customer-stroke:#303a46;--customer-surface:#111820;--customer-surface2:#1b242f}
.customer-auth-layout,.customer-dashboard,.customer-subpage{color:var(--customer-ink);padding-top:28px}
.c-eyebrow{color:#ff647c;font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.customer-auth-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:26px;align-items:start;max-width:1160px;margin:auto}
.customer-auth-side{position:sticky;top:24px;min-height:620px;border:1px solid #51303b;border-radius:18px;padding:52px 44px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 85% 80%,#80243a87,transparent 55%),linear-gradient(145deg,#1c1b25,#0b0d13 80%)}
.customer-auth-side h1{font-size:clamp(34px,3.5vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:16px 0 24px}
.customer-auth-side h1 em,.c-welcome h1 em{color:var(--customer-accent);font-style:normal}
.customer-auth-side p{font-size:15px;line-height:1.9;color:var(--customer-subtle);max-width:390px}
.c-auth-features{display:grid;gap:18px;margin-top:65px}.c-auth-features span{padding:10px 12px;border:1px solid #ffffff19;border-radius:10px;font-size:13px}
.customer-auth-panel{border:1px solid var(--customer-stroke);background:linear-gradient(150deg,#1b222c,#0e1319);border-radius:18px;padding:30px 32px;box-shadow:0 30px 80px #0005}
.c-panel-head h2{font-size:32px;margin:9px 0 6px}.c-panel-head p{margin:0 0 28px}
.c-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.c-field{min-width:0}.c-field.c-full{grid-column:1/-1}
.customer-form .c-field label{display:block;margin:0 0 7px;color:#dce4ed;font-size:12px;font-weight:750}
.customer-form label sup{color:#ff607d}.customer-form .c-field small{display:block;font-size:11px;margin:6px 0;color:var(--customer-subtle)}
.customer-form .c-field :is(input,select,textarea){width:100%;min-height:45px;padding:12px 13px;border-radius:9px;border:1px solid #42505d;background:#0c1219;color:#f0f5fa;outline:none;transition:border-color .15s,box-shadow .15s}
.customer-form .c-field :is(input,select,textarea):focus{border-color:#ec3655;box-shadow:0 0 0 3px #e8284925}
.customer-form .c-field input[disabled]{background:#18202a;color:#9ba8b9;cursor:not-allowed}
.c-field[hidden]{display:none!important}.c-consents{margin:24px 0 0;padding:20px 0 4px;border-top:1px solid var(--customer-stroke);display:grid;gap:14px}
.customer-form .c-consents .c-check{display:flex;gap:11px;align-items:flex-start;margin:0;font-size:12px;line-height:1.6;color:#d5dfe8;font-weight:500;cursor:pointer}
.c-check input[type=checkbox]{width:17px!important;height:17px;min-width:17px;margin:2px 0 0;accent-color:#ec2b4b}.c-check a{color:#ff6c88;text-decoration:underline;text-underline-offset:3px}.c-check small{color:#97a4b3}
.c-submit{margin-top:22px!important;min-height:48px;width:100%;font-size:12px;letter-spacing:.65px;border-radius:9px}.c-submit:disabled{opacity:.42;cursor:not-allowed}.c-auth-login{text-align:center;font-size:13px;color:var(--customer-subtle);margin:20px 0 0}.c-auth-login a,.c-empty a{color:#ff5675;font-weight:800}
.c-welcome{border-radius:17px;border:1px solid #4c313d;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:radial-gradient(ellipse at 91% 10%,#85183173,transparent 40%),linear-gradient(115deg,#191e26,#0d1118)}
.c-welcome h1{font-size:clamp(26px,3.5vw,42px);margin:10px 0}.c-welcome p,.c-subheader p{color:var(--customer-subtle);margin:0;font-size:13px}
.c-welcome-actions{display:flex;flex-wrap:wrap;gap:9px}.c-accent,.c-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:10px;padding:12px 15px;font-weight:800;font-size:12px;white-space:nowrap}
.c-accent{color:#fff;background:#e22648;border:1px solid #e22648}.c-accent:hover{background:#c91e3e;color:#fff}.c-ghost{color:#eceef4;border:1px solid #47515f;background:#ffffff07}.c-ghost:hover{background:#ffffff12}
.c-workspace{display:grid;grid-template-columns:244px minmax(0,1fr);gap:22px;align-items:start;margin-top:24px}
.c-sidebar{background:#111820;border:1px solid #303945;border-radius:14px;padding:20px 13px;text-align:center;position:sticky;top:16px}
.c-avatar{display:grid;place-items:center;height:61px;width:61px;margin:0 auto 13px;border:1px solid #b74a63;border-radius:15px;background:#782035;color:#fff;font-size:31px;font-weight:850}
.c-sidebar>strong{font-size:14px;display:block}.c-sidebar>small{display:block;color:#97a7b8;font-size:11px;word-break:break-all;margin:7px 0 24px}
.c-sidebar nav{display:grid;gap:3px;text-align:left}.c-sidebar nav a{display:flex;align-items:center;gap:12px;color:#bcc6d1;padding:12px 13px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid transparent}.c-sidebar nav a:hover{background:#202b37;color:#fff}.c-sidebar nav a.active{background:#49202e;border-color:#713343;color:#fff}
.c-logout{margin-top:18px;border:1px solid #45505f;color:#ccd5df;background:transparent;border-radius:8px;padding:11px;cursor:pointer;width:100%}
.c-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.c-stat{position:relative;overflow:hidden;padding:21px 17px;border:1px solid #35404c;border-radius:12px;background:linear-gradient(140deg,#1c2530,#111720)}
.c-stat span{font-size:10px;font-weight:800;letter-spacing:.3px;color:#a9b5c2}.c-stat strong{display:block;font-size:34px;margin:10px 0 2px}.c-stat small{font-size:11px;color:#97a4b2}.c-stat b{position:absolute;right:10px;top:8px;font-size:24px;color:#e4325366}
.c-attention{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #94653b;border-radius:12px;background:#362414;padding:17px 20px;margin-bottom:18px}.c-attention strong{font-size:14px}.c-attention p{color:#e0be9f;font-size:12px;margin:5px 0}
.c-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:28px 0 12px}.c-section-head h2{font-size:22px;line-height:1.2;margin:5px 0}.c-section-head a{color:#ff657f;font-size:12px;font-weight:800}
.c-bikelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-bike{display:flex;gap:13px;align-items:center;border:1px solid #313b47;border-radius:12px;background:#171f28;padding:17px;min-width:0}.c-bike-icon{display:grid;place-items:center;border-radius:12px;background:#511c2e;color:#ff6784;min-width:50px;height:50px;font-size:24px}.c-bike strong{display:block;font-size:13px;overflow-wrap:anywhere}.c-bike small{display:block;color:#a5b3c2;margin-top:5px}.c-bike>span:last-child{margin-left:auto;color:#e34f6b}
.c-empty{background:#151c24;border:1px dashed #405060;border-radius:10px;padding:24px;color:#aeb7c3;font-size:13px;grid-column:1/-1}
.c-tablewrap{border:1px solid #33404b;background:#111820;border-radius:12px;overflow:auto}.c-table{border-collapse:collapse;width:100%;min-width:530px}.c-table th,.c-table td{padding:15px 16px;border-bottom:1px solid #2d3640;text-align:left;font-size:12px}.c-table th{color:#93a0ad;background:#1a232d;font-size:10px;letter-spacing:.65px}.c-table td strong{color:#e5edf5}.c-table td small{display:block;font-size:11px;color:#8e9dad;margin-top:5px}.c-table tr:last-child td{border-bottom:0}.c-status{display:inline-block;border-radius:99px;background:#2d2d3c;border:1px solid #4b4b67;color:#e0e7ef;font-size:11px;padding:5px 10px;white-space:nowrap}
.c-quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.c-quicklinks a{border-radius:12px;border:1px solid #343f4d;padding:19px 16px;background:#171d26}.c-quicklinks a:hover{border-color:#a94058}.c-quicklinks b,.c-quicklinks span{display:block}.c-quicklinks b{font-size:13px}.c-quicklinks span{color:#a5b0be;margin-top:10px;font-size:11px;line-height:1.5}
.customer-subpage{max-width:1050px;margin:0 auto}.c-back{color:#b8c4d1;font-size:12px}.c-subheader{padding:16px 0 30px}.c-subheader h1{font-size:36px;margin:7px 0 10px}.c-subgrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.c-edit-card,.c-side-note,.c-address-card{border-radius:15px;padding:24px;background:#141c25;border:1px solid #35404d}.c-edit-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.c-edit-head h2,.c-edit-card h2{font-size:20px;margin:0 0 22px}.c-side-note{display:grid;gap:13px}.c-side-note>strong{font-size:17px}.c-side-note p{font-size:12px;color:#a7b2c0;line-height:1.65}.c-note-line{border-top:1px solid #37424e;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.c-note-line span{color:#9ca8b8}.c-readonly{background:#1c2a30;border:1px solid #37504b;padding:13px;border-radius:9px;color:#a7e1c0;font-size:12px}
.c-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-address-card{padding:20px}.c-address-head{display:flex;justify-content:space-between;color:#ff7089}.c-address-card h3{font-size:15px}.c-address-card p,.c-address-card small{color:#b5c0cd;font-size:12px;line-height:1.55}.c-delete{margin-top:10px;background:none;color:#ff7089;border:1px solid #8f4154;border-radius:8px;padding:8px 12px;cursor:pointer}.c-address-form{margin-top:20px}.c-address-form textarea{min-height:95px}.c-password-card{max-width:530px}.c-password-card .customer-form input{width:100%;border:1px solid #405066;border-radius:9px;background:#101820;color:#fff;padding:12px}
@media(max-width:1080px){.c-workspace{grid-template-columns:210px minmax(0,1fr)}.c-statgrid{grid-template-columns:repeat(2,1fr)}.customer-auth-side{padding:34px 27px}.c-quicklinks{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.customer-auth-layout{grid-template-columns:1fr}.customer-auth-side{min-height:auto;position:static;padding:29px}.customer-auth-side h1{font-size:33px}.c-auth-features{margin-top:20px}.customer-auth-panel{padding:22px 17px}.c-welcome{flex-direction:column;align-items:flex-start;padding:24px}.c-workspace{grid-template-columns:1fr}.c-sidebar{position:static}.c-sidebar nav{grid-template-columns:repeat(2,1fr)}.c-sidebar nav a{font-size:11px}.c-subgrid{grid-template-columns:1fr}.c-side-note{order:-1}.c-bikelist,.c-address-grid{grid-template-columns:1fr}}
@media(max-width:480px){.c-fields,.c-statgrid,.c-quicklinks{grid-template-columns:1fr}.c-welcome-actions{width:100%}.c-welcome-actions a{flex:1}.c-section-head h2{font-size:18px}.c-statgrid{grid-template-columns:repeat(2,1fr)}.c-stat{padding:15px}.c-stat strong{font-size:28px}.c-stat span{font-size:9px}.c-subheader h1{font-size:28px}.c-edit-card,.c-side-note{padding:18px}.c-sidebar nav{grid-template-columns:1fr 1fr}}
