/* BLUE8 customer-service cards: both desktop and mobile use one identical phone UI. */
html, body {min-height:100%;}
body:has(.blue8-support-v2) {background:#edf3fc;}
.support-page.blue8-support-v2 {
 width:100%;max-width:448px;min-height:100dvh;margin:0 auto;
 background:#f7f9fd;box-shadow:0 0 25px rgba(24,57,110,.07);
 color:#182c48;font-family:Arial,'Noto Sans SC',sans-serif;font-size:14px;
 padding:0; overflow-x:hidden;
}
.blue8-support-v2 .support-header{height:52px;position:relative;display:flex;align-items:center;justify-content:center;background:white;border-bottom:1px solid #edf1f6;}
.blue8-support-v2 .support-header h1{font-size:16px;font-weight:700;color:#142c4c;margin:0;}
.blue8-support-v2 .support-header .blue8-support-back{position:absolute;left:16px;top:0;height:52px;display:grid;place-items:center;font-size:32px;color:#4086c1;text-decoration:none;line-height:1;padding:0 5px;}
.blue8-support-content{padding:16px 12px 40px;}
.blue8-support-intro{background:white;padding:18px 14px 16px;border-radius:13px 13px 0 0;border-bottom:3px solid #d5ae55;}
.blue8-support-intro h2{font-size:21px;line-height:1.4;color:#122744;font-weight:800;margin:0 0 10px;}
.blue8-support-intro p{font-size:13px;line-height:1.5;color:#8390a0;margin:0;}
.blue8-support-list{background:white;border-radius:0 0 13px 13px;padding:0 14px 8px;}
.blue8-support-item{width:100%;display:flex;align-items:center;gap:9px;min-height:96px;padding:14px 0;border-bottom:1px solid #e9edf2;}
.blue8-support-item:last-child{border-bottom:0;}
.blue8-support-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;}
.blue8-support-telegram{display:grid;place-items:center;background:#66b5a0;color:white;}
.blue8-support-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;}
.blue8-support-details h3{font-size:15px;font-weight:700;line-height:1.3;color:#293d52;margin:0;overflow-wrap:anywhere;}
.blue8-support-account{display:flex;gap:6px;align-items:center;min-width:0;}
.blue8-support-account span{font-size:13px;color:#3a4554;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.blue8-support-copy{color:#cfa540;font-size:16px;font-weight:700;cursor:pointer;flex:0 0 auto;white-space:nowrap;padding:2px;}
.blue8-support-hours{font-size:11px;color:#9aa4b1;margin:0;line-height:1.5;}
.blue8-support-contact-button{flex:0 0 auto;white-space:nowrap;text-align:center;min-width:76px;border-radius:8px;padding:10px 9px;background:#d6af53!important;color:#fff!important;font-size:12px!important;font-weight:700;box-shadow:none!important;text-decoration:none;}
.blue8-support-contact-button:disabled{opacity:.5;}
.blue8-support-loading,.blue8-support-error{padding:24px 15px;background:white;color:#758aa2;text-align:center;font-size:13px;}
@media(max-width:380px){
 .blue8-support-item{gap:7px;}
 .blue8-support-avatar{width:38px;height:38px;flex-basis:38px;}
 .blue8-support-contact-button{min-width:68px;font-size:11px!important;padding:9px 6px;}
 .blue8-support-details h3{font-size:14px;}
 .blue8-support-account span{font-size:12px;}
}