/*! BSCRS CLEAN FULL PRODUCTION FINAL - v20260830clean */

/* Hide old complex/unused blocks */
html body.fascrs-reference-mode .fascrs-card-grid,
html body.fascrs-reference-mode .professional-home-final,
html body.fascrs-reference-mode .google-auth-box,
html body.fascrs-reference-mode .google-register-panel,
html body.fascrs-reference-mode a[href$="google_login.php"],
html body.fascrs-reference-mode a[href$="podcast.php"],
html body.fascrs-reference-mode a[href$="donate.php"]{
    display:none!important;
}

/* Page animation */
html body.fascrs-reference-mode main > *{
    animation:cleanFadeRise .38s ease-out both;
}
@keyframes cleanFadeRise{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:none}
}

/* Clean home */
html body.fascrs-reference-mode .clean-production-home{
    padding:24px 0 46px!important;
}
html body.fascrs-reference-mode .clean-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:22px!important;
    align-items:stretch!important;
    padding:clamp(26px,4vw,50px)!important;
    border-radius:28px!important;
    background:
        radial-gradient(circle at 16% 18%,rgba(16,185,201,.22),transparent 26%),
        linear-gradient(135deg,#07143f,#0d4fa3)!important;
    color:#fff!important;
    box-shadow:0 22px 58px rgba(7,20,63,.24)!important;
}
html body.fascrs-reference-mode .clean-hero h1{
    margin:8px 0 12px!important;
    color:#fff!important;
    font-size:clamp(42px,5vw,72px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
}
html body.fascrs-reference-mode .clean-hero p{
    color:#eaf6ff!important;
    font-size:18px!important;
    line-height:1.7!important;
    max-width:880px!important;
    font-weight:700!important;
}
html body.fascrs-reference-mode .clean-hero-buttons{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin-top:22px!important;
}
html body.fascrs-reference-mode .clean-hero-buttons .btn{
    border-radius:999px!important;
    padding:13px 20px!important;
}
html body.fascrs-reference-mode .clean-hero-guide{
    display:grid!important;
    align-content:center!important;
    gap:10px!important;
    background:rgba(255,255,255,.13)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:22px!important;
    padding:18px!important;
}
html body.fascrs-reference-mode .clean-hero-guide > strong{
    color:#fff!important;
    font-size:20px!important;
}
html body.fascrs-reference-mode .clean-hero-guide a{
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    gap:10px!important;
    align-items:center!important;
    background:#fff!important;
    border-radius:14px!important;
    padding:12px!important;
    text-decoration:none!important;
}
html body.fascrs-reference-mode .clean-hero-guide b{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#10b9c9!important;
    color:#fff!important;
}
html body.fascrs-reference-mode .clean-hero-guide span{
    color:#07143f!important;
    font-weight:900!important;
}
html body.fascrs-reference-mode .clean-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    margin:22px 0!important;
}
html body.fascrs-reference-mode .clean-action-card,
html body.fascrs-reference-mode .clean-path-grid a,
html body.fascrs-reference-mode .clean-panel,
html body.fascrs-reference-mode .clean-support-strip,
html body.fascrs-reference-mode .easy-method-panel,
html body.fascrs-reference-mode .portal-action-module-center{
    background:#fff!important;
    border:1px solid #d9e6f3!important;
    border-radius:22px!important;
    box-shadow:0 12px 32px rgba(7,20,63,.07)!important;
}
html body.fascrs-reference-mode .clean-action-card{
    display:grid!important;
    gap:8px!important;
    min-height:154px!important;
    padding:18px!important;
    text-decoration:none!important;
    color:#223044!important;
    border-top:5px solid #0d4fa3!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body.fascrs-reference-mode .clean-action-card.primary{
    border-top-color:#10b9c9!important;
    background:linear-gradient(180deg,#ffffff,#f5fbff)!important;
}
html body.fascrs-reference-mode .clean-action-card:hover,
html body.fascrs-reference-mode .clean-path-grid a:hover,
html body.fascrs-reference-mode .clean-list a:hover{
    transform:translateY(-4px)!important;
    border-color:#10b9c9!important;
    box-shadow:0 18px 44px rgba(7,20,63,.12)!important;
}
html body.fascrs-reference-mode .clean-action-card strong,
html body.fascrs-reference-mode .clean-path-grid strong{
    color:#07143f!important;
    font-size:20px!important;
}
html body.fascrs-reference-mode .clean-action-card span,
html body.fascrs-reference-mode .clean-path-grid span{
    color:#52627a!important;
    line-height:1.5!important;
    font-weight:750!important;
}
html body.fascrs-reference-mode .clean-action-card em{
    align-self:end!important;
    color:#0d4fa3!important;
    font-style:normal!important;
    font-weight:900!important;
}
html body.fascrs-reference-mode .clean-path-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin:22px 0!important;
}
html body.fascrs-reference-mode .clean-path-grid a{
    display:grid!important;
    gap:7px!important;
    padding:18px!important;
    text-decoration:none!important;
    border-left:5px solid #0d4fa3!important;
}
html body.fascrs-reference-mode .clean-content-grid{
    display:grid!important;
    grid-template-columns:1.25fr .75fr!important;
    gap:18px!important;
    margin:22px 0!important;
}
html body.fascrs-reference-mode .clean-panel{
    padding:22px!important;
}
html body.fascrs-reference-mode .clean-panel-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    border-bottom:1px solid #e6eef8!important;
    padding-bottom:12px!important;
    margin-bottom:14px!important;
}
html body.fascrs-reference-mode .clean-panel-head h2{
    margin:0!important;
    color:#07143f!important;
}
html body.fascrs-reference-mode .clean-list{
    display:grid!important;
    gap:10px!important;
}
html body.fascrs-reference-mode .clean-list a{
    display:grid!important;
    gap:4px!important;
    padding:13px!important;
    border:1px solid #e6eef8!important;
    background:#f8fbff!important;
    border-radius:14px!important;
    text-decoration:none!important;
}
html body.fascrs-reference-mode .clean-list strong{
    color:#07143f!important;
}
html body.fascrs-reference-mode .clean-list span{
    color:#52627a!important;
}
html body.fascrs-reference-mode .clean-support-strip{
    display:flex!important;
    gap:14px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:18px!important;
}
html body.fascrs-reference-mode .clean-support-strip strong{
    color:#07143f!important;
    font-size:22px!important;
}
html body.fascrs-reference-mode .clean-support-strip span{
    color:#52627a!important;
    font-weight:750!important;
}

