/* YnbDigital Customer Center v1.5 */
.customer-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;padding-top:32px;padding-bottom:55px}
.customer-sidebar{background:#0d1726;border:1px solid #1e2c40;border-radius:16px;overflow:hidden;align-self:start;position:sticky;top:18px}
.customer-userbox{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #1e2c40}.customer-avatar{width:42px;height:42px;border-radius:12px;background:#17263a;display:grid;place-items:center;color:#f59e0b}.customer-userbox strong,.customer-userbox small{display:block}.customer-userbox small{color:#7f91a9;font-size:11px;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.customer-sidebar nav{padding:10px}.customer-sidebar nav a,.customer-side-bottom a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#9aabc0;text-decoration:none;font-size:14px;margin:2px 0}.customer-sidebar nav a:hover,.customer-sidebar nav a.active{background:#17263a;color:#fff}.customer-sidebar nav a.active i{color:#f59e0b}.customer-side-bottom{border-top:1px solid #1e2c40;padding:10px}
.customer-main{min-width:0}.customer-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.customer-head h1{font-size:29px;margin:4px 0 5px}.customer-head p{color:#8394aa;margin:0}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#f59e0b;font-weight:800}
.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.cstat{background:#0d1726;border:1px solid #1e2c40;border-radius:14px;padding:18px;display:flex;align-items:center;gap:13px}.cstat>span{width:42px;height:42px;border-radius:11px;background:#17263a;display:grid;place-items:center;color:#f59e0b}.cstat small,.cstat strong{display:block}.cstat small{font-size:11px;color:#7f91a9;margin-bottom:4px}.cstat strong{font-size:18px}
.customer-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:18px}.customer-card{background:#0d1726;border:1px solid #1e2c40;border-radius:15px;padding:20px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title h3{margin:0;font-size:16px}.card-title a{font-size:12px;color:#f59e0b;text-decoration:none}
.customer-table{width:100%;border-collapse:collapse;font-size:13px}.customer-table th{text-align:left;color:#71839b;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:10px;border-bottom:1px solid #1e2c40}.customer-table td{padding:13px 10px;border-bottom:1px solid #172335}.customer-table tr:last-child td{border-bottom:0}.responsive-table{overflow:auto}.status-pill{display:inline-flex;padding:5px 8px;border-radius:20px;background:#142b24;color:#6ee7b7;font-size:10px;font-weight:800}
.service-mini{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #172335}.service-mini:last-child{border:0}.service-icon{width:38px;height:38px;border-radius:10px;background:#17263a;display:grid;place-items:center;color:#f59e0b}.service-mini b,.service-mini small{display:block}.service-mini small{font-size:10px;color:#7f91a9;margin-top:4px}.live-dot{width:8px;height:8px;background:#34d399;border-radius:50%;box-shadow:0 0 0 4px #34d39918}
.customer-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#7f91a9}.customer-empty>i{font-size:28px;color:#41526a}.customer-empty b{color:#dce6f2}.customer-empty.compact{min-height:130px}.customer-empty .btn{margin-top:8px}
.digital-grid,.ts-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.digital-card,.ts-service{background:#0d1726;border:1px solid #1e2c40;border-radius:15px;padding:20px}.digital-top,.ts-service-head{display:flex;align-items:center;justify-content:space-between}.digital-icon{width:42px;height:42px;border-radius:11px;background:#17263a;color:#f59e0b;display:grid;place-items:center}.digital-card h3{margin:18px 0 5px}.digital-card>small{color:#75879e}.secret-code{display:grid;grid-template-columns:1fr 38px 38px;gap:6px;background:#08111d;border:1px solid #1e2c40;border-radius:10px;margin-top:16px;padding:6px}.secret-code code{padding:9px;overflow:hidden}.secret-code button{border:0;border-radius:7px;background:#17263a;color:#b9c7d8;cursor:pointer}
.ts-address{background:#08111d;border-radius:10px;padding:13px;margin:18px 0}.ts-address small,.ts-address strong{display:block}.ts-address small,.ts-info small{color:#71839b;font-size:10px;margin-bottom:4px}.ts-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ts-info>div{background:#111d2d;border-radius:9px;padding:11px}.ts-actions{display:flex;gap:8px;margin-top:16px}.mini-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #293a51;background:#17263a;color:#dbe6f2;border-radius:8px;padding:8px 10px;text-decoration:none;font-size:12px;cursor:pointer}.slot-panel{display:none;background:#08111d;border-radius:10px;padding:13px;margin-top:12px}.slot-panel.show{display:block}.slot-panel p{font-size:11px;color:#7f91a9}.slot-panel input{width:80%;vertical-align:middle;margin-right:10px}
.favorite-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #172335}.favorite-img{width:50px;height:50px;border-radius:9px;background:#17263a;display:grid;place-items:center;overflow:hidden}.favorite-img img{width:100%;height:100%;object-fit:cover}.favorite-row b,.favorite-row small{display:block}.favorite-row small{color:#f59e0b;margin-top:4px}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-form{display:grid;gap:14px}.customer-form label{display:grid;gap:7px;font-size:12px;color:#9aabc0}.customer-form input{background:#08111d;border:1px solid #27384f;color:#fff;border-radius:9px;padding:11px 12px;outline:0}.customer-form input:focus{border-color:#f59e0b}.customer-form small{font-size:10px;color:#64748b}.customer-alert{padding:12px 14px;border-radius:9px;margin-bottom:15px}.customer-alert.success{background:#0d2b22;color:#6ee7b7}.customer-alert.error{background:#35171b;color:#fca5a5}
.order-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.order-progress>div{background:#0d1726;border:1px solid #1e2c40;border-radius:11px;padding:13px;color:#64748b;display:flex;gap:8px;align-items:center;font-size:12px}.order-progress>div.done{color:#6ee7b7;border-color:#214738}.order-items>div,.delivery-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #172335}.order-items>div:last-child,.delivery-row:last-child{border:0}.order-items span b,.order-items span small,.delivery-row span b,.delivery-row span small{display:block}.order-items small,.delivery-row small{color:#71839b;font-size:10px;margin-top:4px}.delivery-row code{background:#08111d;padding:9px;border-radius:7px}
@media(max-width:980px){.customer-shell{grid-template-columns:1fr}.customer-sidebar{position:static}.customer-sidebar nav{display:flex;overflow:auto}.customer-sidebar nav a{white-space:nowrap}.customer-side-bottom,.customer-userbox{display:none}.customer-stats{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:1fr}.digital-grid,.ts-service-grid{grid-template-columns:1fr}}
@media(max-width:650px){.customer-shell{padding-top:16px}.customer-head{align-items:flex-start;flex-direction:column}.customer-head h1{font-size:24px}.customer-stats{grid-template-columns:1fr 1fr}.cstat{padding:13px}.cstat>span{display:none}.account-grid{grid-template-columns:1fr}.customer-card{padding:15px}.ts-info{grid-template-columns:1fr}.order-progress{grid-template-columns:1fr}.digital-grid{grid-template-columns:1fr}}