
html,body{margin:0!important;padding:0!important;background:#f5f9fa!important}
body.radis-support-shell{font-family:Tahoma,Arial,sans-serif;color:#071c33;overflow-x:hidden}
.radis-support-topbar{
  height:76px;background:var(--radis-header,#071c33);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)
}
.radis-support-topbar-inner{
  max-width:1280px;height:100%;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between
}
.radis-support-brand{display:flex;align-items:center;gap:12px}
.radis-support-logo-wrap{background:#fff;border-radius:12px;padding:7px 12px;display:flex;align-items:center}
.radis-support-logo{height:36px;width:auto;display:block}
.radis-support-brand-text strong{display:block;font-size:18px}
.radis-support-brand-text small{display:block;font-size:10px;opacity:.78;letter-spacing:1px;margin-top:3px}
.radis-support-user{display:flex;align-items:center;gap:14px;font-size:14px}
.radis-support-user a{color:#fff;text-decoration:none}
.radis-support-user .logout{border:1px solid rgba(24,207,212,.38);background:rgba(24,207,212,.12);padding:8px 13px;border-radius:9px}

.radis-support-page{min-height:calc(100vh - 76px);padding:34px 18px 60px;background:
linear-gradient(120deg,rgba(24,207,212,.08),transparent 28%),
linear-gradient(320deg,rgba(7,28,51,.04),transparent 34%),
#f7fbfc}
.radis-support-hero{max-width:1050px;margin:0 auto 20px;background:#071c33;color:#fff;border-radius:24px;padding:34px 38px}
.radis-support-hero .eyebrow{font:700 11px/1 Arial;letter-spacing:2px;color:#47dfe3}
.radis-support-hero h1{font-size:34px;margin:10px 0 8px;color:#fff}
.radis-support-hero p{margin:0;color:#c9d5df;line-height:2}
.radis-support-card{max-width:1050px;margin:auto;background:#fff;border:1px solid #e8eef0;border-radius:22px;padding:30px;box-shadow:0 14px 40px rgba(7,28,51,.08)}
.radis-support-step-title{font-size:22px;font-weight:800;margin-bottom:20px}
.radis-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.radis-support-grid .full{grid-column:1/-1}
.radis-support-grid label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.radis-support-grid input[type=text],.radis-support-grid textarea{
  width:100%;box-sizing:border-box;border:1px solid #d9e1e5;border-radius:12px;padding:12px 14px;font:inherit;outline:none;background:#fff
}
.radis-support-grid input[type=text]{height:50px}
.radis-support-grid textarea{resize:vertical}
.radis-support-grid input:focus,.radis-support-grid textarea:focus{border-color:#18cfd4;box-shadow:0 0 0 4px rgba(24,207,212,.10)}
.brand-choice{display:flex;gap:12px}
.brand-choice label{flex:1;margin:0}
.brand-choice input{display:none}
.brand-choice span{
  min-height:48px;border:1px solid #d9e1e5;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800;color:#071c33;background:#fff
}
.brand-choice input:checked + span{border-color:#18cfd4;background:#eafcfd;color:#06737a;box-shadow:0 0 0 3px rgba(24,207,212,.10)}
.radis-support-grid small{color:#7a8791}
.radis-support-submit{margin-top:22px;width:190px;height:50px;border:0;border-radius:12px;background:#18cfd4;color:#06263e;font-weight:900;cursor:pointer;font-size:15px}
.radis-support-submit[disabled]{opacity:.6;cursor:wait}
#radis-support-result{margin-top:16px;font-weight:700}
#radis-support-result.success{color:#18763a}
#radis-support-result.error{color:#b51c27}

@media(max-width:700px){
  .radis-support-topbar{height:auto;min-height:70px}
  .radis-support-topbar-inner{min-height:70px;padding:12px 14px}
  .radis-support-brand-text small{display:none}
  .radis-support-brand-text strong{font-size:15px}
  .radis-support-logo{height:30px}
  .radis-support-user span{display:none}
  .radis-support-page{padding:18px 12px 40px}
  .radis-support-hero{padding:26px 22px;border-radius:18px}
  .radis-support-hero h1{font-size:27px}
  .radis-support-card{padding:20px 16px;border-radius:18px}
  .radis-support-grid{grid-template-columns:1fr}
  .radis-support-grid .full{grid-column:auto}
  .brand-choice{flex-direction:column}
  .radis-support-submit{width:100%}
}