/* Simpler portal method */
html body.fascrs-reference-mode .easy-method-panel{
    padding:20px!important;
    margin:18px 0!important;
}
html body.fascrs-reference-mode .easy-method-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}
html body.fascrs-reference-mode .easy-method-grid a{
    display:grid!important;
    gap:8px!important;
    border:1px solid #e6eef8!important;
    background:#f8fbff!important;
    border-radius:18px!important;
    padding:16px!important;
    text-decoration:none!important;
}
html body.fascrs-reference-mode .easy-method-grid b{
    width:38px!important;height:38px!important;border-radius:50%!important;
    background:#0d4fa3!important;color:#fff!important;display:grid!important;place-items:center!important;
}
html body.fascrs-reference-mode .easy-method-grid strong{
    color:#07143f!important;
}
html body.fascrs-reference-mode .easy-method-grid span{
    color:#52627a!important;font-weight:750!important;
}

/* Email template preview */
html body.fascrs-reference-mode .email-preview-frame{
    overflow:auto!important;
}
html body.fascrs-reference-mode .smtp-response-box pre{
    white-space:pre-wrap!important;
    word-break:break-word!important;
    max-height:320px!important;
    overflow:auto!important;
    background:#07143f!important;
    color:#dbeafe!important;
    padding:12px!important;
    border-radius:12px!important;
}

/* Mobile responsive everywhere */
@media(max-width:1100px){
    html body.fascrs-reference-mode .clean-hero,
    html body.fascrs-reference-mode .clean-content-grid{
        grid-template-columns:1fr!important;
    }
    html body.fascrs-reference-mode .clean-actions,
    html body.fascrs-reference-mode .easy-method-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:720px){
    html body.fascrs-reference-mode main.container.main,
    html body.fascrs-reference-mode main.main.journaltheme-main-container{
        padding:0 10px!important;
    }
    html body.fascrs-reference-mode .clean-hero{
        padding:20px!important;
        border-radius:18px!important;
    }
    html body.fascrs-reference-mode .clean-hero h1{
        font-size:34px!important;
    }
    html body.fascrs-reference-mode .clean-actions,
    html body.fascrs-reference-mode .clean-path-grid,
    html body.fascrs-reference-mode .easy-method-grid{
        grid-template-columns:1fr!important;
    }
    html body.fascrs-reference-mode .clean-hero-buttons,
    html body.fascrs-reference-mode .clean-support-strip{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    html body.fascrs-reference-mode .clean-hero-buttons .btn,
    html body.fascrs-reference-mode .clean-support-strip .btn{
        width:100%!important;
        justify-content:center!important;
    }
    html body.fascrs-reference-mode .clean-panel-head{
        display:grid!important;
    }
}
@media(prefers-reduced-motion: reduce){
    html body.fascrs-reference-mode *,
    html body.fascrs-reference-mode *:before,
    html body.fascrs-reference-mode *:after{
        animation-duration:.001ms!important;
        transition-duration:.001ms!important;
        animation-iteration-count:1!important;
    }
}