:root{
    --bg:#f5f7fb;
    --panel:#fff;
    --text:#151b2d;
    --muted:#667085;
    --border:#e4e7ec;
    --accent:#151b2d;
    --ok:#12b76a;
    --danger:#b42318;
    --danger-bg:#fef3f2;
    --success-bg:#ecfdf3;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{min-height:100vh}
a{color:inherit}
.site-header{width:min(1240px,calc(100% - 40px));margin:0 auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}
.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:14px;font-weight:900}
.top-nav{display:flex;align-items:center;gap:14px}
.text-link{text-decoration:none;font-weight:700}
.btn{border:1px solid transparent;border-radius:12px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;font:inherit;font-weight:800}
.btn-primary{background:var(--accent);color:#fff}
.btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}
.btn-large{min-height:52px;padding-inline:22px}
.btn-full{width:100%}
.landing{width:min(1240px,calc(100% - 40px));margin:28px auto 80px}
.hero{background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(36px,7vw,86px);box-shadow:0 25px 80px rgba(16,24,40,.07)}
.eyebrow{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.15em}
.hero h1{max-width:850px;margin:0;font-size:clamp(46px,8vw,88px);line-height:.98;letter-spacing:-.065em}
.lead{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.preview-section{margin-top:52px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.section-head h2{margin:0;letter-spacing:-.035em;font-size:clamp(28px,4vw,42px)}
.module-badge{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;color:var(--muted);font-size:12px;font-weight:800}
.room-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.room-card,.info-card,.next-module,.profile-section,.profile-note,.form-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px}
.room-card h3{margin:18px 0 8px;font-size:21px;letter-spacing:-.025em}
.room-card p,.muted{color:var(--muted)}
.room-type{font-size:13px;font-weight:800}
.muted-card{opacity:.82}
.footer{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:24px 0 34px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-shell{width:min(480px,100%)}
.auth-brand{margin-bottom:18px}
.auth-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(26px,5vw,40px);box-shadow:0 25px 80px rgba(16,24,40,.08)}
.auth-card h1{margin:0;font-size:42px;letter-spacing:-.05em}
.auth-intro{color:var(--muted);line-height:1.55;margin:10px 0 28px}
label{display:block;margin:18px 0 8px;font-weight:800}
input[type=text],input[type=password],textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:12px 14px;font:inherit;outline:none;background:#fff;resize:vertical}
input[type=text],input[type=password]{min-height:50px}
input:focus,textarea:focus{border-color:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.13)}
form small{display:block;margin-top:7px;color:var(--muted);line-height:1.4}
.auth-card form .btn{margin-top:24px}
.auth-switch{margin:24px 0 0;text-align:center;color:var(--muted)}
.auth-switch a{color:var(--text);font-weight:800}
.alert{border-radius:12px;padding:13px 15px;margin-bottom:18px;border:1px solid var(--border);background:#fff}
.alert-error{color:var(--danger);border-color:#fecdca;background:var(--danger-bg)}
.alert-success{color:#027a48;border-color:#abefc6;background:var(--success-bg)}
.dashboard-shell{width:min(1120px,calc(100% - 40px));margin:36px auto 80px}
.dashboard-hero{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(28px,5vw,54px)}
.dashboard-hero h1{margin:0;font-size:clamp(38px,6vw,66px);letter-spacing:-.055em}
.dashboard-hero p:last-of-type{color:var(--muted);font-size:17px;max-width:760px;line-height:1.55}
.profile-dashboard-hero{display:grid;grid-template-columns:1fr 220px;gap:40px;align-items:center}
.profile-completion{border-left:1px solid var(--border);padding-left:32px}
.profile-completion strong{display:block;font-size:42px;letter-spacing:-.05em}
.profile-completion span,.profile-completion small{display:block;color:var(--muted)}
.progress{height:8px;border-radius:99px;background:#eaecf0;overflow:hidden;margin:14px 0 8px}
.progress i{display:block;height:100%;background:var(--accent);border-radius:99px}
.dashboard-grid{margin-top:18px}
.info-card{min-height:130px}
.info-label{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:18px}
.info-card strong{font-size:20px;word-break:break-word}
.next-module{margin-top:18px}
.next-module span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.next-module h2{margin:8px 0}
.next-module p{margin:0;color:var(--muted)}
.inline-form{margin:0}
.form-shell{width:min(860px,calc(100% - 40px));margin:40px auto 90px}
.form-heading{margin-bottom:24px}
.form-heading h1{margin:0;font-size:clamp(42px,7vw,64px);letter-spacing:-.055em}
.form-heading p:last-child{color:var(--muted)}
.profile-form{display:grid;gap:18px}
.form-card h2{margin:0}
.form-card p{color:var(--muted)}
.avatar-editor{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}
.avatar-row{display:flex;gap:22px;align-items:center}
.avatar-actions{flex:1}
.avatar{display:block;object-fit:cover;border-radius:50%;border:1px solid var(--border);background:#eef2f6}
.avatar-xl{width:108px;height:108px}
.avatar-xxl{width:150px;height:150px}
.check-row{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--muted);margin-top:12px}
.form-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.public-profile-shell{width:min(1050px,calc(100% - 40px));margin:45px auto 90px}
.public-profile-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(28px,6vw,60px);display:flex;gap:36px;align-items:center}
.profile-main{min-width:0}
.profile-username{color:var(--muted);font-weight:800;margin:0 0 8px}
.profile-main h1{margin:0;font-size:clamp(40px,6vw,68px);letter-spacing:-.055em;overflow-wrap:anywhere}
.profile-bio{max-width:700px;line-height:1.65;font-size:17px}
.profile-stat-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;color:var(--muted)}
.profile-stat-row strong{color:var(--text)}
.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.profile-section h2{margin:0 0 18px}
.tag-list{display:flex;flex-wrap:wrap;gap:9px}
.tag{border:1px solid var(--border);background:#f9fafb;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.profile-note{margin-top:18px;display:flex;justify-content:space-between;gap:18px;color:var(--muted)}
.profile-note strong{color:var(--text)}
@media(max-width:760px){
    .site-header,.landing,.footer,.dashboard-shell,.form-shell,.public-profile-shell{width:min(100% - 24px,1240px)}
    .site-header{min-height:72px}
    .brand>span:last-child{display:none}
    .room-grid,.dashboard-grid,.profile-columns{grid-template-columns:1fr}
    .section-head,.footer,.profile-note{align-items:flex-start;flex-direction:column}
    .hero-actions .btn{width:100%}
    .profile-dashboard-hero{grid-template-columns:1fr}
    .profile-completion{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}
    .avatar-editor{grid-template-columns:1fr}
    .avatar-row{align-items:flex-start;flex-direction:column}
    .public-profile-card{align-items:flex-start;flex-direction:column}
    .avatar-xxl{width:120px;height:120px}
}


/* Module 04 — Create Room */
.room-form-shell{width:min(980px,calc(100% - 40px))}
.knowledge-rule,.notice{border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:18px;background:#fff;display:flex;gap:8px;flex-wrap:wrap}
.knowledge-rule{background:#f8fafc}
.knowledge-rule strong{color:var(--text)}
.knowledge-rule span,.notice{color:var(--muted)}
.notice a{font-weight:800;color:var(--text)}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.choice-card{margin:0;cursor:pointer}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-content{height:100%;display:block;border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff;transition:.15s ease}
.choice-content strong,.choice-content small{display:block}
.choice-content strong{font-size:16px;margin:8px 0 5px}
.choice-content small{color:var(--muted);line-height:1.45}
.choice-icon{font-size:24px}
.choice-card input:checked + .choice-content{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;background:#f9fafb}
.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
select,input[type=datetime-local]{width:100%;min-height:50px;border:1px solid #d0d5dd;border-radius:12px;padding:0 14px;font:inherit;background:#fff}
.inline-choice{display:flex;gap:10px;flex-wrap:wrap}
.pill-choice{margin:0}
.pill-choice input{position:absolute;opacity:0;pointer-events:none}
.pill-choice span{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 16px;background:#fff;cursor:pointer;font-weight:800}
.pill-choice input:checked + span{background:var(--accent);color:#fff;border-color:var(--accent)}
.is-hidden{display:none!important}
.field-error{color:var(--danger)!important;font-weight:700}
.page-title-row h1{margin:0;font-size:clamp(42px,7vw,68px);letter-spacing:-.055em}
.page-title-row p:last-child{color:var(--muted)}
.room-count-grid{margin-bottom:18px}
.empty-state{background:#fff;border:1px solid var(--border);border-radius:24px;padding:54px;text-align:center}
.empty-state .empty-icon{font-size:48px}
.empty-state h2{font-size:32px;letter-spacing:-.04em;margin:12px 0 6px}
.empty-state p{color:var(--muted);margin:0 auto 24px;max-width:560px}
.room-list{display:grid;gap:14px}
.managed-room-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.managed-room-main h2{margin:8px 0;font-size:24px;letter-spacing:-.03em}
.managed-room-main p{margin:0;color:var(--muted)}
.managed-room-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.room-meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:700}
.status-badge{border-radius:999px;padding:5px 9px;font-size:11px;letter-spacing:.06em}
.status-scheduled{background:#eef4ff;color:#3538cd}
.status-live{background:#ecfdf3;color:#027a48}
.status-ended{background:#f2f4f7;color:#475467}
.status-cancelled{background:#fef3f2;color:#b42318}
.room-detail-shell{width:min(1100px,calc(100% - 40px));margin:40px auto 90px}
.room-detail-hero{background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(30px,6vw,62px)}
.room-detail-hero h1{font-size:clamp(42px,7vw,76px);line-height:1;letter-spacing:-.06em;margin:18px 0 26px;max-width:950px}
.host-mini{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.host-mini small,.host-mini strong{display:block}
.host-mini small{color:var(--muted);margin-bottom:3px}
.avatar-sm{width:48px;height:48px}
.room-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.room-facts span{border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.room-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.long-copy{white-space:normal;color:var(--muted);line-height:1.7}
.objective-card{background:#f8fafc}
.live-placeholder{margin-top:18px;background:#151b2d;color:#fff;border-radius:26px;padding:clamp(28px,5vw,50px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.live-placeholder .eyebrow,.live-placeholder p{color:#b9c1cf}
.live-placeholder h2{font-size:34px;letter-spacing:-.04em;margin:8px 0}
.live-placeholder p{max-width:700px;line-height:1.6}
.placeholder-icon{font-size:40px}
.owner-room-controls{display:flex;gap:10px;flex-wrap:wrap}
.owner-room-controls form{margin:0}
.btn-danger{background:#b42318;color:#fff}
.share-room{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.share-room strong{overflow-wrap:anywhere}
.share-room>span{white-space:nowrap;color:var(--muted)}
@media(max-width:760px){
    .room-form-shell,.room-detail-shell{width:min(100% - 24px,1100px)}
    .choice-grid,.two-column-fields,.room-detail-grid{grid-template-columns:1fr}
    .managed-room-card,.live-placeholder,.share-room{align-items:flex-start;flex-direction:column}
    .managed-room-actions{justify-content:flex-start}
    .share-room>span{white-space:normal}
}

/* =========================================================
   RuangVeritas v0.4.1 — Module 04 Hardening
   ========================================================= */

button:disabled{opacity:.45;cursor:not-allowed}

/* Header / user avatar menu */
.user-menu{position:relative}
.user-menu-button{width:46px;height:46px;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center}
.avatar-menu{width:42px;height:42px;border:2px solid #fff;box-shadow:0 0 0 1px var(--border)}
.user-dropdown{position:absolute;right:0;top:56px;width:240px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px rgba(16,24,40,.16);padding:8px;z-index:80}
.user-dropdown[hidden]{display:none!important}
.user-dropdown-head{padding:12px 12px 10px;display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--border);margin-bottom:6px}
.user-dropdown-head strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-dropdown-head span{font-size:12px;color:var(--muted)}
.user-dropdown>a,.user-dropdown form button{width:100%;display:flex;align-items:center;text-decoration:none;border:0;background:transparent;padding:11px 12px;border-radius:10px;font:inherit;font-weight:700;color:var(--text);cursor:pointer;text-align:left}
.user-dropdown>a:hover,.user-dropdown form button:hover{background:#f2f4f7}
.user-dropdown form{margin:0}
.dropdown-divider{height:1px;background:var(--border);margin:6px 4px}

/* Discovery home */
.discovery-shell{width:min(1240px,calc(100% - 40px));margin:30px auto 90px}
.discovery-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;background:#fff;border:1px solid var(--border);border-radius:28px;padding:clamp(30px,5vw,56px);margin-bottom:44px}
.discovery-intro h1{max-width:820px;font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.055em;margin:0}
.discovery-intro p:last-child{max-width:760px;color:var(--muted);line-height:1.55;font-size:17px}
.discovery-section{margin-top:42px}
.discovery-section .section-head{align-items:center}
.section-count{color:var(--muted);font-size:13px;font-weight:800}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.discovery-empty{background:#fff;border:1px dashed #d0d5dd;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:5px;color:var(--muted)}
.discovery-empty strong{color:var(--text)}

/* Room cards */
.discovery-room-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;min-width:0;transition:transform .15s ease,box-shadow .15s ease}
.discovery-room-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.08)}
.room-cover-link{display:block;position:relative;aspect-ratio:16/9;background:#151b2d;overflow:hidden}
.room-cover{width:100%;height:100%;object-fit:cover;display:block}
.room-cover-status{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.live-badge,.upcoming-badge,.ready-badge,.ended-badge,.time-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}
.live-badge{background:#b42318;color:#fff}
.upcoming-badge{background:#3538cd;color:#fff}
.ready-badge{background:#027a48;color:#fff}
.ended-badge{background:#344054;color:#fff}
.time-badge{margin-left:auto;background:rgba(16,24,40,.82);color:#fff}
.room-card-body{padding:16px}
.room-card-kicker{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-card-title{display:block;text-decoration:none;color:var(--text);font-size:20px;line-height:1.22;font-weight:850;letter-spacing:-.025em;min-height:49px}
.room-card-host{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:13px;font-weight:700}
.avatar-xs{width:30px;height:30px}
.room-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);margin-top:14px;padding-top:12px;color:var(--muted);font-size:13px;font-weight:750}
.inline-like-form{margin:0}
.card-like-button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:850;cursor:pointer;padding:4px 0}
.card-like-button.is-liked{color:#d92d20}

/* Cover uploader */
.cover-upload-row{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center}
.cover-preview{aspect-ratio:16/9;border:1px dashed #98a2b3;border-radius:14px;background:#f2f4f7;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}
.cover-preview>span{font-size:26px;font-weight:900;color:var(--text)}
.cover-preview img{width:100%;height:100%;object-fit:cover;display:block}

/* Room detail */
.room-detail-with-cover{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:34px;align-items:center}
.room-detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:#151b2d;border:1px solid var(--border)}
.room-detail-content h1{font-size:clamp(34px,5vw,62px);margin:14px 0 22px;line-height:1.02;letter-spacing:-.055em}
.room-public-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:13px}
.room-public-metrics span{border-right:1px solid var(--border);padding-right:12px}
.room-public-metrics span:last-child{border-right:0}
.room-action-bar{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.room-action-bar form{margin:0}
.btn-liked{background:#fef3f2;color:#b42318;border-color:#fecdca}
.live-stage-placeholder{margin-top:18px;background:#151b2d;color:#fff;border-radius:26px;padding:clamp(32px,6vw,64px);min-height:330px;display:flex;align-items:center;justify-content:center;text-align:center}
.live-stage-placeholder p{color:#cbd5e1;max-width:760px;line-height:1.65;margin-inline:auto}
.live-stage-placeholder h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:10px 0}
.ended-artifact{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(24px,4vw,38px);display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:center}
.ended-artifact h2{font-size:30px;letter-spacing:-.035em;margin:6px 0 20px}
.ended-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ended-metric-grid span{border:1px solid var(--border);border-radius:14px;padding:14px;color:var(--muted);font-size:12px}
.ended-metric-grid b{display:block;color:var(--text);font-size:22px;margin-bottom:3px}
.rating-box{background:#f9fafb;border:1px solid var(--border);border-radius:16px;padding:18px}
.rating-box label{margin-top:0}
.rating-box select{margin-bottom:12px}

/* My Rooms */
.room-page-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.room-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.room-tabs a{text-decoration:none;border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;color:var(--muted);font-size:13px;font-weight:800}
.room-tabs a.active{background:var(--accent);border-color:var(--accent);color:#fff}
.room-tabs b{margin-left:4px}
.managed-room-with-cover{display:grid;grid-template-columns:180px 1fr auto;align-items:center}
.managed-room-cover{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;background:#151b2d}
.mini-analytics{display:flex;gap:14px;margin-top:10px;color:var(--muted);font-size:13px;font-weight:750}
.status-ready{background:#ecfdf3;color:#027a48}

/* Public profile reputation */
.profile-reputation-line{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;color:var(--muted);margin-top:16px;font-size:14px;font-weight:700}
.rating-highlight{font-size:19px;color:#b54708;font-weight:900}
.profile-stat-board{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}
.profile-stat-board>div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;min-width:0}
.profile-stat-board strong{display:block;font-size:28px;letter-spacing:-.04em}
.profile-stat-board span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.profile-room-section{margin-top:38px}

@media(max-width:1020px){
    .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile-stat-board{grid-template-columns:repeat(3,1fr)}
    .room-detail-with-cover{grid-template-columns:1fr}
    .ended-artifact{grid-template-columns:1fr}
}

@media(max-width:760px){
    .discovery-shell{width:min(100% - 24px,1240px)}
    .discovery-intro{align-items:flex-start;flex-direction:column}
    .discovery-grid{grid-template-columns:1fr}
    .cover-upload-row{grid-template-columns:1fr}
    .cover-preview{width:100%}
    .room-detail-with-cover{padding:18px}
    .room-action-bar .btn,.room-action-bar form{width:100%}
    .room-action-bar form .btn{width:100%}
    .ended-metric-grid{grid-template-columns:repeat(2,1fr)}
    .room-page-title{align-items:flex-start;flex-direction:column}
    .managed-room-with-cover{grid-template-columns:1fr}
    .managed-room-cover{width:100%}
    .profile-stat-board{grid-template-columns:repeat(2,1fr)}
    .user-dropdown{position:fixed;right:12px;top:72px;left:12px;width:auto}
}
.room-card-schedule{margin-top:8px;color:var(--muted);font-size:12px;font-weight:750}


/* =========================================================
   RuangVeritas v0.5.0 — Module 05 Visual Live Room Shell
   Shared-hosting polling simulator, not production WebRTC.
   ========================================================= */

.host-profile-gate{
    background:#fff;border:1px solid var(--border);border-radius:28px;
    padding:clamp(30px,6vw,56px);box-shadow:0 24px 70px rgba(16,24,40,.07)
}
.host-profile-gate h1{font-size:clamp(36px,6vw,58px);letter-spacing:-.055em;margin:10px 0 12px}
.host-profile-gate p{color:var(--muted);line-height:1.65;max-width:760px}
.gate-icon{font-size:42px}
.host-profile-checks{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.host-profile-checks span{
    border:1px solid #fecdca;background:#fef3f2;color:#b42318;border-radius:999px;
    padding:9px 13px;font-size:13px;font-weight:800
}
.host-profile-checks span.done{border-color:#abefc6;background:#ecfdf3;color:#027a48}

.live-preview-gate{
    margin-top:18px;background:#101828;color:#fff;border-radius:26px;overflow:hidden;
    display:grid;grid-template-columns:minmax(260px,420px) 1fr;align-items:center
}
.live-preview-gate img{width:100%;height:100%;min-height:260px;object-fit:cover}
.live-preview-gate>div{padding:clamp(28px,5vw,52px)}
.live-preview-gate h2{font-size:clamp(30px,5vw,46px);letter-spacing:-.045em;margin:8px 0}
.live-preview-gate p{color:#cbd5e1;line-height:1.65;max-width:680px}
.live-dot{color:#f97066;font-size:12px;font-weight:900;letter-spacing:.12em}

.live-room-body{background:#0b0f19;color:#fff;overflow:hidden}
.live-room-app{height:100vh;display:grid;grid-template-rows:auto 1fr;min-height:0}

.live-room-topbar{
    min-height:70px;background:#111827;border-bottom:1px solid rgba(255,255,255,.09);
    display:flex;align-items:center;gap:14px;padding:10px 16px;position:relative;z-index:20
}
.live-back{
    width:42px;height:42px;border-radius:12px;display:grid;place-items:center;text-decoration:none;
    color:#fff;background:rgba(255,255,255,.08);font-size:22px;flex:0 0 auto
}
.live-room-titleblock{min-width:0;flex:1}
.live-title-line{display:flex;align-items:center;gap:9px;min-width:0}
.live-title-line strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-status-pill{font-size:10px;font-weight:900;letter-spacing:.08em;color:#f97066;white-space:nowrap}
.live-room-subline{display:flex;gap:7px;color:#98a2b3;font-size:12px;margin-top:4px}
.live-top-metrics{display:flex;align-items:center;gap:10px;color:#d0d5dd;font-size:13px;white-space:nowrap}
.live-like-top{
    min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 12px;
    background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:800;cursor:pointer
}
.live-like-top.is-liked{background:rgba(240,68,56,.18);color:#fda29b;border-color:rgba(240,68,56,.4)}
.live-end-button{min-height:38px}

.live-room-workspace{
    min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:0
}
.live-stage-area{
    min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;
    background:#060912;border-right:1px solid rgba(255,255,255,.09)
}
.main-stage{
    position:relative;min-height:0;display:flex;align-items:center;justify-content:center;
    padding:18px;overflow:hidden
}
.main-stage-media{
    position:relative;width:min(100%,1100px);height:100%;min-height:300px;max-height:calc(100vh - 245px);
    border-radius:22px;overflow:hidden;background:
    radial-gradient(circle at 20% 15%,rgba(99,102,241,.22),transparent 35%),
    radial-gradient(circle at 85% 80%,rgba(14,165,233,.16),transparent 35%),
    linear-gradient(135deg,#111827,#0f172a 55%,#101828);
    border:1px solid rgba(255,255,255,.08);display:grid;place-items:center
}
.simulated-video-glow{
    position:absolute;width:62%;aspect-ratio:1;border-radius:50%;
    background:radial-gradient(circle,rgba(99,102,241,.20),transparent 68%);
    filter:blur(15px)
}
.main-stage-avatar{
    width:clamp(120px,19vw,220px);height:clamp(120px,19vw,220px);border-radius:50%;
    object-fit:cover;border:4px solid rgba(255,255,255,.16);position:relative;z-index:2;
    box-shadow:0 28px 70px rgba(0,0,0,.36)
}
.main-stage-name{
    position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column;gap:3px;z-index:3
}
.main-stage-name span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#98a2b3}
.main-stage-name strong{font-size:18px}
.main-stage-media-state{
    position:absolute;right:18px;bottom:18px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;z-index:3
}
.main-stage-media-state span{
    background:rgba(3,7,18,.68);border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(8px);border-radius:999px;padding:7px 9px;font-size:11px;font-weight:750
}
.simulation-badge{color:#fdb022!important}

.reaction-float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.floating-reaction{
    position:absolute;bottom:8%;font-size:34px;animation:rvFloatReaction 2.7s ease-out forwards;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))
}
@keyframes rvFloatReaction{
    0%{transform:translateY(0) scale(.75);opacity:0}
    15%{opacity:1}
    100%{transform:translateY(-360px) scale(1.3) rotate(8deg);opacity:0}
}

.stage-strip-wrap{
    padding:0 18px 12px;background:#060912
}
.stage-strip-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#98a2b3}
.stage-strip-head>span{font-size:10px;font-weight:900;letter-spacing:.13em}
.stage-strip-head small{font-size:10px}
.stage-strip{
    display:flex;gap:9px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin
}
.stage-loading{color:#667085;font-size:12px;padding:18px}
.stage-member{
    min-width:190px;max-width:240px;background:#111827;border:1px solid rgba(255,255,255,.09);
    border-radius:14px;padding:9px;display:flex;align-items:center;gap:9px;position:relative
}
.stage-member.is-speaking{border-color:#32d583;box-shadow:0 0 0 1px rgba(50,213,131,.25)}
.stage-member.is-pinned{border-color:#fdb022}
.stage-avatar-wrap{position:relative;flex:0 0 auto}
.stage-avatar-wrap img{width:44px;height:44px;border-radius:12px;object-fit:cover}
.presence-dot{
    position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;
    background:#475467;border:2px solid #111827
}
.presence-dot.online{background:#12b76a}
.stage-member-info{min-width:0;flex:1}
.stage-member-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-member-info small{display:block;color:#98a2b3;font-size:10px;margin-top:3px}
.mini-icon-button{
    border:0;background:rgba(255,255,255,.07);color:#fff;width:30px;height:30px;border-radius:9px;cursor:pointer
}

.live-control-dock{
    min-height:74px;border-top:1px solid rgba(255,255,255,.08);background:#0d1320;
    display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;position:relative
}
.control-button{
    width:72px;min-height:54px;border:1px solid rgba(255,255,255,.10);border-radius:13px;
    background:rgba(255,255,255,.05);color:#fff;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:3px;cursor:pointer;font:inherit
}
.control-button span{font-size:19px}
.control-button small{font-size:9px;color:#b9c1cf;font-weight:700}
.control-button:hover:not(:disabled){background:rgba(255,255,255,.10)}
.control-button.is-active{background:rgba(18,183,106,.16);border-color:rgba(18,183,106,.45)}
.control-button:disabled{opacity:.35}
.gift-disabled{border-style:dashed}
.reaction-menu{position:relative}
.reaction-popover{
    position:absolute;left:50%;bottom:64px;transform:translateX(-50%);
    background:#fff;border-radius:999px;padding:6px;display:flex;gap:3px;
    box-shadow:0 16px 38px rgba(0,0,0,.30);z-index:20
}
.reaction-popover[hidden]{display:none!important}
.reaction-popover button{
    border:0;background:transparent;font-size:23px;width:38px;height:38px;border-radius:50%;cursor:pointer
}
.reaction-popover button:hover{background:#f2f4f7}

.live-side-panel{
    min-width:0;min-height:0;background:#111827;display:grid;grid-template-rows:auto 1fr
}
.live-panel-tabs{
    display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.09)
}
.live-panel-tabs button{
    min-height:50px;border:0;background:transparent;color:#98a2b3;font:inherit;font-size:12px;font-weight:800;cursor:pointer
}
.live-panel-tabs button.active{color:#fff;box-shadow:inset 0 -2px 0 #7f56d9}
.live-panel-view{display:none;min-height:0;grid-template-rows:1fr auto}
.live-panel-view.active{display:grid}
.panel-scroll{min-height:0;overflow-y:auto;padding:13px}
.panel-empty{color:#667085;font-size:12px;text-align:center;padding:30px 12px}
.panel-compose{
    border-top:1px solid rgba(255,255,255,.08);padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px
}
.panel-compose input,.panel-compose textarea{
    min-height:42px;border:1px solid rgba(255,255,255,.10);background:#0b1220;color:#fff;
    border-radius:11px;padding:10px 11px;font:inherit;resize:none
}
.panel-compose button{
    border:0;background:#fff;color:#101828;border-radius:11px;padding:0 14px;font:inherit;font-weight:800;cursor:pointer
}
.panel-compose-stacked{grid-template-columns:1fr}
.panel-compose-stacked button{min-height:40px}

.chat-message{display:grid;grid-template-columns:34px 1fr;gap:8px;margin-bottom:13px}
.chat-message img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.chat-message strong{font-size:11px}
.chat-message p{font-size:12px;line-height:1.45;margin:3px 0;color:#e4e7ec;overflow-wrap:anywhere}
.chat-message time{color:#667085;font-size:9px}

.question-card{
    background:#0b1220;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:12px;margin-bottom:9px
}
.question-card.is-pinned{border-color:#fdb022}
.question-card.is-answered{opacity:.58}
.question-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.question-meta strong{font-size:11px}
.question-meta span{font-size:8px;font-weight:900;color:#fdb022;letter-spacing:.05em}
.question-card p{font-size:12px;line-height:1.5;color:#e4e7ec}
.question-actions{display:flex;gap:5px}
.question-actions button{
    border:1px solid rgba(255,255,255,.10);background:transparent;color:#b9c1cf;
    border-radius:8px;padding:5px 7px;font-size:9px;cursor:pointer
}

.people-summary{
    padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.07);
    display:flex;gap:14px;color:#98a2b3;font-size:10px
}
.people-row{
    display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;
    padding:9px;border-bottom:1px solid rgba(255,255,255,.06)
}
.people-row.has-hand{background:rgba(253,176,34,.07)}
.people-row>img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.people-row-main{min-width:0}
.people-row-main strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.people-row-main span{display:block;font-size:9px;color:#98a2b3;margin-top:3px}
.people-row-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.people-row-actions button{
    border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#fff;
    border-radius:8px;padding:5px 7px;font-size:9px;cursor:pointer
}

.live-toast{
    position:fixed;left:50%;bottom:88px;transform:translateX(-50%);
    background:#fff;color:#101828;padding:10px 14px;border-radius:12px;
    box-shadow:0 14px 40px rgba(0,0,0,.35);z-index:100;font-size:12px;font-weight:750
}
.live-toast.is-error{background:#fef3f2;color:#b42318}
.live-toast[hidden]{display:none!important}

@media(max-width:1050px){
    .live-room-workspace{grid-template-columns:minmax(0,1fr) 320px}
}

@media(max-width:820px){
    .live-room-body{overflow:auto}
    .live-room-app{height:auto;min-height:100vh}
    .live-room-topbar{position:sticky;top:0}
    .live-room-workspace{display:block}
    .live-stage-area{display:block;border-right:0}
    .main-stage{height:52vh;min-height:330px;padding:10px}
    .main-stage-media{max-height:none;min-height:100%}
    .stage-strip-wrap{padding:0 10px 10px}
    .stage-member{min-width:170px}
    .live-control-dock{
        position:sticky;bottom:0;z-index:25;overflow-x:auto;justify-content:flex-start;padding-inline:10px
    }
    .control-button{min-width:64px}
    .live-side-panel{height:52vh;border-top:1px solid rgba(255,255,255,.08)}
    .live-top-metrics>span{display:none}
    .live-title-line strong{max-width:46vw}
    .live-preview-gate{grid-template-columns:1fr}
    .live-preview-gate img{max-height:300px}
}

@media(max-width:560px){
    .live-room-topbar{gap:8px;padding:8px}
    .live-back{width:38px;height:38px}
    .live-end-button{padding:0 9px;font-size:11px}
    .main-stage{height:46vh;min-height:290px}
    .main-stage-name{left:14px;bottom:14px}
    .main-stage-media-state{right:10px;bottom:10px}
    .main-stage-media-state .simulation-badge{display:none}
    .live-side-panel{height:54vh}
}

/* =========================================================
   RuangVeritas v0.5.1 — Interactive Live Room
   Floor Control + Mini Profile + Gift/Wallet Simulator
   ========================================================= */
.menu-beta{font-size:8px;border:1px solid var(--border);padding:2px 5px;border-radius:999px;margin-left:5px;color:var(--muted)}
.clickable-user{cursor:pointer}

.floor-control-bar{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.floor-control-bar button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#d0d5dd;border-radius:8px;padding:5px 8px;font-size:9px;cursor:pointer}
.floor-control-bar button.active{background:#7f56d9;color:#fff;border-color:#9e77ed}
.stage-strip-head{justify-content:space-between;align-items:center}
.stage-strip-head>div:first-child{display:flex;gap:8px;align-items:center}
.stage-member.is-questioner,.people-row.is-questioner{border-color:#fdb022;background:rgba(253,176,34,.06)}
.stage-avatar-button,.people-avatar-button,.stage-member-info,.people-row-main,.chat-message>button,.chat-user-name,.question-meta>button{border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer}
.stage-avatar-button{flex:0 0 auto}
.people-avatar-button img{width:38px;height:38px;border-radius:11px;object-fit:cover}

.questioner-stage-card{position:absolute;right:20px;top:20px;z-index:7;background:rgba(3,7,18,.76);backdrop-filter:blur(10px);border:1px solid rgba(253,176,34,.45);border-radius:16px;padding:10px;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;max-width:260px}
.questioner-stage-card[hidden]{display:none!important}
.questioner-stage-card img{width:58px;height:58px;border-radius:13px;object-fit:cover}
.questioner-stage-card strong{display:block;font-size:12px}
.questioner-stage-card small{display:block;color:#fdb022;font-size:9px;margin-top:3px}
.questioner-label{grid-column:1/-1;font-size:8px;letter-spacing:.1em;font-weight:900;color:#fdb022}

.floor-invite-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(3,7,18,.58);padding:20px}
.floor-invite-modal[hidden]{display:none!important}
.floor-invite-card{width:min(480px,100%);background:#fff;color:#101828;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.floor-invite-card h3{font-size:28px;letter-spacing:-.035em;margin:8px 0}
.floor-invite-card p{color:#667085;line-height:1.6}
.invite-icon{font-size:34px}
.modal-actions{display:flex;gap:10px;margin-top:20px}

.live-modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:20px}
.live-modal[hidden]{display:none!important}
.live-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.68);backdrop-filter:blur(3px)}
.live-modal-card{position:relative;z-index:2;width:min(560px,100%);max-height:min(760px,90vh);overflow:auto;background:#fff;color:#101828;border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.42)}
.live-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f7;font-size:22px;cursor:pointer}

.mini-profile-head{display:flex;gap:14px;align-items:center;padding-right:36px}
.mini-profile-head img{width:76px;height:76px;border-radius:20px;object-fit:cover}
.mini-profile-head span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#6941c6}
.mini-profile-head h2{margin:3px 0 1px;font-size:30px;letter-spacing:-.04em}
.mini-profile-head p{margin:0;color:#667085}
.mini-profile-bio{color:#475467;line-height:1.6}
.mini-profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
.mini-profile-tags span{border:1px solid #e4e7ec;background:#f9fafb;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}
.mini-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.mini-profile-stats span{border:1px solid #eaecf0;border-radius:12px;padding:10px;text-align:center;font-size:10px;color:#667085}
.mini-profile-stats b{display:block;color:#101828;font-size:18px}
.mini-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
.mini-moderation-actions{border-top:1px solid #eaecf0;margin-top:18px;padding-top:16px;display:flex;gap:7px;flex-wrap:wrap}
.mini-moderation-actions strong{width:100%;font-size:11px;color:#667085}
.mini-moderation-actions button{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}

.gift-modal-card{width:min(680px,100%)}
.gift-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-right:38px}
.gift-modal-head h2{font-size:34px;letter-spacing:-.045em;margin:2px 0 18px}
.gift-balance{background:#f9fafb;border:1px solid #e4e7ec;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.gift-modal-card>label{margin-top:0}
.gift-modal-card select{min-height:44px}
.gift-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}
.gift-choice{border:1px solid #eaecf0;background:#fff;border-radius:15px;padding:12px 8px;cursor:pointer;text-align:center;color:#101828}
.gift-choice>span{display:block;font-size:30px;margin-bottom:7px}
.gift-choice strong,.gift-choice small{display:block}
.gift-choice strong{font-size:12px}.gift-choice small{color:#667085;font-size:9px;margin-top:3px}
.gift-choice:hover,.gift-choice.selected{border-color:#7f56d9;box-shadow:0 0 0 2px rgba(127,86,217,.12)}
.gift-tier-premium{background:linear-gradient(145deg,#fffaf0,#fff)}
.gift-send-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:16px}
.gift-send-row label{margin:0;min-width:100px}.gift-send-row select{display:block;margin-top:5px}
.inline-topup-box{margin-top:16px;border:1px dashed #f79009;background:#fffaeb;border-radius:14px;padding:14px}
.inline-topup-box[hidden]{display:none!important}
.inline-topup-box strong{display:block;font-size:12px;margin-bottom:9px}.inline-topup-box small{display:block;color:#b54708;margin-top:8px}
.inline-topup-box button{border:1px solid #fedf89;background:#fff;border-radius:9px;padding:7px 10px;margin:3px;font-weight:800;cursor:pointer}

.gift-ticker{position:absolute;left:50%;top:24px;transform:translateX(-50%);z-index:12;max-width:min(720px,88%);background:rgba(3,7,18,.82);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:10px 16px;text-align:center;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.3);animation:giftTickerIn .25s ease-out}
.gift-ticker[hidden]{display:none!important}.gift-ticker b{color:#fdb022}.gift-ticker span{font-weight:800}
@keyframes giftTickerIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.gift-animation-layer{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:hidden}
.gift-animation{position:absolute;left:50%;top:50%;font-size:64px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.gift-animation-float{animation:giftFloat 2.2s ease-out forwards}
.gift-animation-glow,.gift-animation-trophy{animation:giftPop 2.2s ease-out forwards}
.gift-animation-rocket{left:-10%;top:58%;animation:giftRocket 3.2s cubic-bezier(.2,.7,.2,1) forwards;font-size:76px}
.gift-animation-rocket i{position:absolute;left:-16px;top:24px;font-size:28px}
@keyframes giftFloat{0%{opacity:0;transform:translate(-50%,30px) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-180px) scale(1.3)}}
@keyframes giftPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-80%) scale(.9)}}
@keyframes giftRocket{0%{opacity:0;transform:translate(-20vw,20vh) rotate(-18deg) scale(.65)}10%{opacity:1}70%{opacity:1;transform:translate(70vw,-28vh) rotate(-18deg) scale(1.25)}100%{opacity:0;transform:translate(115vw,-45vh) rotate(-18deg) scale(.8)}}
.gift-recipient-glow{animation:giftRecipientGlow 2.5s ease}
@keyframes giftRecipientGlow{0%,100%{box-shadow:inherit}20%,60%{box-shadow:0 0 0 2px #fdb022,0 0 28px rgba(253,176,34,.62)}}
.live-wallet-chip{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:8px 10px;border-radius:12px}

.wallet-hero{background:#fff;border:1px solid var(--border);border-radius:26px;padding:clamp(28px,5vw,50px);display:flex;justify-content:space-between;gap:20px;align-items:center}
.wallet-hero h1{font-size:clamp(42px,6vw,66px);letter-spacing:-.055em;margin:0}.wallet-hero p:last-child{color:var(--muted)}
.wallet-test-badge{border:1px solid #fedf89;background:#fffaeb;color:#b54708;border-radius:999px;padding:10px 14px;font-weight:900;font-size:12px}
.wallet-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.wallet-stat-grid article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}.wallet-stat-grid span,.wallet-stat-grid small{display:block;color:var(--muted)}.wallet-stat-grid strong{display:block;font-size:34px;letter-spacing:-.04em;margin:8px 0}
.wallet-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;margin-top:16px}
.topup-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.topup-package{width:100%;border:1px solid var(--border);background:#f9fafb;border-radius:14px;padding:18px;cursor:pointer}.topup-package strong,.topup-package span{display:block}.topup-package strong{font-size:24px}.topup-package span{color:var(--muted)}
.gift-catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gift-catalog-card{border:1px solid var(--border);border-radius:15px;padding:16px;text-align:center}.gift-emoji{font-size:34px}.gift-catalog-card strong,.gift-catalog-card span,.gift-catalog-card small{display:block}.gift-catalog-card span,.gift-catalog-card small{color:var(--muted)}
.wallet-ledger-list{display:grid;gap:8px}.wallet-ledger-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:12px 0}.wallet-ledger-row small{display:block;color:var(--muted);margin-top:3px}.wallet-delta{display:flex;gap:6px;align-items:center}.wallet-delta span{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.wallet-delta .plus{background:#ecfdf3;color:#027a48}.wallet-delta .minus{background:#fef3f2;color:#b42318}
.private-economy-card{margin-top:18px;background:#111827;color:#fff;border-radius:22px;padding:24px;display:flex;justify-content:space-between;gap:30px;align-items:center}.private-economy-card p{color:#98a2b3}.private-economy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:420px}.private-economy-grid span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;color:#b9c1cf;font-size:10px}.private-economy-grid b{display:block;color:#fff;font-size:20px}

@media(max-width:820px){
    .floor-control-bar{overflow-x:auto;flex-wrap:nowrap;max-width:65vw}.floor-control-bar button{white-space:nowrap}
    .questioner-stage-card{right:12px;top:12px;max-width:210px;grid-template-columns:46px 1fr}.questioner-stage-card img{width:46px;height:46px}
    .gift-choice-grid{grid-template-columns:repeat(3,1fr)}
    .mini-profile-stats{grid-template-columns:repeat(2,1fr)}
    .wallet-stat-grid,.topup-package-grid{grid-template-columns:repeat(2,1fr)}
    .gift-catalog-grid{grid-template-columns:repeat(3,1fr)}
    .private-economy-card{align-items:flex-start;flex-direction:column}.private-economy-grid{min-width:0;width:100%}
}
@media(max-width:560px){
    .gift-choice-grid,.gift-catalog-grid{grid-template-columns:repeat(2,1fr)}
    .gift-modal-head{flex-direction:column}.gift-balance{align-self:flex-start}.gift-send-row{align-items:stretch;flex-direction:column}
    .questioner-stage-card{position:absolute;max-width:190px}.gift-ticker{top:10px;font-size:10px}
    .wallet-stat-grid,.topup-package-grid,.private-economy-grid{grid-template-columns:1fr 1fr}
}

.profile-stat-board{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.profile-stat-board{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   TemuNalar v0.6.0 — Concept v2 public discovery + booking
   ========================================================= */

@media(min-width:1180px){
    .discovery-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media(min-width:1540px){
    .discovery-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
}

.nav-archive-link{margin-right:4px}

.booking-inline-state{
    display:flex;flex-direction:column;gap:3px;padding:10px 14px;
    border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:12px
}
.booking-inline-state span{font-size:12px;color:#079455}

.booking-list{display:grid;gap:14px;margin-top:18px}
.booking-card{
    display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;
    background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px
}
.booking-card>img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#eaecf0}
.booking-card-main{min-width:0}
.booking-card-main h2{margin:5px 0 6px;font-size:20px}
.booking-card-main h2 a{text-decoration:none;color:inherit}
.booking-card-main p{margin:0 0 10px;color:var(--muted);font-size:13px}
.booking-status{
    display:inline-flex;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.06em
}
.booking-confirmed{background:#ecfdf3;color:#067647}
.booking-waitlist{background:#fffaeb;color:#b54708}

.pager{
    display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px
}
.pager span{color:var(--muted);font-size:13px;font-weight:700}

.archive-summary-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px
}
.archive-summary-card{
    background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px
}
.archive-summary-card h2{margin:7px 0 12px;font-size:24px;letter-spacing:-.035em}

.reputation-badge{
    display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;
    background:#f4f3ff;color:#5925dc;font-size:12px;font-weight:900
}

@media(max-width:760px){
    .booking-card{grid-template-columns:100px minmax(0,1fr)}
    .booking-card>img{width:100px}
    .booking-card>form{grid-column:1/-1}
    .archive-summary-grid{grid-template-columns:1fr}
}


/* TENAR admin + finance */
.inline-search-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-search-form input{flex:1;min-width:220px}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-user-list{display:grid;gap:16px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.admin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.admin-topup-form,.stack-form{display:grid;gap:12px}.compact-form .button-row{display:flex;gap:10px;flex-wrap:wrap}.compact-grid{margin:12px 0}.claim-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.claim-pending,.claim-waiting_admin{background:#fff7ed;color:#b45309}.claim-processed,.claim-paid{background:#ecfdf5;color:#047857}.claim-rejected,.claim-cancelled{background:#fef2f2;color:#b91c1c}.static-package{cursor:default}.static-package:hover{transform:none}.button-row{display:flex;gap:12px;flex-wrap:wrap}.stack-form textarea,.stack-form input,.stack-form select,.inline-search-form input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#0f172a}.stack-form label{font-size:14px;font-weight:600;color:#334155}.compact-form input{margin-bottom:0}@media (max-width: 960px){.admin-grid-two{grid-template-columns:1fr}}

/* =========================================================
   TENAR Corporate Brand System — v0.6.0a
   Official colors derived from the locked TENAR logo.
   No external font request: keep performance lightweight.
   ========================================================= */
:root{
    --brand-navy:#102044;
    --brand-navy-2:#172b55;
    --brand-blue:#1768ff;
    --brand-blue-2:#0d55e8;
    --brand-green:#00c98a;
    --brand-green-2:#00a980;
    --brand-cyan:#dff7ef;
    --brand-soft:#f4f7fb;
    --brand-line:#dbe4f0;
    --bg:#f4f7fb;
    --panel:#ffffff;
    --text:#102044;
    --muted:#66758c;
    --border:#dfe7f1;
    --accent:#1768ff;
}
html,body{
    font-family:"Aptos","Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
    background:var(--brand-soft);
    color:var(--text);
}
body{background-image:radial-gradient(circle at 8% -10%,rgba(23,104,255,.08),transparent 28%),radial-gradient(circle at 92% 6%,rgba(0,201,138,.07),transparent 24%)}
.site-header{
    width:min(1380px,calc(100% - 56px));min-height:88px;
}
.tenar-brand{gap:10px}
.tenar-brand-icon{width:48px;height:44px;object-fit:contain;display:block;filter:drop-shadow(0 7px 14px rgba(16,32,68,.08))}
.tenar-brand-copy{display:flex;flex-direction:column;gap:0;line-height:1}
.tenar-brand-copy strong{font-size:17px;letter-spacing:.055em;color:var(--brand-navy)}
.tenar-brand-copy small{margin-top:5px;color:#78879c;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.top-nav{gap:18px}.top-nav .text-link{color:#243754}.top-nav .text-link:hover{color:var(--brand-blue)}
.btn{border-radius:13px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand-blue),#235ee7);box-shadow:0 10px 24px rgba(23,104,255,.19)}
.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f5ef2,#174bc4)}
.btn-secondary{background:#fff;border-color:#d5dfec;color:var(--brand-navy)}
.eyebrow{color:var(--brand-blue);letter-spacing:.16em}
.discovery-shell{width:min(1380px,calc(100% - 56px))}
.discovery-intro{
    position:relative;overflow:hidden;border-color:#dce5f1!important;
    background:linear-gradient(135deg,#ffffff 0%,#fbfdff 58%,#edf6ff 100%)!important;
    box-shadow:0 22px 60px rgba(16,32,68,.07);
}
.discovery-intro:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-150px;background:radial-gradient(circle,rgba(0,201,138,.18),rgba(0,201,138,0) 68%);pointer-events:none}
.discovery-intro:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:100px;bottom:-250px;background:radial-gradient(circle,rgba(23,104,255,.14),rgba(23,104,255,0) 70%);pointer-events:none}
.discovery-intro>*,.discovery-intro .btn{position:relative;z-index:1}
.discovery-intro h1,.dashboard-hero h1,.wallet-hero h1,.page-title-row h1,.form-heading h1,.public-profile-card h1,.auth-card h1,.admin-auth-card h1{
    color:var(--brand-navy);font-weight:800;letter-spacing:-.05em;
}
.discovery-section{margin-top:50px}
.section-head h2{color:var(--brand-navy)}
.discovery-room-card,.wallet-panel,.info-card,.profile-section,.admin-card{
    border-color:#dce5f0!important;box-shadow:0 10px 26px rgba(16,32,68,.045);
}
.discovery-room-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.discovery-room-card:hover{transform:translateY(-3px);border-color:#b8cdf4!important;box-shadow:0 18px 36px rgba(16,32,68,.09)}
.room-card-title{color:var(--brand-navy)}
.live-badge{box-shadow:0 5px 16px rgba(220,38,38,.18)}
.upcoming-badge{background:#eaf2ff!important;color:#175cd3!important}
.ready-badge{background:#e9fbf4!important;color:#087b5f!important}
.status-live{background:#e9fbf4;color:#087b5f}.status-scheduled{background:#eaf2ff;color:#175cd3}
.auth-page{background:linear-gradient(150deg,#f7faff 0%,#edf3fa 100%)}
.auth-shell{width:min(500px,100%)}
.auth-brand{display:none!important}
.auth-card{border-color:#dce5f0;box-shadow:0 28px 70px rgba(16,32,68,.11);position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}
.auth-card input:focus,.auth-card textarea:focus,.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus{border-color:#6ea1ff;box-shadow:0 0 0 4px rgba(23,104,255,.10)}
.official-brand-lockup{display:flex;justify-content:center;margin:0 auto 22px}
.official-brand-lockup img{width:min(270px,74vw);height:auto;display:block}
.admin-auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#09162f 0%,#102044 48%,#0d3150 100%)}
.admin-auth-shell{width:min(520px,100%)}
.admin-auth-shell .official-brand-lockup{background:#fff;border-radius:22px;padding:12px 24px;margin-bottom:18px;box-shadow:0 18px 50px rgba(0,0,0,.15)}
.admin-auth-shell .official-brand-lockup img{width:min(210px,60vw)}
.admin-auth-card{background:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.admin-auth-card code{background:#eef3f9;border-radius:6px;padding:2px 6px;font-size:.9em}
.admin-back-link{display:inline-block;margin-top:20px;color:#64748b;font-weight:700;text-decoration:none}
.admin-site-header{min-height:78px;background:var(--brand-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1380px)/2));box-shadow:0 10px 30px rgba(4,14,35,.18);position:sticky;top:0;z-index:90}
.tenar-brand-admin .tenar-brand-copy strong,.tenar-brand-admin .tenar-brand-copy small{color:#fff}.tenar-brand-admin .tenar-brand-copy small{opacity:.68}
.admin-top-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-top-nav>a,.admin-top-nav button{border:0;background:transparent;color:#dce7fa;text-decoration:none;padding:9px 11px;border-radius:9px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.admin-top-nav>a:hover,.admin-top-nav button:hover{background:rgba(255,255,255,.09);color:#fff}.admin-top-nav form{margin:0}.admin-identity{padding:8px 11px;border-radius:999px;background:rgba(0,201,138,.15);border:1px solid rgba(0,201,138,.28);color:#a6f2d7;font-size:12px;font-weight:800}
.admin-site-header+.dashboard-shell{width:min(1380px,calc(100% - 56px))}
.admin-site-header+.dashboard-shell .wallet-hero{background:linear-gradient(135deg,#fff,#f4f8ff);border-color:#dce5f0}
.wallet-stat-grid article{border-top:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--brand-blue),var(--brand-green)) border-box}
.progress i{background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}
.tag{background:#f2f7ff;border-color:#d8e6fb;color:#284b7c}
.footer{color:#74839a}.footer a{color:var(--brand-blue)}
@media(max-width:760px){
    .site-header,.discovery-shell,.admin-site-header+.dashboard-shell{width:min(100% - 24px,1380px)}
    .site-header{min-height:72px}.tenar-brand-copy small{display:none}.tenar-brand-icon{width:42px;height:38px}
    .admin-site-header{position:relative;padding:14px 16px;align-items:flex-start;flex-direction:column}.admin-top-nav{width:100%}
}

/* =========================================================
   TENAR Portal + Admin UI v0.6.0b
   Focus: compact header, user information architecture, admin analytics.
   ========================================================= */

.tenar-compact-header{
    width:min(1400px,calc(100% - 48px));
    min-height:68px;
    margin:0 auto;
    padding:8px 0;
    border-bottom:1px solid rgba(16,32,68,.08);
}
.tenar-brand.compact{gap:8px;flex:0 0 auto}
.tenar-brand.compact .tenar-brand-icon{width:38px;height:34px;object-fit:contain;filter:none}
.tenar-brand.compact .tenar-brand-copy strong{font-size:16px;letter-spacing:.04em}
.tenar-brand.compact .tenar-brand-copy small{font-size:8px;margin-top:3px;letter-spacing:.12em}
.tenar-main-nav{margin-left:auto;gap:6px}
.tenar-main-nav .nav-item,.tenar-main-nav .nav-auth{
    display:inline-flex;align-items:center;justify-content:center;min-height:38px;
    padding:0 13px;border-radius:10px;text-decoration:none;color:#40506a;
    font-weight:750;font-size:13px;transition:.15s ease;
}
.tenar-main-nav .nav-item:hover{background:#eef4ff;color:var(--brand-blue)}
.tenar-main-nav .nav-item.active{background:#eaf2ff;color:#165bd8;box-shadow:inset 0 0 0 1px #d7e6ff}
.tenar-main-nav .nav-auth{margin-left:6px;background:var(--brand-navy);color:#fff;padding-inline:16px}
.tenar-main-nav .nav-auth:hover{background:#172b55}
.user-menu-button{width:40px!important;height:40px!important;border-radius:50%!important;padding:0!important;background:#fff!important;border:2px solid #dce6f3!important;overflow:hidden;box-shadow:0 5px 12px rgba(16,32,68,.08)}
.avatar-menu{width:100%!important;height:100%!important;border:0!important}
.simplified-menu{width:225px;padding:9px}
.simplified-menu .menu-icon{width:22px;display:inline-flex;justify-content:center;margin-right:7px;opacity:.8}
.simplified-menu>a,.simplified-menu form button{font-size:14px}

.portal-shell{width:min(1400px,calc(100% - 48px));margin:30px auto 72px}
.portal-page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--brand-line)}
.portal-page-head h1{font-size:clamp(34px,4.5vw,54px);margin:0;color:var(--brand-navy);letter-spacing:-.045em}
.portal-page-head p:last-child{max-width:760px;color:var(--muted);line-height:1.55;margin-bottom:0}
.portal-count{white-space:nowrap;background:#fff;border:1px solid var(--brand-line);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;color:#4b5d77}
.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.roomy-empty{padding:44px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.roomy-empty .btn{margin-top:8px}

.auth-tenar-lockup{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin:0 auto 16px;color:var(--brand-navy)}
.auth-tenar-lockup img{width:54px;height:48px;object-fit:contain}
.auth-tenar-lockup span{display:flex;flex-direction:column;line-height:1}
.auth-tenar-lockup strong{font-size:19px;letter-spacing:.04em}
.auth-tenar-lockup small{font-size:9px;margin-top:5px;letter-spacing:.14em;color:#718197;text-transform:uppercase}
.auth-shell{width:min(440px,100%)}
.auth-card{padding:30px 34px;border-radius:20px}
.auth-card h1{font-size:38px}

.profile-dashboard-shell{width:min(1180px,calc(100% - 48px))}
.private-profile-hero{display:grid;grid-template-columns:auto 1fr 170px;gap:24px;align-items:center;background:#fff;border:1px solid var(--brand-line);border-radius:22px;padding:28px;box-shadow:0 12px 30px rgba(16,32,68,.05)}
.private-profile-avatar{width:112px;height:112px}
.private-profile-copy h1{margin:0;color:var(--brand-navy);font-size:clamp(34px,4vw,48px);letter-spacing:-.045em}
.private-profile-copy>p:last-of-type{color:var(--muted);line-height:1.55}
.profile-title-edit{display:flex;align-items:center;gap:10px}
.icon-edit-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--brand-line);display:grid;place-items:center;text-decoration:none;background:#fff;color:var(--brand-blue);font-size:18px}
.icon-edit-button:hover{background:#eef5ff}
.profile-completion.compact{border:0;padding:0;text-align:right}
.profile-completion.compact strong{font-size:36px}
.profile-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.profile-metric-grid article{background:#fff;border:1px solid var(--brand-line);border-radius:16px;padding:18px;min-height:118px}
.profile-metric-grid span,.profile-metric-grid small{display:block;color:var(--muted);font-size:12px}.profile-metric-grid strong{display:block;font-size:26px;color:var(--brand-navy);margin:10px 0 4px}
.private-profile-info{margin-top:16px;background:#fff;border:1px solid var(--brand-line);border-radius:18px;padding:24px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center}
.private-profile-info h2{margin:0 0 8px}.private-profile-info p{color:var(--muted);line-height:1.55;margin:0}
.profile-private-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-private-summary span{background:#f7f9fc;border-radius:11px;padding:10px;font-size:12px;color:#607089}.profile-private-summary b{display:block;color:#253754;margin-bottom:4px}
.required-dot{color:#e5484d}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.private-fields-card{background:linear-gradient(180deg,#fff,#fbfdff)}
.profile-edit-shell input[type=email],.profile-edit-shell input[type=number],.profile-edit-shell select,.admin-form-shell input[type=email],.analytics-filter-form input,.analytics-filter-form select,.admin-topup-form select{width:100%;min-height:48px;border:1px solid #d0d9e6;border-radius:12px;padding:10px 12px;background:#fff;font:inherit;color:var(--text)}

.unified-tabs{margin:22px 0}.joined-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.joined-room-card{background:#fff;border:1px solid var(--brand-line);border-radius:16px;overflow:hidden}.joined-room-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.joined-room-card>div{padding:15px}.joined-room-card h3{margin:10px 0 6px}.joined-room-card p{font-size:12px;color:var(--muted)}

/* Admin */
.admin-compact-header{background:#fff!important;color:var(--brand-navy)!important;position:sticky;top:0;z-index:90;box-shadow:0 8px 22px rgba(16,32,68,.05)}
.admin-compact-header .tenar-brand-copy strong{color:var(--brand-navy)!important}.admin-compact-header .tenar-brand-copy small{color:#718197!important;opacity:1!important}
.admin-avatar-button{margin-left:auto}
.admin-dropdown{right:0}
.admin-dashboard-shell{width:min(1400px,calc(100% - 48px))}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:30px 0 22px}.admin-page-head h1{margin:0;font-size:46px;color:var(--brand-navy);letter-spacing:-.045em}.admin-page-head p:last-child{color:var(--muted);max-width:760px;margin-bottom:0}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-kpi-grid article{background:#fff;border:1px solid var(--brand-line);border-radius:16px;padding:18px}.admin-kpi-grid span{display:block;color:var(--muted);font-size:12px}.admin-kpi-grid strong{display:block;margin-top:10px;font-size:28px;color:var(--brand-navy)}
.analytics-filter-panel{margin-bottom:18px}.analytics-filter-form{display:grid;grid-template-columns:120px 120px 1fr 1fr auto;gap:12px;align-items:end}.analytics-filter-form label{font-size:11px;margin:0 0 6px;color:#607089}.filter-actions{display:flex;gap:8px}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.analytics-card{background:#fff;border:1px solid var(--brand-line);border-radius:18px;padding:22px}.analytics-card h3{margin:0 0 18px;color:var(--brand-navy)}.analytics-bar-row{margin:12px 0}.analytics-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#53647b;margin-bottom:6px}.analytics-track{height:9px;background:#edf2f8;border-radius:999px;overflow:hidden}.analytics-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}
.admin-table-head,.admin-table-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:center}.admin-table-head{padding:0 16px 10px;color:#7b899d;font-size:11px;text-transform:uppercase;font-weight:800}.admin-table-row{background:#fff;border:1px solid var(--brand-line);border-radius:14px;padding:14px 16px;margin-bottom:10px}.admin-table-row strong,.admin-table-row small{display:block}.admin-table-row small{color:var(--muted);margin-top:3px;font-size:11px}

.compact-admin-login{background:#f4f7fb!important;display:grid;place-items:center;min-height:100vh;padding:24px}.admin-auth-shell.compact{width:min(420px,100%)}.admin-auth-card.compact{padding:28px 30px;border-radius:20px;box-shadow:0 24px 60px rgba(16,32,68,.13);border:1px solid var(--brand-line)}.admin-login-lockup{margin-bottom:14px}.admin-login-lockup img{width:50px;height:44px}.admin-auth-card.compact h1{font-size:36px;margin:0}.admin-auth-card.compact .auth-intro{font-size:13px}.admin-auth-card.compact input{min-height:46px}.admin-auth-card.compact .btn{margin-top:20px}

@media(max-width:1100px){.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric-grid,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-profile-info{grid-template-columns:1fr}.analytics-filter-form{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.joined-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tenar-compact-header{width:min(100% - 20px,1400px);min-height:62px}.tenar-brand.compact .tenar-brand-copy{display:none}.tenar-main-nav{gap:2px;overflow-x:auto}.tenar-main-nav .nav-item,.tenar-main-nav .nav-auth{font-size:11px;padding:0 8px;white-space:nowrap}.portal-shell,.profile-dashboard-shell,.admin-dashboard-shell{width:min(100% - 24px,1400px)}.portal-grid{grid-template-columns:1fr 1fr}.portal-page-head{align-items:flex-start;flex-direction:column}.private-profile-hero{grid-template-columns:1fr;text-align:left}.private-profile-avatar{width:90px;height:90px}.profile-completion.compact{text-align:left}.form-grid.two{grid-template-columns:1fr}.profile-metric-grid,.admin-kpi-grid,.analytics-grid{grid-template-columns:1fr}.joined-room-grid{grid-template-columns:1fr}.admin-table-head{display:none}.admin-table-row{grid-template-columns:1fr}.analytics-filter-form{grid-template-columns:1fr}.filter-actions{grid-column:auto}.admin-page-head h1{font-size:36px}}

/* =========================================================
   TENAR v0.6.0c — Unified App Shell + Command Center
   ========================================================= */
:root{
    --tenar-sidebar:248px;
    --tenar-sidebar-collapsed:78px;
    --tenar-topbar:66px;
    --tenar-sidebar-bg:#182231;
    --tenar-sidebar-bg-2:#111926;
    --tenar-workspace:#f4f6f9;
    --tenar-blue:#1768ff;
    --tenar-green:#00c98a;
    --tenar-purple:#7c5cff;
    --tenar-amber:#f2b214;
    --tenar-navy:#112142;
}

/* Public website stays horizontal and light. */
.tenar-public-header{width:min(1400px,calc(100% - 48px));min-height:68px;margin:0 auto;background:transparent}
.tenar-public-header .tenar-brand-icon{width:38px;height:38px;object-fit:contain}
.tenar-public-header .tenar-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.tenar-public-header .tenar-brand-copy strong{font-size:16px;color:var(--tenar-navy)}
.tenar-public-header .tenar-brand-copy small{font-size:8px;letter-spacing:.12em;color:#718197;margin-top:4px;text-transform:uppercase}

/* Shared app shell */
.tenar-app-sidebar{
    position:fixed;inset:0 auto 0 0;width:var(--tenar-sidebar);z-index:130;
    display:flex;flex-direction:column;background:linear-gradient(180deg,var(--tenar-sidebar-bg),var(--tenar-sidebar-bg-2));
    color:#d9e2ee;border-right:1px solid rgba(255,255,255,.05);transition:width .18s ease;
}
.sidebar-brand{
    height:var(--tenar-topbar);display:flex;align-items:center;gap:12px;padding:0 18px;
    text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden;
}
.sidebar-brand img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.sidebar-brand span{display:flex;flex-direction:column;min-width:0;white-space:nowrap}
.sidebar-brand strong{font-size:17px;letter-spacing:.06em}.sidebar-brand small{margin-top:3px;font-size:9px;color:#91a2b8;letter-spacing:.11em;text-transform:uppercase}
.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:18px 11px;overflow-y:auto}
.sidebar-link{
    min-height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:9px;
    color:#b9c5d5;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;
    transition:.15s ease;
}
.sidebar-link:hover{background:rgba(255,255,255,.07);color:#fff}
.sidebar-link.active{background:rgba(23,104,255,.18);color:#fff;box-shadow:inset 3px 0 0 var(--tenar-blue)}
.sidebar-link.live-accent.active{box-shadow:inset 3px 0 0 #f04438}
.sidebar-icon{width:24px;height:24px;display:grid;place-items:center;font-size:16px;flex:0 0 24px;color:#9fb0c6}
.sidebar-link.active .sidebar-icon{color:#fff}
.sidebar-footer{margin-top:auto;padding:15px 18px 19px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px;white-space:nowrap;overflow:hidden}
.sidebar-footer small{font-weight:800;color:#7f91a9;font-size:9px;letter-spacing:.08em}.sidebar-footer span{font-size:9px;color:#61738b}

.tenar-app-topbar{
    position:fixed;left:var(--tenar-sidebar);right:0;top:0;height:var(--tenar-topbar);z-index:120;
    display:flex;align-items:center;gap:14px;padding:0 24px;background:#fff;border-bottom:1px solid #dde3ea;
    box-shadow:0 2px 8px rgba(17,33,66,.035);transition:left .18s ease;
}
.sidebar-toggle{width:38px;height:38px;border:0;border-radius:8px;background:#f4f6f8;color:#45566d;cursor:pointer;font-size:17px}
.sidebar-toggle:hover{background:#e9edf2}
.topbar-title{display:flex;flex-direction:column;line-height:1.15}.topbar-title strong{font-size:15px;color:#1f2937}.topbar-title small{font-size:10px;color:#8794a6;margin-top:3px}.topbar-spacer{flex:1}
.app-avatar-button{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 7px;border-radius:10px;color:#1f2937}
.app-avatar-button:hover{background:#f5f7fa}.app-avatar-button .avatar-menu{width:38px!important;height:38px!important;border:1px solid #dfe5ec!important}
.topbar-user-copy{display:flex;flex-direction:column;text-align:left;line-height:1.2;max-width:160px}.topbar-user-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-copy small{font-size:9px;color:#8a98aa;margin-top:2px}.caret{font-size:14px;color:#7b899c}
.app-dropdown{right:0;top:54px;width:230px;box-shadow:0 16px 45px rgba(17,33,66,.16)}

.tenar-app-sidebar ~ main{
    width:auto!important;max-width:none!important;margin:0!important;margin-left:var(--tenar-sidebar)!important;
    padding:calc(var(--tenar-topbar) + 25px) 28px 56px!important;min-height:100vh;background:var(--tenar-workspace);
    transition:margin-left .18s ease;
}
.tenar-app-sidebar ~ .footer{display:none}
body.sidebar-collapsed .tenar-app-sidebar{width:var(--tenar-sidebar-collapsed)}
body.sidebar-collapsed .tenar-app-topbar{left:var(--tenar-sidebar-collapsed)}
body.sidebar-collapsed .tenar-app-sidebar ~ main{margin-left:var(--tenar-sidebar-collapsed)!important}
body.sidebar-collapsed .sidebar-brand span,body.sidebar-collapsed .sidebar-link>span:last-child,body.sidebar-collapsed .sidebar-footer{display:none}
body.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}
body.sidebar-collapsed .sidebar-nav{padding-inline:10px}.sidebar-collapsed .sidebar-link{justify-content:center;padding:0}.sidebar-collapsed .sidebar-icon{width:100%}

/* Corporate workspace */
.unified-workspace{color:#263241}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.workspace-heading h1{margin:0;font-size:30px;letter-spacing:-.025em;color:#202938}.workspace-heading p{margin:6px 0 0;color:#768599;font-size:13px}.heading-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:#7b899b}.heading-meta a{font-weight:800;color:var(--tenar-blue);text-decoration:none}
.panel-card{background:#fff;border:1px solid #dfe4ea;border-radius:9px;padding:18px;box-shadow:0 2px 5px rgba(28,39,53,.035)}
.panel-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.panel-card-head h2{margin:0;font-size:16px;color:#263241}.panel-card-head p{margin:4px 0 0;color:#8794a5;font-size:11px}.panel-card-head>a{font-size:11px;text-decoration:none;color:var(--tenar-blue);font-weight:800}.panel-card-head>span{font-size:11px;color:#728197}

.command-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi-card{min-height:116px;background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 2px 5px rgba(28,39,53,.035)}.kpi-card>div{position:relative;z-index:2}.kpi-card span{font-size:11px;color:#758398;font-weight:700}.kpi-card strong{display:block;font-size:30px;line-height:1.05;margin:8px 0 5px;color:#202938;letter-spacing:-.035em}.kpi-card small{font-size:10px;color:#93a0b1}.kpi-card>i{font-style:normal;font-size:54px;opacity:.1;font-weight:900}.kpi-card.tone-blue{border-top:3px solid var(--tenar-blue)}.kpi-card.tone-green{border-top:3px solid var(--tenar-green)}.kpi-card.tone-purple{border-top:3px solid var(--tenar-purple)}.kpi-card.tone-amber{border-top:3px solid var(--tenar-amber)}.kpi-text-value{font-size:22px!important}
.dashboard-two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px}.dashboard-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.dashboard-main-row .panel-card{min-height:330px}

.svg-chart-wrap{height:215px;border-bottom:1px solid #e8edf2;background:linear-gradient(180deg,#fff,#fbfcfe);overflow:hidden}.tenar-line-chart{width:100%;height:100%}.chart-line{fill:none;stroke:var(--tenar-blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#tenarArea);stroke:none}.chart-axis-labels{display:flex;justify-content:space-between;gap:8px;padding-top:10px;overflow:hidden}.chart-axis-labels span{display:flex;flex-direction:column;font-size:9px;color:#8b98a9;text-align:center;min-width:42px}.chart-axis-labels b{color:#4a5a70;margin-top:3px}.empty-compact{height:100%;display:grid;place-items:center;color:#8b98a9;font-size:12px}

.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.now-grid>div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:8px;padding:13px}.now-grid strong{display:block;font-size:24px;color:#1f2c3d}.now-grid span{display:block;font-size:10px;color:#8592a3;margin-top:3px}.peak-box{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf0f3}.peak-box>span{font-size:10px;color:#8492a4;min-width:82px}.peak-box strong{font-size:12px;color:#2d3b4e}.peak-box small{margin-left:auto;font-size:9px;color:#95a1b1}.live-health-dot{background:#e7f9f1;color:#087a55;border-radius:999px;padding:5px 8px;font-size:8px!important;font-weight:900;letter-spacing:.08em}

.mini-bar-row{margin:10px 0}.mini-bar-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#5d6d82;margin-bottom:5px}.mini-bar-track{height:7px;background:#edf1f5;border-radius:99px;overflow:hidden}.mini-bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--tenar-blue),#5a91ff)}
.health-list{display:grid;gap:4px}.health-list>div{display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #edf0f3}.health-list b{font-size:11px}.health-list small{font-size:9px;color:#8794a5}.health-pill{width:9px;height:9px;border-radius:50%;display:inline-block;background:#98a2b3}.health-pill.ok{background:#12b76a}.health-pill.warn{background:#f2b214}.health-pill.bad{background:#f04438}
.queue-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f3;text-decoration:none}.queue-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:900}.queue-icon.blue{background:#eaf1ff;color:#1768ff}.queue-icon.green{background:#e9fbf5;color:#00a875}.queue-icon.purple{background:#f1edff;color:#7554df}.queue-row strong{display:block;font-size:11px}.queue-row small{display:block;font-size:9px;color:#8a97a8;margin-top:2px}.queue-row>b{font-size:15px;color:#324158}.compact-list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #edf0f3}.compact-list-row strong{display:block;font-size:11px}.compact-list-row small{display:block;margin-top:2px;color:#8794a5;font-size:9px}.compact-list-row>span{font-size:11px;font-weight:800;color:#33445a}

/* Analytics */
.traffic-range-form{display:grid;grid-template-columns:180px 160px 160px auto;gap:12px;align-items:end}.traffic-range-form label{font-size:10px;color:#68788e;margin:0 0 5px}.traffic-range-form input,.traffic-range-form select{width:100%;min-height:40px;border:1px solid #d6dde6;border-radius:7px;padding:7px 9px;background:#fff;color:#2f3d50}.compact-kpis .kpi-card{min-height:104px}.analytics-card{border-radius:9px!important;box-shadow:0 2px 5px rgba(28,39,53,.035)}.analytics-card h3{font-size:14px!important}.analytics-bar-row>div:first-child b small{color:#98a5b5;font-weight:600}.funnel-list{display:grid;gap:9px}.funnel-list>div{display:grid;grid-template-columns:90px 1fr 44px;gap:8px;align-items:center}.funnel-list span{font-size:10px;color:#66768b}.funnel-list>div>div{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden}.funnel-list i{display:block;height:100%;background:linear-gradient(90deg,var(--tenar-blue),var(--tenar-green));border-radius:99px}.funnel-list b{font-size:10px;text-align:right}.market-filter-card{margin:18px 0}

/* System Health */
.health-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.health-status-card{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:15px;display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start}.health-status-card strong,.health-status-card small{display:block}.health-status-card strong{font-size:11px}.health-status-card small{font-size:9px;color:#8794a5;margin-top:4px;word-break:break-word}.error-status-list{display:grid;gap:8px}.error-status-list>div{display:flex;justify-content:space-between;padding:10px;border:1px solid #edf0f3;border-radius:7px}.error-status-list span{font-size:11px}.error-status-list b{color:#b42318}.privacy-note p{color:#6e7d90;font-size:12px;line-height:1.6;margin-bottom:0}

/* Room monitor */
.room-monitor-filter{display:grid;grid-template-columns:1fr 180px auto;gap:10px}.room-monitor-filter input,.room-monitor-filter select{min-height:40px;border:1px solid #d6dde6;border-radius:7px;padding:8px 10px;background:#fff}.room-monitor-head,.room-monitor-row{display:grid;grid-template-columns:2.1fr .7fr 1fr 1fr auto;gap:14px;align-items:center}.room-monitor-head{font-size:9px;text-transform:uppercase;color:#8a97a8;font-weight:800;padding:0 10px 8px}.room-monitor-row{border-top:1px solid #edf0f3;padding:12px 10px}.room-monitor-row strong{display:block;font-size:11px}.room-monitor-row small{display:block;font-size:9px;color:#8794a5;margin-top:2px}.room-monitor-row>a{font-size:10px;color:var(--tenar-blue);font-weight:800;text-decoration:none}

/* Existing user/admin pages inherit corporate surface when inside shell. */
.tenar-app-sidebar ~ main .private-profile-hero,.tenar-app-sidebar ~ main .profile-metric-grid article,.tenar-app-sidebar ~ main .private-profile-info,.tenar-app-sidebar ~ main .wallet-panel,.tenar-app-sidebar ~ main .wallet-hero,.tenar-app-sidebar ~ main .form-card,.tenar-app-sidebar ~ main .room-detail-hero,.tenar-app-sidebar ~ main .joined-room-card,.tenar-app-sidebar ~ main .managed-room-card,.tenar-app-sidebar ~ main .empty-state,.tenar-app-sidebar ~ main .discovery-room-card{
    border-radius:9px!important;box-shadow:0 2px 5px rgba(28,39,53,.035)!important;border-color:#dfe4ea!important;
}
.tenar-app-sidebar ~ main .private-profile-copy h1,.tenar-app-sidebar ~ main .page-title-row h1,.tenar-app-sidebar ~ main .form-heading h1,.tenar-app-sidebar ~ main .admin-page-head h1{font-size:30px!important;letter-spacing:-.025em!important}
.tenar-app-sidebar ~ main .profile-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tenar-app-sidebar ~ main .profile-metric-grid article{min-height:104px;padding:15px}.tenar-app-sidebar ~ main .profile-metric-grid strong{font-size:23px;margin-top:7px}.tenar-app-sidebar ~ main .profile-metric-grid span,.tenar-app-sidebar ~ main .profile-metric-grid small{font-size:10px}

@media(max-width:1180px){
    .command-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-three-col{grid-template-columns:1fr 1fr}.health-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-two-col{grid-template-columns:1fr}.room-monitor-head,.room-monitor-row{grid-template-columns:1.8fr .8fr 1fr auto}.room-monitor-head span:nth-child(4),.room-monitor-row>div:nth-child(4){display:none}
}
@media(max-width:850px){
    :root{--tenar-sidebar:78px}.tenar-app-sidebar .sidebar-brand span,.tenar-app-sidebar .sidebar-link>span:last-child,.tenar-app-sidebar .sidebar-footer{display:none}.tenar-app-sidebar .sidebar-brand{justify-content:center;padding:0}.tenar-app-sidebar .sidebar-link{justify-content:center;padding:0}.topbar-user-copy{display:none}.dashboard-three-col{grid-template-columns:1fr}.health-status-grid{grid-template-columns:1fr 1fr}.traffic-range-form{grid-template-columns:1fr 1fr}.room-monitor-filter{grid-template-columns:1fr}.tenar-app-sidebar ~ main .profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    :root{--tenar-sidebar:0px}.tenar-app-sidebar{transform:translateX(-100%);width:230px}.tenar-app-topbar{left:0}.tenar-app-sidebar ~ main{margin-left:0!important;padding:calc(var(--tenar-topbar) + 16px) 14px 36px!important}.sidebar-collapsed .tenar-app-sidebar{transform:translateX(0);width:230px}.sidebar-collapsed .tenar-app-sidebar .sidebar-brand span,.sidebar-collapsed .tenar-app-sidebar .sidebar-link>span:last-child,.sidebar-collapsed .tenar-app-sidebar .sidebar-footer{display:flex}.sidebar-collapsed .tenar-app-sidebar .sidebar-link{justify-content:flex-start;padding:0 13px}.command-kpi-grid,.health-status-grid{grid-template-columns:1fr}.traffic-range-form{grid-template-columns:1fr}.room-monitor-head{display:none}.room-monitor-row{grid-template-columns:1fr}.room-monitor-row>div:nth-child(4){display:block}.workspace-heading{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   TENAR v0.6.0d — Light Unified Shell + Moderation Foundation
   ========================================================= */
:root{
  --tenar-sidebar-bg:#ffffff;
  --tenar-workspace-bg:#f5f7fb;
  --tenar-sidebar-border:#e4eaf2;
  --tenar-active-bg:#eaf2ff;
  --tenar-active-text:#155eef;
}
body:has(.tenar-app-sidebar){background:var(--tenar-workspace-bg)!important}
.tenar-app-sidebar{background:var(--tenar-sidebar-bg)!important;border-right:1px solid var(--tenar-sidebar-border)!important;box-shadow:2px 0 14px rgba(27,43,65,.035)!important}
.sidebar-logo-lockup{height:auto!important;min-height:82px!important;padding:10px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sidebar-logo-lockup img{width:142px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;display:block!important}
.tenar-logo-lockup{width:145px;height:auto;display:block;object-fit:contain}
.tenar-logo-link{padding:4px 0!important}
.sidebar-link{color:#526277!important;border-radius:9px!important;margin:3px 10px!important}
.sidebar-link:hover{background:#f4f7fb!important;color:#172b4d!important}
.sidebar-link.active{background:var(--tenar-active-bg)!important;color:var(--tenar-active-text)!important;box-shadow:inset 3px 0 0 var(--tenar-blue)!important}
.sidebar-icon{color:inherit!important}
.sidebar-footer{color:#8190a5!important;border-top:1px solid #edf1f5!important}
.tenar-app-topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e4eaf2!important;box-shadow:0 2px 8px rgba(24,39,61,.03)!important}
.sidebar-toggle{background:#f3f6fa!important;color:#25415f!important}
body.sidebar-collapsed .sidebar-logo-lockup{padding:8px!important}
body.sidebar-collapsed .sidebar-logo-lockup img{width:68px!important;max-height:62px!important}
body.sidebar-collapsed .tenar-app-sidebar .sidebar-brand span{display:none!important}
.topbar-notification{position:relative;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#42566f;background:#f4f7fb;border:1px solid #e5ebf2;margin-right:8px;font-size:16px}.topbar-notification:hover{background:#eaf2ff;color:#155eef}.topbar-notification b{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}
.back-to-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--tenar-blue),var(--tenar-green));color:#fff;font-size:22px;font-weight:800;box-shadow:0 10px 28px rgba(21,94,239,.24);cursor:pointer;z-index:90;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.danger-soft{border-color:#ffd4d6!important;background:#fffafa!important}.moderation-state-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.moderation-state-list span{background:#f4f6f9;border:1px solid #e2e7ee;padding:7px 10px;border-radius:999px;font-size:11px;color:#526277}.admin-detail-list{display:grid;gap:10px;margin:14px 0 18px}.admin-detail-list div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:9px;border-bottom:1px solid #edf1f5}.admin-detail-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8795a8}.admin-detail-list dd{margin:0;font-size:12px;color:#33465d}.compact-message-history{display:grid;gap:8px}.compact-message-history>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f5}.compact-message-history span{font-size:10px;color:#7b899b}.user-status-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em}.user-status-badge.status-active{background:#ecfdf3;color:#027a48}.user-status-badge.status-suspended{background:#fff7ed;color:#b45309}.user-status-badge.status-banned{background:#fef2f2;color:#b91c1c}.user-directory-head,.user-directory-row{grid-template-columns:minmax(230px,2fr) 110px 110px 120px 160px!important}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-message-list{display:grid;gap:14px}.admin-message-card{padding:18px;border:1px solid #e3e8ef;border-left:4px solid #7a8aa0;border-radius:10px;background:#fff}.admin-message-card.message-warning,.admin-message-card.message-moderation{border-left-color:#e5484d}.admin-message-card.message-transaction{border-left-color:#f59e0b}.admin-message-card.message-platform{border-left-color:#155eef}.admin-message-card h3{margin:7px 0}.admin-message-card p{line-height:1.65;color:#45566d}.admin-message-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8795a8}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-card{display:flex;flex-direction:column;gap:12px}.report-card-head{display:flex;justify-content:space-between;gap:12px}.report-card-head small{display:block;margin-top:3px;color:#8491a3}.report-target{font-size:11px;color:#5e6f83;background:#f6f8fb;padding:9px;border-radius:7px}.claim-submitted{background:#eef4ff;color:#175cd3}.claim-under_review{background:#fff7ed;color:#b54708}.claim-resolved{background:#ecfdf3;color:#027a48}.claim-rejected{background:#fef3f2;color:#b42318}.room-admin-actions{display:grid;gap:6px}.room-moderation-form{display:grid;grid-template-columns:120px minmax(140px,1fr) auto;gap:6px}.room-moderation-form input,.room-moderation-form select{min-height:32px;border:1px solid #d9e0e8;border-radius:6px;padding:4px 7px;background:#fff;font-size:10px}.room-report-link{text-align:right;margin:4px 0 16px}
@media(max-width:1000px){.admin-action-grid,.report-grid{grid-template-columns:1fr}.user-directory-head{display:none}.user-directory-row{grid-template-columns:1fr!important}.room-moderation-form{grid-template-columns:1fr}}

.auth-tenar-lockup img,.admin-login-lockup img{width:190px!important;height:auto!important;max-height:150px!important;object-fit:contain!important}.auth-tenar-lockup span,.admin-login-lockup span{display:none!important}.compact-admin-login .admin-auth-shell{max-width:440px!important}.compact-admin-login .admin-login-lockup{justify-content:center!important;margin-bottom:8px!important}.compact-admin-login .admin-login-lockup img{width:170px!important}

.tenar-public-header .tenar-logo-lockup{max-height:48px!important;width:auto!important}.sidebar-logo-lockup img{max-height:64px!important;width:auto!important;max-width:138px!important}body.sidebar-collapsed .sidebar-logo-lockup img{max-height:52px!important;width:auto!important;max-width:64px!important}.auth-tenar-lockup img{max-height:170px!important;width:auto!important;max-width:210px!important}

/* =========================================================
   TENAR v0.6.0e — Unified Public Shell + Admin Tables
   ========================================================= */
:root{
  --tenar-sidebar:280px;
  --tenar-sidebar-collapsed:96px;
  --tenar-topbar:82px;
}

/* Visitor now uses the same application shell as signed-in users. */
.tenar-public-sidebar .sidebar-footer span{white-space:normal;line-height:1.35}
.tenar-public-topbar .public-login-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;
  border-radius:9px;background:var(--tenar-navy);color:#fff;text-decoration:none;font-size:12px;font-weight:800;
  box-shadow:0 4px 12px rgba(17,33,66,.12)
}
.tenar-public-topbar .public-login-button:hover{background:#1a315e}

/* Locked TENAR full logo: icon + wordmark + Temu Nalar remain one image. */
.sidebar-logo-lockup{
  min-height:150px!important;height:150px!important;padding:10px 18px!important;
  background:#fff!important;border-bottom:1px solid #edf1f5!important;overflow:hidden!important;
}
.sidebar-logo-lockup img{
  width:136px!important;max-width:136px!important;max-height:132px!important;height:auto!important;object-fit:contain!important;
}
body.sidebar-collapsed .sidebar-logo-lockup{height:108px!important;min-height:108px!important;padding:8px!important}
body.sidebar-collapsed .sidebar-logo-lockup img{width:82px!important;max-width:82px!important;max-height:92px!important}

/* Larger user/admin identity target in topbar. */
.tenar-app-topbar{min-height:82px!important;padding-left:22px!important;padding-right:26px!important}
.app-avatar-button{min-height:70px!important;padding:5px 9px!important;gap:12px!important}
.app-avatar-button .avatar-menu{width:64px!important;height:64px!important;border:2px solid #e1e7ef!important;box-shadow:0 2px 8px rgba(17,33,66,.08)!important}
.topbar-user-copy strong{font-size:13px!important}.topbar-user-copy small{font-size:10px!important}
.app-dropdown{top:76px!important;width:250px!important}
.topbar-notification{width:44px!important;height:44px!important;font-size:18px!important}
.sidebar-toggle{width:44px!important;height:44px!important;font-size:19px!important}

/* Admin operational screens: tables first, cards only for dashboard/analytics summaries. */
.admin-table-panel{
  background:#fff;border:1px solid #dfe5ec;border-radius:7px;margin-bottom:18px;overflow:hidden;
  box-shadow:0 1px 3px rgba(20,33,49,.03)
}
.admin-table-title{
  min-height:58px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid #e7ebf0;background:#fbfcfd
}
.admin-table-title h2{margin:0;font-size:15px;color:#263548}.admin-table-title span{font-size:10px;color:#8592a3}
.table-scroll{overflow:auto;width:100%}
.admin-simple-table,.admin-control-table{width:100%;border-collapse:collapse;font-size:11px;color:#34465c}
.admin-simple-table th,.admin-control-table th{
  padding:10px 12px;text-align:left;background:#f5f7fa;color:#607086;font-size:9px;letter-spacing:.07em;text-transform:uppercase;
  border-bottom:1px solid #dfe5ec;white-space:nowrap
}
.admin-simple-table td,.admin-control-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;vertical-align:top}
.admin-simple-table tbody tr:hover,.admin-control-table tbody tr:hover{background:#fafcff}
.admin-simple-table td strong,.admin-control-table td strong{display:block;color:#25364b;font-size:11px}
.admin-simple-table td small,.admin-control-table td small{display:block;color:#8a97a8;font-size:9px;margin-top:3px;line-height:1.4}
.admin-kv-table{display:grid}
.admin-kv-table>div{display:grid;grid-template-columns:150px minmax(0,1fr) 150px minmax(0,1fr);border-bottom:1px solid #edf0f4}
.admin-kv-table>div:last-child{border-bottom:0}.admin-kv-table span,.admin-kv-table b{padding:11px 13px;font-size:11px}
.admin-kv-table span{background:#fafbfc;color:#758397;font-weight:700}.admin-kv-table b{color:#2b3b50;font-weight:700}
.admin-control-table td:first-child{background:#fbfcfd;border-right:1px solid #edf0f4}
.admin-inline-action{display:grid;grid-template-columns:minmax(100px,140px) minmax(120px,1fr) minmax(170px,1.4fr) auto;gap:7px;align-items:center}
.admin-inline-message{grid-template-columns:120px minmax(150px,1fr) minmax(220px,2fr) auto}
.admin-inline-action input,.admin-inline-action select,.admin-inline-action textarea,.admin-row-form input,.admin-row-form select,.admin-filter-strip input,.admin-filter-strip select,.admin-simple-table input,.admin-simple-table select{
  min-height:34px;border:1px solid #d7dfe8;border-radius:6px;background:#fff;padding:6px 8px;font:inherit;color:#32445a
}
.admin-inline-action textarea{resize:vertical;min-height:54px}
.admin-danger-row{background:#fffdfd}.admin-danger-row td:first-child{background:#fff8f8}
.admin-state-line{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.admin-state-line span{background:#f5f7fa;border:1px solid #e4e9ef;padding:5px 7px;border-radius:5px;font-size:9px}
.admin-row-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-row-form input{min-width:90px}.admin-row-form .btn{white-space:nowrap}
.admin-filter-strip{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid #e7ebf0;background:#fbfcfd}.admin-filter-strip input{min-width:250px}.admin-filter-strip select{min-width:170px}
.admin-row-actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;min-width:300px}.report-description-cell{min-width:220px;max-width:360px;line-height:1.5}

/* Existing directory table gets a more administrative, compact feel. */
.admin-table-head{border-radius:0!important;background:#f5f7fa!important;border:1px solid #dfe5ec!important;border-bottom:0!important;padding:10px 12px!important}
.admin-table-row{border-radius:0!important;box-shadow:none!important;border:1px solid #e4e9ef!important;border-top:0!important;background:#fff!important;padding:11px 12px!important}
.admin-table-row:hover{background:#fafcff!important}

/* Portal pages already inherit the same workspace from the visitor sidebar. */
.tenar-public-sidebar ~ main.portal-shell{padding-top:calc(var(--tenar-topbar) + 25px)!important}

@media(max-width:1100px){
  :root{--tenar-sidebar:230px;--tenar-sidebar-collapsed:86px}
  .sidebar-logo-lockup img{width:118px!important;max-width:118px!important}
  .admin-kv-table>div{grid-template-columns:120px 1fr}
  .admin-kv-table>div span:nth-of-type(2){border-left:0}
  .admin-inline-action,.admin-inline-message{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .app-avatar-button .avatar-menu{width:54px!important;height:54px!important}
  .admin-inline-action,.admin-inline-message{grid-template-columns:1fr}
}
@media(max-width:620px){
  .sidebar-logo-lockup{height:128px!important;min-height:128px!important}.sidebar-logo-lockup img{width:116px!important;max-width:116px!important}
  .app-avatar-button .avatar-menu{width:48px!important;height:48px!important}.tenar-app-topbar{min-height:70px!important;height:70px!important}
  .public-login-button{padding:0 10px!important;font-size:10px!important}
  .admin-kv-table>div{grid-template-columns:1fr}.admin-kv-table span{border-top:1px solid #edf0f4}
}
@media(max-width:850px){:root{--tenar-sidebar:96px;--tenar-sidebar-collapsed:96px}}
@media(max-width:620px){:root{--tenar-sidebar:0px;--tenar-sidebar-collapsed:0px}}


/* =========================================================
   TENAR v0.6.0f — Mobile Browser Drawer Stabilization
   ========================================================= */
.sidebar-scrim{
    display:none;
    position:fixed;
    inset:0;
    border:0;
    padding:0;
    background:rgba(17,31,54,.44);
    backdrop-filter:blur(1px);
    z-index:154;
}

@media(max-width:620px){
    html,body{max-width:100%;overflow-x:hidden}

    /* Mobile uses sidebar-open, never desktop sidebar-collapsed semantics. */
    body.sidebar-collapsed .tenar-app-sidebar,
    .tenar-app-sidebar{
        width:min(84vw,310px)!important;
        max-width:310px!important;
        transform:translate3d(-105%,0,0)!important;
        transition:transform .24s ease!important;
        z-index:160!important;
        box-shadow:16px 0 38px rgba(23,43,77,.16)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }
    body.sidebar-open{overflow:hidden!important}
    body.sidebar-open .tenar-app-sidebar{
        transform:translate3d(0,0,0)!important;
    }
    body.sidebar-open .sidebar-scrim{display:block!important}

    body.sidebar-collapsed .tenar-app-sidebar .sidebar-brand span,
    body.sidebar-collapsed .tenar-app-sidebar .sidebar-link>span:last-child,
    body.sidebar-collapsed .tenar-app-sidebar .sidebar-footer,
    .tenar-app-sidebar .sidebar-link>span:last-child,
    .tenar-app-sidebar .sidebar-footer{
        display:flex!important;
    }
    body.sidebar-collapsed .tenar-app-sidebar .sidebar-link,
    .tenar-app-sidebar .sidebar-link{
        justify-content:flex-start!important;
        min-height:48px!important;
        padding:0 14px!important;
        margin:4px 12px!important;
    }
    .tenar-app-sidebar .sidebar-icon{
        width:28px!important;
        flex:0 0 28px!important;
    }
    body.sidebar-collapsed .sidebar-logo-lockup,
    .sidebar-logo-lockup{
        height:148px!important;
        min-height:148px!important;
        padding:12px 18px!important;
        justify-content:center!important;
    }
    body.sidebar-collapsed .sidebar-logo-lockup img,
    .sidebar-logo-lockup img{
        width:150px!important;
        max-width:150px!important;
        max-height:128px!important;
        height:auto!important;
    }
    .sidebar-footer{
        white-space:normal!important;
        padding:18px!important;
        line-height:1.45!important;
    }
    .sidebar-footer span{white-space:normal!important}

    .tenar-app-topbar{
        left:0!important;
        right:0!important;
        width:100%!important;
        z-index:145!important;
    }
    .tenar-app-sidebar ~ main{
        margin-left:0!important;
        width:100%!important;
        max-width:100%!important;
    }
    .sidebar-toggle{position:relative;z-index:1}
}

/* TENAR v0.6.0g — Live Gift / Point Order UX */
.gift-balance-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.gift-buy-points{border:1px solid #c7d7fe;background:#eef4ff;color:#214ed8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}
.gift-buy-points:hover{background:#e0eaff}
.live-wallet-button{color:inherit;font:inherit;cursor:pointer}
.live-wallet-button:hover{background:rgba(255,255,255,.10)}
.live-point-order-box{margin-top:18px;border:1px solid #dce5f5;background:#f8fbff;border-radius:16px;padding:16px}
.live-point-order-box[hidden]{display:none!important}
.live-point-order-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.live-point-order-title strong{display:block;font-size:14px;color:#101828}
.live-point-order-title small{display:block;color:#667085;margin-top:4px;line-height:1.45}
.live-point-order-box form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.live-point-order-box form label{font-size:12px;font-weight:700;color:#344054}
.live-point-order-box form label:first-child{grid-column:1/-1}
.live-point-order-box form input,.live-point-order-box form select{width:100%;margin-top:5px;min-height:42px;border:1px solid #d0d5dd;border-radius:10px;padding:9px 11px;background:#fff}
.live-point-order-box form button{grid-column:1/-1;justify-self:start}
.live-point-order-result{display:grid;gap:8px;margin-top:14px;border-top:1px solid #e4e7ec;padding-top:14px}
.live-point-order-result[hidden]{display:none!important}
.live-point-order-result span,.live-point-order-result small{display:block;color:#667085}
@media (max-width:720px){
  .gift-balance-actions{justify-content:flex-start}
  .live-point-order-box form{grid-template-columns:1fr}
  .live-point-order-box form label:first-child,.live-point-order-box form button{grid-column:1}
}


/* TENAR v0.6.0h — typography, sortable tables, observer and room-card polish */
:root{--tenar-body-font:15px}
body{font-size:var(--tenar-body-font)}
.tenar-app-topbar .topbar-title strong{font-size:17px!important;line-height:1.2}.tenar-app-topbar .topbar-title small{font-size:12px!important}
.sidebar-link{font-size:14px!important}.sidebar-footer small{font-size:11px!important}.sidebar-footer span{font-size:11px!important}
.unified-workspace .workspace-heading h1{font-size:36px!important;line-height:1.12!important;letter-spacing:-.025em}.unified-workspace .workspace-heading p{font-size:15px!important;line-height:1.65!important}
.unified-workspace h2{font-size:23px;line-height:1.25}.unified-workspace h3{font-size:18px;line-height:1.3}
.unified-workspace p,.unified-workspace label,.unified-workspace input,.unified-workspace select,.unified-workspace textarea,.unified-workspace button{font-size:14px}
.unified-workspace small{font-size:12px;line-height:1.45}
.admin-table-title h2{font-size:18px!important}.admin-table-title span{font-size:12px!important}
.admin-simple-table,.admin-control-table{font-size:14px!important}.admin-simple-table th,.admin-control-table th{font-size:11px!important;padding:12px 13px!important}.admin-simple-table td,.admin-control-table td{padding:13px!important;line-height:1.45}.admin-simple-table td strong,.admin-control-table td strong{font-size:14px!important}.admin-simple-table td small,.admin-control-table td small{font-size:12px!important;margin-top:4px!important}
.room-moderation-form input,.room-moderation-form select{font-size:12px!important;min-height:38px!important}.room-monitor-filter input,.room-monitor-filter select{font-size:14px!important;min-height:44px!important}
.sort-link{color:#526277;text-decoration:none;font-weight:850;white-space:nowrap}.sort-link:hover{color:var(--tenar-blue)}
.online-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px;font-weight:850}.online-badge.is-online{background:#ecfdf3;color:#027a48}.online-badge.is-online::first-letter{color:#12b76a}
.admin-user-directory th:nth-child(1){min-width:270px}.admin-user-directory th:nth-child(4){min-width:145px}.admin-user-directory th:nth-child(5){min-width:140px}.admin-room-directory th:first-child{min-width:260px}.admin-room-directory th:last-child{min-width:360px}
.room-card-host-link{text-decoration:none;color:var(--muted)}.room-card-host-link span{color:#526277}.room-card-host-link small{margin-left:auto;color:var(--tenar-blue);font-size:10px}.room-card-host-link:hover span{text-decoration:underline;color:var(--tenar-blue)}
.room-cover-status{top:12px}.room-cover-status+.anything{margin-top:0}
.discovery-room-card .room-cover{display:block}
.observer-heading{gap:20px}.observer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.observer-stat-grid>div{background:#fff;border:1px solid #dfe5ec;padding:16px}.observer-stat-grid span{display:block;color:#78879a;font-size:12px;margin-bottom:5px}.observer-stat-grid strong{font-size:17px;color:#17243a}.observer-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.observer-feed{display:grid}.observer-feed>div{padding:12px 14px;border-bottom:1px solid #e8edf3}.observer-feed strong{font-size:14px}.observer-feed p{margin:5px 0;color:#344054}.observer-feed small{color:#8491a3}
@media(max-width:1100px){.observer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observer-columns{grid-template-columns:1fr}}
@media(max-width:620px){body{font-size:15px}.unified-workspace .workspace-heading h1{font-size:31px!important}.unified-workspace .workspace-heading p{font-size:15px!important}.observer-stat-grid{grid-template-columns:1fr}.room-card-host-link small{display:none}}

/* User portal readability */
.portal-page-head p:last-child{font-size:16px!important;line-height:1.65!important}.portal-count{font-size:13px!important}.room-card-kicker{font-size:13px!important}.room-card-title{font-size:21px!important}.room-card-schedule{font-size:13px!important}.room-card-host{font-size:14px!important}.room-card-footer{font-size:14px!important}.public-profile-card .profile-bio{font-size:15px!important;line-height:1.7!important}.profile-reputation-line{font-size:13px!important}.profile-stat-board span{font-size:12px!important}


/* =========================================================
   TENAR v0.6.0j — Stabilization / Humanized UI / Feed Cards
   ========================================================= */
:root{
  --tenar-readable-body:16px;
  --tenar-readable-small:13px;
  --tenar-readable-label:14px;
}
html{font-size:16px}
body{font-size:var(--tenar-readable-body)!important;line-height:1.55}

/* Human-readable hierarchy across user + admin workspaces. */
.tenar-app-topbar .topbar-title strong{font-size:18px!important}
.tenar-app-topbar .topbar-title small{font-size:13px!important}
.sidebar-link{font-size:15px!important}
.sidebar-footer small,.sidebar-footer span{font-size:12px!important;line-height:1.45}
.unified-workspace .workspace-heading h1{font-size:clamp(36px,4vw,48px)!important;line-height:1.08!important}
.unified-workspace .workspace-heading p{font-size:16px!important;line-height:1.7!important}
.unified-workspace h2{font-size:25px;line-height:1.25}
.unified-workspace h3{font-size:19px;line-height:1.35}
.unified-workspace p,.unified-workspace label,.unified-workspace input,.unified-workspace select,.unified-workspace textarea,.unified-workspace button{font-size:15px}
.unified-workspace small{font-size:13px;line-height:1.5}

.portal-page-head h1{font-size:clamp(40px,4.7vw,60px)!important;line-height:1.04!important}
.portal-page-head p:last-child{font-size:18px!important;line-height:1.7!important;max-width:850px}
.portal-count{font-size:14px!important;padding:10px 15px!important}

/* Room feed is image-first. Desktop naturally settles around 3–4 columns. */
.portal-grid,.discovery-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
  gap:22px!important;
}
.discovery-room-card{border-radius:18px!important;box-shadow:0 8px 24px rgba(16,32,68,.055);background:#fff}
.room-cover-link{aspect-ratio:16/10!important;background:#10192d}
.room-card-body{padding:19px!important}
.room-card-kicker{font-size:14px!important;line-height:1.45!important;margin-bottom:9px!important}
.room-card-title{font-size:23px!important;line-height:1.2!important;min-height:0!important;letter-spacing:-.025em!important}
.room-card-schedule{font-size:14px!important;line-height:1.5!important;margin-top:10px!important}
.room-card-host{font-size:15px!important;margin-top:16px!important;gap:10px!important}
.room-card-host-link small{font-size:12px!important}
.room-card-footer{font-size:15px!important;margin-top:16px!important;padding-top:14px!important}
.live-badge,.upcoming-badge,.ready-badge,.ended-badge,.time-badge{font-size:12px!important;min-height:30px!important;padding:0 11px!important}

/* Admin tables remain dense enough for operations but no micro-text. */
.admin-simple-table,.admin-control-table{font-size:15px!important}
.admin-simple-table th,.admin-control-table th{font-size:12px!important;padding:13px 14px!important}
.admin-simple-table td,.admin-control-table td{font-size:15px!important;padding:14px!important;line-height:1.5!important}
.admin-simple-table td strong,.admin-control-table td strong{font-size:15px!important}
.admin-simple-table td small,.admin-control-table td small{font-size:13px!important;line-height:1.45!important}
.admin-table-title h2{font-size:20px!important}.admin-table-title span{font-size:13px!important}
.admin-page-head h1{font-size:clamp(38px,4vw,50px)!important}
.admin-page-head p:last-child{font-size:16px!important;line-height:1.65!important}

@media (min-width:1180px){
  .portal-grid,.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:760px) and (max-width:1179px){
  .portal-grid,.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:600px) and (max-width:899px){
  .portal-grid,.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:599px){
  body{font-size:16px!important}
  .portal-shell{width:100%!important;margin:0 auto 58px!important;padding-left:0!important;padding-right:0!important}
  .portal-page-head{padding:24px 18px 20px!important;margin-bottom:14px!important}
  .portal-page-head h1{font-size:38px!important}
  .portal-page-head p:last-child{font-size:17px!important;line-height:1.65!important}
  .portal-grid,.discovery-grid{grid-template-columns:1fr!important;gap:18px!important;padding:0 12px!important}
  .discovery-room-card{border-radius:16px!important}
  .room-cover-link{aspect-ratio:4/3!important}
  .room-card-body{padding:18px!important}
  .room-card-title{font-size:24px!important;line-height:1.18!important}
  .room-card-kicker,.room-card-schedule{font-size:14px!important}
  .room-card-host,.room-card-footer{font-size:15px!important}
  .unified-workspace .workspace-heading h1{font-size:34px!important}
  .unified-workspace .workspace-heading p{font-size:16px!important}
}


/* TENAR v0.6.0k audit/admin runtime hardening */
.audit-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.36rem .7rem;font-size:.78rem;font-weight:800;letter-spacing:.04em}.audit-pass{background:#e9f9ef;color:#147a3f}.audit-fail{background:#fff0ef;color:#b42318}.moderation-current{display:block;margin-top:.45rem;color:#b42318;font-weight:800;letter-spacing:.04em}.admin-profile-overview{display:flex;align-items:center;gap:1.5rem;background:#fff;border:1px solid var(--border,#dfe5ee);border-radius:18px;padding:1.5rem;margin-bottom:1.25rem}.admin-profile-overview h2{font-size:2rem;margin:.2rem 0 .6rem}.admin-profile-stat-board{margin-bottom:1.25rem}.room-moderation-form input:required{border-color:#f0b8b3}@media(max-width:720px){.admin-profile-overview{align-items:flex-start;flex-direction:column}.admin-profile-overview h2{font-size:1.65rem}}


/* TENAR v0.6.1 Business Rules + Finance */
.admin-simple-table input[type="number"],.admin-simple-table input[type="text"],.admin-simple-table input:not([type]){min-width:120px;padding:10px 12px;border:1px solid #d8e0ec;border-radius:10px;font-size:14px}.admin-simple-table input[type="checkbox"]{width:20px;height:20px}.finance-manual-form{display:grid;grid-template-columns:150px 150px minmax(140px,1fr) 160px minmax(150px,1fr) minmax(220px,2fr) auto;gap:10px;align-items:end}.claim-income{background:#e8fbf2;color:#08784c}.claim-expense{background:#fff0ef;color:#b52921}@media(max-width:1100px){.finance-manual-form{grid-template-columns:1fr 1fr}.finance-manual-form .btn{grid-column:1/-1}}@media(max-width:640px){.finance-manual-form{grid-template-columns:1fr}}


/* TENAR v0.6.2 — Social Interaction + universal Admin table sorting */
.admin-sortable-th{cursor:pointer;position:relative;padding-right:26px!important;user-select:none}.admin-sortable-th::after{content:'↕';position:absolute;right:9px;opacity:.38;font-size:12px}.admin-sortable-th[aria-sort="ascending"]::after{content:'↑';opacity:1;color:#315efb}.admin-sortable-th[aria-sort="descending"]::after{content:'↓';opacity:1;color:#315efb}.admin-sortable-th:focus-visible{outline:2px solid #315efb;outline-offset:-2px}
.profile-stat-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.profile-stat-link:hover{border-color:#9db5ff!important;background:#f8faff!important}.social-feedback-section{margin-top:22px}.endorsement-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.endorsement-stat-grid>div{padding:16px;border:1px solid #e1e7f0;border-radius:14px;background:#f8faff;display:flex;flex-direction:column;gap:4px}.endorsement-stat-grid strong{font-size:20px}.endorsement-stat-grid span{font-size:14px;color:#667085}.endorsement-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.endorsement-form select{min-width:180px;padding:11px 13px;border:1px solid #d5ddea;border-radius:10px;background:#fff}.social-list-panel{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:12px}.social-person-row{display:flex;gap:14px;align-items:center;padding:14px;border-bottom:1px solid #eef1f5;text-decoration:none;color:#17213c}.social-person-row:last-child{border-bottom:0}.social-person-row span{display:flex;flex-direction:column;gap:2px}.social-person-row small{color:#7b8498}.message-inbox-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #eef1f5}.message-inbox-row>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#17213c;min-width:0}.message-inbox-row>a span{display:flex;flex-direction:column;min-width:0}.message-inbox-row>a small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085}.message-status-actions{display:flex;gap:8px;align-items:center}.message-status-actions form{display:flex;gap:6px}.message-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#315efb;color:#fff;font-size:12px}.dm-thread{display:flex;flex-direction:column;gap:10px;padding:18px;background:#fff;border:1px solid #e0e6ef;border-radius:16px}.dm-bubble{max-width:min(680px,82%);padding:12px 14px;border-radius:16px;background:#f1f4f8}.dm-bubble.mine{align-self:flex-end;background:#e9efff}.dm-bubble.theirs{align-self:flex-start}.dm-bubble p{margin:6px 0;font-size:15px;line-height:1.55}.dm-bubble small{font-size:12px;color:#768095}.dm-compose{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin-top:12px}.dm-compose textarea{padding:12px;border:1px solid #d5ddea;border-radius:12px;resize:vertical}.gift-catalog-card input[type="radio"]{margin-bottom:6px}
@media(max-width:820px){.endorsement-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-inbox-row{grid-template-columns:1fr}.message-status-actions{padding-left:54px}.dm-compose{grid-template-columns:1fr}.dm-bubble{max-width:92%}}

/* =========================================================
   TENAR v0.7.0 — REAL MEDIA PILOT
   ========================================================= */
.main-stage-live-video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
    transition:opacity .22s ease;background:#050814;z-index:1
}
.main-stage-media.has-live-video .main-stage-live-video{opacity:1}
.main-stage-media.has-live-video .main-stage-avatar,
.main-stage-media.has-live-video .simulated-video-glow{opacity:0;pointer-events:none}
.main-stage-media.is-local-video .main-stage-live-video{transform:scaleX(-1)}
.real-media-badge{color:#5ee9b5!important;border-color:rgba(94,233,181,.26)!important}

.stage-avatar-wrap{overflow:hidden;border-radius:12px}
.stage-live-video{
    position:absolute;inset:0;width:44px;height:44px;object-fit:cover;border-radius:12px;
    opacity:0;background:#050814;z-index:1
}
.stage-avatar-wrap.has-live-video .stage-live-video{opacity:1}
.stage-avatar-wrap.has-live-video img{opacity:0}
.stage-avatar-wrap.is-local-video .stage-live-video{transform:scaleX(-1)}
.stage-avatar-wrap .presence-dot{z-index:3}

.live-media-chip,.live-media-settings-button{
    min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
    padding:0 11px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:12px;
    font-weight:800;cursor:pointer
}
.live-media-chip.is-connected{border-color:rgba(18,183,106,.48);background:rgba(18,183,106,.12);color:#d1fadf}
.live-media-chip.is-error{border-color:rgba(240,68,56,.42);background:rgba(240,68,56,.12);color:#fda29b}
.live-media-settings-button{width:38px;padding:0;font-size:16px}

.media-settings-card{max-width:620px}
.media-settings-head h2{margin:3px 0 8px;font-size:30px}
.media-settings-head p:last-child{color:#667085;line-height:1.6}
.media-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.media-device-grid label{font-size:14px;font-weight:800;color:#344054}
.media-device-grid select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;font:inherit}
.media-diagnostic-box{
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border-radius:14px;
    background:#f8fafc;border:1px solid #eaecf0;margin-bottom:18px
}
.media-diagnostic-box span{font-size:12px;color:#667085;display:flex;flex-direction:column;gap:4px}
.media-diagnostic-box b{font-size:15px;color:#101828}
.media-pilot-note{margin:16px 0 0;color:#667085;font-size:12px;line-height:1.55}

@media (max-width: 900px){
    .live-media-chip b{display:none}
    .live-media-chip{width:40px;padding:0;display:grid;place-items:center}
    .live-media-settings-button{display:none}
}
@media (max-width: 640px){
    .media-device-grid{grid-template-columns:1fr}
    .media-diagnostic-box{grid-template-columns:1fr 1fr}
}


/* =========================================================
   TENAR v0.7.0a — Post Registration + Humanized Profile UI
   ========================================================= */
.topbar-user-stats{
    display:flex;align-items:center;gap:8px;margin-right:2px;
}
.topbar-stat-pill{
    min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 11px;
    border:1px solid #e0e6ef;border-radius:12px;background:#fff;color:#17243a;
    text-decoration:none;box-shadow:0 2px 7px rgba(17,33,66,.035);transition:.15s ease;
}
.topbar-stat-pill:hover{background:#f7f9fc;border-color:#cbd7e7;transform:translateY(-1px)}
.topbar-stat-icon{font-size:18px;line-height:1}
.topbar-stat-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.topbar-stat-copy small{font-size:10px;color:#8290a3;font-weight:700;margin-bottom:3px}
.topbar-stat-copy strong{font-size:14px;color:#17243a;white-space:nowrap;max-width:118px;overflow:hidden;text-overflow:ellipsis}

/* Dashboard profile metrics: readable from normal laptop distance. */
.tenar-app-sidebar ~ main .profile-metric-grid{gap:18px!important}
.tenar-app-sidebar ~ main .profile-metric-grid article{
    min-height:148px!important;padding:24px!important;border-radius:18px!important;
    display:flex;flex-direction:column;justify-content:center;
}
.tenar-app-sidebar ~ main .profile-metric-grid span{
    font-size:15px!important;line-height:1.3!important;font-weight:700!important;color:#64748b!important;
}
.tenar-app-sidebar ~ main .profile-metric-grid strong{
    font-size:42px!important;line-height:1.05!important;letter-spacing:-.045em!important;
    margin:12px 0 8px!important;color:var(--brand-navy)!important;overflow-wrap:anywhere;
}
.tenar-app-sidebar ~ main .profile-metric-grid small{
    font-size:14px!important;line-height:1.35!important;color:#6f7f95!important;
}

@media(max-width:1120px){
    .topbar-user-stats{gap:6px}
    .topbar-stat-pill{padding:6px 9px}
    .topbar-stat-copy small{display:none}
    .topbar-stat-copy strong{font-size:13px;max-width:92px}
}
@media(max-width:760px){
    .topbar-user-stats{gap:5px}
    .topbar-stat-pill{min-width:42px;min-height:42px;padding:6px 8px;justify-content:center}
    .topbar-stat-reputation .topbar-stat-copy{display:none}
    .topbar-stat-points .topbar-stat-copy small{display:none}
    .topbar-stat-points .topbar-stat-copy strong{max-width:64px;font-size:12px}
    .topbar-stat-icon{font-size:16px}
    .tenar-app-sidebar ~ main .profile-metric-grid article{min-height:132px!important;padding:20px!important}
    .tenar-app-sidebar ~ main .profile-metric-grid strong{font-size:36px!important}
    .tenar-app-sidebar ~ main .profile-metric-grid span{font-size:14px!important}
    .tenar-app-sidebar ~ main .profile-metric-grid small{font-size:13px!important}
}
@media(max-width:520px){
    .topbar-stat-reputation{display:none}
}

/* TENAR v0.7.0b — media permission diagnostics */
.media-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}
.media-diagnostic-grid>span{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(15,23,42,.03)}
.media-diagnostic-grid b{font-weight:800;word-break:break-word;text-align:right}
.media-diagnostic-grid b.is-good{color:#059669}.media-diagnostic-grid b.is-bad{color:#dc2626}
.media-diagnostic-grid .media-diagnostic-error{grid-column:1/-1;display:block}.media-diagnostic-grid .media-diagnostic-error b{display:block;margin-top:6px;text-align:left;color:#b91c1c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}
.media-test-actions{flex-wrap:wrap}
@media(max-width:720px){.media-diagnostic-grid{grid-template-columns:1fr}}


/* TENAR v0.7.0c — explicit real-media ON/OFF states */
.control-button.media-toggle{position:relative;overflow:hidden;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}
.control-button.media-toggle .media-control-icon{position:relative;display:inline-grid;place-items:center;width:28px;height:25px;font-size:20px;line-height:1;filter:none;opacity:1}
.control-button.media-toggle small{font-size:11px;letter-spacing:.01em}
.control-button.media-toggle.is-off{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18);color:#7f8a9c}
.control-button.media-toggle.is-off .media-control-icon{filter:grayscale(1);opacity:.52}
.control-button.media-toggle.is-off .media-control-icon::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 1px rgba(8,12,22,.55);transform:rotate(-43deg);transform-origin:center}
.control-button.media-toggle.is-off small{color:#7f8a9c}
.control-button.media-toggle.is-active{background:rgba(16,185,129,.18);border-color:rgba(52,211,153,.55);color:#ecfdf5;box-shadow:inset 0 0 0 1px rgba(52,211,153,.08)}
.control-button.media-toggle.is-active .media-control-icon{filter:none;opacity:1}
.control-button.media-toggle.is-active small{color:#d1fae5}
.control-button.media-toggle.is-active::before{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
.control-button.media-toggle:disabled{opacity:.28}
.control-button.media-toggle:not(:disabled):hover{transform:translateY(-1px)}

/* =========================================================
   TENAR v0.7.1 — Responsive Live Room UX
   Mobile-first stage, bottom-sheet panels, focus mode, pinch zoom
   ========================================================= */
.mobile-live-only,.mobile-host-control,.mobile-live-panel-head{display:none}
.stage-media-tools{position:absolute;right:14px;top:14px;z-index:8;display:flex;gap:7px;align-items:center}
.stage-tool-button{min-width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(3,7,18,.66);color:#fff;font:inherit;font-size:12px;font-weight:850;backdrop-filter:blur(10px);cursor:pointer;padding:0 10px}
.stage-tool-button:hover{background:rgba(255,255,255,.13)}
.stage-media-gesture-hint{position:absolute;left:50%;top:16px;z-index:8;transform:translate(-50%,-8px);opacity:0;pointer-events:none;background:rgba(3,7,18,.78);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;color:#e4e7ec;transition:.22s ease;white-space:nowrap}
.stage-media-gesture-hint.show{opacity:1;transform:translate(-50%,0)}
.main-stage-live-video{--stage-zoom:1;--stage-pan-x:0px;--stage-pan-y:0px;--stage-mirror:1;object-fit:contain;transform:translate3d(var(--stage-pan-x),var(--stage-pan-y),0) scale(var(--stage-zoom)) scaleX(var(--stage-mirror));transform-origin:center center;will-change:transform}
.main-stage-media.is-local-video .main-stage-live-video{--stage-mirror:-1;transform:translate3d(var(--stage-pan-x),var(--stage-pan-y),0) scale(var(--stage-zoom)) scaleX(var(--stage-mirror))}
.local-focus-button{font-size:15px}
.live-mobile-panel-backdrop{display:none}

/* Full-screen focus affects only the live workspace, never browser/page zoom. */
.live-room-body.is-focus-mode{overflow:hidden}
.live-room-body.is-focus-mode .live-room-app{height:100dvh;grid-template-rows:1fr}
.live-room-body.is-focus-mode .live-room-topbar{display:none}
.live-room-body.is-focus-mode .live-room-workspace{display:block;height:100dvh;position:relative}
.live-room-body.is-focus-mode .live-stage-area{height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;border:0}
.live-room-body.is-focus-mode .main-stage{height:auto!important;min-height:0!important;padding:0}
.live-room-body.is-focus-mode .main-stage-media{width:100%;height:100%;max-width:none;max-height:none;min-height:0;border:0;border-radius:0}
.live-room-body.is-focus-mode .stage-strip-wrap{display:none}
.live-room-body.is-focus-mode .live-side-panel{display:none!important}
.live-room-body.is-focus-mode .live-control-dock{position:relative;z-index:40;background:rgba(5,8,20,.92);backdrop-filter:blur(14px)}
.live-room-body.is-focus-mode .stage-focus-button{background:#fff;color:#111827;border-color:#fff}

@media(max-width:900px){
    .live-room-body{overflow:hidden;overscroll-behavior:none}
    .live-room-app{height:100dvh;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}
    .live-room-topbar{position:relative;top:auto;min-height:58px;padding:7px 9px;gap:8px;z-index:50}
    .live-back{width:38px;height:38px;border-radius:11px}
    .live-title-line{gap:6px}
    .live-title-line strong{font-size:13px;max-width:min(48vw,360px)}
    .live-status-pill{font-size:9px}
    .live-room-subline{font-size:10px;margin-top:2px}
    .live-room-subline span:first-child{max-width:30vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .live-top-metrics{gap:5px;font-size:11px}
    .live-top-metrics>span{display:none}
    .live-like-top,.live-wallet-chip{min-height:36px;padding:0 8px;border-radius:10px;font-size:11px}
    .live-end-button{min-height:36px;padding:0 8px;font-size:10px}

    .live-room-workspace{display:block;min-height:0;height:100%;position:relative;overflow:hidden}
    .live-stage-area{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;border-right:0;background:#050814}
    .main-stage{height:auto!important;min-height:0!important;padding:0 0 4px;overflow:hidden}
    .main-stage-media{width:100%;height:100%;min-height:0!important;max-width:none;max-height:none;border-radius:0;border-inline:0;background:#030611;touch-action:none}
    .main-stage-live-video{object-fit:contain;background:#02040b}
    .main-stage-avatar{width:clamp(108px,31vw,170px);height:clamp(108px,31vw,170px)}
    .main-stage-name{left:12px;bottom:12px}
    .main-stage-name strong{font-size:15px}
    .main-stage-media-state{right:9px;bottom:9px;gap:4px;max-width:58%;justify-content:flex-end}
    .main-stage-media-state span{font-size:9px;padding:5px 7px}
    .main-stage-media-state .real-media-badge{display:none}
    .stage-media-tools{right:9px;top:9px;gap:5px}
    .stage-tool-button{height:34px;min-width:34px;border-radius:9px;padding:0 8px;font-size:11px}
    .stage-media-gesture-hint{display:block;top:10px;font-size:10px;padding:6px 10px}
    .questioner-stage-card{top:50px;right:8px;max-width:190px;grid-template-columns:42px 1fr;padding:7px;border-radius:12px}
    .questioner-stage-card img{width:42px;height:42px;border-radius:10px}
    .questioner-stage-card strong{font-size:10px}

    .stage-strip-wrap{padding:3px 8px 7px;background:#060912;min-height:0}
    .stage-strip-head{margin-bottom:5px;min-height:18px}
    .stage-strip-head>div:first-child span{font-size:9px}
    .stage-strip-head small{font-size:8px}
    .floor-control-bar{display:none;position:fixed;left:10px;right:10px;bottom:78px;z-index:96;padding:12px;border-radius:16px;background:#111827;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.45);justify-content:center}
    .floor-control-bar.mobile-open{display:flex}
    .floor-control-bar button{font-size:11px;padding:8px 10px}
    .stage-strip{gap:7px;padding-bottom:1px}
    .stage-member{min-width:154px;max-width:180px;padding:7px;gap:7px;border-radius:12px}
    .stage-avatar-wrap img,.stage-live-video{width:40px;height:40px;border-radius:10px}
    .stage-member-info strong{font-size:11px}
    .stage-member-info small{font-size:9px}
    .mini-icon-button{width:28px;height:28px;border-radius:8px}

    .live-control-dock{position:relative;bottom:auto;z-index:45;min-height:64px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:5px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:#0b101c;white-space:nowrap}
    .live-control-dock::-webkit-scrollbar{display:none}
    .control-button{width:58px;min-width:58px;min-height:50px;border-radius:11px;gap:2px}
    .control-button span{font-size:18px}
    .control-button small,.control-button.media-toggle small{font-size:9px}
    .mobile-live-only{display:flex}
    .mobile-host-control:not([hidden]){display:flex}
    body[data-live-role="audience"] .control-button[data-role-stage-only]{display:none}
    body[data-live-role="audience"] .control-button[data-media-settings-open]{display:none}

    /* Chat / Q&A / People become a bottom sheet instead of consuming stage width/height. */
    .live-side-panel{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:92;height:min(72dvh,660px);min-height:320px;border:1px solid rgba(255,255,255,.11);border-bottom:0;border-radius:20px 20px 0 0;background:#111827;box-shadow:0 -22px 70px rgba(0,0,0,.46);transform:translateY(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);overflow:hidden}
    .live-side-panel.mobile-open{transform:translateY(0)}
    .mobile-live-panel-head{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 5px;color:#fff;font-size:14px;font-weight:850}
    .mobile-live-panel-head::before{content:"";position:absolute;left:50%;top:6px;width:42px;height:4px;border-radius:999px;background:rgba(255,255,255,.22);transform:translateX(-50%)}
    .mobile-live-panel-head span{padding-top:6px}
    .mobile-live-panel-head button{border:0;background:rgba(255,255,255,.08);color:#fff;width:34px;height:34px;border-radius:10px;font-size:21px;cursor:pointer}
    .live-mobile-panel-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:91;border:0;background:rgba(0,0,0,.46);backdrop-filter:blur(2px)}
    .live-panel-tabs button{min-height:46px;font-size:13px}
    .panel-scroll{padding:14px}
    .chat-message strong,.chat-user-name{font-size:13px}
    .chat-message p,.question-card p{font-size:14px;line-height:1.5}
    .chat-message time{font-size:10px}
    .question-meta strong{font-size:13px}
    .people-row-main strong{font-size:13px}
    .people-row-main span{font-size:11px}
    .people-summary{font-size:11px}
    .panel-compose input,.panel-compose textarea{font-size:16px} /* prevents iOS/WebView input zoom */

    .live-room-body.is-focus-mode .live-stage-area{grid-template-rows:minmax(0,1fr) auto}
    .live-room-body.is-focus-mode .live-control-dock{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(3,7,18,.92) 30%);padding-top:24px}
    .live-room-body.is-focus-mode .main-stage{padding:0 0 62px}
    .live-room-body.is-focus-mode .main-stage-name{bottom:76px}
    .live-room-body.is-focus-mode .main-stage-media-state{bottom:74px}
}

@media(max-width:560px){
    .live-room-topbar{min-height:54px}
    .live-room-subline span:first-child,.live-room-subline>span:nth-child(2){display:none}
    .live-title-line strong{max-width:43vw}
    .live-like-top{display:none}
    .live-wallet-chip{font-size:10px;padding:0 7px}
    .main-stage-avatar{width:124px;height:124px}
    .stage-strip-head small{display:none}
    .stage-member{min-width:145px}
    .control-button{width:56px;min-width:56px}
    .stage-media-tools{top:7px;right:7px}
}

@media(orientation:landscape) and (max-width:1000px) and (max-height:650px){
    .live-room-app{grid-template-rows:48px minmax(0,1fr)}
    .live-room-topbar{min-height:48px;padding:5px 8px}
    .live-room-subline{display:none}
    .live-stage-area{grid-template-rows:minmax(0,1fr) 58px}
    .stage-strip-wrap{position:absolute;left:8px;bottom:67px;z-index:12;width:min(54vw,520px);padding:0;background:transparent}
    .stage-strip-head{display:none}
    .stage-strip{padding:0}
    .stage-member{min-width:138px;background:rgba(3,7,18,.72);backdrop-filter:blur(10px)}
    .live-control-dock{min-height:58px;padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));background:rgba(5,8,20,.94)}
    .control-button{min-height:46px}
    .main-stage-name{bottom:68px}
    .main-stage-media-state{bottom:66px}
    .questioner-stage-card{top:8px}
    .live-side-panel{height:min(86dvh,520px)}
}

.checkbox-line{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem}.checkbox-line input{width:auto;margin-top:.25rem}

/* TENAR v0.7.4b — Admin Global Search + Engine Audit status */
.admin-global-search{display:flex;align-items:center;min-width:260px;max-width:430px;width:32vw;margin-left:18px}
.admin-global-search-trigger{width:100%;height:44px;border:1px solid #dbe2ee;background:#f8faff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#64748b;cursor:pointer;text-align:left}
.admin-global-search-trigger:hover{border-color:#b9c6df;background:#fff}.admin-global-search-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-global-search-trigger kbd{border:1px solid #d8dfeb;background:#fff;border-radius:7px;padding:2px 7px;font:600 11px/1.4 inherit;color:#7b879d}
.admin-search-palette[hidden]{display:none!important}.admin-search-palette{position:fixed;inset:0;z-index:10050;display:grid;place-items:start center;padding-top:min(13vh,110px)}
.admin-search-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);cursor:default}
.admin-search-dialog{position:relative;width:min(720px,calc(100vw - 28px));max-height:min(72vh,720px);background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:hidden;border:1px solid #e5eaf3}
.admin-search-input-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf1f6}.admin-search-input-wrap>span{font-size:25px}.admin-search-input-wrap input{border:0;outline:0;font-size:18px;min-width:0;padding:8px 0;background:transparent}.admin-search-input-wrap button{border:0;background:#f2f5fa;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}
.admin-search-hint{display:flex;justify-content:space-between;gap:15px;padding:9px 18px;color:#8290a8;background:#fafbfe;font-size:12px;border-bottom:1px solid #edf1f6}.admin-search-results{padding:8px;overflow:auto;max-height:56vh}.admin-search-result{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;text-decoration:none;color:#18233a;border-radius:12px;padding:11px 12px}.admin-search-result:hover,.admin-search-result.is-active{background:#f0f4ff}.admin-search-result-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#4664ed}.admin-search-result strong{display:block;font-size:14px}.admin-search-result small{display:block;color:#7b879d;margin-top:3px}.admin-search-empty{padding:30px;text-align:center;color:#8290a8}
.audit-badge.audit-warn{background:#fff4d8;color:#9a6300}.audit-badge.audit-skip{background:#eef2f7;color:#637083}.engine-audit-kpis{grid-template-columns:repeat(6,minmax(140px,1fr))}.admin-audit-filter{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid #e7ebf1}.admin-audit-filter input{flex:1;min-width:180px}.admin-audit-filter select{min-width:150px}
@media(max-width:1050px){.admin-global-search{width:auto;min-width:0;margin-left:8px}.admin-global-search-label,.admin-global-search-trigger kbd{display:none}.admin-global-search-trigger{width:44px;padding:0;justify-content:center}.engine-audit-kpis{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:640px){.engine-audit-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-search-hint small{display:none}.admin-audit-filter{flex-direction:column}.admin-audit-filter select{width:100%}}

/* v0.7.5 policy/community additions */
.policy-consent-shell{max-width:980px;margin:0 auto;padding:32px 20px}
.policy-consent-card{max-width:900px;width:100%}
.policy-scroll{max-height:52vh;overflow:auto;border:1px solid #dde3ee;border-radius:16px;padding:20px;background:#fff;margin:18px 0}
.policy-body{white-space:normal;line-height:1.72;color:#344054}
.policy-agree{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #d8e0ed;border-radius:14px;background:#f8fafc}
.policy-agree input{margin-top:4px;transform:scale(1.15)}
.policy-editor{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}
.danger-zone{border:1px solid #f0b7b0;background:#fffafa}
.mini-moderation-actions .danger,.people-row-actions .danger{color:#b42318;border-color:#f1b5ad}


/* TENAR v0.7.5a — policy layout + shared-hosting collation hardening UI */
.policy-consent-shell{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin:0 auto!important;padding:32px 0!important}
.policy-consent-card{width:100%!important;max-width:none!important;padding:clamp(24px,3vw,44px)!important}
.policy-scroll{width:100%;max-height:60vh;padding:clamp(18px,2.5vw,32px)}
.policy-scroll .policy-body{max-width:none;width:100%;font-size:15px;line-height:1.78}
.policy-editor textarea{width:100%;min-height:420px;resize:vertical}
@media(max-width:760px){.policy-consent-shell{width:calc(100% - 20px)!important;padding:16px 0!important}.policy-consent-card{padding:20px!important}.policy-scroll{max-height:58vh;padding:16px}.policy-scroll .policy-body{font-size:14px}}


/* =========================================================
   TENAR v0.7.5c — Live Room continuity / mirror / in-room modal
   ========================================================= */
/* Camera preview defaults to NORMAL (non-mirrored). User can opt in to Mirror. */
.main-stage-media.is-local-video .main-stage-live-video{
    --stage-mirror:1!important;
}
.main-stage-media.is-local-video.is-preview-mirrored .main-stage-live-video{
    --stage-mirror:-1!important;
}
.stage-avatar-wrap.is-local-video .stage-live-video{
    transform:none!important;
}
.stage-avatar-wrap.is-local-video.is-preview-mirrored .stage-live-video{
    transform:scaleX(-1)!important;
}
.stage-tool-button.mirror-active{background:#fff;color:#111827;border-color:#fff}

.live-room-block-list{display:grid;gap:10px;margin-top:16px}
.live-room-block-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.8fr) auto;gap:12px;align-items:center;border:1px solid #eaecf0;border-radius:14px;padding:13px;background:#fff}
.live-room-block-user{display:flex;flex-direction:column;gap:2px;min-width:0}
.live-room-block-user strong,.live-room-block-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-room-block-user small,.live-room-block-reason small{color:#667085}
.live-room-block-reason{min-width:0;color:#344054;font-size:13px}
.live-room-block-actions{display:flex;justify-content:flex-end}
.live-room-modal-empty{padding:24px;border:1px dashed #d0d5dd;border-radius:14px;text-align:center;color:#667085}
.live-report-form{display:grid;gap:12px;margin-top:16px}
.live-report-form label{margin:0;font-size:13px;color:#344054}
.live-report-form select,.live-report-form textarea{width:100%}
.live-report-target{display:flex;align-items:center;gap:10px;border:1px solid #eaecf0;background:#f9fafb;border-radius:14px;padding:12px}
.live-report-target strong{display:block}.live-report-target small{display:block;color:#667085}
@media(max-width:700px){
  .live-room-block-row{grid-template-columns:1fr}
  .live-room-block-actions{justify-content:flex-start}
}

/* =========================================================
   TENAR v0.7.5g — Modular Business Rules + sticky context
   ========================================================= */
.sidebar-menu-group{margin:3px 10px;border-radius:10px}
.sidebar-menu-group>summary{list-style:none;margin:0!important;cursor:pointer;position:relative}
.sidebar-menu-group>summary::-webkit-details-marker{display:none}
.sidebar-group-trigger{width:100%;border:0;background:transparent}
.sidebar-group-caret{margin-left:auto;font-size:11px;transition:transform .18s ease;color:#8190a5}
.sidebar-menu-group[open] .sidebar-group-caret{transform:rotate(180deg)}
.sidebar-submenu{display:grid;gap:2px;padding:4px 6px 8px 38px}
.sidebar-sublink{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border-radius:8px;text-decoration:none;color:#718096;font-size:12px;font-weight:750;line-height:1.25}
.sidebar-sublink:hover{background:#f4f7fb;color:#172b4d}
.sidebar-sublink.active{background:#eef4ff;color:#175cd3}
.sidebar-subdot{width:6px;height:6px;border-radius:999px;background:#bdc6d4;flex:0 0 auto}
.sidebar-sublink.active .sidebar-subdot{background:#1768ff;box-shadow:0 0 0 3px rgba(23,104,255,.12)}

.business-rule-modulebar{margin:0 0 18px}
.business-rule-module-select{display:none;background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:12px 14px}
.business-rule-module-select label{display:block;margin-bottom:7px;font-size:12px;font-weight:850;color:#667085}
.business-rule-module-select select{width:100%;min-height:44px;padding:0 12px;border:1px solid #d4dce7;border-radius:10px;background:#fff;color:#17243a;font:inherit;font-weight:750}
.business-rule-module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.business-rule-module-tab{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:76px;padding:12px 14px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;color:#17243a;text-decoration:none;box-shadow:0 5px 16px rgba(16,32,68,.035);transition:.16s ease}
.business-rule-module-tab>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f3f6fa;color:#40536f;font-size:15px;font-weight:900}
.business-rule-module-tab strong{font-size:14px;line-height:1.25}
.business-rule-module-tab small{font-size:11px;line-height:1.35;color:#7b8798;margin-top:3px}
.business-rule-module-tab:hover{transform:translateY(-1px);border-color:#bfd0ee;box-shadow:0 10px 22px rgba(16,32,68,.06)}
.business-rule-module-tab.active{border-color:#8fb1ff;background:#f6f9ff;box-shadow:inset 0 0 0 1px rgba(23,104,255,.12)}
.business-rule-module-tab.active>span{background:#e9f0ff;color:#175cd3}
.business-rule-module-tab.active strong{color:#175cd3}
.business-rule-current{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 15px;background:#f8faff;border:1px solid #dfe7f5;border-radius:13px}
.business-rule-current>span{width:34px;height:34px;border-radius:10px;background:#eaf1ff;color:#175cd3;display:grid;place-items:center;font-weight:900}
.business-rule-current strong,.business-rule-current small{display:block}.business-rule-current strong{color:#17243a}.business-rule-current small{margin-top:2px;color:#748196;font-size:12px}

@media(max-width:1180px){.business-rule-module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
  .business-rule-module-tabs{display:none}.business-rule-module-select{display:block}
  .sidebar-submenu{display:none}
  .sidebar-menu-group[open] .sidebar-submenu{display:none}
}
@media(max-width:620px){
  .sidebar-menu-group{margin:3px 10px}
  .sidebar-collapsed .sidebar-menu-group[open] .sidebar-submenu{display:grid;padding-left:38px}
  .business-rule-current{align-items:flex-start}
}
@media(max-width:850px) and (min-width:621px){
  .sidebar-menu-group{position:relative}
  .sidebar-menu-group[open] .sidebar-submenu{display:grid;position:absolute;left:62px;top:0;width:220px;padding:9px;background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 14px 34px rgba(16,32,68,.14);z-index:120}
  .sidebar-menu-group[open] .sidebar-sublink{min-height:38px}
}

/* v0.7.5j — safe rich policy editor */
.policy-rich-editor{border:1px solid #d7deea;border-radius:16px;background:#fff;overflow:hidden}
.policy-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:3}
.policy-editor-toolbar button,.policy-editor-toolbar select{min-height:38px;border:1px solid #d7deea;border-radius:9px;background:#fff;padding:7px 10px;font:inherit;color:#17203a;cursor:pointer}
.policy-editor-toolbar button:hover{border-color:#4968ff;background:#f3f6ff}.policy-editor-toolbar button:disabled{opacity:.55;cursor:wait}
.policy-editor-surface{min-height:460px;padding:22px 24px;outline:0;line-height:1.75;color:#17203a;overflow:auto}
.policy-editor-surface:focus{box-shadow:inset 0 0 0 2px rgba(70,100,255,.16)}
.policy-editor-surface h2,.policy-body h2{font-size:1.55em;margin:1.3em 0 .55em}.policy-editor-surface h3,.policy-body h3{font-size:1.3em;margin:1.15em 0 .5em}.policy-editor-surface h4,.policy-body h4{font-size:1.12em;margin:1em 0 .45em}
.policy-editor-surface p,.policy-body p{margin:.55em 0 1em}.policy-editor-surface ul,.policy-editor-surface ol,.policy-body ul,.policy-body ol{padding-left:1.55em;margin:.7em 0 1.1em}.policy-editor-surface li,.policy-body li{margin:.3em 0}
.policy-editor-surface blockquote,.policy-body blockquote{margin:1em 0;padding:12px 16px;border-left:4px solid #4968ff;background:#f6f8ff;border-radius:0 10px 10px 0;color:#344054}
.policy-editor-surface hr,.policy-body hr{border:0;border-top:1px solid #dbe2ec;margin:1.6em 0}
.policy-editor-surface a,.policy-body a{color:#3158e8;text-decoration:underline;text-underline-offset:2px}
.policy-editor-surface figure,.policy-body figure{margin:1.2em auto;text-align:center;max-width:100%}.policy-editor-surface img,.policy-body img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px}.policy-editor-surface figcaption,.policy-body figcaption{margin-top:7px;font-size:.9em;color:#667085}
@media(max-width:760px){.policy-editor-toolbar{position:static}.policy-editor-surface{min-height:360px;padding:16px}.policy-editor-toolbar button,.policy-editor-toolbar select{font-size:13px;padding:6px 8px}}


/* TENAR v0.7.5l — in-context user action modal */
.tenar-action-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px}
.tenar-action-modal[hidden]{display:none!important}
.tenar-action-modal-backdrop{position:absolute;inset:0;background:rgba(7,15,31,.68);backdrop-filter:blur(4px)}
.tenar-action-modal-card{position:relative;z-index:1;width:min(980px,calc(100vw - 44px));height:min(88vh,920px);display:flex;flex-direction:column;overflow:hidden;background:#f7f9fc;border:1px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.38)}
.tenar-action-modal-head{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px 0 24px;background:#fff;border-bottom:1px solid #e3e8ef}
.tenar-action-modal-head>div{display:flex;flex-direction:column;gap:2px}.tenar-action-modal-head small{font-size:9px;letter-spacing:.14em;color:#667085;font-weight:800}.tenar-action-modal-head strong{font-size:18px;color:#16213e}
.tenar-action-modal-close{width:40px;height:40px;border:1px solid #d9e0e9;border-radius:50%;background:#f7f9fc;color:#16213e;font-size:24px;line-height:1;cursor:pointer}
.tenar-action-modal-frame{width:100%;height:100%;flex:1;border:0;background:#f7f9fc}.tenar-action-modal-frame[hidden]{display:none!important}
.tenar-action-modal-loading{flex:1;display:grid;place-items:center;color:#667085;font-weight:700}
body.tenar-action-modal-open{overflow:hidden}
body.tenar-action-embed{background:#f7f9fc!important;min-height:100vh}
body.tenar-action-embed .tenar-action-embed-shell{width:min(920px,calc(100% - 28px))!important;max-width:920px!important;margin:0 auto!important;padding:18px 0 42px!important;min-height:100vh!important;background:#f7f9fc!important}
body.tenar-action-embed .wallet-hero,body.tenar-action-embed .wallet-panel,body.tenar-action-embed .wallet-stat-grid article{border-radius:12px!important}
body.tenar-action-embed .back-to-top{display:none!important}
@media(max-width:700px){.tenar-action-modal{padding:0}.tenar-action-modal-card{width:100vw;height:100vh;max-height:none;border-radius:0;border:0}.tenar-action-modal-head{height:64px;flex-basis:64px;padding:0 14px 0 16px}body.tenar-action-embed .tenar-action-embed-shell{width:calc(100% - 20px)!important;padding-top:10px!important}}

/* =========================================================
   TENAR v0.7.5o — Unified Inbox + User Discovery
   ========================================================= */
.topbar-user-search{width:42px;height:42px;border:1px solid #dce3ec;border-radius:13px;background:#fff;color:#263754;display:grid;place-items:center;text-decoration:none;font-size:20px;font-weight:900;box-shadow:0 5px 16px rgba(16,32,68,.035)}
.topbar-user-search:hover{border-color:#9eb7ea;background:#f6f9ff;color:#3158e8}
.unified-inbox-shell{max-width:1220px}.inbox-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.inbox-tabs a{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid #dfe5ec;border-radius:13px;background:#fff;color:#52617a;text-decoration:none;font-weight:800}.inbox-tabs a.active{background:#eef3ff;border-color:#97b1ff;color:#254ee8}.inbox-tabs a>b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;font-size:10px}.inbox-content-panel{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:20px;min-height:260px}.inbox-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.inbox-section-head h2{margin:0;color:#17243a}.inbox-section-head p{margin:5px 0 0;color:#748196;font-size:13px}.inbox-oneway-badge{padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:900;letter-spacing:.08em}.inbox-list-reset{margin:0;padding:0;border:0}.inbox-empty{padding:34px 18px;border:1px dashed #d7deea;border-radius:14px;text-align:center;color:#748196;display:grid;justify-items:center;gap:8px}.inbox-empty strong{color:#253754}.inbox-empty .btn{margin-top:8px}.message-request-main{display:flex;align-items:center;gap:12px;min-width:0}.message-request-main span{display:grid;gap:3px}.message-request-main small{color:#748196}.unified-admin-message-list{display:grid;gap:12px}
.user-discovery-shell{max-width:1260px}.user-search-panel{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:16px;margin-bottom:14px}.user-search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center}.user-search-form>span{font-size:22px;color:#6b7a90}.user-search-form input{width:100%;height:50px;border:1px solid #d4dce7;border-radius:12px;padding:0 15px;font:inherit;color:#17243a}.user-search-summary{margin:16px 2px;color:#748196;font-size:13px}.user-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.user-discovery-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:18px;box-shadow:0 7px 20px rgba(16,32,68,.035);display:flex;flex-direction:column;gap:13px;min-width:0}.user-discovery-head{display:flex;align-items:center;gap:12px}.user-discovery-head h2{margin:0;font-size:18px;color:#17243a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-discovery-head p{margin:3px 0 0;color:#748196;font-size:12px}.user-discovery-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.user-following-badge{padding:5px 8px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:10px;font-weight:900}.user-discovery-bio{margin:0;color:#53637a;line-height:1.55;font-size:13px;min-height:40px}.user-skill-list{display:flex;gap:6px;flex-wrap:wrap}.user-skill-list span{padding:5px 8px;border-radius:999px;background:#f3f6fa;color:#52617a;font-size:10px;font-weight:800}.user-live-room{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 11px;border-radius:12px;background:#fff4f3;border:1px solid #fecaca;text-decoration:none;color:#3f2a2a}.user-live-room span{font-size:9px;color:#d92d20;font-weight:900}.user-live-room strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-live-room small{color:#d92d20;font-weight:800;font-size:10px}.user-discovery-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.user-discovery-actions form{margin:0}.user-discovery-actions .btn{min-height:38px;padding:8px 11px;font-size:11px}.user-search-empty{grid-column:1/-1;padding:42px;border:1px dashed #d7deea;border-radius:16px;text-align:center;color:#748196;display:grid;gap:7px}.user-search-empty strong{color:#253754}
@media(max-width:1050px){.user-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topbar-user-search{width:38px;height:38px}.user-search-form{grid-template-columns:auto minmax(0,1fr)}.user-search-form .btn{grid-column:auto}.user-discovery-grid{grid-template-columns:1fr}.inbox-section-head{align-items:flex-start;flex-direction:column}.inbox-content-panel{padding:14px}.inbox-tabs a{flex:1;justify-content:center;min-width:96px}.user-live-room{grid-template-columns:auto minmax(0,1fr)}.user-live-room small{grid-column:2}}


/* =========================================================
   TENAR v0.7.5p — Compact Discover People / Cari Teman
   ========================================================= */
.user-discovery-shell{max-width:1380px!important}
.user-search-heading{margin-bottom:18px!important}
.user-search-panel{padding:14px 16px!important;margin-bottom:12px!important}
.user-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important}
.user-search-form>span{display:none!important}
.user-search-form input{min-width:0!important;width:100%!important;height:48px!important;border-radius:12px!important}
.user-search-form .btn{height:48px!important;min-height:48px!important;white-space:nowrap!important}
.user-search-summary{margin:14px 2px 12px!important}
.user-discovery-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.user-discovery-card{padding:16px!important;border-radius:16px!important;gap:11px!important;overflow:hidden!important;min-width:0!important;box-shadow:0 7px 22px rgba(16,32,68,.045)!important}
.user-discovery-head{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-width:0!important}
.user-discovery-avatar{display:block!important;width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;object-fit:cover!important;border-radius:50%!important;border:1px solid #dfe5ec!important;background:#eef2f6!important}
.user-discovery-head>div{min-width:0!important}
.user-discovery-head h2{font-size:16px!important;line-height:1.2!important}
.user-discovery-head p{font-size:11px!important}
.user-discovery-meta{min-height:28px!important}
.user-discovery-meta .reputation-badge{font-size:10px!important;padding:5px 8px!important}
.user-discovery-bio{font-size:12px!important;line-height:1.45!important;min-height:35px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.user-skill-list{min-height:26px!important}
.user-skill-list span{font-size:9px!important;padding:4px 7px!important}
.user-live-room{padding:8px 9px!important;border-radius:10px!important;grid-template-columns:auto minmax(0,1fr)!important}
.user-live-room small{grid-column:2!important}
.user-discovery-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.user-discovery-actions form{grid-column:1/-1!important}
.user-discovery-actions form .btn{width:100%!important}
.user-discovery-actions .btn{width:100%!important;justify-content:center!important;text-align:center!important;min-height:36px!important;padding:7px 9px!important;font-size:10px!important}
.topbar-user-search{display:none!important}
@media(max-width:1180px){.user-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.user-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.user-search-form{grid-template-columns:minmax(0,1fr) auto!important}.user-search-form a.btn{grid-column:1/-1!important}.user-discovery-grid{grid-template-columns:1fr!important}.user-discovery-card{padding:14px!important}.user-discovery-head{grid-template-columns:56px minmax(0,1fr)!important}.user-discovery-avatar{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important}}

/* ========================================================================== */
/* TENAR v0.7.5w — Interactive participant media room                         */
/* ========================================================================== */
.tenar-remote-audio{position:fixed!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;left:-10px!important;top:-10px!important}
.stage-strip-wrap{position:relative}
.stage-strip-head>div:first-child span{font-weight:900;letter-spacing:.12em;color:#d0d5dd}
.stage-strip{scroll-snap-type:x proximity;padding-bottom:7px}
.stage-member{scroll-snap-align:start;min-width:218px;max-width:260px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.stage-member.is-speaking,.people-row.is-speaking,.floating-media-window.is-speaking{border-color:#32d583!important;box-shadow:0 0 0 2px rgba(50,213,131,.22),0 0 26px rgba(50,213,131,.13)}
.stage-member.is-speaking::after{content:"SPEAKING";position:absolute;right:8px;top:-7px;background:#12b76a;color:#fff;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:950;letter-spacing:.08em}
.stage-member-info{cursor:pointer}
.stage-member-info small{white-space:nowrap}
.people-row{grid-template-columns:40px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid transparent;border-radius:12px;padding:8px;transition:.16s ease}
.people-camera-wrap{position:relative;display:block;width:38px;height:38px;border-radius:11px;overflow:hidden;background:#0b1220}
.people-camera-wrap img,.people-camera-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.people-camera-wrap video{opacity:0}
.people-camera-wrap.has-live-video video{opacity:1}
.people-camera-wrap.has-live-video img{opacity:0}
.people-camera-wrap.is-local-video.is-preview-mirrored video{transform:scaleX(-1)}
.people-info-button{width:28px;height:28px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.05);color:#d0d5dd;cursor:pointer}
.people-row-actions button{min-height:27px}
.floor-control-bar button.active,[data-global-mic-lock].active,[data-global-camera-lock].active{background:rgba(240,68,56,.18)!important;border-color:rgba(240,68,56,.42)!important;color:#fecaca!important}
.control-button.media-toggle.is-locked{background:rgba(240,68,56,.10);border-color:rgba(240,68,56,.32);color:#fda29b;opacity:.82}
.control-button.media-toggle.is-locked .media-control-icon{filter:none;opacity:1}
.control-button.media-toggle.is-locked .media-control-icon::after{display:none}
.control-button.screen-share-control.is-active{background:rgba(127,86,217,.24);border-color:rgba(167,139,250,.52)}
.control-button.self-view-restore:not([hidden]){display:flex}
.main-stage-media.is-screen-sharing::before{content:"SCREEN SHARE";position:absolute;left:14px;top:14px;z-index:9;background:rgba(127,86,217,.88);color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:950;letter-spacing:.09em;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.main-stage-media.is-screen-sharing .main-stage-live-video{object-fit:contain;background:#02040b}
.live-unread-badge,.live-tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f04438;color:#fff;font-size:9px;font-weight:950;line-height:1;margin-left:4px}
.live-unread-badge[hidden],.live-tab-badge[hidden]{display:none!important}
.control-button .live-unread-badge{position:absolute;right:5px;top:4px;margin:0}
.live-panel-tabs button{position:relative}
.live-panel-tabs button.has-unread{color:#fff}

/* Floating participant camera windows. */
.floating-media-layer{position:fixed;inset:0;pointer-events:none;z-index:120}
.floating-media-window{position:fixed;width:300px;height:224px;min-width:220px;min-height:150px;max-width:min(640px,80vw);max-height:min(520px,72vh);background:#0b1220;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.52);overflow:hidden;resize:both;pointer-events:auto;display:grid;grid-template-rows:auto minmax(0,1fr)}
.floating-media-head{height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 7px 12px;background:rgba(17,24,39,.97);border-bottom:1px solid rgba(255,255,255,.08);cursor:move;user-select:none;touch-action:none}
.floating-media-head>div:first-child{min-width:0;display:flex;flex-direction:column}
.floating-media-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floating-media-head small{font-size:9px;color:#98a2b3;margin-top:2px}
.floating-media-head-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.floating-media-head-actions button{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.floating-media-head-actions button:hover{background:rgba(255,255,255,.14)}
.floating-media-body{position:relative;min-height:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.18),transparent 45%),#030611;overflow:hidden}
.floating-media-body video,.floating-media-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.floating-media-body video{opacity:0;background:#02040b}
.floating-media-body.has-live-video video{opacity:1}
.floating-media-body.has-live-video img{opacity:0}
.floating-media-body.is-local-video video{transform:scaleX(1)}
.floating-media-body.is-local-video.is-preview-mirrored video{transform:scaleX(-1)}
.floating-camera-off{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);z-index:3;background:rgba(3,7,18,.76);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 9px;color:#d0d5dd;font-size:9px;font-weight:800;white-space:nowrap}
.floating-media-body.has-live-video .floating-camera-off{display:none}
.floating-media-window.is-minimized{height:46px!important;min-height:46px!important;resize:none}
.floating-media-window.is-minimized .floating-media-body{display:none}
.floating-media-window.is-maximized{left:3vw!important;top:4vh!important;right:auto!important;bottom:auto!important;width:72vw!important;height:78vh!important;max-width:none!important;max-height:none!important;resize:none}
.floating-media-window.is-speaking .floating-media-head{background:linear-gradient(90deg,rgba(18,183,106,.22),rgba(17,24,39,.97) 35%)}

@media(max-width:900px){
    body[data-live-role="audience"] .control-button[data-role-stage-only]{display:flex}
    body[data-live-role="audience"] .control-button[data-media-settings-open]{display:flex}
    .stage-member{min-width:172px;max-width:200px}
    .floating-media-window{resize:none;width:min(92vw,420px);height:min(46vh,320px);min-width:0;min-height:150px;max-width:none;max-height:none;right:4vw!important;left:auto!important;top:auto!important;bottom:80px!important;border-radius:16px}
    .floating-media-window:not(.is-self){bottom:88px!important}
    .floating-media-window.is-maximized{inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;z-index:150!important}
    .floating-media-head{cursor:default;touch-action:auto}
    .floating-media-window.is-minimized{width:210px!important;height:46px!important;right:10px!important;bottom:78px!important}
    .people-row{grid-template-columns:40px minmax(0,1fr) auto}
    .people-row-actions{grid-column:1/-1;justify-content:flex-start;padding-left:48px}
}

@media(max-width:560px){
    .stage-member{min-width:164px}
    .floating-media-window{width:94vw;right:3vw!important;height:32vh;bottom:72px!important}
    .floating-media-window.is-self{width:42vw;min-width:150px;height:24vh;right:3vw!important;bottom:74px!important}
    .floating-media-window.is-self .floating-media-head strong{max-width:100px}
    .floating-media-head-actions button{width:26px;height:26px}
}


/* ========================================================================== */
/* TENAR v0.7.5x — Live Room UI Polish: participant carousel + People panel   */
/* ========================================================================== */
.stage-strip-wrap{padding:10px 16px 12px!important;background:#060912;border-top:1px solid rgba(255,255,255,.055)}
.stage-strip-head{justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;min-height:34px!important;flex-wrap:wrap!important}
.stage-strip-head>div:first-child{display:flex!important;align-items:center!important;gap:10px!important}
.stage-strip-head>div:first-child span{font-size:14px!important;line-height:1!important;letter-spacing:.14em!important;color:#f2f4f7!important}
.stage-strip-head small{font-size:12px!important;color:#98a2b3!important}
.stage-strip-frame{position:relative;min-width:0}
.stage-strip{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 38px 7px!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.18) transparent!important}
.stage-strip::-webkit-scrollbar{height:7px}.stage-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.stage-strip-nav{position:absolute;top:50%;z-index:8;width:32px;height:54px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(17,24,39,.92);color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.3)}
.stage-strip-nav:hover{background:#1d2939}.stage-strip-nav-prev{left:0}.stage-strip-nav-next{right:0}
.stage-member{min-width:188px!important;max-width:188px!important;padding:0!important;display:grid!important;grid-template-rows:104px auto!important;gap:0!important;overflow:hidden!important;border-radius:14px!important;background:#111827!important;scroll-snap-align:start!important;isolation:isolate}
.stage-avatar-button.participant-preview{display:block!important;width:100%!important;height:104px!important;border:0!important;padding:0!important;background:#060912!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}
.stage-avatar-wrap{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden!important}
.stage-avatar-wrap img,.stage-avatar-wrap .stage-live-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;background:#030611!important}
.stage-avatar-wrap .stage-live-video{opacity:0}.stage-avatar-wrap.has-live-video .stage-live-video{opacity:1}.stage-avatar-wrap.has-live-video img{opacity:0}
.stage-avatar-wrap .presence-dot{right:8px!important;bottom:8px!important;width:12px!important;height:12px!important;border-color:#0b1220!important}
.stage-member-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:10px!important;min-height:66px!important}
.stage-member-info{display:block!important;min-width:0!important;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;text-align:left!important}
.stage-member-info strong{font-size:14px!important;line-height:1.25!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:118px!important}
.stage-member-info small{display:flex!important;align-items:center!important;gap:7px!important;margin-top:5px!important;color:#98a2b3!important;font-size:11px!important;white-space:nowrap!important}
.stage-member-info small b{font-size:9px!important;letter-spacing:.06em!important;color:#d0d5dd!important}
.participant-media-status{font-style:normal!important;letter-spacing:.03em!important}
.stage-member-actions{display:flex!important;gap:4px!important;align-items:center!important}.stage-member-actions .mini-icon-button{width:29px!important;height:29px!important;font-size:12px!important;border:1px solid rgba(255,255,255,.08)!important}
.participant-event-badge{position:absolute;top:8px;z-index:6;display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;font-size:13px;box-shadow:0 6px 20px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.25)}
.participant-event-badge.hand{left:8px;background:#fdb022;color:#161b26}.participant-event-badge.chat{right:8px;background:#2e90fa;color:#fff}.stage-member.has-hand .participant-event-badge.chat{right:42px}
.stage-member.is-speaking{border-color:#32d583!important;box-shadow:0 0 0 2px rgba(50,213,131,.22),0 0 24px rgba(50,213,131,.18)!important;transform:translateY(-1px)}
.stage-member.is-speaking::after{content:"BERBICARA"!important;right:8px!important;top:8px!important;z-index:7!important;font-size:9px!important;padding:5px 7px!important;background:#12b76a!important}.stage-member.is-speaking.has-hand::after{top:42px!important}
.stage-member.has-chat-activity{box-shadow:0 0 0 2px rgba(46,144,250,.18)}

/* People: information starts directly below tabs; no giant empty spacer. */
.live-panel-view.people-panel-view{grid-template-rows:auto auto minmax(0,1fr)!important;align-content:stretch!important;overflow:hidden!important}
.people-summary{display:flex!important;align-items:center!important;gap:7px 12px!important;flex-wrap:wrap!important;padding:13px 16px!important;background:#0d1422!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#b9c1cf!important;font-size:12px!important;line-height:1.35!important}
.people-summary strong{font-size:14px!important;color:#fff!important;margin-right:2px!important}.people-summary b{color:#fff!important}.people-hand-summary{color:#fdb022!important}
.people-search{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:11px 13px 8px!important;padding:0 11px!important;height:42px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:#0b1220!important;color:#98a2b3!important}
.people-search span{font-size:18px!important}.people-search input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit!important;font-size:13px!important}.people-search input::placeholder{color:#667085!important}
.people-list-scroll{padding:4px 10px 14px!important;overflow-y:auto!important;min-height:0!important}
.people-row{display:grid!important;grid-template-columns:48px minmax(0,1fr) 34px!important;grid-template-areas:"avatar info profile" "actions actions actions"!important;gap:7px 10px!important;align-items:center!important;margin:5px 0!important;padding:10px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;background:#111827!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.people-row:hover{background:#141d2d!important;border-color:rgba(255,255,255,.13)!important}.people-row.is-speaking{border-color:#32d583!important;background:linear-gradient(90deg,rgba(18,183,106,.10),#111827 38%)!important}.people-row.has-hand{border-color:rgba(253,176,34,.38)!important}
.people-avatar-button{grid-area:avatar!important;width:48px!important;height:48px!important;border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important}.people-camera-wrap{width:48px!important;height:48px!important;border-radius:12px!important}.people-camera-wrap .presence-dot{right:-2px!important;bottom:-2px!important}
.people-row-main{grid-area:info!important;display:block!important;min-width:0!important;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;text-align:left!important;cursor:pointer!important}.people-row-main strong{display:block!important;font-size:15px!important;line-height:1.25!important;font-weight:850!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.people-role-line{display:flex!important;align-items:center!important;gap:7px!important;margin-top:5px!important}.people-role-badge{display:inline-flex!important;align-items:center!important;min-height:20px!important;padding:2px 7px!important;border-radius:999px!important;background:rgba(127,86,217,.16)!important;color:#cbb9ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em!important;font-style:normal!important}.people-role-badge.role-host{background:rgba(46,144,250,.16)!important;color:#84caff!important}.people-role-badge.role-moderator{background:rgba(168,85,247,.17)!important;color:#d8b4fe!important}.people-online-state{font-size:11px!important;color:#667085!important;font-style:normal!important}.people-online-state.online{color:#6ce9a6!important}.people-media-line{display:block!important;margin-top:5px!important;font-size:12px!important;color:#d0d5dd!important}.people-media-line em{font-style:normal!important;color:#fdb022!important;margin-left:4px!important}
.people-info-button{grid-area:profile!important;width:32px!important;height:32px!important;border-radius:9px!important;font-size:14px!important;background:rgba(255,255,255,.06)!important;color:#d0d5dd!important}.people-row-actions{grid-area:actions!important;display:flex!important;gap:6px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;padding:2px 0 0 58px!important}.people-action{min-height:31px!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:8px!important;background:rgba(255,255,255,.055)!important;color:#e4e7ec!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}.people-action:hover{background:rgba(255,255,255,.10)!important}.people-action-primary{border-color:rgba(46,144,250,.30)!important;background:rgba(46,144,250,.12)!important;color:#b2ddff!important}.people-icon-action{min-width:40px!important;padding-inline:7px!important}.people-action.is-locked{border-color:rgba(253,176,34,.3)!important;color:#fedf89!important}.people-action.danger{margin-left:auto!important;border-color:rgba(240,68,56,.35)!important;background:rgba(240,68,56,.12)!important;color:#fda29b!important}.people-action.danger:hover{background:rgba(240,68,56,.22)!important;color:#fff!important}

.live-panel-tabs button{font-size:14px!important;min-height:58px!important}.chat-message strong,.chat-user-name{font-size:13px!important}.chat-message p{font-size:13px!important}.panel-empty{font-size:13px!important}

@media(max-width:1050px){.stage-member{min-width:176px!important;max-width:176px!important}.stage-avatar-button.participant-preview{height:98px!important}.stage-member{grid-template-rows:98px auto!important}.stage-member-info strong{font-size:13px!important}}
@media(max-width:820px){.stage-strip-wrap{padding:8px 8px 10px!important}.stage-strip{padding-inline:34px!important}.stage-member{min-width:166px!important;max-width:166px!important}.stage-strip-nav{width:29px;height:48px}.people-row-main strong{font-size:15px!important}.people-row-main span{font-size:12px!important}.people-summary{font-size:12px!important}.people-search input{font-size:16px!important}}
@media(max-width:560px){.stage-strip-head>div:first-child span{font-size:12px!important}.stage-strip-head small{display:none!important}.stage-member{min-width:152px!important;max-width:152px!important;grid-template-rows:88px auto!important}.stage-avatar-button.participant-preview{height:88px!important}.stage-member-bottom{padding:8px!important}.stage-member-info strong{font-size:12px!important;max-width:92px!important}.stage-member-actions .mini-icon-button{width:27px!important;height:27px!important}.people-row{grid-template-columns:46px minmax(0,1fr) 32px!important;padding:9px!important}.people-avatar-button,.people-camera-wrap{width:46px!important;height:46px!important}.people-row-actions{padding-left:56px!important}.people-action{font-size:10px!important}.people-action.danger{margin-left:0!important}}


/* =========================================================
   TENAR v0.7.5ab — Collapsible Participant Strip
   Keep the PARTICIPANTS/floor-control header visible while
   the thumbnail carousel can be hidden to enlarge Main Stage.
   ========================================================= */
.stage-strip-title{display:flex;align-items:center;gap:10px;min-width:0}
.stage-strip-toggle{
    width:32px;height:28px;display:grid;place-items:center;flex:0 0 auto;
    border:1px solid rgba(255,255,255,.14);border-radius:9px;
    background:rgba(255,255,255,.06);color:#fff;cursor:pointer;
    font:900 19px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    transition:background .16s ease,border-color .16s ease,transform .16s ease
}
.stage-strip-toggle:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.stage-strip-toggle:active{transform:translateY(1px)}
.stage-strip-frame[hidden]{display:none!important}
.live-room-body.stage-strip-collapsed .stage-strip-wrap{padding:8px 16px!important}
.live-room-body.stage-strip-collapsed .stage-strip-head{margin-bottom:0!important}
.live-room-body.stage-strip-collapsed .main-stage-media{max-height:none!important}
.live-room-body.stage-strip-collapsed .main-stage{padding-top:10px;padding-bottom:10px}

@media(max-width:900px){
    .stage-strip-title{gap:7px}
    .stage-strip-toggle{width:30px;height:26px;font-size:18px}
    .live-room-body.stage-strip-collapsed .stage-strip-wrap{padding:6px 8px!important}
    .live-room-body.stage-strip-collapsed .main-stage{padding:0 0 4px}
}

@media(max-width:560px){
    .stage-strip-toggle{width:28px;height:25px;font-size:17px}
}

@media(orientation:landscape) and (max-width:1000px) and (max-height:650px){
    .stage-strip-head{display:flex!important}
    .stage-strip-title small{display:none!important}
    .stage-strip-toggle{width:28px;height:25px;font-size:15px}
    .live-room-body.stage-strip-collapsed .stage-strip-wrap{width:auto;min-width:190px;background:rgba(5,8,20,.9);border:1px solid rgba(255,255,255,.08);border-radius:12px}
}

/* TENAR v0.7.5ac — realtime DM */
.dm-realtime-page .dm-thread{min-height:360px;max-height:calc(100vh - 350px);overflow-y:auto;scroll-behavior:smooth}
.dm-thread-heading .eyebrow{display:flex;align-items:center;gap:8px}.dm-thread-heading .eyebrow:after{content:'● realtime';font-size:10px;color:#178a54;background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;padding:3px 7px;letter-spacing:.02em}
.dm-message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.dm-bubble-time{font-size:11px!important;color:#7b8799!important;font-weight:650;letter-spacing:.01em}.dm-read-state{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:20px;padding:2px 7px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475467;font-size:10px!important;font-weight:900;line-height:1;letter-spacing:.015em;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.05)}.dm-bubble.mine .dm-read-state{border-color:#b8c7ff;background:#f4f6ff;color:#2448c7}.dm-bubble.mine .dm-read-state.is-read{border-color:#8bd5b0;background:#ecfdf3;color:#087443}.dm-send-status{align-self:center;font-size:12px;color:#b42318;min-width:0}.dm-new-message-indicator{position:sticky;bottom:84px;z-index:5;text-align:center;height:0}.dm-new-message-indicator button{transform:translateY(-52px);border:0;border-radius:999px;padding:8px 13px;background:#17213c;color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(23,33,60,.22);cursor:pointer}
.tenar-dm-toast{position:fixed;right:22px;top:88px;z-index:2600;width:min(360px,calc(100vw - 28px));display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid #dbe4f0;border-radius:16px;background:#fff;color:#17213c;text-decoration:none;box-shadow:0 18px 48px rgba(23,33,60,.2);opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.tenar-dm-toast.is-visible{opacity:1;transform:translateY(0)}.tenar-dm-toast-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#315efb;font-size:18px}.tenar-dm-toast>span:last-child{display:grid;gap:3px;min-width:0}.tenar-dm-toast strong{font-size:14px}.tenar-dm-toast small{font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){.dm-realtime-page .dm-thread{max-height:calc(100vh - 410px);min-height:300px}.tenar-dm-toast{right:14px;top:76px}.dm-compose{position:sticky;bottom:0;background:#f7f9fc;padding:8px 0 2px;z-index:4}}

/* ================================================================
   TENAR v0.7.5ad — Official Inbox + Floating Realtime Direct Message
   ================================================================ */
.tenar-action-modal-loading[hidden]{display:none!important}

/* Envelope is official TENAR mail only; social DM lives in this floating launcher. */
.tenar-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:96;width:52px;height:52px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#315efb,#6f4cff);color:#fff;box-shadow:0 14px 34px rgba(49,94,251,.30);cursor:pointer;transition:bottom .2s ease,transform .18s ease,box-shadow .18s ease}
.tenar-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(49,94,251,.38)}
.tenar-chat-launcher.above-back-to-top{bottom:80px}
.tenar-chat-launcher svg{width:25px;height:25px;fill:currentColor}
.tenar-chat-launcher>b{position:absolute;right:-2px;top:-4px;min-width:22px;height:22px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.tenar-chat-launcher>b[hidden]{display:none!important}
.tenar-chat-launcher.is-open{box-shadow:0 0 0 4px rgba(49,94,251,.12),0 14px 34px rgba(49,94,251,.30)}

.tenar-floating-chat{position:fixed;right:24px;bottom:88px;z-index:950;width:min(410px,calc(100vw - 32px));height:min(650px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid #dce3ed;border-radius:20px;box-shadow:0 28px 80px rgba(15,29,55,.28);overflow:hidden;color:#16213e}
.tenar-floating-chat[hidden]{display:none!important}
.tenar-floating-chat.is-minimized{height:64px!important}
.tenar-floating-chat.is-minimized>:not(.tenar-floating-chat-head){display:none!important}
.tenar-floating-chat-head{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 0 18px;background:#111a2f;color:#fff;cursor:move;touch-action:none;user-select:none}
.tenar-floating-chat-head>div:first-child{display:grid;gap:1px}.tenar-floating-chat-head strong{font-size:17px}.tenar-floating-chat-head small{font-size:11px;color:#aeb9d0}
.tenar-floating-chat-head-actions{display:flex;gap:6px}.tenar-floating-chat-head-actions button{width:34px;height:34px;border:1px solid #33415f;border-radius:10px;background:#1a2540;color:#fff;font-size:20px;cursor:pointer}
.tenar-floating-chat-home,.tenar-floating-chat-thread,.tenar-floating-chat-compose-request{min-height:0;flex:1;display:flex;flex-direction:column}
.tenar-floating-chat-home[hidden],.tenar-floating-chat-thread[hidden],.tenar-floating-chat-compose-request[hidden],.tenar-floating-chat-view[hidden],.tenar-floating-chat-search-results[hidden]{display:none!important}
.tenar-floating-chat-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e4e9f0;background:#fafbfc}
.tenar-floating-chat-tabs button{position:relative;min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#68758a;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.tenar-floating-chat-tabs button.active{color:#315efb;border-bottom-color:#315efb;background:#fff}
.tenar-floating-chat-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:9px}.tenar-floating-chat-tabs b[hidden]{display:none!important}
.tenar-floating-chat-view{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.tenar-floating-chat-search{display:flex;align-items:center;gap:8px;margin:12px;border:1px solid #dce3ed;border-radius:12px;background:#f8faff;padding:0 11px;min-height:44px}
.tenar-floating-chat-search span{color:#65758d}.tenar-floating-chat-search input{width:100%;border:0;outline:0;background:transparent;color:#17243a;font:inherit;font-size:13px}
.tenar-floating-chat-search-results{position:absolute;left:12px;right:12px;top:126px;max-height:340px;overflow:auto;z-index:8;background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 18px 50px rgba(15,29,55,.18)}
.tenar-floating-chat-list,.tenar-floating-request-list{min-height:0;flex:1;overflow:auto;padding:0 10px 12px}
.floating-chat-person,.floating-search-person{width:100%;border:0;border-bottom:1px solid #eef2f6;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;text-align:left;color:#17243a;cursor:pointer}
.floating-chat-person:hover,.floating-search-person:hover{background:#f7f9ff}.floating-chat-person img,.floating-search-person img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#eef2f7}
.floating-chat-person span,.floating-search-person span{min-width:0;display:grid;gap:3px}.floating-chat-person strong,.floating-search-person strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-person small,.floating-search-person small{font-size:11px;color:#76849a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floating-chat-person>b{min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#315efb;color:#fff;font-size:9px}.floating-chat-person em,.floating-search-person em{font-size:9px;font-style:normal;font-weight:850;color:#8a5b00;background:#fff6da;border-radius:999px;padding:5px 7px;white-space:nowrap}
.floating-chat-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:32px 18px;color:#7a8799;font-size:12px}.floating-chat-empty strong{font-size:13px;color:#34445d}.floating-chat-loading{padding:20px;text-align:center;color:#76849a;font-size:12px}
.floating-request-card{margin:10px 0;padding:13px;border:1px solid #e0e6ef;border-radius:14px;background:#fff}.floating-request-person{display:flex;align-items:center;gap:10px}.floating-request-person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.floating-request-person span{display:grid;gap:2px}.floating-request-person strong{font-size:14px}.floating-request-person small{font-size:11px;color:#7a8799}.floating-request-card>p{margin:11px 0;padding:10px;border-radius:10px;background:#f7f9fc;color:#44546a;font-size:12px;line-height:1.5}.floating-request-actions{display:flex;gap:6px;flex-wrap:wrap}.floating-request-actions a,.floating-request-actions button{border:1px solid #d7dee9;border-radius:9px;background:#fff;color:#34445d;text-decoration:none;padding:7px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.floating-request-actions button[data-request-action="accept"]{background:#315efb;border-color:#315efb;color:#fff}.floating-request-actions .danger{color:#b42318;border-color:#f1c5c2}

.tenar-floating-chat-compose-request{padding:14px;overflow:auto;gap:12px}.floating-chat-back{align-self:flex-start;border:0;background:transparent;color:#315efb;font:inherit;font-weight:800;cursor:pointer;padding:4px 0}.floating-compose-user{display:flex;gap:12px;padding:12px;border:1px solid #e0e6ef;border-radius:14px;background:#f9fbfd}.floating-compose-user>img{width:58px;height:58px;border-radius:50%;object-fit:cover}.floating-compose-user>span{min-width:0;display:grid;gap:3px}.floating-compose-user strong{font-size:15px}.floating-compose-user small{font-size:11px;color:#76849a}.floating-compose-user p{margin:4px 0;font-size:12px;line-height:1.45;color:#52617a}.floating-compose-user a{font-size:11px;color:#315efb;font-weight:800}.floating-request-hint,.floating-request-waiting{margin:10px 0 0;padding:9px;border-radius:10px;background:#eef4ff;color:#42587c;font-size:11px;line-height:1.45}.tenar-floating-chat-compose-request textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #d6deea;border-radius:12px;padding:11px;font:inherit;font-size:13px;color:#17243a}.tenar-floating-chat-compose-request>[data-floating-request-status]{font-size:11px;color:#66758a}

.tenar-floating-chat-thread{position:relative}.tenar-floating-thread-user{height:58px;flex:0 0 58px;display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #e5eaf1}.tenar-floating-thread-user>.floating-chat-back{font-size:18px}.tenar-floating-thread-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.tenar-floating-thread-user span{display:grid;min-width:0}.tenar-floating-thread-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenar-floating-thread-user small{font-size:10px;color:#7b8799}.tenar-floating-thread-user>a{font-size:10px;color:#315efb;text-decoration:none;font-weight:800}
.tenar-floating-thread-messages{min-height:0;flex:1;overflow:auto;padding:14px;background:#f7f9fc;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.tenar-floating-thread-messages .dm-bubble{max-width:86%;padding:9px 11px;border-radius:14px}.tenar-floating-thread-messages .dm-bubble p{font-size:13px;margin:4px 0}.tenar-floating-thread-messages .dm-bubble small{font-size:9px}.tenar-floating-thread-messages .dm-bubble-time{font-size:9px!important}.tenar-floating-thread-messages .dm-read-state{font-size:9px!important;min-height:18px;padding:2px 6px}.tenar-floating-thread-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid #e4e9f0;background:#fff}.tenar-floating-thread-compose textarea{resize:none;max-height:100px;border:1px solid #d6deea;border-radius:12px;padding:9px 10px;font:inherit;font-size:13px}.tenar-floating-thread-compose .btn{min-width:68px}.tenar-floating-thread-status{min-height:17px;padding:0 12px 5px;background:#fff;color:#69778c;font-size:10px}.tenar-floating-chat-thread .dm-new-message-indicator{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);border:0;border-radius:999px;background:#17243a;color:#fff;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(15,29,55,.18)}

.tenar-dm-toast-button{border:1px solid rgba(255,255,255,.2);text-align:left;cursor:pointer}
.official-inbox-only .workspace-heading{margin-bottom:18px}

@media(max-width:720px){
  .tenar-chat-launcher{right:16px;bottom:18px}.tenar-chat-launcher.above-back-to-top{bottom:74px}
  .tenar-floating-chat{left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;width:auto;height:min(78vh,720px);border-radius:18px}
  .tenar-floating-chat-head{cursor:default}
  .tenar-floating-chat-search-results{top:126px}
}
.tenar-floating-thread-user{grid-template-columns:auto minmax(0,1fr)}
.tenar-floating-thread-user>[data-floating-thread-user]{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px}

/* =========================================================
   TENAR v0.7.5ae — Persistent Global Chat / Reply / Attachments / Groups
   ========================================================= */
.tenar-action-modal-loading[hidden]{display:none!important}
.tenar-action-modal-frame{min-height:0}
.tenar-floating-chat-tabs{grid-template-columns:repeat(3,1fr)}
.tenar-floating-groups{overflow:hidden}
.floating-group-toolbar{padding:10px 12px;border-bottom:1px solid #e7ebf1;background:#fff}.floating-group-toolbar .btn{width:100%;min-height:40px;font-size:12px}
.tenar-floating-group-list{min-height:0;flex:1;overflow:auto;padding:4px 10px 12px}
.floating-group-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #eef2f6;color:#17243a;cursor:pointer}.floating-group-row:hover{background:#f7f9ff}.floating-group-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef2ff;font-size:20px}.floating-group-avatar.small{width:38px;height:38px;font-size:17px}.floating-group-row>span{min-width:0;display:grid;gap:3px}.floating-group-row strong{font-size:13px}.floating-group-row small{font-size:11px;color:#76849a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-group-row>b{min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#315efb;color:#fff;display:grid;place-items:center;font-size:9px}.floating-group-invite-actions{grid-column:2/4;display:flex;gap:6px}.floating-group-invite-actions button{border:1px solid #d5deea;border-radius:9px;background:#fff;padding:6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.floating-group-invite-actions button:first-child{background:#315efb;color:#fff;border-color:#315efb}
.tenar-floating-group-create{min-height:0;flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.tenar-floating-group-create[hidden]{display:none!important}.tenar-floating-group-create h3{margin:0;color:#17243a}.tenar-floating-group-create>label:not(.tenar-floating-chat-search){display:grid;gap:6px;font-size:11px;font-weight:800;color:#52617a}.tenar-floating-group-create>label>input{min-height:42px;border:1px solid #d6deea;border-radius:11px;padding:0 11px;font:inherit;color:#17243a}.tenar-floating-group-create .tenar-floating-chat-search{margin:0}.tenar-floating-group-search-results{max-height:210px;overflow:auto;border:1px solid #e0e6ef;border-radius:12px}.floating-group-selected{display:flex;gap:6px;flex-wrap:wrap}.floating-group-selected>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#eef3ff;color:#2849c7;font-size:10px;font-weight:800}.floating-group-selected button{border:0;background:transparent;color:inherit;font-weight:900;cursor:pointer}.tenar-floating-group-create>[data-floating-group-create-status]{font-size:11px;color:#66758a}
.tenar-floating-thread-user{grid-template-columns:auto 38px minmax(0,1fr) auto auto}.floating-thread-info{width:34px;height:34px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#31415d;cursor:pointer}.tenar-floating-group-members{position:absolute;left:10px;right:10px;top:62px;z-index:12;max-height:300px;overflow:auto;padding:10px;background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 18px 55px rgba(15,29,55,.20)}.tenar-floating-group-members[hidden]{display:none!important}.floating-group-members-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.floating-group-members-head button{border:0;background:transparent;font-size:20px;cursor:pointer}.floating-group-member{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border-top:1px solid #eef2f6}.floating-group-member img{width:34px;height:34px;border-radius:50%;object-fit:cover}.floating-group-member span{display:grid}.floating-group-member strong{font-size:11px}.floating-group-member small{font-size:9px;color:#76849a;text-transform:uppercase}
.floating-reply-preview,.floating-attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #e4e9f0;background:#f7f9fc;color:#52617a;font-size:10px}.floating-reply-preview[hidden],.floating-attachment-preview[hidden]{display:none!important}.floating-reply-preview span,.floating-attachment-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-reply-preview button,.floating-attachment-preview button{width:24px;height:24px;border:0;border-radius:50%;background:#e9eef5;color:#34445d;cursor:pointer}
.tenar-floating-thread-compose{grid-template-columns:auto minmax(0,1fr) auto}.floating-compose-icon{width:38px;height:38px;align-self:end;border:1px solid #d6deea;border-radius:11px;background:#fff;cursor:pointer;font-size:17px}.floating-compose-icon:hover{background:#f4f7ff;border-color:#a7b7ef}
.tenar-floating-thread-messages .dm-bubble{position:relative}.dm-bubble-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.dm-bubble-foot>button{border:0;background:transparent;color:#7a8799;font-size:13px;cursor:pointer;padding:2px 4px}.dm-bubble:hover .dm-bubble-foot>button{color:#315efb}.dm-reply-quote{width:100%;display:grid;gap:2px;margin:5px 0 6px;padding:7px 8px;border:0;border-left:3px solid #8098ff;border-radius:6px;background:rgba(49,94,251,.08);text-align:left;color:inherit;cursor:pointer}.dm-reply-quote strong{font-size:10px}.dm-reply-quote span{font-size:10px;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-attachment{display:grid;gap:5px;margin-top:7px;text-decoration:none;color:inherit}.dm-attachment.image img{display:block;max-width:220px;max-height:190px;border-radius:10px;object-fit:cover}.dm-attachment.image span{font-size:9px;opacity:.8}.dm-attachment.file{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:8px;border:1px solid rgba(49,94,251,.15);border-radius:10px;background:rgba(255,255,255,.7)}.dm-attachment.file>span{font-size:18px}.dm-attachment.file strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-attachment.file small{font-size:8px;opacity:.7}
@media(max-width:720px){.tenar-floating-chat-tabs button{font-size:11px}.tenar-floating-group-create{padding:12px}.tenar-floating-thread-user{grid-template-columns:auto 38px minmax(0,1fr) auto}.tenar-floating-thread-user>a{display:none}.dm-attachment.image img{max-width:190px}}
.floating-group-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:8px}.floating-group-add input{min-height:34px;border:1px solid #d8e0ea;border-radius:9px;padding:0 9px;font:inherit;font-size:10px}.floating-group-add button{border:0;border-radius:9px;background:#315efb;color:#fff;font-size:10px;font-weight:800;padding:0 9px;cursor:pointer}.floating-group-member{grid-template-columns:34px minmax(0,1fr) auto}.floating-group-member>[data-group-remove-member]{width:28px;height:28px;border:1px solid #f0caca;border-radius:8px;background:#fff6f6;color:#b42318;cursor:pointer}
.tenar-floating-group-search-results[hidden]{display:none!important}

/* TENAR compact DM receipt — timestamp remains secondary, receipt distinct but not oversized. */
.tenar-floating-chat .dm-message-meta{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin-top:5px!important}
.tenar-floating-chat .dm-bubble-time{font-size:10px!important;line-height:1.2!important;color:#8490a5!important;font-weight:500!important}
.tenar-floating-chat .dm-read-state{display:inline!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;color:#65728a!important}
.tenar-floating-chat .dm-read-state.is-read{color:#315efb!important}

/* TENAR 029 — Knowledge Post, Archive Replay Marketplace, Recording + Share */
.insight-shell,.archive-marketplace-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.insight-hero,.archive-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border,#e5e7eb);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.96));margin-bottom:22px}.insight-hero h1,.archive-intro h1{margin:4px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.05}.insight-hero p,.archive-intro p{max-width:780px;margin:0;color:var(--muted,#64748b);line-height:1.65}.knowledge-composer{border:1px solid var(--border,#e5e7eb);border-radius:20px;background:#fff;padding:22px;margin:0 auto 24px;max-width:850px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.knowledge-composer-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.knowledge-composer-title h2{margin:3px 0}.knowledge-composer-title small{max-width:300px;color:#64748b;text-align:right}.knowledge-composer-form label,.room-replay-editor label{display:grid;gap:7px;font-weight:700}.knowledge-composer-form textarea,.knowledge-composer-form input,.knowledge-composer-form select,.room-replay-editor input{width:100%;box-sizing:border-box}.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.knowledge-composer-form{display:grid;gap:16px}.knowledge-feed-list{display:grid;gap:18px;max-width:850px;margin:0 auto}.knowledge-post-card{border:1px solid var(--border,#e5e7eb);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.045)}.knowledge-post-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px 18px 8px}.knowledge-post-head>div{min-width:0}.knowledge-post-head small{display:block;color:#64748b;margin-top:2px}.knowledge-post-author{font-weight:800;color:inherit;text-decoration:none}.knowledge-post-type{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;background:#f1f5f9;white-space:nowrap}.knowledge-post-copy{padding:10px 18px 16px;line-height:1.65;font-size:15px;overflow-wrap:anywhere}.knowledge-post-room-link{margin:0 18px 16px;padding:13px 15px;border:1px solid #dbeafe;background:#eff6ff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#1e3a8a;text-decoration:none}.knowledge-post-room-link span{font-weight:800}.knowledge-post-room-link small{color:#475569}.knowledge-post-image{display:block;width:100%;max-height:650px;object-fit:cover;background:#f1f5f9}.knowledge-post-video{position:relative;width:100%;aspect-ratio:16/9;background:#0f172a}.knowledge-post-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.knowledge-post-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #eef2f7;background:#fbfdff}.knowledge-post-actions form{margin:0}.post-like-button,.post-like-static,.post-action-link{border:0;background:transparent;color:#475569;padding:7px 10px;border-radius:10px;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.post-like-button:hover,.post-action-link:hover{background:#f1f5f9}.post-like-button.is-liked{color:#dc2626;background:#fef2f2}.post-action-link.danger{color:#b91c1c}.profile-knowledge-posts{max-width:none}.insight-feed>.section-head{max-width:850px;margin:0 auto 14px}.archive-value-stack{display:grid;grid-template-columns:repeat(2,auto);gap:8px}.archive-value-stack span{background:#0f172a;color:#fff;padding:9px 12px;border-radius:12px;font-size:12px;font-weight:800}.archive-filter-panel{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:16px;margin-bottom:22px}.archive-filter-form{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(3,minmax(130px,.8fr)) auto auto;gap:12px;align-items:end}.archive-filter-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#475569}.archive-filter-form input,.archive-filter-form select{width:100%;box-sizing:border-box}.replay-badge{background:#7c3aed;color:#fff;font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px}.card-share-button{border:0;background:#f1f5f9;color:#334155;padding:6px 9px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.card-share-button:hover{background:#e2e8f0}.archive-commerce-hero{gap:24px}.archive-value-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.room-replay-section{margin-top:22px;padding:22px;border-radius:20px;border:1px solid var(--border,#e5e7eb);background:#fff}.room-replay-player{width:100%;aspect-ratio:16/9;max-height:720px;background:#020617;border-radius:16px;overflow:hidden}.room-replay-player iframe{width:100%;height:100%;border:0}.room-replay-external{display:flex;flex-direction:column;gap:5px;padding:22px;border-radius:16px;background:#0f172a;color:#fff;text-decoration:none}.room-replay-external span{color:#cbd5e1}.room-replay-editor{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}.room-replay-editor>div:first-child{display:grid;gap:4px}.room-replay-editor small{color:#64748b;font-weight:500}.recording-consent-row{display:flex!important;align-items:flex-start!important;gap:10px!important;max-width:640px;padding:12px 14px;border:1px solid #fecaca;background:#fff7ed;border-radius:12px;font-size:12px!important;line-height:1.5;font-weight:600!important}.recording-consent-row input{margin-top:3px;flex:0 0 auto}.recording-option-card{padding:16px;border:1px solid #fcd34d;background:#fffbeb;border-radius:14px}.live-recording-pill{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;background:#e2e8f0;color:#475569;white-space:nowrap}.live-recording-pill.is-recording{background:#fee2e2;color:#b91c1c;box-shadow:0 0 0 4px rgba(239,68,68,.08)}.live-recording-pill.is-captured,.live-recording-pill.is-replay_ready{background:#dcfce7;color:#166534}.live-share-button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:inherit;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.recording-download-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0;padding:12px 14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:12px;color:#166534}.recording-download-panel span{font-size:12px;flex:1;min-width:240px}.recording-download-panel[hidden]{display:none!important}.btn.is-recording,[data-room-recording-toggle].is-recording{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important}
@media(max-width:900px){.archive-filter-form{grid-template-columns:1fr 1fr}.archive-search{grid-column:1/-1}.archive-intro,.insight-hero{align-items:flex-start;flex-direction:column}.archive-value-stack{grid-template-columns:repeat(4,auto);max-width:100%;overflow:auto}.knowledge-composer{padding:16px}.knowledge-composer-title{flex-direction:column}.knowledge-composer-title small{text-align:left}.live-recording-pill{font-size:10px;padding:6px 8px}}
@media(max-width:620px){.insight-shell,.archive-marketplace-shell{width:min(100% - 20px,1180px);padding-top:14px}.insight-hero,.archive-intro{padding:20px;border-radius:16px}.two-column-fields,.archive-filter-form{grid-template-columns:1fr}.knowledge-post-head{grid-template-columns:auto 1fr}.knowledge-post-type{grid-column:2;justify-self:start}.knowledge-post-room-link{align-items:flex-start;flex-direction:column}.archive-value-stack{grid-template-columns:1fr 1fr;width:100%}.room-replay-section{padding:14px}.archive-value-actions .btn{flex:1 1 150px}.live-share-button{display:none}}

/* TENAR PRE-VPS MEGAPATCH — Creator Hub, Discovery, multi-media, library, analytics */
.discovery-feed-toolbar{max-width:850px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.discovery-scope-tabs{display:flex;gap:8px;background:#f1f5f9;padding:5px;border-radius:12px}.discovery-scope-tabs a{padding:8px 12px;border-radius:9px;text-decoration:none;color:#475569;font-weight:800;font-size:13px}.discovery-scope-tabs a.active{background:#fff;color:#315efb;box-shadow:0 2px 10px rgba(15,23,42,.08)}.discovery-inline-search{display:flex;gap:8px;min-width:min(100%,360px)}.discovery-inline-search input{min-width:0;flex:1}.knowledge-post-gallery{display:grid;gap:3px;background:#e2e8f0}.knowledge-post-gallery a{display:block;min-height:0;overflow:hidden;background:#0f172a}.knowledge-post-gallery .knowledge-post-image{width:100%;height:100%;max-height:520px;object-fit:cover}.knowledge-post-gallery.is-count-2{grid-template-columns:1fr 1fr}.knowledge-post-gallery.is-count-3,.knowledge-post-gallery.is-count-4,.knowledge-post-gallery.is-count-5,.knowledge-post-gallery.is-count-6{grid-template-columns:1fr 1fr}.knowledge-post-gallery.is-count-3 a:first-child{grid-row:span 2}.knowledge-post-video-stack{display:grid;gap:8px;padding:8px;background:#f8fafc}.knowledge-post-video-stack .knowledge-post-video{border-radius:12px;overflow:hidden}.post-action-link.is-saved{color:#7c3aed;background:#f5f3ff}.post-telemetry{font-size:11px;color:#94a3b8;margin-left:auto}.universal-search-hero{display:flex;gap:8px;min-width:min(100%,430px)}.universal-search-hero input{flex:1;min-width:0}.search-result-section{margin-top:24px}.creator-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.creator-search-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:inherit;text-decoration:none}.creator-search-card div{display:grid;min-width:0}.creator-search-card span,.creator-search-card small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-room-list{display:grid;gap:10px}.saved-room-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:inherit;text-decoration:none}.saved-room-row span{font-size:12px;color:#64748b;text-align:right}.creator-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.creator-analytics-grid>div{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;display:grid;gap:6px}.creator-analytics-grid small{color:#64748b;font-weight:700}.creator-analytics-grid strong{font-size:28px}.reputation-explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.reputation-explainer span{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:12px;background:#f8fafc}.reputation-explainer small{color:#64748b}.social-notification-list{display:grid;gap:8px}.social-notification-row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:inherit;text-decoration:none}.social-notification-row.is-unread{border-color:#bfdbfe;background:#eff6ff}.social-notification-row>div{display:grid;gap:3px}.social-notification-row span,.social-notification-row small{color:#64748b}.notification-system-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0f172a;color:#fff;font-size:9px;font-weight:900}.post-edit-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.post-edit-media-item{display:grid;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.post-edit-media-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.post-add-media{margin-top:16px;padding-top:16px;border-top:1px dashed #cbd5e1}.creator-hub-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.creator-hub-tabs a{padding:9px 12px;border-radius:999px;text-decoration:none;color:#475569;background:#f1f5f9;font-size:12px;font-weight:800}.creator-hub-tabs a.active{background:#0f172a;color:#fff}.archive-next-room{display:grid;gap:10px;margin-top:20px;padding:18px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.archive-next-room a{font-weight:800}.topbar-social-notification{font-size:20px}.admin-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.admin-content-card{padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:grid;gap:10px}.admin-content-card .meta{font-size:12px;color:#64748b}.admin-content-card .actions{display:flex;gap:8px;flex-wrap:wrap}.provider-readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.provider-readiness-grid div{padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;display:grid;gap:4px}
@media(max-width:720px){.knowledge-post-gallery.is-count-2,.knowledge-post-gallery.is-count-3,.knowledge-post-gallery.is-count-4,.knowledge-post-gallery.is-count-5,.knowledge-post-gallery.is-count-6{grid-template-columns:1fr 1fr}.saved-room-row{align-items:flex-start;flex-direction:column}.saved-room-row span{text-align:left}.universal-search-hero{width:100%}.post-telemetry{width:100%;margin-left:0}}

/* PRE-VPS MegaPatch — Knowledge Search / Discovery */
.insight-room-strip{max-width:1180px;margin:0 auto 34px}.knowledge-search-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:6px;background:#f1f5f9;border-radius:14px;width:max-content;max-width:100%}.knowledge-search-tabs a{padding:9px 13px;border-radius:10px;text-decoration:none;color:#52617a;font-size:12px;font-weight:850}.knowledge-search-tabs a.active{background:#fff;color:#315efb;box-shadow:0 2px 10px rgba(15,23,42,.08)}
@media(max-width:720px){.insight-room-strip{margin-left:0;margin-right:0}.knowledge-search-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.knowledge-search-tabs a{white-space:nowrap}}


/* TENAR UI/UX POLISH — wall-first Insight, clean account menus, media carousel */
.sidebar-footer-link{display:block;color:#60738d;text-decoration:none;font-size:11px;font-weight:800;margin-bottom:8px;white-space:normal}.sidebar-footer-link:hover{color:#315efb}
.insight-wall-first{padding-top:18px}.insight-topbar-card{max-width:850px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.insight-topbar-card h1{font-size:28px;margin:2px 0 4px}.insight-topbar-card p:not(.eyebrow){margin:0;color:#64748b;font-size:13px;line-height:1.5}.insight-topbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.insight-wall-heading{margin-top:2px!important}.insight-wall-heading h2{margin:2px 0}.insight-compose-compact{display:none}.insight-compose-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.insight-compose-modal[hidden]{display:none!important}.insight-compose-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.insight-compose-card{position:relative;z-index:1;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;margin:0;box-shadow:0 32px 90px rgba(15,23,42,.28)}.insight-compose-close{border:0;background:#f1f5f9;width:38px;height:38px;border-radius:11px;font-size:24px;line-height:1;cursor:pointer}.insight-compose-note{margin:-8px 0 16px;color:#64748b;font-size:12px}.insight-compose-open{overflow:hidden}.inline-room-discovery{max-width:100%;margin:4px 0 8px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.inline-room-discovery .section-head{margin-bottom:12px}.inline-room-discovery h3{margin:2px 0;font-size:17px}.insight-room-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:thin}.insight-room-carousel>.room-card{min-width:min(340px,86vw);scroll-snap-align:start}.insight-discovery-divider{max-width:850px;margin:8px auto 0;padding:13px 16px;border-radius:14px;background:#f8fafc;border:1px dashed #cbd5e1;display:flex;justify-content:space-between;gap:12px}.insight-discovery-divider span{font-weight:850}.insight-discovery-divider small{color:#64748b}.insight-feed-sentinel{height:1px}.insight-feed-item[hidden]{display:none!important}
.knowledge-media-shell{background:#0f172a;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.knowledge-media-tabs{display:flex;gap:6px;padding:8px;background:#fff;border-bottom:1px solid #e2e8f0}.knowledge-media-tabs button{border:0;background:#f1f5f9;color:#475569;border-radius:999px;padding:7px 11px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.knowledge-media-tabs button.active{background:#0f172a;color:#fff}.knowledge-media-tabs span{opacity:.7;margin-left:4px}.knowledge-media-panel[hidden]{display:none!important}.knowledge-carousel{position:relative;overflow:hidden;background:#0f172a;touch-action:pan-y}.knowledge-carousel-track{display:flex;width:100%;transition:transform .28s ease}.knowledge-carousel-slide{min-width:100%;display:grid;place-items:center;background:#0f172a}.knowledge-carousel-slide>a{display:grid;place-items:center;width:100%;height:100%;background:#0f172a}.knowledge-carousel .knowledge-post-image{width:100%;height:min(62vw,560px);max-height:560px;object-fit:contain;background:#0f172a}.knowledge-video-carousel .knowledge-carousel-slide{aspect-ratio:16/9}.knowledge-video-carousel .knowledge-post-video{width:100%;height:100%;aspect-ratio:auto}.knowledge-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:48px;border:0;border-radius:12px;background:rgba(15,23,42,.72);color:#fff;font-size:30px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.2)}.knowledge-carousel-arrow.prev{left:10px}.knowledge-carousel-arrow.next{right:10px}.knowledge-carousel-counter{position:absolute;right:12px;bottom:12px;z-index:2;background:rgba(15,23,42,.76);color:#fff;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.knowledge-post-video iframe:not([src]){background:linear-gradient(135deg,#111827,#020617)}
@media(max-width:720px){.insight-topbar-card{align-items:flex-start;flex-direction:column;padding:15px}.insight-topbar-actions .btn-secondary{display:none}.insight-compose-compact{display:inline-flex}.discovery-feed-toolbar{position:sticky;top:calc(var(--tenar-topbar) + 6px);z-index:25;background:rgba(248,250,252,.95);backdrop-filter:blur(8px);padding:8px;border-radius:14px}.discovery-inline-search{order:3;width:100%}.insight-compose-modal{padding:8px}.insight-compose-card{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px;border-radius:16px}.knowledge-carousel .knowledge-post-image{height:min(78vw,480px)}.knowledge-carousel-arrow{width:34px;height:42px;font-size:26px}.insight-discovery-divider{align-items:flex-start;flex-direction:column}.knowledge-media-tabs{position:sticky;top:0;z-index:3}}

/* TENAR 034 — Admin Governance + Hidden Observer Mode */
.observer-global-notice{position:sticky;top:78px;z-index:25;margin:0 24px;padding:10px 16px;border:1px solid #f2ca70;background:#fff8df;border-radius:14px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.observer-global-notice strong{font-size:13px;white-space:nowrap}.observer-global-notice span{font-size:12px;color:#685b3b}.observer-mode-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#fff8df;border:1px solid #f2ca70;font-size:12px}.observer-mode-banner b{font-size:11px;letter-spacing:.08em}.observer-mode-banner span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.observer-sidebar-footer{display:grid!important;gap:8px}.observer-sidebar-footer form{margin:0}.observer-dropdown-note{padding:10px 14px;margin:0;color:#64748b;font-size:12px;line-height:1.5}.observer-readonly-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff8df;border:1px solid #f2ca70;font-size:11px;font-weight:800;color:#745b17}.observer-room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tenar-observer-topbar{border-bottom-color:#f2ca70}.admin-switch-observer-form{padding:10px 14px;display:grid;gap:7px}.admin-switch-observer-form input[type=text]{width:100%;font-size:12px;padding:8px 10px;border:1px solid #dbe2ee;border-radius:10px}.admin-switch-observer-form button{border:0;background:transparent;text-align:left;font:inherit;font-weight:800;color:#24314f;padding:3px 0;cursor:pointer}.admin-switch-observer-form button:hover{color:#4566f2}
.admin-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.admin-profile-grid>label{display:grid;gap:8px}.admin-account-summary{padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;display:grid;gap:4px}.admin-account-summary span{font-size:11px;color:#7b879d;text-transform:uppercase;letter-spacing:.08em}.admin-account-summary strong{font-size:15px}.admin-profile-span{grid-column:1/-1}.admin-security-card{margin-top:22px;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(380px,1.3fr);gap:28px}.admin-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-password-form label{display:grid;gap:7px}.admin-password-form button{align-self:end}
.admin-create-card{margin-bottom:22px}.admin-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.admin-create-grid label{display:grid;gap:7px}.admin-reauth-field{grid-column:span 2}.admin-list-identity{display:flex;gap:10px;align-items:center;min-width:190px}.admin-list-identity span{display:grid}.admin-role-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;background:#edf2ff;color:#3452d5}.admin-role-badge.role-superadmin{background:#f3e8ff;color:#7e22ce}.admin-status-active{display:block;margin-top:5px;color:#16833e;font-weight:800}.admin-status-disabled{display:block;margin-top:5px;color:#b42318;font-weight:800}.warning-text{color:#b7791f!important;font-weight:800}.admin-governance-actions{min-width:230px}.admin-governance-actions summary{cursor:pointer;font-weight:800;color:#4566f2}.admin-governance-form{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f6}.admin-governance-form input,.admin-governance-form select{min-width:190px}.admin-account-table td{vertical-align:top}.admin-account-table td small{display:block;margin-top:4px}.admin-governance-shell .admin-table-panel{overflow:visible}
@media(max-width:900px){.observer-global-notice{top:70px;margin:0 12px;align-items:flex-start;flex-direction:column}.observer-mode-banner span{display:none}.admin-profile-grid{grid-template-columns:1fr}.admin-security-card{grid-template-columns:1fr}.admin-password-form{grid-template-columns:1fr}.admin-create-grid{grid-template-columns:1fr 1fr}.admin-profile-span,.admin-reauth-field{grid-column:1/-1}}
@media(max-width:600px){.admin-create-grid{grid-template-columns:1fr}.admin-reauth-field{grid-column:auto}.observer-global-notice{position:relative;top:auto}}

/* TENAR Final Feature MegaPatch — trust / verification polish */
.verified-badge{display:inline-flex;align-items:center;gap:.28rem;margin-left:.4rem;padding:.18rem .48rem;border-radius:999px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.24);font-size:.72rem;font-weight:800;line-height:1.2;vertical-align:middle;color:#1d4ed8;white-space:nowrap}
.admin-dashboard-shell .creator-hub-tabs{margin-bottom:1rem}
.admin-dashboard-shell .creator-hub-tabs a{white-space:nowrap}
.wallet-panel .hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.archive-related-room{margin-top:1.25rem}
@media (max-width:720px){.verified-badge{margin-left:.2rem;font-size:.68rem}.wallet-panel .hero-actions{display:grid;grid-template-columns:1fr}.wallet-panel .hero-actions .btn{width:100%;justify-content:center}}

/* =========================================================
   TENAR 040 — Support/Reports Center + Observer topbar polish
   ========================================================= */
.support-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.support-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #dde4ee;border-radius:12px;background:#fff;text-decoration:none;color:#526174;font-size:12px;font-weight:850}.support-tabs a.active{background:#18233a;color:#fff;border-color:#18233a}.support-tabs a b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef2f7;color:#475569;font-size:10px}.support-tabs a.active b{background:rgba(255,255,255,.16);color:#fff}
.support-two-col{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(480px,1.25fr);gap:18px;align-items:start}.support-new-card{margin:0!important}.support-new-card h2,.support-history-panel h2{margin:4px 0 8px}.support-history-panel{margin:0!important}.support-case-list{display:grid;gap:9px}.support-case-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;text-decoration:none;color:inherit}.support-case-row:hover{border-color:#bfccdf;background:#fbfcfe}.support-case-row>div{display:grid;gap:5px;min-width:0}.support-case-row strong{font-size:13px}.support-case-row small{color:#7b899b;font-size:10px}.report-history-row{cursor:default}.support-status,.support-priority{display:inline-flex;align-items:center;justify-content:center;width:max-content;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.support-status.status-open,.support-status.status-submitted{background:#eef4ff;color:#175cd3}.support-status.status-waiting_admin,.support-status.status-under_review{background:#fff7ed;color:#b54708}.support-status.status-waiting_user{background:#f4f3ff;color:#6938ef}.support-status.status-resolved{background:#ecfdf3;color:#027a48}.support-status.status-closed,.support-status.status-rejected{background:#f2f4f7;color:#475467}.support-priority.priority-urgent{background:#fef3f2;color:#b42318}.support-priority.priority-high{background:#fff7ed;color:#b54708}.support-priority.priority-normal{background:#eef4ff;color:#175cd3}.support-priority.priority-low{background:#f2f4f7;color:#475467}.support-public-response{margin:5px 0 0!important;padding:9px 11px;border-radius:9px;background:#f8fafc;color:#526174;font-size:11px;line-height:1.55}
.support-case-detail{max-width:980px;margin:0 auto}.support-case-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border:1px solid #dfe5ec;border-radius:16px;background:#fff;margin-bottom:14px}.support-case-detail-head h2{margin:4px 0 9px}.support-case-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#667085}.support-thread{display:grid;gap:10px;margin:12px 0}.support-message{max-width:82%;padding:14px 16px;border:1px solid #e1e7ef;border-radius:15px;background:#fff}.support-message.from-user{margin-left:auto;background:#eef4ff;border-color:#c7d7fe}.support-message.from-admin{margin-right:auto;background:#fff}.support-message.is-internal{max-width:100%;margin:0;background:#fff8df;border-color:#f2ca70}.support-message-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:7px}.support-message-head strong{font-size:11px}.support-message-head time{font-size:9px;color:#8492a6}.support-message p{margin:0;color:#344054;font-size:12px;line-height:1.65}.support-attachment{display:inline-flex;margin-top:9px;padding:7px 9px;border-radius:8px;background:#f5f7fa;text-decoration:none;font-size:10px;font-weight:800;color:#344054}.support-update-form{margin-top:14px}.support-new-card label small,.support-update-form label small{font-weight:500;color:#8794a6}.admin-message-case-link{margin:10px 0 6px;width:max-content}.support-public-admin{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed #d9e0e8;color:#6b7789!important;white-space:normal!important}
.support-admin-filters{display:grid!important;grid-template-columns:1.2fr 1fr .85fr 1fr .9fr .9fr auto auto!important;gap:8px!important}.support-admin-filters select,.support-admin-filters input{min-width:0}.admin-support-tabs{padding:0}.admin-report-manage-form{width:min(560px,72vw)}.report-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:6px}.report-manage-grid input,.report-manage-grid textarea,.report-manage-grid button{grid-column:1/-1}.report-manage-grid textarea{resize:vertical}.admin-support-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;align-items:start}.admin-support-thread{padding:16px}.admin-support-reply-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-top:1px solid #e7ebf0}.support-admin-reply,.support-admin-note{padding:14px;border:1px solid #e1e7ef;border-radius:12px;background:#fbfcfe}.support-admin-note{background:#fffaf0;border-color:#f2d79d}.support-case-control{position:sticky;top:calc(var(--tenar-topbar) + 16px)}

/* Observer notice now belongs to the application column instead of hiding under the sidebar. */
.observer-global-notice{position:fixed!important;top:var(--tenar-topbar)!important;left:var(--tenar-sidebar)!important;right:0!important;z-index:116!important;margin:0!important;min-height:46px;padding:9px 22px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:0 2px 8px rgba(15,23,42,.05)!important;background:#fff9e8!important;display:flex!important;align-items:center!important;gap:12px!important;transition:left .18s ease}.observer-global-notice strong{font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;color:#72550d}.observer-global-notice span{font-size:11px!important;color:#6b6045!important;white-space:normal!important}.tenar-observer-sidebar~main{padding-top:calc(var(--tenar-topbar) + 66px)!important}.observer-return-form{margin:0}.observer-return-btn{min-height:38px!important;padding:0 12px!important;white-space:nowrap}.tenar-observer-topbar .observer-mode-banner{flex:0 1 auto;max-width:320px}.tenar-observer-topbar .observer-mode-banner span{max-width:180px}body.sidebar-collapsed .observer-global-notice{left:var(--tenar-sidebar-collapsed)!important}

@media(max-width:1200px){.support-two-col{grid-template-columns:1fr}.support-admin-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.support-admin-filters .btn{min-height:40px}.admin-support-layout{grid-template-columns:1fr}.support-case-control{position:static}.observer-return-btn{font-size:0}.observer-return-btn::after{content:'← Admin';font-size:11px}.tenar-observer-topbar .observer-mode-banner span{display:none}}
@media(max-width:760px){.support-admin-filters{grid-template-columns:1fr 1fr!important}.admin-support-reply-grid{grid-template-columns:1fr}.support-message{max-width:94%}.support-case-detail-head{flex-direction:column}.report-manage-grid{grid-template-columns:1fr}.admin-report-manage-form{width:100%}.observer-global-notice{left:0!important;padding:8px 12px!important;min-height:42px}.tenar-observer-sidebar~main{padding-top:calc(var(--tenar-topbar) + 58px)!important}.observer-global-notice strong{display:none}.observer-mode-banner{padding:7px 9px!important}.observer-return-form{display:none}}

/* =========================================================
   TENAR 041 — User Access, Authentication Security & Social Appreciation
   ========================================================= */
.auth-card-wide{width:min(760px,calc(100vw - 32px))}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-field{display:grid;gap:7px}.auth-span-2{grid-column:1/-1}.auth-field small,.auth-password-policy span,.auth-security-note{color:#748197;font-size:11px;line-height:1.55}.auth-password-policy{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid #e1e7ef;border-radius:11px;background:#f8fafc}.auth-password-policy strong{font-size:11px;color:#24324a;white-space:nowrap}.auth-policy-check,.auth-inline-check{display:flex!important;align-items:flex-start!important;gap:9px!important;font-weight:600!important;color:#58667b}.auth-policy-check input,.auth-inline-check input{width:auto!important;margin-top:3px}.auth-policy-check span,.auth-inline-check span{font-size:11px;line-height:1.5}.auth-policy-check a{font-weight:800}.password-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.password-input-wrap>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.password-toggle{width:44px;border:1px solid #d8e0eb;border-left:0;border-radius:0 10px 10px 0;background:#fff;cursor:pointer;font-size:14px}.password-toggle:hover{background:#f7f9fc}.auth-login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.auth-login-options>a{font-size:11px;font-weight:800}.adaptive-captcha{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:end;padding:13px;border:1px solid #f0cf7a;border-radius:12px;background:#fff9e6}.adaptive-captcha>div{display:grid;gap:3px}.adaptive-captcha strong{font-size:12px;color:#6f520a}.adaptive-captcha small{font-size:10px;color:#826d3d;line-height:1.45}.adaptive-captcha label{display:grid;gap:5px;font-size:11px;font-weight:800}.auth-closed-state{display:grid;gap:10px;padding:18px;border:1px solid #e1e7ef;border-radius:14px;background:#f8fafc}.auth-closed-state p{margin:0;color:#6b778a}.auth-security-note{margin:14px 0 0}.security-grid-panel{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:24px;align-items:start}.security-password-form{margin:0}.security-email-card{display:flex;justify-content:space-between;gap:18px;align-items:center}.security-status-pill{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.security-status-pill.is-ok{background:#ecfdf3;color:#027a48}.security-status-pill.is-warning{background:#fff7ed;color:#b54708}.security-session-list{display:grid;gap:8px}.security-session-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:11px 13px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}.security-session-row.is-current{border-color:#aebefb;background:#f8faff}.security-session-icon{width:34px;height:34px;border-radius:10px;background:#eef2ff;display:grid;place-items:center}.security-session-row>div:last-child{display:grid;gap:3px}.security-session-row strong{font-size:11px}.security-session-row strong span{margin-left:7px;padding:3px 6px;border-radius:999px;background:#315efb;color:#fff;font-size:8px}.security-session-row small{font-size:9px;color:#7b8798}.social-activity-tabs{margin-bottom:14px}.social-appreciation-list{gap:10px}.appreciation-row{grid-template-columns:52px minmax(0,1fr)!important;align-items:flex-start!important;padding:14px!important}.appreciation-avatar-wrap{position:relative;width:44px;height:44px}.appreciation-avatar-wrap>.avatar,.appreciation-avatar-wrap>.notification-system-dot{width:44px;height:44px}.appreciation-avatar-wrap>b{position:absolute;right:-5px;bottom:-3px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid #dde4ee;font-size:10px;box-shadow:0 3px 10px rgba(15,23,42,.08)}.appreciation-copy{display:grid;gap:4px}.appreciation-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.appreciation-title strong{font-size:12px}.appreciation-title span{font-size:11px;color:#526174;font-weight:700}.appreciation-copy p{margin:0;color:#4c5b70;font-size:11px;line-height:1.5}.appreciation-copy>small{font-size:9px;color:#8793a6}.appreciation-context{display:inline-flex;width:max-content;max-width:100%;padding:4px 7px;border-radius:7px;background:#f3f6fa;color:#526174!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard-shell .security-status-pill{vertical-align:middle}
@media(max-width:760px){.auth-card-wide{width:min(520px,calc(100vw - 24px))}.auth-form-grid{grid-template-columns:1fr}.auth-span-2{grid-column:auto}.adaptive-captcha{grid-template-columns:1fr}.security-grid-panel{grid-template-columns:1fr}.security-email-card{align-items:flex-start;flex-direction:column}.auth-login-options{align-items:flex-start;flex-direction:column}.auth-password-policy{display:grid}.appreciation-row{grid-template-columns:46px minmax(0,1fr)!important}}

/* TENAR FINAL FREEZE 042 — two-way social appreciation history + Quick Preview */
.social-ledger-intro{align-items:flex-start}.social-direction-tabs{max-width:850px;margin:0 auto 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.social-direction-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;text-decoration:none;color:#64748b;font-weight:850}.social-direction-tabs a.active{background:#eef2ff;color:#3346d3;box-shadow:inset 0 0 0 1px #c7d2fe}.social-notification-row{cursor:default}.social-preview-avatar{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}.social-preview-avatar:focus-visible,.social-inline-link:focus-visible,.social-context-button:focus-visible{outline:3px solid rgba(75,99,255,.22);outline-offset:2px}.social-inline-link{color:#172554;text-decoration:none;border-radius:5px}.social-inline-link:hover{text-decoration:underline}.social-context-button{display:block;width:max-content;max-width:100%;margin:5px 0 3px;padding:0;border:0;background:transparent;color:#4054d8;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:normal}.social-context-button:hover{text-decoration:underline}.appreciation-given-row{border-left:3px solid #dbeafe}.social-preview-drawer{position:fixed;inset:0;z-index:1250;display:flex;justify-content:flex-end}.social-preview-drawer[hidden]{display:none!important}.social-preview-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.44);backdrop-filter:blur(2px)}.social-preview-panel{position:relative;z-index:1;width:min(480px,92vw);height:100%;overflow:auto;background:#fff;box-shadow:-24px 0 70px rgba(15,23,42,.24);animation:tenarPreviewIn .18s ease-out}.social-preview-panel>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.social-preview-panel>header p{margin:0 0 3px}.social-preview-panel>header strong{font-size:18px}.social-preview-close{width:40px;height:40px;border:1px solid #dbe3ee;border-radius:50%;background:#f8fafc;color:#172554;font-size:25px;cursor:pointer}.social-preview-loading,.social-preview-error{padding:34px 22px;color:#64748b;font-weight:750}.social-preview-content{padding:22px}.social-preview-content:empty{display:none}.social-preview-profile{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start}.social-preview-profile h2,.social-preview-room h2{margin:3px 0 8px;font-size:26px;line-height:1.12;letter-spacing:-.035em}.social-preview-profile p,.social-preview-room p,.social-preview-post p{color:#475569;line-height:1.65}.social-preview-profile .btn,.social-preview-room .btn,.social-preview-post .btn{margin-top:12px}.social-preview-stats{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.social-preview-stats span{padding:7px 9px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px}.social-preview-post-author{display:flex;align-items:center;gap:10px;margin-bottom:14px}.social-preview-post-author div{display:flex;flex-direction:column}.social-preview-post-author small{color:#64748b}.social-preview-post-image{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:16px;margin:4px 0 14px;background:#f1f5f9}.social-preview-open{overflow:hidden}@keyframes tenarPreviewIn{from{transform:translateX(18px);opacity:.7}to{transform:none;opacity:1}}
@media(max-width:720px){.social-direction-tabs{margin-left:0;margin-right:0}.social-preview-drawer{align-items:flex-end}.social-preview-panel{width:100%;height:min(86vh,760px);border-radius:24px 24px 0 0;box-shadow:0 -22px 60px rgba(15,23,42,.22);animation:tenarPreviewUp .2s ease-out}.social-preview-profile{grid-template-columns:64px 1fr}.social-preview-profile h2,.social-preview-room h2{font-size:22px}@keyframes tenarPreviewUp{from{transform:translateY(24px);opacity:.7}to{transform:none;opacity:1}}}

/* ============================================================
   TENAR 043 — Admin Notification Center
   ============================================================ */
.topbar-admin-notification{margin-left:4px!important;margin-right:10px!important;background:#fff8e8!important;border-color:#f3d189!important}.topbar-admin-notification:hover{background:#fff1ca!important;color:#8a5a00!important}.admin-notification-center{max-width:1500px}.admin-notification-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}.admin-notification-kpi{display:grid;gap:5px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-decoration:none;color:#172554;box-shadow:0 8px 24px rgba(15,23,42,.04)}.admin-notification-kpi small{color:#64748b;font-weight:700}.admin-notification-kpi strong{font-size:28px;line-height:1}.admin-notification-kpi.tone-red{border-top:3px solid #dc2626}.admin-notification-kpi.tone-amber{border-top:3px solid #d97706}.admin-notification-filters{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) auto auto!important;gap:8px!important}.admin-notification-list{display:grid}.admin-notification-item{display:grid;grid-template-columns:72px minmax(0,1fr) 28px;gap:14px;align-items:center;padding:15px 18px;border-top:1px solid #edf1f5;text-decoration:none;color:#1e293b;background:#fff}.admin-notification-item:first-child{border-top:0}.admin-notification-item:hover{background:#f8fbff}.admin-notification-priority{display:inline-flex;justify-content:center;align-items:center;min-height:28px;padding:5px 8px;border-radius:999px;background:#eef2f7;font-size:9px;font-weight:900;letter-spacing:.06em;color:#475569}.priority-urgent .admin-notification-priority{background:#fee2e2;color:#b91c1c}.priority-high .admin-notification-priority{background:#fff1d6;color:#a15c00}.priority-normal .admin-notification-priority{background:#eaf2ff;color:#315ed4}.admin-notification-copy{display:grid;gap:4px;min-width:0}.admin-notification-copy strong{font-size:14px}.admin-notification-copy>span{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-notification-copy small{font-size:10px;color:#94a3b8}.admin-notification-category{text-transform:capitalize}.admin-notification-arrow{font-size:18px;color:#94a3b8;text-align:right}.empty-state{padding:32px 18px;display:grid;gap:5px;text-align:center;color:#64748b}.empty-state strong{font-size:18px;color:#1e293b}
@media(max-width:1100px){.admin-notification-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.admin-notification-kpis{grid-template-columns:1fr 1fr}.admin-notification-filters{grid-template-columns:1fr 1fr!important}.admin-notification-filters .btn{width:100%}.admin-notification-item{grid-template-columns:62px minmax(0,1fr) 20px;padding:13px 12px}.admin-notification-copy>span{white-space:normal}}

/* ============================================================
   TENAR FINAL FREEZE 044 — Unified Insight Hub + wallet modal polish
   ============================================================ */
.user-dropdown-label{padding:7px 12px 4px;color:#98a2b3;font-size:9px;font-weight:900;letter-spacing:.12em}
.insight-hub-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}
.insight-hub-card{max-width:900px;margin:0 auto;border:1px solid #dfe5ee;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055);overflow:hidden}
.insight-hub-header{position:sticky;top:var(--tenar-topbar,72px);z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e9edf3;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.insight-hub-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.insight-hub-tabs::-webkit-scrollbar{display:none}
.insight-hub-tabs a{flex:0 0 auto;padding:9px 13px;border-radius:11px;color:#59677a;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}
.insight-hub-tabs a:hover{background:#f5f7fb;color:#24324a}.insight-hub-tabs a.active{background:#eef2ff;color:#3553d8;box-shadow:inset 0 0 0 1px #d7defe}
.insight-hub-search-toggle{flex:0 0 42px;width:42px;height:42px;border:1px solid #dde4ee;border-radius:12px;background:#f8fafc;color:#475569;font-size:22px;cursor:pointer}.insight-hub-search-toggle:hover,.insight-hub-search-toggle.active{background:#eef2ff;color:#315efb;border-color:#cbd5ff}
.insight-hub-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1f5;background:#fbfcff}.insight-hub-search[hidden]{display:none!important}.insight-hub-search>span{color:#75839a;font-size:18px}.insight-hub-search input{width:100%;min-width:0;border:1px solid #d9e0ea;border-radius:11px;padding:11px 13px;background:#fff;font:inherit}.insight-hub-search input:focus{outline:0;border-color:#7894ff;box-shadow:0 0 0 3px rgba(70,95,255,.1)}
.insight-hub-body{padding:16px;background:#f7f9fc;min-height:320px}.insight-hub-loading{min-height:230px;display:grid;place-items:center;color:#7b8798;font-weight:800}.insight-hub-feed{display:grid;gap:16px}.insight-hub-card .knowledge-feed-list{max-width:none;margin:0;gap:16px}.insight-hub-card .insight-room-strip{max-width:none;margin:0}
.knowledge-post-card.is-media-first .knowledge-media-shell{border-top:0}.knowledge-post-card.is-media-first .knowledge-post-head{padding-top:15px}.knowledge-post-card.is-media-first .knowledge-post-copy{padding-top:4px;font-size:16px;line-height:1.6}.knowledge-post-card.is-text-first .knowledge-post-head{padding-top:18px}
.knowledge-carousel-slide>.knowledge-post-image{pointer-events:none;user-select:none;-webkit-user-drag:none}.knowledge-carousel-slide{cursor:default}.knowledge-carousel-slide>a{pointer-events:none}
.knowledge-explore-view{display:grid;gap:10px}.knowledge-search-tabs-compact{display:flex;gap:6px;overflow-x:auto;margin:0;padding:2px 0 8px;scrollbar-width:none}.knowledge-search-tabs-compact::-webkit-scrollbar{display:none}.knowledge-search-tabs-compact a{flex:0 0 auto;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #e3e8ef;color:#526174;text-decoration:none;font-size:12px;font-weight:850}.knowledge-search-tabs-compact a.active{background:#16213e;color:#fff;border-color:#16213e}.knowledge-explore-summary{padding:2px 2px 4px;color:#718096;font-size:12px}.knowledge-explore-summary strong{color:#26364d}.knowledge-explore-view .search-result-section{margin-top:12px}.knowledge-explore-view .section-head{margin-bottom:10px}.knowledge-explore-view .creator-search-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.insight-explore-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;overflow:visible}.insight-explore-room-grid .discovery-room-card{min-width:0}
/* The action modal loader is now a small non-layout overlay. It can never push
   the Top Up Gift guide / Claim rules down the page again. */
.tenar-action-modal-card{position:relative}.tenar-action-modal-loading{position:absolute!important;z-index:4;top:84px;left:50%;transform:translateX(-50%);display:inline-flex!important;align-items:center;justify-content:center;min-height:0!important;flex:none!important;padding:7px 11px;border:1px solid #dfe5ee;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 7px 24px rgba(15,23,42,.1);color:#667085;font-size:11px;font-weight:800;pointer-events:none}.tenar-action-modal-loading[hidden]{display:none!important}.tenar-action-modal-frame{min-height:0!important;flex:1 1 auto!important}.tenar-action-embed-shell>.wallet-panel:first-child,.tenar-action-embed-shell>.wallet-stat-grid:first-child{margin-top:0}
@media(max-width:760px){.insight-hub-shell{width:min(100% - 18px,1180px);padding-top:14px}.insight-hub-card{border-radius:18px}.insight-hub-header{top:var(--tenar-topbar,64px);padding:8px}.insight-hub-tabs a{padding:8px 10px;font-size:12px}.insight-hub-search-toggle{width:38px;height:38px;flex-basis:38px}.insight-hub-search{grid-template-columns:auto minmax(0,1fr) auto;padding:9px}.insight-hub-search .btn-secondary{grid-column:2/4}.insight-hub-body{padding:9px}.knowledge-search-tabs-compact a{padding:7px 9px}.insight-explore-room-grid{grid-template-columns:1fr}.tenar-action-modal-loading{top:74px}}


/* ============================================================
   TENAR FINAL FREEZE 045 — Insight Hub final UI polish
   ============================================================ */
.insight-hub-shell{padding-top:calc(var(--tenar-topbar) + 14px)!important}
.insight-hub{max-width:900px;margin:0 auto;display:grid;gap:10px}
.insight-hub-toolbar{position:sticky;top:calc(var(--tenar-topbar) + 8px);z-index:45;border:1px solid #dfe5ee;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(15,23,42,.07);backdrop-filter:blur(14px);overflow:hidden}
.insight-hub-header{position:static!important;top:auto!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.insight-hub-content-card{max-width:none!important;margin:0!important;overflow:hidden!important;border-radius:20px!important}
.insight-hub-search{border-top:1px solid #edf1f5;border-bottom:0!important;background:#fbfcff}
.insight-explore-filters{margin:0!important;padding:8px 12px 10px!important;border-top:1px solid #edf1f5;background:#fff}
.insight-explore-filters[hidden]{display:none!important}
.insight-hub-body{padding-top:0!important}
.insight-hub-body>.insight-hub-feed,.insight-hub-body>.knowledge-explore-view{padding-top:14px}
.insight-hub-body>.insight-hub-loading{margin-top:0}
.create-insight-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.create-insight-card{max-width:980px;margin:0 auto;padding:28px;border-radius:24px;border:1px solid #dfe5ee;box-shadow:0 14px 38px rgba(15,23,42,.055)}
.create-insight-card .knowledge-composer-title{align-items:flex-start}.create-insight-card h1{margin:4px 0 8px;font-size:clamp(28px,4vw,48px);letter-spacing:-.04em}.create-insight-lead{margin:0;color:#64748b;line-height:1.6}.create-insight-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.create-insight-actions .btn-primary{min-width:220px}
.creator-explore-section{overflow:hidden}
.creator-explore-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.creator-explore-thumb{flex:0 0 168px;scroll-snap-align:start;display:grid;grid-template-rows:148px auto;text-decoration:none;color:inherit;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.creator-explore-thumb:hover{transform:translateY(-2px);border-color:#cbd7ff;box-shadow:0 10px 24px rgba(49,94,251,.09)}
.creator-explore-thumb>img{width:100%;height:148px;object-fit:cover;background:#eef2f7}
.creator-explore-copy{display:grid;gap:3px;padding:10px;min-width:0}.creator-explore-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-explore-copy>span{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-explore-copy>small{font-size:10px;color:#7b8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-expertise-mini{display:flex;gap:4px;overflow:hidden;margin-top:4px}.creator-expertise-mini b{flex:0 1 auto;min-width:0;padding:4px 6px;border-radius:999px;background:#f1f5f9;color:#536176;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Image media stays deliberately non-interactive. Video is the only playable media. */
.knowledge-carousel-slide>.knowledge-post-image{pointer-events:none!important;cursor:default!important;user-select:none!important;-webkit-user-drag:none!important}
.knowledge-video-carousel iframe{display:block;width:100%;height:100%;border:0;background:#020617}
.knowledge-media-tabs{position:relative!important;top:auto!important;z-index:3}
@media(max-width:760px){
  .insight-hub-shell{padding-top:calc(var(--tenar-topbar) + 8px)!important}
  .insight-hub{gap:8px}.insight-hub-toolbar{top:calc(var(--tenar-topbar) + 4px);border-radius:14px}
  .insight-hub-search{grid-template-columns:auto minmax(0,1fr) auto!important}.insight-hub-search .btn-primary{grid-column:auto!important}.insight-hub-search .btn-secondary{grid-column:1/-1!important}
  .insight-explore-filters{padding:7px 8px 8px!important}
  .create-insight-shell{width:min(100% - 18px,1180px)}.create-insight-card{padding:18px;border-radius:18px}.create-insight-card .knowledge-composer-title{flex-direction:column;gap:14px}.create-insight-actions{flex-direction:column-reverse}.create-insight-actions .btn{width:100%}
  .creator-explore-thumb{flex-basis:146px;grid-template-rows:128px auto}.creator-explore-thumb>img{height:128px}
}

/* TENAR 046 — Insight media-level appreciation + natural media sizing */
.knowledge-carousel-track{display:block!important;width:100%!important;transform:none!important;transition:none!important}
.knowledge-carousel-slide[hidden]{display:none!important}
.knowledge-carousel-slide{min-width:0!important;width:100%;display:block!important;background:#0f172a}
.knowledge-carousel-slide[hidden]{display:none!important}
.knowledge-media-stage{position:relative;width:100%;background:#0f172a;overflow:hidden}
.knowledge-carousel .knowledge-post-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#0f172a}
.knowledge-video-carousel .knowledge-carousel-slide{aspect-ratio:auto!important}
.knowledge-video-carousel .knowledge-post-video{position:relative;width:100%;height:auto!important;aspect-ratio:16/9;background:#020617}
.knowledge-video-carousel .knowledge-post-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-appreciation-rail{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:6;display:grid;gap:8px;padding:6px;border-radius:18px;background:rgba(15,23,42,.34);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(2,6,23,.16)}
.media-appreciation-btn{display:flex;align-items:center;justify-content:center;gap:5px;min-width:48px;height:38px;padding:0 9px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(15,23,42,.72);color:#fff;text-decoration:none;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.media-appreciation-btn:hover{background:rgba(30,41,59,.9);color:#fff}.media-appreciation-btn.is-liked{background:rgba(225,29,72,.9);border-color:rgba(255,255,255,.4)}.media-appreciation-btn.is-static{cursor:default;opacity:.9}.media-appreciation-btn:disabled{opacity:.6;cursor:wait}
.media-appreciation-btn b{font-size:11px;font-weight:900;min-width:8px;text-align:center}
.knowledge-carousel-counter{z-index:7}
@media(max-width:720px){.media-appreciation-rail{right:8px;gap:6px;padding:5px;border-radius:15px}.media-appreciation-btn{min-width:43px;height:34px;padding:0 7px;border-radius:11px;font-size:13px}.media-appreciation-btn b{font-size:10px}.knowledge-carousel .knowledge-post-image{height:auto!important;max-height:none!important}}


/* TENAR 047 — scoped Knowledge Search + contextual floating actions */
.media-appreciation-rail{top:auto!important;bottom:54px!important;transform:none!important}
.knowledge-carousel-counter{right:12px!important;bottom:12px!important}
.tenar-context-actions{position:fixed;right:26px;bottom:88px;z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:bottom .2s ease}
.tenar-context-actions.above-back-to-top{bottom:144px}
.tenar-context-fab{position:relative;display:flex;align-items:center;justify-content:flex-end;width:48px;height:48px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#17213d;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.14);overflow:visible;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.tenar-context-fab>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;font-size:20px;font-weight:950}
.tenar-context-fab>b{position:absolute;right:56px;top:50%;transform:translate(8px,-50%);padding:7px 10px;border-radius:9px;background:#111c38;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:.16s ease;box-shadow:0 8px 22px rgba(15,23,42,.18)}
.tenar-context-fab:hover,.tenar-context-fab:focus-visible{transform:translateY(-2px);border-color:#b9c8ff;box-shadow:0 16px 34px rgba(49,94,251,.17)}
.tenar-context-fab:hover>b,.tenar-context-fab:focus-visible>b{opacity:1;transform:translate(0,-50%)}
.tenar-context-fab-primary{background:linear-gradient(135deg,#315efb,#624cff);border-color:transparent;color:#fff}
.insight-explore-filters a{display:inline-flex;align-items:center;gap:5px}.insight-explore-filters a>b{min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;background:#e9eefb;color:#526174;font-size:9px;font-weight:900}.insight-explore-filters a.active>b{background:rgba(255,255,255,.18);color:#fff}.insight-explore-filters a>b[hidden]{display:none!important}
.knowledge-explore-summary{line-height:1.55}
@media(max-width:720px){.media-appreciation-rail{right:8px!important;bottom:50px!important}.tenar-context-actions{right:17px;bottom:78px;gap:7px}.tenar-context-actions.above-back-to-top{bottom:134px}.tenar-context-fab{width:44px;height:44px}.tenar-context-fab>span{width:44px;height:44px;flex-basis:44px;font-size:18px}.tenar-context-fab>b{display:none}.insight-explore-filters a>b{height:16px;min-width:16px;font-size:8px}}

/* TENAR 049 — Admin full user override control */
.admin-override-panel{overflow:visible}.admin-override-warning{margin:0 0 18px;padding:13px 15px;border:1px solid #f0d58c;border-radius:12px;background:#fff9e8;color:#735b1f;font-size:11px;line-height:1.55}.admin-override-warning strong{color:#523f0f}.admin-override-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-override-card{padding:18px;border:1px solid #dfe5ee;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035)}.admin-override-card h3{margin:0 0 6px;font-size:16px}.admin-override-card>p{margin:0 0 14px;color:#6b778a;font-size:11px;line-height:1.55}.admin-override-card hr{border:0;border-top:1px solid #edf1f5;margin:16px 0}.admin-override-form{display:grid;gap:10px}.admin-override-form label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#445269}.admin-override-form label small{font-weight:500;color:#8491a4}.admin-override-form input,.admin-override-form select,.admin-override-form textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#17213d;font:inherit;font-size:11px}.admin-override-form textarea{resize:vertical}.admin-override-form .btn{width:100%;justify-content:center}.admin-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;font-weight:650!important}.admin-check input{width:auto!important;min-height:auto!important;margin-top:2px}.admin-rep-current{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.admin-rep-current span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:#f4f7fb;color:#5a6779;font-size:9px}.admin-rep-current b{color:#17213d}.inline-level-form{grid-template-columns:1fr 1fr}.inline-level-form label:nth-of-type(3),.inline-level-form label:nth-of-type(4),.inline-level-form .btn{grid-column:1/-1}
@media(max-width:1180px){.admin-override-grid{grid-template-columns:1fr}.admin-override-card{padding:16px}}@media(max-width:720px){.inline-level-form{grid-template-columns:1fr}.admin-override-panel{padding:14px!important}.admin-override-card{border-radius:13px}.admin-override-warning{font-size:10px}}

/* TENAR 050 — unified Insight editor + floating Archive filter */
.post-edit-shell{width:min(100% - 28px,1120px);margin:0 auto;padding:26px 0 64px}.post-edit-card{padding:24px;border:1px solid #dbe3ef;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.06)}.post-edit-head{align-items:flex-start}.post-edit-head h1{margin:4px 0 8px}.post-edit-media-section{display:grid;gap:16px;padding-top:10px}.post-edit-media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.post-edit-media-item{position:relative;transition:.18s ease}.post-edit-media-item.is-pending-remove{opacity:.5;filter:grayscale(.2);border-color:#fecaca;background:#fff7f7}.post-edit-media-item.is-pending-remove:after{content:'AKAN DIHAPUS';position:absolute;top:16px;left:16px;padding:5px 8px;border-radius:999px;background:#b42318;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em}.post-edit-media-kind{font-size:11px;font-weight:800;color:#64748b}.post-edit-video-thumb{position:relative;overflow:hidden;border-radius:10px;background:#0f172a}.post-edit-video-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.82}.post-edit-video-thumb span{position:absolute;left:10px;bottom:9px;padding:5px 7px;border-radius:8px;background:rgba(15,23,42,.84);color:#fff;font-size:11px;font-weight:900}.post-edit-remove-note{font-size:11px;color:#b42318;font-weight:800}.post-edit-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;border-top:1px dashed #cbd5e1}.post-edit-pending-media{display:grid;gap:14px;padding:14px;border:1px solid #dbe3ef;border-radius:16px;background:#f8fafc}.post-edit-pending-block{display:grid;gap:10px}.post-edit-new-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.post-edit-new-preview-item{display:grid;gap:6px}.post-edit-new-preview-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0;background:#fff}.post-edit-new-preview-item span{font-size:10px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-edit-new-preview-item{position:relative}.post-edit-new-preview-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.22)}.post-edit-new-preview-remove:hover{background:#b42318}.insight-image-limit-error{color:#b42318!important;font-weight:800}.post-edit-video-preview-list{display:grid;gap:7px}.post-edit-video-preview-item{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;font-size:12px;color:#475569}.post-edit-final-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #e2e8f0}.post-edit-final-actions .btn-primary{min-width:220px}
.archive-context-actions .tenar-context-fab{font-family:inherit;cursor:pointer}.archive-context-actions .tenar-context-fab.is-active{border-color:#b9c8ff;box-shadow:0 0 0 4px rgba(49,94,251,.09),0 12px 30px rgba(15,23,42,.14)}.archive-context-actions .tenar-context-fab>i{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:900}.archive-filter-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px}.archive-filter-modal[hidden]{display:none!important}.archive-filter-backdrop{position:absolute;inset:0;border:0;background:rgba(7,15,31,.68);backdrop-filter:blur(4px)}.archive-filter-dialog{position:relative;width:min(620px,calc(100vw - 28px));max-height:min(84vh,760px);overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.28)}.archive-filter-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e2e8f0;background:#fff}.archive-filter-dialog h2{margin:4px 0 0}.archive-filter-close{width:44px;height:44px;border:1px solid #dbe3ef;border-radius:50%;background:#f8fafc;color:#17213d;font-size:25px;cursor:pointer}.archive-filter-modal-form{display:grid;gap:15px;padding:22px}.archive-filter-modal-form label{display:grid;gap:7px;font-weight:800}.archive-filter-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.archive-filter-open{overflow:hidden}
@media(max-width:720px){.post-edit-shell{width:min(100% - 18px,1120px);padding-top:14px}.post-edit-card{padding:16px;border-radius:18px}.post-edit-add-grid{grid-template-columns:1fr}.post-edit-final-actions{flex-direction:column-reverse}.post-edit-final-actions .btn{width:100%}.archive-filter-dialog{width:min(100% - 16px,620px);border-radius:18px}.archive-filter-dialog>header,.archive-filter-modal-form{padding:16px}.archive-filter-modal-actions{flex-direction:column-reverse}.archive-filter-modal-actions .btn{width:100%}}

/* === FINAL-FREEZE-051 compact user pages === */
.room-empty-count-row,.room-list-count-row,.archive-results-count-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}
.room-empty-count-row>strong{min-width:0}.room-empty-count-row .portal-count{flex:0 0 auto}
.room-list-count-row,.archive-results-count-row{margin:0 0 14px;padding:0 4px;color:#667085;font-size:13px;font-weight:800}
.room-list-count-row strong,.archive-results-count-row strong{color:#526174;font-size:13px;white-space:nowrap}
.archive-compact-shell{padding-top:22px!important}.archive-results-section{margin-top:0}.archive-empty-card{padding:34px 38px}
.user-discovery-shell .user-search-panel{margin-top:0}
.support-tabs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.support-tabs-toolbar .support-tabs{margin:0;min-width:0}.support-official-message{margin-left:auto;white-space:nowrap}
@media(max-width:720px){.room-empty-count-row{align-items:flex-start}.support-tabs-toolbar{align-items:stretch}.support-tabs-toolbar .support-tabs{width:100%}.support-official-message{margin-left:0;width:100%;justify-content:center}.archive-empty-card{padding:24px 20px}}

/* TENAR 052 — Admin-driven content rules + Ticketed Room */
.ticketing-option-card{border-color:#d7e0ff;background:linear-gradient(180deg,#fbfcff,#f8faff)}
.ticketing-option-card [data-ticket-price-wrap][hidden]{display:none!important}
.ticketed-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.94);color:#17213d;font-size:10px;font-weight:950;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.room-ticket-state{display:grid;gap:5px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;min-width:min(100%,320px)}
.room-ticket-state.is-active{border-color:#b9e4cf;background:#f0fbf5}.room-ticket-state strong{color:#12643c}.room-ticket-state small{color:#667085}.ticket-pass-code{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:8px;background:#17213d;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:850;letter-spacing:.04em}
.room-ticket-purchase-form{display:grid;gap:6px}.room-ticket-owner-summary{display:grid;gap:4px;padding:11px 13px;border:1px solid #d7e0ff;border-radius:13px;background:#f8faff;color:#536176;font-size:11px}.room-ticket-owner-summary strong{color:#17213d;font-size:12px}
.admin-ticket-split-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 15px;padding:12px 14px;border:1px solid #d7e0ff;border-radius:12px;background:#f8faff;color:#65728a;font-size:11px}.admin-ticket-split-summary strong{color:#17213d;font-size:12px}
@media(max-width:720px){.admin-ticket-split-summary{align-items:flex-start;flex-direction:column}.room-ticket-owner-summary{width:100%}}


/* ============================================================
   TENAR HOTFIX 053 — compact public pages + social action toolbar
   ============================================================ */
.social-activity-shell{margin-top:22px}
.social-filter-toolbar{max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}
.social-filter-toolbar .social-activity-tabs{margin:0;min-width:0;flex:1}
.social-mark-read-form{margin:0 0 0 auto;flex:0 0 auto}
.social-mark-read-btn{border:1px solid #b9a4ff;background:linear-gradient(135deg,#6d4aff,#8b5cf6);color:#fff;box-shadow:0 8px 22px rgba(109,74,255,.18);font-weight:850;white-space:nowrap}
.social-mark-read-btn:hover{background:linear-gradient(135deg,#5d3fe6,#7c4de7);color:#fff;border-color:#9b84f1}
.official-inbox-only{margin-top:28px}
.portal-shell>.room-list-count-row:first-child{margin-top:4px}
@media(max-width:760px){
  .social-activity-shell{margin-top:16px}
  .social-filter-toolbar{align-items:stretch;flex-direction:column;margin-bottom:12px}
  .social-filter-toolbar .social-activity-tabs{width:100%;margin:0}
  .social-mark-read-form{width:100%;margin:0}
  .social-mark-read-btn{width:100%;justify-content:center}
  .official-inbox-only{margin-top:22px}
}

/* HOTFIX 053B · Live Room chat tools + attachments */
.chat-compose{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;position:relative}
.chat-compose-tools{display:flex;gap:5px;position:relative;align-items:center;min-height:42px}
.panel-compose .chat-tool-button{
    width:36px;height:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,.11);
    background:#182230;color:#fff;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:700
}
.panel-compose .chat-tool-button:hover{background:#233047}
.chat-compose-main{min-width:0;display:grid;gap:5px}
.chat-file-preview{
    min-width:0;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;
    background:rgba(127,86,217,.15);border:1px solid rgba(127,86,217,.35);color:#d6ccff;font-size:10px
}
.chat-file-preview[hidden]{display:none!important}
.chat-file-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.panel-compose .chat-file-preview button{
    width:22px;height:22px;min-height:22px;padding:0;border:0;border-radius:7px;background:rgba(255,255,255,.10);color:#fff;font-size:15px
}
.panel-compose .chat-send-button{min-height:42px}
.chat-emoji-popover{
    position:absolute;left:0;bottom:50px;width:220px;max-height:190px;overflow:auto;padding:8px;
    display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#182230;border:1px solid rgba(255,255,255,.13);
    border-radius:13px;box-shadow:0 16px 45px rgba(0,0,0,.38);z-index:45
}
.chat-emoji-popover[hidden]{display:none!important}
.panel-compose .chat-emoji-popover button{
    width:34px;height:34px;min-height:34px;padding:0;border:0;background:transparent;color:#fff;border-radius:8px;font-size:20px
}
.panel-compose .chat-emoji-popover button:hover{background:rgba(255,255,255,.09)}
.chat-message>div{min-width:0}
.chat-message .chat-attachment-image-link{display:block;margin:6px 0 5px;max-width:240px;text-decoration:none}
.chat-message .chat-attachment-image{
    display:block;width:100%!important;height:auto!important;max-height:180px;border-radius:10px!important;
    object-fit:cover!important;background:#0b1220;border:1px solid rgba(255,255,255,.10)
}
.chat-message .chat-attachment-file{
    display:flex;align-items:center;gap:8px;margin:6px 0 5px;padding:8px 9px;max-width:250px;border-radius:10px;
    border:1px solid rgba(255,255,255,.10);background:#0b1220;color:#e4e7ec;text-decoration:none
}
.chat-message .chat-attachment-file>span:first-child{font-size:18px}
.chat-message .chat-attachment-file strong,.chat-message .chat-attachment-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-message .chat-attachment-file strong{font-size:10px;color:#fff;max-width:180px}
.chat-message .chat-attachment-file small{font-size:9px;color:#98a2b3;margin-top:2px}
.chat-message time{display:block;margin-top:4px}
@media(max-width:520px){
    .chat-compose{gap:5px;padding:8px}
    .chat-compose-tools{gap:3px}
    .panel-compose .chat-tool-button{width:32px;height:42px}
    .panel-compose .chat-send-button{padding:0 10px}
    .chat-emoji-popover{left:0;width:205px;grid-template-columns:repeat(5,1fr)}
}

/* ========================================================================== */
/* TENAR 054A — LiveKit Room Integration / honest presence / panel fit        */
/* ========================================================================== */
@media(min-width:1051px){
    .live-room-workspace{grid-template-columns:minmax(0,1fr) minmax(350px,390px)!important}
}
@media(min-width:901px) and (max-width:1050px){
    .live-room-workspace{grid-template-columns:minmax(0,1fr) 340px!important}
}
.live-side-panel{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.live-panel-tabs{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
}
.live-panel-tabs button{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding-inline:6px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.live-tab-count{
    display:inline-grid;
    place-items:center;
    min-width:19px;
    height:19px;
    margin-left:4px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    color:#d0d5dd;
    font-size:9px;
    font-weight:900;
    line-height:1;
    vertical-align:middle;
}
.live-panel-tabs button.active .live-tab-count{background:rgba(127,86,217,.25);color:#fff}
.stage-strip-toggle{font-family:Arial,sans-serif!important;font-weight:900!important}

@media(max-width:900px){
    .live-panel-tabs{display:flex!important}
    .live-panel-tabs button{flex:1 1 0!important;min-width:0!important;padding-inline:4px!important}
}


/* ========================================================================== */
/* TENAR 054C — Room panel fit + Insight media frame containment              */
/* ========================================================================== */

/* ---- Live Room: make the right panel always fit and keep all tabs visible. */
.live-room-workspace{min-width:0!important;overflow:hidden!important}
.live-stage-area{min-width:0!important;overflow:hidden!important}
.live-side-panel{min-width:0!important;overflow:hidden!important;grid-template-rows:auto minmax(0,1fr)!important}
.live-panel-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
}
.live-panel-tabs button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:0!important;
    padding:0 6px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:13px!important;
    line-height:1.1!important;
}
.live-panel-tabs button>span,
.live-panel-tabs button>.live-tab-count,
.live-panel-tabs button>.live-tab-badge,
.live-panel-tabs button>[data-hand-count]{flex:0 0 auto!important}

/* Wider screens keep a right rail; medium screens shrink the rail a bit. */
@media(min-width:1401px){
    .live-room-workspace{grid-template-columns:minmax(0,1fr) 330px!important}
}
@media(min-width:1151px) and (max-width:1400px){
    .live-room-workspace{grid-template-columns:minmax(0,1fr) 300px!important}
    .live-panel-tabs button{font-size:12px!important;padding-inline:4px!important}
}

/* On tighter laptop widths, place Chat/Q&A/People below the stage so nothing is cut off. */
@media(min-width:901px) and (max-width:1150px){
    .live-room-workspace{display:block!important}
    .live-stage-area{border-right:0!important}
    .live-side-panel{
        display:grid!important;
        width:100%!important;
        max-width:100%!important;
        min-height:420px!important;
        height:min(58vh,620px)!important;
        border-top:1px solid rgba(255,255,255,.08)!important;
    }
}

/* ---- Insight / social wall: keep media inside the card and preserve floating actions. */
.knowledge-feed-list,
.insight-hub-feed,
.insight-hub-card,
.knowledge-post-card,
.knowledge-media-shell,
.knowledge-media-panel,
.knowledge-carousel,
.knowledge-carousel-track,
.knowledge-carousel-slide,
.knowledge-media-stage{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}
.knowledge-post-card,
.knowledge-media-shell,
.knowledge-carousel,
.knowledge-media-stage{
    overflow:hidden!important;
}
.knowledge-media-stage{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    background:#0f172a!important;
}
.knowledge-carousel .knowledge-post-image,
.knowledge-carousel-slide>.knowledge-post-image{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:min(72vh,760px)!important;
    margin:0 auto!important;
    object-fit:contain!important;
}
.knowledge-carousel-slide>a{
    width:100%!important;
    max-width:100%!important;
}

/* Keep media appreciation / like / gift / share rail inside the visible frame. */
.media-appreciation-rail{
    right:12px!important;
    bottom:14px!important;
    top:auto!important;
    transform:none!important;
    max-width:calc(100% - 24px)!important;
    z-index:8!important;
}
.knowledge-carousel-counter{
    right:12px!important;
    bottom:12px!important;
    z-index:9!important;
}

@media(max-width:760px){
    .knowledge-carousel .knowledge-post-image,
    .knowledge-carousel-slide>.knowledge-post-image{max-height:min(65vh,520px)!important}
    .media-appreciation-rail{right:8px!important;bottom:10px!important;max-width:calc(100% - 16px)!important}
}


/* ========================================================================== */
/* TENAR 054D — Insight carousel/frame reset + room discovery containment     */
/* ========================================================================== */

/* Reset 054C's natural-size experiment: every media item now lives in one
   predictable full-width viewport. Multi-image posts stay a slider, one slide
   at a time; portrait media no longer creates a narrow strip with giant bars. */
.knowledge-post-card{width:100%!important;max-width:100%!important;overflow:hidden!important}
.knowledge-media-shell,
.knowledge-media-panel,
.knowledge-carousel,
.knowledge-carousel-track,
.knowledge-carousel-slide,
.knowledge-media-stage{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.knowledge-carousel{position:relative!important;overflow:hidden!important;background:#0f172a!important}
.knowledge-carousel-track{display:block!important;transform:none!important;transition:none!important}
.knowledge-carousel-slide{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;background:#0f172a!important}
.knowledge-carousel-slide[hidden]{display:none!important}
.knowledge-media-stage{
    position:relative!important;
    display:block!important;
    height:clamp(330px,52vw,620px)!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#0f172a!important;
}
.knowledge-carousel .knowledge-post-image,
.knowledge-carousel-slide>.knowledge-post-image,
.knowledge-media-stage>.knowledge-post-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#0f172a!important;
}
.knowledge-video-carousel .knowledge-media-stage{height:auto!important;aspect-ratio:16/9!important}
.knowledge-video-carousel .knowledge-post-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
.knowledge-video-carousel .knowledge-post-video iframe{width:100%!important;height:100%!important}

/* Slider controls are always kept inside the media frame. */
.knowledge-carousel-arrow{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:12!important;
    width:40px!important;
    height:48px!important;
    border-radius:12px!important;
}
.knowledge-carousel-arrow.prev{left:10px!important;right:auto!important}
.knowledge-carousel-arrow.next{right:10px!important;left:auto!important}
.knowledge-carousel-counter{right:12px!important;bottom:12px!important;z-index:13!important}
.media-appreciation-rail{
    position:absolute!important;
    right:12px!important;
    bottom:54px!important;
    top:auto!important;
    transform:none!important;
    z-index:14!important;
    max-width:calc(100% - 24px)!important;
}

/* Room recommendations are explicitly horizontal sliders. Cards can never
   become wider than the available Insight frame. */
.inline-room-discovery,
.insight-room-strip{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
.insight-room-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    padding:2px 2px 10px!important;
    box-sizing:border-box!important;
}
.insight-room-carousel>.room-card{
    flex:0 0 min(320px,calc(100% - 8px))!important;
    width:min(320px,calc(100% - 8px))!important;
    min-width:0!important;
    max-width:calc(100% - 8px)!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
}
.insight-room-carousel>.room-card *{max-width:100%}

/* Live Room right rail: keep Chat/Q&A/People inside the viewport. */
.live-room-workspace{min-width:0!important;max-width:100vw!important;overflow:hidden!important}
.live-side-panel{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.live-panel-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;overflow:hidden!important}
.live-panel-tabs button{min-width:0!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-inline:4px!important}

@media(max-width:760px){
    .knowledge-media-stage{height:auto!important;aspect-ratio:4/5!important}
    .knowledge-video-carousel .knowledge-media-stage{aspect-ratio:16/9!important}
    .knowledge-carousel-arrow{width:34px!important;height:42px!important;font-size:26px!important}
    .knowledge-carousel-arrow.prev{left:7px!important}.knowledge-carousel-arrow.next{right:7px!important}
    .media-appreciation-rail{right:8px!important;bottom:48px!important;max-width:calc(100% - 16px)!important}
    .insight-room-carousel>.room-card{flex-basis:88%!important;width:88%!important;max-width:88%!important}
}


/* ========================================================================== */
/* TENAR 054E — Insight Room Discovery true horizontal slider                */
/* ========================================================================== */
.inline-room-discovery{position:relative!important;overflow:hidden!important}
.insight-room-slider-shell{position:relative;min-width:0;width:100%;overflow:hidden}
.insight-room-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    padding:4px 40px 10px 2px!important;
    box-sizing:border-box!important;
}
.insight-room-carousel::-webkit-scrollbar{display:none!important}
.insight-room-carousel>.discovery-room-card{
    flex:0 0 clamp(250px,34%,300px)!important;
    width:clamp(250px,34%,300px)!important;
    min-width:250px!important;
    max-width:300px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
}
.insight-room-carousel>.discovery-room-card .room-card-kicker{
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.insight-room-carousel>.discovery-room-card .room-card-title{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
    overflow:hidden!important;line-height:1.12!important;min-height:3.36em!important;
}
.insight-room-carousel>.discovery-room-card .room-card-schedule{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;
}
.insight-room-slider-nav{
    position:absolute;top:50%;z-index:12;transform:translateY(-50%);
    width:38px;height:54px;border:1px solid rgba(15,23,42,.12);border-radius:12px;
    background:rgba(255,255,255,.96);color:#17213d;box-shadow:0 10px 28px rgba(15,23,42,.14);
    display:grid;place-items:center;font:900 24px/1 Arial,sans-serif;cursor:pointer;
    backdrop-filter:blur(8px);transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease;
}
.insight-room-slider-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.03);box-shadow:0 14px 34px rgba(15,23,42,.18)}
.insight-room-slider-nav.prev{left:6px}.insight-room-slider-nav.next{right:6px}
.insight-room-slider-nav:disabled{opacity:.22;cursor:default;box-shadow:none}
@media(max-width:760px){
    .insight-room-carousel{gap:10px!important;padding:3px 30px 9px 1px!important}
    .insight-room-carousel>.discovery-room-card{
        flex-basis:min(82vw,280px)!important;width:min(82vw,280px)!important;min-width:min(82vw,280px)!important;max-width:min(82vw,280px)!important;
    }
    .insight-room-slider-nav{width:32px;height:48px;border-radius:10px;font-size:21px}
    .insight-room-slider-nav.prev{left:3px}.insight-room-slider-nav.next{right:3px}
}

/* ========================================================================== */
/* TENAR 054F — Saved Library parity + Insight comments / replies             */
/* ========================================================================== */
.saved-library-intro{
    max-width:850px;margin:0 auto 16px;padding:14px 16px;border:1px solid #dfe6ef;border-radius:14px;
    background:#f8fafc;color:#5f6f84;font-size:13px;line-height:1.55
}
.saved-library-intro strong{color:#17213d}
.post-comment-open b{font-size:12px;font-weight:900}

.insight-comment-open{overflow:hidden}
.insight-comment-layer{position:fixed;inset:0;z-index:10080;display:block}
.insight-comment-layer[hidden]{display:none!important}
.insight-comment-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.46);backdrop-filter:blur(2px);cursor:default}
.insight-comment-drawer{
    position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);display:grid;
    grid-template-rows:auto auto minmax(0,1fr) auto auto;background:#fff;color:#17213d;
    border-left:1px solid #dfe5ee;box-shadow:-24px 0 70px rgba(15,23,42,.20);overflow:hidden
}
.insight-comment-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid #edf1f5}
.insight-comment-head>div{display:grid;gap:3px;min-width:0}.insight-comment-head strong{font-size:18px}.insight-comment-head span{font-size:11px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insight-comment-head>button{width:36px;height:36px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:24px;cursor:pointer}
.insight-comment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 12px;border-bottom:1px solid #edf1f5;background:#fbfcfe}
.insight-comment-tabs button{min-height:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:#667085;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.insight-comment-tabs button.active{background:#eef2ff;border-color:#d8defe;color:#3553d8}
.insight-comment-list{min-height:0;overflow:auto;padding:10px 14px 18px;overscroll-behavior:contain}
.insight-comment-empty{padding:30px 16px;text-align:center;color:#7b8798;font-size:12px}.insight-comment-empty.is-error{color:#b42318}
.insight-comment-thread{padding:3px 0 8px;border-bottom:1px solid #f0f3f7}.insight-comment-thread:last-child{border-bottom:0}
.insight-comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:10px 2px}
.insight-comment-item.is-reply{margin-left:40px;grid-template-columns:32px minmax(0,1fr);padding-top:5px}
.insight-comment-avatar img{display:block;width:38px;height:38px;border-radius:11px;object-fit:cover;background:#e8edf4}.insight-comment-item.is-reply .insight-comment-avatar img{width:32px;height:32px;border-radius:9px}
.insight-comment-body{min-width:0}.insight-comment-meta{display:flex;align-items:center;gap:8px;min-width:0}.insight-comment-meta a{min-width:0;max-width:65%;color:#17213d;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-comment-meta time{margin-left:auto;color:#98a2b3;font-size:9px;white-space:nowrap}
.insight-comment-body p{margin:5px 0 4px;font-size:13px;line-height:1.5;color:#344054;overflow-wrap:anywhere}.insight-comment-body em{display:block;margin-top:5px;color:#98a2b3;font-size:12px}
.insight-comment-actions{display:flex;gap:10px;margin-top:5px}.insight-comment-actions button{border:0;background:transparent;padding:2px 0;color:#667085;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.insight-comment-actions button:hover{color:#315efb}.insight-comment-actions button.danger{color:#b42318}
.insight-comment-replying{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 13px;border-top:1px solid #e5eaf1;background:#f8fafc;color:#667085;font-size:11px}.insight-comment-replying button{width:26px;height:26px;border:0;border-radius:8px;background:#e9eef5;color:#475569;cursor:pointer}
.insight-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 12px calc(11px + env(safe-area-inset-bottom));border-top:1px solid #e5eaf1;background:#fff}
.insight-comment-compose textarea{width:100%;min-height:44px;max-height:120px;resize:vertical;padding:10px 11px;border:1px solid #d8e0ea;border-radius:11px;font:inherit;font-size:13px;line-height:1.4;box-sizing:border-box}
.insight-comment-compose button{align-self:end;min-height:44px;padding:0 14px;border:0;border-radius:11px;background:#315efb;color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.insight-comment-compose button:disabled{opacity:.55}
.insight-comment-login{padding:13px;border-top:1px solid #e5eaf1;text-align:center}.insight-comment-login a{display:inline-flex;padding:10px 14px;border-radius:10px;background:#315efb;color:#fff;text-decoration:none;font-size:12px;font-weight:900}

@media(max-width:720px){
  .insight-comment-layer{display:flex;align-items:flex-end}
  .insight-comment-drawer{position:relative;inset:auto;width:100%;height:min(80dvh,720px);border-left:0;border-top:1px solid #dfe5ee;border-radius:20px 20px 0 0;box-shadow:0 -24px 70px rgba(15,23,42,.22)}
  .insight-comment-backdrop{position:absolute}
  .insight-comment-item.is-reply{margin-left:28px}
  .insight-comment-compose textarea{font-size:16px}
}

/* ========================================================================== */
/* TENAR 054G — Instagram-style Insight replies + standard DM composer        */
/* ========================================================================== */

/* Insight comments: flat one-level reply thread, like Instagram. */
.insight-comment-replies-toggle{
    margin:0 0 4px 50px;padding:4px 0;border:0;background:transparent;color:#667085;
    font:inherit;font-size:10px;font-weight:850;cursor:pointer
}
.insight-comment-replies-toggle::before{content:"";display:inline-block;width:24px;height:1px;margin:0 8px 3px 0;background:#cbd5e1;vertical-align:middle}
.insight-comment-replies-toggle:hover{color:#315efb}
.insight-comment-replies[hidden]{display:none!important}
.insight-comment-compose{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}
.insight-comment-compose-box{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:5px;min-width:0}
.insight-comment-compose-box textarea{grid-column:2;min-width:0}
.insight-comment-emoji-toggle{
    grid-column:1;width:40px;height:44px;border:1px solid #d8e0ea!important;border-radius:11px!important;
    background:#fff!important;color:#475569!important;padding:0!important;font-size:19px!important;cursor:pointer
}
.insight-comment-emoji-toggle:hover{background:#f8fafc!important;border-color:#b9c8ff!important}
.insight-comment-emoji-popover{
    position:absolute;left:0;bottom:52px;z-index:8;width:238px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;
    padding:8px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.18)
}
.insight-comment-emoji-popover[hidden]{display:none!important}
.insight-comment-emoji-popover button{
    width:34px;height:34px;min-height:34px!important;padding:0!important;border:0!important;border-radius:8px!important;
    background:transparent!important;color:inherit!important;font-size:20px!important;cursor:pointer
}
.insight-comment-emoji-popover button:hover{background:#f1f5f9!important}
.insight-comment-replying span strong{color:#17213d}

/* Floating DM: emoji beside attachment; existing reply/file/read-receipt behavior remains. */
.tenar-floating-thread-compose{grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:end!important}
.floating-emoji-wrap{position:relative;align-self:end}
.floating-emoji-popover{
    position:absolute;left:0;bottom:45px;z-index:50;width:226px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;
    padding:8px;border:1px solid #d9e1ed;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.20)
}
.floating-emoji-popover[hidden]{display:none!important}
.floating-emoji-popover button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:19px;cursor:pointer}
.floating-emoji-popover button:hover{background:#f1f5f9}

/* Full-page DM gets parity with floating DM: emoji, attachment, reply, paste image, Enter-to-send. */
.dm-compose-modern{grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:end!important;position:relative}
.dm-compose-tools{display:flex;align-items:center;gap:6px;align-self:end}
.dm-compose-icon{width:42px;height:42px;border:1px solid #d5ddea;border-radius:11px;background:#fff;color:#475569;font-size:18px;cursor:pointer}
.dm-compose-icon:hover{background:#f4f7ff;border-color:#a7b7ef}
.dm-page-emoji-wrap{position:relative}
.dm-page-emoji-popover{
    position:absolute;left:0;bottom:48px;z-index:20;width:238px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;
    padding:8px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.20)
}
.dm-page-emoji-popover[hidden]{display:none!important}
.dm-page-emoji-popover button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;font-size:20px;cursor:pointer}
.dm-page-emoji-popover button:hover{background:#f1f5f9}
.dm-page-reply-preview,.dm-page-attachment-preview{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 11px;
    border:1px solid #dbe3ef;border-radius:11px;background:#f8fafc;color:#667085;font-size:11px
}
.dm-page-reply-preview[hidden],.dm-page-attachment-preview[hidden]{display:none!important}
.dm-page-reply-preview strong{color:#17213d}
.dm-page-reply-preview button,.dm-page-attachment-preview button{width:28px;height:28px;border:0;border-radius:8px;background:#e9eef5;color:#475569;cursor:pointer}
.dm-thread .dm-bubble{position:relative}
.dm-thread .dm-bubble-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.dm-thread .dm-bubble-foot>button{border:0;background:transparent;color:#7a8799;font-size:14px;cursor:pointer;padding:2px 4px}
.dm-thread .dm-bubble:hover .dm-bubble-foot>button{color:#315efb}

@media(max-width:720px){
    .insight-comment-replies-toggle{margin-left:38px}
    .insight-comment-emoji-popover{position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;grid-template-columns:repeat(7,1fr)}
    .tenar-floating-thread-compose{grid-template-columns:auto auto minmax(0,1fr) auto!important}
    .floating-emoji-popover{left:-46px;width:220px;grid-template-columns:repeat(6,1fr)}
    .dm-compose-modern{grid-template-columns:minmax(0,1fr) auto!important}
    .dm-compose-modern .dm-compose-tools{grid-column:1/-1;justify-content:flex-start}
    .dm-compose-modern textarea{grid-column:1/2}
    .dm-compose-modern [data-dm-send]{grid-column:2/3}
    .dm-compose-modern button[name="action"][value="block"]{grid-column:1/-1;justify-self:start}
    .dm-compose-modern .dm-send-status{grid-column:1/-1}
    .dm-page-emoji-popover{left:0;width:min(238px,calc(100vw - 36px))}
}
.floating-request-compose-box{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start}
.floating-request-compose-box textarea{min-width:0;width:100%;box-sizing:border-box}
.floating-request-emoji-popover{position:absolute;left:0;top:46px;z-index:60;width:226px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:8px;border:1px solid #d9e1ed;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.20)}
.floating-request-emoji-popover[hidden]{display:none!important}
.floating-request-emoji-popover button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:19px;cursor:pointer}
.floating-request-emoji-popover button:hover{background:#f1f5f9}

/* ========================================================================== */
/* TENAR 054H — Insight comment moderation + report UI                       */
/* ========================================================================== */
.insight-comment-actions .muted-action{color:#98a2b3!important}
.insight-comment-actions .muted-action:hover{color:#fdb022!important}
.insight-comment-report-panel{position:absolute;inset:0;z-index:12;display:grid;place-items:end stretch;background:rgba(8,12,22,.48);backdrop-filter:blur(2px)}
.insight-comment-report-panel[hidden]{display:none!important}
.insight-comment-report-card{background:#fff;color:#17213d;border-radius:20px 20px 0 0;padding:16px;box-shadow:0 -20px 55px rgba(15,23,42,.24)}
.insight-comment-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.insight-comment-report-head>div{display:grid;gap:3px}.insight-comment-report-head strong{font-size:16px}.insight-comment-report-head span{font-size:11px;color:#64748b}.insight-comment-report-head>button{width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:20px;cursor:pointer}
.insight-comment-report-card form{display:grid;gap:12px}.insight-comment-report-card label{display:grid;gap:6px;font-size:11px;font-weight:850;color:#475569}.insight-comment-report-card select,.insight-comment-report-card textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;border-radius:11px;padding:10px 11px;background:#fff;color:#17213d;font:inherit;font-size:13px}.insight-comment-report-card textarea{resize:vertical;min-height:92px}.insight-comment-report-actions{display:flex;justify-content:flex-end;gap:8px}.insight-comment-report-actions button{min-height:38px;padding:0 13px;border-radius:10px;border:1px solid #dbe3ef;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.insight-comment-report-actions button[type="submit"]{background:#17213d;color:#fff;border-color:#17213d}

.admin-comment-table td{vertical-align:top}.admin-comment-table td:first-child{min-width:260px}.admin-comment-table td:nth-child(2){min-width:230px}.admin-comment-table td:last-child{min-width:360px}.admin-comment-actions{min-width:340px}.admin-comment-action-buttons,.admin-comment-restrict-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-comment-restrict-row{margin-top:6px}.admin-comment-restrict-row select{min-height:36px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;padding:6px 8px;font:inherit;font-size:11px}.admin-comment-table .claim-status{display:inline-flex;margin-top:6px}
@media(max-width:720px){.insight-comment-report-panel{position:fixed}.insight-comment-report-card{padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.admin-comment-table td:last-child{min-width:300px}}
.admin-inline-links{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0}

/* ========================================================================== */
/* TENAR 054J — Preview-first Room + Hidden Live Observer                     */
/* ========================================================================== */
.room-preview-information{
    margin-top:18px;padding:20px;border:1px solid var(--border,#e5e7eb);border-radius:20px;background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.035)
}
.room-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}
.room-preview-heading h2{margin:3px 0 6px;font-size:clamp(22px,3vw,32px);letter-spacing:-.025em;color:#17213d}
.room-preview-heading p.muted{margin:0;max-width:760px;line-height:1.55}
.room-detail-grid-prominent{margin-top:14px}
.room-detail-grid-prominent .profile-section{margin:0!important;min-width:0}
.room-action-bar-after-preview{margin-top:14px}
.observer-room-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.observer-live-media-panel{margin-bottom:18px;overflow:hidden}
.observer-live-media-panel .admin-table-title{align-items:center}
.observer-live-media-panel .admin-table-title>div{display:grid;gap:3px}
.observer-live-media-panel .admin-table-title small{color:#7b8798}
.observer-live-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid #e8edf3;background:#f8fafc;color:#4b5d72;font-size:12px}
.observer-live-toolbar>span{padding:7px 10px;border:1px solid #e0e7ef;border-radius:999px;background:#fff}
.observer-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:14px;background:#0b0f19;min-height:220px}
.observer-live-empty{grid-column:1/-1;min-height:190px;display:grid;place-items:center;text-align:center;padding:28px;color:#98a2b3;background:#0f172a;border:1px dashed rgba(255,255,255,.12);border-radius:14px}
.observer-live-tile{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#111827;color:#fff}
.observer-live-tile-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#020617;overflow:hidden}
.observer-live-tile-media video{width:100%;height:100%;object-fit:contain;background:#020617}
.observer-live-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#22304a,#0b1220 68%);font-size:42px;color:#94a3b8}
.observer-live-avatar-fallback img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.16)}
.observer-live-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.observer-live-tile-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.observer-live-tile-meta span{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.07em;color:#98a2b3}
[data-observer-live-status][data-state="connected"]{color:#047857}
[data-observer-live-status][data-state="connecting"]{color:#b45309}
[data-observer-live-status][data-state="error"]{color:#b42318}

@media(max-width:760px){
    .room-preview-information{padding:15px;border-radius:16px}
    .room-preview-heading{display:block}
    .room-detail-grid-prominent{grid-template-columns:1fr}
    .observer-live-grid{grid-template-columns:1fr;padding:8px}
    .observer-live-toolbar .btn{flex:1 1 140px}
}