:root {
  --font-ui:"Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bvu-blue:#086bd8;
  --bvu-blue-dark:#0756ad;
  --bvu-navy:#153a60;
  --bvu-cyan:#1aa8ed;
  --green:#14a978;
  --orange:#e99416;
  --red:#df4b57;
  --violet:#7657d9;
  --ink:#1d3148;
  --muted:#6e8195;
  --line:#dfe8f1;
  --bg:#f4f7fb;
  --card:#ffffff;
  --shadow:0 10px 30px rgba(30,61,96,.07);
  --shadow-lg:0 24px 60px rgba(18,57,98,.14);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-family:var(--font-ui)}
body,button,input,select,textarea,option,optgroup,table,th,td,a,label,span,strong,b,small,p,h1,h2,h3,h4,h5,h6,nav,aside,main,section,article,header,footer,dialog,code,pre,kbd,samp{font-family:var(--font-ui)}
svg text{font-family:var(--font-ui)!important}
::placeholder{font-family:var(--font-ui)}
input::file-selector-button{font-family:var(--font-ui)}
body{margin:0;min-width:320px;font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-size:14px}
button,input,select,textarea,option,optgroup{font-family:var(--font-ui);font-style:normal;font-variant:normal;letter-spacing:normal}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%}
.hidden{display:none!important}
.svg-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none}
.container{width:min(1220px,calc(100% - 32px));margin:0 auto}
.grid{display:grid;gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pad{padding:22px}
.panel{display:none}
.panel.active{display:block}
.muted{color:var(--muted)}
.eyebrow,.section-kicker{display:block;margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bvu-blue-dark)}
.login-showcase .eyebrow,.admin-login-brand .eyebrow{color:#fff}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 13px}
.section-title h2{margin:0;font-size:20px;line-height:1.25;color:var(--bvu-navy)}
.section-title-tight{margin-top:22px}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 20px}
.page-head h1{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.025em;color:var(--bvu-navy)}
.page-head p{margin:7px 0 0;max-width:680px;color:var(--muted);line-height:1.6}
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:9px 14px;background:var(--bvu-blue);color:#fff;font-weight:750;text-decoration:none;box-shadow:none;transition:.15s ease}
.btn:hover{background:var(--bvu-blue-dark)}
.btn.secondary{background:#edf5fc;color:#0b63b5}
.btn.secondary:hover{background:#e2eef9}
.btn.green{background:var(--green)}
.btn.danger{background:var(--red)}
.btn.small{min-height:32px;padding:6px 10px;font-size:12px;border-radius:9px}
.btn-lg{min-height:48px;padding:12px 17px}
.btn svg,.text-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ghost-danger{background:#fff1f2;color:#bd3440;border:1px solid #ffd8dc}
.text-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--bvu-blue-dark);font-weight:750;padding:5px}
.icon-btn{border:0;background:#edf3f8;color:#526a82;border-radius:10px;padding:8px 11px}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#e9f3fd;color:#0a67bd;font-size:11px;font-weight:800;white-space:nowrap}
.badge.green{background:#e1f7ef;color:#08765a}
.badge.orange{background:#fff1d7;color:#9b5b00}
.badge.red{background:#ffe4e7;color:#ad2f3b}
.badge.purple{background:#eee9fc;color:#6446bd}
.notice{padding:12px 14px;border:1px solid #d7e9fa;border-radius:12px;background:#eef7ff;color:#0a5daa;line-height:1.55}
.notice.error,.error{border-color:#ffd6da;background:#fff0f1;color:#a52b36}
.notice.success,.success{border-color:#ccecdf;background:#eaf8f3;color:#087358}
.empty{padding:27px 16px;border:1px dashed #d7e2ed;border-radius:14px;background:#fbfcfe;color:var(--muted);text-align:center}
.form{display:grid;gap:14px}
.form.two{grid-template-columns:repeat(2,minmax(0,1fr))}
label.field{display:grid;gap:7px;color:#334c65;font-size:13px;font-weight:700}
.field input,.field select,.field textarea,.toolbar input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #cfdce8;border-radius:10px;background:#fff;color:var(--ink);outline:none}
.field textarea{min-height:108px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{border-color:#70afe8;box-shadow:0 0 0 3px rgba(8,107,216,.09)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.list{display:grid;gap:12px}
.content-list{gap:13px}
.item{padding:16px 17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(25,57,91,.035)}
.item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.item h3{margin:0 0 6px;font-size:16px;line-height:1.4;color:#1b3b5c}
.item p{margin:8px 0 0;line-height:1.58}
.meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.5}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{width:100%;min-width:720px;border-collapse:collapse}
.table th,.table td{padding:12px 13px;border-bottom:1px solid #edf2f6;text-align:left;vertical-align:middle;font-size:13px;white-space:nowrap}
.table th{background:#f7f9fc;color:#5e7185;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.data-card{overflow:hidden}
.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.search-box{display:flex;align-items:center;gap:8px;min-width:250px;border:1px solid #d4e0eb;border-radius:11px;background:#fff;padding:0 10px}
.search-box svg{width:17px;height:17px;fill:none;stroke:#7e91a5;stroke-width:1.8}
.search-box input{border:0!important;box-shadow:none!important;padding-left:0}
.toast{position:fixed;right:18px;top:80px;z-index:999;max-width:min(380px,calc(100% - 36px));padding:12px 15px;border-radius:12px;background:#173a5e;color:#fff;font-weight:700;box-shadow:0 16px 42px rgba(0,0,0,.2)}
.modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:rgba(14,31,51,.55)}
.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #edf2f6}
.modal-head h3{margin:0;font-size:20px;color:var(--bvu-navy)}
.modal-body{margin-top:18px}

/* STUDENT LOGIN */
.auth-wrap{min-height:100vh;padding:28px;background:linear-gradient(135deg,#eaf4fd 0%,#f8fbff 48%,#edf8f5 100%)}
.login-shell{width:min(1180px,100%);min-height:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);overflow:hidden;border:1px solid #d9e5f0;border-radius:28px;background:#fff;box-shadow:var(--shadow-lg)}
.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:38px 48px;background:linear-gradient(145deg,#0870dc 0%,#075ab5 64%,#074884 100%);color:#fff}
.login-brand-strip{position:relative;z-index:2;width:min(390px,100%);padding:8px 11px;border-radius:14px;background:#fff}
.login-brand-strip img{display:block;width:100%;height:64px;object-fit:contain}
.showcase-copy{position:relative;z-index:2;max-width:570px;padding:38px 0}
.showcase-copy h1{margin:10px 0 17px;font-size:clamp(40px,4.5vw,62px);line-height:1.05;letter-spacing:-.04em}
.showcase-copy>p{margin:0;max-width:530px;color:rgba(255,255,255,.84);font-size:16px;line-height:1.7}
.showcase-points{display:grid;gap:11px;margin-top:28px}
.showcase-points>div{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}
.showcase-points b{font-size:14px}
.showcase-points small{grid-column:2;margin-top:2px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.45}
.feature-dot{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--bvu-blue);font-size:12px;font-weight:900}
.feature-dot.green{color:var(--green)}
.feature-dot.violet{color:var(--violet)}
.feature-dot svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.showcase-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.05)}
.orb-a{width:380px;height:380px;right:-150px;top:18%}
.orb-b{width:240px;height:240px;left:-80px;bottom:-70px}
.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;background:#f9fbfe}
.login-card{width:min(470px,100%);padding:32px;border:1px solid #e0e9f1;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(31,67,105,.08)}
.login-mobile-brand{display:none}
.login-heading{display:flex;align-items:center;gap:14px}
.login-mark{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #dce9f6;border-radius:16px;background:#f0f7fd}
.login-mark img{width:48px;height:48px;object-fit:contain}
.login-heading h2{margin:2px 0 0;font-size:27px;letter-spacing:-.025em;color:#153a60}
.login-intro{margin:18px 0 13px;color:var(--muted);line-height:1.6}
.auth-note{margin-bottom:16px}
.modern-field>span{font-size:12px}
.input-shell{position:relative;display:flex;align-items:center}
.input-shell>svg{position:absolute;left:12px;width:18px;height:18px;fill:none;stroke:#7890a8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.input-shell input{min-height:48px;padding-left:40px;padding-right:64px}
.password-toggle{position:absolute;right:8px;border:0;border-radius:8px;background:#edf4fa;color:#2569a8;padding:6px 8px;font-size:11px;font-weight:800}
.login-submit{width:100%;margin-top:2px}
.login-help{display:grid;gap:2px;margin-top:17px;padding-top:15px;border-top:1px solid #edf2f6;color:#74889c;text-align:center;font-size:12px}
.admin-entry{display:block;margin-top:14px;color:#1265b7;text-align:center;text-decoration:none;font-weight:800}
.login-foot{margin-top:16px;color:#7b8da0;text-align:center;font-size:12px}

/* MEMBER */
.member-app{background:var(--bg)}
.topbar{position:sticky;top:0;z-index:70;border-bottom:1px solid #e2eaf2;background:rgba(255,255,255,.96);box-shadow:0 4px 16px rgba(20,52,86,.035)}
.topbar-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand img{width:44px;height:44px;object-fit:contain;padding:3px;border-radius:12px;background:#eef6fe}
.brand strong{display:block;color:#153a60;font-size:16px}
.brand small{display:block;max-width:420px;margin-top:2px;overflow:hidden;color:#74869a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.top-actions{display:flex;align-items:center;gap:11px}
.top-status,.admin-system-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eaf7f2;color:#08735a;font-size:11px;font-weight:800}
.top-status span,.admin-system-pill span,.sidebar-health>span{width:8px;height:8px;border-radius:50%;background:#19ae7b}
.top-avatar-btn{border:0;background:transparent;padding:0;border-radius:50%}
.avatar{width:41px;height:41px;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#e1eef9;box-shadow:0 0 0 1px #d3e0ec}
.member-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.member-sidebar{position:sticky;top:88px;height:calc(100vh - 110px);margin-top:18px;padding:14px;display:flex;flex-direction:column;box-shadow:none}
.member-side-head{display:flex;align-items:center;gap:10px;padding:6px 6px 15px;border-bottom:1px solid #edf2f6}
.side-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eef6fe}
.side-mark img{width:32px;height:32px;object-fit:contain}
.member-side-head b{display:block;color:#1b3d5e;font-size:13px}
.member-side-head small{display:block;margin-top:2px;color:#8292a2;font-size:10px}
.member-side-nav{display:grid;gap:5px;padding:13px 0}
.member-side-nav button,.side-nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:11px;background:transparent;color:#536a81;text-align:left;font-weight:750;padding:10px 11px}
.member-side-nav button svg,.side-nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.member-side-nav button:hover{background:#f1f6fb}
.member-side-nav button.active{background:#e9f3fd;color:#0866c1}
.side-message{margin-top:auto;padding:13px;border:1px solid #dceaf6;border-radius:13px;background:#f4f9fd}
.side-message b{color:#0b62b5;font-size:12px}
.side-message p{margin:5px 0 0;color:#6e8397;font-size:11px;line-height:1.5}
.page{min-width:0;padding:20px 0 92px}
.member-main{min-width:0}
.hero{position:relative;overflow:hidden}
.member-hero{min-height:208px;display:flex;align-items:center;justify-content:space-between;padding:28px 30px;background:linear-gradient(130deg,#e9f5ff 0%,#fff 56%,#ebf9f4 100%)}
.member-hero:before{content:"";position:absolute;right:-110px;top:-160px;width:340px;height:340px;border-radius:50%;background:rgba(8,107,216,.08)}
.hero-copy{position:relative;z-index:2;max-width:670px}
.hero-copy h1{margin:5px 0 9px;color:#075bad;font-size:clamp(29px,3.5vw,42px);line-height:1.12;letter-spacing:-.035em}
.hero-copy>p{margin:0;color:#62778c;line-height:1.6}
.hero-meta{display:flex;align-items:center;gap:8px;margin-top:17px;color:#71869a;font-size:12px;font-weight:650}
.hero-visual{position:relative;z-index:2;width:160px;display:grid;place-items:center}
.hero-circle{width:126px;height:126px;display:grid;place-items:center;border:1px solid #dfeaf4;border-radius:34px;background:rgba(255,255,255,.82);box-shadow:0 17px 38px rgba(18,76,132,.1)}
.hero-circle img{width:94px;height:94px;object-fit:contain}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}
.stat{min-height:88px;padding:15px;display:flex;align-items:center;gap:12px}
.stat-icon{width:41px;height:41px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px}
.stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stat-icon.blue{background:#e7f2fd;color:#0871d5}
.stat-icon.green{background:#e5f6ef;color:#0b956c}
.stat-icon.violet{background:#eeeafd;color:#6f51d0}
.stat-icon.orange{background:#fff0da;color:#da830d}
.stat-copy{min-width:0}
.stat-copy b,.stat>b{display:block;color:#173a5d;font-size:25px;line-height:1}
.stat-copy span{display:block;margin-top:6px;color:#74889c;font-size:11px;font-weight:750}
.quick{grid-template-columns:repeat(3,minmax(0,1fr))}
.quick-premium button{min-width:0;display:grid;grid-template-columns:45px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 5px 17px rgba(24,58,96,.03)}
.quick-premium button:hover{border-color:#cbdbe9;background:#fbfdff}
.quick-premium button>span:nth-child(2){min-width:0}
.quick-premium b{display:block;color:#24415e;font-size:13px;line-height:1.35}
.quick-premium small{display:block;margin-top:3px;color:#8091a2;font-size:10px;line-height:1.35}
.quick-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px}
.quick-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qi-blue{background:#e6f2fd;color:#0870d3}.qi-green{background:#e4f6ee;color:#0b996f}.qi-violet{background:#eeeafd;color:#6c50ca}.qi-orange{background:#fff0dc;color:#dc850e}.qi-cyan{background:#e7f7fb;color:#178fa9}.qi-teal{background:#e5f6f3;color:#0e9389}
.quick-arrow{width:15px;height:15px;fill:none;stroke:#94a5b6;stroke-width:1.9}
.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;align-items:start}
.profile-card{padding:22px}
.profile-identity{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #edf2f6}
.profile-avatar-large,.profile-initial{width:82px;height:82px;flex:0 0 auto;border-radius:21px}
.profile-avatar-large{object-fit:cover;background:#e5f1fc}
.profile-initial{display:grid;place-items:center;background:#e7f3fd;color:#0a66ba;font-size:27px;font-weight:900}
.profile-name h2{margin:7px 0 0;color:#183b5d;font-size:23px}
.profile-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0}
.mini-info{padding:13px;border:1px solid #e4ebf2;border-radius:12px;background:#f8fafc}
.mini-info span{display:block;color:#7a8da0;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.mini-info b{display:block;margin-top:5px;color:#284661;font-size:13px;line-height:1.4}
.profile-actions{display:flex;justify-content:flex-end;margin-top:17px}
.bottom-nav{display:none}

/* ADMIN */
.admin-app{background:#f4f7fb}
.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:17px 14px;display:flex;flex-direction:column;background:linear-gradient(180deg,#086bd4 0%,#0758ae 64%,#074986 100%);color:#fff}
.admin-brand{display:flex;align-items:center;gap:10px;padding:3px 4px 16px;border-bottom:1px solid rgba(255,255,255,.14)}
.admin-brand-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff}
.admin-brand-logo img{width:37px;height:37px;object-fit:contain}
.admin-brand strong{display:block;font-size:14px}
.admin-brand small{display:block;margin-top:2px;color:rgba(255,255,255,.72);font-size:10px}
.sidebar-label{padding:17px 10px 7px;color:rgba(255,255,255,.58);font-size:10px;font-weight:800;letter-spacing:.08em}
.side-nav{display:grid;gap:4px}
.side-nav button{color:rgba(255,255,255,.84);font-size:12px}
.side-nav button:hover{background:rgba(255,255,255,.09);color:#fff}
.side-nav button.active{background:#fff;color:#0863ba}
.sidebar-footer{margin-top:auto;padding:14px 5px 3px}
.sidebar-health{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.07)}
.sidebar-health b{display:block;font-size:11px}
.sidebar-health small{display:block;margin-top:2px;color:rgba(255,255,255,.67);font-size:9px}
.sidebar-footer>a{display:block;margin-top:11px;color:rgba(255,255,255,.82);font-size:11px;text-decoration:none}
.admin-main{min-width:0;padding:0 24px 38px}
.admin-head{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -24px 20px;padding:14px 24px;border-bottom:1px solid #e1e9f1;background:rgba(244,247,251,.97)}
.admin-title-wrap h1{margin:1px 0 2px;color:#163a5d;font-size:24px;letter-spacing:-.02em}
.admin-title-wrap .muted{font-size:11px}
.admin-head-actions{display:flex;align-items:center;gap:9px}
.logout-admin{padding:8px 11px}
.admin-welcome{min-height:145px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(125deg,#eaf5ff,#fff 58%,#eef8f4)}
.admin-welcome h2{margin:5px 0 6px;color:#10518f;font-size:26px;letter-spacing:-.025em}
.admin-welcome p{margin:0;color:#6b7f93;line-height:1.55}
.admin-welcome-mark{width:105px;height:105px;display:grid;place-items:center;border:1px solid #dfe9f2;border-radius:29px;background:#fff}
.admin-welcome-mark img{width:78px;height:78px;object-fit:contain}
.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:15px 0}
.admin-stats .stat{min-height:84px;padding:14px}
.admin-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 16px}
.admin-quick-actions button{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}
.admin-quick-actions .quick-icon{grid-row:1/3;width:41px;height:41px}
.admin-quick-actions b{color:#28445f;font-size:12px;line-height:1.35}
.admin-quick-actions small{margin-top:2px;color:#8292a3;font-size:10px;line-height:1.35}
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:16px}
.admin-card{box-shadow:0 7px 22px rgba(27,58,91,.04)}
.compact-list .item{padding:12px;box-shadow:none}
.admin-page-head{align-items:flex-end}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);gap:16px}
.admin-modal-card{width:min(760px,100%)}

/* ADMIN LOGIN */
.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#edf5fc,#f9fbfe)}
.admin-login-shell{width:min(920px,100%);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr);overflow:hidden;border:1px solid #dce6ef;border-radius:24px;background:#fff;box-shadow:var(--shadow-lg)}
.admin-login-brand{padding:34px;background:linear-gradient(145deg,#086ed7,#07509a);color:#fff}
.admin-login-brand img{width:78px;height:78px;object-fit:contain;padding:5px;border-radius:19px;background:#fff}
.admin-login-brand h1{margin:21px 0 8px;font-size:29px;line-height:1.15;letter-spacing:-.03em}
.admin-login-brand p{margin:0;color:rgba(255,255,255,.8);line-height:1.65}
.admin-login-card{padding:36px}
.admin-login-card h2{margin:4px 0 7px;color:#173c60;font-size:26px}
.admin-login-card>p{margin:0 0 18px;color:#718499;line-height:1.6}
.admin-login-back{display:block;margin-top:16px;color:#1467b5;text-align:center;text-decoration:none;font-weight:750}

@media (max-width:1180px){
  .member-layout{grid-template-columns:205px minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-grid,.split{grid-template-columns:1fr}
}
@media (max-width:960px){
  .auth-wrap{padding:0}
  .login-shell{min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none}
  .login-showcase{display:none}
  .login-panel{min-height:100vh;padding:24px}
  .login-mobile-brand{display:block;margin-bottom:22px;text-align:center}
  .login-mobile-brand img{width:min(360px,100%);height:65px;object-fit:contain}
  .member-layout{display:block}
  .member-sidebar{display:none}
  .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;justify-content:center;padding-bottom:max(5px,env(safe-area-inset-bottom));border-top:1px solid #dfe8f1;background:rgba(255,255,255,.97);box-shadow:0 -7px 22px rgba(25,55,87,.06)}
  .bottom-nav .inner{width:min(720px,100%);display:grid;grid-template-columns:repeat(5,1fr)}
  .bottom-nav button{display:grid;place-items:center;gap:2px;border:0;background:transparent;padding:8px 4px 7px;color:#7c8fa2;font-size:10px;font-weight:750}
  .bottom-nav button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .bottom-nav button.active{color:#086bd0}
  .page{padding-bottom:92px}
  .admin-layout{display:block}
  .sidebar{position:relative;height:auto;overflow:visible;padding:10px 13px}
  .admin-brand{padding-bottom:9px;border:0}
  .admin-brand-logo{width:39px;height:39px}
  .admin-brand-logo img{width:33px;height:33px}
  .sidebar-label,.sidebar-footer{display:none}
  .side-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .side-nav::-webkit-scrollbar{display:none}
  .side-nav button{flex:0 0 auto;width:auto;white-space:nowrap;padding:9px 11px;background:rgba(255,255,255,.08)}
  .admin-main{padding:0 15px 30px}
  .admin-head{position:relative;margin:0 -15px 18px;padding:13px 15px;background:#fff}
  .admin-head .section-kicker,.admin-head .muted,.admin-system-pill{display:none}
  .admin-title-wrap h1{font-size:20px}
  .admin-page-head{align-items:flex-start}
  .admin-login-shell{grid-template-columns:1fr}
  .admin-login-brand{display:none}
}
@media (max-width:680px){
  body,button,input,select,textarea{font-size:14px}
  .container{width:min(100% - 22px,1220px)}
  .topbar-inner{min-height:62px}
  .brand img{width:39px;height:39px}
  .brand strong{font-size:14px}
  .brand small{max-width:200px}
  .top-status{display:none}
  .avatar{width:38px;height:38px}
  .page{padding-top:13px}
  .member-hero{min-height:auto;padding:21px}
  .hero-copy h1{font-size:28px}
  .hero-copy>p{font-size:13px}
  .hero-visual{display:none}
  .hero-meta{font-size:11px}
  .stats{gap:10px;margin:11px 0}
  .stat{min-height:78px;padding:12px;gap:10px}
  .stat-icon{width:37px;height:37px}
  .stat-copy b,.stat>b{font-size:22px}
  .quick{grid-template-columns:1fr 1fr;gap:10px}
  .quick-premium button{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:11px}
  .quick-premium .quick-arrow{display:none}
  .quick-icon{width:39px;height:39px}
  .quick-premium b{font-size:11px}
  .quick-premium small{font-size:9px}
  .section-title{margin:22px 0 11px}
  .section-title h2{font-size:17px}
  .page-head{display:block;margin-bottom:15px}
  .page-head h1{font-size:24px}
  .page-head p{font-size:12px}
  .page-head>.btn,.page-head>.toolbar{margin-top:12px}
  .item{padding:13px}
  .item-row{display:block}
  .item-row>.badge{margin-top:9px}
  .item h3{font-size:14px}
  .item p{font-size:12px}
  .meta{font-size:10px}
  .form.two{grid-template-columns:1fr}
  .modal{padding:10px}
  .modal-card{padding:17px;border-radius:16px}
  .profile-card{padding:16px}
  .profile-identity{align-items:flex-start}
  .profile-avatar-large,.profile-initial{width:68px;height:68px;border-radius:17px}
  .profile-name h2{font-size:20px}
  .profile-summary{grid-template-columns:1fr}
  .profile-actions{justify-content:stretch}
  .profile-actions .btn{width:100%}
  .toolbar{justify-content:flex-start}
  .search-box{width:100%;min-width:0}
  .admin-head-actions .btn{font-size:0;padding:8px 10px}
  .admin-head-actions .btn svg{margin:0}
  .admin-welcome{min-height:auto;padding:18px}
  .admin-welcome h2{font-size:21px}
  .admin-welcome-mark{display:none}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .admin-stats .stat:last-child{grid-column:1/-1}
  .admin-quick-actions{grid-template-columns:1fr;gap:9px}
  .split,.settings-grid{grid-template-columns:1fr}
  .login-panel{padding:15px}
  .login-card{padding:23px 20px;border-radius:19px}
  .login-heading h2{font-size:23px}
  .login-mark{width:52px;height:52px}
  .login-mark img{width:43px;height:43px}
  .login-foot{font-size:10px}
  .admin-login-page{padding:13px}
  .admin-login-card{padding:26px 20px}
  .admin-login-card h2{font-size:23px}
}
@media (max-width:430px){
  .quick{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .admin-stats{grid-template-columns:1fr 1fr}
  .login-heading{align-items:flex-start}
}


/* === v7.1.2: icon reliability + Events/Charges module upgrade === */
.stat-icon svg,.overview-card svg,.event-info svg,.bank-icon svg{display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stat-icon .kpi-icon-svg{width:22px;height:22px;flex:none}
.stat-icon{overflow:hidden}
.stat>.stat-icon{display:grid;margin-top:0}
.btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}

.module-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.admin-module-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-card{min-width:0;display:flex;align-items:center;gap:11px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(25,57,91,.035)}
.overview-card>span{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;background:#eef5fb;color:#1670c4}
.overview-card>span svg{width:19px;height:19px}
.overview-card.green>span{background:#e6f6f0;color:#0b946d}.overview-card.violet>span{background:#eeeafd;color:#7456d1}.overview-card.orange>span{background:#fff0da;color:#d67c06}.overview-card.blue>span{background:#e8f3fd;color:#0a70d1}
.overview-card b{display:block;overflow:hidden;color:#173a5d;font-size:21px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.overview-card small{display:block;margin-top:3px;color:#76899c;font-size:10px;font-weight:750;line-height:1.35}.overview-card.wide-number b{font-size:17px}

.event-grid,.admin-event-grid,.charge-grid,.admin-charge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.event-card,.admin-event-card,.charge-card,.admin-charge-card{min-width:0;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(25,57,91,.045)}
.event-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:16px}
.event-card.compact{grid-template-columns:55px minmax(0,1fr);padding:13px;box-shadow:none}
.event-datebox{width:58px;height:64px;display:grid;align-content:center;justify-items:center;border:1px solid #d7e8f8;border-radius:14px;background:linear-gradient(180deg,#f6fbff,#eaf5ff);color:#0a68bd}
.event-datebox strong{font-size:24px;line-height:1}.event-datebox span{margin-top:5px;font-size:9px;font-weight:900;letter-spacing:.08em}
.event-card.compact .event-datebox{width:51px;height:57px;border-radius:12px}.event-card.compact .event-datebox strong{font-size:20px}
.event-card-main{min-width:0}.event-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.event-card h3,.admin-event-card h3{margin:0;color:#173d62;font-size:16px;line-height:1.4}.event-card.compact h3{font-size:14px}
.event-info{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;color:#72869a;font-size:11px}.event-info span{display:inline-flex;align-items:center;gap:5px;min-width:0}.event-info svg{width:14px;height:14px;flex:none}.event-desc{margin:10px 0 0!important;color:#60758a;font-size:12px;line-height:1.55}
.event-chips,.event-config-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.event-chips span,.event-config-row span{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#5e7388;font-size:9px;font-weight:800}
.event-card-actions,.admin-card-actions,.charge-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.event-action-note{color:#718598;font-size:10px;font-weight:700}

.admin-event-card,.admin-charge-card{padding:16px}.admin-event-top{display:flex;gap:13px;align-items:flex-start}.admin-event-title{min-width:0;flex:1}.admin-event-title>.badge{margin-bottom:7px}
.event-admin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf2f6}.event-admin-metrics>div{min-width:0}.event-admin-metrics span{display:block;color:#8091a2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.event-admin-metrics b{display:block;margin-top:3px;color:#264866;font-size:14px}.event-admin-metrics i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#edf2f6}.event-admin-metrics em{display:block;height:100%;border-radius:inherit;background:#1884df}.event-admin-metrics em.green{background:#13a878}

.charge-card,.admin-charge-card{padding:18px}.charge-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.charge-card h3,.admin-charge-card h3{margin:3px 0 0;color:#183d60;font-size:16px;line-height:1.4}.charge-kicker{display:block;color:#8495a6;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.charge-amount,.admin-charge-amount{margin:16px 0 12px;color:#075daf;font-size:28px;font-weight:900;letter-spacing:-.03em}.admin-charge-amount{font-size:24px}
.charge-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-charge-card .charge-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.charge-meta>div{padding:9px 10px;border-radius:11px;background:#f7f9fc}.charge-meta span{display:block;color:#8495a6;font-size:9px;font-weight:800}.charge-meta b{display:block;margin-top:3px;overflow:hidden;color:#38546d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.charge-desc{margin:12px 0 0!important;color:#667c91;font-size:12px;line-height:1.55}
.bank-box{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #dceaf6;border-radius:12px;background:#f4f9fd}.bank-box.compact{padding:9px 10px}.bank-icon{width:34px;height:34px;flex:0 0 34px;display:grid!important;place-items:center;align-self:center;border-radius:10px;background:#e4f1fb;color:#0b6bbb;line-height:0}.bank-icon svg{display:block;width:18px;height:18px;margin:0;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bank-box>div{min-width:0}.bank-box>div>small,.bank-box>div>span{display:block;color:#7a8ea1;font-size:9px}.bank-box b{display:block;margin:2px 0;overflow:hidden;color:#294a68;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.payment-complete{color:#19805f;font-size:11px;font-weight:800}

.payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-bottom:1px solid #e8eef4;background:#e8eef4}.payment-summary>div{padding:11px 13px;background:#fff}.payment-summary span{display:block;color:#8494a4;font-size:9px;font-weight:800;text-transform:uppercase}.payment-summary b{display:block;margin-top:3px;color:#244762;font-size:15px}.table-sub{margin-top:2px;color:#8a99a8;font-size:9px}.proof-link{color:#086bc5;font-size:11px;font-weight:800;text-decoration:none}.table-actions{display:flex;gap:5px}

@media (max-width:1050px){.admin-module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.event-grid,.admin-event-grid,.charge-grid,.admin-charge-grid{grid-template-columns:1fr}}
@media (max-width:680px){.module-overview,.admin-module-overview{grid-template-columns:1fr 1fr;gap:8px}.overview-card{padding:10px;gap:8px}.overview-card>span{width:34px;height:34px;flex-basis:34px}.overview-card b{font-size:18px}.overview-card.wide-number b{font-size:14px}.overview-card small{font-size:8.5px}.event-card{grid-template-columns:51px minmax(0,1fr);gap:10px;padding:12px}.event-datebox{width:49px;height:56px;border-radius:11px}.event-datebox strong{font-size:20px}.event-card-head{display:block}.event-card-head>.badge{margin-top:8px}.event-info{display:grid;gap:5px;font-size:10px}.event-card-actions .btn,.charge-actions .btn{width:100%}.admin-event-card,.charge-card,.admin-charge-card{padding:13px}.admin-event-top{gap:10px}.event-admin-metrics{gap:8px}.charge-meta,.admin-charge-card .charge-meta{grid-template-columns:1fr 1fr}.admin-charge-card .charge-meta>div:last-child{grid-column:1/-1}.charge-amount{font-size:24px}.payment-summary{grid-template-columns:1fr 1fr}.table-actions{min-width:145px}}


/* v7.1.3 — Member PWA install button */
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:18px}
.install-app-btn{position:relative;z-index:3;display:inline-grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:220px;padding:9px 13px 9px 9px;border:1px solid rgba(7,101,190,.18);border-radius:14px;background:#fff;color:#16456e;text-align:left;box-shadow:0 8px 22px rgba(12,83,148,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.install-app-btn:hover{transform:translateY(-1px);border-color:rgba(7,101,190,.35);box-shadow:0 10px 26px rgba(12,83,148,.12)}
.install-app-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e5f3ff,#e8f8f1);color:#0870cf}
.install-app-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.install-app-copy{min-width:0;display:block}
.install-app-copy b{display:block;color:#0a5dae;font-size:12px;line-height:1.2}
.install-app-copy small{display:block;margin-top:3px;color:#71879b;font-size:9.5px;line-height:1.3}
.install-app-btn.installed{border-color:#cfe9df;background:#f5fbf8;box-shadow:none;cursor:default}
.install-app-btn.installed .install-app-icon{background:#e3f5ed;color:#0b966b}
.install-app-btn.installed .install-app-copy b{color:#0b7e5c}
.install-guide{color:#415b73;font-size:13px;line-height:1.65}
.install-guide-mark{width:56px;height:56px;display:grid;place-items:center;margin:0 0 14px;border-radius:17px;background:linear-gradient(135deg,#0b6fd1,#119d78);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em;box-shadow:0 9px 24px rgba(9,103,186,.18)}
.install-guide p{margin:0 0 10px}
.install-guide ol{margin:0 0 14px;padding-left:21px}
.install-guide li+li{margin-top:7px}
@media (max-width:680px){.hero-actions{margin-top:15px}.install-app-btn{width:100%;min-width:0;grid-template-columns:38px minmax(0,1fr);padding:9px}.install-app-copy b{font-size:11.5px}.install-app-copy small{font-size:9px}}


/* === v7.1.4: Admin event participant list + export === */
.btn-svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.event-admin-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.participant-manager{min-width:0}.participant-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:34px;color:#6c8298;font-weight:800}
.spinner-small{width:18px;height:18px;border:2px solid #d6e5f3;border-top-color:#0875cf;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.participant-event-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #dce8f3;border-radius:14px;background:#f8fbfe}.participant-event-meta b{color:#173f65;font-size:14px}.participant-event-meta span{color:#71869a;font-size:11px;text-align:right}
.participant-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.participant-stats>div{padding:12px;border:1px solid #dce8f3;border-radius:13px;background:#f7fbff}.participant-stats b{display:block;color:#0b67b7;font-size:21px}.participant-stats span{display:block;margin-top:2px;color:#71869a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.participant-stats .green b{color:#15986e}.participant-stats .orange b{color:#d77b00}.participant-stats .muted b{color:#708090}
.participant-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 170px auto;gap:9px;align-items:center;margin-top:13px}.participant-search{display:flex;gap:7px}.participant-search input,.participant-filter{width:100%;height:38px;border:1px solid #d5e2ee;border-radius:10px;background:#fff;padding:0 11px;color:#244967;font:inherit;font-size:11px;outline:none}.participant-search input:focus,.participant-filter:focus{border-color:#7bb9ea;box-shadow:0 0 0 3px rgba(24,132,223,.08)}.participant-export{display:flex;gap:7px;justify-content:flex-end}.participant-result-note{margin:10px 2px 7px;color:#71869a;font-size:10px}.participant-table-wrap{max-height:48vh;overflow:auto;border:1px solid #dce7f1;border-radius:13px;background:#fff}.participant-table{min-width:1000px;margin:0}.participant-table thead th{position:sticky;top:0;z-index:2;background:#f5f9fc}.participant-table td{vertical-align:top}.participant-table .meta{margin-top:3px;font-size:9px}
@media (max-width:760px){.participant-event-meta{display:block}.participant-event-meta span{display:block;margin-top:5px;text-align:left}.participant-stats{grid-template-columns:1fr 1fr}.participant-toolbar{grid-template-columns:1fr}.participant-search{width:100%}.participant-export{justify-content:stretch}.participant-export .btn{flex:1}.event-admin-actions .btn{flex:1 1 calc(50% - 8px)}}

/* === v7.1.5: Event form + participant manager stability fixes === */
.field input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border-radius:4px!important;box-shadow:none!important;accent-color:#0b73d8}
.event-form .span-2{grid-column:1/-1}
.event-form-section{padding:14px;border:1px solid #dce8f3;border-radius:14px;background:#f8fbfe}
.event-form-section>div:first-child{display:grid;gap:3px;margin-bottom:11px}.event-form-section>div:first-child>b{color:#1d4669;font-size:13px}.event-form-section>div:first-child>small{color:#7890a6;font-size:10px;line-height:1.5}
.event-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.event-toggle{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:11px;border:1px solid #dbe7f1;border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease}
.event-toggle:hover{border-color:#9ec9ea;background:#fbfdff}.event-toggle input{position:absolute;opacity:0;pointer-events:none}
.event-toggle-control{position:relative;width:34px;height:20px;border-radius:999px;background:#dce6ef;box-shadow:inset 0 0 0 1px rgba(53,85,111,.08);transition:.18s ease}
.event-toggle-control:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(27,54,77,.22);transition:.18s ease}
.event-toggle input:checked+.event-toggle-control{background:#1478d4}.event-toggle input:checked+.event-toggle-control:after{transform:translateX(14px)}
.event-toggle>span:last-child{display:grid;gap:2px;min-width:0}.event-toggle b{color:#274d6d;font-size:11px}.event-toggle small{color:#8294a5;font-size:9px;line-height:1.45}
.event-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}

.participant-modal-card{width:min(1180px,calc(100vw - 36px))!important;max-height:92vh!important;padding:20px!important;overflow:hidden!important}
.participant-modal-card .modal-body{max-height:calc(92vh - 90px);overflow:auto;padding-right:2px}
.participant-loading{min-height:240px;flex-direction:column;text-align:center}.participant-loading b{display:block;color:#274d6d;font-size:14px}.participant-loading small{display:block;margin-top:4px;color:#8597a9;font-size:10px}
.participant-kicker{display:block;margin-bottom:3px;color:#7a91a7;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.participant-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important}.participant-stats .blue b{color:#1478d4}
.participant-table-wrap{max-height:54vh!important;overscroll-behavior:contain}.participant-table tbody tr:hover{background:#f8fbfe}.participant-table th,.participant-table td{padding:10px 11px!important}
.participant-error{display:grid;justify-items:start;gap:8px;padding:18px;border:1px solid #f1c8c8;border-radius:14px;background:#fff8f8}.participant-error b{color:#a73b3b}.participant-error p{margin:0;color:#7b5a5a;font-size:12px;line-height:1.55}
.event-admin-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.event-admin-actions .btn{width:100%;min-width:0;white-space:normal;line-height:1.25}

@media (max-width:900px){.event-toggle-grid{grid-template-columns:1fr}.participant-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.participant-toolbar{grid-template-columns:1fr 150px!important}.participant-export{grid-column:1/-1;justify-content:flex-start!important}}
@media (max-width:680px){.event-form.two{grid-template-columns:1fr}.event-form .span-2{grid-column:auto}.event-form-actions{display:grid;grid-template-columns:1fr 1fr}.participant-modal-card{width:100%!important;max-height:96vh!important;border-radius:16px!important;padding:14px!important}.participant-modal-card .modal-body{max-height:calc(96vh - 78px)}.participant-stats{grid-template-columns:1fr 1fr!important}.participant-stats>div:first-child{grid-column:1/-1}.participant-toolbar{grid-template-columns:1fr!important}.participant-export{display:grid!important;grid-template-columns:1fr 1fr}.participant-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto}.event-admin-actions{grid-template-columns:1fr!important}}


/* v7.1.6 — Member import stability */
.import-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.import-kpis .card{min-height:88px;display:flex;flex-direction:column;justify-content:center}
.import-kpis .card b{font-size:1.65rem;color:#0b4d8c}
.import-errors{margin-top:14px}
.import-errors .table-wrap{max-height:360px;margin-top:12px}
.notice.success{border-color:#b7e5d4;background:#f2fbf7;color:#116149}
#importSubmitBtn[disabled]{opacity:.65;cursor:wait}
@media(max-width:720px){
  .import-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v7.1.7 - Notification center & sync */
.top-notification-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid #dbe6f0;border-radius:12px;background:#fff;color:#27658f;cursor:pointer;box-shadow:0 3px 10px rgba(18,57,91,.04)}
.top-notification-btn:hover{background:#f5f9fd;color:#086bd0}
.top-notification-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#e53d52;color:#fff;font-size:9px;font-weight:900;line-height:1}
.member-side-nav button{position:relative}
.side-notification-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#e53d52;color:#fff;font-size:9px;font-weight:900}
.notification-card{position:relative;width:100%;border:1px solid #e2eaf2;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.notification-card:hover{border-color:#bad8f1;box-shadow:0 8px 20px rgba(23,70,111,.07)}
.notification-card.unread{border-color:#b8d9f6;background:linear-gradient(90deg,#f2f8ff 0,#fff 55%)}
.notification-card-main{min-width:0;flex:1}
.notification-card .item-row{align-items:flex-start}
.notification-card h3{margin:0 0 4px}
.notification-card p{margin:7px 0 0;line-height:1.55}
.notification-dot{position:absolute;left:8px;top:15px;width:7px;height:7px;border-radius:50%;background:transparent}
.notification-dot.active{background:#0873df;box-shadow:0 0 0 4px rgba(8,115,223,.1)}
.notification-card.unread .notification-card-main{padding-left:9px}
.notification-action-hint{margin-top:8px;color:#0a6bc9;font-size:10px;font-weight:800}
.notification-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.notification-summary-card{padding:14px 15px;border:1px solid #e0e9f2;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(30,69,106,.035)}
.notification-summary-card span{display:block;color:#7b8da0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.notification-summary-card b{display:block;margin-top:5px;color:#173d60;font-size:24px;line-height:1}
.notification-summary-card.unread{border-color:#bfdcf6;background:#f4f9ff}
.notification-summary-card.unread b{color:#0870d4}
.notification-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:4px}
.notification-admin-summary>div{padding:13px 14px;border:1px solid #e0e8f1;border-radius:13px;background:#fff}
.notification-admin-summary span{display:block;color:#7b8da0;font-size:10px;font-weight:800;text-transform:uppercase}
.notification-admin-summary b{display:block;margin-top:4px;color:#173d60;font-size:22px}
.admin-notification-item .actions{justify-content:flex-end}
.notification-delivery{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:10px;color:#70859a;font-size:10px}
.notification-delivery b{color:#274a69}
.delivery-bar{width:95px;height:7px;overflow:hidden;border-radius:999px;background:#e9eef4}
.delivery-bar i{display:block;height:100%;border-radius:inherit;background:#13956d}
@media (max-width:680px){
  .top-status{display:none}
  .notification-center-summary,.notification-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .notification-summary-card,.notification-admin-summary>div{padding:10px}
  .notification-summary-card b,.notification-admin-summary b{font-size:18px}
  .notification-summary-card span,.notification-admin-summary span{font-size:8.5px}
  .notification-card .item-row{display:block}
  .notification-card .item-row>.badge{display:inline-flex;margin-top:8px}
  .notification-delivery{align-items:flex-start}
}

/* === v7.1.8: payment flow + class-rate hardening === */
.payment-card{position:relative;overflow:hidden}.payment-card.approved{border-color:#cce9dd}.payment-card.pending{border-color:#f3dfb8}.payment-card.rejected{border-color:#f2c9cf}.payment-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#dbe6ef}.payment-card.approved::before{background:#1b9b70}.payment-card.pending::before{background:#e4a21d}.payment-card.rejected::before{background:#cf4b5a}
.payment-amount-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:14px 0 10px}.payment-amount-wrap>div:first-child>small{display:block;color:#8495a6;font-size:9px;font-weight:900;letter-spacing:.08em}.payment-amount-wrap .charge-amount{margin:3px 0 5px}.rate-source{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f7;color:#607589;font-size:9px;font-weight:800}.rate-source.class-rate{background:#e7f4ff;color:#0868bb}.payment-mini-status{max-width:190px;text-align:right}.payment-mini-status b{display:block;color:#294a68;font-size:11px}.payment-mini-status small{display:block;margin-top:3px;color:#8b9aa8;font-size:9px;line-height:1.35}
.payment-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:14px 0}.payment-flow-step{position:relative;text-align:center;color:#9aa8b5}.payment-flow-step:not(:last-child)::after{content:"";position:absolute;top:13px;left:calc(50% + 15px);right:calc(-50% + 15px);height:2px;background:#e4ebf1}.payment-flow-step.done:not(:last-child)::after{background:#5fc4a3}.payment-flow-step>span{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;margin:0 auto 5px;border:2px solid #dce5ed;border-radius:50%;background:#fff;font-size:10px;font-weight:900}.payment-flow-step small{display:block;font-size:8.5px;font-weight:800;line-height:1.2}.payment-flow-step.active{color:#0b6fc9}.payment-flow-step.active>span{border-color:#0b72d5;background:#eaf4ff;color:#0b72d5}.payment-flow-step.done{color:#18815f}.payment-flow-step.done>span{border-color:#1f9c73;background:#1f9c73;color:#fff}
.payment-proof-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border-radius:10px;background:#f8fafc;color:#61778b;font-size:9.5px}.payment-proof-row b{color:#2d4d69}.payment-proof-row a{font-size:10px}
.payment-modal{display:grid;gap:14px}.payment-due-card{padding:16px;border:1px solid #cfe2f3;border-radius:16px;background:linear-gradient(135deg,#eff7ff,#f9fcff)}.payment-due-card>span,.payment-due-card>small{display:block;color:#6f8498;font-size:10px;font-weight:700}.payment-due-card>b{display:block;margin:4px 0;color:#075eaf;font-size:30px;letter-spacing:-.04em}.payment-bank-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:stretch}.vietqr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid #dce8f2;border-radius:14px;background:#fff}.vietqr-box img{display:block;width:150px;max-width:100%;height:auto;border-radius:8px}.vietqr-box small{margin-top:6px;color:#8495a6;font-size:9px}.payment-bank-info{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-bank-info>div{position:relative;min-width:0;padding:11px 12px;border:1px solid #e0e8ef;border-radius:12px;background:#fff}.payment-bank-info span{display:block;color:#8999a8;font-size:9px;font-weight:800}.payment-bank-info b{display:block;margin-top:3px;padding-right:54px;overflow-wrap:anywhere;color:#284963;font-size:11px}.copy-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:5px 7px;border:0;border-radius:7px;background:#eef5fb;color:#086ac1;font:800 8.5px/1 inherit;cursor:pointer}.payment-submit-form{padding-top:2px}.payment-submit-form .field small{display:block;margin-top:5px;color:#8395a6;font-size:9px;line-height:1.35}.payment-existing-proof a{display:inline-flex;color:#0871cc;font-size:10px;font-weight:800;text-decoration:none}
.charge-rate-summary{display:flex;align-items:center;gap:7px;margin:-4px 0 12px;color:#7d8fa0;font-size:9px}.charge-rate-summary b{color:#2d4e69}.rate-count{margin-left:auto;padding:4px 7px;border-radius:999px;background:#eef5fb;color:#50718d;font-weight:800}
.class-rate-head{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.class-rate-head>div{padding:12px;border:1px solid #e1e9f0;border-radius:12px;background:#f9fbfd}.class-rate-head span{display:block;color:#8495a5;font-size:9px;font-weight:800}.class-rate-head b{display:block;margin-top:4px;color:#214765;font-size:17px}.class-rate-list{display:grid;gap:7px;margin:12px 0;max-height:300px;overflow:auto}.class-rate-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e4ebf1;border-radius:11px;background:#fff}.class-rate-row>div{min-width:0}.class-rate-row>div b{display:block;color:#284963;font-size:11px}.class-rate-row>div span{display:block;margin-top:2px;color:#8998a6;font-size:9px}.class-rate-row>strong{color:#0969bc;font-size:12px}.class-rate-form{margin-top:12px;padding-top:12px;border-top:1px solid #e6edf3}
.payment-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.payment-mismatch-summary{background:#fff8f8!important}.payment-mismatch-summary b,.mismatch-text{color:#bd3545!important}.row-warning{background:#fffafa}.mini-badge{display:inline-flex!important;margin-top:4px;padding:2px 5px!important;font-size:8px!important}.payment-review{display:grid;gap:12px}.payment-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-review-grid>div{padding:10px 11px;border:1px solid #e2e9ef;border-radius:11px;background:#f9fbfd}.payment-review-grid span,.payment-review-grid small{display:block;color:#8495a6;font-size:9px}.payment-review-grid b{display:block;margin-top:3px;color:#294963;font-size:11px}
@media(max-width:680px){.payment-amount-wrap{align-items:flex-start;flex-direction:column}.payment-mini-status{max-width:none;text-align:left}.payment-flow{gap:0}.payment-flow-step small{font-size:7.5px}.payment-bank-layout{grid-template-columns:1fr}.vietqr-box img{width:180px}.payment-bank-info{grid-template-columns:1fr}.payment-proof-row{align-items:flex-start;flex-direction:column}.class-rate-head{grid-template-columns:1fr 1fr}.class-rate-row{grid-template-columns:minmax(0,1fr) auto}.class-rate-row>.btn,.class-rate-row>.badge{grid-column:1/-1;width:max-content}.payment-summary{grid-template-columns:1fr 1fr}.payment-review-grid{grid-template-columns:1fr}.rate-count{margin-left:0}.charge-rate-summary{align-items:flex-start;flex-wrap:wrap}}

/* v7.2.1 stable form attachments */
.form-admin-card,.member-form-card{overflow:hidden}
.form-attachment-admin,.member-form-download{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 13px;border:1px solid #dce9f7;border-radius:14px;background:#f7fbff}
.form-file-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#e7f1ff;color:#075fc2;font-size:10px;font-weight:900;letter-spacing:.06em}
.form-attachment-admin>div:nth-child(2),.member-form-file-copy{min-width:0;flex:1}
.form-attachment-admin b,.member-form-file-copy b{display:block;color:#173b5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-attachment-admin small,.member-form-file-copy small{display:block;margin-top:3px;color:#6d8398;line-height:1.45}
.form-attachment-empty{margin-top:12px;padding:11px 13px;border:1px dashed #ccdbea;border-radius:12px;color:#71869a;background:#fbfdff;font-size:13px}
.member-form-download .btn{margin-left:auto;white-space:nowrap}
.member-form-download.compact{margin:0 0 14px}
@media(max-width:640px){.member-form-download{align-items:flex-start;flex-wrap:wrap}.member-form-download .btn{width:100%;margin-left:0}.form-file-icon{width:42px;height:42px;flex-basis:42px}.form-attachment-admin{align-items:flex-start}}

/* === v7.2.6 Feedback Center === */
.feedback-summary,.feedback-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.feedback-summary-card,.feedback-admin-summary>div{padding:15px 16px;border:1px solid #dfe9f2;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(28,72,110,.05)}.feedback-summary-card span,.feedback-admin-summary span{display:block;color:#7d8fa1;font-size:10px;font-weight:800}.feedback-summary-card b,.feedback-admin-summary b{display:block;margin-top:5px;color:#173d61;font-size:24px;line-height:1}.feedback-summary-card.blue b,.feedback-admin-summary .blue b{color:#096ed0}.feedback-summary-card.orange b,.feedback-admin-summary .orange b{color:#cc7b00}.feedback-summary-card.green b,.feedback-admin-summary .green b{color:#15845f}.feedback-admin-summary .red b{color:#c53849}.feedback-admin-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.feedback-member-toolbar,.feedback-admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.feedback-member-toolbar select{min-width:190px}.feedback-admin-toolbar input{flex:1;min-width:220px}.feedback-admin-toolbar select{min-width:150px}.feedback-member-card,.feedback-admin-card{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid #e1eaf2;background:#fff}.feedback-member-card:hover,.feedback-admin-card:hover{border-color:#b8d3eb;box-shadow:0 10px 28px rgba(28,82,128,.08)}.feedback-card-top,.feedback-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.feedback-ticket{display:inline-flex;margin-bottom:5px;padding:4px 8px;border-radius:999px;background:#eef5fb;color:#0a68bb;font-size:9px;font-weight:900;letter-spacing:.05em}.feedback-card-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.feedback-reply-preview{margin-top:10px;padding:10px 12px;border-left:3px solid #1a9d73;border-radius:8px;background:#f2faf7}.feedback-reply-preview b{display:block;color:#147354;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.feedback-reply-preview span{display:block;margin-top:4px;color:#476777;font-size:11px;line-height:1.45}.feedback-card-footer,.feedback-admin-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f5;color:#8192a1;font-size:9.5px}.feedback-card-footer strong,.feedback-admin-footer strong{color:#0b6fc9}.feedback-detail,.feedback-admin-detail{display:grid;gap:14px}.feedback-original{padding:14px;border:1px solid #e1e9f0;border-radius:13px;background:#f9fbfd}.feedback-original>b{display:block;margin-bottom:6px;color:#365772;font-size:10px}.feedback-original p{white-space:pre-wrap;margin:0 0 10px;line-height:1.6}.feedback-timeline{padding:14px;border:1px solid #e3eaf0;border-radius:13px;background:#fff}.feedback-timeline h4{margin:0 0 12px;color:#234867}.feedback-timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding-bottom:16px}.feedback-timeline-item:last-child{padding-bottom:0}.feedback-timeline-item:not(:last-child)::before{content:"";position:absolute;left:7px;top:12px;bottom:0;width:2px;background:#e5edf4}.feedback-timeline-dot{position:relative;z-index:1;width:14px;height:14px;margin-top:2px;border:3px solid #fff;border-radius:50%;background:#6b9cc4;box-shadow:0 0 0 1px #cddde9}.feedback-timeline-item.admin .feedback-timeline-dot{background:#1d9b72}.feedback-timeline-head{display:flex;justify-content:space-between;gap:10px}.feedback-timeline-head b{font-size:10px;color:#2a506f}.feedback-timeline-head small{font-size:9px;color:#8a99a7}.feedback-timeline-item p{margin:4px 0 0;white-space:pre-wrap;color:#4e687e;font-size:11px;line-height:1.5}.feedback-followup{padding-top:2px}.feedback-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.feedback-contact-grid>div{padding:10px 11px;border:1px solid #e4ebf1;border-radius:11px;background:#f9fbfd}.feedback-contact-grid span{display:block;color:#8998a6;font-size:9px}.feedback-contact-grid b{display:block;margin-top:3px;overflow-wrap:anywhere;color:#2b4e69;font-size:10.5px}.feedback-admin-form{padding-top:2px}
@media(max-width:820px){.feedback-summary,.feedback-admin-summary{grid-template-columns:1fr 1fr}.feedback-admin-summary>div:last-child{grid-column:1/-1}.feedback-admin-toolbar{align-items:stretch;flex-direction:column}.feedback-admin-toolbar input,.feedback-admin-toolbar select,.feedback-member-toolbar select{width:100%;min-width:0}.feedback-contact-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feedback-card-top,.feedback-detail-head{flex-direction:column}.feedback-card-badges{justify-content:flex-start}.feedback-card-footer,.feedback-admin-footer{align-items:flex-start;flex-direction:column}.feedback-member-toolbar{align-items:stretch;flex-direction:column}.feedback-summary-card,.feedback-admin-summary>div{padding:12px}.feedback-summary-card b,.feedback-admin-summary b{font-size:20px}.feedback-contact-grid{grid-template-columns:1fr}}

/* === v7.2.7 Warning Center === */
.warning-admin-summary,.member-warning-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.warning-admin-summary>div,.member-warning-summary>div{padding:15px 16px;border:1px solid #dfe8f1;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(28,72,110,.045)}
.warning-admin-summary span,.member-warning-summary span{display:block;color:#7d8fa1;font-size:10px;font-weight:800}
.warning-admin-summary b,.member-warning-summary b{display:block;margin-top:5px;color:#173d61;font-size:24px;line-height:1}
.warning-admin-summary .red b,.member-warning-summary .red b{color:#c83d4c}.warning-admin-summary .blue b{color:#0a70d0}.warning-admin-summary .green b,.member-warning-summary .green b{color:#17835f}.member-warning-summary .orange b{color:#cb7c00}
.warning-admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.warning-admin-toolbar input{flex:1;min-width:220px}.warning-admin-toolbar select{min-width:160px}
.warning-admin-card,.member-warning-card{position:relative;width:100%;border:1px solid #e1e9f1;background:#fff;color:inherit;text-align:left;font:inherit}.warning-admin-card{cursor:pointer}.warning-admin-card:hover{border-color:#bad4ea;box-shadow:0 10px 28px rgba(28,82,128,.075)}.warning-admin-card.warning-urgent,.member-warning-card.urgent{border-left:4px solid #d94354}.member-warning-card.resolved{opacity:.82;border-color:#dce8e2;background:#fbfdfc}
.warning-card-top,.warning-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.warning-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.warning-ticket{display:inline-flex;margin-bottom:5px;padding:4px 8px;border-radius:999px;background:#eef5fb;color:#0a68bb;font-size:9px;font-weight:900;letter-spacing:.05em}.warning-admin-card p,.member-warning-card>p{margin:9px 0 0;white-space:pre-wrap;line-height:1.55;color:#4c687f}.warning-admin-footer,.warning-member-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f5;color:#8192a1;font-size:9.5px}.warning-admin-footer strong{color:#0b6fc9}.warning-member-footer .btn{flex:0 0 auto}.warning-related{margin-top:8px}
.warning-member-note,.warning-admin-note{margin-top:10px;padding:10px 12px;border-left:3px solid #e29b18;border-radius:8px;background:#fff8eb}.warning-member-note b,.warning-admin-note b{display:block;color:#996300;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.warning-member-note span,.warning-admin-note p{display:block;margin:4px 0 0;color:#5d6872;font-size:11px;line-height:1.5}
.warning-detail{display:grid;gap:14px}.warning-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.warning-detail-grid>div{padding:10px 11px;border:1px solid #e3eaf0;border-radius:11px;background:#f9fbfd}.warning-detail-grid span{display:block;color:#8798a7;font-size:9px}.warning-detail-grid b{display:block;margin-top:3px;overflow-wrap:anywhere;color:#2b4f6a;font-size:10.5px}.warning-original{padding:14px;border:1px solid #e1e9f0;border-radius:13px;background:#f9fbfd}.warning-original>b{display:block;margin-bottom:6px;color:#365772;font-size:10px}.warning-original>p{white-space:pre-wrap;margin:0;line-height:1.6}.warning-history{padding:14px;border:1px solid #e3eaf0;border-radius:13px;background:#fff}.warning-history h4{margin:0 0 12px;color:#234867}.warning-history-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding-bottom:16px}.warning-history-item:last-child{padding-bottom:0}.warning-history-item:not(:last-child)::before{content:"";position:absolute;left:7px;top:12px;bottom:0;width:2px;background:#e5edf4}.warning-history-item>span{position:relative;z-index:1;width:14px;height:14px;margin-top:2px;border:3px solid #fff;border-radius:50%;background:#6b9cc4;box-shadow:0 0 0 1px #cddde9}.warning-history-item.admin>span{background:#1d9b72}.warning-history-item.member>span{background:#0a74d2}.warning-history-item>div>div{display:flex;justify-content:space-between;gap:10px}.warning-history-item b{font-size:10px;color:#2a506f}.warning-history-item small{font-size:9px;color:#8a99a7}.warning-history-item p{margin:4px 0 0;white-space:pre-wrap;color:#4e687e;font-size:11px;line-height:1.5}
@media(max-width:820px){.warning-admin-summary,.member-warning-summary{grid-template-columns:1fr 1fr}.warning-admin-toolbar{align-items:stretch;flex-direction:column}.warning-admin-toolbar input,.warning-admin-toolbar select,.warning-admin-toolbar .btn{width:100%;min-width:0}.warning-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.warning-card-top,.warning-detail-head{flex-direction:column}.warning-card-badges{justify-content:flex-start}.warning-admin-footer,.warning-member-footer{align-items:flex-start;flex-direction:column}.warning-member-footer .btn{width:100%}.warning-detail-grid{grid-template-columns:1fr}.warning-admin-summary>div,.member-warning-summary>div{padding:12px}.warning-admin-summary b,.member-warning-summary b{font-size:20px}}

/* === v7.2.8 Dashboard Intelligence === */
.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 12px}
.dashboard-stat{min-height:98px!important;padding:15px!important;align-items:center}
.dashboard-stat .stat-copy b{font-size:23px;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
.dashboard-stat .stat-copy span{margin-top:5px;font-size:10.5px}
.dashboard-stat .stat-copy small{display:block;margin-top:5px;color:#9aa8b5;font-size:8.5px;font-weight:700;line-height:1.35}
.dashboard-health-strip{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));align-items:center;gap:18px;padding:13px 16px;margin-bottom:14px;border:1px solid #dfe8f1;border-radius:16px;background:linear-gradient(135deg,#f9fcff,#fff);box-shadow:0 8px 24px rgba(30,77,116,.045)}
.health-title{display:flex;align-items:center;gap:10px}.health-dot{width:10px;height:10px;border-radius:50%;background:#20a879;box-shadow:0 0 0 5px #e5f7f0}.health-title b{display:block;color:#244864;font-size:11px}.health-title small{display:block;margin-top:2px;color:#8a9aa8;font-size:8.5px}
.health-meter{display:grid;grid-template-columns:minmax(92px,auto) minmax(70px,1fr) 36px;align-items:center;gap:8px}.health-meter>span{color:#6e8294;font-size:9px;font-weight:800}.health-meter>div{height:7px;overflow:hidden;border-radius:999px;background:#edf2f6}.health-meter>div>i{display:block;height:100%;border-radius:999px;background:#0b74d2}.health-meter>div>i.green{background:#20a879}.health-meter>div>i.violet{background:#7857df}.health-meter>b{color:#294a66;font-size:9.5px;text-align:right}
.dashboard-analytics{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);gap:14px;margin-bottom:16px}
.dashboard-chart-card{min-width:0;padding:16px 17px;border-radius:18px}.dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-card-head h3{margin:3px 0 0;color:#244864;font-size:15px}.dashboard-card-note{padding:5px 8px;border-radius:999px;background:#f0f5f9;color:#7890a3;font-size:8.5px;font-weight:800;white-space:nowrap}
.dash-line-chart{min-width:0}.dash-line-chart svg{display:block;width:100%;height:220px;overflow:visible}.chart-grid line{stroke:#e7eef4;stroke-width:1}.chart-grid text,.chart-x{fill:#8a9aa8;font-size:9px;font-weight:700}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.registrations{stroke:#1478d5}.chart-dot.registrations{stroke:#1478d5;fill:#fff}.chart-line.attendance{stroke:#1ea476}.chart-dot.attendance{stroke:#1ea476;fill:#fff}.chart-dot{stroke-width:3}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:2px;color:#657c90;font-size:9px;font-weight:800}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot.blue{background:#1478d5}.legend-dot.green{background:#1ea476}.legend-dot.orange{background:#e5a22a}.legend-dot.red{background:#d95562}
.donut-wrap{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:18px;min-height:220px}.donut{width:142px;height:142px;margin:auto;border-radius:50%;display:grid;place-items:center}.donut>div{width:92px;height:92px;display:grid;place-content:center;text-align:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf2f6}.donut b{display:block;color:#173d61;font-size:24px;line-height:1}.donut span{display:block;margin-top:4px;color:#8a99a7;font-size:8.5px;font-weight:800}.donut-list{display:grid;gap:8px}.donut-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 10px;border:1px solid #e7edf2;border-radius:11px;background:#fafcfd}.donut-list span{display:flex;align-items:center;gap:6px;color:#657b8e;font-size:9px;font-weight:800}.donut-list b{color:#244864;font-size:11px}.donut-list small{grid-column:1/-1;color:#93a0ab;font-size:8.5px}
.faculty-card{min-height:300px}.faculty-bars{display:grid;gap:10px}.faculty-bar-row{display:grid;gap:5px}.faculty-bar-label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px}.faculty-bar-label>span{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#edf5fb;color:#1471c6;font-size:8px;font-weight:900}.faculty-bar-label b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#395a73;font-size:9.5px}.faculty-bar-label strong{color:#1f4867;font-size:10px}.faculty-bar-track{height:7px;overflow:hidden;border-radius:999px;background:#edf2f6}.faculty-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0e72cf,#62b6ef)}
.queue-card-wrap{min-height:300px}.dashboard-queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-queue-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:92px;padding:11px;border:1px solid #e2eaf1;border-radius:14px;background:#fff;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:.18s ease}.dashboard-queue-card:hover{transform:translateY(-2px);border-color:#bdd6e9;box-shadow:0 9px 24px rgba(32,84,126,.08)}.queue-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf6ff;color:#1474cb}.queue-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.dashboard-queue-card.violet .queue-icon{background:#f1edff;color:#7558d7}.dashboard-queue-card.orange .queue-icon{background:#fff4df;color:#d18a12}.dashboard-queue-card.red .queue-icon{background:#fff0f2;color:#cf4858}.dashboard-queue-card.green .queue-icon{background:#eaf8f3;color:#1b956d}.dashboard-queue-card b{display:block;color:#173d61;font-size:19px;line-height:1}.dashboard-queue-card strong{display:block;margin-top:4px;color:#3c5d76;font-size:9.5px}.dashboard-queue-card small{display:block;margin-top:3px;color:#8b9aa7;font-size:8px;line-height:1.25}.queue-arrow{color:#9badba;font-size:22px}.dashboard-urgent{margin-top:5px!important;color:#c84655!important;font-weight:800}.mini-progress{display:inline-block;width:54px;height:5px;margin-right:6px;vertical-align:middle;overflow:hidden;border-radius:999px;background:#edf2f6}.mini-progress i{display:block;height:100%;border-radius:999px;background:#1ea476}.table td>small{color:#8a9aa7;font-size:8px}
@media(max-width:1180px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-health-strip{grid-template-columns:1fr 1fr}.health-title{grid-column:1/-1}.dashboard-analytics{grid-template-columns:1fr 1fr}.dashboard-chart-card:first-child{grid-column:1/-1}}
@media(max-width:820px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-health-strip{grid-template-columns:1fr}.health-title{grid-column:auto}.dashboard-analytics{grid-template-columns:1fr}.dashboard-chart-card:first-child{grid-column:auto}.dash-line-chart svg{height:200px}.donut-wrap{grid-template-columns:140px minmax(0,1fr)}.dashboard-queue-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dashboard-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.dashboard-stat{min-height:90px!important;padding:12px!important}.dashboard-stat .stat-copy b{font-size:19px}.dashboard-stat .stat-copy small{display:none}.dashboard-health-strip{padding:12px}.health-meter{grid-template-columns:105px minmax(55px,1fr) 34px}.dashboard-chart-card{padding:13px}.dashboard-card-head h3{font-size:13px}.dash-line-chart svg{height:180px}.donut-wrap{grid-template-columns:1fr}.donut{width:128px;height:128px}.donut>div{width:82px;height:82px}.dashboard-queue-grid{grid-template-columns:1fr}.faculty-bar-label b{font-size:9px}}


/* === v7.2.9 Inter Font Sync === */
.inter-font-sync{font-family:var(--font-ui)}

/* === v7.2.10: secure payment proof lightbox === */
.proof-button{appearance:none;border:0;background:none;padding:0;font:inherit;cursor:pointer}.proof-button:hover{text-decoration:underline}.proof-viewer{display:grid;gap:12px}.proof-stage{display:grid;place-items:center;min-height:420px;max-height:68vh;overflow:auto;padding:14px;border:1px solid #dce6ee;border-radius:16px;background:#0d1822}.proof-image{display:block;max-width:100%;max-height:64vh;width:auto;height:auto;border-radius:10px;box-shadow:0 10px 36px rgba(0,0,0,.28)}.proof-pdf{display:block;width:100%;height:64vh;border:0;border-radius:10px;background:#fff}.proof-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px}.proof-toolbar>div:first-child{min-width:0}.proof-toolbar b{display:block;overflow:hidden;color:#254761;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.proof-toolbar small{display:block;margin-top:3px;color:#8294a4;font-size:9.5px}.proof-actions{display:flex;gap:8px;flex:0 0 auto}.payment-existing-proof .proof-button{display:inline-flex;align-items:center;color:#0871cc;font-size:10px;font-weight:800}.payment-proof-row .proof-button{color:#086bc5;font-size:11px;font-weight:800}
@media(max-width:680px){.proof-stage{min-height:300px;max-height:62vh;padding:8px}.proof-image{max-height:58vh}.proof-pdf{height:58vh}.proof-toolbar{align-items:flex-start;flex-direction:column}.proof-actions{width:100%}.proof-actions .btn{flex:1;justify-content:center}}
.proof-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(5,17,28,.84);backdrop-filter:blur(5px)}.proof-lightbox-card{position:relative;width:min(1040px,96vw);max-height:94vh;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#fff;box-shadow:0 26px 90px rgba(0,0,0,.38)}.proof-lightbox .proof-stage{min-height:460px;max-height:74vh}.proof-lightbox .proof-image{max-height:70vh}.proof-lightbox .proof-pdf{height:70vh}.proof-close{position:absolute;z-index:2;top:22px;right:22px;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(10,27,41,.78);color:#fff;font:600 24px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.22)}.proof-close:hover{background:#0b6fc9}.proof-toolbar{padding:10px 4px 2px}.proof-toolbar b{font-size:13px}.proof-toolbar small{font-size:10px}
@media(max-width:680px){.proof-lightbox{padding:8px}.proof-lightbox-card{width:100%;max-height:96vh;padding:8px;border-radius:15px}.proof-lightbox .proof-stage{min-height:320px;max-height:70vh}.proof-lightbox .proof-image{max-height:66vh}.proof-lightbox .proof-pdf{height:66vh}.proof-close{top:14px;right:14px}.proof-toolbar{padding:8px 2px 2px}}


/* v7.2.13 — bank icon alignment + 72Agency copyright */
.app-copyright{margin:26px 0 8px;padding:14px 12px 4px;border-top:1px solid #e7eef5;color:#8393a3;text-align:center;font-size:10px;line-height:1.5}.app-copyright a,.login-foot a{color:#0b6fc8;font-weight:800;text-decoration:none}.app-copyright a:hover,.login-foot a:hover{text-decoration:underline}.login-foot{line-height:1.6}.login-foot .copyright-sep{margin:0 5px;color:#b3bfca}@media(max-width:680px){.app-copyright{margin:22px 0 74px;padding-top:12px;font-size:9.5px}}


/* === v7.2.14: cohort-first charge policy === */
.charge-audience-summary{display:flex;align-items:center;gap:8px;margin:10px 0 8px}.charge-audience-summary>b{color:#46647d;font-size:10px}.audience-head{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.audience-head>div{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfe}.audience-head span{display:block;color:#8395a6;font-size:9px;font-weight:800}.audience-head b{display:block;margin-top:4px;color:#173f60;font-size:18px}.charge-policy-section{margin-top:15px;padding-top:15px;border-top:1px solid #e5edf4}.policy-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.policy-title h4{margin:0;color:#173f60;font-size:13px}.policy-title p{margin:3px 0 0;color:#7c8fa2;font-size:10px;line-height:1.5}.cohort-rate-list{display:grid;gap:7px;max-height:260px;overflow:auto}.policy-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e4ebf1;border-radius:11px;background:#fff}.policy-row>div b{display:block;color:#284963;font-size:11px}.policy-row>div span{display:block;margin-top:2px;color:#8998a6;font-size:9px}.policy-row>strong{color:#0969bc;font-size:12px}.policy-form{margin-top:12px;padding:12px;border-radius:13px;background:#f8fbfe;border:1px solid #e4edf4}.policy-excluded{color:#c13c3c!important}.modal-wide{max-width:920px!important}.toggle-field{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dfe8ef;border-radius:12px;background:#fff;cursor:pointer}.toggle-field>input{position:absolute;opacity:0;pointer-events:none}.toggle-field .switch{position:relative;width:40px;height:22px;flex:0 0 40px;border-radius:999px;background:#cad6df;transition:.2s}.toggle-field .switch:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.2s}.toggle-field input:checked+.switch{background:#0874d8}.toggle-field input:checked+.switch:after{transform:translateX(18px)}.toggle-field b{display:block;color:#284963;font-size:10px}.toggle-field small{display:block;margin-top:2px;color:#8697a6;font-size:9px;line-height:1.4}
@media(max-width:680px){.audience-head{grid-template-columns:1fr 1fr}.policy-row{grid-template-columns:minmax(0,1fr) auto}.policy-row>.btn,.policy-row>.badge{grid-column:1/-1;width:max-content}.charge-audience-summary{align-items:flex-start;flex-direction:column}.modal-wide{max-width:100%!important}}

/* === v7.2.15: warning + event registration discipline === */
.event-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:0 0 16px;border:1px solid #fecaca;background:#fff7f7;border-radius:18px;color:#7f1d1d}
.event-lock-banner>div{display:flex;align-items:flex-start;gap:12px;min-width:0}.event-lock-banner svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;fill:none;stroke-width:1.8;margin-top:1px}.event-lock-banner b{display:block;font-size:15px;margin-bottom:4px}.event-lock-banner p{margin:0;color:#991b1b;line-height:1.45;font-size:13px}.event-lock-banner.compact-lock{margin-bottom:14px}
.event-block-admin{margin:14px 0 18px}.event-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#fff);border-radius:18px}.event-block-head h3{margin:2px 0 4px}.event-block-head p{margin:0;color:#64748b;font-size:13px;max-width:720px}.event-block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.event-block-card{border:1px solid #fee2e2;background:#fff;border-radius:16px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.event-block-card>div:first-child{min-width:0}.event-block-card b{display:block}.event-block-card small{display:block;color:#64748b;margin-top:3px}.event-block-card p{grid-column:1/-1;margin:0;color:#7f1d1d;font-size:13px;line-height:1.45}.event-block-card .btn{grid-column:1/-1;justify-self:start}.event-block-count{text-align:right}.event-block-count strong{display:block;font-size:24px;color:#dc2626;line-height:1}.event-block-count span{font-size:11px;color:#64748b}.mini-empty{margin-top:10px}
@media(max-width:720px){.event-lock-banner,.event-block-head{flex-direction:column;align-items:stretch}.event-block-grid{grid-template-columns:1fr}.event-block-card{grid-template-columns:1fr auto}.event-lock-banner .badge,.event-block-head .badge{align-self:flex-start}}


/* === v7.2.16: Warning scan selectors === */
.warning-scan-form{gap:16px}.warning-scan-preview{border:1px solid #dbe7f5;background:#f8fbff;border-radius:16px;padding:14px}.warning-scan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.warning-scan-grid>div{min-width:0;padding:12px;border-radius:12px;background:#fff;border:1px solid #e6edf5;display:flex;flex-direction:column;gap:4px}.warning-scan-grid span{font-size:12px;color:#64748b}.warning-scan-grid b{font-size:15px;color:#0f172a;overflow-wrap:anywhere}.warning-scan-grid .red b{color:#dc2626}.warning-scan-grid .orange b{color:#d97706}.warning-scan-form select{min-height:46px}.warning-scan-form .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:720px){.warning-scan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v7.2.17 warning scan diagnostics */
.warning-scan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.scan-summary-card{min-width:0;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:3px}.scan-summary-card span{font-size:11px;font-weight:700;color:#64748b;line-height:1.25}.scan-summary-card b{font-size:22px;line-height:1.1;color:#0f172a}.scan-summary-card.blue{background:#eff6ff;border-color:#bfdbfe}.scan-summary-card.blue b{color:#1d4ed8}.scan-summary-card.orange{background:#fff7ed;border-color:#fed7aa}.scan-summary-card.orange b{color:#c2410c}.scan-summary-card.green{background:#ecfdf5;border-color:#a7f3d0}.scan-summary-card.green b{color:#047857}.scan-summary-card.red{background:#fef2f2;border-color:#fecaca}.scan-summary-card.red b{color:#b91c1c}.scan-empty-state{text-align:center;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:24px 18px}.scan-empty-state h3{margin:8px 0 6px;font-size:18px;color:#0f172a}.scan-empty-state>p{max-width:620px;margin:0 auto;color:#64748b;line-height:1.55}.scan-empty-icon{width:42px;height:42px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:22px;font-weight:900}.scan-empty-notes{max-width:650px;margin:14px auto 0;display:grid;gap:7px;text-align:left}.scan-empty-notes>div{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:12px;line-height:1.45}.warning-scan-summary+.warning-scan-form{margin-top:0}@media(max-width:760px){.warning-scan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-summary-card b{font-size:20px}}
/* v7.2.19 Event registration lifecycle */
.event-action-note.warning{color:#a16207;font-weight:700}
.event-action-note.danger{color:#b91c1c;font-weight:700}
.late-cancel-list{display:grid;gap:12px}
.late-cancel-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.late-cancel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.late-cancel-head>div{display:grid;gap:2px}.late-cancel-head b{font-size:15px}.late-cancel-head span{font-size:12px;color:#64748b}
.late-cancel-card p{margin:0 0 8px;white-space:pre-wrap;line-height:1.55}
.event-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.event-config-row{flex-wrap:wrap}
@media(max-width:720px){.late-cancel-head{flex-direction:column}.event-admin-metrics{grid-template-columns:1fr}.event-config-row{display:grid;grid-template-columns:1fr}.event-card-actions .btn{width:100%}}


/* === v7.2.20: Admin Mobile Optimization Layer ===
   Desktop > 1024px intentionally keeps the existing layout unchanged. */
.mobile-menu-toggle,.sidebar-close,.admin-mobile-nav,.admin-sidebar-overlay{display:none}
.mobile-cell-value{display:contents}

@media (max-width:1024px){
  body.admin-app{overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
  body.admin-app.admin-drawer-open{overflow:hidden}
  .admin-app .admin-layout{display:block!important;min-width:0}
  .admin-app .sidebar{position:fixed!important;z-index:1000;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain;padding:16px 14px max(18px,env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 48px rgba(5,39,73,.24)}
  .admin-drawer-open .sidebar{transform:translateX(0)}
  .admin-app .sidebar-label,.admin-app .sidebar-footer{display:block!important}
  .admin-app .sidebar-footer{margin-top:24px}
  .admin-app .side-nav{display:grid!important;gap:5px;overflow:visible!important;padding:0!important}
  .admin-app .side-nav button{width:100%!important;min-height:45px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px;white-space:normal!important;padding:10px 12px!important;border-radius:11px;text-align:left}
  .admin-app .side-nav button svg{width:19px;height:19px;flex:0 0 19px}
  .admin-brand{padding:3px 3px 15px!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .admin-brand-copy{min-width:0;flex:1}
  .admin-brand-copy strong,.admin-brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sidebar-close{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.1);color:#fff}
  .sidebar-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .admin-sidebar-overlay{position:fixed;z-index:990;inset:0;display:block;background:rgba(8,25,42,.54);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .admin-drawer-open .admin-sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}

  .admin-app .admin-main{min-width:0;padding:0 16px calc(92px + env(safe-area-inset-bottom))!important}
  .admin-app .admin-head{position:sticky!important;top:0;z-index:80;min-height:64px;margin:0 -16px 16px!important;padding:10px 16px!important;gap:10px;border-bottom:1px solid #dde7f0;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(26,58,88,.045)}
  .mobile-menu-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #dbe6ef;border-radius:12px;background:#fff;color:#0b65b8}
  .mobile-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .admin-title-wrap{min-width:0;flex:1}
  .admin-title-wrap .section-kicker,.admin-title-wrap .muted,.admin-system-pill{display:none!important}
  .admin-title-wrap h1{max-width:100%;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px!important;line-height:1.25}
  .admin-head-actions{flex:0 0 auto;gap:6px}
  .admin-head-actions form{margin:0}
  .admin-head-actions .logout-admin{width:44px;height:44px;min-height:44px;padding:0!important;font-size:0!important;border-radius:12px}
  .admin-head-actions .logout-admin svg{width:19px;height:19px;margin:0!important}

  .admin-mobile-nav{position:fixed;z-index:850;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 8px max(6px,env(safe-area-inset-bottom));border-top:1px solid #dbe5ee;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 -8px 26px rgba(22,54,84,.08)}
  .admin-mobile-nav button{min-width:0;min-height:54px;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-radius:10px;background:transparent;color:#7b8fa2;font-size:9.5px;font-weight:800}
  .admin-mobile-nav button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .admin-mobile-nav button.active{background:#eef6fd;color:#0868c2}

  .admin-app .page-head,.admin-app .admin-page-head{gap:14px}
  .admin-app .page-head h1{font-size:26px}
  .admin-app .page-head p{max-width:100%}
  .admin-app .toolbar{min-width:0}
  .admin-app .admin-welcome{margin-top:2px}
  .admin-app .dashboard-analytics,.admin-app .split,.admin-app .settings-grid{grid-template-columns:1fr!important}
  .admin-app .dashboard-chart-card:first-child{grid-column:auto!important}
  .admin-app .event-grid,.admin-app .admin-event-grid,.admin-app .charge-grid,.admin-app .admin-charge-grid{grid-template-columns:1fr!important}
}

@media (max-width:767px){
  .admin-app .admin-main{padding-left:12px!important;padding-right:12px!important}
  .admin-app .admin-head{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
  .admin-app .page-head,.admin-app .admin-page-head{display:block;margin-bottom:14px}
  .admin-app .page-head h1{font-size:23px;line-height:1.2}
  .admin-app .page-head p{margin-top:6px;font-size:12px;line-height:1.5}
  .admin-app .page-head>.btn,.admin-app .admin-page-head>.btn{width:100%;margin-top:12px;min-height:46px}
  .admin-app .page-head>.toolbar,.admin-app .admin-page-head>.toolbar,.admin-app .page-head>.actions,.admin-app .admin-page-head>.actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
  .admin-app .page-head>.toolbar .search-box,.admin-app .admin-page-head>.toolbar .search-box{grid-column:1/-1;width:100%;min-width:0}
  .admin-app .page-head>.toolbar .btn,.admin-app .page-head>.toolbar>a.btn,.admin-app .admin-page-head>.toolbar .btn,.admin-app .admin-page-head>.toolbar>a.btn,.admin-app .page-head>.actions .btn,.admin-app .admin-page-head>.actions .btn{width:100%;min-width:0;min-height:44px;padding-left:10px;padding-right:10px;white-space:normal;text-align:center}

  .admin-app .admin-welcome{min-height:auto;padding:17px 16px;border-radius:16px}
  .admin-app .admin-welcome h2{font-size:20px}
  .admin-app .admin-welcome p{font-size:12px}
  .admin-app .admin-welcome-mark{display:none}
  .admin-app .dashboard-kpi-grid,.admin-app .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .admin-app .admin-stats .stat:last-child{grid-column:auto}
  .admin-app .dashboard-stat{min-height:96px!important;padding:12px!important;gap:9px}
  .admin-app .dashboard-stat .stat-icon{width:38px;height:38px;flex:0 0 38px}
  .admin-app .dashboard-stat .stat-copy b{font-size:18px;line-height:1.15}
  .admin-app .dashboard-stat .stat-copy span{font-size:9.5px;line-height:1.35}
  .admin-app .dashboard-stat .stat-copy small{display:none}
  .admin-app .dashboard-health-strip{grid-template-columns:1fr!important;gap:12px;padding:12px;margin-bottom:12px}
  .admin-app .health-title{grid-column:auto!important}
  .admin-app .health-meter{grid-template-columns:105px minmax(55px,1fr) 35px;gap:8px}
  .admin-app .health-meter span{font-size:9px}
  .admin-app .admin-quick-actions{grid-template-columns:1fr 1fr!important;gap:8px}
  .admin-app .admin-quick-actions button{min-height:72px;padding:10px;grid-template-columns:36px minmax(0,1fr);column-gap:8px;border-radius:13px}
  .admin-app .admin-quick-actions .quick-icon{width:36px;height:36px}
  .admin-app .admin-quick-actions b{font-size:10.5px}
  .admin-app .admin-quick-actions small{display:none}
  .admin-app .dashboard-chart-card{padding:13px;border-radius:15px}
  .admin-app .dashboard-card-head h3{font-size:13px}
  .admin-app .dash-line-chart{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .admin-app .dash-line-chart svg{width:520px;min-width:520px;height:180px}
  .admin-app .donut-wrap{grid-template-columns:1fr!important;justify-items:center}
  .admin-app .donut-list{width:100%}
  .admin-app .dashboard-queue-grid{grid-template-columns:1fr!important}
  .admin-app .dashboard-queue-card{min-height:82px}

  .admin-app .feedback-admin-summary,.admin-app .warning-admin-summary,.admin-app .notification-admin-summary,.admin-app .warning-scan-summary,.admin-app .module-overview,.admin-app .admin-module-overview,.admin-app .participant-stats,.admin-app .import-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .admin-app .notification-admin-summary>div:last-child,.admin-app .feedback-admin-summary>div:last-child{grid-column:1/-1}
  .admin-app .feedback-admin-toolbar,.admin-app .warning-admin-toolbar{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
  .admin-app .feedback-admin-toolbar input,.admin-app .feedback-admin-toolbar select,.admin-app .warning-admin-toolbar input,.admin-app .warning-admin-toolbar select,.admin-app .warning-admin-toolbar .btn{width:100%;min-width:0;min-height:46px}

  .admin-app .item,.admin-app .admin-event-card,.admin-app .admin-charge-card,.admin-app .charge-card{padding:13px;border-radius:14px}
  .admin-app .item-row,.admin-app .feedback-card-top,.admin-app .warning-card-top,.admin-app .charge-card-top{gap:9px}
  .admin-app .item h3,.admin-app .admin-event-card h3,.admin-app .admin-charge-card h3{font-size:14px;overflow-wrap:anywhere}
  .admin-app .item p{font-size:12px;overflow-wrap:anywhere}
  .admin-app .meta{font-size:10px;overflow-wrap:anywhere}
  .admin-app .admin-event-top{gap:10px}
  .admin-app .event-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-app .event-admin-metrics>div:last-child:nth-child(odd){grid-column:1/-1}
  .admin-app .event-config-row{display:flex!important;flex-wrap:wrap!important}
  .admin-app .event-admin-actions{grid-template-columns:1fr!important}
  .admin-app .event-admin-actions .btn,.admin-app .charge-actions .btn{min-height:44px}
  .admin-app .charge-meta,.admin-app .admin-charge-card .charge-meta{grid-template-columns:1fr 1fr!important}
  .admin-app .admin-charge-card .charge-meta>div:last-child{grid-column:1/-1}

  .admin-app .form.two,.admin-app .event-form.two{grid-template-columns:1fr!important}
  .admin-app .form.two>*[style*="grid-column"],.admin-app .event-form .span-2{grid-column:auto!important}
  .admin-app label.field{gap:6px;font-size:12px}
  .admin-app .field input,.admin-app .field select,.admin-app .field textarea,.admin-app .toolbar input,.admin-app .participant-search input,.admin-app .participant-filter{min-height:48px;font-size:16px!important;border-radius:11px}
  .admin-app .field textarea{min-height:118px}
  .admin-app .event-toggle-grid{grid-template-columns:1fr!important}
  .admin-app .event-toggle{min-height:58px}
  .admin-app .toggle-field{min-height:52px}
  .admin-app .policy-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px}
  .admin-app .policy-row>.btn,.admin-app .policy-row>.badge{grid-column:1/-1}
  .admin-app .warning-scan-grid{grid-template-columns:1fr 1fr!important;gap:8px}

  .admin-app .mobile-card-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important}
  .admin-app .mobile-card-table thead{display:none!important}
  .admin-app .mobile-card-table tbody{display:grid!important;gap:10px;width:100%}
  .admin-app .mobile-card-table tbody tr{display:block!important;width:100%;padding:8px 12px;border:1px solid #e0e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(24,58,91,.04)}
  .admin-app .mobile-card-table tbody tr:hover{background:#fff}
  .admin-app .mobile-card-table td{width:100%!important;display:grid!important;grid-template-columns:minmax(92px,38%) minmax(0,1fr);align-items:start;gap:10px;padding:8px 0!important;border:0!important;border-bottom:1px solid #edf2f6!important;white-space:normal!important;font-size:12px!important;overflow-wrap:anywhere}
  .admin-app .mobile-card-table td:last-child{border-bottom:0!important}
  .admin-app .mobile-card-table td::before{content:attr(data-label);color:#7b8c9c;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;line-height:1.4}
  .admin-app .mobile-card-table td[colspan]{display:block!important;text-align:center}
  .admin-app .mobile-card-table td[colspan]::before{display:none}
  .admin-app .mobile-card-table .mobile-cell-value{display:block;min-width:0;color:#294863;text-align:right;line-height:1.45}
  .admin-app .mobile-card-table td:last-child .mobile-cell-value{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
  .admin-app .mobile-card-table td:last-child .btn{min-height:38px;flex:1 1 auto}
  .admin-app .mobile-card-table .mini-progress{vertical-align:middle}
  .admin-app .data-card.table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}

  .admin-app .participant-modal-card .participant-stats>div:first-child{grid-column:auto!important}
  .admin-app .participant-toolbar{grid-template-columns:1fr!important}
  .admin-app .participant-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px}
  .admin-app .participant-search .btn{min-width:84px}
  .admin-app .participant-export{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px}
  .admin-app .participant-table-wrap{max-width:100%;max-height:50dvh!important;overflow:auto!important;border-radius:12px}
  .admin-app .participant-table{min-width:920px!important}

  .admin-app .modal{place-items:stretch;padding:0;background:rgba(11,27,44,.58)}
  .admin-app .modal-card,.admin-app .admin-modal-card,.admin-app .participant-modal-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:0!important}
  .admin-app .modal-head{position:sticky;top:0;z-index:3;flex:0 0 auto;min-height:66px;padding:14px 16px 12px;border-bottom:1px solid #e4ebf2;background:#fff}
  .admin-app .modal-head .section-kicker{margin-bottom:3px;font-size:9px}
  .admin-app .modal-head h3{font-size:18px}
  .admin-app .modal-head .icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:18px}
  .admin-app .modal-body,.admin-app .participant-modal-card .modal-body{flex:1 1 auto;max-height:none!important;margin:0!important;padding:16px 16px calc(26px + env(safe-area-inset-bottom))!important;overflow:auto!important;overscroll-behavior:contain}
  .admin-app .modal-body .form>button[type="submit"],.admin-app .modal-body .form>.btn:last-child{min-height:48px}
  .admin-app .form-summary-grid{grid-template-columns:1fr 1fr!important}

  .admin-app .proof-lightbox{padding:0}
  .admin-app .proof-lightbox-card{width:100%;height:100dvh;max-height:100dvh;padding:8px;border-radius:0;display:flex;flex-direction:column}
  .admin-app .proof-lightbox .proof-stage{flex:1;min-height:0;max-height:none;display:grid;place-items:center;overflow:auto}
  .admin-app .proof-lightbox .proof-pdf{width:100%;height:100%}
  .admin-app .proof-lightbox .proof-image{max-height:100%;object-fit:contain}
  .admin-app .proof-toolbar{display:grid;gap:8px;padding:10px 4px max(4px,env(safe-area-inset-bottom))}
  .admin-app .proof-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .admin-app .proof-actions .btn{width:100%}

  .admin-app .app-copyright{margin-bottom:8px;padding-bottom:6px}
  .admin-app .toast{left:12px;right:12px;top:76px;max-width:none;text-align:center}
}

@media (max-width:430px){
  .admin-app .admin-main{padding-left:10px!important;padding-right:10px!important}
  .admin-app .admin-head{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  .admin-app .admin-title-wrap h1{font-size:17px!important}
  .admin-app .dashboard-kpi-grid,.admin-app .admin-stats{gap:7px}
  .admin-app .dashboard-stat{min-height:92px!important;padding:10px!important}
  .admin-app .dashboard-stat .stat-icon{width:34px;height:34px;flex-basis:34px}
  .admin-app .dashboard-stat .stat-copy b{font-size:16.5px}
  .admin-app .admin-quick-actions{grid-template-columns:1fr!important}
  .admin-app .admin-quick-actions button{min-height:62px}
  .admin-app .warning-scan-grid{grid-template-columns:1fr!important}
  .admin-app .event-admin-metrics{grid-template-columns:1fr!important}
  .admin-app .event-admin-metrics>div:last-child:nth-child(odd){grid-column:auto}
  .admin-app .mobile-card-table td{grid-template-columns:minmax(82px,36%) minmax(0,1fr);gap:8px}
  .admin-app .page-head>.toolbar,.admin-app .admin-page-head>.toolbar,.admin-app .page-head>.actions,.admin-app .admin-page-head>.actions{grid-template-columns:1fr}
  .admin-app .page-head>.toolbar .search-box,.admin-app .admin-page-head>.toolbar .search-box{grid-column:auto}
  .admin-app .participant-export{grid-template-columns:1fr!important}
  .admin-app .form-summary-grid{grid-template-columns:1fr!important}
}

/* v7.2.22 — Event Check-out & attendance completion */
.event-checkout-config{border:1px solid #dce9f4;border-radius:16px;background:#f8fbfe;padding:15px}.event-checkout-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.event-checkout-heading>b{color:#163a59;font-size:14px}.event-checkout-heading>small{color:#6f8294;font-size:11px;line-height:1.45}.participant-attendance-rule{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:12px 0;padding:11px 13px;border:1px solid #dce9f4;border-radius:12px;background:#f8fbfe}.participant-attendance-rule>b{color:#164b75;white-space:nowrap}.participant-attendance-rule>span{color:#61798c;font-size:12px;line-height:1.45;text-align:right}.event-card-actions .event-action-note.warning{color:#9b6500;background:#fff7df}.event-card-actions .event-action-note.danger{color:#b42318;background:#fff0ef}
@media(max-width:720px){.event-checkout-config{padding:12px}.participant-attendance-rule{display:grid;gap:5px}.participant-attendance-rule>span{text-align:left}.event-checkout-config>.form.two{grid-template-columns:1fr!important}}

/* v7.2.24 — Member event detail recovery & responsive rebuild */
body.modal-open{overflow:hidden}
.modal.event-detail-modal-active{padding:18px}
.event-detail-modal-card{width:min(960px,calc(100vw - 36px));max-height:min(94dvh,900px);padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;background:#f5f8fb}
.event-detail-modal-card .modal-head{position:relative;z-index:8;flex:0 0 auto;min-height:68px;padding:15px 20px!important;border-bottom:1px solid #e3ebf2;background:#fff}
.event-detail-modal-card .modal-head .section-kicker{font-size:9px}
.event-detail-modal-card .modal-head h3{font-size:18px}
.event-detail-modal-card .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;margin:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;background:#f5f8fb;scrollbar-gutter:stable}
.event-detail-loading{min-height:360px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6d8194;font-size:13px;font-weight:800}
.event-detail-error{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center}.event-detail-error b{color:#173f60;font-size:18px}.event-detail-error span{max-width:520px;color:#72879a;line-height:1.6}
.event-detail-page{min-width:0;padding-bottom:0}
.event-detail-banner{position:relative;height:260px;overflow:hidden;background:linear-gradient(135deg,#073b67,#0a73c9)}
.event-detail-banner img{display:block;width:100%;height:100%;object-fit:cover}
.event-detail-banner:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(4,33,58,.44));pointer-events:none}
.event-detail-banner-fallback{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;letter-spacing:.08em}
.event-detail-banner-fallback span{font-size:44px;font-weight:900;line-height:1}.event-detail-banner-fallback b{margin-top:7px;font-size:13px;opacity:.9}
.event-detail-banner.has-image:not(.broken) .event-detail-banner-fallback{display:none}.event-detail-banner.broken .event-detail-banner-fallback,.event-detail-banner.no-image .event-detail-banner-fallback{display:flex}
.event-detail-hero{padding:22px 24px 18px;border-bottom:1px solid #e7edf3;background:#fff}
.event-detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.event-detail-organizer{color:#6f8294;font-size:11px;font-weight:800}
.event-detail-hero h2{margin:10px 0 8px;color:#153d60;font-size:27px;line-height:1.25;overflow-wrap:anywhere}
.event-detail-hero p{max-width:820px;margin:0;color:#5f768a;font-size:13px;line-height:1.7;white-space:pre-line}
.event-detail-notice{margin:14px 24px 0;padding:13px 15px;border:1px solid #dfe8ef;border-radius:14px;background:#fff}
.event-detail-notice>div{display:grid;gap:4px}.event-detail-notice b{color:#274b68;font-size:13px}.event-detail-notice span{color:#72879a;font-size:11px;line-height:1.5}
.event-detail-notice.registered{border-color:#b9dfc9;background:#f2fbf6}.event-detail-notice.registered b{color:#167441}.event-detail-notice.waitlist{border-color:#f0d49b;background:#fffaf0}.event-detail-notice.waitlist b{color:#9c6410}
.event-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 24px}
.event-detail-facts>div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;padding:14px;border:1px solid #e1eaf1;border-radius:14px;background:#fff}
.event-detail-facts>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf6fd;color:#0872c8}
.event-detail-facts svg,.event-detail-card-title svg,.event-detail-policy svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.event-detail-facts small{display:block;color:#899baa;font-size:9px;font-weight:900;letter-spacing:.05em}.event-detail-facts b{display:block;margin-top:3px;color:#234760;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.event-detail-facts em{display:block;margin-top:2px;color:#8193a3;font-size:10px;font-style:normal;line-height:1.45}
.event-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 14px}
.event-detail-card,.event-detail-section{min-width:0;padding:17px;border:1px solid #e1eaf1;border-radius:15px;background:#fff}
.event-detail-card-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#173f60}.event-detail-card-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf6fd;color:#0872c8}.event-detail-card-title h3,.event-detail-section h3{margin:0;color:#173f60;font-size:14px}
.event-detail-rows{display:grid}.event-detail-row{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid #eef3f6}.event-detail-row:first-child{border-top:0}.event-detail-row>span{color:#8495a5;font-size:10px;font-weight:800}.event-detail-row>div{min-width:0;text-align:right}.event-detail-row b{display:block;color:#294c66;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.event-detail-row small{display:block;margin-top:2px;color:#8a9baa;font-size:9.5px}
.event-detail-section{margin:0 24px 14px}.event-detail-section h3{margin-bottom:10px}.event-detail-prose{color:#526d82;font-size:12.5px;line-height:1.75;overflow-wrap:anywhere}.event-detail-notes{border-color:#f1d9a9;background:#fffaf0}.event-detail-notes h3{color:#8a5a09}
.event-detail-attachment{display:flex;align-items:center;gap:12px;margin:0 24px 14px;padding:14px 15px;border:1px solid #cfe1f0;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.event-detail-attachment:hover{border-color:#9ec8e8;box-shadow:0 7px 20px rgba(28,90,140,.08)}.event-detail-attachment>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#edf6fd;color:#0872c8}.event-detail-attachment svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.event-detail-attachment>div{min-width:0;flex:1}.event-detail-attachment small{display:block;color:#8194a5;font-size:9px;font-weight:900}.event-detail-attachment b{display:block;margin-top:3px;color:#244b68;font-size:12px;overflow-wrap:anywhere}.event-detail-attachment>strong{color:#0872c8;font-size:18px}
.event-detail-policy{display:flex;align-items:flex-start;gap:10px;margin:0 24px 14px;padding:14px 16px;border-radius:14px;background:#eef6fc;color:#4a667b}.event-detail-policy>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#fff;color:#0872c8}.event-detail-policy b{display:block;color:#194b70;font-size:12px}.event-detail-policy p{margin:4px 0 0;font-size:11px;line-height:1.6}
.event-detail-actions{position:sticky;bottom:0;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dfe8ef;background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(32,61,86,.07);backdrop-filter:blur(12px)}
.event-detail-actions .btn{min-height:42px}.event-detail-actions .event-action-note{width:100%;margin:0}
@media(max-width:760px){
  .modal.event-detail-modal-active{padding:0!important;place-items:stretch!important}
  .event-detail-modal-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important}
  .event-detail-modal-card .modal-head{min-height:60px;padding:10px 14px!important;padding-top:max(10px,env(safe-area-inset-top))!important}.event-detail-modal-card .modal-head h3{max-width:calc(100vw - 96px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
  .event-detail-modal-card .modal-body{padding:0!important}
  .event-detail-banner{height:180px}.event-detail-banner-fallback span{font-size:34px}
  .event-detail-hero{padding:16px 15px 14px}.event-detail-hero-top{align-items:flex-start}.event-detail-organizer{width:100%}.event-detail-hero h2{margin-top:9px;font-size:21px}.event-detail-hero p{font-size:12.5px;line-height:1.65}
  .event-detail-notice{margin:11px 12px 0;padding:12px 13px}
  .event-detail-facts{grid-template-columns:1fr;padding:11px 12px;gap:8px}.event-detail-facts>div{grid-template-columns:36px minmax(0,1fr);padding:11px 12px}.event-detail-facts>div>span{width:36px;height:36px}.event-detail-facts b{font-size:12px}
  .event-detail-grid{grid-template-columns:1fr;padding:0 12px 11px;gap:9px}.event-detail-card,.event-detail-section{padding:13px;border-radius:13px}
  .event-detail-card-title{margin-bottom:5px}.event-detail-row{grid-template-columns:1fr;gap:4px;padding:9px 0}.event-detail-row>div{text-align:left}.event-detail-row>span{font-size:9.5px}.event-detail-row b{font-size:11.5px}
  .event-detail-section,.event-detail-attachment,.event-detail-policy{margin-left:12px;margin-right:12px}.event-detail-section{margin-bottom:11px}.event-detail-prose{font-size:12.5px}
  .event-detail-attachment{margin-bottom:11px;padding:12px}.event-detail-policy{margin-bottom:11px;padding:12px 13px}
  .event-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.event-detail-actions .btn{width:100%;min-height:46px}.event-detail-actions .event-action-note{grid-column:1/-1}.event-detail-actions .btn:only-child{grid-column:1/-1}
}
@media(max-width:420px){.event-detail-actions{grid-template-columns:1fr}.event-detail-actions .event-action-note{grid-column:auto}}



/* v7.2.27 — Bộ lọc & xuất dữ liệu Đoàn phí */
.charge-filter-toolbar,.payment-filter-toolbar{display:grid;gap:9px;align-items:center;margin:0 0 14px}
.charge-filter-toolbar{grid-template-columns:minmax(230px,1.5fr) minmax(150px,.7fr) minmax(170px,.8fr) auto}
.payment-filter-toolbar{grid-template-columns:minmax(220px,1.45fr) repeat(5,minmax(135px,.8fr)) auto}
.charge-filter-toolbar input,.charge-filter-toolbar select,.payment-filter-toolbar input,.payment-filter-toolbar select{width:100%;min-width:0;min-height:42px;padding:0 11px;border:1px solid #dce7ef;border-radius:11px;background:#fff;color:#274a63;font:inherit;font-size:11px;outline:none}
.charge-filter-toolbar input:focus,.charge-filter-toolbar select:focus,.payment-filter-toolbar input:focus,.payment-filter-toolbar select:focus{border-color:#78b7e8;box-shadow:0 0 0 3px rgba(27,123,198,.08)}
.charge-filter-result{margin:-2px 0 11px;color:#8293a2;font-size:10px}.charge-filter-result b{color:#28516f}
.charge-payment-title{gap:12px;align-items:center}.charge-payment-title>.btn{flex:0 0 auto}
.charge-card-actions{flex-wrap:wrap}.charge-card-actions .btn{flex:1 1 125px}
@media(max-width:1180px){.payment-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-filter-toolbar>input{grid-column:span 2}.payment-filter-toolbar>.btn{width:100%}}
@media(max-width:820px){.charge-filter-toolbar,.payment-filter-toolbar{grid-template-columns:1fr 1fr}.charge-filter-toolbar>input,.payment-filter-toolbar>input{grid-column:1/-1}.charge-payment-title{align-items:flex-start;flex-direction:column}.charge-payment-title>.btn{width:100%}}
@media(max-width:560px){.charge-filter-toolbar,.payment-filter-toolbar{grid-template-columns:1fr}.charge-filter-toolbar>input,.payment-filter-toolbar>input{grid-column:auto}.charge-filter-toolbar .btn,.payment-filter-toolbar .btn{width:100%;min-height:46px}.charge-card-actions .btn{flex-basis:100%}}


/* ===== Newsfeed v1 · v7.2.29 ===== */
.newsfeed-home-list,.newsfeed-list,.newsfeed-admin-list{display:grid;gap:16px}.home-newsfeed-section{margin-top:24px}.newsfeed-member-toolbar,.newsfeed-filter-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.newsfeed-filter{border:1px solid var(--line,#dfe7ef);background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;color:#45556a;cursor:pointer}.newsfeed-filter.active{background:#075fc2;color:#fff;border-color:#075fc2}.newsfeed-card{background:#fff;border:1px solid var(--line,#e1e8f0);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(26,52,80,.06)}.newsfeed-card.pinned{border-color:rgba(7,95,194,.28);box-shadow:0 12px 34px rgba(7,95,194,.1)}.newsfeed-image-wrap{display:block;width:100%;border:0;padding:0;background:#eef4f9;cursor:zoom-in;overflow:hidden}.newsfeed-image-wrap img{display:block;width:100%;max-height:520px;object-fit:cover}.newsfeed-card-body{padding:18px}.newsfeed-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.newsfeed-author{display:flex;align-items:center;gap:10px}.newsfeed-avatar{width:42px;height:42px;border-radius:13px;background:#edf5ff;display:grid;place-items:center;overflow:hidden}.newsfeed-avatar img{width:34px;height:34px;object-fit:contain}.newsfeed-author div{display:grid;gap:2px}.newsfeed-author small{color:#7c8b9d}.newsfeed-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.newsfeed-card h3{font-size:20px;line-height:1.35;margin:16px 0 8px}.newsfeed-content{color:#405267;line-height:1.65;overflow-wrap:anywhere}.newsfeed-related{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;border:1px solid #d9e6f4;background:#f6faff;border-radius:14px;padding:12px 14px;color:#075fc2;font:inherit;cursor:pointer;text-align:left}.newsfeed-related span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newsfeed-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf1f5;margin-top:16px;padding-top:12px;color:#7b8999;font-size:13px}.newsfeed-like{border:0;background:transparent;display:flex;align-items:center;gap:6px;font:inherit;color:#66788c;cursor:pointer;padding:6px 8px;border-radius:10px}.newsfeed-like span{font-size:18px;color:#9ca9b7}.newsfeed-like b{font-size:14px}.newsfeed-like em{font-style:normal}.newsfeed-like.liked{background:#fff0f3;color:#c93254}.newsfeed-like.liked span{color:#e23d62}.newsfeed-card.compact{display:grid;grid-template-columns:minmax(180px,260px) 1fr}.newsfeed-card.compact .newsfeed-image-wrap{height:100%}.newsfeed-card.compact .newsfeed-image-wrap img{height:100%;min-height:210px}.newsfeed-card.compact .newsfeed-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.newsfeed-image-lightbox{display:flex;justify-content:center;align-items:center;min-height:220px}.newsfeed-image-lightbox img{max-width:100%;max-height:72vh;border-radius:14px;object-fit:contain}.newsfeed-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.newsfeed-admin-summary>div{background:#fff;border:1px solid #e3eaf2;border-radius:16px;padding:15px;display:grid;gap:5px}.newsfeed-admin-summary span{font-size:12px;color:#6b7b8d;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.newsfeed-admin-summary b{font-size:25px}.newsfeed-filter-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto}.newsfeed-filter-toolbar input,.newsfeed-filter-toolbar select{min-height:42px;border:1px solid #dce5ee;border-radius:12px;padding:0 12px;background:#fff;font:inherit}.admin-news-card{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid #e1e8f0;border-radius:18px;overflow:hidden}.admin-news-card:not(:has(.admin-news-image)){grid-template-columns:1fr}.admin-news-card.pinned{border-left:4px solid #075fc2}.admin-news-card.draft{opacity:.82}.admin-news-image{background:#eef4f9;min-height:180px}.admin-news-image img{display:block;width:100%;height:100%;object-fit:cover}.admin-news-body{padding:18px}.admin-news-head{display:flex;justify-content:space-between;gap:18px}.admin-news-head h3{margin:9px 0 4px;font-size:19px}.admin-news-body>p{margin:14px 0;color:#47596d;line-height:1.6}.admin-news-meta{display:flex;gap:8px;flex-wrap:wrap}.admin-news-meta span{background:#f3f7fb;border-radius:999px;padding:7px 10px;color:#53677e;font-size:12px;font-weight:700}.newsfeed-editor textarea{min-height:160px}
@media(max-width:900px){.newsfeed-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.newsfeed-filter-toolbar{grid-template-columns:1fr 1fr}.admin-news-card{grid-template-columns:1fr}.admin-news-image{max-height:280px}.newsfeed-card.compact{grid-template-columns:1fr}.newsfeed-card.compact .newsfeed-image-wrap img{min-height:0;max-height:280px}}
@media(max-width:640px){.newsfeed-member-toolbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.newsfeed-filter{white-space:nowrap}.newsfeed-card{border-radius:16px}.newsfeed-card-body{padding:14px}.newsfeed-card-top{align-items:center}.newsfeed-tags{max-width:46%}.newsfeed-card h3{font-size:18px}.newsfeed-card-footer{align-items:flex-start;flex-direction:column}.newsfeed-filter-toolbar{grid-template-columns:1fr}.newsfeed-admin-summary{grid-template-columns:1fr 1fr}.admin-news-head{flex-direction:column}.admin-news-head .admin-card-actions{justify-content:flex-start}.home-newsfeed-section{margin-top:18px}}
/* ===== END Newsfeed v1 ===== */

.newsfeed-card.compact:not(:has(.newsfeed-image-wrap)){grid-template-columns:1fr}

/* ===== Newsfeed UI Upgrade · v7.2.29 ===== */
#newsfeedPanel{--feed-accent:#086bd8;--feed-soft:#edf6ff}
.newsfeed-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px 30px;border:1px solid #cfe2f4;border-radius:24px;background:linear-gradient(135deg,#f6fbff 0%,#eef7ff 54%,#f5fbf9 100%);box-shadow:0 16px 42px rgba(27,70,112,.08)}
.newsfeed-page-hero:before,.newsfeed-page-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.newsfeed-page-hero:before{width:250px;height:250px;right:-85px;top:-115px;background:rgba(8,107,216,.07)}.newsfeed-page-hero:after{width:170px;height:170px;right:110px;bottom:-125px;background:rgba(20,169,120,.06)}
.newsfeed-hero-copy{position:relative;z-index:1;min-width:0}.newsfeed-hero-copy h1{margin:0;color:var(--bvu-navy);font-size:clamp(27px,3.4vw,40px);line-height:1.12;letter-spacing:-.035em}.newsfeed-hero-copy>p{max-width:690px;margin:9px 0 0;color:#627991;line-height:1.65;font-size:14px}.newsfeed-hero-badge{position:relative;z-index:1;flex:0 0 112px;width:112px;height:112px;display:grid;place-items:center;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 46px rgba(7,86,173,.12);backdrop-filter:blur(10px)}.newsfeed-hero-badge img{width:82px;height:82px;object-fit:contain}
.newsfeed-member-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.newsfeed-member-summary>span{min-width:88px;display:flex;align-items:baseline;gap:6px;padding:9px 12px;border:1px solid rgba(8,107,216,.1);border-radius:12px;background:rgba(255,255,255,.7)}.newsfeed-member-summary b{font-size:16px;color:#0b5eb0}.newsfeed-member-summary small{font-size:11px;color:#718398;font-weight:700}
.newsfeed-sticky-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:9px;border:1px solid #e0e9f2;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(25,57,91,.04)}.newsfeed-sticky-tools .newsfeed-member-toolbar{margin:0;min-width:0}.newsfeed-refresh-btn{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:0;border-radius:11px;background:#edf5fc;color:#0b63b5;font:inherit;font-weight:800}.newsfeed-refresh-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.newsfeed-filter{transition:.16s ease}.newsfeed-filter:hover{transform:translateY(-1px);border-color:#a9c9e7}.newsfeed-filter.active{box-shadow:0 7px 17px rgba(7,95,194,.18)}
.newsfeed-featured{margin-bottom:16px}.newsfeed-featured:empty{display:none}.newsfeed-card.newsfeed-featured-card{border-color:#c9ddf1;box-shadow:0 18px 48px rgba(23,67,108,.1)}.newsfeed-featured-card .newsfeed-image-wrap img{max-height:560px}.newsfeed-featured-card .newsfeed-card-body{padding:21px 22px}.newsfeed-featured-card h3{font-size:24px;letter-spacing:-.015em}.newsfeed-featured-card.pinned{position:relative}.newsfeed-featured-card.pinned:before{content:"NỘI DUNG NỔI BẬT";position:absolute;z-index:2;left:14px;top:14px;padding:6px 9px;border-radius:9px;background:rgba(10,49,86,.88);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(6px)}
.newsfeed-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.newsfeed-list .newsfeed-card{height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.newsfeed-list .newsfeed-card:hover{transform:translateY(-2px);border-color:#ccddec;box-shadow:0 15px 38px rgba(25,57,91,.09)}.newsfeed-list .newsfeed-image-wrap img{height:250px;max-height:none}.newsfeed-list .newsfeed-card-body{display:flex;flex-direction:column;min-height:285px}.newsfeed-list .newsfeed-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.newsfeed-list .newsfeed-card-footer{margin-top:auto}.newsfeed-author b{color:#244763}.newsfeed-author small{font-size:11px}.newsfeed-card h3{color:#163a5f;letter-spacing:-.01em}.newsfeed-card-footer>span:last-child{max-width:55%;text-align:right}.newsfeed-like{transition:.15s ease}.newsfeed-like:hover{background:#f5f8fb}.newsfeed-like.liked:hover{background:#ffe7ed}.newsfeed-empty{grid-column:1/-1;display:grid;gap:6px;padding:44px 20px}.newsfeed-empty b{font-size:16px;color:#38546f}.newsfeed-empty span{font-size:13px}
/* Trang chủ: card tin gọn hơn, dễ đọc trên mobile */
.home-newsfeed-section .newsfeed-home-list{gap:12px}.home-newsfeed-section .newsfeed-card.compact{border-radius:16px;box-shadow:0 7px 22px rgba(25,57,91,.05)}.home-newsfeed-section .newsfeed-card.compact .newsfeed-card-body{padding:15px}.home-newsfeed-section .newsfeed-card.compact h3{margin-top:11px;font-size:17px}.home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap img{min-height:180px;max-height:220px}
/* Admin Newsfeed: phân cấp thị giác rõ, không đổi luồng nghiệp vụ */
#newsfeedAdmin .admin-page-head{padding:22px 24px;border:1px solid #dce8f3;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f6faff 100%);box-shadow:0 10px 28px rgba(24,59,92,.05)}
#newsfeedAdmin .newsfeed-admin-summary>div{position:relative;overflow:hidden;padding:17px 18px;border-radius:17px;box-shadow:0 8px 24px rgba(27,58,91,.04)}#newsfeedAdmin .newsfeed-admin-summary>div:after{content:"";position:absolute;right:-18px;bottom:-30px;width:76px;height:76px;border-radius:50%;background:rgba(8,107,216,.05)}#newsfeedAdmin .newsfeed-admin-summary b{font-size:28px;color:#173d62}
#newsfeedAdmin .newsfeed-filter-toolbar{padding:11px;border:1px solid #e1e9f1;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(24,59,92,.035)}
#newsfeedAdmin .admin-news-card{border-radius:20px;box-shadow:0 9px 27px rgba(25,57,91,.045);transition:.17s ease}#newsfeedAdmin .admin-news-card:hover{border-color:#ccdeee;box-shadow:0 14px 34px rgba(25,57,91,.075)}#newsfeedAdmin .admin-news-card.pinned{border-left-width:5px}#newsfeedAdmin .admin-news-image{min-height:200px}#newsfeedAdmin .admin-news-body{padding:20px}#newsfeedAdmin .admin-news-meta span{border:1px solid #e3ebf3;background:#f8fafc}
@media(max-width:980px){.newsfeed-list{grid-template-columns:1fr}.newsfeed-list .newsfeed-card-body{min-height:0}.newsfeed-list .newsfeed-image-wrap img{height:auto;max-height:420px}.newsfeed-card-footer{margin-top:16px}}
@media(max-width:700px){.newsfeed-page-hero{padding:20px 18px;border-radius:19px}.newsfeed-hero-badge{display:none}.newsfeed-hero-copy h1{font-size:27px}.newsfeed-member-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.newsfeed-member-summary>span{min-width:0;justify-content:center;padding:8px 9px}.newsfeed-sticky-tools{position:sticky;z-index:12;top:8px;align-items:stretch;padding:7px;border-radius:14px}.newsfeed-sticky-tools .newsfeed-member-toolbar{overflow-x:auto;flex-wrap:nowrap;padding:0 1px 2px;scrollbar-width:none}.newsfeed-sticky-tools .newsfeed-member-toolbar::-webkit-scrollbar{display:none}.newsfeed-refresh-btn span{display:none}.newsfeed-refresh-btn{width:38px;padding:8px}.newsfeed-filter{padding:8px 12px;font-size:12px}.newsfeed-featured-card .newsfeed-card-body{padding:15px}.newsfeed-featured-card h3{font-size:19px}.newsfeed-featured-card.pinned:before{left:10px;top:10px}.newsfeed-list .newsfeed-image-wrap img{max-height:310px}.newsfeed-list .newsfeed-card-body{padding:14px}.newsfeed-list .newsfeed-content{-webkit-line-clamp:6}.newsfeed-card-footer>span:last-child{max-width:100%;text-align:left}.newsfeed-card-footer{gap:8px}.newsfeed-card{border-radius:17px}.newsfeed-author .newsfeed-avatar{width:38px;height:38px;border-radius:11px}.newsfeed-author .newsfeed-avatar img{width:30px;height:30px}#newsfeedAdmin .admin-page-head{padding:17px 15px;border-radius:17px}#newsfeedAdmin .newsfeed-admin-summary{gap:8px}#newsfeedAdmin .newsfeed-admin-summary>div{padding:13px}#newsfeedAdmin .newsfeed-admin-summary b{font-size:23px}#newsfeedAdmin .newsfeed-filter-toolbar{padding:8px}}
/* ===== END Newsfeed UI Upgrade ===== */

/* === v7.2.30: Member Home Dashboard Redesign === */
.member-home-dashboard{--home-blue:#086bd8;--home-navy:#143d63;--home-muted:#6f8296;--home-line:#e2eaf2;--home-soft:#f6f9fc}
.member-home-dashboard .home-overline{display:block;color:#6d8498;font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1.2}
.home-dashboard-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:16px;align-items:stretch}
.home-welcome-card,.home-priority-card,.home-focus-card,.home-section-card{border:1px solid var(--home-line);border-radius:22px;background:#fff;box-shadow:0 10px 32px rgba(29,62,95,.055)}
.home-welcome-card{position:relative;overflow:hidden;min-height:190px;padding:24px 25px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#f4f9ff 0%,#fff 54%,#eef9f5 100%)}
.home-welcome-card:before{content:"";position:absolute;width:250px;height:250px;right:-88px;top:-128px;border-radius:50%;background:rgba(8,107,216,.075)}
.home-welcome-card:after{content:"";position:absolute;width:140px;height:140px;right:96px;bottom:-112px;border-radius:50%;background:rgba(15,157,111,.06)}
.home-welcome-main{position:relative;z-index:1;display:flex;align-items:center;gap:17px;min-width:0}
.home-member-avatar-wrap{width:66px;height:66px;flex:0 0 66px;padding:3px;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(14,78,135,.11);border:1px solid #dce8f3}
.home-member-avatar-wrap img{width:100%;height:100%;display:block;object-fit:cover;border-radius:16px;background:#edf4fa}
.home-welcome-copy{min-width:0}.home-welcome-copy h1{margin:5px 0 5px;color:#0b579f;font-size:clamp(27px,3.1vw,38px);line-height:1.08;letter-spacing:-.035em}.home-welcome-copy>p{margin:0;color:#657b90;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}
.home-welcome-meta{display:flex;align-items:center;gap:8px;margin-top:10px;color:#7a8d9f;font-size:11px;font-weight:700}.home-dot{width:3px;height:3px;border-radius:50%;background:#a7b6c4}.home-online{display:inline-flex;align-items:center;gap:5px}.home-online i{width:7px;height:7px;border-radius:50%;background:#16a36f;box-shadow:0 0 0 3px rgba(22,163,111,.1)}
.home-welcome-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:18px}.home-install-btn,.home-profile-link{min-height:42px;display:inline-flex;align-items:center;gap:9px;border:1px solid #d8e5f0;border-radius:13px;background:rgba(255,255,255,.84);color:#21567f;padding:9px 12px;font:inherit;font-weight:800}.home-install-btn svg,.home-profile-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-install-btn span{display:grid;text-align:left}.home-install-btn b{font-size:12px}.home-install-btn small{font-size:9px;color:#8092a3;font-weight:650;margin-top:1px}.home-profile-link span{font-size:12px}
.home-priority-card{padding:20px;display:flex;flex-direction:column;min-height:190px}.home-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.home-card-head.compact{margin-bottom:11px}.home-card-head h2{margin:4px 0 0;color:#183f62;font-size:19px;letter-spacing:-.018em}.home-count-badge{min-width:29px;height:29px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:#fff0dc;color:#c87509;font-size:12px;font-weight:900}.home-count-badge.clear{background:#eaf8f2;color:#12815c}
.home-skeleton-line{height:39px;border-radius:11px;background:linear-gradient(90deg,#f3f6f8 25%,#edf2f6 40%,#f3f6f8 65%);background-size:400% 100%;animation:homePulse 1.25s ease-in-out infinite}.home-skeleton-line.short{width:78%}@keyframes homePulse{0%{background-position:100% 0}100%{background-position:0 0}}
.home-priority-list{display:grid;gap:7px;margin-top:auto}.home-priority-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:12px;background:#f7f9fb;color:#294b68;text-align:left}.home-priority-item:hover{background:#f0f5f9}.home-priority-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf4fa;color:#3475ab}.home-priority-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-priority-item>span:nth-child(2){min-width:0}.home-priority-item b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-priority-item small{display:block;margin-top:2px;color:#7a8da0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-priority-item.red .home-priority-icon{background:#fff0f0;color:#cf4040}.home-priority-item.green .home-priority-icon{background:#eaf8f2;color:#12815c}.home-priority-item.blue .home-priority-icon{background:#eaf4fe;color:#0a70cf}.home-priority-item.violet .home-priority-icon{background:#f0ecff;color:#7254ca}.home-priority-arrow{width:17px;height:17px;fill:none;stroke:#9aabba;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-priority-clear{min-height:94px;display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;background:#f1fbf7;border:1px solid #daf2e7}.home-clear-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#10946a}.home-clear-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.home-priority-clear b{display:block;color:#23634f;font-size:13px}.home-priority-clear small{display:block;margin-top:3px;color:#6e9587;font-size:10px;line-height:1.4}
.home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.home-kpi-card{min-width:0;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e1e9f1;border-radius:16px;background:#fff}.home-kpi-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;background:#edf5fc;color:#0b6cc5}.home-kpi-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-kpi-card.green .home-kpi-icon{background:#eaf8f2;color:#12936a}.home-kpi-card.violet .home-kpi-icon{background:#f0ecff;color:#7053cb}.home-kpi-card.orange .home-kpi-icon{background:#fff1df;color:#d67b08}.home-kpi-card b{display:block;color:#173d5f;font-size:22px;line-height:1}.home-kpi-card span:last-child{display:block;margin-top:4px;color:#7c8ea0;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-shortcuts-section{margin:2px 0 20px}.home-shortcuts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.home-shortcuts-grid button{min-width:0;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:13px;border:1px solid #e1e9f0;border-radius:16px;background:#fff;color:#284b68;text-align:left;transition:.16s ease}.home-shortcuts-grid button:hover{transform:translateY(-2px);border-color:#cbddeb;box-shadow:0 10px 24px rgba(27,60,94,.065)}.home-shortcut-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.home-shortcut-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-shortcut-icon.blue{background:#e9f4fe;color:#0b70ce}.home-shortcut-icon.green{background:#e9f8f2;color:#119267}.home-shortcut-icon.violet{background:#f0ecff;color:#7051c8}.home-shortcut-icon.orange,.home-shortcut-icon.amber{background:#fff1df;color:#d97f09}.home-shortcut-icon.cyan{background:#e7f8fa;color:#168c9b}.home-shortcuts-grid b{display:block;font-size:12px;color:#294b67}.home-shortcuts-grid small{display:block;margin-top:3px;color:#8192a2;font-size:9px;line-height:1.35}
.home-focus-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-bottom:20px}.home-focus-card{padding:19px}.home-focus-body{min-height:154px}.home-text-link{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#0b69bf;font:inherit;font-size:11px;font-weight:850;padding:4px 0}.home-text-link svg,.home-focus-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-event-focus{height:100%;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#f6faff,#f9fcff);border:1px solid #e2ecf5}.home-event-date{width:68px;height:76px;display:grid;place-items:center;align-content:center;border-radius:15px;background:#0a68c4;color:#fff;box-shadow:0 9px 20px rgba(10,104,196,.18)}.home-event-date strong{font-size:26px;line-height:1}.home-event-date span{margin-top:5px;font-size:9px;font-weight:850;letter-spacing:.08em;opacity:.82}.home-event-copy{min-width:0}.home-event-status{margin-bottom:5px}.home-event-copy h3{margin:0 0 8px;color:#183e61;font-size:15px;line-height:1.35}.home-event-copy p{display:flex;align-items:center;gap:6px;margin:4px 0;color:#708396;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-event-copy p span{display:grid;place-items:center}.home-event-copy p svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.home-focus-action{display:inline-flex;align-items:center;gap:5px;justify-content:center;border:0;border-radius:11px;background:#eaf4fd;color:#0b67ba;padding:9px 11px;font:inherit;font-size:10px;font-weight:850;white-space:nowrap}.home-charge-focus{height:100%;display:flex;flex-direction:column;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#f7fbf9,#fff);border:1px solid #e0eee8}.home-charge-top{display:flex;align-items:center;justify-content:space-between}.home-charge-wallet{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f8f1;color:#108a63}.home-charge-wallet svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.home-charge-focus h3{margin:10px 0 4px;color:#294d65;font-size:12px}.home-charge-focus>strong{color:#0c6b4c;font-size:23px;letter-spacing:-.025em}.home-charge-meta{display:flex;justify-content:space-between;gap:10px;margin:7px 0 10px;color:#7a8d9c;font-size:9px}.home-charge-meta b{color:#50697d}.home-charge-focus .home-focus-action{align-self:flex-start;margin-top:auto;background:#eaf8f2;color:#107d5b}.home-charge-focus.done{background:#f7fafc;border-color:#e3eaf0}.home-charge-focus.done>strong{color:#315a78}
.home-empty-focus{min-height:150px;display:flex;align-items:center;justify-content:center;gap:11px;padding:18px;border:1px dashed #d7e2eb;border-radius:16px;background:#fafcfd}.home-empty-focus>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf5fb;color:#3b79a9}.home-empty-focus svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.home-empty-focus b{display:block;color:#49647b;font-size:12px}.home-empty-focus small{display:block;margin-top:3px;color:#8a99a7;font-size:9px;line-height:1.4}
.home-section-card{padding:19px;margin-bottom:18px}.home-newsfeed-section{margin-top:0}.home-newsfeed-section .newsfeed-home-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.home-newsfeed-section .newsfeed-card.compact{display:flex;flex-direction:column;min-width:0;border-radius:15px;box-shadow:none;border:1px solid #e2e9f0}.home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap{width:100%}.home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap img{width:100%;height:145px;min-height:0;max-height:none;object-fit:cover}.home-newsfeed-section .newsfeed-card.compact .newsfeed-card-body{padding:13px}.home-newsfeed-section .newsfeed-card.compact h3{font-size:14px;margin:9px 0 6px}.home-newsfeed-section .newsfeed-card.compact .newsfeed-content{font-size:10px;-webkit-line-clamp:3}.home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer{margin-top:10px}.home-updates-section{margin-bottom:0}.home-notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-notification-list .notification-card{margin:0;min-height:78px;border:1px solid #e4eaf0;border-radius:14px;background:#fafcfd}.home-notification-list .notification-card.unread{background:#f5faff;border-color:#dbeaf7}

@media(max-width:1120px){.home-dashboard-top{grid-template-columns:1fr}.home-priority-card{min-height:0}.home-priority-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-priority-clear{min-height:0}.home-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-focus-grid{grid-template-columns:1fr 1fr}.home-newsfeed-section .newsfeed-home-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-newsfeed-section .newsfeed-home-list>.newsfeed-card:nth-child(3){display:none}}
@media(max-width:760px){.member-home-dashboard{margin-top:-2px}.home-dashboard-top{gap:11px}.home-welcome-card,.home-priority-card,.home-focus-card,.home-section-card{border-radius:18px}.home-welcome-card{min-height:0;padding:17px 16px}.home-member-avatar-wrap{width:54px;height:54px;flex-basis:54px;border-radius:17px}.home-member-avatar-wrap img{border-radius:13px}.home-welcome-main{align-items:flex-start;gap:12px}.home-welcome-copy h1{font-size:24px;margin-top:4px}.home-welcome-copy>p{font-size:10px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-welcome-meta{margin-top:8px;gap:6px;font-size:9px}.home-welcome-actions{margin-top:13px}.home-install-btn,.home-profile-link{min-height:39px;padding:8px 10px}.home-install-btn b,.home-profile-link span{font-size:10px}.home-install-btn small{font-size:8px}.home-priority-card{padding:15px}.home-card-head{margin-bottom:10px}.home-card-head h2{font-size:16px}.home-priority-list{grid-template-columns:1fr;gap:6px}.home-priority-item{grid-template-columns:34px minmax(0,1fr) 16px;padding:7px 8px}.home-priority-icon{width:33px;height:33px}.home-priority-item b{font-size:10px}.home-priority-item small{font-size:8.5px}.home-priority-clear{min-height:0;padding:11px}.home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px}.home-kpi-card{padding:10px 11px;border-radius:14px;gap:9px}.home-kpi-icon{width:35px;height:35px;flex-basis:35px}.home-kpi-card b{font-size:19px}.home-kpi-card span:last-child{font-size:8.5px}.home-shortcuts-section{margin-bottom:16px}.home-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-shortcuts-grid button{min-height:94px;padding:10px;border-radius:14px;gap:7px}.home-shortcut-icon{width:37px;height:37px}.home-shortcut-icon svg{width:19px;height:19px}.home-shortcuts-grid b{font-size:10px}.home-shortcuts-grid small{font-size:8px}.home-focus-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.home-focus-card{padding:15px}.home-focus-body{min-height:0}.home-event-focus{grid-template-columns:58px minmax(0,1fr);padding:11px;gap:11px}.home-event-date{width:58px;height:66px}.home-event-date strong{font-size:23px}.home-event-copy h3{font-size:13px;margin-bottom:6px}.home-event-copy p{font-size:9px}.home-event-focus>.home-focus-action{grid-column:1/-1;width:100%;margin-top:0}.home-charge-focus{min-height:150px}.home-section-card{padding:15px;margin-bottom:14px}.home-newsfeed-section .newsfeed-home-list{display:flex;overflow-x:auto;gap:10px;margin:0 -15px;padding:0 15px 3px;scroll-snap-type:x mandatory;scrollbar-width:none}.home-newsfeed-section .newsfeed-home-list::-webkit-scrollbar{display:none}.home-newsfeed-section .newsfeed-home-list>.newsfeed-card{display:flex!important;flex:0 0 min(82vw,315px);scroll-snap-align:start}.home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap img{height:130px}.home-notification-list{grid-template-columns:1fr}.home-notification-list .notification-card:nth-child(n+4){display:none}}
@media(max-width:390px){.home-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-welcome-actions{display:grid;grid-template-columns:1fr auto}.home-install-btn{min-width:0}.home-install-btn span{min-width:0}.home-install-btn small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-online{display:none}}


/* ===== MEMBER PROFILE REDESIGN v7.2.31 ===== */
.member-profile-panel{max-width:1180px;margin:0 auto}.profile-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.profile-page-head h1{margin:4px 0 5px;color:#163d61;font-size:30px;letter-spacing:-.035em}.profile-page-head p{margin:0;color:#71869a;font-size:12px;line-height:1.55}.profile-head-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce7f0;border-radius:999px;background:#fff;color:#637b91;font-size:10px;font-weight:800}.profile-head-chip>span{width:7px;height:7px;border-radius:50%;background:#14a673;box-shadow:0 0 0 4px rgba(20,166,115,.1)}.member-profile-shell{display:grid;gap:14px}.profile-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:center;padding:24px;border:1px solid #dce7f0;border-radius:22px;background:linear-gradient(128deg,#f7fbff 0%,#fff 58%,#eff9f6 100%);box-shadow:0 12px 34px rgba(20,65,104,.055)}.profile-hero-card:after{content:"";position:absolute;right:-80px;top:-130px;width:270px;height:270px;border-radius:50%;background:rgba(7,95,194,.05);pointer-events:none}.profile-hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:20px;min-width:0}.profile-avatar-zone{position:relative;flex:0 0 auto}.profile-avatar-frame{width:112px;height:112px;padding:4px;border:1px solid #d7e5f0;border-radius:28px;background:#fff;box-shadow:0 13px 30px rgba(20,76,125,.11)}.profile-avatar-frame .profile-avatar-large,.profile-avatar-frame .profile-initial{width:100%;height:100%;border-radius:23px}.profile-avatar-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-avatar-edit{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 9px;border:1px solid #d8e5ef;border-radius:999px;background:#fff;color:#1767aa;font-size:9px;font-weight:850;box-shadow:0 6px 16px rgba(27,75,116,.12);cursor:pointer}.profile-avatar-edit svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.profile-hero-copy{min-width:0}.profile-hero-badges{display:flex;gap:6px;flex-wrap:wrap}.profile-hero-copy h2{margin:9px 0 5px;color:#143b5e;font-size:28px;line-height:1.15;letter-spacing:-.03em}.profile-member-code{color:#7a8ea2;font-size:11px}.profile-member-code b{color:#245376;letter-spacing:.035em}.profile-hero-copy>p{max-width:650px;margin:10px 0 0;color:#637b90;font-size:11px;line-height:1.55}.profile-completion-card{position:relative;z-index:1;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid rgba(205,224,238,.9);border-radius:18px;background:rgba(255,255,255,.82)}.profile-progress-ring{--profile-progress:0%;width:78px;height:78px;padding:7px;border-radius:50%;background:conic-gradient(#0a72cf var(--profile-progress),#e9f0f6 0)}.profile-progress-ring>div{width:100%;height:100%;display:grid;place-content:center;text-align:center;border-radius:50%;background:#fff}.profile-progress-ring b{color:#16496f;font-size:18px;line-height:1}.profile-progress-ring span{margin-top:4px;color:#8998a7;font-size:7px;font-weight:800;text-transform:uppercase}.profile-completion-card strong{display:block;color:#234d6f;font-size:12px}.profile-completion-card small{display:block;margin-top:4px;color:#7a8ea1;font-size:9px;line-height:1.45}.profile-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-activity-card{min-height:82px;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e0e8ef;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(20,58,91,.035)}.profile-activity-card>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px}.profile-activity-card>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.profile-activity-card.blue>span{background:#e8f3fd;color:#0870d0}.profile-activity-card.green>span{background:#e6f6ef;color:#0b956c}.profile-activity-card.violet>span{background:#efeafd;color:#7250cf}.profile-activity-card.orange>span{background:#fff0dd;color:#d78210}.profile-activity-card b{display:block;color:#173f61;font-size:22px;line-height:1}.profile-activity-card small{display:block;margin-top:5px;color:#7c8fa1;font-size:9px;font-weight:750}.profile-content-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:14px;align-items:start}.profile-info-card,.profile-edit-card,.profile-warning-section,.profile-account-panel{border:1px solid #dfe8f0;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(21,60,94,.035)}.profile-info-card,.profile-edit-card{padding:18px}.profile-card-heading{display:flex;align-items:flex-start;gap:11px;padding-bottom:14px;border-bottom:1px solid #edf2f6}.profile-heading-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#edf6fd;color:#0a6ac2}.profile-heading-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.profile-card-heading h3{margin:1px 0 3px;color:#234764;font-size:15px}.profile-card-heading p{margin:0;color:#8292a1;font-size:9px;line-height:1.45}.profile-readonly-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.profile-readonly-list>div{padding:11px;border:1px solid #e6edf3;border-radius:12px;background:#f8fafc}.profile-readonly-list .wide{grid-column:1/-1}.profile-readonly-list span{display:block;color:#8797a6;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.profile-readonly-list b{display:block;margin-top:4px;color:#2c506e;font-size:11px;line-height:1.4}.profile-info-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px;border-radius:11px;background:#f1f7fc;color:#657f95;font-size:8.5px;line-height:1.5}.profile-info-note svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#2076b9;stroke-width:1.8}.profile-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.profile-field.full{grid-column:1/-1}.profile-field-label{display:flex;align-items:center;gap:6px}.profile-field-label svg{width:14px;height:14px;fill:none;stroke:#60819b;stroke-width:1.8}.profile-edit-form textarea{min-height:92px;resize:vertical}.profile-edit-form .field>small{margin-top:4px;color:#99a6b2;font-size:8px}.profile-save-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-top:12px;border-top:1px solid #edf2f6}.profile-save-row>span{color:#8494a3;font-size:8.5px;line-height:1.4}.profile-save-row .btn{min-width:130px}.profile-warning-section{margin-top:16px;padding:18px}.profile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.profile-section-heading h2{margin:3px 0 3px;color:#234866;font-size:18px}.profile-section-heading p{margin:0;color:#8292a2;font-size:9px}.profile-warning-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#fff0e2;color:#b8640d;font-size:9px;font-weight:850}.profile-warning-badge.clear{background:#e8f7ef;color:#10815d}.profile-warning-section .member-warning-summary{margin-bottom:12px}.profile-account-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:15px 17px}.profile-account-copy{display:flex;align-items:center;gap:11px}.profile-account-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#eef5fb;color:#176bad}.profile-account-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.profile-account-copy b{display:block;color:#284b67;font-size:12px}.profile-account-copy p{margin:3px 0 0;color:#8393a2;font-size:9px}.profile-account-actions{display:flex;align-items:center;gap:8px}.profile-password-form{margin-top:12px}
@media(max-width:900px){.profile-hero-card{grid-template-columns:1fr}.profile-completion-card{max-width:420px}.profile-content-grid{grid-template-columns:1fr}.profile-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.member-profile-panel{margin-top:-2px}.profile-page-head{align-items:flex-start;margin-bottom:11px}.profile-page-head h1{font-size:24px}.profile-page-head p{font-size:10px}.profile-head-chip{display:none}.member-profile-shell{gap:10px}.profile-hero-card{gap:18px;padding:16px;border-radius:18px}.profile-hero-main{align-items:flex-start;gap:13px}.profile-avatar-frame{width:76px;height:76px;border-radius:20px}.profile-avatar-frame .profile-avatar-large,.profile-avatar-frame .profile-initial{border-radius:16px}.profile-avatar-edit{bottom:-9px;padding:6px 8px}.profile-avatar-edit span{display:none}.profile-hero-copy h2{font-size:20px;margin-top:7px}.profile-hero-copy>p{font-size:9px;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-completion-card{grid-template-columns:62px minmax(0,1fr);padding:11px;gap:10px;border-radius:14px}.profile-progress-ring{width:58px;height:58px;padding:5px}.profile-progress-ring b{font-size:14px}.profile-progress-ring span{font-size:6px}.profile-completion-card strong{font-size:10px}.profile-completion-card small{font-size:8px}.profile-activity-grid{gap:7px}.profile-activity-card{min-height:66px;padding:9px 10px;border-radius:13px;gap:8px}.profile-activity-card>span{width:33px;height:33px;flex-basis:33px}.profile-activity-card>span svg{width:17px;height:17px}.profile-activity-card b{font-size:18px}.profile-activity-card small{font-size:7.5px}.profile-info-card,.profile-edit-card,.profile-warning-section{padding:14px;border-radius:16px}.profile-card-heading{padding-bottom:11px}.profile-heading-icon{width:34px;height:34px;flex-basis:34px}.profile-readonly-list{gap:7px;margin-top:11px}.profile-readonly-list>div{padding:9px}.profile-readonly-list b{font-size:10px}.profile-edit-form{grid-template-columns:1fr;gap:9px;margin-top:11px}.profile-field.full{grid-column:auto}.profile-save-row{grid-column:auto;align-items:stretch;flex-direction:column}.profile-save-row .btn{width:100%;min-width:0}.profile-section-heading{align-items:flex-start}.profile-section-heading h2{font-size:16px}.profile-section-heading p{max-width:250px}.profile-warning-badge{font-size:8px;padding:6px 8px}.profile-account-panel{align-items:stretch;flex-direction:column;padding:14px;border-radius:16px}.profile-account-copy p{font-size:8px}.profile-account-actions{display:grid;grid-template-columns:1fr 1fr}.profile-account-actions .btn{width:100%;font-size:10px}.profile-warning-section .member-warning-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-warning-section .member-warning-summary>div{padding:10px}.profile-warning-section .member-warning-summary b{font-size:18px}}
@media(max-width:380px){.profile-hero-main{gap:10px}.profile-avatar-frame{width:68px;height:68px}.profile-hero-copy h2{font-size:18px}.profile-hero-badges .badge:nth-child(2){display:none}.profile-activity-card small{font-size:7px}.profile-account-actions{grid-template-columns:1fr}}

/* ===== v7.2.32 — Member Events Experience Redesign ===== */
.member-events-panel{max-width:1180px;margin:0 auto}.events-page-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px;padding:24px 26px;border:1px solid #d9e7f2;border-radius:24px;background:linear-gradient(125deg,#f7fbff 0%,#eef7ff 48%,#f3fbf7 100%);box-shadow:0 12px 34px rgba(22,67,104,.05)}.events-page-hero:before,.events-page-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.events-page-hero:before{width:240px;height:240px;right:-75px;top:-120px;background:rgba(6,102,194,.065)}.events-page-hero:after{width:150px;height:150px;right:150px;bottom:-110px;background:rgba(15,159,112,.05)}.events-hero-copy{position:relative;z-index:1;min-width:0}.events-hero-copy h1{margin:5px 0 7px;color:#153e61;font-size:31px;line-height:1.12;letter-spacing:-.035em}.events-hero-copy>p{max-width:670px;margin:0;color:#6b8093;font-size:12px;line-height:1.6}.events-hero-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.events-hero-summary>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dbe8f2;border-radius:999px;background:rgba(255,255,255,.8);color:#6a7f91;font-size:9px;font-weight:750}.events-hero-summary svg{width:14px;height:14px;fill:none;stroke:#0871c8;stroke-width:1.8}.events-hero-summary b{color:#1f4c6d}.events-refresh-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 13px;border:1px solid #cfdfeb;border-radius:13px;background:#fff;color:#23618f;font-size:10px;font-weight:850;box-shadow:0 5px 15px rgba(28,71,106,.05);cursor:pointer}.events-refresh-btn:hover{border-color:#a9cce4;background:#f8fcff}.events-refresh-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.events-spotlight.hidden{display:none}.events-featured-card{position:relative;min-height:290px;overflow:hidden;margin-bottom:14px;border-radius:23px;background:linear-gradient(135deg,#073b68,#0a72c7);box-shadow:0 17px 42px rgba(8,64,107,.15)}.events-featured-media{position:absolute;inset:0;background:linear-gradient(135deg,#0c548b,#0a7bc5)}.events-featured-media img{width:100%;height:100%;object-fit:cover;display:block}.events-featured-media.fallback{display:grid;place-items:center;background:linear-gradient(125deg,#0a4272,#087bc2 62%,#07936e)}.events-featured-media.fallback img{width:110px;height:110px;object-fit:contain;opacity:.5;filter:brightness(0) invert(1)}.events-featured-media.broken{background:linear-gradient(125deg,#0a4272,#087bc2 62%,#07936e)}.events-featured-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,34,58,.92) 0%,rgba(5,38,65,.72) 46%,rgba(5,33,56,.22) 100%)}.events-featured-content{position:relative;z-index:2;min-height:290px;max-width:770px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;color:#fff}.events-featured-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.events-featured-label{font-size:9px;font-weight:900;letter-spacing:.09em;color:#b8dfff}.events-featured-card .badge{border-color:rgba(255,255,255,.18)}.events-featured-content h2{max-width:720px;margin:0;color:#fff;font-size:28px;line-height:1.2;letter-spacing:-.025em;text-shadow:0 1px 12px rgba(0,0,0,.18)}.events-featured-meta{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:13px;color:rgba(255,255,255,.88);font-size:10px;font-weight:650}.events-featured-meta span{display:inline-flex;align-items:center;gap:6px}.events-featured-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.events-featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.events-featured-bottom>span{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:9px;font-weight:850}.events-featured-bottom>div{display:flex;gap:8px;flex-wrap:wrap}.events-featured-bottom .btn{min-height:40px}.events-featured-detail{border-color:rgba(255,255,255,.42)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;backdrop-filter:blur(8px)}
.events-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.events-stat-card{display:flex;align-items:center;gap:11px;min-height:78px;padding:13px 14px;border:1px solid #dfe8ef;border-radius:17px;background:#fff;box-shadow:0 7px 21px rgba(23,61,93,.035)}.events-stat-card>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px}.events-stat-card>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.events-stat-card.blue>span{background:#e9f4fd;color:#0871cb}.events-stat-card.violet>span{background:#efebfd;color:#7254cf}.events-stat-card.orange>span{background:#fff1df;color:#cf7a0b}.events-stat-card.green>span{background:#e6f7ef;color:#0a946a}.events-stat-card b{display:block;color:#173f61;font-size:22px;line-height:1}.events-stat-card small{display:block;margin-top:5px;color:#7e91a2;font-size:9px;font-weight:750}
.events-sticky-tools{position:sticky;top:72px;z-index:18;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;padding:10px;border:1px solid #dfe8ef;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(25,60,91,.06);backdrop-filter:blur(14px)}.events-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dce7ef;border-radius:12px;background:#f8fafc}.events-search:focus-within{border-color:#99c7e7;background:#fff;box-shadow:0 0 0 3px rgba(12,111,190,.06)}.events-search>svg{width:16px;height:16px;fill:none;stroke:#7a91a4;stroke-width:1.8}.events-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#244864;font:inherit;font-size:10.5px}.events-search input::placeholder{color:#9aa8b5}.events-search button{width:25px;height:25px;display:none;place-items:center;border:0;border-radius:8px;background:#edf2f6;color:#6f8495;font-size:16px;line-height:1;cursor:pointer}.events-search button.visible{display:grid}.events-filter-row{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.events-filter-row::-webkit-scrollbar{display:none}.events-filter{flex:0 0 auto;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#6f8395;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer;transition:.15s ease}.events-filter:hover{background:#f1f6fa;color:#2a5b7e}.events-filter.active{border-color:#cce2f2;background:#eaf5fd;color:#086dbf}.events-result-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:#8797a6;font-size:8.5px;font-weight:750}.events-result-meta span:first-child{color:#4f6e84}.events-list-shell{min-height:180px}
.member-events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.member-event-card{min-width:0;overflow:hidden;border:1px solid #dfe8ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(24,60,92,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.member-event-card:hover{transform:translateY(-2px);border-color:#c9deec;box-shadow:0 15px 34px rgba(24,60,92,.09)}.member-event-media{position:relative;width:100%;height:176px;display:block;overflow:hidden;padding:0;border:0;background:linear-gradient(130deg,#eaf4fb,#f2f8fc);cursor:pointer}.member-event-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.member-event-card:hover .member-event-media>img{transform:scale(1.025)}.member-event-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,35,58,.04) 25%,rgba(5,32,53,.45) 100%);pointer-events:none}.member-event-media.media-broken{background:linear-gradient(125deg,#eaf5fd,#f1faf7)}.member-event-media-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;background:linear-gradient(125deg,#eef7fd,#f1faf7);color:#7d99ad}.member-event-media-fallback img{width:62px;height:62px;object-fit:contain;opacity:.68}.member-event-media-fallback span{font-size:8px;font-weight:900;letter-spacing:.12em}.member-event-date{position:absolute;z-index:2;left:12px;bottom:12px;width:54px;height:58px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(4,39,64,.14)}.member-event-date strong{color:#0a67b7;font-size:22px;line-height:1}.member-event-date small{margin-top:4px;color:#6e8496;font-size:8px;font-weight:900;letter-spacing:.06em}.member-event-state{position:absolute;z-index:2;right:12px;top:12px;box-shadow:0 5px 14px rgba(10,36,58,.12)}.member-event-body{padding:16px}.member-event-overline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#7e91a1;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.member-event-overline span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-event-overline b{flex:0 0 auto;color:#0870c7;font-size:8.5px}.member-event-title{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.member-event-title h3{margin:0;color:#173f61;font-size:17px;line-height:1.35;letter-spacing:-.012em}.member-event-title:hover h3{color:#076ab8}.member-event-meta{display:grid;gap:6px;margin-top:10px}.member-event-meta>span{display:flex;align-items:flex-start;gap:7px;min-width:0;color:#728699}.member-event-meta svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;fill:none;stroke:#5e829d;stroke-width:1.8}.member-event-meta b{min-width:0;color:#5a7286;font-size:10px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}.member-event-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:37px;margin:11px 0 0!important;color:#697e90;font-size:10.5px;line-height:1.7}.member-event-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.member-event-tags span{padding:5px 7px;border-radius:999px;background:#f1f5f8;color:#647b8e;font-size:8px;font-weight:800}.member-event-capacity{margin-top:12px;padding:9px 10px;border-radius:11px;background:#f8fafc}.member-event-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-event-capacity span{display:inline-flex;align-items:center;gap:5px;color:#647d90;font-size:8.5px;font-weight:750}.member-event-capacity span svg{width:13px;height:13px;fill:none;stroke:#4f7896;stroke-width:1.8}.member-event-capacity span b{color:#315a78}.member-event-capacity small{color:#8798a6;font-size:8px}.member-event-progress{height:4px!important;margin-top:7px;border-radius:999px;background:#e5edf3;overflow:hidden}.member-event-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0871ca,#13a378)}.member-event-deadline{display:block;margin-top:9px;color:#8192a1;font-size:8.5px}.member-event-deadline b{color:#5d7486}.member-event-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #edf2f5}.member-event-actions .event-action-note{flex:1 1 100%;margin:0;padding:7px 8px;border-radius:9px;background:#f5f8fa;color:#728698;line-height:1.4}.member-event-actions .btn{min-height:38px}.events-empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;border:1px dashed #cfdde8;border-radius:20px;background:#fbfdff}.events-empty-state>span{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#edf6fd;color:#0870c5}.events-empty-state>span svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.events-empty-state h3{margin:13px 0 5px;color:#294c68;font-size:15px}.events-empty-state p{margin:0 0 14px;color:#8091a0;font-size:10px}.member-events-panel .event-lock-banner{margin-bottom:14px}
@media(max-width:900px){.events-page-hero{padding:21px}.events-hero-copy h1{font-size:28px}.events-featured-content h2{font-size:25px}.events-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.events-sticky-tools{grid-template-columns:1fr;top:65px}.events-filter-row{margin:0 -2px}.member-events-grid{grid-template-columns:1fr 1fr}.member-event-media{height:160px}}
@media(max-width:720px){.member-events-panel{margin:0}.events-page-hero{align-items:flex-start;margin:0 0 10px;padding:16px;border-radius:18px}.events-page-hero:before{width:180px;height:180px}.events-hero-copy h1{font-size:23px}.events-hero-copy>p{font-size:10.5px}.events-hero-summary{margin-top:11px;gap:6px}.events-hero-summary>span{padding:6px 8px;font-size:8px}.events-refresh-btn{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:12px}.events-refresh-btn span{display:none}.events-featured-card{min-height:310px;margin-bottom:10px;border-radius:18px}.events-featured-content{min-height:310px;padding:17px}.events-featured-overlay{background:linear-gradient(0deg,rgba(4,29,49,.92) 0%,rgba(5,38,64,.54) 65%,rgba(5,33,55,.18) 100%)}.events-featured-content h2{font-size:22px}.events-featured-meta{display:grid;gap:7px;margin-top:10px}.events-featured-bottom{align-items:flex-start;flex-direction:column;margin-top:15px}.events-featured-bottom>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.events-featured-bottom .btn{width:100%;min-height:43px}.events-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.events-stat-card{min-height:72px;display:grid;justify-items:center;align-content:center;gap:5px;padding:8px 4px;text-align:center;border-radius:14px}.events-stat-card>span{width:31px;height:31px}.events-stat-card>span svg{width:16px;height:16px}.events-stat-card b{font-size:17px}.events-stat-card small{margin-top:3px;font-size:7px;line-height:1.2}.events-sticky-tools{top:58px;gap:8px;margin-bottom:10px;padding:8px;border-radius:15px}.events-search{height:40px}.events-filter{padding:7px 9px;font-size:8px}.events-result-meta{font-size:7.8px}.member-events-grid{grid-template-columns:1fr;gap:10px}.member-event-card{border-radius:17px}.member-event-media{height:155px}.member-event-body{padding:13px}.member-event-title h3{font-size:15px}.member-event-meta b{font-size:9.5px}.member-event-desc{min-height:34px;font-size:10px}.member-event-actions{display:grid;grid-template-columns:1fr 1fr}.member-event-actions .btn{width:100%}.member-event-actions .event-action-note{grid-column:1/-1}.member-event-actions .btn:only-child{grid-column:1/-1}.member-events-panel .event-lock-banner{display:grid;gap:10px;padding:13px;border-radius:15px}.member-events-panel .event-lock-banner>div{gap:9px}.member-events-panel .event-lock-banner b{font-size:12px}.member-events-panel .event-lock-banner p{font-size:10px}}
@media(max-width:430px){.events-page-hero{padding:14px}.events-hero-copy h1{font-size:21px}.events-hero-summary>span:nth-child(2){display:none}.events-featured-card,.events-featured-content{min-height:290px}.events-featured-content{padding:15px}.events-featured-content h2{font-size:20px}.events-featured-meta{font-size:9px}.events-featured-bottom>span{font-size:8px}.events-overview{gap:5px}.events-stat-card{min-height:67px}.events-stat-card>span{width:29px;height:29px}.member-event-media{height:145px}.member-event-date{left:10px;bottom:10px;width:49px;height:53px}.member-event-date strong{font-size:20px}.member-event-state{right:10px;top:10px}.member-event-overline{font-size:7.8px}.member-event-overline b{font-size:7.8px}.member-event-actions{grid-template-columns:1fr}.member-event-actions .event-action-note{grid-column:auto}.events-featured-bottom>div{grid-template-columns:1fr}.events-featured-detail{display:none}}

/* ===== v7.2.33 — Member Event Detail Premium Redesign ===== */
.event-detail-v733{background:linear-gradient(180deg,#f2f7fb 0,#f6f9fc 42%,#f8fafc 100%)}
.event-detail-v733 .event-detail-cover{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,#073b67,#0878cc)}
.event-detail-v733 .event-detail-banner{position:absolute;inset:0;height:100%;border-radius:0}
.event-detail-v733 .event-detail-banner:after{display:none}
.event-detail-v733 .event-detail-banner img{transition:transform .35s ease}
.event-detail-v733 .event-detail-cover:hover .event-detail-banner img{transform:scale(1.015)}
.event-detail-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,28,49,.14) 0%,rgba(4,28,49,.06) 38%,rgba(3,29,52,.76) 100%);pointer-events:none}
.event-detail-cover-top{position:absolute;z-index:3;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.event-detail-countdown{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(5,36,61,.58);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:850;letter-spacing:.02em}
.event-detail-date-badge{position:absolute;z-index:3;left:22px;bottom:20px;width:74px;min-height:88px;padding:10px 8px 8px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 30px rgba(8,40,66,.22);display:grid;place-items:center;align-content:center;text-align:center}
.event-detail-date-badge strong{color:#075fc2;font-size:31px;line-height:.95;letter-spacing:-.04em}.event-detail-date-badge span{margin-top:5px;color:#234964;font-size:10px;font-weight:900;letter-spacing:.08em}.event-detail-date-badge small{margin-top:2px;color:#8798a8;font-size:9px;font-weight:800}
.event-detail-v733 .event-detail-hero{padding:24px 26px 21px;border-bottom:0;background:#fff;box-shadow:0 1px 0 #e6edf3}
.event-detail-v733 .event-detail-hero-top{align-items:center}
.event-detail-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#0872c8;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.event-detail-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#14a66f;box-shadow:0 0 0 4px rgba(20,166,111,.1)}
.event-detail-v733 .event-detail-organizer{color:#8a9baa;font-size:9.5px;font-weight:800}
.event-detail-v733 .event-detail-hero h2{max-width:800px;margin:10px 0 9px;color:#123c5e;font-size:30px;line-height:1.18;letter-spacing:-.022em}
.event-detail-v733 .event-detail-hero p{max-width:840px;color:#60788b;font-size:13px;line-height:1.72}
.event-detail-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.event-detail-hero-tags>span{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #dce9f4;border-radius:999px;background:#f7fbfe;color:#4a667b;font-size:9.5px;font-weight:800}
.event-detail-v733 .event-detail-notice{display:flex;align-items:flex-start;gap:11px;margin:14px 24px 0;padding:13px 15px;border-radius:16px;box-shadow:0 7px 20px rgba(32,61,86,.035)}
.event-detail-notice-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#edf3f7;color:#577083;font-size:12px;font-weight:900}.event-detail-notice.registered .event-detail-notice-icon{background:#dff4e8;color:#167441}.event-detail-notice.waitlist .event-detail-notice-icon{background:#ffefc9;color:#9c6410}
.event-detail-v733 .event-detail-notice>div{padding-top:1px}
.event-detail-v733 .event-detail-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 24px 12px}
.event-detail-v733 .event-detail-facts>div{min-height:94px;padding:13px 12px;border-color:#e3ebf1;border-radius:16px;box-shadow:0 6px 18px rgba(31,67,95,.035)}
.event-detail-v733 .event-detail-facts>div>span{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#eff7fd,#e6f2fb)}
.event-detail-v733 .event-detail-facts small{font-size:8.5px}.event-detail-v733 .event-detail-facts b{font-size:11.5px}.event-detail-v733 .event-detail-facts em{font-size:9.5px}
.event-detail-capacity{margin:0 24px 14px;padding:12px 14px;border:1px solid #e0eaf1;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(31,67,95,.03)}
.event-detail-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#506a7d;font-size:10px}.event-detail-capacity span{display:flex;align-items:center;gap:6px;font-weight:700}.event-detail-capacity svg{width:15px;height:15px;stroke:#0872c8;fill:none;stroke-width:1.8}.event-detail-capacity small{color:#8193a1;font-size:9.5px;font-weight:700}
.event-detail-capacity-track{height:7px!important;margin-top:9px!important;overflow:hidden;border-radius:999px;background:#e9f0f5}.event-detail-capacity-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0872c8,#18a4df);box-shadow:0 0 0 1px rgba(8,114,200,.04)}
.event-detail-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.78fr);align-items:start;gap:14px;padding:0 24px 18px}
.event-detail-main-column,.event-detail-side-column{min-width:0;display:grid;gap:12px}
.event-detail-v733 .event-detail-card,.event-detail-v733 .event-detail-section,.event-detail-journey{min-width:0;margin:0;padding:17px;border:1px solid #e1eaf1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(33,67,94,.04)}
.event-detail-card-accent{border-top:3px solid #1586d1!important;padding-top:15px!important}
.event-detail-v733 .event-detail-card-title{align-items:center;margin-bottom:9px}.event-detail-v733 .event-detail-card-title>span{width:34px;height:34px;border-radius:10px}.event-detail-v733 .event-detail-card-title>div{min-width:0}.event-detail-v733 .event-detail-card-title small{display:block;margin-bottom:2px;color:#8b9aa8;font-size:8px;font-weight:900;letter-spacing:.07em}.event-detail-v733 .event-detail-card-title h3{font-size:13.5px}
.event-detail-v733 .event-detail-row{grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:12px;padding:9px 0}.event-detail-v733 .event-detail-row>span{font-size:9.5px}.event-detail-v733 .event-detail-row b{font-size:10.5px}.event-detail-v733 .event-detail-row small{font-size:9px}
.event-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.event-detail-section-head>div>span{display:block;margin-bottom:3px;color:#8c9ba8;font-size:8.5px;font-weight:900;letter-spacing:.075em}.event-detail-section-head h3{margin:0!important;color:#173f60;font-size:14px!important}.event-detail-section-head>svg{width:20px;height:20px;stroke:#0b7ac9;fill:none;stroke-width:1.8}
.event-detail-v733 .event-detail-prose{font-size:12.5px;line-height:1.78}.event-detail-v733 .event-detail-notes{border-color:#f0d9aa;background:linear-gradient(180deg,#fffdf8,#fffaf0)}.event-detail-v733 .event-detail-notes .event-detail-section-head>svg{stroke:#ba7a12}.event-detail-empty-section p{margin:0;color:#738899;font-size:11.5px;line-height:1.65}
.event-detail-journey{padding-bottom:15px}.event-detail-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:4px}.event-detail-steps.steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}.event-detail-step{position:relative;min-width:0;padding:0 7px;text-align:center}.event-detail-step:first-child{padding-left:0}.event-detail-step:last-child{padding-right:0}.event-detail-step-dot{position:relative;z-index:2;display:grid;place-items:center;width:32px;height:32px;margin:0 auto 7px;border:2px solid #dce6ed;border-radius:50%;background:#fff;color:#91a1ae;font-size:10px;font-weight:900;box-shadow:0 0 0 5px #fff}.event-detail-step>i{position:absolute;z-index:1;top:15px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:#e4ebf0}.event-detail-step b{display:block;color:#5d7385;font-size:10px;line-height:1.3}.event-detail-step small{display:block;margin-top:3px;color:#94a3af;font-size:8.5px;line-height:1.35;overflow-wrap:anywhere}.event-detail-step.done .event-detail-step-dot{border-color:#1cab72;background:#1cab72;color:#fff}.event-detail-step.done>i{background:#75d1ab}.event-detail-step.done b{color:#19764f}.event-detail-step.current .event-detail-step-dot{border-color:#1682ce;background:#eef8ff;color:#0872c8;box-shadow:0 0 0 5px #fff,0 0 0 8px rgba(8,114,200,.07)}.event-detail-step.current b{color:#12679e}.event-detail-step.danger .event-detail-step-dot{border-color:#e3746c;background:#fff3f2;color:#b93b33}.event-detail-step.danger b{color:#ad433c}.event-detail-step.muted{opacity:.58}.event-detail-step.pending .event-detail-step-dot{border-style:dashed}
.event-detail-v733 .event-detail-attachment{margin:0;padding:13px 14px;border-radius:16px;box-shadow:0 7px 20px rgba(28,90,140,.035)}.event-detail-v733 .event-detail-attachment em{display:block;margin-top:2px;color:#8a9baa;font-size:9px;font-style:normal}.event-detail-v733 .event-detail-attachment>span{width:39px;height:39px;flex-basis:39px}
.event-detail-v733 .event-detail-policy{margin:0;padding:14px 15px;border:1px solid #dbe9f4;border-radius:16px;background:linear-gradient(135deg,#f0f8fe,#eaf5fc)}
.event-detail-v733 .event-detail-actions{position:sticky;bottom:0;z-index:9;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dce6ed;background:rgba(255,255,255,.96);box-shadow:0 -12px 30px rgba(28,55,78,.08);backdrop-filter:blur(18px)}
.event-detail-actions-label{display:grid;gap:1px;min-width:118px}.event-detail-actions-label small{color:#97a5b1;font-size:7.5px;font-weight:900;letter-spacing:.08em}.event-detail-actions-label b{color:#254d69;font-size:10.5px}
.event-detail-actions-buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.event-detail-actions-buttons .btn{min-height:42px}.event-detail-actions-buttons .event-action-note{flex:1 1 100%;order:10;width:100%;margin:0;text-align:right}
.event-detail-modal-card{width:min(1000px,calc(100vw - 36px));max-height:min(94dvh,930px)}
@media(max-width:900px){
  .event-detail-v733 .event-detail-facts{grid-template-columns:1fr 1fr}
  .event-detail-content-grid{grid-template-columns:1fr}
  .event-detail-side-column{grid-template-columns:1fr 1fr}.event-detail-side-column>.event-detail-attachment,.event-detail-side-column>.event-detail-policy{grid-column:1/-1}
}
@media(max-width:760px){
  .event-detail-v733 .event-detail-cover{height:220px}.event-detail-cover-top{top:13px;left:13px;right:13px}.event-detail-countdown{min-height:28px;padding:0 9px;font-size:9px}.event-detail-date-badge{left:14px;bottom:14px;width:63px;min-height:73px;border-radius:15px;padding:8px 6px}.event-detail-date-badge strong{font-size:26px}.event-detail-date-badge span{font-size:9px}.event-detail-date-badge small{font-size:8px}
  .event-detail-v733 .event-detail-hero{padding:17px 15px 15px}.event-detail-v733 .event-detail-hero h2{font-size:22px;line-height:1.2}.event-detail-v733 .event-detail-hero p{font-size:12.5px;line-height:1.66}.event-detail-v733 .event-detail-organizer{font-size:8.5px}.event-detail-hero-tags{margin-top:11px;gap:5px}.event-detail-hero-tags>span{min-height:25px;padding:0 8px;font-size:8.5px}
  .event-detail-v733 .event-detail-notice{margin:11px 12px 0}
  .event-detail-v733 .event-detail-facts{grid-template-columns:1fr 1fr;padding:11px 12px;gap:8px}.event-detail-v733 .event-detail-facts>div{min-height:88px;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px}.event-detail-v733 .event-detail-facts>div>span{width:32px;height:32px}.event-detail-v733 .event-detail-facts svg{width:16px;height:16px}.event-detail-v733 .event-detail-facts b{font-size:10.5px}.event-detail-v733 .event-detail-facts em{font-size:8.5px}
  .event-detail-capacity{margin:0 12px 11px;padding:11px 12px}.event-detail-capacity>div:first-child{align-items:flex-start}.event-detail-capacity small{text-align:right;max-width:46%}
  .event-detail-content-grid{grid-template-columns:1fr;gap:9px;padding:0 12px 12px}.event-detail-main-column,.event-detail-side-column{gap:9px}.event-detail-side-column{grid-template-columns:1fr}
  .event-detail-v733 .event-detail-card,.event-detail-v733 .event-detail-section,.event-detail-journey{padding:13px;border-radius:14px}.event-detail-v733 .event-detail-row{grid-template-columns:1fr;gap:3px}.event-detail-v733 .event-detail-row>div{text-align:left}.event-detail-v733 .event-detail-card-title{margin-bottom:5px}
  .event-detail-steps,.event-detail-steps.steps-3{grid-template-columns:1fr;gap:0}.event-detail-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:0 0 12px;text-align:left}.event-detail-step:last-child{padding-bottom:0}.event-detail-step-dot{grid-column:1;width:30px;height:30px;margin:0;box-shadow:0 0 0 4px #fff}.event-detail-step>div{grid-column:2;min-width:0;padding-top:2px}.event-detail-step>i{top:29px;bottom:-1px;left:14px;right:auto;width:2px;height:auto}.event-detail-step b{font-size:10.5px}.event-detail-step small{margin-top:2px;font-size:9px}.event-detail-step.current .event-detail-step-dot{box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(8,114,200,.06)}
  .event-detail-v733 .event-detail-attachment,.event-detail-v733 .event-detail-policy{grid-column:auto;margin:0}
  .event-detail-v733 .event-detail-actions{grid-template-columns:1fr;gap:7px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.event-detail-actions-label{display:none}.event-detail-actions-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.event-detail-actions-buttons .btn{width:100%;min-height:46px}.event-detail-actions-buttons .event-action-note{grid-column:1/-1;text-align:left}.event-detail-actions-buttons .btn:only-child{grid-column:1/-1}
}
@media(max-width:440px){
  .event-detail-v733 .event-detail-cover{height:195px}.event-detail-cover-top .badge{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .event-detail-v733 .event-detail-facts{grid-template-columns:1fr}.event-detail-v733 .event-detail-facts>div{min-height:0;grid-template-columns:34px minmax(0,1fr);align-items:center}.event-detail-v733 .event-detail-facts em{margin-top:1px}
  .event-detail-actions-buttons{grid-template-columns:1fr}.event-detail-actions-buttons .event-action-note{grid-column:auto}
}


/* ===== v7.2.35 — Newsfeed card excerpt + detail reader ===== */
.newsfeed-content-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0;margin-top:1px;color:#52677a;font-size:13.5px;line-height:1.72}
.newsfeed-featured-card .newsfeed-content-preview{-webkit-line-clamp:4}
.newsfeed-card.compact .newsfeed-content-preview{-webkit-line-clamp:2;font-size:11.5px;line-height:1.62}
.newsfeed-card-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:14px}
.newsfeed-detail-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 14px;border:1px solid #cfe0ef;border-radius:12px;background:#f4f9fd;color:#0968b8;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.16s ease}
.newsfeed-detail-btn:hover{background:#eaf5fd;border-color:#a9cde8;transform:translateY(-1px)}
.newsfeed-detail-btn strong{font-size:16px;line-height:1}
.newsfeed-related.newsfeed-related-compact{width:auto;flex:1 1 220px;min-height:42px;margin-top:0;padding:9px 12px;border-radius:12px;font-size:11.5px}
.newsfeed-card.compact .newsfeed-card-actions{margin-top:10px}
.newsfeed-card.compact .newsfeed-detail-btn{min-height:36px;padding:0 11px;font-size:10px}
.newsfeed-card.compact .newsfeed-related.newsfeed-related-compact{min-height:36px;padding:7px 10px;font-size:9.5px}
.newsfeed-image-wrap{cursor:pointer}
.newsfeed-image-wrap:focus-visible,.newsfeed-detail-btn:focus-visible,.newsfeed-detail-cover:focus-visible{outline:3px solid rgba(8,107,216,.23);outline-offset:2px}

.modal.newsfeed-detail-modal-active{padding:18px}
.newsfeed-detail-modal-card{width:min(820px,calc(100vw - 36px));max-height:min(94dvh,920px);padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;background:#f6f9fc}
.newsfeed-detail-modal-card .modal-head{flex:0 0 auto;padding:15px 18px!important;background:#fff;border-bottom:1px solid #e3ebf2}
.newsfeed-detail-modal-card .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;margin:0!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain;background:#f6f9fc}
.newsfeed-detail{min-height:100%;background:#fff}
.newsfeed-detail-cover{display:block;width:100%;max-height:390px;padding:0;border:0;background:#e9f2f8;overflow:hidden;cursor:zoom-in}
.newsfeed-detail-cover img{display:block;width:100%;max-height:390px;object-fit:cover}
.newsfeed-detail-body{padding:24px 26px 28px}
.newsfeed-detail-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.newsfeed-detail h2{margin:22px 0 16px;color:#173f61;font-size:28px;line-height:1.34;letter-spacing:-.02em;overflow-wrap:anywhere}
.newsfeed-detail-content{color:#40576b;font-size:15.5px;line-height:1.86;overflow-wrap:anywhere}
.newsfeed-detail-content p{margin:0 0 18px}
.newsfeed-detail-content p:last-child{margin-bottom:0}
.newsfeed-detail-related{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:15px 16px;border:1px solid #d5e6f3;border-radius:15px;background:linear-gradient(135deg,#f7fbfe,#eef7fd);color:#075fc2;font:inherit;text-align:left;cursor:pointer}
.newsfeed-detail-related>div{display:grid;gap:4px;min-width:0}
.newsfeed-detail-related small{color:#7d91a4;font-size:9px;font-weight:850;letter-spacing:.075em}
.newsfeed-detail-related b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.newsfeed-detail-related>span{flex:0 0 auto;font-weight:850}
.newsfeed-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:15px;border-top:1px solid #e9eff4;color:#7b8d9d;font-size:12px}
.newsfeed-detail-like{background:#f7fafc}

@media(max-width:700px){
  .newsfeed-content-preview{font-size:12.5px;-webkit-line-clamp:3}
  .newsfeed-featured-card .newsfeed-content-preview{-webkit-line-clamp:3}
  .newsfeed-card-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}
  .newsfeed-detail-btn,.newsfeed-related.newsfeed-related-compact{width:100%;min-height:42px}
  .newsfeed-detail-modal-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important}
  .newsfeed-detail-modal-card .modal-head{min-height:60px;padding:10px 14px!important;padding-top:max(10px,env(safe-area-inset-top))!important}
  .newsfeed-detail-cover,.newsfeed-detail-cover img{max-height:280px}
  .newsfeed-detail-body{padding:17px 16px calc(26px + env(safe-area-inset-bottom))}
  .newsfeed-detail-meta{gap:9px}
  .newsfeed-detail .newsfeed-tags{max-width:45%}
  .newsfeed-detail h2{margin:17px 0 13px;font-size:21px;line-height:1.4}
  .newsfeed-detail-content{font-size:13.5px;line-height:1.82}
  .newsfeed-detail-content p{margin-bottom:15px}
  .newsfeed-detail-related{margin-top:19px;padding:13px}
  .newsfeed-detail-footer{align-items:flex-start;flex-direction:column;margin-top:19px}
}
@media(max-width:430px){
  .newsfeed-card h3{margin-bottom:7px}
  .newsfeed-content-preview{font-size:12px;line-height:1.68}
  .newsfeed-detail-cover,.newsfeed-detail-cover img{max-height:235px}
  .newsfeed-detail-body{padding-left:14px;padding-right:14px}
  .newsfeed-detail h2{font-size:20px}
}
/* ===== END v7.2.35 ===== */
/* v7.2.35 clamp precedence over v7.2.29 rules */
.newsfeed-list .newsfeed-card .newsfeed-content.newsfeed-content-preview{-webkit-line-clamp:3}
.newsfeed-featured .newsfeed-featured-card .newsfeed-content.newsfeed-content-preview{-webkit-line-clamp:4}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-content.newsfeed-content-preview{-webkit-line-clamp:2}
@media(max-width:700px){.newsfeed-list .newsfeed-card .newsfeed-content.newsfeed-content-preview,.newsfeed-featured .newsfeed-featured-card .newsfeed-content.newsfeed-content-preview{-webkit-line-clamp:3}}


/* ===== v7.2.36 — Newsfeed mobile action overflow hotfix ===== */
.newsfeed-card,
.newsfeed-card-body,
.newsfeed-card-actions,
.newsfeed-detail-btn,
.newsfeed-related.newsfeed-related-compact{min-width:0;max-width:100%}
.newsfeed-card-actions{overflow:hidden}
.newsfeed-detail-btn,
.newsfeed-related.newsfeed-related-compact{overflow:hidden}
.newsfeed-detail-btn>span,
.newsfeed-related.newsfeed-related-compact>span{min-width:0;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsfeed-detail-btn>strong,
.newsfeed-related.newsfeed-related-compact>strong{flex:0 0 auto;margin-left:auto;white-space:nowrap;word-break:keep-all;line-height:1}
.newsfeed-related.newsfeed-related-compact{display:flex;align-items:center;justify-content:flex-start}

@media(max-width:700px){
  .newsfeed-card-actions{width:100%;min-width:0;overflow:hidden}
  .newsfeed-detail-btn,.newsfeed-related.newsfeed-related-compact{display:flex;width:100%;min-width:0;max-width:100%;justify-content:flex-start;gap:8px;padding-left:13px;padding-right:13px}
  .newsfeed-detail-btn>strong,.newsfeed-related.newsfeed-related-compact>strong{margin-left:auto;white-space:nowrap}
}
@media(max-width:430px){
  .newsfeed-related.newsfeed-related-compact{font-size:10.5px}
  .newsfeed-related.newsfeed-related-compact>strong{font-size:10.5px}
  .newsfeed-detail-btn>strong{font-size:15px}
}
/* ===== END v7.2.36 ===== */

/* ===== v7.2.38 — Home Newsfeed mobile layout hotfix ===== */
@media(max-width:760px){
  .home-newsfeed-section{
    overflow:hidden;
  }
  .home-newsfeed-section .newsfeed-home-list{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .home-newsfeed-section .newsfeed-home-list>.newsfeed-card,
  .home-newsfeed-section .newsfeed-card.compact{
    display:flex!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    scroll-snap-align:none!important;
    border-radius:16px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap{
    width:100%;
    height:auto!important;
    aspect-ratio:16/9;
    overflow:hidden;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap img{
    display:block;
    width:100%;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-body{
    width:100%;
    min-width:0;
    padding:13px 14px 12px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-top{
    align-items:center;
    gap:8px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-author{
    min-width:0;
    gap:8px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-avatar{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:11px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-avatar img{
    width:29px;
    height:29px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-author div{
    min-width:0;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-author b{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11.5px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-author small{
    font-size:9px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-tags{
    flex:0 0 auto;
    max-width:42%;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-tags .badge{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-newsfeed-section .newsfeed-card.compact h3{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin:10px 0 6px;
    font-size:15px;
    line-height:1.42;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-content.newsfeed-content-preview{
    -webkit-line-clamp:2;
    font-size:10.5px;
    line-height:1.58;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
    width:100%;
    margin-top:10px;
    overflow:visible;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-detail-btn,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-related.newsfeed-related-compact{
    width:100%;
    min-width:0;
    min-height:38px;
    max-width:100%;
    padding:0 12px;
    border-radius:11px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between;
    gap:8px;
    min-width:0;
    margin-top:10px;
    padding-top:10px;
    font-size:9.5px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer>span{
    min-width:0;
    max-width:64%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:right;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like{
    flex:0 0 auto;
    gap:4px;
    padding:4px 5px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like span{
    font-size:14px;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like b,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like em{
    font-size:9.5px;
  }
}
@media(max-width:430px){
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-body{padding:12px}
  .home-newsfeed-section .newsfeed-card.compact h3{font-size:14.5px}
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer>span{max-width:58%}
}
/* ===== END v7.2.38 ===== */

/* ===== v7.2.39 — Newsfeed detail uses Event Detail reader mechanism ===== */
.modal.event-detail-modal-active.newsfeed-detail-modal-active{padding:18px}
.event-detail-modal-card.newsfeed-detail-modal-card{width:min(1000px,calc(100vw - 36px));max-height:min(94dvh,930px);background:#f5f8fb}
.event-detail-modal-card.newsfeed-detail-modal-card .modal-head{position:relative;z-index:12;min-height:68px;padding:15px 20px!important;background:#fff;border-bottom:1px solid #e3ebf2}
.event-detail-modal-card.newsfeed-detail-modal-card .modal-body{background:#f5f8fb;overflow-x:hidden!important}
.newsfeed-detail-page{min-width:0;background:#f5f8fb}
.newsfeed-reader-media{position:relative;height:330px;overflow:hidden;background:linear-gradient(135deg,#073b67,#0a73c9)}
.newsfeed-reader-cover{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#0c5a95,#0b7ac9)}
.newsfeed-reader-cover img{display:block;width:100%;height:100%;object-fit:cover}
.newsfeed-reader-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#084a7e,#0b7ac9)}
.newsfeed-reader-cover-fallback img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.14))}
.newsfeed-reader-cover-fallback b{font-size:13px;letter-spacing:.11em}
.newsfeed-reader-cover.has-image:not(.broken) .newsfeed-reader-cover-fallback{display:none}
.newsfeed-reader-cover.broken .newsfeed-reader-cover-fallback,.newsfeed-reader-cover.no-image .newsfeed-reader-cover-fallback{display:flex}
.newsfeed-reader-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,31,53,.08),rgba(3,31,53,.04) 48%,rgba(3,31,53,.52));pointer-events:none}
.newsfeed-reader-cover-top{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.newsfeed-reader-hero{padding:23px 24px 20px;border-bottom:1px solid #e5edf3;background:#fff}
.newsfeed-reader-author{display:flex;align-items:center;gap:10px;min-width:0}
.newsfeed-reader-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#eef6fc;border:1px solid #dce9f4}
.newsfeed-reader-avatar img{width:34px;height:34px;object-fit:contain}
.newsfeed-reader-author>div{min-width:0;display:grid;gap:1px}.newsfeed-reader-author>div>span{color:#8093a4;font-size:8.5px;font-weight:900;letter-spacing:.075em}.newsfeed-reader-author b{color:#244863;font-size:12px}.newsfeed-reader-author small{color:#8396a7;font-size:9.5px}
.newsfeed-reader-hero h2{max-width:860px;margin:15px 0 0;color:#153d60;font-size:29px;line-height:1.25;letter-spacing:-.018em;overflow-wrap:anywhere}
.newsfeed-reader-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.newsfeed-reader-tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #dce8f1;border-radius:999px;background:#f7fafc;color:#597185;font-size:9px;font-weight:800}
.newsfeed-reader-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.62fr);align-items:start;gap:14px;padding:16px 24px 18px}
.newsfeed-reader-main,.newsfeed-reader-side{min-width:0;display:grid;gap:12px}
.newsfeed-reader-article,.newsfeed-reader-info{min-width:0;padding:19px;border:1px solid #e1eaf1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(33,67,94,.04)}
.newsfeed-reader-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.newsfeed-reader-section-head span{display:block;margin-bottom:3px;color:#8c9ba8;font-size:8.5px;font-weight:900;letter-spacing:.075em}.newsfeed-reader-section-head h3{margin:0;color:#173f60;font-size:14px}
.newsfeed-detail-page .newsfeed-detail-content{color:#40576b;font-size:14px;line-height:1.9}.newsfeed-detail-page .newsfeed-detail-content p{margin:0 0 18px}.newsfeed-detail-page .newsfeed-detail-content p:last-child{margin-bottom:0}
.newsfeed-reader-info-row{display:grid;grid-template-columns:minmax(90px,40%) minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #edf2f6}.newsfeed-reader-info-row:first-of-type{border-top:0}.newsfeed-reader-info-row span{color:#8495a5;font-size:9.5px;font-weight:800}.newsfeed-reader-info-row b{min-width:0;color:#294c66;font-size:10.5px;text-align:right;overflow-wrap:anywhere}
.newsfeed-reader-related{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px;border:1px solid #cfe1f0;border-radius:16px;background:linear-gradient(135deg,#f7fbfe,#edf7fd);color:#075fc2;font:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(28,90,140,.035)}
.newsfeed-reader-related>div{min-width:0;display:grid;gap:3px}.newsfeed-reader-related small{color:#8194a5;font-size:8.5px;font-weight:900;letter-spacing:.07em}.newsfeed-reader-related b{min-width:0;color:#125f99;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.newsfeed-reader-related span{color:#8194a5;font-size:9px;line-height:1.45}.newsfeed-reader-related strong{flex:0 0 auto;font-size:20px}
.newsfeed-reader-actions{position:sticky;bottom:0;z-index:9;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dce6ed;background:rgba(255,255,255,.97);box-shadow:0 -12px 30px rgba(28,55,78,.08);backdrop-filter:blur(18px)}
.newsfeed-reader-actions-label{display:grid;gap:1px;min-width:118px}.newsfeed-reader-actions-label small{color:#97a5b1;font-size:7.5px;font-weight:900;letter-spacing:.08em}.newsfeed-reader-actions-label b{color:#254d69;font-size:10.5px}
.newsfeed-reader-actions-buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.newsfeed-reader-like{min-height:42px;padding:0 12px;border:1px solid #dce8f1;border-radius:12px;background:#f7fafc}.newsfeed-reader-related-action{min-height:42px}
@media(max-width:900px){.newsfeed-reader-grid{grid-template-columns:1fr}.newsfeed-reader-side{grid-template-columns:1fr 1fr}.newsfeed-reader-side>.newsfeed-reader-related{min-height:100%}}
@media(max-width:760px){
  .modal.event-detail-modal-active.newsfeed-detail-modal-active{padding:0!important;place-items:stretch!important}
  .event-detail-modal-card.newsfeed-detail-modal-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important}
  .event-detail-modal-card.newsfeed-detail-modal-card .modal-head{min-height:60px;padding:10px 14px!important;padding-top:max(10px,env(safe-area-inset-top))!important}
  .newsfeed-reader-media{height:235px}.newsfeed-reader-cover-top{top:13px;left:13px;right:13px}
  .newsfeed-reader-hero{padding:17px 15px 15px}.newsfeed-reader-avatar{width:38px;height:38px;flex-basis:38px}.newsfeed-reader-avatar img{width:31px;height:31px}.newsfeed-reader-hero h2{margin-top:13px;font-size:22px;line-height:1.28}.newsfeed-reader-tags{margin-top:11px;gap:5px}.newsfeed-reader-tags span{min-height:25px;padding:0 8px;font-size:8.5px}
  .newsfeed-reader-grid{grid-template-columns:1fr;gap:9px;padding:11px 12px 12px}.newsfeed-reader-main,.newsfeed-reader-side{gap:9px}.newsfeed-reader-side{grid-template-columns:1fr}
  .newsfeed-reader-article,.newsfeed-reader-info{padding:14px;border-radius:14px}.newsfeed-detail-page .newsfeed-detail-content{font-size:13px;line-height:1.84}.newsfeed-detail-page .newsfeed-detail-content p{margin-bottom:15px}
  .newsfeed-reader-info-row{grid-template-columns:1fr auto;gap:10px}.newsfeed-reader-related{padding:13px}
  .newsfeed-reader-actions{grid-template-columns:1fr;gap:7px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.newsfeed-reader-actions-label{display:none}.newsfeed-reader-actions-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.newsfeed-reader-actions-buttons>*{width:100%;min-height:46px}.newsfeed-reader-actions-buttons>*:only-child{grid-column:1/-1}
}
@media(max-width:440px){.newsfeed-reader-media{height:205px}.newsfeed-reader-hero h2{font-size:20px}.newsfeed-reader-actions-buttons{grid-template-columns:1fr}.newsfeed-reader-actions-buttons>*:only-child{grid-column:auto}.newsfeed-reader-cover-fallback img{width:64px;height:64px}}
/* ===== END v7.2.39 ===== */


/* ===== v7.2.40 — Compact Newsfeed card footer ===== */
.newsfeed-card-footer.newsfeed-card-footer-compact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf1f5;
}
.newsfeed-footer-meta{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow:hidden;
}
.newsfeed-card-footer-compact .newsfeed-like{
  flex:0 0 auto;
  min-width:0;
  padding:5px 6px;
}
.newsfeed-audience-compact{
  position:relative;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8392a2;
  font-size:11.5px;
}
.newsfeed-audience-compact:before{
  content:'·';
  margin-right:7px;
  color:#b1bdc8;
  font-weight:900;
}
.newsfeed-footer-detail{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-height:34px;
  padding:5px 7px 5px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#0868bd;
  font:inherit;
  font-size:11.5px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.newsfeed-footer-detail:hover{background:#eef6fc;color:#075ca8}
.newsfeed-footer-detail strong{font-size:14px;line-height:1}
.newsfeed-footer-detail:focus-visible{outline:3px solid rgba(8,107,216,.2);outline-offset:2px}

.home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer.newsfeed-card-footer-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px;
  margin-top:9px;
  padding-top:8px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-meta{
  gap:4px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like{
  padding:3px 4px;
  gap:3px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like span{font-size:13px}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like b,
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like em,
.home-newsfeed-section .newsfeed-card.compact .newsfeed-audience-compact,
.home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail{font-size:9.5px}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail{
  min-height:30px;
  padding:4px 3px 4px 7px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail strong{font-size:12px}

@media(max-width:700px){
  .newsfeed-card-footer.newsfeed-card-footer-compact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    flex-direction:initial!important;
    align-items:center!important;
    gap:8px;
  }
  .newsfeed-footer-meta{gap:5px}
  .newsfeed-card-footer-compact .newsfeed-like{padding:4px 4px}
  .newsfeed-card-footer-compact .newsfeed-like span{font-size:15px}
  .newsfeed-card-footer-compact .newsfeed-like b,
  .newsfeed-card-footer-compact .newsfeed-like em{font-size:11px}
  .newsfeed-audience-compact{font-size:10.5px}
  .newsfeed-footer-detail{min-height:32px;padding:4px 3px 4px 8px;font-size:10.5px}
}
@media(max-width:390px){
  .newsfeed-audience-compact{max-width:105px}
  .newsfeed-card-footer-compact .newsfeed-like em{display:none}
  .newsfeed-footer-detail span{font-size:10px}
}
/* ===== END v7.2.40 ===== */


/* ===== v7.2.44 — Thẻ đoàn viên điện tử tại Hồ sơ ===== */
.digital-member-card-section{padding:17px;border:1px solid #dfe8f0;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(21,60,94,.035)}
.digital-member-card-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
.digital-member-card-section-head h3{margin:3px 0 3px;color:#234866;font-size:18px;line-height:1.2}.digital-member-card-section-head p{margin:0;color:#8292a2;font-size:9px}
.digital-member-card-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #d7e6f2;border-radius:11px;background:#f3f8fc;color:#086ac0;font:800 9px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap}.digital-member-card-open svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.digital-member-card-open:hover{background:#eaf4fc}
.digital-member-card{position:relative;isolation:isolate;width:min(100%,720px);min-height:300px;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(135deg,#063e78 0%,#075fae 47%,#0879ca 100%);box-shadow:0 18px 42px rgba(4,61,111,.22);color:#fff}
.digital-member-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 42%),repeating-linear-gradient(125deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);pointer-events:none}
.digital-member-card:after{content:"BVU";position:absolute;z-index:-1;right:-13px;bottom:-31px;color:rgba(255,255,255,.06);font-size:112px;font-weight:900;letter-spacing:-.08em;pointer-events:none}
.digital-member-card-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.digital-member-card-glow-one{width:220px;height:220px;right:-85px;top:-95px;background:rgba(68,181,255,.25)}.digital-member-card-glow-two{width:170px;height:170px;left:-75px;bottom:-85px;background:rgba(0,217,173,.12)}
.digital-member-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.digital-member-card-brand{display:flex;align-items:center;gap:10px;min-width:0}.digital-member-card-logo{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 6px 18px rgba(0,0,0,.1)}.digital-member-card-logo img{width:34px;height:34px;object-fit:contain}.digital-member-card-brand b{display:block;font-size:14px;letter-spacing:.025em}.digital-member-card-brand small{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.digital-member-card-live{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid rgba(201,255,231,.25);border-radius:999px;background:rgba(10,133,95,.32);color:#d6ffed;font-size:8px;font-weight:850;white-space:nowrap}.digital-member-card-live i{width:7px;height:7px;border-radius:50%;background:#39e49f;box-shadow:0 0 0 4px rgba(57,228,159,.12)}
.digital-member-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.15)}.digital-member-card-title span{font-size:18px;font-weight:900;letter-spacing:.035em}.digital-member-card-title small{color:rgba(255,255,255,.7);font-size:8.5px;font-weight:700}
.digital-member-card-body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start}.digital-member-card-photo{position:relative;width:112px;height:132px;overflow:hidden;border:2px solid rgba(255,255,255,.62);border-radius:18px;background:rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(1,32,64,.2)}.digital-member-card-photo img,.digital-member-card-photo>span{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}.digital-member-card-photo>span{background:linear-gradient(145deg,#eaf6ff,#cfeafa);color:#0b5fa6;font-size:42px;font-weight:900}.digital-member-card-photo em{position:absolute;right:7px;bottom:6px;padding:3px 5px;border-radius:6px;background:rgba(2,47,90,.72);color:#fff;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.08em}
.digital-member-card-info{min-width:0}.digital-member-card-info h3{margin:0;color:#fff;font-size:21px;line-height:1.15;letter-spacing:-.02em}.digital-member-card-code{margin-top:5px;color:rgba(255,255,255,.68);font-size:8px;font-weight:750;letter-spacing:.04em}.digital-member-card-code b{margin-left:5px;color:#fff;font-size:10px}.digital-member-card-info dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:13px 0 0}.digital-member-card-info dl>div{min-width:0;padding-top:7px;border-top:1px solid rgba(255,255,255,.11)}.digital-member-card-info dl>div.wide{grid-column:1/-1}.digital-member-card-info dt{color:rgba(255,255,255,.62);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.digital-member-card-info dd{margin:3px 0 0;color:#fff;font-size:10px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.digital-member-card-info dd span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:rgba(60,230,166,.16);color:#d9ffef;border:1px solid rgba(118,255,205,.18);font-size:8px}
.digital-member-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.66);font-size:7px;font-weight:800;letter-spacing:.06em}.digital-member-card-foot b{color:rgba(255,255,255,.9);font-size:7px;white-space:nowrap}
.digital-member-card-modal{display:grid;gap:13px}.digital-member-card-modal .digital-member-card{width:100%}.digital-member-card-modal-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #dfe9f1;border-radius:12px;background:#f5f9fc;color:#668096;font-size:9px;line-height:1.5}.digital-member-card-modal-note svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#1671b7;stroke-width:1.8}
@media(max-width:640px){
  .digital-member-card-section{padding:12px;border-radius:17px}.digital-member-card-section-head{align-items:center;margin-bottom:10px}.digital-member-card-section-head h3{font-size:15px}.digital-member-card-section-head p{font-size:8px}.digital-member-card-open{min-height:33px;padding:0 10px}.digital-member-card-open span{display:none}
  .digital-member-card{min-height:0;padding:14px;border-radius:19px;box-shadow:0 12px 28px rgba(4,61,111,.2)}.digital-member-card:after{right:-8px;bottom:-17px;font-size:74px}.digital-member-card-glow-one{width:150px;height:150px;right:-70px;top:-70px}.digital-member-card-glow-two{width:115px;height:115px;left:-55px;bottom:-60px}
  .digital-member-card-logo{width:34px;height:34px;flex-basis:34px;border-radius:10px}.digital-member-card-logo img{width:28px;height:28px}.digital-member-card-brand{gap:8px}.digital-member-card-brand b{font-size:11px}.digital-member-card-brand small{max-width:180px;font-size:6.6px}.digital-member-card-live{min-height:25px;padding:0 8px;font-size:7px}.digital-member-card-live i{width:6px;height:6px}
  .digital-member-card-title{margin:13px 0 11px;padding-bottom:8px}.digital-member-card-title span{font-size:13px;letter-spacing:.025em}.digital-member-card-title small{display:none}
  .digital-member-card-body{grid-template-columns:78px minmax(0,1fr);gap:11px}.digital-member-card-photo{width:78px;height:96px;border-radius:14px}.digital-member-card-photo>span{font-size:30px}.digital-member-card-info h3{font-size:15px}.digital-member-card-code{margin-top:3px;font-size:6.5px}.digital-member-card-code b{font-size:8px}.digital-member-card-info dl{gap:5px 8px;margin-top:8px}.digital-member-card-info dl>div{padding-top:5px}.digital-member-card-info dt{font-size:5.9px}.digital-member-card-info dd{margin-top:2px;font-size:7.8px;line-height:1.28}.digital-member-card-info dd span{min-height:18px;padding:0 6px;font-size:6.5px}
  .digital-member-card-foot{margin-top:10px;padding-top:7px;font-size:5.6px;letter-spacing:.035em}.digital-member-card-foot b{font-size:5.8px}
  .digital-member-card-modal{margin:-2px}.digital-member-card-modal .digital-member-card{padding:15px}.digital-member-card-modal-note{font-size:8px}
}
@media(max-width:390px){
  .digital-member-card{padding:12px}.digital-member-card-brand small{max-width:135px}.digital-member-card-live{padding:0 7px}.digital-member-card-body{grid-template-columns:70px minmax(0,1fr);gap:9px}.digital-member-card-photo{width:70px;height:90px}.digital-member-card-info h3{font-size:14px}.digital-member-card-info dl{gap:4px 6px}.digital-member-card-info dd{font-size:7.2px}.digital-member-card-foot span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


/* ===== v7.2.45 — Gộp hồ sơ vào Thẻ đoàn viên điện tử ===== */
.digital-member-card-section-primary{padding:0;border:0;background:transparent;box-shadow:none}
.digital-member-card-section-primary .digital-member-card{width:100%;max-width:none}
.digital-member-card-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.digital-member-card-completion{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.11);color:#e8f6ff!important;font-size:7.5px!important;font-weight:850!important;letter-spacing:0!important;white-space:nowrap}
.digital-member-card-expand{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.digital-member-card-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.digital-member-card-expand:hover{background:rgba(255,255,255,.18)}
.digital-member-card-photo-edit{position:absolute;right:6px;bottom:6px;width:28px;height:28px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:9px;background:rgba(2,50,94,.85);color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);z-index:3}.digital-member-card-photo-edit svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}.digital-member-card-photo-edit+em{display:none}
.digital-member-card-photo em{left:7px;right:auto}
.digital-member-card-profile-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #dfe8f0;border-radius:14px;background:#fff}
.digital-member-profile-completion{display:flex;align-items:center;gap:9px;min-width:0}.digital-member-profile-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#2b7fc4;box-shadow:0 0 0 5px rgba(43,127,196,.1)}.digital-member-profile-dot.complete{background:#12a876;box-shadow:0 0 0 5px rgba(18,168,118,.1)}.digital-member-profile-completion b{display:block;color:#2a506d;font-size:10px}.digital-member-profile-completion small{display:block;margin-top:2px;color:#8796a4;font-size:8px;line-height:1.35}
.digital-member-card-change-photo{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;flex:0 0 auto;border:1px solid #d9e7f1;border-radius:10px;background:#f4f9fd;color:#0c6cbc;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.digital-member-card-change-photo svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.profile-content-grid-single{grid-template-columns:1fr}.profile-content-grid-single .profile-edit-card{width:100%}
@media(max-width:640px){
  .digital-member-card-section-primary{padding:0}
  .digital-member-card-title{align-items:center}.digital-member-card-title-actions{gap:5px}.digital-member-card-completion{min-height:22px;padding:0 7px;font-size:6.5px!important}.digital-member-card-expand{width:25px;height:25px;flex-basis:25px;border-radius:8px}.digital-member-card-expand svg{width:12px;height:12px}
  .digital-member-card-photo-edit{width:24px;height:24px;right:5px;bottom:5px;border-radius:8px}.digital-member-card-photo-edit svg{width:12px;height:12px}.digital-member-card-photo em{left:5px;bottom:5px}
  .digital-member-card-profile-note{margin-top:8px;padding:9px 10px;border-radius:12px}.digital-member-profile-completion{gap:7px}.digital-member-profile-completion b{font-size:9px}.digital-member-profile-completion small{max-width:235px;font-size:7.5px}.digital-member-card-change-photo{min-height:31px;padding:0 9px;font-size:8px}.digital-member-card-change-photo span{display:none}
}
@media(max-width:390px){
  .digital-member-card-title{gap:7px}.digital-member-card-title>span{font-size:11.5px}.digital-member-card-completion{padding:0 6px;font-size:6px!important}.digital-member-card-profile-note{gap:8px}.digital-member-profile-completion small{max-width:205px}.digital-member-card-change-photo{width:31px;padding:0}
}
/* ===== END v7.2.45 ===== */





/* ===== v7.2.47 — Giữ layout thẻ cũ, bổ sung 6 trường + icon ===== */
.digital-member-card-v747 .digital-member-card-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:11px}
.digital-member-card-v747 .digital-member-card-info-grid>div{min-width:0;padding-top:7px;border-top:1px solid rgba(255,255,255,.11)}
.digital-member-card-v747 .digital-member-card-info-grid dt{display:flex;align-items:flex-start;gap:5px;min-width:0;color:rgba(255,255,255,.62);font-size:6.8px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.045em}
.digital-member-card-v747 .digital-member-card-info-grid dt>span:last-child{min-width:0;overflow-wrap:anywhere}
.digital-member-card-v747 .digital-member-card-info-icon{width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px;border-radius:4px;background:rgba(255,255,255,.10);color:#dff4ff}
.digital-member-card-v747 .digital-member-card-info-icon svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.9}
.digital-member-card-v747 .digital-member-card-info-grid dd{margin:4px 0 0;color:#fff;font-size:9.4px;font-weight:850;line-height:1.32;overflow-wrap:anywhere}
.digital-member-card-v747 .digital-member-card-info-grid .is-status dd>span{display:inline-flex;align-items:center;min-height:20px;max-width:100%;padding:0 7px;border:1px solid rgba(118,255,205,.18);border-radius:999px;background:rgba(60,230,166,.16);color:#d9ffef;font-size:7px;white-space:normal}
@media(max-width:640px){
  .digital-member-card-v747 .digital-member-card-info-grid{gap:5px 8px;margin-top:7px}
  .digital-member-card-v747 .digital-member-card-info-grid>div{padding-top:5px}
  .digital-member-card-v747 .digital-member-card-info-grid dt{gap:4px;font-size:5.4px;line-height:1.2;letter-spacing:.025em}
  .digital-member-card-v747 .digital-member-card-info-icon{width:12px;height:12px;flex-basis:12px;border-radius:3px}
  .digital-member-card-v747 .digital-member-card-info-icon svg{width:7px;height:7px}
  .digital-member-card-v747 .digital-member-card-info-grid dd{margin-top:2px;font-size:7.3px;line-height:1.25}
  .digital-member-card-v747 .digital-member-card-info-grid .is-status dd>span{min-height:17px;padding:0 5px;font-size:6px}
}
@media(max-width:390px){
  .digital-member-card-v747 .digital-member-card-info-grid{gap:4px 6px}
  .digital-member-card-v747 .digital-member-card-info-grid dt{font-size:5px}
  .digital-member-card-v747 .digital-member-card-info-grid dd{font-size:6.8px}
  .digital-member-card-v747 .digital-member-card-info-grid .is-faculty dd{font-size:6.3px}
}
/* ===== END v7.2.47 ===== */


/* ===== v7.2.48 — Thẻ điện tử: icon + nội dung trên cùng một dòng ===== */
.digital-member-card-v748 .digital-member-card-info-grid-compact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
  margin-top:11px;
}
.digital-member-card-v748 .digital-member-card-info-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.11);
}
.digital-member-card-v748 .digital-member-card-info-icon{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  flex:0 0 17px;
  border-radius:5px;
  background:rgba(255,255,255,.11);
  color:#dff4ff;
}
.digital-member-card-v748 .digital-member-card-info-icon svg{
  width:10px;
  height:10px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
}
.digital-member-card-v748 .digital-member-card-info-value{
  display:block;
  min-width:0;
  overflow:hidden;
  color:#fff;
  font-size:10px;
  font-weight:850;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.digital-member-card-v748 .digital-member-card-info-row.is-status .digital-member-card-info-icon{
  background:rgba(60,230,166,.15);
  color:#bfffe4;
}
.digital-member-card-v748 .digital-member-card-info-row.is-status .digital-member-card-info-value{
  color:#d9ffef;
}
.digital-member-card-v748 .digital-member-card-info-row.is-faculty .digital-member-card-info-value{
  font-size:9.4px;
}
@media(max-width:640px){
  .digital-member-card-v748 .digital-member-card-info-grid-compact{gap:6px 8px;margin-top:8px}
  .digital-member-card-v748 .digital-member-card-info-row{gap:5px;padding-top:5px}
  .digital-member-card-v748 .digital-member-card-info-icon{width:13px;height:13px;flex-basis:13px;border-radius:4px}
  .digital-member-card-v748 .digital-member-card-info-icon svg{width:8px;height:8px}
  .digital-member-card-v748 .digital-member-card-info-value{font-size:7.6px;line-height:1.2}
  .digital-member-card-v748 .digital-member-card-info-row.is-faculty .digital-member-card-info-value{font-size:7px}
}
@media(max-width:390px){
  .digital-member-card-v748 .digital-member-card-info-grid-compact{gap:5px 6px}
  .digital-member-card-v748 .digital-member-card-info-row{gap:4px}
  .digital-member-card-v748 .digital-member-card-info-icon{width:12px;height:12px;flex-basis:12px}
  .digital-member-card-v748 .digital-member-card-info-icon svg{width:7px;height:7px}
  .digital-member-card-v748 .digital-member-card-info-value{font-size:7px}
  .digital-member-card-v748 .digital-member-card-info-row.is-faculty .digital-member-card-info-value{font-size:6.5px}
}
/* ===== END v7.2.48 ===== */

/* ===== v7.2.49 — Member Events: bỏ sticky + bỏ trượt ngang bộ lọc ===== */
.member-events-panel .events-sticky-tools{
  position:relative;
  top:auto;
  z-index:2;
}
@media(max-width:720px){
  .member-events-panel .events-sticky-tools{
    position:relative;
    top:auto;
  }
  .member-events-panel .events-filter-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:0;
    overflow:visible;
    width:100%;
  }
  .member-events-panel .events-filter{
    min-width:0;
    width:100%;
    padding:8px 5px;
    white-space:normal;
    line-height:1.2;
    text-align:center;
  }
}
@media(max-width:380px){
  .member-events-panel .events-filter-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
/* ===== END v7.2.49 ===== */


/* ===== v7.2.50 — Member Events: giữ bộ lọc 1 hàng, không sticky ===== */
.member-events-panel .events-sticky-tools{
  position:relative;
  top:auto;
  z-index:2;
}
@media(max-width:720px){
  .member-events-panel .events-filter-row{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:2px;
    width:100%;
    margin:0;
    overflow:visible;
  }
  .member-events-panel .events-filter{
    min-width:0;
    width:100%;
    padding:7px 1px;
    border-radius:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    text-align:center;
    line-height:1;
    font-size:clamp(6.4px,1.75vw,8px);
    letter-spacing:-.02em;
  }
}
@media(max-width:380px){
  .member-events-panel .events-filter-row{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;
  }
  .member-events-panel .events-filter{
    padding:7px 0;
    font-size:clamp(6px,1.65vw,7px);
  }
}
/* ===== END v7.2.50 ===== */

/* ===== v7.2.51 — Bảng tin: composer nâng cấp + album tối đa 10 ảnh ===== */
.admin-news-image{position:relative}.admin-news-image-count{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(8,48,78,.78);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:850;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.newsfeed-composer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.62fr);gap:16px;align-items:start;min-width:0}.newsfeed-compose-main,.newsfeed-compose-side{min-width:0;display:grid;gap:14px}.newsfeed-compose-main{padding:2px}.newsfeed-compose-author{display:flex;align-items:center;gap:11px;padding:14px 15px;border:1px solid #e0e9f0;border-radius:16px;background:linear-gradient(135deg,#f8fbfe,#f2f8fd)}.newsfeed-compose-author>span{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:14px;background:#fff;border:1px solid #dce8f1}.newsfeed-compose-author img{width:35px;height:35px;object-fit:contain}.newsfeed-compose-author>div{display:grid;gap:2px}.newsfeed-compose-author b{color:#163f60;font-size:13px}.newsfeed-compose-author small{color:#8092a1;font-size:9.5px}.newsfeed-compose-title,.newsfeed-compose-content{position:relative;display:grid;gap:7px;padding:14px 15px;border:1px solid #dfe8ef;border-radius:16px;background:#fff}.newsfeed-compose-title>span,.newsfeed-compose-content>span{color:#7190a8;font-size:8.5px;font-weight:900;letter-spacing:.075em}.newsfeed-compose-title input{width:100%;border:0!important;outline:0!important;padding:1px 50px 1px 0!important;background:transparent!important;color:#153e60;font:800 21px/1.35 Inter,sans-serif}.newsfeed-compose-content textarea{width:100%;min-height:230px!important;resize:vertical;border:0!important;outline:0!important;padding:0 0 22px!important;background:transparent!important;color:#3f586c;font:500 13px/1.75 Inter,sans-serif}.newsfeed-compose-title>small,.newsfeed-compose-content>small{position:absolute;right:13px;bottom:10px;color:#9aabb8;font-size:8.5px;font-weight:750}.newsfeed-media-box{padding:15px;border:1px solid #dfe8ef;border-radius:17px;background:#fff}.newsfeed-media-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.newsfeed-media-head>div{min-width:0}.newsfeed-media-head span,.newsfeed-compose-panel-head span{display:block;margin-bottom:3px;color:#7d97aa;font-size:8px;font-weight:900;letter-spacing:.08em}.newsfeed-media-head h4,.newsfeed-compose-panel-head h4{margin:0;color:#173f60;font-size:13px}.newsfeed-media-head p{margin:5px 0 0;color:#8395a4;font-size:9px;line-height:1.5}.newsfeed-media-head>b{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#eef6fd;color:#0765b5;font-size:9px}.newsfeed-media-drop{display:grid;place-items:center;width:100%;min-height:108px;padding:15px;border:1.5px dashed #bfd6e8;border-radius:15px;background:linear-gradient(135deg,#f8fbfe,#f2f8fd);color:#4d718d;font:inherit;cursor:pointer;transition:.18s ease}.newsfeed-media-drop:hover,.newsfeed-media-drop.dragging{border-color:#0780d5;background:#eef8ff;box-shadow:0 0 0 4px rgba(7,128,213,.06)}.newsfeed-media-drop.full{opacity:.55;cursor:not-allowed}.newsfeed-media-drop strong{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:#e2f1fc;color:#0875c7;font-size:21px;font-weight:500}.newsfeed-media-drop span{color:#23526f;font-size:11px;font-weight:800}.newsfeed-media-drop small{margin-top:3px;color:#91a1ae;font-size:8.5px}.newsfeed-media-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.newsfeed-media-preview:empty{display:none}.newsfeed-media-tile{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid #dbe6ee;border-radius:12px;background:#eef4f8}.newsfeed-media-tile img{display:block;width:100%;height:100%;object-fit:cover}.newsfeed-media-tile>span{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 6px;border-radius:7px;background:rgba(10,47,75,.74);color:#fff;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newsfeed-media-tile>button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.6);border-radius:8px;background:rgba(20,45,64,.72);color:#fff;font-size:16px;line-height:1;cursor:pointer}.newsfeed-compose-panel{padding:15px;border:1px solid #dfe8ef;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(29,65,91,.035)}.newsfeed-compose-panel-head{margin-bottom:11px}.newsfeed-compose-panel .field{margin-top:9px}.newsfeed-compose-panel .field:first-of-type{margin-top:0}.newsfeed-pin-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;border:1px solid #e2ebf1;border-radius:13px;background:#f8fafc;cursor:pointer}.newsfeed-pin-toggle>input{display:none}.newsfeed-pin-toggle>span{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#cbd7e0;transition:.18s ease}.newsfeed-pin-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.18s ease}.newsfeed-pin-toggle>input:checked+span{background:#0d8bd6}.newsfeed-pin-toggle>input:checked+span:after{transform:translateX(16px)}.newsfeed-pin-toggle>div{min-width:0;display:grid;gap:2px}.newsfeed-pin-toggle b{color:#31536c;font-size:10px}.newsfeed-pin-toggle small{color:#8b9ba8;font-size:8px;line-height:1.4}.newsfeed-compose-actions{position:sticky;bottom:8px;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:9px;border:1px solid #dce6ed;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(32,65,88,.11);backdrop-filter:blur(16px)}.newsfeed-compose-actions .btn{min-height:44px}.newsfeed-compose-actions .btn:last-child{width:100%}

.newsfeed-photo-grid{display:grid;width:100%;height:420px;gap:2px;overflow:hidden;background:#edf3f7}.newsfeed-photo-cell{position:relative;min-width:0;min-height:0;border:0;padding:0;background:#edf3f7;cursor:pointer;overflow:hidden}.newsfeed-photo-cell img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.newsfeed-photo-cell:hover img{transform:scale(1.012)}.newsfeed-photo-grid.photos-1{grid-template-columns:1fr}.newsfeed-photo-grid.photos-2{grid-template-columns:1fr 1fr}.newsfeed-photo-grid.photos-3{grid-template-columns:1.35fr .8fr;grid-template-rows:1fr 1fr}.newsfeed-photo-grid.photos-3 .photo-1{grid-row:1/3}.newsfeed-photo-grid.photos-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.newsfeed-photo-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,38,64,.5);color:#fff;font-size:28px;font-weight:850;backdrop-filter:blur(2px)}.newsfeed-image-wrap{position:relative}.newsfeed-photo-count{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;min-width:36px;height:28px;padding:0 8px;border-radius:999px;background:rgba(7,42,68,.76);color:#fff;font-size:10px;font-weight:850;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.newsfeed-reader-cover{border:0;padding:0;width:100%;text-align:inherit;cursor:pointer}.newsfeed-reader-photo-count{position:absolute;right:18px;bottom:17px;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(5,36,61,.68);color:#fff;font-size:9px;font-weight:850;backdrop-filter:blur(10px)}.newsfeed-reader-gallery{padding:17px;border:1px solid #e1eaf1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(33,67,94,.04)}.newsfeed-reader-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.newsfeed-reader-gallery-grid button{aspect-ratio:4/3;overflow:hidden;border:0;padding:0;border-radius:11px;background:#eef4f8;cursor:pointer}.newsfeed-reader-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:.2s ease}.newsfeed-reader-gallery-grid button:hover img{transform:scale(1.025)}
.newsfeed-gallery-lightbox{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,18,29,.9);backdrop-filter:blur(13px)}.newsfeed-gallery-viewer{position:relative;width:min(1100px,100%);height:min(88vh,860px);display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:20px;overflow:hidden;background:#071a28;box-shadow:0 28px 80px rgba(0,0,0,.45)}.newsfeed-gallery-stage{display:grid;place-items:center;min-height:0;padding:14px}.newsfeed-gallery-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.newsfeed-gallery-close{position:absolute;z-index:2;right:12px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(0,0,0,.45);color:#fff;font-size:24px;cursor:pointer}.newsfeed-gallery-toolbar{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.09);background:#0c2333}.newsfeed-gallery-toolbar button{height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#163449;color:#fff;font-size:18px;cursor:pointer}.newsfeed-gallery-toolbar button:disabled{opacity:.35}.newsfeed-gallery-toolbar span{text-align:center;color:#dce8ef;font-size:11px;font-weight:800}
@media(max-width:900px){.newsfeed-composer{grid-template-columns:1fr}.newsfeed-compose-side{grid-template-columns:1fr 1fr}.newsfeed-compose-actions{grid-column:1/-1}.newsfeed-media-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.newsfeed-photo-grid{height:340px}.newsfeed-reader-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.newsfeed-composer{gap:10px}.newsfeed-compose-main,.newsfeed-compose-side{gap:10px}.newsfeed-compose-side{grid-template-columns:1fr}.newsfeed-compose-author,.newsfeed-compose-title,.newsfeed-compose-content,.newsfeed-media-box,.newsfeed-compose-panel{border-radius:14px}.newsfeed-compose-title input{font-size:17px}.newsfeed-compose-content textarea{min-height:190px!important;font-size:12px}.newsfeed-media-head{display:grid;grid-template-columns:1fr auto}.newsfeed-media-head>b{grid-column:2;grid-row:1;align-self:start}.newsfeed-media-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.newsfeed-compose-actions{bottom:4px;padding:7px}.newsfeed-photo-grid{height:250px}.newsfeed-reader-gallery{padding:13px;border-radius:14px}.newsfeed-reader-gallery-grid{gap:5px}.newsfeed-gallery-lightbox{padding:0}.newsfeed-gallery-viewer{width:100%;height:100dvh;border-radius:0}.newsfeed-gallery-stage{padding:8px}.newsfeed-reader-photo-count{right:12px;bottom:12px}}
@media(max-width:390px){.newsfeed-media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.newsfeed-photo-grid{height:220px}}
/* ===== END v7.2.51 ===== */

/* ===== v7.2.52 — Tối ưu danh sách quản lý Bảng tin ===== */
#newsfeedAdmin .newsfeed-admin-summary,
#newsfeedAdmin .newsfeed-filter-toolbar,
#newsfeedAdmin .newsfeed-admin-list{width:100%;max-width:1380px;margin-left:auto;margin-right:auto}
#newsfeedAdmin .newsfeed-admin-list{gap:14px}
#newsfeedAdmin .newsfeed-filter-toolbar{grid-template-columns:minmax(280px,1fr) 190px 190px auto;align-items:center;margin-bottom:16px;padding:9px}
#newsfeedAdmin .newsfeed-filter-toolbar input,
#newsfeedAdmin .newsfeed-filter-toolbar select{min-height:48px;border-radius:14px;padding-left:16px;padding-right:16px}
#newsfeedAdmin .newsfeed-filter-toolbar .btn{min-height:48px;border-radius:14px;white-space:nowrap}

#newsfeedAdmin .admin-news-card-v2{grid-template-columns:260px minmax(0,1fr);min-height:220px;border-radius:22px;overflow:hidden;background:#fff}
#newsfeedAdmin .admin-news-card-v2:not(:has(.admin-news-image)){grid-template-columns:1fr}
#newsfeedAdmin .admin-news-card-v2 .admin-news-image{min-height:0;height:100%;max-height:250px;aspect-ratio:4/3;background:#eef4f9;overflow:hidden}
#newsfeedAdmin .admin-news-card-v2 .admin-news-image img{width:100%;height:100%;object-fit:cover}
#newsfeedAdmin .admin-news-card-v2 .admin-news-body{min-width:0;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
#newsfeedAdmin .admin-news-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
#newsfeedAdmin .admin-news-topbar .newsfeed-tags{justify-content:flex-start;min-width:0}
#newsfeedAdmin .admin-news-actions{flex:0 0 auto;margin:0;gap:7px;flex-wrap:nowrap}
#newsfeedAdmin .admin-news-actions .btn{min-width:58px;min-height:36px;border-radius:11px;padding:0 13px}
#newsfeedAdmin .admin-news-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:12px 0 6px;font-size:21px;line-height:1.38;letter-spacing:-.012em;color:#153b5f;overflow-wrap:anywhere}
#newsfeedAdmin .admin-news-facts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#71859a;font-size:12px;font-weight:650}
#newsfeedAdmin .admin-news-facts span+span:before{content:'·';margin-right:7px;color:#adbac6}
#newsfeedAdmin .admin-news-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:13px 0 14px!important;color:#455c72!important;font-size:13.5px;line-height:1.65!important;overflow-wrap:anywhere}
#newsfeedAdmin .admin-news-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
#newsfeedAdmin .admin-news-meta{min-width:0;display:flex;gap:7px;flex-wrap:wrap}
#newsfeedAdmin .admin-news-meta span{max-width:min(100%,420px);min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#newsfeedAdmin .admin-news-image-count{right:12px;bottom:12px;min-height:30px;padding:0 11px;font-size:10.5px}

@media(min-width:1500px){
  #newsfeedAdmin .admin-news-card-v2{grid-template-columns:280px minmax(0,1fr)}
  #newsfeedAdmin .admin-news-card-v2 .admin-news-image{max-height:240px}
}
@media(max-width:980px){
  #newsfeedAdmin .newsfeed-filter-toolbar{grid-template-columns:1fr 1fr}
  #newsfeedAdmin .newsfeed-filter-toolbar input{grid-column:1/-1}
  #newsfeedAdmin .admin-news-card-v2{grid-template-columns:220px minmax(0,1fr)}
  #newsfeedAdmin .admin-news-card-v2 .admin-news-body{padding:17px 18px}
  #newsfeedAdmin .admin-news-title{font-size:18px}
}
@media(max-width:700px){
  #newsfeedAdmin .newsfeed-filter-toolbar{grid-template-columns:1fr;padding:7px;gap:7px}
  #newsfeedAdmin .newsfeed-filter-toolbar input{grid-column:auto}
  #newsfeedAdmin .newsfeed-filter-toolbar input,
  #newsfeedAdmin .newsfeed-filter-toolbar select,
  #newsfeedAdmin .newsfeed-filter-toolbar .btn{min-height:44px;border-radius:12px}
  #newsfeedAdmin .admin-news-card-v2{grid-template-columns:1fr;min-height:0;border-radius:18px}
  #newsfeedAdmin .admin-news-card-v2 .admin-news-image{width:100%;height:auto;max-height:none;aspect-ratio:16/9}
  #newsfeedAdmin .admin-news-card-v2 .admin-news-body{padding:14px 15px 15px}
  #newsfeedAdmin .admin-news-topbar{align-items:flex-start}
  #newsfeedAdmin .admin-news-topbar .newsfeed-tags{gap:5px}
  #newsfeedAdmin .admin-news-actions{gap:5px}
  #newsfeedAdmin .admin-news-actions .btn{min-width:50px;min-height:32px;padding:0 10px;font-size:10px}
  #newsfeedAdmin .admin-news-title{-webkit-line-clamp:2;margin-top:10px;font-size:17px;line-height:1.4}
  #newsfeedAdmin .admin-news-excerpt{-webkit-line-clamp:2;margin:10px 0 11px!important;font-size:12.5px}
  #newsfeedAdmin .admin-news-facts{font-size:10.5px;gap:5px}
  #newsfeedAdmin .admin-news-facts span+span:before{margin-right:5px}
  #newsfeedAdmin .admin-news-meta span{max-width:100%;min-height:28px;font-size:10px}
}
@media(max-width:390px){
  #newsfeedAdmin .admin-news-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #newsfeedAdmin .admin-news-topbar .newsfeed-tags .badge{font-size:8px;padding-left:7px;padding-right:7px}
  #newsfeedAdmin .admin-news-actions .btn{min-width:44px;padding:0 8px}
}
/* ===== END v7.2.52 ===== */


/* ===== v7.2.53 — Hotfix card Bảng tin Cổng điều hành =====
   Không dùng grid cho card có ảnh để tránh ảnh đè lên nội dung ở viewport/DPR lớn. */
#newsfeedAdmin .admin-news-card-v3{
  display:flex!important;
  align-items:stretch;
  position:relative;
  isolation:isolate;
  width:100%;
  min-width:0;
  min-height:230px;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-sizing:border-box;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-image{
  position:relative;
  z-index:0;
  flex:0 0 280px;
  width:280px;
  min-width:280px;
  max-width:280px;
  min-height:230px;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  overflow:hidden;
  background:#eef4f9;
  box-sizing:border-box;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-image img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  object-position:center;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-body{
  position:relative;
  z-index:1;
  flex:1 1 0;
  width:0;
  min-width:0;
  max-width:100%;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  box-sizing:border-box;
}
#newsfeedAdmin .admin-news-card-v3.no-image .admin-news-body{
  flex-basis:100%;
  width:100%;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
  width:100%;
  min-width:0;
}
#newsfeedAdmin .admin-news-card-v3 .newsfeed-tags{
  min-width:0;
  justify-content:flex-start;
  overflow:visible;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex:0 0 auto;
  justify-content:flex-end;
  gap:7px;
  margin:0;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-title,
#newsfeedAdmin .admin-news-card-v3 .admin-news-facts,
#newsfeedAdmin .admin-news-card-v3 .admin-news-excerpt,
#newsfeedAdmin .admin-news-card-v3 .admin-news-bottom{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-title{
  margin:12px 0 6px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#153b5f;
  font-size:21px;
  line-height:1.38;
  letter-spacing:-.012em;
  overflow-wrap:anywhere;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-excerpt{
  margin:12px 0 13px!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#455c72!important;
  font-size:13.5px;
  line-height:1.65!important;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-meta{
  min-width:0;
  max-width:100%;
}
#newsfeedAdmin .admin-news-card-v3 .admin-news-meta span{
  max-width:min(100%,460px);
}

@media(max-width:1100px){
  #newsfeedAdmin .admin-news-card-v3 .admin-news-image{
    flex-basis:230px;
    width:230px;
    min-width:230px;
    max-width:230px;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-body{padding:17px 18px}
  #newsfeedAdmin .admin-news-card-v3 .admin-news-title{font-size:18px}
}
@media(max-width:760px){
  #newsfeedAdmin .admin-news-card-v3{
    flex-direction:column;
    min-height:0;
    border-radius:18px;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-image{
    flex:0 0 auto;
    width:100%;
    min-width:0;
    max-width:none;
    min-height:0;
    height:auto;
    aspect-ratio:16/9;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-image img{position:absolute}
  #newsfeedAdmin .admin-news-card-v3 .admin-news-body{
    flex:0 0 auto;
    width:100%;
    padding:14px 15px 15px;
    overflow:visible;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-title{
    margin-top:10px;
    font-size:17px;
    line-height:1.4;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-excerpt{
    -webkit-line-clamp:2;
    margin:9px 0 10px!important;
    font-size:12.5px;
  }
}
@media(max-width:430px){
  #newsfeedAdmin .admin-news-card-v3 .admin-news-topbar{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  #newsfeedAdmin .admin-news-card-v3 .admin-news-actions{gap:5px}
  #newsfeedAdmin .admin-news-card-v3 .admin-news-actions .btn{
    min-width:44px;
    min-height:32px;
    padding:0 8px;
    font-size:10px;
  }
}
/* ===== END v7.2.53 ===== */

/* ===== v7.2.54 — Newsfeed detail: content first, images below ===== */
.newsfeed-reader-hero-first{border-top:0}
.newsfeed-reader-gallery-grid.single{grid-template-columns:minmax(0,1fr)}
.newsfeed-reader-gallery-grid.single button{aspect-ratio:16/9;max-height:560px}
.newsfeed-reader-gallery-grid.single img{object-fit:cover}
@media(max-width:640px){
  .newsfeed-reader-gallery-grid.single{grid-template-columns:minmax(0,1fr)}
  .newsfeed-reader-gallery-grid.single button{aspect-ratio:4/3;max-height:none}
}
/* ===== END v7.2.54 ===== */

/* ===== v7.2.55 — Newsfeed detail compact reading layout ===== */
.newsfeed-detail-v755 .newsfeed-reader-article-clean{
  padding:17px 18px;
}
.newsfeed-detail-v755 .newsfeed-reader-article-clean .newsfeed-detail-content{
  margin:0;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-clean{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid button{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:13px;
  background:#eaf1f6;
  cursor:pointer;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid.single{
  grid-template-columns:1fr;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid.single button{
  aspect-ratio:16/9;
  max-height:520px;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid.count-3 .gallery-item-1,
.newsfeed-detail-v755 .newsfeed-reader-gallery-grid.count-5 .gallery-item-1{
  grid-column:1/-1;
  aspect-ratio:16/9;
}
.newsfeed-detail-v755 .newsfeed-reader-gallery-more{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:rgba(8,43,71,.58);
  color:#fff;
  font-size:24px;
  font-weight:900;
  backdrop-filter:blur(2px);
}
.newsfeed-detail-v755 .newsfeed-reader-info-compact{
  display:grid;
  gap:0;
  padding:5px 14px;
}
.newsfeed-detail-v755 .newsfeed-reader-info-chip{
  display:grid;
  grid-template-columns:minmax(86px,.8fr) minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:39px;
  padding:7px 0;
  border-top:1px solid #edf2f6;
}
.newsfeed-detail-v755 .newsfeed-reader-info-chip:first-child{border-top:0}
.newsfeed-detail-v755 .newsfeed-reader-info-chip span{
  color:#8797a6;
  font-size:9px;
  font-weight:800;
}
.newsfeed-detail-v755 .newsfeed-reader-info-chip b{
  min-width:0;
  color:#294c66;
  font-size:10px;
  text-align:right;
  overflow-wrap:anywhere;
}
@media(max-width:900px){
  .newsfeed-detail-v755 .newsfeed-reader-side{
    grid-template-columns:1fr 1fr;
  }
  .newsfeed-detail-v755 .newsfeed-reader-info-compact{
    min-height:100%;
  }
}
@media(max-width:760px){
  .newsfeed-detail-v755 .newsfeed-reader-grid{
    gap:8px;
  }
  .newsfeed-detail-v755 .newsfeed-reader-main,
  .newsfeed-detail-v755 .newsfeed-reader-side{
    gap:8px;
  }
  .newsfeed-detail-v755 .newsfeed-reader-side{
    grid-template-columns:1fr;
  }
  .newsfeed-detail-v755 .newsfeed-reader-article-clean{
    padding:14px 15px;
    border-radius:14px;
  }
  .newsfeed-detail-v755 .newsfeed-reader-gallery-grid{
    gap:5px;
  }
  .newsfeed-detail-v755 .newsfeed-reader-gallery-grid button{
    border-radius:10px;
  }
  .newsfeed-detail-v755 .newsfeed-reader-gallery-grid.single button{
    aspect-ratio:4/3;
    max-height:none;
  }
  .newsfeed-detail-v755 .newsfeed-reader-gallery-grid.count-3 .gallery-item-1,
  .newsfeed-detail-v755 .newsfeed-reader-gallery-grid.count-5 .gallery-item-1{
    aspect-ratio:16/9;
  }
  .newsfeed-detail-v755 .newsfeed-reader-info-compact{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:0;
    overflow:hidden;
  }
  .newsfeed-detail-v755 .newsfeed-reader-info-chip{
    display:flex;
    min-width:0;
    min-height:54px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    padding:9px 10px;
    border-top:0;
    border-left:1px solid #edf2f6;
  }
  .newsfeed-detail-v755 .newsfeed-reader-info-chip:first-child{border-left:0}
  .newsfeed-detail-v755 .newsfeed-reader-info-chip span{font-size:7.5px}
  .newsfeed-detail-v755 .newsfeed-reader-info-chip b{
    width:100%;
    font-size:9px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media(max-width:390px){
  .newsfeed-detail-v755 .newsfeed-reader-info-chip{padding:8px 7px}
  .newsfeed-detail-v755 .newsfeed-reader-info-chip span{font-size:7px}
  .newsfeed-detail-v755 .newsfeed-reader-info-chip b{font-size:8.5px}
}
/* ===== END v7.2.55 ===== */


/* ===== v7.2.56 — First photo hero below article content ===== */
.newsfeed-detail-v756 .newsfeed-reader-gallery-v756{
  display:grid;
  gap:8px;
}
.newsfeed-detail-v756 .newsfeed-reader-cover-v756{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  border-radius:16px;
  overflow:hidden;
  background:#eaf1f6;
  cursor:zoom-in;
  aspect-ratio:16/9;
  max-height:540px;
}
.newsfeed-detail-v756 .newsfeed-reader-cover-v756 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}
.newsfeed-detail-v756 .newsfeed-reader-cover-v756:hover img{transform:scale(1.012)}
.newsfeed-detail-v756 .newsfeed-reader-thumbs-v756{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.newsfeed-detail-v756 .newsfeed-reader-thumb-v756{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  border-radius:12px;
  overflow:hidden;
  background:#eaf1f6;
  cursor:zoom-in;
  aspect-ratio:4/3;
}
.newsfeed-detail-v756 .newsfeed-reader-thumb-v756 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}
.newsfeed-detail-v756 .newsfeed-reader-thumb-v756:hover img{transform:scale(1.025)}
.newsfeed-detail-v756 .newsfeed-reader-cover-v756:focus-visible,
.newsfeed-detail-v756 .newsfeed-reader-thumb-v756:focus-visible{
  outline:3px solid rgba(8,107,216,.22);
  outline-offset:2px;
}
@media(max-width:760px){
  .newsfeed-detail-v756 .newsfeed-reader-gallery-v756{gap:6px}
  .newsfeed-detail-v756 .newsfeed-reader-cover-v756{
    aspect-ratio:4/3;
    max-height:none;
    border-radius:13px;
  }
  .newsfeed-detail-v756 .newsfeed-reader-thumbs-v756{
    gap:5px;
  }
  .newsfeed-detail-v756 .newsfeed-reader-thumb-v756{
    border-radius:9px;
  }
}
@media(max-width:420px){
  .newsfeed-detail-v756 .newsfeed-reader-thumbs-v756{grid-template-columns:repeat(2,minmax(0,1fr))}
  .newsfeed-detail-v756 .newsfeed-reader-cover-v756{aspect-ratio:16/11}
}
/* ===== END v7.2.56 ===== */

/* ===== v7.2.57 — Admin event card mobile compact layout ===== */
@media (max-width:680px){
  .admin-app .admin-event-card{
    padding:12px!important;
    border-radius:16px!important;
    overflow:hidden;
  }
  .admin-app .admin-event-top{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
  }
  .admin-app .admin-event-card .event-datebox{
    width:56px!important;
    height:64px!important;
    border-radius:13px!important;
  }
  .admin-app .admin-event-card .event-datebox strong{font-size:22px!important}
  .admin-app .admin-event-card .event-datebox span{font-size:9px!important}
  .admin-app .admin-event-title>.badge{
    margin:0 0 6px!important;
    padding:5px 9px!important;
    font-size:9.5px!important;
  }
  .admin-app .admin-event-card h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.42!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .admin-app .admin-event-card .event-info{
    display:grid!important;
    gap:4px!important;
    margin-top:7px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .admin-app .admin-event-card .event-info span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .admin-app .event-admin-metrics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:12px!important;
    padding-top:12px!important;
  }
  .admin-app .event-admin-metrics>div,
  .admin-app .event-admin-metrics>div:last-child:nth-child(odd){
    grid-column:auto!important;
    min-height:66px;
    padding:9px 10px;
    border:1px solid #e5edf5;
    border-radius:12px;
    background:#f8fbfe;
  }
  .admin-app .event-admin-metrics span{
    font-size:8.5px!important;
    line-height:1.2!important;
    letter-spacing:.025em!important;
  }
  .admin-app .event-admin-metrics b{
    margin-top:4px!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .admin-app .event-admin-metrics i{
    height:4px!important;
    margin-top:7px!important;
  }

  .admin-app .event-config-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:10px!important;
  }
  .admin-app .event-config-row span{
    min-width:0;
    padding:7px 8px!important;
    border-radius:10px!important;
    background:#f1f5f9!important;
    color:#60758a!important;
    font-size:9px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }

  .admin-app .event-admin-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  .admin-app .event-admin-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 8px!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .admin-app .event-admin-actions .btn:first-child{
    grid-column:1/-1!important;
    min-height:46px!important;
    font-size:12px!important;
  }
  .admin-app .event-admin-actions .btn:last-child:nth-child(even){grid-column:1/-1!important}
}

@media (max-width:430px){
  .admin-app .event-admin-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .admin-app .event-config-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .admin-app .event-admin-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:350px){
  .admin-app .event-config-row{grid-template-columns:1fr!important}
  .admin-app .event-admin-actions{grid-template-columns:1fr!important}
  .admin-app .event-admin-actions .btn:first-child,
  .admin-app .event-admin-actions .btn:last-child:nth-child(even){grid-column:auto!important}
}
/* ===== END v7.2.57 ===== */

/* ===== v7.2.58 — Admin events card visual hierarchy upgrade ===== */
@media (min-width:681px){
  .admin-app .admin-event-grid{
    gap:18px!important;
    align-items:stretch;
  }
  .admin-app .admin-event-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%;
    padding:20px!important;
    border-color:#dbe7f0!important;
    border-radius:20px!important;
    box-shadow:0 12px 32px rgba(23,61,98,.065)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    overflow:hidden;
  }
  .admin-app .admin-event-card:hover{
    transform:translateY(-1px);
    border-color:#c9ddeb!important;
    box-shadow:0 16px 38px rgba(23,61,98,.085)!important;
  }
  .admin-app .admin-event-top{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:17px!important;
    align-items:start!important;
    min-height:102px;
  }
  .admin-app .admin-event-card .event-datebox{
    width:74px!important;
    height:82px!important;
    border-radius:18px!important;
    border-color:#cfe3f5!important;
    background:linear-gradient(180deg,#f7fbff 0%,#e9f5ff 100%)!important;
    box-shadow:inset 0 1px 0 #fff;
  }
  .admin-app .admin-event-card .event-datebox strong{
    font-size:30px!important;
    letter-spacing:-.03em;
  }
  .admin-app .admin-event-card .event-datebox span{
    margin-top:6px!important;
    font-size:10px!important;
  }
  .admin-app .admin-event-title>.badge{
    margin:0 0 8px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:10px!important;
  }
  .admin-app .admin-event-card h3{
    margin:0!important;
    color:#123b61!important;
    font-size:19px!important;
    line-height:1.35!important;
    letter-spacing:-.012em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .admin-app .admin-event-card .event-info{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    margin-top:9px!important;
    color:#71869a!important;
    font-size:10.5px!important;
  }
  .admin-app .admin-event-card .event-info span{
    min-width:0;
    max-width:100%;
  }
  .admin-app .event-admin-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:15px!important;
    padding:14px 0 0!important;
    border-top:1px solid #e8eff5!important;
  }
  .admin-app .event-admin-metrics>div,
  .admin-app .event-admin-metrics>div:last-child:nth-child(odd){
    grid-column:auto!important;
    min-width:0;
    min-height:78px;
    padding:11px 12px!important;
    border:1px solid #e4edf4;
    border-radius:13px;
    background:linear-gradient(180deg,#fbfdff 0%,#f5f9fc 100%);
  }
  .admin-app .event-admin-metrics span{
    color:#7b90a3!important;
    font-size:8.5px!important;
    font-weight:850!important;
    letter-spacing:.045em!important;
  }
  .admin-app .event-admin-metrics b{
    margin-top:5px!important;
    color:#173f63!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:-.02em;
  }
  .admin-app .event-admin-metrics i{
    height:4px!important;
    margin-top:9px!important;
    background:#e4edf4!important;
  }
  .admin-app .event-config-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:12px!important;
  }
  .admin-app .event-config-row span{
    min-width:0;
    min-height:36px;
    display:flex!important;
    align-items:center;
    padding:7px 9px!important;
    border:1px solid #e5edf4;
    border-radius:10px!important;
    background:#f6f9fc!important;
    color:#60768a!important;
    font-size:9px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .admin-app .event-admin-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:auto!important;
    padding-top:15px!important;
  }
  .admin-app .event-admin-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .admin-app .event-admin-actions .btn:first-child{
    box-shadow:0 7px 16px rgba(9,107,199,.13);
  }
}

@media (min-width:681px) and (max-width:1280px){
  .admin-app .event-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-app .event-config-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:680px){
  .admin-app .admin-event-card{
    box-shadow:0 8px 22px rgba(23,61,98,.055)!important;
  }
  .admin-app .event-admin-metrics>div,
  .admin-app .event-admin-metrics>div:last-child:nth-child(odd){
    min-height:61px!important;
  }
  .admin-app .event-admin-actions .btn{
    box-shadow:none!important;
  }
}
/* ===== END v7.2.58 ===== */


/* ===== v7.2.59 — Compact Newsfeed detail header ===== */
.newsfeed-reader-hero.newsfeed-reader-hero-compact{
  padding:15px 20px 14px;
}
.newsfeed-reader-hero-compact .newsfeed-reader-compact-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.newsfeed-reader-hero-compact .newsfeed-reader-author{
  flex:1 1 auto;
  min-width:0;
  gap:8px;
}
.newsfeed-reader-hero-compact .newsfeed-reader-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:11px;
}
.newsfeed-reader-hero-compact .newsfeed-reader-avatar img{
  width:29px;
  height:29px;
}
.newsfeed-reader-hero-compact .newsfeed-reader-author>div{
  gap:0;
}
.newsfeed-reader-hero-compact .newsfeed-reader-author b{
  color:#244863;
  font-size:11.5px;
  line-height:1.25;
}
.newsfeed-reader-hero-compact .newsfeed-reader-author small{
  margin-top:2px;
  color:#8396a7;
  font-size:8.8px;
  line-height:1.25;
}
.newsfeed-reader-hero-compact .newsfeed-reader-tags-inline{
  flex:0 1 auto;
  justify-content:flex-end;
  margin:0;
  gap:5px;
}
.newsfeed-reader-hero-compact .newsfeed-reader-tags-inline span{
  min-height:24px;
  padding:0 8px;
  font-size:8px;
  white-space:nowrap;
}
.newsfeed-reader-hero-compact h2{
  max-width:none;
  margin:10px 0 0;
  font-size:24px;
  line-height:1.28;
  letter-spacing:-.015em;
}
@media(max-width:760px){
  .newsfeed-reader-hero.newsfeed-reader-hero-compact{
    padding:11px 13px 10px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-compact-top{
    gap:8px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-avatar img{
    width:27px;
    height:27px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-author b{
    font-size:10.5px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-author small{
    font-size:8px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-tags-inline{
    max-width:52%;
    flex-wrap:wrap;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-tags-inline span{
    min-height:22px;
    padding:0 7px;
    font-size:7.5px;
  }
  .newsfeed-reader-hero-compact h2{
    margin-top:9px;
    font-size:18px;
    line-height:1.32;
  }
}
@media(max-width:390px){
  .newsfeed-reader-hero-compact .newsfeed-reader-compact-top{
    align-items:flex-start;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-tags-inline{
    max-width:46%;
    gap:4px;
  }
  .newsfeed-reader-hero-compact .newsfeed-reader-tags-inline span{
    min-height:21px;
    padding:0 6px;
    font-size:7px;
  }
  .newsfeed-reader-hero-compact h2{
    font-size:17px;
  }
}
/* ===== END v7.2.59 ===== */


/* ===== v7.2.60 — Newsfeed detail hero cover on top ===== */
.newsfeed-detail-cover-top{padding:16px 24px 0;background:#f5f8fb}
.newsfeed-detail-banner-top{display:block;width:100%;padding:0;border:0;border-radius:22px;cursor:pointer;box-shadow:0 14px 36px rgba(21,61,96,.12);overflow:hidden}
.newsfeed-detail-banner-top.event-detail-banner{height:280px}
.newsfeed-detail-v760 .newsfeed-reader-hero{padding-top:18px}
.newsfeed-detail-v760 .newsfeed-reader-grid{padding-top:14px}
@media(max-width:760px){
  .newsfeed-detail-cover-top{padding:12px 12px 0}
  .newsfeed-detail-banner-top{border-radius:18px}
  .newsfeed-detail-banner-top.event-detail-banner{height:210px}
  .newsfeed-detail-v760 .newsfeed-reader-hero{padding-top:14px}
}
@media(max-width:440px){
  .newsfeed-detail-banner-top.event-detail-banner{height:180px}
}
/* ===== END v7.2.60 ===== */

/* ===== v7.2.62 — Event ranking module ===== */
.ranking-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.7fr)) repeat(2,minmax(140px,.6fr)) auto auto;gap:10px;margin:14px 0}.ranking-toolbar input,.ranking-toolbar select{min-width:0;height:44px;border:1px solid #d8e4ee;border-radius:13px;background:#fff;padding:0 12px;font:inherit;color:#244863}.ranking-toolbar label{display:grid;gap:4px;color:#7c90a3;font-size:9px;font-weight:800}.ranking-toolbar label input{height:34px}.ranking-summary{margin:12px 0}.ranking-table th,.ranking-table td{white-space:nowrap}.ranking-position{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#edf4fa;color:#345b78;font-weight:900}.ranking-position.top{background:#dff2ff;color:#0764ba}.rank-plus{color:#0c9c70;font-weight:800}.rank-minus{color:#d56a19;font-weight:800}.ranking-total{display:inline-grid;place-items:center;min-width:50px;height:34px;padding:0 10px;border-radius:10px;background:#e2f7ef;color:#0b8a66;font-size:16px}.ranking-total.negative{background:#fdebec;color:#c83d4f}.event-ranking-config{border-color:#cfe4f7!important;background:linear-gradient(135deg,#f8fcff,#f2f8fd)!important}.ranking-point-inputs{margin-top:12px}
.member-ranking-summary{margin-bottom:14px}.member-rank-hero{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);gap:14px;padding:18px;border:1px solid #dfe9f1;border-radius:22px;background:linear-gradient(135deg,#075fc2,#0c82dc);color:#fff;box-shadow:0 12px 32px rgba(6,85,157,.15)}.member-rank-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border-right:1px solid rgba(255,255,255,.18)}.member-rank-hero>div:first-child span{font-size:11px;font-weight:800;opacity:.82}.member-rank-hero>div:first-child strong{font-size:48px;line-height:1;font-weight:900;margin:7px 0}.member-rank-hero>div:first-child strong.negative{color:#ffe1e1}.member-rank-hero>div:first-child small{font-size:10px;opacity:.75}.member-rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.member-rank-grid>div{display:grid;gap:3px;padding:13px;border-radius:15px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.member-rank-grid span{font-size:9px;font-weight:800;opacity:.8}.member-rank-grid b{font-size:22px}.member-rank-grid small{font-size:9px;opacity:.72}.member-ranking-history{display:grid;gap:8px}.member-rank-history-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f6}.member-rank-history-item:last-child{border-bottom:0}.member-rank-history-item>div:last-child{min-width:0;display:grid;gap:3px}.member-rank-history-item b{color:#244863;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-rank-history-item span{color:#8192a1;font-size:10px}.rank-history-points{display:grid;place-items:center;flex:0 0 48px;height:38px;border-radius:12px;font-weight:900}.rank-history-points.plus{background:#e1f7ef;color:#0b8a66}.rank-history-points.minus{background:#fff0e7;color:#c8671c}
@media(max-width:1100px){.ranking-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-toolbar>*:first-child{grid-column:span 2}.member-rank-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ranking-toolbar{grid-template-columns:1fr 1fr}.ranking-toolbar>*:first-child{grid-column:1/-1}.ranking-toolbar .btn{width:100%}.ranking-table-wrap{overflow:auto}.member-rank-hero{grid-template-columns:1fr;padding:13px;border-radius:18px}.member-rank-hero>div:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:7px 4px 13px}.member-rank-hero>div:first-child strong{font-size:42px}.member-rank-grid{grid-template-columns:1fr 1fr}.member-rank-grid>div{padding:11px}.member-rank-grid b{font-size:19px}.member-ranking-history-card{padding:14px!important}.member-rank-history-item b{font-size:11.5px}}
/* ===== END v7.2.62 ===== */

.ranking-event-chip{background:#e9f5ff!important;color:#0864b5!important;border:1px solid #cce6fb!important;font-weight:850!important}


/* ===== v7.2.62 — Ranking data sync visibility ===== */
.ranking-sync-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;color:#60788d;font-size:11px}.ranking-sync-status span{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid #dfe9f1;border-radius:999px;background:#fff}.ranking-sync-status b{color:#174d76}.ranking-sync-status .error{color:#b42318;border-color:#f1c7c2;background:#fff7f6}@media(max-width:700px){.ranking-sync-status{gap:6px}.ranking-sync-status span{font-size:10px}}
/* ===== END v7.2.62 ===== */


/* ===== v7.2.63 — Ranking full dataset + 50-row pagination UI ===== */
#rankingAdmin .admin-page-head{align-items:flex-end}
#rankingAdmin .admin-page-head>div:first-child{max-width:760px}
.ranking-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ranking-summary>div{position:relative;min-height:104px;padding:18px 20px;border:1px solid #dde7ef;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(29,68,99,.045);overflow:hidden}
.ranking-summary>div:after{content:"";position:absolute;right:-22px;top:-22px;width:76px;height:76px;border-radius:50%;background:rgba(18,113,210,.05)}
.ranking-summary>div span{display:block;color:#73899c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.ranking-summary>div b{display:block;margin-top:6px;color:#113d61;font-size:29px;line-height:1;font-weight:900}
.ranking-summary>div small{display:block;margin-top:7px;color:#93a3b1;font-size:9.5px;font-weight:650}
.ranking-summary>div.green b{color:#0b946c}.ranking-summary>div.blue b{color:#0868c8}.ranking-summary>div.orange b{color:#cf681e}
.ranking-toolbar{padding:13px;border:1px solid #dde7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(29,68,99,.035);align-items:end}
.ranking-toolbar input,.ranking-toolbar select{transition:border-color .15s ease,box-shadow .15s ease}.ranking-toolbar input:focus,.ranking-toolbar select:focus{outline:0;border-color:#79b5e8;box-shadow:0 0 0 3px rgba(15,112,201,.09)}
.ranking-table-wrap{margin-top:12px;border:1px solid #dde7ef;border-radius:20px!important;background:#fff;box-shadow:0 10px 30px rgba(29,68,99,.045);overflow:auto}
.ranking-table{margin:0;min-width:960px}.ranking-table thead th{position:sticky;top:0;z-index:2;padding-top:13px;padding-bottom:13px;background:#f7fafc;color:#536f86;border-bottom:1px solid #dfe8ef;font-size:9.5px;letter-spacing:.025em}.ranking-table tbody td{height:64px;border-bottom:1px solid #edf2f6}.ranking-table tbody tr:last-child td{border-bottom:0}.ranking-table tbody tr:hover{background:#f9fcff}.ranking-table td:nth-child(2) b{color:#183d5d;font-size:12px}.ranking-table td:nth-child(3) b{color:#244863}
.ranking-position{min-width:36px;height:36px;border-radius:12px;font-size:12px}.ranking-position.top{background:linear-gradient(135deg,#dff3ff,#edf8ff);box-shadow:inset 0 0 0 1px #cde9fb}
.ranking-total{min-width:54px;height:36px;border-radius:12px;font-size:15px}
.ranking-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 2px;padding:12px 14px;border:1px solid #dde7ef;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(29,68,99,.03)}
.ranking-page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#6d8396;font-size:10.5px}.ranking-page-meta b{color:#244863}.ranking-page-size{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#eef5fa;color:#557188;font-weight:800}
.ranking-page-buttons{display:flex;align-items:center;gap:5px}.ranking-page-btn,.ranking-page-arrow{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid #dce7ef;border-radius:10px;background:#fff;color:#315771;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.ranking-page-btn:hover,.ranking-page-arrow:hover:not(:disabled){border-color:#9ec9eb;background:#f1f8fe;color:#0764ba}.ranking-page-btn.active{border-color:#0b72ce;background:#0b72ce;color:#fff;box-shadow:0 6px 16px rgba(11,114,206,.18)}.ranking-page-arrow{font-size:20px;line-height:1}.ranking-page-arrow:disabled{opacity:.35;cursor:not-allowed}.ranking-page-ellipsis{display:grid;place-items:center;width:22px;color:#91a1af;font-size:13px}
@media(max-width:900px){.ranking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-pagination{align-items:flex-start;flex-direction:column}.ranking-page-buttons{width:100%;justify-content:center;overflow-x:auto;padding-bottom:2px}}
@media(max-width:700px){#rankingAdmin .admin-page-head{align-items:flex-start}.ranking-summary{gap:8px}.ranking-summary>div{min-height:88px;padding:14px 15px;border-radius:16px}.ranking-summary>div b{font-size:24px}.ranking-summary>div small{font-size:8.5px}.ranking-toolbar{padding:10px;border-radius:15px}.ranking-table-wrap{border-radius:16px!important}.ranking-pagination{padding:10px;border-radius:14px}.ranking-page-meta{width:100%;justify-content:space-between}.ranking-page-btn,.ranking-page-arrow{min-width:32px;height:32px}.ranking-page-buttons{justify-content:flex-start}}
/* ===== END v7.2.63 ===== */


/* ===== v7.2.64 — Member ranking navigation visibility ===== */
.home-shortcut-icon.rank{background:#eef0ff;color:#5865d8}
@media(max-width:760px){
  .bottom-nav .inner{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bottom-nav button{min-width:0;padding:8px 2px 7px;font-size:9px}
  .bottom-nav button svg{width:20px;height:20px}
  .bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .member-ranking-panel .page-head{align-items:flex-start;gap:10px}
  .member-ranking-panel .page-head .btn{min-height:40px;padding:0 12px}
}
@media(max-width:390px){
  .bottom-nav button{font-size:8.4px;padding-left:1px;padding-right:1px}
  .bottom-nav button svg{width:19px;height:19px}
}
/* ===== END v7.2.64 ===== */


/* ===== v7.2.65 — Member competitive Top 30 leaderboard ===== */
.member-ranking-v765{padding-bottom:24px}
.member-leaderboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.member-leaderboard-head h1{margin:5px 0 4px;color:#123f67;font-size:30px;letter-spacing:-.025em}
.member-leaderboard-head p{margin:0;color:#72879a;font-size:12.5px}
.member-ranking-refresh{flex:0 0 auto}
.member-rank-me-card{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.55fr) minmax(260px,.8fr);gap:14px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#083e6c 0%,#0765b9 55%,#0b83d6 100%);color:#fff;box-shadow:0 18px 40px rgba(7,74,132,.18);overflow:hidden}
.member-rank-me-card:after{content:'';position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.member-rank-me-main,.member-rank-me-score,.member-rank-me-stats{position:relative;z-index:1;min-width:0}
.member-rank-me-label{font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.72}
.member-rank-me-position{display:flex;align-items:flex-end;gap:8px;margin:5px 0 7px}.member-rank-me-position strong{font-size:45px;line-height:1;font-weight:950}.member-rank-me-position span{padding-bottom:5px;font-size:10px;opacity:.72}
.member-rank-me-progress{font-size:11px;line-height:1.55;color:rgba(255,255,255,.82)}.member-rank-me-progress b{color:#fff}
.member-rank-me-score{display:flex;flex-direction:column;justify-content:center;padding:0 18px;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}
.member-rank-me-score span{font-size:10px;font-weight:800;opacity:.76}.member-rank-me-score strong{margin:3px 0;font-size:38px;line-height:1;font-weight:950}.member-rank-me-score strong.negative{color:#ffe2df}.member-rank-me-score small{font-size:9px;opacity:.7}
.member-rank-me-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}.member-rank-me-stats>div{padding:12px;border-radius:15px;background:rgba(255,255,255,.11);backdrop-filter:blur(7px)}.member-rank-me-stats span{display:block;font-size:9px;font-weight:800;opacity:.72}.member-rank-me-stats b{display:block;margin:3px 0;font-size:21px}.member-rank-me-stats small{font-size:8.5px;opacity:.65}
.member-top30-shell{margin-top:14px;padding:18px;border:1px solid #dfe9f1;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(34,69,96,.055)}
.member-top30-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.member-top30-title>div:first-child>span{color:#0a69be;font-size:8.5px;font-weight:900;letter-spacing:.11em}.member-top30-title h2{margin:3px 0;color:#173f61;font-size:20px}.member-top30-title p{margin:0;color:#8798a7;font-size:10px}.member-top30-live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#edf9f5;color:#0a8b66;font-size:9px;font-weight:800}.member-top30-live i{width:7px;height:7px;border-radius:50%;background:#14ad7c;box-shadow:0 0 0 4px rgba(20,173,124,.11)}
.member-ranking-podium{display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:end;gap:10px;max-width:760px;margin:2px auto 19px;padding-top:22px}
.member-podium-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:42px 12px 14px;border:1px solid #e2eaf0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfd);text-align:center;box-shadow:0 8px 24px rgba(34,70,98,.045)}
.member-podium-card.rank-1{min-height:196px;padding-top:48px;border-color:#f3ddb0;background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 14px 34px rgba(181,125,19,.10);transform:translateY(-10px)}
.member-podium-card.rank-2{min-height:176px}.member-podium-card.rank-3{min-height:168px}.member-podium-card.is-me{outline:3px solid rgba(8,110,200,.13);border-color:#9cc9eb}
.member-podium-medal{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#edf3f7;color:#547084;font-size:11px;font-weight:950}.rank-1 .member-podium-medal{background:#fff0c7;color:#a16b00;font-size:14px}.rank-2 .member-podium-medal{background:#edf1f5;color:#5e7180}.rank-3 .member-podium-medal{background:#f8e8dc;color:#a66635}
.member-podium-avatar,.member-top30-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#d9ecfb,#edf7fd);color:#0965ae;font-weight:900}.member-podium-avatar{width:66px;height:66px;border:4px solid #fff;box-shadow:0 7px 18px rgba(26,75,110,.14)}.rank-1 .member-podium-avatar{width:76px;height:76px}.member-podium-avatar img,.member-top30-avatar img{width:100%;height:100%;object-fit:cover}
.member-podium-rank{margin-top:7px;color:#8da0af;font-size:9px;font-weight:900}.member-podium-card h3{width:100%;margin:4px 0 2px;color:#173f61;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-podium-card p{width:100%;margin:0;color:#8b9aa7;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-podium-card>strong{margin-top:8px;color:#0875c8;font-size:20px}.member-podium-card>strong small{font-size:8px;color:#8093a2}.member-rank-you{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:999px;background:#0c74c7;color:#fff;font-size:7.5px;font-weight:900}
.member-ranking-top-list{display:grid;border-top:1px solid #e8eef3}
.member-top30-row{display:grid;grid-template-columns:42px 42px minmax(0,1fr) 90px 88px;align-items:center;gap:10px;min-height:62px;padding:8px 7px;border-bottom:1px solid #edf2f6;transition:background .15s ease}.member-top30-row:hover{background:#f8fbfd}.member-top30-row.is-me{margin:0 -5px;padding-left:12px;padding-right:12px;border-radius:14px;background:#eef7ff;border-bottom-color:transparent;box-shadow:inset 3px 0 #0b76ca}
.member-top30-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef4f8;color:#45677f;font-size:12px;font-weight:950}.member-top30-avatar{width:38px;height:38px;font-size:13px}.member-top30-person{min-width:0}.member-top30-person b{display:block;color:#244861;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-top30-person b em{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;background:#0b72c6;color:#fff;font-size:7px;font-style:normal;vertical-align:1px}.member-top30-person span{display:block;margin-top:2px;color:#8797a4;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-top30-completed{text-align:center}.member-top30-completed span{display:block;color:#93a1ac;font-size:7.5px;font-weight:800}.member-top30-completed b{color:#42657d;font-size:12px}.member-top30-score{text-align:right}.member-top30-score b{display:block;color:#078760;font-size:15px}.member-top30-score span{color:#8b9aa7;font-size:7.5px}
.member-ranking-history-v765{margin-top:14px;border-radius:24px!important}.member-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:8px}.member-history-head h2{margin:3px 0;color:#173f61;font-size:19px}.member-history-head p{margin:0;color:#8999a6;font-size:9.5px}.member-history-filters{display:flex;gap:6px;flex-wrap:wrap}.member-history-filters button{min-height:34px;padding:0 10px;border:1px solid #dfe8ef;border-radius:10px;background:#f7fafc;color:#5e7689;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.member-history-filters button.active{border-color:#b8d8ef;background:#eaf5fd;color:#0869b7}
.member-rank-history-v765-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center}.member-rank-history-main{min-width:0}.member-rank-history-status{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850}.member-rank-history-status.plus{background:#e7f8f1;color:#0b8864}.member-rank-history-status.minus{background:#fff1e8;color:#c26829}.member-ranking-empty{padding:22px!important}
@media(max-width:900px){.member-rank-me-card{grid-template-columns:1fr 180px}.member-rank-me-stats{grid-column:1/-1}.member-rank-me-score{border-right:0}.member-ranking-podium{max-width:100%}}
@media(max-width:700px){
  .member-leaderboard-head{align-items:flex-start;margin-bottom:10px}.member-leaderboard-head h1{font-size:23px}.member-leaderboard-head p{font-size:10.5px;line-height:1.5}.member-ranking-refresh{min-height:38px;padding:0 10px;font-size:9px}
  .member-rank-me-card{grid-template-columns:1fr auto;gap:10px;padding:14px;border-radius:19px}.member-rank-me-main{grid-column:1}.member-rank-me-position strong{font-size:36px}.member-rank-me-position span{font-size:8.5px}.member-rank-me-progress{font-size:9.5px}.member-rank-me-score{grid-column:2;grid-row:1;padding:0 0 0 12px;border-left:1px solid rgba(255,255,255,.16);border-right:0}.member-rank-me-score strong{font-size:30px}.member-rank-me-score small{display:none}.member-rank-me-stats{grid-column:1/-1;gap:7px}.member-rank-me-stats>div{padding:9px 10px}.member-rank-me-stats b{font-size:17px}
  .member-top30-shell{margin-top:10px;padding:13px;border-radius:19px}.member-top30-title{margin-bottom:9px}.member-top30-title h2{font-size:17px}.member-top30-title p{display:none}.member-top30-live{padding:5px 8px;font-size:7.5px}
  .member-ranking-podium{gap:5px;margin-bottom:12px;padding-top:17px}.member-podium-card{min-height:150px!important;padding:35px 5px 9px;border-radius:15px}.member-podium-card.rank-1{padding-top:40px;transform:translateY(-7px)}.member-podium-avatar{width:50px;height:50px;border-width:3px}.rank-1 .member-podium-avatar{width:58px;height:58px}.member-podium-medal{top:7px;right:7px;width:24px;height:24px;border-radius:8px;font-size:9px}.member-rank-you{left:6px;top:7px}.member-podium-card h3{font-size:9px}.member-podium-card p{font-size:7px}.member-podium-card>strong{font-size:16px;margin-top:6px}
  .member-top30-row{grid-template-columns:34px 36px minmax(0,1fr) 58px;gap:6px;min-height:56px;padding:7px 3px}.member-top30-row.is-me{margin:0 -3px;padding-left:7px;padding-right:7px}.member-top30-rank{width:29px;height:29px;border-radius:9px;font-size:10px}.member-top30-avatar{width:33px;height:33px}.member-top30-person b{font-size:9.5px}.member-top30-person span{font-size:7.5px}.member-top30-completed{display:none}.member-top30-score b{font-size:13px}.member-top30-score span{font-size:7px}
  .member-ranking-history-v765{margin-top:10px;padding:13px!important;border-radius:19px!important}.member-history-head{display:grid;gap:8px}.member-history-head h2{font-size:16px}.member-history-filters{display:grid;grid-template-columns:repeat(3,1fr)}.member-history-filters button{width:100%;min-height:32px;padding:0 6px;font-size:8px}.member-rank-history-v765-item{grid-template-columns:46px minmax(0,1fr);gap:8px}.member-rank-history-status{display:none}.rank-history-points{flex-basis:auto;width:43px;height:35px}.member-rank-history-v765-item b{font-size:10px}.member-rank-history-v765-item span{font-size:8.5px}
}
@media(max-width:380px){.member-leaderboard-head .member-ranking-refresh{display:none}.member-podium-card p{display:none}.member-podium-card h3{font-size:8.5px}.member-rank-me-card{grid-template-columns:1fr 78px}.member-rank-me-score strong{font-size:27px}.member-top30-row{grid-template-columns:29px 32px minmax(0,1fr) 52px}.member-top30-avatar{width:30px;height:30px}}
/* ===== END v7.2.65 ===== */


/* ===== v7.2.66 — Member ranking score history UI fix ===== */
.member-ranking-history-v766{
  overflow:hidden;
  border:1px solid #dfe9f1!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 10px 30px rgba(30,68,96,.05)!important;
}
.member-ranking-history-v766 .member-history-head{
  align-items:flex-start;
  padding-bottom:14px;
  margin-bottom:0;
  border-bottom:1px solid #e8eef3;
}
.member-ranking-history-v766 .member-history-head h2{
  margin-top:4px;
  font-size:20px;
  letter-spacing:-.015em;
}
.member-ranking-history-v766 .member-history-head p{
  margin-top:3px;
  font-size:10px;
  line-height:1.55;
}
.member-ranking-history-v766 .member-ranking-history{
  gap:0;
}
.member-rank-history-v766-item{
  position:relative;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center;
  gap:13px!important;
  min-height:78px;
  padding:12px 2px!important;
  border-bottom:1px solid #edf2f6!important;
}
.member-rank-history-v766-item:last-child{border-bottom:0!important}
.member-rank-history-v766-item:before{
  content:"";
  position:absolute;
  left:-14px;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:#15a475;
  opacity:.7;
}
.member-rank-history-v766-item.is-minus:before{background:#e27b36}
.member-rank-history-v766-item .rank-history-points{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:58px;
  height:54px;
  padding:0;
  border-radius:16px;
  line-height:1;
}
.member-rank-history-v766-item .rank-history-points strong{
  font-size:17px;
  font-weight:950;
}
.member-rank-history-v766-item .rank-history-points small{
  margin-top:5px;
  font-size:7.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  opacity:.68;
}
.member-rank-history-v766-item .member-rank-history-main{
  min-width:0;
  display:grid!important;
  gap:7px!important;
}
.member-rank-history-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.member-rank-history-v766-item .member-rank-history-title-row>b{
  min-width:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:normal!important;
  color:#173f61;
  font-size:11.5px;
  line-height:1.45;
  font-weight:850;
}
.member-rank-history-v766-item .member-rank-history-status{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  font-size:7.8px;
  font-weight:900;
  white-space:nowrap;
}
.member-rank-history-meta{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#8495a4;
  font-size:8.8px;
  line-height:1.4;
}
.member-rank-history-outcome{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 7px;
  border-radius:8px;
  font-size:7.8px;
  font-weight:850;
  white-space:nowrap;
}
.member-rank-history-outcome.plus{background:#edf9f5;color:#0b8966}
.member-rank-history-outcome.minus{background:#fff5ee;color:#c86b2d}
.member-rank-history-dot{color:#b8c3cc}
.member-rank-history-meta time{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:700px){
  .member-ranking-history-v766{
    padding:14px 14px 8px!important;
    border-radius:20px!important;
  }
  .member-ranking-history-v766 .member-history-head{
    display:grid;
    gap:11px;
    padding-bottom:12px;
  }
  .member-ranking-history-v766 .member-history-head h2{font-size:18px}
  .member-ranking-history-v766 .member-history-head p{font-size:9px;line-height:1.5}
  .member-ranking-history-v766 .member-history-filters{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    width:100%;
  }
  .member-ranking-history-v766 .member-history-filters button{
    min-width:0;
    min-height:36px;
    border-radius:11px;
    font-size:8.5px;
  }
  .member-rank-history-v766-item{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:82px;
    padding:12px 0!important;
  }
  .member-rank-history-v766-item:before{left:-14px;top:12px;bottom:12px}
  .member-rank-history-v766-item .rank-history-points{
    width:52px;
    height:50px;
    border-radius:15px;
  }
  .member-rank-history-v766-item .rank-history-points strong{font-size:16px}
  .member-rank-history-v766-item .rank-history-points small{font-size:7px}
  .member-rank-history-title-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    align-items:start;
  }
  .member-rank-history-v766-item .member-rank-history-title-row>b{
    font-size:10.5px;
    line-height:1.45;
  }
  .member-rank-history-v766-item .member-rank-history-status{
    min-height:23px;
    padding:0 7px;
    font-size:7.2px;
  }
  .member-rank-history-meta{
    gap:5px;
    font-size:8px;
    flex-wrap:wrap;
  }
  .member-rank-history-outcome{
    min-height:21px;
    padding:0 6px;
    font-size:7.2px;
  }
  .member-rank-history-meta time{white-space:normal}
}
@media(max-width:390px){
  .member-rank-history-v766-item{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .member-rank-history-v766-item .rank-history-points{width:46px;height:46px;border-radius:14px}
  .member-rank-history-v766-item .rank-history-title-row>b{font-size:10px}
  .member-rank-history-v766-item .member-rank-history-status{font-size:6.8px;padding:0 6px}
}
/* ===== END v7.2.66 ===== */


/* ===== v7.2.67 — Admin dashboard recent activity upgrade ===== */
.dashboard-recent-grid{grid-template-columns:minmax(0,1.45fr) minmax(380px,.88fr);align-items:stretch}
.dashboard-recent-card{min-width:0;padding:20px!important;border-radius:22px!important;overflow:hidden}
.dashboard-recent-head{align-items:flex-start;margin:0 0 14px!important;padding:0 0 13px;border-bottom:1px solid #e8eef4}
.dashboard-recent-head>div{min-width:0}
.dashboard-recent-head h2{margin:3px 0 0!important;font-size:20px!important;letter-spacing:-.02em}
.dashboard-recent-head p{margin:6px 0 0;color:#8191a1;font-size:10px;line-height:1.45}
.dashboard-head-link{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 7px!important;border-radius:9px;white-space:nowrap}
.dashboard-head-link span{font-size:14px;line-height:1}
.dashboard-event-list,.dashboard-feedback-list{display:grid;gap:8px;min-width:0}
.dashboard-event-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:11px 12px;border:1px solid #e4ebf2;border-radius:15px;background:#fff;transition:.16s ease}
.dashboard-event-item:hover{border-color:#bfd6e9;background:#fbfdff;box-shadow:0 8px 22px rgba(35,84,123,.06);transform:translateY(-1px)}
.dashboard-event-marker{display:grid;place-items:center;align-self:stretch;min-height:62px;padding:7px;border-radius:12px;background:#eff7ff;color:#0a68bd;text-align:center}
.dashboard-event-marker>span{font-size:13px;font-weight:900;line-height:1.1}
.dashboard-event-marker>small{display:-webkit-box;margin-top:3px;overflow:hidden;color:#6f8799;font-size:7.5px;font-weight:800;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dashboard-event-copy{min-width:0}
.dashboard-event-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.dashboard-event-title-row h3{min-width:0;margin:0;color:#213f5d;font-size:11.5px;line-height:1.42;font-weight:850;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dashboard-event-title-row .badge{flex:0 0 auto;margin-top:1px}
.dashboard-event-meta{display:flex;align-items:center;gap:12px;min-width:0;margin-top:5px;color:#8193a5;font-size:8.5px}
.dashboard-event-meta span{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-event-meta span:last-child{flex:1 1 auto}
.dashboard-event-meta svg{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:currentColor;stroke-width:1.8}
.dashboard-event-progress{margin-top:8px}
.dashboard-event-numbers{display:flex;align-items:center;gap:12px;color:#718699;font-size:8px}
.dashboard-event-numbers span{white-space:nowrap}
.dashboard-event-numbers b{color:#31536f;font-size:9px}
.dashboard-event-numbers strong{margin-left:auto;color:#15946c;font-size:8.5px}
.dashboard-event-track{height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:#edf2f6}
.dashboard-event-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f7bd5,#18a77b)}
.dashboard-row-action{display:grid;place-items:center;gap:3px;width:48px;min-height:48px;padding:5px;border:0;border-radius:12px;background:#eef6fd;color:#0a68bd;font:inherit;font-size:7.5px;font-weight:850;cursor:pointer;transition:.15s ease}
.dashboard-row-action:hover{background:#0a6dd0;color:#fff}
.dashboard-row-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.dashboard-feedback-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-width:0;padding:11px 12px;border:1px solid #e4ebf2;border-radius:15px;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:.16s ease}
.dashboard-feedback-item:hover{border-color:#bfd6e9;background:#fbfdff;box-shadow:0 8px 22px rgba(35,84,123,.06);transform:translateY(-1px)}
.dashboard-feedback-item.urgent{border-left:3px solid #d64a59}
.dashboard-feedback-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef6fd;color:#0b70ca}
.dashboard-feedback-item.urgent .dashboard-feedback-icon{background:#fff0f2;color:#c94151}
.dashboard-feedback-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.dashboard-feedback-copy{display:grid;gap:4px;min-width:0}
.dashboard-feedback-top{display:flex;align-items:flex-start;gap:8px;min-width:0}
.dashboard-feedback-top b{flex:1 1 auto;min-width:0;color:#233f5c;font-size:10.5px;line-height:1.38;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dashboard-feedback-top small{flex:0 0 auto;color:#9aa8b4;font-size:7.5px;white-space:nowrap}
.dashboard-feedback-person{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e91a4;font-size:8.5px}
.dashboard-feedback-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.dashboard-feedback-badges .badge{font-style:normal;font-size:7.5px;padding:3px 7px}
.dashboard-feedback-arrow{color:#9eb0be;font-size:20px;line-height:1}
.dashboard-empty{min-height:112px;display:grid;place-items:center;border:1px dashed #dbe5ed;border-radius:14px;background:#fafcfe}
@media(max-width:1180px){.dashboard-recent-grid{grid-template-columns:1fr}.dashboard-event-list,.dashboard-feedback-list{grid-template-columns:1fr 1fr}.dashboard-event-item{grid-template-columns:58px minmax(0,1fr) auto}.dashboard-feedback-item{min-height:94px}}
@media(max-width:820px){.dashboard-event-list,.dashboard-feedback-list{grid-template-columns:1fr}.dashboard-recent-card{padding:15px!important}.dashboard-recent-head h2{font-size:17px!important}.dashboard-recent-head p{display:none}}
@media(max-width:560px){
  .dashboard-recent-grid{gap:11px}
  .dashboard-recent-card{padding:12px!important;border-radius:17px!important}
  .dashboard-recent-head{margin-bottom:9px!important;padding-bottom:9px}
  .dashboard-recent-head h2{font-size:15px!important}
  .dashboard-head-link{min-height:30px;font-size:9px}
  .dashboard-event-list,.dashboard-feedback-list{gap:7px}
  .dashboard-event-item{grid-template-columns:52px minmax(0,1fr);gap:9px;padding:9px;border-radius:13px}
  .dashboard-event-marker{min-height:55px;border-radius:10px}
  .dashboard-event-title-row{gap:6px}
  .dashboard-event-title-row h3{font-size:10.5px;-webkit-line-clamp:2}
  .dashboard-event-title-row .badge{font-size:7px;padding:3px 6px}
  .dashboard-event-meta{gap:7px;margin-top:4px;font-size:7.8px}
  .dashboard-event-meta span:last-child{max-width:52%}
  .dashboard-event-numbers{gap:8px;font-size:7.5px}
  .dashboard-row-action{grid-column:1/-1;display:flex;width:100%;min-height:34px;justify-content:center;gap:6px;border-radius:9px;font-size:8.5px}
  .dashboard-row-action svg{width:14px;height:14px}
  .dashboard-feedback-item{grid-template-columns:34px minmax(0,1fr) 14px;gap:8px;padding:9px;border-radius:13px}
  .dashboard-feedback-icon{width:34px;height:34px;border-radius:10px}
  .dashboard-feedback-top b{font-size:10px}
  .dashboard-feedback-top small{display:none}
  .dashboard-feedback-person{font-size:8px}
}
/* ===== END v7.2.67 ===== */


/* ===== v7.2.68 — Member Notification Center Upgrade ===== */
.notification-center-v768{--notification-border:#dfe8f0;--notification-muted:#71879a;--notification-ink:#153d60}
.notification-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.notification-page-title{min-width:0}.notification-page-title h1{margin:6px 0 7px;color:#123c61;font-size:31px;line-height:1.12;letter-spacing:-.02em}.notification-page-title p{max-width:760px;margin:0;color:#72869a;font-size:12px;line-height:1.65}
.notification-page-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.notification-page-actions .btn{min-height:42px}.notification-page-actions .btn:disabled{opacity:.58;cursor:default}.notification-page-actions .btn.is-done{border-color:#cae6da;background:#eff9f5;color:#16845f}
.notification-center-v768 .notification-center-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.notification-center-v768 .notification-summary-card{position:relative;overflow:hidden;min-height:102px;padding:16px 17px;border-radius:18px;box-shadow:0 7px 24px rgba(29,66,97,.045)}
.notification-center-v768 .notification-summary-card:after{content:"";position:absolute;right:-16px;bottom:-22px;width:74px;height:74px;border-radius:50%;background:rgba(8,112,212,.055)}
.notification-center-v768 .notification-summary-card span{font-size:9px;letter-spacing:.07em}.notification-center-v768 .notification-summary-card b{margin-top:8px;font-size:28px}.notification-center-v768 .notification-summary-card small{display:block;margin-top:6px;color:#8b9baa;font-size:9px;font-weight:700}
.notification-center-v768 .notification-summary-card.unread{border-color:#bddcf7;background:linear-gradient(145deg,#f1f8ff,#fff)}.notification-center-v768 .notification-summary-card.important{border-color:#f1dfbd;background:linear-gradient(145deg,#fff9ee,#fff)}.notification-center-v768 .notification-summary-card.important b{color:#b97712}.notification-center-v768 .notification-summary-card.read{border-color:#cfe7dc;background:linear-gradient(145deg,#f2faf6,#fff)}.notification-center-v768 .notification-summary-card.read b{color:#16845f}
.notification-center-shell{overflow:hidden;border:1px solid var(--notification-border);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(28,63,91,.045)}
.notification-center-toolbar-v768{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #eaf0f5;background:#fbfdff}
.notification-filter-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.notification-filter-tabs::-webkit-scrollbar{display:none}.notification-filter-tabs button{min-height:36px;padding:0 13px;border:1px solid #dfe8f0;border-radius:11px;background:#fff;color:#647b8e;font:inherit;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.notification-filter-tabs button:hover{border-color:#c5d9ea;color:#1269b6}.notification-filter-tabs button.active{border-color:#b8d8f3;background:#eaf5ff;color:#0868c4;box-shadow:inset 0 0 0 1px rgba(8,104,196,.04)}
.notification-search{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:40px;padding:0 11px;border:1px solid #dfe8f0;border-radius:12px;background:#fff;color:#8ca0b2}.notification-search:focus-within{border-color:#9fc8eb;box-shadow:0 0 0 3px rgba(8,107,216,.08)}.notification-search span{font-size:20px;line-height:1}.notification-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#234a69;font:inherit;font-size:10.5px}.notification-search input::placeholder{color:#99a8b5}
.notification-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 16px;border-bottom:1px solid #edf2f6;color:#7c8fa0;font-size:9.5px}.notification-result-meta b{color:#355c78}.notification-result-meta>span:last-child{display:inline-flex;align-items:center;gap:5px}.notification-result-meta i{width:7px;height:7px;border-radius:50%;background:#0a73d9;box-shadow:0 0 0 4px rgba(10,115,217,.09)}.notification-result-meta .all-read{color:#16845f;font-weight:800}
.notification-center-list{padding:0 15px 15px}
.notification-day-group{padding-top:12px}.notification-day-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px}.notification-day-head b{color:#315873;font-size:10px}.notification-day-head span{color:#91a0ad;font-size:8.5px}
.notification-day-list{display:grid;gap:7px}
.notification-center-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:13px 42px 13px 13px;border:1px solid #e3eaf1;border-radius:15px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.notification-center-card:hover{transform:translateY(-1px);border-color:#c3d9eb;box-shadow:0 8px 22px rgba(29,71,105,.065)}.notification-center-card.unread{border-color:#c4def5;background:linear-gradient(90deg,#f4f9ff 0,#fff 42%)}.notification-center-card.priority-urgent{border-left:3px solid #db4457}.notification-center-card.priority-important{border-left:3px solid #e7a432}
.notification-center-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf6ff;color:#0c6fc8}.notification-center-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-center-icon.green{background:#ecf8f3;color:#13845e}.notification-center-icon.orange{background:#fff5e7;color:#bd7412}.notification-center-icon.red{background:#fff0f2;color:#cd3f53}.notification-center-icon.violet,.notification-center-icon.purple{background:#f3efff;color:#7456c8}.notification-center-icon.cyan{background:#ebf8fb;color:#157b94}
.notification-center-copy{display:block;min-width:0}.notification-center-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 3px}.notification-center-kind{color:#52738c;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.notification-center-time{color:#93a2af;font-size:8.5px;white-space:nowrap}.notification-center-title{display:block;color:#173f60;font-size:12.5px;line-height:1.42;overflow-wrap:anywhere}.notification-center-card.unread .notification-center-title{color:#0d4f83;font-weight:900}.notification-center-content{display:-webkit-box;overflow:hidden;margin-top:4px;color:#6f8395;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-center-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;color:#91a0ad;font-size:8.5px}.notification-center-meta>span:not(:first-child):before{content:"•";margin-right:7px;color:#c0cad2}.notification-priority{display:inline-flex!important;align-items:center;min-height:21px;padding:0 7px;border-radius:999px;background:#eef3f6;color:#657b8c!important;font-weight:850}.notification-priority.orange{background:#fff1d9;color:#ad690d!important}.notification-priority.red{background:#ffeaed;color:#c3394d!important}.notification-center-open{display:inline-flex;margin-top:8px;color:#086bc7;font-size:9px;font-weight:850}.notification-center-open b{margin-left:5px;font-size:12px}.notification-center-unread-dot{position:absolute;right:15px;top:17px;width:8px;height:8px;border-radius:50%;background:#0874dc;box-shadow:0 0 0 5px rgba(8,116,220,.09)}
.notification-empty-state{display:grid;place-items:center;min-height:260px;padding:32px;text-align:center}.notification-empty-state>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:18px;background:#eef6fc;color:#5481a2}.notification-empty-state svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-empty-state b{color:#315873;font-size:14px}.notification-empty-state p{max-width:360px;margin:5px 0 0;color:#8a9aa7;font-size:10px;line-height:1.55}
.notification-home-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;padding:10px 30px 10px 10px;border:1px solid #e2eaf1;border-radius:13px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}.notification-home-card.unread{border-color:#cae1f5;background:#f6faff}.notification-home-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#176fb8}.notification-home-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-home-icon.green{background:#edf8f3;color:#16845f}.notification-home-icon.orange{background:#fff5e8;color:#ba7313}.notification-home-icon.red{background:#fff0f2;color:#cb4153}.notification-home-icon.violet,.notification-home-icon.purple{background:#f3efff;color:#7257bf}.notification-home-icon.cyan{background:#ecf8fb;color:#177991}.notification-home-copy{min-width:0;display:block}.notification-home-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-home-top b{color:#56748b;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}.notification-home-top small{color:#98a5b0;font-size:7.5px}.notification-home-copy>strong{display:-webkit-box;overflow:hidden;margin-top:2px;color:#264d69;font-size:10.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.notification-home-copy>em{display:-webkit-box;overflow:hidden;margin-top:3px;color:#8394a2;font-size:8.5px;font-style:normal;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.notification-home-unread{position:absolute;right:10px;top:12px;width:7px;height:7px;border-radius:50%;background:#0874dc}
@media(max-width:900px){.notification-center-v768 .notification-center-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-page-head{align-items:flex-start;flex-direction:column}.notification-page-actions{width:100%}.notification-page-actions .btn{flex:1}.notification-center-toolbar-v768{grid-template-columns:1fr}.notification-search{max-width:none}}
@media(max-width:680px){
  .notification-page-head{gap:13px;margin-bottom:13px}.notification-page-title h1{font-size:25px}.notification-page-title p{font-size:10px}.notification-page-actions{gap:7px}.notification-page-actions .btn{min-width:0;min-height:39px;padding-left:9px;padding-right:9px;font-size:9px}
  .notification-center-v768 .notification-center-summary{gap:7px;margin-bottom:10px}.notification-center-v768 .notification-summary-card{min-height:84px;padding:12px;border-radius:15px}.notification-center-v768 .notification-summary-card b{font-size:23px}.notification-center-v768 .notification-summary-card small{font-size:7.8px}
  .notification-center-shell{border-radius:17px}.notification-center-toolbar-v768{gap:9px;padding:10px}.notification-filter-tabs{margin-right:-10px;padding-right:10px}.notification-filter-tabs button{min-height:34px;padding:0 11px;font-size:9px}.notification-search{min-height:38px}.notification-result-meta{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 11px;font-size:8.5px}
  .notification-center-list{padding:0 9px 10px}.notification-day-group{padding-top:10px}.notification-day-head{padding:0 2px 7px}.notification-center-card{grid-template-columns:39px minmax(0,1fr);gap:9px;padding:11px 31px 11px 10px;border-radius:13px}.notification-center-icon{width:39px;height:39px;border-radius:12px}.notification-center-icon svg{width:19px;height:19px}.notification-center-card-top{display:block}.notification-center-time{display:block;margin-top:2px}.notification-center-title{font-size:11px}.notification-center-content{font-size:9px;line-height:1.48}.notification-center-meta{gap:5px;margin-top:7px;font-size:7.8px}.notification-center-meta>span:last-child{display:none}.notification-center-open{font-size:8.5px}.notification-center-unread-dot{right:10px;top:13px;width:7px;height:7px}.notification-empty-state{min-height:220px}
}
@media(max-width:380px){.notification-page-actions{display:grid;grid-template-columns:1fr}.notification-center-v768 .notification-center-summary{grid-template-columns:1fr 1fr}.notification-filter-tabs button{padding:0 9px}}
/* ===== END v7.2.68 ===== */


/* ===== v7.2.70 — Compact member notification cards ===== */
.notification-center-card-v770{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:14px}
.notification-center-card-v770 .notification-center-icon{width:40px;height:40px;border-radius:12px}
.notification-center-card-v770 .notification-center-icon svg{width:19px;height:19px}
.notification-center-card-v770 .notification-center-card-top{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0 18px 2px 0}
.notification-center-card-v770 .notification-center-kind{font-size:8.5px}
.notification-center-card-v770 .notification-center-time{font-size:8.5px;white-space:nowrap}
.notification-center-card-v770 .notification-center-time:before{content:'•';margin-right:7px;color:#bdc8d1}
.notification-center-card-v770 .notification-center-title{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notification-center-card-v770 .notification-center-content{margin-top:3px;font-size:9.5px;line-height:1.45;-webkit-line-clamp:2}
.notification-center-footer-v770{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;min-width:0}
.notification-center-card-v770 .notification-center-meta-v770{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-top:0;min-width:0}
.notification-center-card-v770 .notification-center-meta-v770>span:before{display:none!important}
.notification-center-card-v770 .notification-priority{min-height:20px;padding:0 7px;font-size:8px}
.notification-read-state{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#f1f4f7;color:#7c8d9b;font-size:8px;font-weight:800;white-space:nowrap}
.notification-read-state.is-unread{background:#e9f4ff;color:#0870cf}
.notification-center-open-v770{flex:0 0 auto;margin-top:0;font-size:8.7px;white-space:nowrap}
.notification-center-open-v770 b{margin-left:4px;font-size:11px}
.notification-center-card-v770 .notification-center-unread-dot{right:11px;top:11px;width:7px;height:7px;box-shadow:0 0 0 4px rgba(8,116,220,.08)}
.notification-center-card-v770.priority-important{border-left-width:3px}.notification-center-card-v770.priority-urgent{border-left-width:3px}
@media(max-width:760px){
  .notification-center-card-v770{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px 10px;border-radius:12px}
  .notification-center-card-v770 .notification-center-icon{width:36px;height:36px;border-radius:11px}
  .notification-center-card-v770 .notification-center-icon svg{width:18px;height:18px}
  .notification-center-card-v770 .notification-center-card-top{display:flex!important;align-items:center!important;gap:6px;margin-right:16px;margin-bottom:2px}
  .notification-center-card-v770 .notification-center-time{display:inline!important;margin-top:0!important;font-size:8px}
  .notification-center-card-v770 .notification-center-kind{font-size:8px}
  .notification-center-card-v770 .notification-center-title{font-size:10.8px;line-height:1.36}
  .notification-center-card-v770 .notification-center-content{font-size:8.7px;line-height:1.42;-webkit-line-clamp:2}
  .notification-center-footer-v770{gap:7px;margin-top:6px}
  .notification-center-card-v770 .notification-priority,.notification-read-state{min-height:19px;padding:0 6px;font-size:7.5px}
  .notification-center-open-v770{font-size:8px}
  .notification-center-card-v770 .notification-center-unread-dot{right:9px;top:9px}
}
@media(max-width:380px){
  .notification-center-footer-v770{align-items:flex-start;flex-direction:column;gap:5px}
  .notification-center-open-v770{margin-left:0}
}
/* ===== END v7.2.70 ===== */


/* ===== v7.2.71 — Notification detail reading flow ===== */
.notification-detail-v771{display:grid;gap:14px;max-width:720px;margin:0 auto;padding:2px 2px 4px}
.notification-detail-head{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #e9eff4}
.notification-detail-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#eef6ff;color:#0874dc}
.notification-detail-icon.green{background:#edf9f3;color:#14956d}.notification-detail-icon.orange{background:#fff5e8;color:#d47a00}.notification-detail-icon.red{background:#fff0f0;color:#d94444}.notification-detail-icon.violet,.notification-detail-icon.purple{background:#f3efff;color:#7454d3}.notification-detail-icon.cyan{background:#ebfbff;color:#0788aa}
.notification-detail-icon svg{width:21px;height:21px}
.notification-detail-head>div{display:grid;gap:3px;min-width:0}.notification-detail-kind{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4f6d84}.notification-detail-time{font-size:10px;color:#8aa0b1}
.notification-detail-v771 h2{margin:0;color:#173f60;font-size:21px;line-height:1.38;letter-spacing:-.012em;overflow-wrap:anywhere}
.notification-detail-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.notification-detail-content{padding:16px 17px;border:1px solid #e1eaf1;border-radius:16px;background:#fff;color:#36546b;font-size:13.5px;line-height:1.8;box-shadow:0 8px 22px rgba(25,61,91,.035)}
.notification-detail-content p{margin:0 0 11px}.notification-detail-content p:last-child{margin-bottom:0}
.notification-detail-linkbox{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid #d7e7f4;border-radius:15px;background:linear-gradient(135deg,#f8fbfe,#eef7fd)}
.notification-detail-linkbox>div{display:grid;gap:2px;min-width:0}.notification-detail-linkbox small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#8a9dad}.notification-detail-linkbox b{font-size:12px;color:#1b5f91}.notification-detail-linkbox span{font-size:9.5px;line-height:1.45;color:#8094a5}
.notification-detail-cta{flex:0 0 auto;min-height:40px;white-space:nowrap}
.notification-detail-footer{display:flex;justify-content:flex-end;padding-top:2px}
@media(max-width:640px){
  .notification-detail-v771{gap:11px}
  .notification-detail-head{gap:9px;padding-bottom:10px}.notification-detail-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.notification-detail-icon svg{width:19px;height:19px}
  .notification-detail-v771 h2{font-size:17px;line-height:1.4}
  .notification-detail-content{padding:13px 14px;border-radius:14px;font-size:12px;line-height:1.72}
  .notification-detail-linkbox{align-items:stretch;flex-direction:column;padding:12px 13px;border-radius:14px}.notification-detail-cta{width:100%}
  .notification-detail-footer .btn{width:100%}
}
/* ===== END v7.2.71 ===== */


/* ===== v7.2.72 — Notification edit + readable detail ===== */
.admin-notification-item-v772 .item-row{align-items:flex-start}
.admin-notification-copy{min-width:0;flex:1}
.admin-notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-notification-heading h3{margin:0;min-width:0}
.admin-notification-content{white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:1.65}
.admin-notification-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notification-editor-v772 .notification-editor-content textarea{min-height:210px;line-height:1.65;resize:vertical}
.notification-editor-audience{display:grid;gap:3px;padding:13px 14px;border:1px solid #dce8f1;border-radius:14px;background:#f7fafc}
.notification-editor-audience span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#8094a5}
.notification-editor-audience b{font-size:13px;color:#244863}.notification-editor-audience small{font-size:10px;color:#8295a5}
.notification-detail-v772{max-width:760px;gap:15px}
.notification-detail-v772 .notification-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #e7eef4}
.notification-detail-v772 .notification-detail-head{padding:0;border:0}
.notification-detail-v772>h2{font-size:23px;line-height:1.32;margin:0;color:#153d60}
.notification-detail-reading{display:grid;gap:8px}
.notification-detail-reading-label{font-size:8.5px;font-weight:900;letter-spacing:.1em;color:#8b9eae;padding-left:3px}
.notification-detail-v772 .notification-detail-content{padding:19px 20px;border-radius:18px;font-size:14px;line-height:1.85;color:#34536a}
.notification-detail-v772 .notification-detail-content p{margin:0 0 15px}
.notification-detail-v772 .notification-detail-content p:last-child{margin-bottom:0}
.notification-detail-v772 .notification-detail-content ul{display:grid;gap:9px;margin:4px 0 16px;padding-left:22px}
.notification-detail-v772 .notification-detail-content li{padding-left:3px;line-height:1.75}
.notification-detail-v772 .notification-detail-highlight{padding:11px 12px;border-radius:12px;background:#f5f9fc;color:#214b68;font-weight:650}
.notification-detail-empty{padding:14px;text-align:center;color:#8396a7}
.notification-detail-v772 .notification-detail-linkbox{padding:16px 17px;border-radius:17px;background:linear-gradient(135deg,#f6fbff,#eaf6ff)}
.notification-detail-v772 .notification-detail-linkbox small{font-size:8.5px}.notification-detail-v772 .notification-detail-linkbox b{font-size:13px}.notification-detail-v772 .notification-detail-linkbox span{font-size:10px}
.notification-detail-v772 .notification-detail-cta{min-height:44px;border-radius:12px}
@media(max-width:760px){
  .admin-notification-heading{display:grid;gap:7px}.admin-notification-heading .badge{justify-self:start}
  .admin-notification-actions{display:grid;grid-template-columns:1fr 1fr}.admin-notification-actions .btn{width:100%}
  .notification-detail-v772{gap:12px}
  .notification-detail-v772 .notification-detail-summary{align-items:flex-start;flex-direction:column;gap:9px;padding-bottom:11px}
  .notification-detail-v772 .notification-detail-badges{margin-left:49px;margin-top:-8px}
  .notification-detail-v772>h2{font-size:19px;line-height:1.38}
  .notification-detail-v772 .notification-detail-content{padding:15px 16px;border-radius:15px;font-size:13px;line-height:1.78}
  .notification-detail-v772 .notification-detail-content p{margin-bottom:13px}
  .notification-detail-v772 .notification-detail-content ul{gap:8px;margin-bottom:14px;padding-left:20px}
  .notification-detail-v772 .notification-detail-highlight{padding:10px 11px}
  .notification-detail-v772 .notification-detail-linkbox{padding:13px 14px}
}
/* ===== END v7.2.72 ===== */


/* ===== v7.2.73 — Compact notification detail ===== */
.notification-detail-v773{max-width:700px;gap:11px}
.notification-detail-v773 .notification-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 0 10px;border-bottom:1px solid #e8eef3}
.notification-detail-v773 .notification-detail-head{gap:9px;padding:0;border:0}
.notification-detail-v773 .notification-detail-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}
.notification-detail-v773 .notification-detail-icon svg{width:18px;height:18px}
.notification-detail-v773 .notification-detail-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.notification-detail-v773 .notification-detail-kind{font-size:9px;line-height:1.2}
.notification-detail-v773 .notification-detail-time{font-size:9px;line-height:1.2}
.notification-detail-v773 .notification-detail-time:before{content:'•';margin-right:7px;color:#b1bec8}
.notification-detail-v773 .notification-detail-badges{justify-content:flex-end;gap:5px}
.notification-detail-v773 .notification-priority,.notification-detail-v773 .notification-read-state{min-height:24px;padding:0 8px;font-size:8.5px}
.notification-detail-v773>h2{margin:0;padding:1px 0 2px;font-size:19px;line-height:1.32;letter-spacing:-.012em}
.notification-detail-v773 .notification-detail-reading{display:block}
.notification-detail-v773 .notification-detail-content{padding:13px 14px;border-radius:14px;font-size:13px;line-height:1.7;box-shadow:none}
.notification-detail-v773 .notification-detail-content p{margin:0 0 9px}
.notification-detail-v773 .notification-detail-content ul{gap:6px;margin:2px 0 10px;padding-left:19px}
.notification-detail-v773 .notification-detail-content li{line-height:1.62}
.notification-detail-v773 .notification-detail-highlight{padding:8px 9px!important;margin-bottom:8px!important;border-radius:10px!important}
.notification-detail-v773 .notification-detail-linkbox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border-radius:13px;background:#f2f8fd}
.notification-detail-v773 .notification-detail-link-copy{display:grid;gap:1px;min-width:0}
.notification-detail-v773 .notification-detail-link-copy small{font-size:7.5px}
.notification-detail-v773 .notification-detail-link-copy b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-detail-v773 .notification-detail-cta{min-height:36px;padding:0 11px;border-radius:10px;font-size:10.5px;white-space:nowrap}
.notification-detail-v773 .notification-detail-cta b{font-size:13px}
.notification-detail-v773 .notification-detail-footer{justify-content:flex-end;padding-top:0}
.notification-detail-v773 .notification-detail-close{min-height:36px;padding:0 18px;border-radius:10px;font-size:11px}
@media(max-width:680px){
  .notification-detail-v773{gap:9px}
  .notification-detail-v773 .notification-detail-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-bottom:9px}
  .notification-detail-v773 .notification-detail-head{gap:8px}
  .notification-detail-v773 .notification-detail-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .notification-detail-v773 .notification-detail-icon svg{width:17px;height:17px}
  .notification-detail-v773 .notification-detail-head>div{display:grid;gap:1px}
  .notification-detail-v773 .notification-detail-time:before{display:none}
  .notification-detail-v773 .notification-detail-badges{margin:0;align-self:center;display:grid;justify-items:end;gap:3px}
  .notification-detail-v773 .notification-priority,.notification-detail-v773 .notification-read-state{min-height:21px;padding:0 7px;font-size:7.5px}
  .notification-detail-v773>h2{font-size:17px;line-height:1.34}
  .notification-detail-v773 .notification-detail-content{padding:12px 13px;border-radius:13px;font-size:12.2px;line-height:1.67}
  .notification-detail-v773 .notification-detail-content p{margin-bottom:8px}
  .notification-detail-v773 .notification-detail-linkbox{grid-template-columns:minmax(0,1fr) auto;padding:9px 10px;border-radius:12px}
  .notification-detail-v773 .notification-detail-cta{width:auto;min-height:34px;padding:0 10px;font-size:10px}
  .notification-detail-v773 .notification-detail-cta span{display:none}
  .notification-detail-v773 .notification-detail-close{width:auto;min-width:92px}
}
@media(max-width:380px){
  .notification-detail-v773 .notification-detail-summary{grid-template-columns:1fr}
  .notification-detail-v773 .notification-detail-badges{display:flex;justify-content:flex-start;margin-left:44px;margin-top:-4px}
  .notification-detail-v773 .notification-detail-linkbox{grid-template-columns:minmax(0,1fr) auto}
}
/* ===== END v7.2.73 ===== */

/* ===== v7.2.74 — Notification detail icon system sync ===== */
.notification-detail-v774 .notification-detail-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.notification-detail-v774 .notification-detail-icon.blue{background:#edf6ff;color:#0c6fc8}
.notification-detail-v774 .notification-detail-icon.green{background:#ecf8f3;color:#13845e}
.notification-detail-v774 .notification-detail-icon.orange{background:#fff5e7;color:#bd7412}
.notification-detail-v774 .notification-detail-icon.red{background:#fff0f2;color:#cd3f53}
.notification-detail-v774 .notification-detail-icon.violet,
.notification-detail-v774 .notification-detail-icon.purple{background:#f3efff;color:#7456c8}
.notification-detail-v774 .notification-detail-icon.cyan{background:#ebf8fb;color:#157b94}
/* ===== END v7.2.74 ===== */


/* ===== v7.2.75 — Notification related action compact ===== */
.notification-detail-v775 .notification-detail-linkbox-v775{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:58px;
  padding:9px 10px 9px 12px;
  border:1px solid #dbe8f2;
  border-radius:14px;
  background:#f4f9fd;
  box-shadow:none;
}
.notification-detail-v775 .notification-detail-link-copy{
  display:grid;
  gap:1px;
  min-width:0;
}
.notification-detail-v775 .notification-detail-link-copy small{
  font-size:7.5px;
  line-height:1.2;
  letter-spacing:.08em;
  color:#8ca0b0;
}
.notification-detail-v775 .notification-detail-link-copy b{
  min-width:0;
  color:#17649e;
  font-size:11.5px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.notification-detail-v775 .notification-detail-cta-v775{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border-radius:11px;
  font-size:10.5px;
  white-space:nowrap;
}
.notification-detail-v775 .notification-detail-cta-v775 b{
  font-size:14px;
  line-height:1;
}
.notification-detail-v775 .notification-detail-footer{
  display:none!important;
}
@media(max-width:520px){
  .notification-detail-v775 .notification-detail-linkbox-v775{
    min-height:54px;
    padding:8px 9px 8px 11px;
    border-radius:13px;
  }
  .notification-detail-v775 .notification-detail-link-copy small{
    font-size:7px;
  }
  .notification-detail-v775 .notification-detail-link-copy b{
    font-size:11px;
  }
  .notification-detail-v775 .notification-detail-cta-v775{
    min-height:36px;
    padding:0 12px;
    border-radius:10px;
    font-size:10px;
  }
  .notification-detail-v775 .notification-detail-cta-v775 span{
    max-width:105px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media(max-width:360px){
  .notification-detail-v775 .notification-detail-cta-v775 span{
    max-width:76px;
  }
}
/* ===== END v7.2.75 ===== */


/* ===== v7.2.76 — Isolated notification related CTA, no legacy CSS collision ===== */
.notification-detail-v776 .notification-related-v776{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:56px;
  margin:0;
  padding:9px 10px 9px 12px;
  border:1px solid #dce9f3;
  border-radius:13px;
  background:#f4f9fd;
  box-sizing:border-box;
}
.notification-detail-v776 .notification-related-copy-v776{
  display:grid;
  gap:2px;
  min-width:0;
  margin:0;
  padding:0;
  text-align:left;
}
.notification-detail-v776 .notification-related-copy-v776 small{
  display:block;
  margin:0;
  color:#8a9dad;
  font-size:7.5px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.08em;
}
.notification-detail-v776 .notification-related-copy-v776 b{
  display:block;
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#17649e;
  font-size:11.5px;
  font-weight:800;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-detail-v776 .notification-related-open-v776{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  min-width:70px;
  min-height:36px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:#0b73df;
  color:#fff;
  font:inherit;
  font-size:10.5px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
}
.notification-detail-v776 .notification-related-open-v776 span{
  display:inline!important;
  max-width:none!important;
  overflow:visible!important;
  color:inherit;
  font:inherit;
  white-space:nowrap;
}
.notification-detail-v776 .notification-related-open-v776 strong{
  display:inline;
  color:inherit;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.notification-detail-v776 .notification-related-open-v776:active{
  transform:translateY(1px);
}
@media(max-width:520px){
  .notification-detail-v776 .notification-related-v776{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:52px;
    padding:8px 9px 8px 11px;
    gap:8px;
    border-radius:12px;
  }
  .notification-detail-v776 .notification-related-copy-v776 small{font-size:7px}
  .notification-detail-v776 .notification-related-copy-v776 b{font-size:11px}
  .notification-detail-v776 .notification-related-open-v776{
    display:inline-flex!important;
    width:auto!important;
    min-width:66px;
    min-height:34px;
    padding:0 11px;
    border-radius:9px;
    font-size:10px;
  }
}
@media(max-width:340px){
  .notification-detail-v776 .notification-related-v776{padding-left:9px}
  .notification-detail-v776 .notification-related-open-v776{min-width:62px;padding:0 9px}
}
/* ===== END v7.2.76 ===== */


/* ===== v7.2.77 — Top 30 leaderboard premium + avatar fallback ===== */
.member-top30-shell-v777{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:#d8e6f0;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,195,61,.12),transparent 28%),
    radial-gradient(circle at 7% 18%,rgba(19,126,221,.08),transparent 22%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 18px 52px rgba(27,73,108,.08);
}
.member-top30-shell-v777:before,.member-top30-shell-v777:after{
  content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)
}
.member-top30-shell-v777:before{width:260px;height:260px;left:-130px;top:140px;background:rgba(20,126,217,.035)}
.member-top30-shell-v777:after{width:300px;height:300px;right:-150px;top:210px;background:rgba(16,171,125,.03)}
.member-top30-shell-v777 .member-top30-title{position:relative;z-index:2;padding-bottom:12px;border-bottom:1px solid rgba(215,228,238,.72)}
.member-top30-shell-v777 .member-top30-title h2{font-size:22px;letter-spacing:-.018em}
.member-top30-shell-v777 .member-top30-live{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(14,151,109,.08)}
.member-top30-shell-v777 .member-top30-live i{animation:rankingLivePulse 1.8s ease-out infinite}
@keyframes rankingLivePulse{0%,100%{box-shadow:0 0 0 3px rgba(20,173,124,.10)}50%{box-shadow:0 0 0 8px rgba(20,173,124,0)}}

.member-ranking-v777 .member-ranking-podium{position:relative;z-index:2;max-width:880px;gap:16px;margin-top:8px;margin-bottom:24px;padding-top:36px}
.member-ranking-v777 .member-podium-card{
  overflow:visible;
  min-height:210px;
  padding:48px 16px 18px;
  border-color:#dce8f0;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,254,.98));
  box-shadow:0 15px 40px rgba(26,68,99,.075);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.member-ranking-v777 .member-podium-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(26,68,99,.12);border-color:#bcd7e9}
.member-ranking-v777 .member-podium-card.rank-1{
  min-height:238px;
  padding-top:58px;
  border-color:#efcf83;
  background:linear-gradient(180deg,#fff9e9 0%,#fffdf8 48%,#fff 100%);
  box-shadow:0 22px 58px rgba(190,132,24,.16);
  transform:translateY(-17px);
}
.member-ranking-v777 .member-podium-card.rank-1:hover{transform:translateY(-22px)}
.member-ranking-v777 .member-podium-card.rank-2{background:linear-gradient(180deg,#f9fbfd,#fff)}
.member-ranking-v777 .member-podium-card.rank-3{background:linear-gradient(180deg,#fff8f3,#fff)}
.member-podium-aura{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.member-podium-aura:before{content:"";position:absolute;width:150px;height:150px;left:50%;top:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(18,126,216,.09),rgba(18,126,216,0) 70%)}
.rank-1 .member-podium-aura:before{width:210px;height:210px;top:-18px;background:radial-gradient(circle,rgba(246,187,50,.20),rgba(246,187,50,0) 68%);animation:rankingGoldGlow 3s ease-in-out infinite}
@keyframes rankingGoldGlow{0%,100%{opacity:.72;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.member-ranking-v777 .member-podium-medal{z-index:3;top:13px;right:13px;width:34px;height:34px;border-radius:12px;font-size:12px;box-shadow:0 5px 16px rgba(52,79,99,.08)}
.member-ranking-v777 .rank-1 .member-podium-medal{background:linear-gradient(135deg,#ffe9a6,#fff5ce);color:#a86e00;box-shadow:0 7px 20px rgba(195,132,8,.17)}
.member-podium-crown{position:absolute;z-index:4;left:50%;top:16px;transform:translateX(-50%);color:#c88a06;font-size:22px;line-height:1;filter:drop-shadow(0 4px 5px rgba(187,125,0,.18));animation:rankingCrownFloat 2.6s ease-in-out infinite}
@keyframes rankingCrownFloat{0%,100%{transform:translate(-50%,0) rotate(-2deg)}50%{transform:translate(-50%,-4px) rotate(2deg)}}
.member-podium-avatar-wrap{position:relative;z-index:2;padding:4px;border-radius:50%;background:linear-gradient(135deg,#dcecf7,#fff);box-shadow:0 9px 26px rgba(36,86,123,.12)}
.rank-1 .member-podium-avatar-wrap{background:linear-gradient(135deg,#f4c24f,#fff1b6,#d79b15);box-shadow:0 12px 32px rgba(181,125,19,.20)}
.member-ranking-v777 .member-podium-avatar{position:relative;width:76px;height:76px;border:3px solid #fff;font-size:22px}
.member-ranking-v777 .rank-1 .member-podium-avatar{width:90px;height:90px}
.member-rank-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:inherit;font-weight:950;color:#0868b6;background:linear-gradient(135deg,#dceefc,#f4faff)}
.member-podium-avatar img,.member-top30-avatar img{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;background:#eef6fb}
.member-top30-avatar,.member-podium-avatar{position:relative}
.member-ranking-v777 .member-podium-rank{margin-top:9px;color:#7890a2;font-size:8px;letter-spacing:.08em}
.member-ranking-v777 .member-podium-card h3{margin-top:5px;font-size:13px}
.member-ranking-v777 .member-podium-card p{font-size:8.5px}
.member-podium-achievement{margin-top:8px;padding:4px 7px;border-radius:999px;background:#eff7fc;color:#54758e;font-size:7.5px;font-weight:750}
.rank-1 .member-podium-achievement{background:#fff4d3;color:#966600}
.member-ranking-v777 .member-podium-card>strong{margin-top:8px;color:#0873c6;font-size:25px;line-height:1}
.member-ranking-v777 .rank-1>strong{color:#b77900;font-size:29px}
.member-podium-scorebar{width:min(110px,72%);height:4px;margin-top:10px;border-radius:99px;background:#e9f0f5;overflow:hidden}
.member-podium-scorebar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b70c8,#20a9e6);transform-origin:left;animation:rankingBarIn .7s ease both}
.rank-1 .member-podium-scorebar i{background:linear-gradient(90deg,#d5940a,#f2c94c)}
@keyframes rankingBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.member-ranking-v777 .member-rank-you{z-index:4;left:12px;top:13px;background:linear-gradient(135deg,#086cc1,#0792d5);box-shadow:0 5px 15px rgba(8,108,193,.20)}

.member-top30-shell-v777 .member-ranking-top-list{position:relative;z-index:2;border-top:0;background:rgba(255,255,255,.66);border:1px solid #e3ecf2;border-radius:18px;overflow:hidden}
.member-ranking-v777 .member-top30-row{position:relative;grid-template-columns:48px 46px minmax(0,1fr) 94px 92px;gap:11px;min-height:70px;padding:10px 12px;border-bottom:1px solid #edf2f6;background:rgba(255,255,255,.78);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.member-ranking-v777 .member-top30-row:last-child{border-bottom:0}
.member-ranking-v777 .member-top30-row:hover{z-index:2;transform:translateX(4px);background:#fff;box-shadow:0 8px 22px rgba(34,72,101,.08)}
.member-ranking-v777 .member-top30-row.top-ten{background:linear-gradient(90deg,rgba(246,250,253,.92),rgba(255,255,255,.88))}
.member-ranking-v777 .member-top30-row.is-me{margin:0;background:linear-gradient(90deg,#eaf6ff,#f7fcff);box-shadow:inset 4px 0 #0876cf}
.member-ranking-v777 .member-top30-rank{width:37px;height:37px;border-radius:12px;background:#eef4f8;color:#45677f;box-shadow:inset 0 0 0 1px rgba(58,99,128,.04)}
.member-ranking-v777 .top-ten .member-top30-rank{background:linear-gradient(135deg,#e3f3ff,#f4faff);color:#0967b1}
.member-ranking-v777 .member-top30-avatar{width:42px;height:42px;font-size:14px;border:2px solid #fff;box-shadow:0 5px 14px rgba(31,75,107,.11)}
.member-ranking-v777 .member-top30-person b{font-size:11.5px}
.member-ranking-v777 .member-top30-person span{font-size:8.5px}
.member-top30-progress{width:min(260px,70%);height:3px;margin-top:6px;border-radius:99px;background:#edf3f7;overflow:hidden}
.member-top30-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a73c9,#42b3e9);transform-origin:left;animation:rankingBarIn .65s ease both}
.member-ranking-v777 .member-top30-completed{padding:6px 8px;border-radius:10px;background:#f5f9fc}
.member-ranking-v777 .member-top30-completed b{font-size:13px}
.member-ranking-v777 .member-top30-score b{font-size:18px;color:#078a62}
.member-ranking-v777 .member-top30-score span{font-size:7.5px}

@media(max-width:700px){
  .member-top30-shell-v777{padding:12px;border-radius:20px}
  .member-top30-shell-v777 .member-top30-title{padding-bottom:9px}
  .member-top30-shell-v777 .member-top30-title h2{font-size:18px}
  .member-ranking-v777 .member-ranking-podium{gap:6px;margin-top:4px;margin-bottom:14px;padding-top:28px}
  .member-ranking-v777 .member-podium-card{min-height:166px!important;padding:40px 6px 10px;border-radius:16px}
  .member-ranking-v777 .member-podium-card.rank-1{min-height:183px!important;padding-top:48px;transform:translateY(-9px)}
  .member-ranking-v777 .member-podium-card.rank-1:hover{transform:translateY(-9px)}
  .member-podium-crown{top:12px;font-size:17px}
  .member-ranking-v777 .member-podium-medal{top:7px;right:7px;width:24px;height:24px;border-radius:8px;font-size:9px}
  .member-podium-avatar-wrap{padding:3px}
  .member-ranking-v777 .member-podium-avatar{width:51px;height:51px;font-size:16px;border-width:2px}
  .member-ranking-v777 .rank-1 .member-podium-avatar{width:61px;height:61px}
  .member-ranking-v777 .member-podium-rank{margin-top:6px;font-size:6.5px}
  .member-ranking-v777 .member-podium-card h3{font-size:9px;margin-top:3px}
  .member-ranking-v777 .member-podium-card p{font-size:6.8px}
  .member-podium-achievement{display:none}
  .member-ranking-v777 .member-podium-card>strong{font-size:17px;margin-top:5px}
  .member-ranking-v777 .rank-1>strong{font-size:20px}
  .member-podium-scorebar{margin-top:6px;height:3px}
  .member-ranking-v777 .member-rank-you{left:6px;top:7px;padding:3px 5px;font-size:6px}
  .member-top30-shell-v777 .member-ranking-top-list{border-radius:14px}
  .member-ranking-v777 .member-top30-row{grid-template-columns:33px 37px minmax(0,1fr) 58px;gap:7px;min-height:59px;padding:8px 7px}
  .member-ranking-v777 .member-top30-row:hover{transform:none}
  .member-ranking-v777 .member-top30-rank{width:29px;height:29px;border-radius:9px;font-size:9.5px}
  .member-ranking-v777 .member-top30-avatar{width:34px;height:34px;font-size:12px}
  .member-ranking-v777 .member-top30-person b{font-size:9.5px}
  .member-ranking-v777 .member-top30-person span{font-size:7.2px}
  .member-top30-progress{width:82%;margin-top:4px}
  .member-ranking-v777 .member-top30-completed{display:none}
  .member-ranking-v777 .member-top30-score b{font-size:13.5px}
}
@media(max-width:380px){
  .member-ranking-v777 .member-ranking-podium{gap:4px}
  .member-ranking-v777 .member-podium-card{padding-left:4px;padding-right:4px}
  .member-ranking-v777 .member-podium-card p{display:none}
  .member-ranking-v777 .member-podium-avatar{width:45px;height:45px}
  .member-ranking-v777 .rank-1 .member-podium-avatar{width:54px;height:54px}
  .member-ranking-v777 .member-top30-row{grid-template-columns:29px 32px minmax(0,1fr) 50px;padding-left:5px;padding-right:5px}
  .member-ranking-v777 .member-top30-avatar{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){
  .member-top30-live i,.rank-1 .member-podium-aura:before,.member-podium-crown,.member-podium-scorebar i,.member-top30-progress i{animation:none!important}
  .member-podium-card,.member-top30-row{transition:none!important}
}
/* ===== END v7.2.77 ===== */


/* ===== v7.2.78 — Facebook-style Love reaction icon ===== */
.newsfeed-like .newsfeed-love-reaction{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:23px;
  height:23px;
  flex:0 0 23px;
  padding:0;
  border-radius:50%;
  background:linear-gradient(145deg,#ff6a82 0%,#f83f61 48%,#e51e45 100%);
  color:#fff;
  box-shadow:0 2px 7px rgba(229,30,69,.24),inset 0 1px 0 rgba(255,255,255,.28);
  font-size:0!important;
  line-height:1;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease;
}
.newsfeed-like .newsfeed-love-reaction svg{
  width:13px;
  height:13px;
  display:block;
  fill:currentColor;
  stroke:none;
  filter:drop-shadow(0 1px 0 rgba(139,7,32,.12));
}
.newsfeed-like:hover .newsfeed-love-reaction{
  transform:scale(1.06);
  box-shadow:0 3px 9px rgba(229,30,69,.3),inset 0 1px 0 rgba(255,255,255,.3);
}
.newsfeed-like.liked .newsfeed-love-reaction{
  transform:scale(1.08);
  filter:saturate(1.08);
  box-shadow:0 3px 11px rgba(229,30,69,.36),0 0 0 3px rgba(244,63,94,.09);
  animation:newsfeedLovePop .34s cubic-bezier(.2,.8,.2,1);
}
.newsfeed-like:active .newsfeed-love-reaction{transform:scale(.92)}
@keyframes newsfeedLovePop{
  0%{transform:scale(.78)}
  55%{transform:scale(1.2)}
  100%{transform:scale(1.08)}
}
.newsfeed-like b{font-variant-numeric:tabular-nums}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like .newsfeed-love-reaction{
  width:20px;
  height:20px;
  flex-basis:20px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like .newsfeed-love-reaction svg{width:11px;height:11px}
@media(max-width:700px){
  .newsfeed-card-footer-compact .newsfeed-like .newsfeed-love-reaction{width:21px;height:21px;flex-basis:21px}
  .newsfeed-card-footer-compact .newsfeed-like .newsfeed-love-reaction svg{width:12px;height:12px}
}
@media(prefers-reduced-motion:reduce){
  .newsfeed-like .newsfeed-love-reaction{animation:none!important;transition:none!important}
}
/* ===== END v7.2.78 ===== */

/* ===== v7.2.79 — Love reaction visual fix ===== */
.newsfeed-like .newsfeed-love-reaction,
.newsfeed-like.liked .newsfeed-love-reaction{
  width:20px;
  height:20px;
  flex-basis:20px;
  color:#fff!important;
  background:linear-gradient(145deg,#ff667d 0%,#f53d5c 52%,#e62645 100%);
  box-shadow:0 1px 4px rgba(229,38,69,.22),inset 0 1px 0 rgba(255,255,255,.26);
}
.newsfeed-like .newsfeed-love-reaction svg,
.newsfeed-like.liked .newsfeed-love-reaction svg{
  width:11px;
  height:11px;
  fill:#fff!important;
  color:#fff!important;
  filter:none;
}
.newsfeed-like.liked{
  gap:5px;
  min-height:32px;
  padding:4px 9px 4px 5px;
  border-radius:999px;
  background:#fff3f5;
  color:#d63150;
}
.newsfeed-like.liked .newsfeed-love-reaction{
  transform:none;
  box-shadow:0 1px 5px rgba(229,38,69,.25);
}
.newsfeed-like:hover .newsfeed-love-reaction{transform:scale(1.04)}
.newsfeed-like:active .newsfeed-love-reaction{transform:scale(.94)}
.newsfeed-like b{font-size:13px;font-weight:800;line-height:1}
.newsfeed-like em{font-size:12px;font-weight:600;line-height:1}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like .newsfeed-love-reaction,
.newsfeed-card-footer-compact .newsfeed-like .newsfeed-love-reaction{
  width:19px;
  height:19px;
  flex-basis:19px;
}
.home-newsfeed-section .newsfeed-card.compact .newsfeed-like .newsfeed-love-reaction svg,
.newsfeed-card-footer-compact .newsfeed-like .newsfeed-love-reaction svg{width:10px;height:10px}
@media(max-width:700px){
  .newsfeed-like.liked{min-height:30px;padding:3px 8px 3px 4px}
  .newsfeed-like b{font-size:12px}
  .newsfeed-like em{font-size:11px}
}
/* ===== END v7.2.79 ===== */


/* ===== v7.2.80 — Top 30 interactive ranking profiles ===== */
.member-ranking-v780 .member-podium-card,.member-ranking-v780 .member-top30-row{cursor:pointer;outline:none}
.member-ranking-v780 .member-podium-card:focus-visible,.member-ranking-v780 .member-top30-row:focus-visible{box-shadow:0 0 0 3px rgba(8,116,216,.18),0 18px 42px rgba(22,67,101,.12)!important}
.member-top30-tap-hint{font-weight:700;color:#3e789f}
.modal.member-rank-profile-modal-active{padding:18px;background:rgba(9,27,45,.62);backdrop-filter:blur(5px)}
.member-rank-profile-modal-card{width:min(760px,calc(100vw - 36px));max-height:min(94dvh,900px);padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;border:1px solid rgba(208,223,234,.82);background:#f5f8fb;box-shadow:0 28px 90px rgba(7,32,53,.28)}
.member-rank-profile-modal-card .modal-head{flex:0 0 auto;min-height:64px;padding:14px 18px!important;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e3ebf2}
.member-rank-profile-modal-card .modal-head h3{font-size:18px}
.member-rank-profile-modal-card .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;margin:0!important;padding:14px!important;overflow-y:auto!important;overscroll-behavior:contain;background:#f5f8fb}
.member-rank-profile{display:grid;gap:12px}
.rank-profile-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:146px;padding:20px;border:1px solid #dce7ef;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbfe);overflow:hidden;box-shadow:0 12px 32px rgba(27,69,100,.07)}
.rank-profile-glow{position:absolute;width:220px;height:220px;right:-75px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(21,132,222,.12),rgba(21,132,222,0) 70%);pointer-events:none}
.member-rank-profile.rank-1 .rank-profile-hero{border-color:#f0d392;background:linear-gradient(135deg,#fffaf0,#fff,#f8fbfe)}
.member-rank-profile.rank-1 .rank-profile-glow{background:radial-gradient(circle,rgba(242,181,47,.18),rgba(242,181,47,0) 70%)}
.rank-profile-avatar{position:relative;width:88px;height:88px;overflow:hidden;border:4px solid #fff;border-radius:50%;font-size:26px;box-shadow:0 8px 24px rgba(21,69,105,.15),0 0 0 1px #d8e6f0}
.rank-profile-avatar img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;background:#eef6fb}
.rank-profile-identity{position:relative;z-index:2;min-width:0}
.rank-profile-eyebrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.rank-profile-medal,.rank-profile-you{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.rank-profile-medal{background:#edf5fb;color:#17669d}.rank-1 .rank-profile-medal{background:#fff1c9;color:#9a6700}.rank-2 .rank-profile-medal{background:#edf1f5;color:#5c6b78}.rank-3 .rank-profile-medal{background:#fff0e5;color:#a85d2b}
.rank-profile-you{background:#e7f5ff;color:#0872c7}
.rank-profile-identity h2{margin:0;color:#123e61;font-size:22px;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
.rank-profile-identity p{margin:5px 0 0;color:#7890a3;font-size:10.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-profile-rank{position:relative;z-index:2;display:grid;justify-items:end;min-width:120px;padding:12px 13px;border-radius:16px;background:rgba(239,247,252,.88);box-shadow:inset 0 0 0 1px rgba(198,219,233,.65)}
.rank-profile-rank small{color:#8096a7;font-size:7px;font-weight:900;letter-spacing:.07em}.rank-profile-rank strong{margin-top:2px;color:#0874c9;font-size:31px;line-height:1}.rank-profile-rank span{margin-top:4px;color:#7890a2;font-size:8px;font-weight:800}.rank-1 .rank-profile-rank strong{color:#b77900}
.rank-profile-stats{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:9px}
.rank-profile-stats>div{display:grid;align-content:center;min-height:88px;padding:13px 14px;border:1px solid #e0e9f0;border-radius:16px;background:#fff}.rank-profile-stats span{color:#8093a4;font-size:8px;font-weight:850}.rank-profile-stats strong{margin-top:3px;color:#173f60;font-size:22px;line-height:1}.rank-profile-stats small{margin-top:4px;color:#94a4b1;font-size:8px}.rank-profile-stats .primary{background:linear-gradient(135deg,#eaf7ff,#f8fcff);border-color:#cfe6f6}.rank-profile-stats .primary strong{color:#0876cd;font-size:27px}
.rank-profile-basic,.rank-profile-history-section{padding:15px;border:1px solid #e0e8ef;border-radius:18px;background:#fff}
.rank-profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.rank-profile-section-head span,.rank-profile-history-head>div>span{color:#0a67b1;font-size:8px;font-weight:950;letter-spacing:.09em}.rank-profile-section-head b{color:#7990a1;font-size:9px}
.rank-profile-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rank-profile-basic-grid>div{min-width:0;padding:10px 11px;border-radius:12px;background:#f7fafc}.rank-profile-basic-grid small{display:block;color:#8b9caa;font-size:7.5px;font-weight:850}.rank-profile-basic-grid b{display:block;margin-top:3px;color:#274b66;font-size:10.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-profile-history-section{display:grid;gap:12px}
.rank-profile-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.rank-profile-history-head h3{margin:2px 0 0;color:#173f60;font-size:16px}.rank-profile-history-head p{margin:3px 0 0;color:#8b9ead;font-size:8.5px}
.rank-profile-history-filters{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.rank-profile-history-filters button{min-height:30px;padding:0 10px;border:1px solid #dfe8ef;border-radius:10px;background:#f8fbfd;color:#58738a;font:inherit;font-size:8px;font-weight:850;cursor:pointer}.rank-profile-history-filters button.active{border-color:#b9dbf3;background:#eaf6ff;color:#0870c5}
.rank-profile-history-list{display:grid;gap:7px;max-height:360px;overflow:auto;padding-right:2px}
.rank-profile-history-item{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:8px 10px;border:1px solid #e8eef3;border-radius:13px;background:#fbfdfe}.rank-profile-history-item.is-minus{background:#fffaf7}.rank-profile-history-points{display:grid;place-items:center;align-content:center;width:48px;height:48px;border-radius:13px;background:#eaf8f3;color:#087b5c}.rank-profile-history-item.is-minus .rank-profile-history-points{background:#fff0e8;color:#c76225}.rank-profile-history-points strong{font-size:14px;line-height:1}.rank-profile-history-points small{margin-top:2px;font-size:6.5px;font-weight:800}
.rank-profile-history-copy{min-width:0}.rank-profile-history-copy>b{display:block;color:#284a64;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-profile-history-copy>div{display:flex;align-items:center;gap:7px;margin-top:5px;min-width:0}.rank-profile-outcome{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;font-size:6.8px;font-weight:850}.rank-profile-outcome.plus{background:#eaf8f3;color:#087b5c}.rank-profile-outcome.minus{background:#fff0e8;color:#c76225}.rank-profile-history-copy time{color:#91a0ad;font-size:7.5px;white-space:nowrap}
.rank-profile-empty,.rank-profile-error,.member-rank-profile-loading{display:grid;place-items:center;gap:8px;min-height:180px;padding:20px;text-align:center;color:#7890a2}.rank-profile-error b{color:#173f60}.member-rank-profile-loading span{width:32px;height:32px;border:3px solid #dceaf4;border-top-color:#0874d8;border-radius:50%;animation:rankProfileSpin .75s linear infinite}@keyframes rankProfileSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){
  .modal.member-rank-profile-modal-active{padding:0!important;place-items:stretch!important}
  .member-rank-profile-modal-card{width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important;border:0!important}
  .member-rank-profile-modal-card .modal-head{min-height:58px;padding:10px 13px!important;padding-top:max(10px,env(safe-area-inset-top))!important}
  .member-rank-profile-modal-card .modal-head h3{font-size:16px}.member-rank-profile-modal-card .modal-body{padding:10px 10px calc(18px + env(safe-area-inset-bottom))!important}
  .member-rank-profile{gap:9px}.rank-profile-hero{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:auto;padding:14px;border-radius:17px}.rank-profile-avatar{width:62px;height:62px;border-width:3px;font-size:20px}.rank-profile-identity h2{font-size:16px}.rank-profile-identity p{font-size:8.5px}.rank-profile-rank{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:9px 11px;border-radius:12px}.rank-profile-rank small{font-size:6.8px}.rank-profile-rank strong{font-size:22px}.rank-profile-rank span{margin:0;font-size:7.5px}
  .rank-profile-stats{gap:6px}.rank-profile-stats>div{min-height:72px;padding:9px 8px;border-radius:13px;text-align:center}.rank-profile-stats span{font-size:6.8px}.rank-profile-stats strong{font-size:17px}.rank-profile-stats .primary strong{font-size:20px}.rank-profile-stats small{font-size:6.5px}
  .rank-profile-basic,.rank-profile-history-section{padding:11px;border-radius:15px}.rank-profile-basic-grid{gap:6px}.rank-profile-basic-grid>div{padding:8px 9px;border-radius:10px}.rank-profile-basic-grid b{font-size:9px}.rank-profile-history-head{align-items:flex-start;flex-direction:column;gap:8px}.rank-profile-history-head h3{font-size:14px}.rank-profile-history-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.rank-profile-history-filters button{padding:0 5px;font-size:7px}.rank-profile-history-list{max-height:none}.rank-profile-history-item{grid-template-columns:48px minmax(0,1fr);min-height:58px;padding:7px 8px}.rank-profile-history-points{width:42px;height:42px;border-radius:11px}.rank-profile-history-copy>b{font-size:9px}.rank-profile-history-copy time{font-size:7px}
  .member-top30-tap-hint{display:block;margin-top:2px;font-size:7.5px}
}
@media(max-width:360px){.rank-profile-basic-grid{grid-template-columns:1fr}.rank-profile-stats{grid-template-columns:1fr 1fr}.rank-profile-stats .primary{grid-column:1/-1}.rank-profile-history-copy>div{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.member-rank-profile-loading span{animation:none}}
/* ===== END v7.2.80 ===== */


/* ===== v7.2.81 — Newsfeed video embed ===== */
.newsfeed-video-compose-box{margin-top:14px}
.newsfeed-video-url-field{margin-top:10px}
.newsfeed-video-admin-preview{margin-top:10px}
.newsfeed-video-empty,.newsfeed-video-error{padding:14px;border:1px dashed #cfdae4;border-radius:14px;background:#f8fbfd;color:#71879a;font-size:12px;text-align:center}
.newsfeed-video-error{border-color:#f2c9c9;background:#fff7f7;color:#b44b4b}
.newsfeed-video-preview-card{overflow:hidden;border:1px solid #dbe5ed;border-radius:15px;background:#fff}
.newsfeed-video-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #edf2f6}
.newsfeed-video-preview-head b{font-size:12px;color:#173f60}.newsfeed-video-preview-head a{font-size:10px;color:#0874dc;text-decoration:none;font-weight:800}
.newsfeed-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#0b1724;overflow:hidden}
.newsfeed-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.admin-news-video-cover{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#eff6fc,#e4eef7)}
.admin-news-video-cover img{width:100%;height:100%;object-fit:cover}
.admin-news-video-brand{font:900 72px/1 Arial;color:#1877f2}
.admin-news-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(10,24,38,.72);color:#fff;font-size:20px;box-shadow:0 8px 25px rgba(0,0,0,.24)}
.newsfeed-video-cover{position:relative;display:block;width:100%;min-height:250px;padding:0;border:0;background:#0d1c2a;overflow:hidden;cursor:pointer}
.newsfeed-video-cover.compact{min-height:180px}
.newsfeed-video-cover img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}
.newsfeed-video-cover.facebook{display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#dcecff)}
.newsfeed-video-facebook-mark{font:900 92px/1 Arial;color:#1877f2}
.newsfeed-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(15,27,42,.78);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.newsfeed-video-play b{margin-left:3px;font-size:20px}
.newsfeed-video-source{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(15,27,42,.75);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(7px)}
.newsfeed-video-on-photo{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(9,27,43,.78);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(7px)}
.newsfeed-video-detail{margin-top:12px;overflow:hidden;border:1px solid #dce6ee;border-radius:18px;background:#fff}
.newsfeed-video-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #edf2f5}
.newsfeed-video-detail-head>div{display:grid;gap:2px}.newsfeed-video-detail-head small{font-size:8px;letter-spacing:.09em;font-weight:900;color:#8a9dad}.newsfeed-video-detail-head b{font-size:12px;color:#174a70}
.newsfeed-video-detail-head a{font-size:10px;font-weight:850;color:#0874dc;text-decoration:none;white-space:nowrap}
.newsfeed-video-fallback{margin:0;padding:9px 13px;color:#7e91a0;font-size:10px;line-height:1.45;background:#f8fafc}
@media(max-width:760px){
  .newsfeed-video-cover{min-height:210px}.newsfeed-video-cover.compact{min-height:155px}
  .newsfeed-video-play{width:50px;height:50px}.newsfeed-video-play b{font-size:17px}
  .newsfeed-video-detail{border-radius:14px}.newsfeed-video-detail-head{padding:9px 10px}
  .newsfeed-video-detail-head a{font-size:9px}.newsfeed-video-fallback{padding:8px 10px;font-size:9.5px}
}
@media(max-width:420px){
  .newsfeed-video-cover{min-height:190px}.newsfeed-video-cover.compact{min-height:145px}
  .newsfeed-video-detail-head{align-items:flex-start}.newsfeed-video-detail-head a{max-width:130px;overflow:hidden;text-overflow:ellipsis}
}
/* ===== END v7.2.81 ===== */


/* ===== v7.2.82 — Facebook Reel + TikTok vertical video ===== */
.newsfeed-video-frame.vertical{
  aspect-ratio:9/16;
  width:min(100%,430px);
  margin:0 auto;
}
.newsfeed-video-preview-card.vertical .newsfeed-video-preview-head{
  border-bottom:0;
}
.newsfeed-video-preview-card.vertical{
  background:#f5f8fb;
}
.newsfeed-video-player-shell.vertical{
  display:flex;
  justify-content:center;
  padding:12px;
  background:linear-gradient(180deg,#09131d,#101f2d);
}
.newsfeed-video-player-shell.vertical .newsfeed-video-frame{
  width:min(100%,410px);
  border-radius:14px;
  box-shadow:0 14px 38px rgba(0,0,0,.26);
}
.newsfeed-video-cover.vertical{
  min-height:360px;
  max-height:520px;
}
.newsfeed-video-cover.vertical img{
  object-fit:cover;
}
.newsfeed-video-cover.tiktok{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 32% 32%,rgba(37,244,238,.22),transparent 30%),
    radial-gradient(circle at 68% 68%,rgba(254,44,85,.22),transparent 30%),
    linear-gradient(145deg,#0b0b0f,#17171d);
}
.newsfeed-video-tiktok-mark{
  display:grid;
  justify-items:center;
  gap:7px;
  color:#fff;
}
.newsfeed-video-tiktok-mark i{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:22px;
  font-style:normal;
  font-size:38px;
  font-weight:900;
  color:#fff;
  text-shadow:-3px 0 #25f4ee,3px 0 #fe2c55;
}
.newsfeed-video-tiktok-mark b{
  font-size:20px;
  letter-spacing:-.02em;
}
.newsfeed-video-short-fallback{
  display:grid;
  gap:6px;
  padding:18px;
  background:#f8fafc;
  color:#60778a;
  font-size:12px;
  line-height:1.55;
}
.newsfeed-video-short-fallback b{
  color:#183f5e;
  font-size:13px;
}
.newsfeed-video-short-fallback.member{
  margin:12px;
  border:1px solid #e1e8ef;
  border-radius:14px;
  background:#fff;
}
.newsfeed-video-short-fallback.member a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:36px;
  margin-top:4px;
  padding:0 12px;
  border-radius:10px;
  background:#0b75d1;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}
@media(max-width:760px){
  .newsfeed-video-player-shell.vertical{padding:8px}
  .newsfeed-video-player-shell.vertical .newsfeed-video-frame{width:min(100%,360px);border-radius:12px}
  .newsfeed-video-cover.vertical{min-height:320px;max-height:460px}
  .newsfeed-video-cover.vertical.compact{min-height:270px}
}
@media(max-width:420px){
  .newsfeed-video-frame.vertical{width:min(100%,330px)}
  .newsfeed-video-player-shell.vertical .newsfeed-video-frame{width:min(100%,330px)}
  .newsfeed-video-cover.vertical{min-height:300px;max-height:430px}
  .newsfeed-video-cover.vertical.compact{min-height:250px}
}
/* ===== END v7.2.82 ===== */


/* ===== v7.2.83 — Promo Popup Manager ===== */
.promo-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.promo-admin-summary>div{display:grid;gap:2px;padding:14px 16px;border:1px solid #e1e9ef;border-radius:16px;background:#fff}
.promo-admin-summary b{font-size:22px;color:#153f60}.promo-admin-summary span{font-size:10px;color:#7d91a2;font-weight:750}
.promo-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.promo-admin-card{display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden;border:1px solid #dfe8ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,62,92,.05)}
.promo-admin-visual{position:relative;min-height:190px;background:#eef4f8;overflow:hidden}
.promo-admin-visual img{width:100%;height:100%;object-fit:cover}
.promo-admin-visual>.badge{position:absolute;left:10px;top:10px}
.promo-admin-noimage{display:grid;place-items:center;height:100%;padding:18px;text-align:center;color:#8aa0b0;font-size:11px}
.promo-admin-copy{display:grid;align-content:start;gap:10px;padding:15px}
.promo-admin-title{display:flex;justify-content:space-between;gap:10px}.promo-admin-title small{display:block;margin-bottom:3px;color:#8a9dad;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.promo-admin-title h3{margin:0;color:#173f60;font-size:16px;line-height:1.35}
.promo-admin-id{color:#9aaab7;font-size:10px}.promo-admin-meta{display:grid;gap:4px;color:#647d90;font-size:10.5px}.promo-admin-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0874dc;font-size:10px}
.promo-admin-actions{display:flex;gap:8px;margin-top:auto}.promo-admin-actions .btn{min-height:36px;padding:0 12px;font-size:10.5px}
.promo-editor-form{max-width:760px;margin:0 auto}.promo-editor-preview{display:grid;place-items:center;min-height:210px;max-height:430px;overflow:hidden;border:1px dashed #cbd9e3;border-radius:18px;background:#f6f9fb}.promo-editor-preview img{display:block;max-width:100%;max-height:430px;object-fit:contain}.promo-editor-preview>div{display:grid;gap:5px;max-width:390px;padding:28px;text-align:center;color:#768c9e}.promo-editor-preview b{color:#234a67}.promo-editor-preview span{font-size:11px;line-height:1.5}
.promo-audience-all{padding:12px;border-radius:12px;background:#f4f8fb;color:#60798d;font-size:11px}.promo-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto}.promo-audience-grid label{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #e0e8ee;border-radius:11px;background:#fff;font-size:10.5px}.toggle-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e0e8ef;border-radius:12px}.toggle-row>span{display:grid;gap:2px}.toggle-row b{font-size:11px;color:#214a68}.toggle-row small{font-size:9.5px;color:#8295a4}

/* Member popup */
.member-promo-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:18px;background:rgba(8,24,37,.72);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease}
.member-promo-overlay.show{opacity:1}.member-promo-overlay.closing{opacity:0}
.member-promo-card{position:relative;width:min(92vw,520px);max-height:90vh;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.36);transform:translateY(14px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.member-promo-overlay.show .member-promo-card{transform:translateY(0) scale(1)}
.member-promo-close{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(10,23,34,.72);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.member-promo-media{display:grid;place-items:center;max-height:72vh;overflow:hidden;background:#0f1b25}
.member-promo-media img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#0f1b25}
.member-promo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 14px;background:#fff}
.member-promo-caption{display:grid;gap:2px;min-width:0}.member-promo-caption small{font-size:7.5px;font-weight:900;letter-spacing:.1em;color:#8b9dab}.member-promo-caption b{font-size:12px;line-height:1.35;color:#173f60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-promo-view{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#0877d1,#0b5daa);color:#fff;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(8,116,202,.2)}
.member-promo-view span{font-size:15px}
@media(max-width:1024px){.promo-admin-list{grid-template-columns:1fr}}
@media(max-width:620px){
  .promo-admin-summary{grid-template-columns:repeat(3,1fr);gap:7px}.promo-admin-summary>div{padding:10px}.promo-admin-summary b{font-size:18px}.promo-admin-summary span{font-size:8px}
  .promo-admin-card{grid-template-columns:110px minmax(0,1fr);border-radius:15px}.promo-admin-visual{min-height:160px}.promo-admin-copy{padding:11px;gap:8px}.promo-admin-title h3{font-size:13px}.promo-admin-meta{font-size:9px}.promo-admin-actions{flex-wrap:wrap}.promo-admin-actions .btn{min-height:32px;font-size:9.5px}
  .promo-audience-grid{grid-template-columns:1fr}
  .member-promo-overlay{padding:12px}.member-promo-card{width:min(94vw,430px);max-height:92vh;border-radius:20px}.member-promo-close{right:9px;top:9px;width:36px;height:36px}.member-promo-media,.member-promo-media img{max-height:76vh}.member-promo-footer{padding:11px;gap:8px}.member-promo-caption b{font-size:11px}.member-promo-view{min-height:38px;padding:0 12px;font-size:10px}
}
@media(max-width:390px){
  .member-promo-overlay{padding:8px}.member-promo-card{width:96vw;border-radius:18px}.member-promo-caption small{font-size:7px}.member-promo-caption b{max-width:180px}.member-promo-view{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.member-promo-overlay,.member-promo-card{transition:none!important}}
/* ===== END v7.2.83 ===== */


/* ===== v7.2.84 — Forgot Password + Email OTP ===== */
.forgot-password-link{align-self:center;margin-top:-2px;padding:5px 8px;border:0;background:transparent;color:#0872cf;font:800 11px/1.2 Inter,sans-serif;cursor:pointer}
.forgot-password-link:hover{text-decoration:underline}.forgot-password-flow{display:grid;gap:14px}.forgot-flow-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto;border-radius:15px;background:#edf6ff;color:#0872cf}.forgot-flow-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.forgot-flow-copy{text-align:center}.forgot-flow-copy b{display:block;color:#173f60;font-size:16px}.forgot-flow-copy p{max-width:520px;margin:6px auto 0;color:#70879a;font-size:11.5px;line-height:1.55}.forgot-form{gap:11px}.forgot-form .input-shell>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.forgot-security-note{display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border:1px solid #dce8f1;border-radius:12px;background:#f6faff;color:#637d90}.forgot-security-note>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e1f5eb;color:#13845e;font-size:11px;font-weight:900}.forgot-security-note p{margin:1px 0 0;font-size:9.5px;line-height:1.45}.otp-field input{text-align:center;font-size:25px!important;font-weight:850!important;letter-spacing:.25em!important;font-variant-numeric:tabular-nums}.forgot-password-rules{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#f7f9fb;color:#728596;font-size:9.5px}.forgot-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;color:#8496a5;font-size:10px}.forgot-resend-btn{padding:4px 6px;border:0;background:transparent;color:#0872cf;font:800 10px Inter,sans-serif;cursor:pointer}.forgot-resend-btn:disabled{color:#99a9b5;cursor:default}
.password-reset-mail-card .section-title p{margin:5px 0 0;color:#758b9d;font-size:10.5px;line-height:1.5}.password-reset-mail-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8ef;border-radius:13px;background:#f8fafc}.password-reset-mail-status .mail-status-dot{width:10px;height:10px;border-radius:50%;background:#95a5b1;box-shadow:0 0 0 4px rgba(149,165,177,.12)}.password-reset-mail-status>div{display:grid;gap:2px}.password-reset-mail-status b{color:#34566d;font-size:11px}.password-reset-mail-status small{color:#8496a4;font-size:9.5px}.password-reset-mail-status.ready{border-color:#cfe9dc;background:#f2fbf6}.password-reset-mail-status.ready .mail-status-dot{background:#16a36b;box-shadow:0 0 0 4px rgba(22,163,107,.12)}.password-reset-mail-status.ready b{color:#147650}.password-reset-mail-status.error{border-color:#f0d5d8;background:#fff7f8}.password-reset-mail-status.error .mail-status-dot{background:#d44c5e;box-shadow:0 0 0 4px rgba(212,76,94,.11)}.password-reset-mail-status.error b{color:#a83d4c}.mail-env-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;color:#7d91a1;font-size:9px}.mail-env-hint b{margin-right:3px}.mail-env-hint code{padding:4px 6px;border-radius:6px;background:#eff4f7;color:#37576e;font-size:8.5px}
@media(max-width:620px){.forgot-flow-copy b{font-size:15px}.forgot-flow-copy p{font-size:10.5px}.forgot-password-flow{gap:11px}.otp-field input{font-size:23px!important}.password-reset-mail-card .actions{display:grid;grid-template-columns:1fr 1fr}.password-reset-mail-card .actions .btn{width:100%;padding-inline:8px}}
/* ===== END v7.2.84 ===== */


/* ===== v7.2.85 — Newsfeed Comments ===== */
.newsfeed-comment-chip{border:0;background:transparent;display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:10px;color:#65798a;font:inherit;cursor:pointer}.newsfeed-comment-chip:hover{background:#f2f7fb;color:#0a69b7}.newsfeed-comment-chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.newsfeed-comment-chip b{font-size:13px;font-variant-numeric:tabular-nums}.newsfeed-comment-chip em{font-style:normal;font-size:11px}
.newsfeed-comments{margin:14px 0 0;padding:16px;border:1px solid #dce6ed;border-radius:18px;background:#fff}.newsfeed-comments-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf2f5}.newsfeed-comments-title>div{display:grid;gap:2px}.newsfeed-comments-title small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#8a9cab}.newsfeed-comments-title h3{margin:0;color:#173f60;font-size:17px}.newsfeed-comments-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef7ff;color:#0c70c4}.newsfeed-comments-title svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.newsfeed-comment-composer{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 0}.newsfeed-comment-composer>img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #d9e4ec}.newsfeed-comment-input-wrap{overflow:hidden;border:1px solid #dce6ed;border-radius:14px;background:#f9fbfd;transition:border-color .15s,box-shadow .15s}.newsfeed-comment-input-wrap:focus-within{border-color:#7fbbe7;box-shadow:0 0 0 3px rgba(8,116,202,.08);background:#fff}.newsfeed-comment-input-wrap textarea{display:block;width:100%;min-height:58px;max-height:150px;padding:10px 11px 5px;border:0;outline:0;resize:vertical;background:transparent;color:#183d59;font:inherit;font-size:12px;line-height:1.5}.newsfeed-comment-input-wrap>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 7px 7px 11px}.newsfeed-comment-input-wrap small{font-size:9px;color:#8a9cab}.newsfeed-comment-input-wrap button{min-height:32px;padding:0 12px;border:0;border-radius:10px;background:#0875cf;color:#fff;font-size:10px;font-weight:850;cursor:pointer}.newsfeed-comment-input-wrap button:disabled{opacity:.55;cursor:not-allowed}
.newsfeed-comments-list{display:grid;gap:12px}.newsfeed-comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px}.newsfeed-comment-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#e9f3fb;color:#0c6eae;font-size:10px;font-weight:900}.newsfeed-comment-avatar img,.newsfeed-comment-avatar i{width:100%;height:100%}.newsfeed-comment-avatar img{object-fit:cover}.newsfeed-comment-avatar i{display:grid;place-items:center;font-style:normal}.newsfeed-comment-body{min-width:0}.newsfeed-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.newsfeed-comment-head>div{display:grid;gap:1px}.newsfeed-comment-head b{color:#173f60;font-size:11.5px}.newsfeed-comment-head small{color:#8a9ba8;font-size:8.8px}.newsfeed-comment-delete{border:0;background:transparent;color:#9a6b72;font-size:9px;cursor:pointer;padding:3px 5px;border-radius:7px}.newsfeed-comment-delete:hover{background:#fff1f3;color:#c5344d}.newsfeed-comment-text{display:inline-block;max-width:100%;margin-top:5px;padding:9px 11px;border-radius:6px 14px 14px 14px;background:#f3f7fa;color:#334f64;font-size:11.5px;line-height:1.55;overflow-wrap:anywhere}.newsfeed-comments-loading,.newsfeed-comments-error,.newsfeed-comments-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;color:#7d91a1;font-size:10.5px;text-align:center}.newsfeed-comments-empty{display:grid;gap:2px}.newsfeed-comments-empty b{color:#557086}.newsfeed-comments-more{display:block;margin:12px auto 0;padding:7px 12px;border:1px solid #d7e3eb;border-radius:10px;background:#fff;color:#17679f;font-size:10px;font-weight:800;cursor:pointer}.newsfeed-comments-more:hover{background:#f4f9fc}.newsfeed-comments-more.hidden{display:none}
.newsfeed-reader-comment-action{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid #dce6ed;border-radius:11px;background:#fff;color:#567185;font:inherit;cursor:pointer}.newsfeed-reader-comment-action:hover{background:#f5f9fc;color:#0a6db8}.newsfeed-reader-comment-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.newsfeed-reader-comment-action b{font-size:12px}.newsfeed-reader-comment-action span{font-size:10px}
.admin-news-comment-stat{border:0;background:transparent;padding:0;color:inherit;font:inherit;font-size:inherit;cursor:pointer}.admin-news-comment-stat:hover{color:#0873c7;text-decoration:underline}.admin-news-comments{display:grid;gap:12px}.admin-news-comments-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #dfe8ee;border-radius:14px;background:#f8fbfd}.admin-news-comments-summary>div{display:grid;gap:1px}.admin-news-comments-summary small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#8598a7}.admin-news-comments-summary b{font-size:22px;color:#164566}.admin-news-comments-summary>span{max-width:430px;color:#708696;font-size:10px;line-height:1.45}.admin-news-comment-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e0e8ee;border-radius:14px;background:#fff}.admin-news-comment-avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:#eaf4fb;color:#0c6ea9;font-size:10px;font-weight:900}.admin-news-comment-avatar img,.admin-news-comment-avatar i{width:100%;height:100%}.admin-news-comment-avatar img{object-fit:cover}.admin-news-comment-avatar i{display:grid;place-items:center;font-style:normal}.admin-news-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-news-comment-head>div{display:grid;gap:2px}.admin-news-comment-head b{color:#173e5b;font-size:11.5px}.admin-news-comment-head small{color:#8194a2;font-size:9px}.admin-news-comment-item p{margin:6px 0 0;color:#405b6f;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:700px){.newsfeed-comment-chip em{display:none}.newsfeed-comment-chip{gap:4px}.newsfeed-comments{padding:12px;border-radius:14px}.newsfeed-comments-title h3{font-size:15px}.newsfeed-comment-composer{grid-template-columns:34px minmax(0,1fr);gap:8px}.newsfeed-comment-composer>img,.newsfeed-comment-avatar{width:34px;height:34px}.newsfeed-comment-item{grid-template-columns:34px minmax(0,1fr);gap:8px}.newsfeed-comment-text{font-size:11px}.newsfeed-reader-comment-action span{display:none}.admin-news-comments-summary{display:grid;gap:6px}.admin-news-comment-item{grid-template-columns:36px minmax(0,1fr);padding:10px}.admin-news-comment-avatar{width:36px;height:36px}}
/* ===== END v7.2.85 ===== */


/* ===== v7.2.86 — Comments runtime + mobile engagement hotfix ===== */
.newsfeed-comments-error-v786{display:grid;justify-items:center;gap:5px;min-height:92px;padding:14px 10px;color:#73899a}
.newsfeed-comments-error-v786>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef7ff;color:#0b74c9}
.newsfeed-comments-error-v786>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.newsfeed-comments-error-v786 b{font-size:11px;color:#3f6078}.newsfeed-comments-error-v786 small{font-size:9.5px;text-align:center}.newsfeed-comments-error-v786 button{min-height:32px;padding:0 12px;border:1px solid #d5e2eb;border-radius:10px;background:#fff;color:#0a70bd;font-size:10px;font-weight:800;cursor:pointer}
.newsfeed-reader-actions-v786 .newsfeed-reader-actions-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.newsfeed-reader-actions-v786 .newsfeed-like,.newsfeed-reader-actions-v786 .newsfeed-reader-comment-action{min-height:40px}
@media(max-width:700px){
  .newsfeed-comments{margin-top:10px;padding:11px;border-radius:14px}
  .newsfeed-comments-title{padding-bottom:9px}.newsfeed-comments-title>span{width:34px;height:34px;border-radius:11px}.newsfeed-comments-title h3{font-size:14px}
  .newsfeed-comment-composer{padding:10px 0 8px}.newsfeed-comment-input-wrap textarea{min-height:54px;padding:9px 10px 4px;font-size:11.5px}.newsfeed-comment-input-wrap>div{padding:4px 6px 6px 10px}
  .newsfeed-comments-list{gap:10px}.newsfeed-comments-loading,.newsfeed-comments-error,.newsfeed-comments-empty{min-height:54px}
  .newsfeed-reader-actions-v786{margin-top:10px!important;padding:8px!important;border:1px solid #e0e8ee!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
  .newsfeed-reader-actions-v786 .newsfeed-reader-actions-label{display:none!important}
  .newsfeed-reader-actions-v786 .newsfeed-reader-actions-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .newsfeed-reader-actions-v786 .newsfeed-like,.newsfeed-reader-actions-v786 .newsfeed-reader-comment-action{width:100%;min-height:40px;justify-content:center;border:1px solid #e1e8ee;border-radius:11px;background:#f9fbfd;padding:0 10px}
  .newsfeed-reader-actions-v786 .newsfeed-like.liked{background:#fff1f4;border-color:#f7d8e0}
  .newsfeed-reader-actions-v786 .newsfeed-reader-comment-action span{display:inline!important}
  .newsfeed-reader-actions-v786 .newsfeed-reader-related-action{grid-column:1/-1;width:100%;min-height:38px}
}
@media(max-width:390px){
  .newsfeed-reader-actions-v786 .newsfeed-reader-actions-buttons{gap:6px}
  .newsfeed-reader-actions-v786 .newsfeed-like,.newsfeed-reader-actions-v786 .newsfeed-reader-comment-action{font-size:10px;padding:0 7px}
}
/* ===== END v7.2.86 ===== */


/* ===== v7.2.87 — Detail engagement replaces metadata stats ===== */
.newsfeed-detail-engagement-v787{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:9px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(30,67,96,.04);
}
.newsfeed-detail-engagement-v787>button{
  min-width:0;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid #e3ebf0;
  border-radius:13px;
  background:#f8fbfd;
  color:#567185;
  font:inherit;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.newsfeed-detail-engagement-v787>button:hover{
  background:#f2f8fc;
  border-color:#cfe0ec;
  transform:translateY(-1px);
}
.newsfeed-detail-engagement-v787>button:active{transform:translateY(0) scale(.985)}
.newsfeed-detail-engagement-v787 .newsfeed-detail-like-v787.liked{
  background:#fff3f5;
  border-color:#f5d8df;
  color:#c93455;
}
.newsfeed-detail-engagement-v787 .newsfeed-love-reaction{
  width:28px;
  height:28px;
  flex:0 0 28px;
}
.newsfeed-detail-engagement-v787 .newsfeed-love-reaction svg{width:14px;height:14px}
.newsfeed-detail-comment-v787>svg{
  width:24px;
  height:24px;
  flex:0 0 24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#1474b8;
}
.newsfeed-detail-engagement-copy{display:grid;justify-items:start;gap:1px;min-width:0}
.newsfeed-detail-engagement-copy b{
  color:#244b67;
  font-size:14px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.newsfeed-detail-like-v787.liked .newsfeed-detail-engagement-copy b{color:#c93455}
.newsfeed-detail-engagement-copy em{
  font-style:normal;
  color:#7c909f;
  font-size:9.5px;
  font-weight:750;
  line-height:1.15;
  white-space:nowrap;
}
.newsfeed-detail-like-v787.liked .newsfeed-detail-engagement-copy em{color:#c93455}
.newsfeed-reader-related-v787{margin-top:0}
.newsfeed-detail-v760 .newsfeed-comments{margin-top:9px}
@media(max-width:900px){
  .newsfeed-detail-v755 .newsfeed-reader-side:has(.newsfeed-detail-engagement-v787){grid-template-columns:1fr}
}
@media(max-width:700px){
  .newsfeed-detail-v755 .newsfeed-reader-side{gap:7px}
  .newsfeed-detail-engagement-v787{gap:6px;padding:7px;border-radius:14px;box-shadow:none}
  .newsfeed-detail-engagement-v787>button{min-height:48px;gap:7px;padding:6px 9px;border-radius:11px}
  .newsfeed-detail-engagement-v787 .newsfeed-love-reaction{width:24px;height:24px;flex-basis:24px}
  .newsfeed-detail-engagement-v787 .newsfeed-love-reaction svg{width:12px;height:12px}
  .newsfeed-detail-comment-v787>svg{width:21px;height:21px;flex-basis:21px}
  .newsfeed-detail-engagement-copy b{font-size:12.5px}
  .newsfeed-detail-engagement-copy em{font-size:8.5px}
  .newsfeed-detail-v760 .newsfeed-comments{margin-top:7px}
}
@media(max-width:390px){
  .newsfeed-detail-engagement-v787{padding:6px}
  .newsfeed-detail-engagement-v787>button{min-height:46px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.newsfeed-detail-engagement-v787>button{transition:none!important}}
/* ===== END v7.2.87 ===== */


/* ===== v7.2.88 — Critical engagement grid isolation ===== */
.newsfeed-detail-v760 .newsfeed-reader-side > .newsfeed-detail-engagement-v788{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch;
  gap:8px;
  padding:8px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 20px rgba(31,66,94,.04);
}
.newsfeed-detail-v760 .newsfeed-detail-action-v788{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:52px;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:7px 10px !important;
  border:1px solid #e2eaf0 !important;
  border-radius:12px !important;
  background:#f8fbfd !important;
  color:#597286 !important;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.newsfeed-detail-v760 .newsfeed-detail-action-v788:hover{background:#f2f8fc !important;border-color:#cedeeb !important}
.newsfeed-detail-v760 .newsfeed-detail-action-v788:active{transform:scale(.985)}
.newsfeed-detail-v760 .newsfeed-detail-like-v788.liked{
  background:#fff3f5 !important;
  border-color:#f5d7df !important;
  color:#ca3455 !important;
}
.newsfeed-detail-v760 .newsfeed-detail-like-v788 .newsfeed-love-reaction{
  position:relative;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:0 0 27px;
  padding:0;
  border-radius:50%;
  background:linear-gradient(145deg,#ff627b,#f72f55);
  color:#fff !important;
  box-shadow:0 2px 7px rgba(229,30,69,.22);
}
.newsfeed-detail-v760 .newsfeed-detail-like-v788 .newsfeed-love-reaction svg{
  display:block;
  width:13px;
  height:13px;
  fill:#fff !important;
  stroke:none;
}
.newsfeed-detail-v760 .newsfeed-detail-comment-v788 > svg{
  width:23px;
  height:23px;
  flex:0 0 23px;
  fill:none;
  stroke:#1475b9;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.newsfeed-detail-engagement-copy-v788{
  min-width:0;
  display:grid;
  justify-items:start;
  align-content:center;
  gap:1px;
}
.newsfeed-detail-engagement-copy-v788 b{
  color:#234b67;
  font-size:13px;
  font-weight:850;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.newsfeed-detail-like-v788.liked .newsfeed-detail-engagement-copy-v788 b{color:#c93455}
.newsfeed-detail-engagement-copy-v788 em{
  font-style:normal;
  color:#7d909f;
  font-size:9px;
  font-weight:750;
  line-height:1.1;
  white-space:nowrap;
}
.newsfeed-detail-like-v788.liked .newsfeed-detail-engagement-copy-v788 em{color:#c93455}
@media(max-width:760px){
  .newsfeed-detail-v760 .newsfeed-reader-side > .newsfeed-detail-engagement-v788{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:7px;
    padding:7px;
    border-radius:14px;
    box-shadow:none;
  }
  .newsfeed-detail-v760 .newsfeed-detail-action-v788{
    min-height:48px;
    padding:6px 8px !important;
    gap:7px;
    border-radius:11px !important;
  }
  .newsfeed-detail-v760 .newsfeed-detail-like-v788 .newsfeed-love-reaction{width:24px;height:24px;flex-basis:24px}
  .newsfeed-detail-v760 .newsfeed-detail-like-v788 .newsfeed-love-reaction svg{width:12px;height:12px}
  .newsfeed-detail-v760 .newsfeed-detail-comment-v788 > svg{width:21px;height:21px;flex-basis:21px}
  .newsfeed-detail-engagement-copy-v788 b{font-size:12px}
  .newsfeed-detail-engagement-copy-v788 em{font-size:8.5px}
  .newsfeed-detail-v760 .newsfeed-comments{margin-top:7px}
}
@media(max-width:390px){
  .newsfeed-detail-v760 .newsfeed-reader-side > .newsfeed-detail-engagement-v788{gap:6px;padding:6px}
  .newsfeed-detail-v760 .newsfeed-detail-action-v788{min-height:46px;padding:5px 7px !important}
}
@media(prefers-reduced-motion:reduce){.newsfeed-detail-action-v788{transition:none!important}}
/* ===== END v7.2.88 ===== */


/* ===== v7.2.89 — Social Comments UI + Replies ===== */
.newsfeed-social-comments-v789{position:relative;margin:10px 0 0;padding:0 0 max(8px,env(safe-area-inset-bottom));border-top:1px solid #e4ebf0;background:#fff}
.social-comments-header-v789{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px 12px;border-bottom:1px solid #edf1f4}.social-comments-header-v789>div{display:grid;gap:2px;min-width:0}.social-comments-header-v789 h3{margin:0;color:#163d5b;font-size:18px;line-height:1.2;letter-spacing:-.01em}.social-comments-header-v789 h3 span{font-variant-numeric:tabular-nums}.social-comments-header-v789 small{color:#8b9aa6;font-size:9.5px}.social-comments-header-v789>svg{width:23px;height:23px;fill:none;stroke:#1777bd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-comments-list-v789{display:grid;gap:2px;padding:8px 16px 4px}.social-comment-v789{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;padding:10px 0;min-width:0}.social-comment-v789.is-reply{margin-left:28px;grid-template-columns:40px minmax(0,1fr)}
.social-comment-avatar-v789{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#e8f3fb;color:#0c6eae;font-size:10px;font-weight:900;box-shadow:0 0 0 1px #dce7ef}.social-comment-v789.is-reply .social-comment-avatar-v789{width:40px;height:40px}.social-comment-avatar-v789 img,.social-comment-avatar-v789 i{width:100%;height:100%}.social-comment-avatar-v789 img{object-fit:cover}.social-comment-avatar-v789 i{display:grid;place-items:center;font-style:normal}
.social-comment-main-v789{min-width:0;padding-top:1px}.social-comment-line-v789{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:start}.social-comment-copy-v789{min-width:0}.social-comment-copy-v789>b{display:block;color:#172f43;font-size:13.5px;line-height:1.25;font-weight:850}.social-comment-copy-v789 p{margin:4px 0 0;color:#293d4d;font-size:13px;line-height:1.48;overflow-wrap:anywhere;word-break:break-word}.social-comment-mention-v789{color:#2580bc;font-weight:800}
.social-comment-heart-v789{display:grid;grid-template-rows:22px auto;justify-items:center;align-content:start;gap:1px;width:36px;min-height:38px;padding:0;border:0;background:transparent;color:#788690;cursor:pointer}.social-comment-heart-v789 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease,fill .16s ease,color .16s ease}.social-comment-heart-v789 small{min-height:11px;color:#8997a2;font-size:8px;font-variant-numeric:tabular-nums}.social-comment-heart-v789.liked{color:#f03d62}.social-comment-heart-v789.liked svg{fill:#f03d62;stroke:#f03d62;transform:scale(1.06)}
.social-comment-meta-v789{display:flex;align-items:center;gap:13px;margin-top:6px;color:#8b99a5;font-size:10px}.social-comment-meta-v789 button{border:0;padding:0;background:transparent;color:#415361;font:inherit;font-weight:800;cursor:pointer}.social-comment-meta-v789 button.delete{color:#a46e76;font-weight:650}
.social-comments-more-v789{margin:10px 0 2px 73px;border:0;background:transparent;color:#42647a;font-size:10.5px;font-weight:850;padding:4px 0;cursor:pointer}.social-comments-loading-v789{min-height:90px}.social-comments-empty-v789{display:grid;justify-items:center;gap:3px;padding:34px 14px;color:#899aa7;text-align:center}.social-comments-empty-v789 b{color:#506a7d;font-size:12px}.social-comments-empty-v789 span{font-size:10px}
.social-comment-composer-v789{position:sticky;bottom:0;z-index:24;margin-top:7px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e3e9ee;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 -8px 24px rgba(28,54,74,.06)}
.social-comment-replybar-v789{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 48px 7px;padding:6px 9px;border-radius:9px;background:#eef7fd;color:#587184;font-size:9.5px}.social-comment-replybar-v789.hidden{display:none}.social-comment-replybar-v789 b{color:#176ca9}.social-comment-replybar-v789 button{border:0;background:transparent;color:#6b7e8d;font-size:17px;line-height:1;cursor:pointer}
.social-comment-composer-row-v789{display:grid;grid-template-columns:34px 32px minmax(0,1fr) 38px;gap:7px;align-items:end}.social-comment-composer-row-v789>img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #dce6ed}.social-comment-emoji-v789{display:grid;place-items:center;width:32px;height:34px;padding:0;border:0;background:transparent;color:#72838f;font-size:23px;line-height:1;cursor:pointer}
.social-comment-input-v789{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;min-height:38px;padding:7px 9px;border:1px solid #dce5eb;border-radius:19px;background:#f6f8fa}.social-comment-input-v789:focus-within{border-color:#a9cde6;background:#fff;box-shadow:0 0 0 3px rgba(20,116,185,.07)}.social-comment-input-v789 textarea{display:block;width:100%;height:24px;min-height:24px;max-height:96px;padding:2px 0;border:0;outline:0;resize:none;background:transparent;color:#263d4e;font:inherit;font-size:12px;line-height:1.45;overflow-y:auto}.social-comment-input-v789 textarea::placeholder{color:#9aa7b1}.social-comment-input-v789 small{padding-bottom:3px;color:#a0acb5;font-size:7.5px;white-space:nowrap}
.social-comment-send-v789{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#157bc5;color:#fff;cursor:pointer;box-shadow:0 5px 14px rgba(21,123,197,.2)}.social-comment-send-v789 svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.social-comment-send-v789:disabled{opacity:.48;cursor:not-allowed}.social-comment-send-v789.sending svg{animation:socialSendPulse .8s ease infinite alternate}@keyframes socialSendPulse{to{transform:translateX(2px);opacity:.55}}
.admin-news-comment-item.is-reply{margin-left:28px;border-left:3px solid #d6e8f5}
@media(max-width:700px){.newsfeed-social-comments-v789{margin-top:7px}.social-comments-header-v789{padding:13px 14px 10px}.social-comments-header-v789 h3{font-size:16px}.social-comments-header-v789 small{font-size:8.5px}.social-comments-list-v789{padding:6px 13px 3px}.social-comment-v789{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:9px 0}.social-comment-v789.is-reply{margin-left:22px;grid-template-columns:36px minmax(0,1fr)}.social-comment-avatar-v789{width:42px;height:42px}.social-comment-v789.is-reply .social-comment-avatar-v789{width:36px;height:36px}.social-comment-copy-v789>b{font-size:12.5px}.social-comment-copy-v789 p{font-size:12px;line-height:1.48}.social-comment-meta-v789{font-size:9px;gap:12px;margin-top:5px}.social-comment-heart-v789{width:32px}.social-comment-heart-v789 svg{width:20px;height:20px}.social-comments-more-v789{margin-left:65px;font-size:10px}.social-comment-composer-v789{padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.social-comment-composer-row-v789{grid-template-columns:31px 29px minmax(0,1fr) 36px;gap:5px}.social-comment-composer-row-v789>img{width:31px;height:31px}.social-comment-emoji-v789{width:29px;height:34px;font-size:21px}.social-comment-input-v789{min-height:36px;padding:6px 8px;border-radius:18px}.social-comment-input-v789 textarea{font-size:11.5px}.social-comment-send-v789{width:36px;height:36px}.social-comment-replybar-v789{margin-left:40px;margin-right:42px}}
@media(max-width:390px){.social-comment-v789.is-reply{margin-left:17px}.social-comment-composer-row-v789{grid-template-columns:30px 27px minmax(0,1fr) 34px;gap:4px}.social-comment-composer-row-v789>img{width:30px;height:30px}.social-comment-emoji-v789{width:27px}.social-comment-send-v789{width:34px;height:34px}.social-comment-input-v789 small{display:none}}
@media(prefers-reduced-motion:reduce){.social-comment-heart-v789 svg,.social-comment-send-v789 svg{transition:none!important;animation:none!important}}
/* ===== END v7.2.89 ===== */

/* ===== v7.2.90 — Polished social comment composer ===== */
.social-comment-composer-v790{
  position:sticky;
  bottom:0;
  z-index:26;
  margin-top:8px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid #e7edf2;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px) saturate(1.15);
  box-shadow:0 -6px 24px rgba(28,54,74,.045);
}
.social-comment-composer-row-v790{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:end!important;
}
.social-comment-composer-row-v790>img{
  width:36px!important;
  height:36px!important;
  align-self:center;
  border:1px solid #dbe5ec;
  box-shadow:0 2px 7px rgba(26,63,90,.08);
}
.social-comment-input-v790{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:end!important;
  gap:5px!important;
  min-height:44px!important;
  padding:5px 5px 5px 14px!important;
  border:1px solid #d8e3eb!important;
  border-radius:22px!important;
  background:#f7f9fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.social-comment-input-v790:focus-within{
  border-color:#9fc7e4!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(21,123,197,.065),0 4px 14px rgba(28,72,103,.05)!important;
}
.social-comment-input-v790 textarea{
  min-height:30px!important;
  height:30px;
  max-height:88px!important;
  padding:5px 0 4px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:#253e50!important;
}
.social-comment-input-v790 textarea::placeholder{color:#96a5b0!important}
.social-comment-input-v790 small{
  display:none;
  align-self:center;
  padding:0 3px 0 0!important;
  color:#95a3ad!important;
  font-size:7.5px!important;
  font-variant-numeric:tabular-nums;
}
.social-comment-input-v790 small.visible{display:block}
.social-comment-send-v790{
  position:static!important;
  align-self:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px;
  border-radius:50%!important;
  background:linear-gradient(145deg,#1689d8,#0873c4)!important;
  box-shadow:0 4px 10px rgba(9,112,190,.18)!important;
  transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease!important;
}
.social-comment-send-v790 svg{width:16px!important;height:16px!important}
.social-comment-send-v790:not(:disabled):active{transform:scale(.92)}
.social-comment-send-v790:disabled{
  opacity:.38!important;
  box-shadow:none!important;
  cursor:default!important;
}
.social-comment-replybar-v790{
  margin:0 0 7px 45px!important;
  padding:6px 9px!important;
  border:1px solid #dcebf5;
  border-radius:10px!important;
  background:#f3f9fd!important;
}
@media(max-width:700px){
  .social-comment-composer-v790{padding:8px 9px calc(8px + env(safe-area-inset-bottom))}
  .social-comment-composer-row-v790{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}
  .social-comment-composer-row-v790>img{width:34px!important;height:34px!important}
  .social-comment-input-v790{min-height:42px!important;border-radius:21px!important;padding:4px 4px 4px 12px!important}
  .social-comment-input-v790 textarea{font-size:12px!important;min-height:29px!important;height:29px}
  .social-comment-send-v790{width:34px!important;height:34px!important}
  .social-comment-replybar-v790{margin-left:41px!important}
}
@media(max-width:390px){
  .social-comment-composer-v790{padding-left:8px;padding-right:8px}
  .social-comment-composer-row-v790{grid-template-columns:32px minmax(0,1fr)!important;gap:6px!important}
  .social-comment-composer-row-v790>img{width:32px!important;height:32px!important}
  .social-comment-input-v790{min-height:40px!important;padding-left:11px!important}
  .social-comment-send-v790{width:32px!important;height:32px!important;min-width:32px}
  .social-comment-send-v790 svg{width:15px!important;height:15px!important}
  .social-comment-replybar-v790{margin-left:38px!important}
}
/* ===== END v7.2.90 ===== */


/* ===== v7.2.91 — Newsfeed card cleanup + comment header engagement ===== */
/* Card list: remove audience text and keep the action row compact. */
.newsfeed-card-footer-compact .newsfeed-footer-meta{
  min-width:0;
}
.newsfeed-card-footer-compact .newsfeed-footer-meta > .newsfeed-audience-compact{
  display:none!important;
}

/* Detail: the old full-width engagement block is retired in v7.2.91. */
.newsfeed-detail-v760 .newsfeed-reader-side-v791:empty{
  display:none!important;
}
.newsfeed-detail-v760 .newsfeed-reader-grid:has(.newsfeed-reader-side-v791:empty){
  grid-template-columns:minmax(0,1fr)!important;
}

/* Comments box keeps the same visual width as the detail content on mobile,
   while the interaction counters size only to their own content. */
.newsfeed-social-comments-v791{
  margin-top:8px;
}
.social-comments-header-v791{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0;
}
.social-comments-title-v791{
  display:grid;
  gap:2px;
  min-width:0;
}
.social-comments-title-v791 h3{
  margin:0;
  color:#163d5b;
  font-size:18px;
  line-height:1.18;
  letter-spacing:-.015em;
}
.social-comments-title-v791 small{
  color:#8b9aa6;
  font-size:9.5px;
  line-height:1.3;
}
.social-comments-engagement-v791{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
  width:max-content;
  max-width:100%;
}
.social-comments-engagement-v791 button{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:34px;
  min-height:34px;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #dfe8ef!important;
  border-radius:999px!important;
  background:#f8fbfd!important;
  color:#527086!important;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.social-comments-engagement-v791 button:active{transform:scale(.97)}
.social-comments-engagement-v791 b{
  font-size:11.5px;
  line-height:1;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.social-comments-like-v791.liked{
  border-color:#f4d2da!important;
  background:#fff3f5!important;
  color:#cb3455!important;
}
.social-comments-love-v791{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:50%;
  background:linear-gradient(145deg,#ff637c,#f53258);
  color:#fff!important;
  box-shadow:0 2px 6px rgba(229,30,69,.18);
}
.social-comments-love-v791 svg{
  width:11px;
  height:11px;
  display:block;
  fill:#fff!important;
  stroke:none!important;
}
.social-comments-count-v791 > svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:#1475b9;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:700px){
  .social-comments-header-v791{
    padding:12px 13px 10px!important;
    gap:8px!important;
  }
  .social-comments-title-v791 h3{font-size:16px}
  .social-comments-title-v791 small{font-size:8.5px}
  .social-comments-engagement-v791{gap:5px}
  .social-comments-engagement-v791 button{
    height:32px;
    min-height:32px;
    padding:0 9px!important;
    gap:5px;
  }
  .social-comments-engagement-v791 b{font-size:11px}
  .social-comments-love-v791{width:20px;height:20px;flex-basis:20px}
  .social-comments-love-v791 svg{width:10px;height:10px}
  .social-comments-count-v791 > svg{width:17px;height:17px;flex-basis:17px}
  .newsfeed-social-comments-v791{
    margin-left:12px;
    margin-right:12px;
    border:1px solid #e2e9ef;
    border-radius:16px 16px 0 0;
  }
}
@media(max-width:390px){
  .social-comments-header-v791{padding-left:11px!important;padding-right:11px!important}
  .social-comments-title-v791 small{display:none}
  .social-comments-engagement-v791 button{padding:0 8px!important}
  .newsfeed-social-comments-v791{margin-left:8px;margin-right:8px}
}
@media(prefers-reduced-motion:reduce){.social-comments-engagement-v791 button{transition:none!important}}
/* ===== END v7.2.91 ===== */


/* ===== v7.2.92 — Comment header single-row interaction fix ===== */
/* Legacy v7.2.89 rule `.social-comments-header-v789 > div { display:grid }`
   had higher specificity than the v7.2.91 engagement class and forced the
   two interaction chips to stack vertically. Isolate and force a single row. */
.social-comments-header-v791 > .social-comments-engagement-v791{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  max-width:none!important;
  min-width:max-content!important;
  flex:0 0 auto!important;
}
.social-comments-header-v791 > .social-comments-engagement-v791 > button{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  .social-comments-header-v791{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  .social-comments-header-v791 > .social-comments-title-v791{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .social-comments-header-v791 > .social-comments-engagement-v791{
    gap:5px!important;
  }
}
@media(max-width:390px){
  .social-comments-header-v791 > .social-comments-engagement-v791{
    gap:4px!important;
  }
  .social-comments-header-v791 > .social-comments-engagement-v791 > button{
    padding-left:7px!important;
    padding-right:7px!important;
  }
}
/* ===== END v7.2.92 ===== */


/* ===== v7.2.93 — Home newsfeed desktop layout fix ===== */
@media(min-width:1121px){
  .home-newsfeed-section .newsfeed-home-list{
    align-items:start!important;
  }

  .home-newsfeed-section .newsfeed-home-list > .newsfeed-card.compact{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-body{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-card-footer{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-meta{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-comment-chip,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail{
    flex:0 0 auto!important;
    width:auto!important;
    white-space:nowrap!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-comment-chip{
    gap:4px!important;
    padding:5px 4px!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-comment-chip em{
    white-space:nowrap!important;
    font-size:9.5px!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail{
    margin-left:auto!important;
    padding-left:5px!important;
    padding-right:2px!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail span{
    white-space:nowrap!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap{
    aspect-ratio:16/8.2;
    height:auto!important;
    min-height:0!important;
  }

  .home-newsfeed-section .newsfeed-card.compact .newsfeed-image-wrap img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
  }
}

/* Slightly tighter desktop footer on medium PC widths */
@media(min-width:1121px) and (max-width:1450px){
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like{
    padding-left:4px!important;
    padding-right:6px!important;
  }
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-like em,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-comment-chip em,
  .home-newsfeed-section .newsfeed-card.compact .newsfeed-footer-detail{
    font-size:9px!important;
  }
}
/* ===== END v7.2.93 ===== */


/* ===== v7.2.94 — Event description formatting ===== */
.event-detail-v733 .event-detail-description-v794{
  max-width:980px;
  margin:10px 0 0;
  padding:0;
  color:#5f768a;
  font-size:13.5px;
  line-height:1.72;
  font-weight:450;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}
.event-detail-v733 .event-detail-description-v794 br{
  display:block;
  content:"";
}
.event-detail-v733 .event-detail-description-v794 br + br{
  margin-top:5px;
}
.event-description-admin-v794 textarea{
  min-height:150px;
  line-height:1.6;
  white-space:pre-wrap;
}
.event-description-admin-v794>small{
  display:block;
  margin-top:6px;
  color:#6f8597;
  font-size:10px;
  line-height:1.45;
}

@media(min-width:900px){
  .event-detail-v733 .event-detail-hero{
    padding-top:20px;
    padding-bottom:18px;
  }
  .event-detail-v733 .event-detail-description-v794{
    max-width:1040px;
    font-size:13.5px;
    line-height:1.78;
  }
}

@media(max-width:700px){
  .event-detail-v733 .event-detail-description-v794{
    margin-top:8px;
    font-size:12.5px;
    line-height:1.68;
  }
}
/* ===== END v7.2.94 ===== */