/* ============================================================
   TeleBeing V900H Media CSS Physical Bundle
   Generated: 2026-05-16 00:53:49
   Source folder: /assets/css/
   ============================================================ */


/* ================= SOURCE: zbusiness-card-v799a.css ================= */

/* TeleBeing V799A - Visual Maturity Foundation */

.tb-intel-results .zbiz-card,
.tb-intel-results .tb-business-card,
.tb-intel-results .tb-zbusiness-card,
.tb-intel-results .tb-business-profile-card{
    background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
    border:1px solid #e2e8f0 !important;
    border-radius:28px !important;
    padding:22px !important;
    box-shadow:0 18px 44px rgba(15,23,42,.08) !important;
}

/* Better card opening impression */
.tb-v799a-hero-band{
    margin:-6px -6px 16px;
    padding:15px;
    border-radius:22px;
    background:linear-gradient(135deg,#f8fafc,#eef6ff);
    border:1px solid #dbeafe;
}

.tb-v799a-hero-title{
    color:#0f172a;
    font-size:18px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:-.035em;
}

.tb-v799a-hero-sub{
    margin-top:6px;
    color:#64748b;
    font-size:12.5px;
    line-height:1.45;
    font-weight:750;
}

/* Softer section rhythm */
.tb-v798a-conversion-note,
.tb-v798b-media-panel,
.tb-v798b-media-empty,
.tb-v798c-cta-strip,
.tb-v798d-owner-box{
    margin-top:16px !important;
    margin-bottom:14px !important;
}

/* Improve business copy reading */
.tb-intel-results .zbiz-card p,
.tb-intel-results .tb-business-card p,
.tb-intel-results .tb-zbusiness-card p,
.tb-intel-results .tb-business-profile-card p{
    color:#334155 !important;
    line-height:1.68 !important;
    font-size:14px !important;
}

/* Make AI/Trust score row feel more modern when affected by existing markup */
.tb-v799a-score-soft{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:11px !important;
    font-weight:900 !important;
    margin:3px !important;
}

/* Better final intelligence flow spacing */
.tb-v789-suggestions,
.tb-v792-recommendation,
.tb-v793-conversation,
.tb-v794-compare{
    border-radius:28px !important;
}

/* Mobile maturity */
@media(max-width:640px){

    .tb-intel-results .zbiz-card,
    .tb-intel-results .tb-business-card,
    .tb-intel-results .tb-zbusiness-card,
    .tb-intel-results .tb-business-profile-card{
        border-radius:22px !important;
        padding:16px !important;
        box-shadow:0 12px 30px rgba(15,23,42,.075) !important;
    }

    .tb-v799a-hero-band{
        margin:-3px -3px 14px;
        padding:13px;
        border-radius:18px;
    }

    .tb-v799a-hero-title{
        font-size:16.5px;
    }

    .tb-v799a-hero-sub{
        font-size:12px;
    }
}



/* ================= SOURCE: zbusiness-card-v799b.css ================= */

/* TeleBeing V799B - Real Thumbnail Layout Preparation */

.tb-v799b-thumb-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-top:11px;
}

.tb-v799b-thumb{
    position:relative;
    min-height:78px;
    border-radius:16px;
    overflow:hidden;
    background:linear-gradient(135deg,#e0f2fe,#ffffff);
    border:1px solid #bae6fd;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0369a1;
    font-size:12px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(14,165,233,.07);
}

.tb-v799b-thumb span{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(186,230,253,.9);
}

.tb-v799b-thumb:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 25% 25%,rgba(255,255,255,.9),rgba(255,255,255,0) 32%),
        linear-gradient(135deg,rgba(14,165,233,.18),rgba(245,184,51,.12));
}

