html.futuron-app-html,
html:has(body.futuron-app-body){
  margin:0;
  padding:0;
}
body.futuron-app-body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden;
  background:#e6f1f7;
  -webkit-text-size-adjust:100%;
}
body.futuron-app-body #wpadminbar,
body.futuron-app-body .futuron-app-root > *:not(.futuron-sig-shell):not(.futuron-app-shell){
  display:none !important;
}
.futuron-app-root{
  margin:0;
  padding:0;
  min-height:100dvh;
}

.futuron-app-shell{
  --ink:#0f1b38;
  --ink-2:#1f4d73;
  --teal:#2f7a8a;
  --teal-2:#58aaba;
  --muted:#556170;
  --border:#d3e3ed;
  --panel:#f6fbff;
  --bg:#eef3f7;
  --radius:14px;
  --shadow:0 18px 38px rgba(10,35,64,0.12);
  --hub-accent:#2f7a8a;
  --hub-ink:#0f1b38;
  --hub-ink-2:#1f4d73;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100dvh;
  padding:max(12px, env(safe-area-inset-top)) 16px calc(118px + env(safe-area-inset-bottom));
  font-family:"Inter","Segoe UI",-apple-system,system-ui,sans-serif;
  color:var(--hub-ink);
  line-height:1.6;
  box-sizing:border-box;
  background:
    radial-gradient(1200px 900px at 16% 12%, rgba(46,168,194,0.22), transparent 55%),
    radial-gradient(1600px 1100px at 82% 10%, rgba(15,27,56,0.16), transparent 60%),
    linear-gradient(180deg, #f1f7fa 0%, #e6f1f7 52%, #dcebf3 100%);
}
.futuron-app-shell *{box-sizing:border-box;}
.futuron-app-shell a{color:inherit;}

.futuron-app-main{
  max-width:480px;
  margin:0 auto;
  width:100%;
}
.futuron-app-shell--wide .futuron-app-main{
  max-width:1080px;
}

.futuron-app-page-head{
  display:grid;
  gap:8px;
}
.futuron-app-page-head h1{
  margin:0;
}
.futuron-app-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  border-bottom:1px solid #d7e2ea;
  margin:4px 0 0;
}
.futuron-app-tab{
  display:inline-flex;
  align-items:center;
  padding:10px 16px 8px;
  margin-bottom:-1px;
  border:none;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#6b7a8b;
  font-size:14px;
  font-weight:700;
  font-family:inherit;
  line-height:1.3;
  text-decoration:none;
  cursor:pointer;
  transition:color .15s ease,border-color .15s ease;
}
.futuron-app-tab:hover{
  color:#1f4d73;
}
.futuron-app-tab.is-active{
  color:#0f1b38;
  border-bottom-color:#2f7a8a;
}
.futuron-app-tab-desc{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#6b7a8b;
}

.futuron-hub-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  max-width:480px;
  margin:0 auto 16px;
  padding:4px 2px;
}
.futuron-app-shell--wide .futuron-hub-topbar{
  max-width:1080px;
}
.futuron-hub-topbar-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.futuron-hub-topbar-logo{
  width:36px;
  height:36px;
  max-width:36px;
  max-height:36px;
  border-radius:10px;
  object-fit:contain;
  background:#fff;
  box-shadow:0 6px 16px rgba(10,35,64,0.1);
  flex-shrink:0;
}
.futuron-hub-topbar-titles{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.futuron-hub-topbar-name{
  font-size:15px;
  font-weight:800;
  color:var(--hub-ink);
  line-height:1.2;
}
.futuron-hub-topbar-slogan{
  font-size:11px;
  color:#556170;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.futuron-hub-logout{
  flex-shrink:0;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:var(--hub-ink-2);
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(15,27,56,0.1);
  text-decoration:none;
  box-shadow:0 4px 12px rgba(10,35,64,0.06);
}

.futuron-app-shell .futuron-emp-nav--bottom{
  display:block;
}
@media (min-width:721px){
  .futuron-app-shell .futuron-emp-nav--bottom{
    max-width:480px;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    border-radius:18px 18px 0 0;
  }
  .futuron-app-shell--wide .futuron-emp-nav--bottom{
    max-width:1080px;
  }
}

body.futuron-app-body .site,
body.futuron-app-body .site-content,
body.futuron-app-body .content-area,
body.futuron-app-body .entry-content,
body.futuron-app-body .page-content,
body.futuron-app-body .hentry,
body.futuron-app-body #content,
body.futuron-app-body #primary,
body.futuron-app-body #main,
body.futuron-app-body main.site-main{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}

.futuron-app-shell .futuron-sig-gate{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(100dvh - 120px);
  padding:8px 0 16px;
}
.futuron-app-shell .lock-card{
  width:100%;
  max-width:320px;
  margin:0 auto;
  padding:22px 18px 24px;
  text-align:center;
  background:#fff;
  border-radius:20px;
  box-shadow:var(--shadow);
  border:1px solid rgba(15,27,56,0.06);
}
.futuron-app-shell .lock-logo{
  width:56px;
  height:56px;
  max-width:56px;
  max-height:56px;
  margin:0 auto 8px;
  display:block;
  object-fit:contain;
}
.futuron-app-shell .lock-title{
  font-size:20px;
  font-weight:800;
  color:#0f1b38;
  margin:4px 0;
  line-height:1.25;
}
.futuron-app-shell .lock-sub{
  color:#1f7f9b;
  font-weight:700;
  font-size:13px;
  margin:0 0 6px;
}
.futuron-app-shell .lock-desc{
  color:#2a556e;
  font-size:13px;
  line-height:1.45;
  margin:0 0 12px;
}
.futuron-hub-gate-card{
  max-width:380px;
}
.futuron-hub-gate-notice{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  line-height:1.45;
  text-align:left;
}
.futuron-hub-gate-notice--success{
  background:#e8fff0;
  color:#1d6b34;
  border:1px solid #bfe8cb;
}
.futuron-hub-gate-notice--error{
  background:#fff1f1;
  color:#9b1c1c;
  border:1px solid #f2c7c7;
}
.futuron-hub-gate-alt{
  margin:14px 0 0;
  font-size:13px;
  color:#556170;
}
.futuron-hub-gate-alt a{
  color:#1f4d73;
  font-weight:700;
  text-decoration:none;
}
.futuron-hub-request-form{
  display:grid;
  gap:10px;
  margin-top:12px;
  text-align:left;
}
.futuron-hub-request-form label{
  display:grid;
  gap:4px;
  font-size:12px;
  font-weight:700;
  color:#2a556e;
}
.futuron-hub-request-form input{
  width:100%;
  border:1px solid #d3e3ed;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}
.futuron-hub-request-form .lock-button{
  width:100%;
  margin-top:4px;
  border:none;
  cursor:pointer;
}
.futuron-app-shell .lock-button{
  display:inline-block;
  margin-top:8px;
  border:none;
  border-radius:12px;
  padding:11px 20px;
  background:linear-gradient(180deg,#0f1b38,#1f4d73);
  color:#fff !important;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  box-shadow:0 10px 20px rgba(15,27,56,0.22);
}

@media (min-width:600px){
  .futuron-app-shell{
    padding-left:20px;
    padding-right:20px;
  }
}