
:root{
  --radis-red:#16d3d8;
  --radis-dark:#041a30;
  --radis-muted:#5d6b7b;
  --radis-line:#e9e9ec;
  --radis-bg:#f4fbfb;
}
.radis-auth-wrap,.radis-register-wrap,.radis-dashboard{font-family:inherit;box-sizing:border-box}
.radis-auth-wrap *,.radis-register-wrap *,.radis-dashboard *{box-sizing:border-box}
.radis-auth-wrap{min-height:78vh;display:flex;align-items:center;justify-content:center;padding:40px 18px;background:var(--radis-bg)}
.radis-auth-card{width:min(1080px,100%);min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.09);border:1px solid #ededf0}
.radis-auth-visual{position:relative;min-height:620px;background:linear-gradient(145deg,#101010,#2b2b2d);color:#fff;overflow:hidden}
.radis-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px}
.radis-visual-content{position:relative;z-index:2;padding:64px;display:flex;flex-direction:column;justify-content:center;height:100%}
.radis-badge{display:inline-flex;width:max-content;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-weight:800;letter-spacing:2px}
.radis-visual-content h2{font-size:40px;line-height:1.45;margin:26px 0 14px;color:#fff}
.radis-visual-content p{font-size:18px;color:#c9c9ce;line-height:2}
.radis-brand-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.radis-brand-pills span{font-size:12px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.08)}
.radis-auth-form{padding:64px;display:flex;flex-direction:column;justify-content:center}
.radis-logo-mark{width:58px;height:58px;border-radius:18px;background:var(--radis-red);color:#fff;display:flex;align-items:center;justify-content:center;font:900 30px/1 Arial;margin-bottom:20px;box-shadow:0 12px 30px rgba(230,31,45,.22)}
.radis-logo-mark.small{width:44px;height:44px;border-radius:14px;font-size:22px;margin:0}
.radis-auth-form h1,.radis-register-card h1{margin:0 0 10px;color:var(--radis-dark);font-size:31px}
.muted,.register-head p{color:var(--radis-muted);margin:0 0 28px}
.radis-auth-form label,.field label{display:block;font-size:14px;font-weight:700;color:#3a3a3c;margin:16px 0 8px}
.radis-auth-form input,.radis-register-form input,.radis-register-form select{width:100%;height:50px;border:1px solid #dedee2;border-radius:12px;padding:0 14px;background:#fff;outline:none;transition:.2s}
.radis-auth-form input:focus,.radis-register-form input:focus,.radis-register-form select:focus{border-color:#aaa;box-shadow:0 0 0 4px rgba(0,0,0,.035)}
.pass-wrap{position:relative}.pass-wrap input{padding-left:66px}
.show-pass{position:absolute;left:8px;top:8px;height:34px;border:0;background:#f1f1f3;border-radius:8px;padding:0 10px;cursor:pointer}
.remember,.terms{display:flex!important;align-items:center;gap:9px;font-weight:500!important}
.remember input,.terms input{width:auto!important;height:auto!important}
.radis-primary{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--radis-red);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(230,31,45,.2);transition:.2s}
.radis-primary:hover{transform:translateY(-1px);filter:brightness(.96)}
.radis-auth-links{display:flex;justify-content:space-between;margin-top:18px}.radis-auth-links a,.register-actions a{color:var(--radis-dark);text-decoration:none}
.radis-alert{padding:13px 15px;background:#fff2f3;border:1px solid #ffd9dc;color:#a70c18;border-radius:12px;margin:0 0 16px}
.radis-alert.success{background:#f0fff4;border-color:#c9f1d4;color:#176c2f}

.radis-register-wrap{padding:42px 18px;background:var(--radis-bg)}
.radis-register-card{width:min(1000px,100%);margin:auto;background:#fff;border:1px solid #ededf0;border-radius:24px;padding:38px;box-shadow:0 18px 60px rgba(0,0,0,.07)}
.register-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.register-head .radis-logo-mark{margin:0}
.radis-register-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.terms,.register-actions{grid-column:1/-1}.terms{margin:22px 0 16px}
.register-actions{display:flex;align-items:center;gap:18px}.register-actions .radis-primary{width:180px}
.as-link{display:inline-flex;width:auto;padding:0 24px;align-items:center;text-decoration:none}

.radis-dashboard{background:#f6f6f7;min-height:85vh;padding-bottom:60px}
.radis-topbar{background:#fff;border-bottom:1px solid #e7e7ea;padding:16px max(22px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}
.radis-topbar .brand{display:flex;align-items:center;gap:12px}.radis-topbar .brand small{display:block;color:#777;margin-top:3px}
.userbox{display:flex;align-items:center;gap:18px}.userbox a{color:var(--radis-red);text-decoration:none;font-weight:700}
.radis-hero-panel{max-width:1220px;margin:30px auto 24px;padding:40px;border-radius:24px;background:#161616;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.radis-hero-panel:after{content:"";position:absolute;left:-80px;top:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(230,31,45,.48),transparent 65%)}
.radis-hero-panel h1{margin:8px 0;font-size:38px;color:#fff}.radis-hero-panel p{color:#c7c7cb;max-width:660px;font-size:16px}
.eyebrow{font:700 12px/1 Arial;letter-spacing:2px;color:#ff5b66}
.hero-stat{min-width:230px;background:#fff;color:#111;border-radius:18px;padding:20px;position:relative;z-index:2}.hero-stat strong{display:block;font-size:22px}.hero-stat span{color:#777;font-size:13px}
.radis-card-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.radis-service-card{background:#fff;border:1px solid #e9e9ec;border-radius:20px;padding:24px;text-decoration:none;color:#111;min-height:205px;transition:.22s;box-shadow:0 8px 24px rgba(0,0,0,.035)}
.radis-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.08);border-color:#d6d6da}
.radis-service-card .ico{width:52px;height:52px;border-radius:16px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px}
.radis-service-card h3{font-size:18px;margin:0 0 8px}.radis-service-card p{color:#777;line-height:1.8;font-size:13px;margin:0 0 18px}
.radis-service-card .go{color:var(--radis-red);font-weight:800;font-size:13px}

@media(max-width:900px){
  .radis-auth-card{grid-template-columns:1fr}.radis-auth-visual{display:none}.radis-auth-form{padding:34px 24px}
  .radis-register-form{grid-template-columns:1fr}.terms,.register-actions{grid-column:auto}
  .radis-card-grid{grid-template-columns:repeat(2,1fr);padding:0 18px}
  .radis-hero-panel{margin:20px 18px;flex-direction:column;align-items:flex-start;gap:24px}
  .hero-stat{width:100%}.radis-topbar{padding:14px 18px}.userbox span{display:none}
}
@media(max-width:560px){
  .radis-register-card{padding:24px 18px}.register-head{align-items:flex-start}
  .radis-card-grid{grid-template-columns:1fr}.radis-hero-panel h1{font-size:29px}
}


/* v1.1 full-screen portal shell */
html,body.radis-portal-shell{margin:0!important;padding:0!important;background:#f4f4f5!important}
body.radis-portal-shell #wpadminbar{display:none!important}
body.radis-portal-shell{font-family:Tahoma,Arial,sans-serif}
body.radis-portal-shell #radis-portal-root{width:100%;min-height:100vh;margin:0;padding:0}
body.radis-portal-shell .entry-header,
body.radis-portal-shell .wp-site-blocks > header,
body.radis-portal-shell .wp-site-blocks > footer{display:none!important}

body.radis-portal-shell .radis-dashboard{
    width:100%;
    min-height:100vh;
    padding:0 0 64px;
    background:
      radial-gradient(circle at 10% 0%, rgba(230,31,45,.055), transparent 28%),
      #f6f6f7;
}
body.radis-portal-shell .radis-topbar{
    width:100%;
    padding:16px max(24px, calc((100vw - 1280px)/2));
    position:sticky;
    top:0;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
body.radis-portal-shell .radis-hero-panel{
    width:calc(100% - 40px);
    max-width:1280px;
    min-height:260px;
    margin:28px auto 22px;
    padding:44px 48px;
    border-radius:28px;
}
body.radis-portal-shell .radis-card-grid{
    width:calc(100% - 40px);
    max-width:1280px;
    margin:0 auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
body.radis-portal-shell .radis-service-card{
    min-height:220px;
    padding:24px;
    border-radius:22px;
}
body.radis-portal-shell .radis-service-card h3{font-size:18px}
body.radis-portal-shell .radis-service-card p{font-size:13px;min-height:47px}
body.radis-portal-shell .radis-auth-wrap,
body.radis-portal-shell .radis-register-wrap{
    width:100%;
    min-height:100vh;
    margin:0;
}

@media(max-width:1100px){
  body.radis-portal-shell .radis-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.radis-portal-shell .radis-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.radis-portal-shell .radis-hero-panel{padding:30px 24px}
}
@media(max-width:520px){
  body.radis-portal-shell .radis-card-grid{grid-template-columns:1fr}
  body.radis-portal-shell .radis-card-grid,
  body.radis-portal-shell .radis-hero-panel{width:calc(100% - 24px)}
}


/* ===== v1.2 dashboard cloned from reference layout ===== */
.radis-clone-dashboard{
  min-height:100vh;
  background:
    linear-gradient(120deg,rgba(255,220,233,.34),transparent 28%),
    linear-gradient(220deg,rgba(255,244,194,.34),transparent 30%),
    linear-gradient(35deg,rgba(214,235,255,.4),transparent 30%),
    linear-gradient(320deg,rgba(218,255,229,.36),transparent 28%),
    #fbfbfb;
  position:relative;
  overflow:hidden;
}
.radis-clone-dashboard:before{
  content:"";
  position:absolute;inset:74px 0 0;
  opacity:.22;
  pointer-events:none;
  background-image:
    linear-gradient(30deg, transparent 24%, rgba(77,104,140,.16) 25%, rgba(77,104,140,.16) 26%, transparent 27%, transparent 74%, rgba(77,104,140,.16) 75%, rgba(77,104,140,.16) 76%, transparent 77%),
    linear-gradient(150deg, transparent 24%, rgba(77,104,140,.12) 25%, rgba(77,104,140,.12) 26%, transparent 27%, transparent 74%, rgba(77,104,140,.12) 75%, rgba(77,104,140,.12) 76%, transparent 77%);
  background-size:110px 190px;
}
.radis-clone-header{
  height:76px;
  background:#073f7c;
  color:#fff;
  position:relative;
  z-index:3;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.radis-clone-header-inner{
  max-width:1280px;
  height:100%;
  margin:auto;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.radis-clone-brand{display:flex;align-items:center;gap:12px}
.radis-clone-logo{
  width:46px;height:46px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:#073f7c;font:900 26px/1 Arial;
}
.radis-clone-brand-text strong{display:block;font-size:18px}
.radis-clone-brand-text small{display:block;font-size:10px;opacity:.75;margin-top:3px;letter-spacing:1px}
.radis-clone-user{display:flex;align-items:center;gap:18px;font-size:14px}
.radis-clone-user a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);padding:8px 13px;border-radius:9px}
.radis-clone-main{position:relative;z-index:2;padding:56px 24px 76px}
.radis-clone-grid{
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:44px 38px;
  align-items:start;
}
.radis-clone-card{
  grid-column:span 2;
  height:168px;
  background:#fff;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(24,31,42,.22);
  text-decoration:none!important;
  color:#181818!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  transition:.18s ease;
  border:1px solid rgba(0,0,0,.04);
}
.radis-clone-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 28px rgba(24,31,42,.25);
}
.radis-clone-card.c11{grid-column:4/span 2}
.radis-clone-card.c12{grid-column:6/span 2}
.radis-clone-icon{
  width:82px;height:82px;
  display:flex;align-items:center;justify-content:center;
}
.radis-clone-icon svg{
  width:82px;height:82px;
  fill:none;
  stroke:#3d91cf;
  stroke-width:3.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.radis-icon-shield svg,.radis-icon-report svg{stroke:#3388c6}
.radis-icon-megaphone svg{stroke:#3b90ce}
.radis-clone-title{
  font-size:17px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}
@media(max-width:1050px){
  .radis-clone-grid{grid-template-columns:repeat(6,1fr);gap:30px 26px}
  .radis-clone-card{grid-column:span 2}
  .radis-clone-card.c11,.radis-clone-card.c12{grid-column:span 2}
}
@media(max-width:700px){
  .radis-clone-header{height:auto;padding:12px 0}
  .radis-clone-brand-text small{display:none}
  .radis-clone-user span{display:none}
  .radis-clone-main{padding:28px 16px 50px}
  .radis-clone-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .radis-clone-card,.radis-clone-card.c11,.radis-clone-card.c12{grid-column:span 1;height:150px}
  .radis-clone-icon,.radis-clone-icon svg{width:68px;height:68px}
  .radis-clone-title{font-size:15px}
}
@media(max-width:430px){
  .radis-clone-grid{grid-template-columns:1fr}
  .radis-clone-card,.radis-clone-card.c11,.radis-clone-card.c12{grid-column:1}
}


/* ===== v1.3 brand color refresh based on Radis logo ===== */
.radis-auth-visual{
  background:
    radial-gradient(circle at 25% 25%, rgba(22,211,216,.26), transparent 22%),
    radial-gradient(circle at 75% 70%, rgba(22,211,216,.18), transparent 28%),
    linear-gradient(145deg,#031524,#082d4d 58%, #0a3a5d);
}
.radis-badge.logo-badge{
  background:rgba(255,255,255,.95);
  border-color:rgba(255,255,255,.5);
  padding:10px 18px;
}
.radis-badge-logo{
  display:block;
  width:170px;
  height:auto;
}
.radis-brand-mark{
  display:block;
  width:170px;
  max-width:100%;
  height:auto;
  margin:0 0 18px;
}
.radis-primary{
  box-shadow:0 10px 24px rgba(22,211,216,.22);
}
.radis-logo-mark{display:none;}
.show-pass{
  background:#eafbfb;
  color:#06314f;
}
.radis-auth-links a,.register-actions a{
  color:#0a3556;
}
.radis-alert{
  background:#eefcfd;
  border-color:#c7f6f8;
  color:#075a63;
}
.radis-auth-form input:focus,.radis-register-form input:focus,.radis-register-form select:focus{
  border-color:#7adfe3;
  box-shadow:0 0 0 4px rgba(22,211,216,.12);
}

/* dashboard */
.radis-clone-dashboard{
  background:
    linear-gradient(120deg,rgba(22,211,216,.10),transparent 24%),
    linear-gradient(220deg,rgba(0,62,102,.08),transparent 24%),
    linear-gradient(35deg,rgba(137,233,235,.12),transparent 30%),
    linear-gradient(320deg,rgba(210,246,247,.52),transparent 28%),
    #f8fcfc;
}
.radis-clone-dashboard:before{
  background-image:
    linear-gradient(30deg, transparent 24%, rgba(17,176,184,.14) 25%, rgba(17,176,184,.14) 26%, transparent 27%, transparent 74%, rgba(17,176,184,.14) 75%, rgba(17,176,184,.14) 76%, transparent 77%),
    linear-gradient(150deg, transparent 24%, rgba(4,26,48,.08) 25%, rgba(4,26,48,.08) 26%, transparent 27%, transparent 74%, rgba(4,26,48,.08) 75%, rgba(4,26,48,.08) 76%, transparent 77%);
}
.radis-clone-header{
  background:linear-gradient(90deg,#05182d,#0a2844 48%, #0b3253);
}
.radis-clone-logo-wrap{
  background:#fff;
  border-radius:14px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.radis-clone-logo-img{
  display:block;
  height:40px;
  width:auto;
}
.radis-clone-brand-text strong{
  color:#ffffff;
}
.radis-clone-brand-text small{
  color:rgba(255,255,255,.8);
}
.radis-clone-user a{
  background:rgba(22,211,216,.14);
  border-color:rgba(22,211,216,.32);
}
.radis-clone-card{
  box-shadow:0 10px 22px rgba(7,34,58,.14);
}
.radis-clone-card:hover{
  box-shadow:0 16px 32px rgba(7,34,58,.18);
  border-color:rgba(22,211,216,.18);
}
.radis-clone-icon svg{
  stroke:#18cfd4;
}
.radis-icon-shield svg,.radis-icon-report svg,.radis-icon-megaphone svg{
  stroke:#10bdc3;
}
.radis-clone-title{
  color:#071c33;
}

@media(max-width:700px){
  .radis-brand-mark{width:135px}
  .radis-badge-logo{width:136px}
  .radis-clone-logo-img{height:32px}
}


/* ===== v1.4 editable branding variables ===== */
.radis-clone-dashboard{
  --radis-accent:#18cfd4;
  --radis-header:#071c33;
}
.radis-clone-header{background:var(--radis-header)!important}
.radis-clone-icon svg{stroke:var(--radis-accent)!important}
.radis-clone-card:hover{border-color:rgba(24,207,212,.28)}
.radis-clone-user a{border-color:rgba(24,207,212,.38);background:rgba(24,207,212,.13)}


/* ===== v1.4.1 mobile white-screen safeguards ===== */
html,body.radis-portal-shell{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:#f7fbfc!important;
}
body.radis-portal-shell #radis-portal-root{
  display:block!important;
  width:100%!important;
  min-height:100vh!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:700px){
  body.radis-portal-shell .radis-auth-wrap{
    min-height:100vh!important;
    padding:16px!important;
    align-items:center!important;
    background:#f4fbfb!important;
  }
  body.radis-portal-shell .radis-auth-card{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    max-width:520px!important;
    margin:auto!important;
    border-radius:22px!important;
  }
  body.radis-portal-shell .radis-auth-visual{display:none!important}
  body.radis-portal-shell .radis-auth-form{
    display:block!important;
    width:100%!important;
    padding:28px 20px!important;
  }
  body.radis-portal-shell .radis-register-wrap{
    min-height:100vh!important;
    padding:14px!important;
    background:#f4fbfb!important;
  }
  body.radis-portal-shell .radis-register-card{
    width:100%!important;
    margin:0!important;
  }
  body.radis-portal-shell .radis-clone-dashboard{
    display:block!important;
    min-height:100vh!important;
  }
  body.radis-portal-shell .radis-clone-main{
    display:block!important;
    width:100%!important;
  }
}


/* ===== v1.4.2 standalone Safari/mobile fallback ===== */
body.radis-portal-shell .radis-auth-wrap,
body.radis-portal-shell .radis-register-wrap,
body.radis-portal-shell .radis-clone-dashboard{
  display:flex;
  visibility:visible;
  opacity:1;
}
body.radis-portal-shell .radis-register-wrap,
body.radis-portal-shell .radis-clone-dashboard{display:block}
@supports (-webkit-touch-callout:none){
  body.radis-portal-shell .radis-auth-card{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  body.radis-portal-shell .radis-clone-card{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}


/* ===== v1.4.3 seven-card dashboard layout ===== */
.radis-clone-grid{
  grid-template-columns:repeat(12,1fr);
}
.radis-clone-card{
  grid-column:span 3;
}
.radis-clone-card.c5{
  grid-column:3/span 3;
}
.radis-clone-card.c6{
  grid-column:6/span 3;
}
.radis-clone-card.c7{
  grid-column:9/span 3;
}
.radis-clone-card.c8,
.radis-clone-card.c9,
.radis-clone-card.c10,
.radis-clone-card.c11,
.radis-clone-card.c12{
  grid-column:span 3;
}
@media(max-width:1050px){
  .radis-clone-grid{grid-template-columns:repeat(6,1fr)}
  .radis-clone-card,
  .radis-clone-card.c5,
  .radis-clone-card.c6,
  .radis-clone-card.c7{
    grid-column:span 2;
  }
}
@media(max-width:700px){
  .radis-clone-grid{grid-template-columns:repeat(2,1fr)}
  .radis-clone-card,
  .radis-clone-card.c5,
  .radis-clone-card.c6,
  .radis-clone-card.c7{
    grid-column:span 1;
  }
}
@media(max-width:430px){
  .radis-clone-grid{grid-template-columns:1fr}
  .radis-clone-card,
  .radis-clone-card.c5,
  .radis-clone-card.c6,
  .radis-clone-card.c7{
    grid-column:1;
  }
}


/* ===== v1.4.4 clickable card safeguards ===== */
.radis-clone-main,
.radis-clone-grid,
.radis-clone-card{
  position:relative;
  z-index:4;
}
.radis-clone-card{
  pointer-events:auto!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(24,207,212,.12);
  touch-action:manipulation;
}
.radis-clone-dashboard:before{
  pointer-events:none!important;
  z-index:0!important;
}