.tb-v799b-thumb-video{
    background:linear-gradient(135deg,#ede9fe,#ffffff);
    border-color:#c4b5fd;
    color:#5b21b6;
}

.tb-v799b-thumb-post{
    background:linear-gradient(135deg,#fff7ed,#ffffff);
    border-color:#fed7aa;
    color:#9a3412;
}

.tb-v799b-media-caption{
    margin-top:10px;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    font-weight:750;
}

/* Upgrade existing media panel to look thumbnail-ready */
.tb-v798b-media-panel{
    padding:14px !important;
}

.tb-v798b-media-items{
    display:none !important;
}

/* Empty profile media upgrade */
.tb-v799b-empty-visual{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.tb-v799b-empty-slot{
    min-height:62px;
    border-radius:14px;
    border:1px dashed #fdba74;
    background:rgba(255,255,255,.68);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9a3412;
    font-size:11px;
    font-weight:900;
}

/* Mobile */
@media(max-width:640px){

    .tb-v799b-thumb-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .tb-v799b-thumb{
        min-height:72px;
        border-radius:14px;
    }

    .tb-v799b-empty-visual{
        grid-template-columns:1fr;
    }

    .tb-v799b-empty-slot{
        min-height:48px;
    }
}



/* ================= SOURCE: zbusiness-card-v799c.css ================= */


/* ============================================================
   TeleBeing V799C - Real Media Injection Layer
   ============================================================ */

.tb-v799c-real-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

.tb-v799c-media-card{
    position:relative;
    min-height:96px;
    overflow:hidden;
    border-radius:18px;
    background:linear-gradient(135deg,#dbeafe,#f8fafc);
    border:1px solid #bfdbfe;
    box-shadow:0 10px 22px rgba(15,23,42,.08);
}

.tb-v799c-media-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.tb-v799c-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:8px;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.02em;
}

.tb-v799c-video{
    background:linear-gradient(135deg,#ede9fe,#f8fafc);
    border-color:#c4b5fd;
}

.tb-v799c-video .tb-v799c-placeholder{
    color:#5b21b6;
}

.tb-v799c-post{
    background:linear-gradient(135deg,#fff7ed,#fefce8);
    border-color:#fed7aa;
}

.tb-v799c-post .tb-v799c-placeholder{
    color:#9a3412;
}

.tb-v799c-placeholder{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:900;
    text-align:center;
    padding:10px;
}

.tb-v799c-gallery-note{
    margin-top:10px;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    font-weight:750;
}

.tb-v799c-gallery-live{
    color:#0369a1;
    font-weight:900;
}

@media(max-width:640px){

    .tb-v799c-real-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .tb-v799c-media-card{
        min-height:88px;
        border-radius:15px;
    }
}

@media(max-width:420px){

    .tb-v799c-real-grid{
        grid-template-columns:1fr;
    }

    .tb-v799c-media-card{
        min-height:120px;
    }
}



/* ================= SOURCE: zbusiness-card-v800a.css ================= */

/* TeleBeing V800A - Backend Media Attribute Foundation */

.tb-v800-identity-strip{
    display:flex;
    align-items:center;
    gap:12px;
    margin:12px 0 14px;
    padding:12px;
    border-radius:20px;
    background:linear-gradient(135deg,#f8fafc,#ffffff);
    border:1px solid #e2e8f0;
}

.tb-v800-logo{
    width:54px;
    height:54px;
    border-radius:16px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    overflow:hidden;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#64748b;
    font-size:12px;
    font-weight:900;
}

.tb-v800-logo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.tb-v800-identity-text{
    min-width:0;
}

.tb-v800-identity-kicker{
    color:#64748b;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.tb-v800-identity-name{
    color:#0f172a;
    font-size:14px;
    font-weight:950;
    line-height:1.25;
    margin-top:3px;
}

.tb-v800-live-media{
    margin:12px 0;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #dbeafe;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(15,23,42,.07);
}

.tb-v800-banner{
    min-height:110px;
    background:linear-gradient(135deg,#dbeafe,#f8fafc);
    position:relative;
    overflow:hidden;
}

.tb-v800-banner img{
    width:100%;
    height:160px;
    object-fit:cover;
    display:block;
}

.tb-v800-banner-label{
    position:absolute;
    left:12px;
    bottom:12px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(15,23,42,.78);
    color:#ffffff;
    font-size:11px;
    font-weight:900;
}

.tb-v800-live-note{
    padding:10px 12px;
    color:#475569;
    font-size:12px;
    line-height:1.45;
    font-weight:750;
}

@media(max-width:640px){
    .tb-v800-identity-strip{
        border-radius:17px;
        padding:10px;
    }

    .tb-v800-logo{
        width:48px;
        height:48px;
        border-radius:14px;
    }

    .tb-v800-banner img{
        height:130px;
    }
}



/* ================= SOURCE: zbusiness-card-v801b.css ================= */

/* TeleBeing V801B - Live Media Consumption Layer */

.tb-v801-live-gallery{
    margin:16px 0;
    border-radius:24px;
    overflow:hidden;
    border:1px solid #dbeafe;
    background:#ffffff;
    box-shadow:0 16px 40px rgba(15,23,42,.08);
}

.tb-v801-gallery-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    background:linear-gradient(135deg,#07182f,#0b62b4);
    color:#fff;
}

.tb-v801-gallery-title{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:950;
    font-size:14px;
}

.tb-v801-gallery-actions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.tb-v801-gallery-actions a{
    color:#07182f !important;
    background:#f5b833;
    border-radius:999px;
    padding:7px 10px;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}

.tb-v801-gallery-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    gap:8px;
    padding:10px;
}

.tb-v801-media-tile{
    position:relative;
    min-height:120px;
    overflow:hidden;
    border-radius:18px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
}

.tb-v801-media-tile img{
    width:100%;
    height:100%;
    min-height:120px;
    object-fit:cover;
    display:block;
}

.tb-v801-media-tile.main{
    min-height:190px;
    grid-row:span 2;
}

.tb-v801-media-tile.main img{
    min-height:190px;
}

.tb-v801-media-label{
    position:absolute;
    left:10px;
    bottom:10px;
    padding:7px 9px;
    border-radius:999px;
    color:#fff;
    background:rgba(15,23,42,.78);
    font-size:11px;
    font-weight:900;
}

.tb-v801-video-play{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:42px;
    background:rgba(0,0,0,.12);
    text-shadow:0 2px 10px rgba(0,0,0,.6);
}

.tb-v801-note{
    padding:0 12px 12px;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    font-weight:750;
}

@media(max-width:700px){
    .tb-v801-gallery-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .tb-v801-gallery-actions{
        width:100%;
        justify-content:flex-start;
    }

    .tb-v801-gallery-grid{
        grid-template-columns:1fr 1fr;
    }

    .tb-v801-media-tile.main{
        grid-column:1 / -1;
        grid-row:auto;
    }
}

@media(max-width:430px){
    .tb-v801-gallery-grid{
        grid-template-columns:1fr;
    }

    .tb-v801-media-tile,
    .tb-v801-media-tile img{
        min-height:150px;
    }
}