/* ZyroDevv V1.7.2-HF62 — Owner Web / Founder Web identity */

/* Founder access card on dashboard */
.founder-access-banner{
  overflow:hidden;
  isolation:isolate;
  border:2px solid #223b50!important;
  background:
    radial-gradient(circle at 88% 15%,rgba(70,92,255,.16),transparent 30%),
    radial-gradient(circle at 8% 90%,rgba(24,194,205,.16),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f1fbff 46%,#f7f4ff 100%)!important;
  box-shadow:0 9px 0 #203646,0 22px 46px rgba(30,77,112,.13)!important;
}
.founder-access-banner:before{
  content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;
  background:conic-gradient(from 30deg,transparent 0 32%,rgba(0,188,212,.18) 38%,rgba(92,74,255,.18) 44%,transparent 50% 100%);
  animation:founderAuraSpin 12s linear infinite;
}
.founder-access-banner:after{
  content:"FOUNDER";position:absolute;right:22px;bottom:-10px;z-index:-1;
  font-size:62px;font-weight:1000;letter-spacing:.08em;color:rgba(27,73,105,.035);
}
.founder-lock{background:linear-gradient(145deg,#e8fbff,#ede9ff)!important;color:#1d5faf!important;box-shadow:inset 0 0 0 1px #b8d9f4,0 8px 18px rgba(37,99,235,.12)!important;animation:founderFloat 2.8s ease-in-out infinite}
.founder-role-badges span:first-child{background:linear-gradient(135deg,#dffcff,#e9e5ff)!important;color:#13598c!important;border-color:#85cbe5!important;box-shadow:0 5px 15px rgba(20,110,160,.10)!important}
.founder-role-badges span:last-child{background:#fff!important;color:#5b3fd0!important;border-color:#c8bef8!important}
.founder-access-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.founder-access-list span{padding:5px 8px;border-radius:999px;border:1px solid #cfe0ec;background:rgba(255,255,255,.82);color:#486076;font-size:9.5px;font-weight:850;white-space:nowrap}
.founder-admin-btn{text-decoration:none!important;white-space:nowrap}

/* Pinned Owner Web card on users page */
.user-row.owner-web-row{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:116px;padding:18px!important;
  border:2px solid #263d50!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(96,75,255,.16),transparent 28%),
    radial-gradient(circle at 0% 100%,rgba(16,195,205,.16),transparent 30%),
    linear-gradient(120deg,#fff 0%,#eefbff 52%,#f8f5ff 100%)!important;
  box-shadow:0 8px 0 #213747,0 18px 40px rgba(24,74,111,.14)!important;
  order:-9999;
}
.user-row.owner-web-row:before{
  content:"";position:absolute;inset:-2px;z-index:0;border-radius:inherit;
  background:linear-gradient(110deg,#18c1ca,#2d7df0,#7549f6,#18c1ca);background-size:260% 100%;
  animation:ownerBorderFlow 5s linear infinite;
}
.user-row.owner-web-row:after{
  content:"";position:absolute;inset:2px;z-index:1;border-radius:16px;
  background:linear-gradient(120deg,rgba(255,255,255,.97),rgba(239,251,255,.97),rgba(249,246,255,.97));
}
.owner-web-row > *{position:relative;z-index:2}
.owner-aura{position:absolute!important;z-index:2!important;right:-22px;top:-38px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(62,112,255,.16),transparent 68%);animation:ownerPulse 3.2s ease-in-out infinite;pointer-events:none}
.owner-pin{position:absolute;top:10px;right:12px;z-index:3;display:grid;place-items:center;width:27px;height:27px;border:1px solid #bdd4e5;border-radius:9px;background:rgba(255,255,255,.88);color:#3167ac;font-size:11px;box-shadow:0 5px 14px rgba(34,76,110,.10);animation:ownerPinFloat 2.6s ease-in-out infinite}
.user-avatar-wrap{position:relative;flex:0 0 auto}
.owner-avatar-wrap img{width:66px!important;height:66px!important;border:2px solid #29455c!important;box-shadow:0 5px 0 rgba(33,55,71,.16),0 10px 26px rgba(48,86,131,.15)!important}
.owner-crown{position:absolute;right:-7px;top:-9px;width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#e8fcff,#ede8ff);border:1.5px solid #6caad5;color:#315bb2;font-size:13px;font-weight:900;box-shadow:0 5px 13px rgba(48,91,160,.18);animation:ownerCrownGlow 2s ease-in-out infinite}
.owner-web-row .user-copy>b{font-size:18px!important;color:#10283d!important}
.owner-subline{display:block;margin-top:7px;color:#557087;font-size:9px;font-weight:900;letter-spacing:.09em;white-space:normal}
.owner-web-chip{position:relative;color:#144f80!important;background:linear-gradient(135deg,#e1fbff,#ece8ff)!important;border:1.5px solid #7fb6d9!important;box-shadow:0 6px 16px rgba(48,99,157,.11)!important;font-weight:950!important}

@keyframes ownerBorderFlow{0%{background-position:0 50%}100%{background-position:260% 50%}}
@keyframes ownerPulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes ownerPinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ownerCrownGlow{0%,100%{box-shadow:0 5px 13px rgba(48,91,160,.18)}50%{box-shadow:0 5px 18px rgba(89,72,235,.32)}}
@keyframes founderAuraSpin{to{transform:rotate(360deg)}}
@keyframes founderFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(3deg)}}

@media(max-width:780px){
  .founder-access-banner{align-items:flex-start!important;gap:14px!important}
  .founder-access-banner .role-banner-main{align-items:flex-start!important}
  .founder-access-banner .founder-admin-btn{width:100%;text-align:center}
  .founder-access-list{gap:5px}.founder-access-list span{font-size:8.7px;padding:5px 7px}
  .user-row.owner-web-row{min-height:126px;padding:16px 14px!important}
  .owner-avatar-wrap img{width:62px!important;height:62px!important}
  .owner-web-row .user-main{padding-right:22px}
  .owner-web-chip{font-size:11px!important;padding:7px 11px!important}
}
@media(prefers-reduced-motion:reduce){
  .founder-access-banner:before,.founder-lock,.user-row.owner-web-row:before,.owner-aura,.owner-pin,.owner-crown{animation:none!important}
}