:root{
  --page:#0a2848;
  --page2:#0d355c;
  --surface:#103f6b;
  --surface2:#0d365d;
  --surface3:#0b3155;
  --surface4:#124c7d;
  --line:#2678b2;
  --line2:#1d6398;
  --blue:#1e9df2;
  --blue2:#53c3ff;
  --blue3:#0f6fbe;
  --white:#f5fbff;
  --muted:#a6d1ef;
  --muted2:#78add4;
  --admin:#ff586d;
  --manager:#3aa9ff;
  --moderator:#2fd598;
  --user:#70d0ff;
  --gold:#ffc94f;
  --shadow:0 18px 46px rgba(2,25,48,.23);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:
  radial-gradient(circle at 12% 2%,rgba(58,169,255,.22),transparent 26%),
  radial-gradient(circle at 88% 12%,rgba(18,110,190,.28),transparent 24%),
  linear-gradient(180deg,#0b3156 0%,#0a2848 42%,#0d355c 100%);color:var(--white)}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.ms{font-family:"Material Symbols Rounded";font-size:20px;line-height:1;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:"liga"}
.mono{font-family:Manrope,monospace}
a{color:inherit}
::selection{background:#46bfff;color:#03203a}
@keyframes gridMove{to{background-position:72px 72px,-72px 72px}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 7px transparent}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes shine{0%{transform:translateX(120%)}100%{transform:translateX(-180%)}}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:
 linear-gradient(rgba(91,190,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(91,190,255,.035) 1px,transparent 1px);
 background-size:36px 36px;animation:gridMove 18s linear infinite;mask-image:linear-gradient(to bottom,black,transparent 88%)}

/* base controls */
.btn{border:1px solid var(--line2);background:linear-gradient(180deg,#145489,#0d3c66);color:#e9f7ff;border-radius:11px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#1d70ad,#125286);border-color:#3e9bd2}
.btn.primary{background:linear-gradient(180deg,#2eb0ff,#1382d5);border-color:#1480cc;color:white;box-shadow:0 10px 24px rgba(20,128,204,.23)}
.btn.primary:hover{background:linear-gradient(180deg,#49bdff,#1891e8)}
.btn.gold{background:linear-gradient(180deg,#ffe17e,#f2b82e);border-color:#d79d17;color:#14324a}
.btn.danger{background:linear-gradient(180deg,#e15366,#a92d3f);border-color:#ef7080;color:white}
.btn.small{padding:6px 9px;border-radius:9px;font-size:10px}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:#0e3b65;color:#bfe7ff;display:grid;place-items:center;transition:.18s}
.icon-btn:hover{background:#155b92;color:white;transform:translateY(-1px)}
.input{width:100%;border:1px solid var(--line2);background:#0b3358;color:#fff;border-radius:11px;padding:10px 12px;outline:none}
.input:focus{border-color:#48b8f7;box-shadow:0 0 0 3px rgba(72,184,247,.10)}
.input::placeholder{color:#74acd4}
.badge,.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid #2a78ad;background:#0e426f;color:#caeaff;font-size:9px;font-weight:850}
.chip.gold{background:#5b3e0b;border-color:#a7771c;color:#ffe1a4}
.chip.red{background:#641d2a;border-color:#b44253;color:#ffe0e4}
.chip.green{background:#114f3c;border-color:#278361;color:#d8f9eb}
.sub{font-size:10px;color:var(--muted);line-height:1.75}
.strong{font-weight:900;color:white}

/* Header: one search only */
.header{position:sticky;top:0;z-index:70;background:rgba(7,34,61,.94);backdrop-filter:blur(16px);border-bottom:1px solid #1c659c;box-shadow:0 10px 28px rgba(2,22,42,.18)}
.header-main{max-width:1540px;height:76px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:245px}
.logo{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#104876,#082e51);border:1px solid #2b7eb7;display:grid;place-items:center;overflow:hidden;position:relative}
.logo:after{content:"";position:absolute;top:-50%;width:30px;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:shine 5s ease-in-out infinite}
.logo img{width:50px;height:50px;object-fit:contain}
.brand b{font:800 15px Manrope,sans-serif;letter-spacing:.03em}.brand small{display:block;color:#7db6dc;font-size:8px;margin-top:2px}
.header-search{flex:1;max-width:680px;position:relative}.header-search .ms{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#83bce1}.header-search input{padding-right:42px;height:43px;background:#0a3155}
.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.live{display:flex;align-items:center;gap:6px;border:1px solid #287959;background:#0e4a38;color:#d8faec;padding:8px 10px;border-radius:999px;font-size:9px;font-weight:900}.live i{width:7px;height:7px;border-radius:50%;background:var(--moderator);color:rgba(47,213,152,.35);animation:pulse 1.8s infinite}
.navbar{background:linear-gradient(180deg,#0c3a63,#092f52);border-top:1px solid #154f7d}
.navinner{max-width:1540px;margin:auto;padding:7px 20px;display:flex;gap:6px;overflow:auto}
.nav{border:1px solid transparent;background:transparent;color:#9cc9e8;padding:8px 11px;border-radius:9px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:850;white-space:nowrap}
.nav:hover{background:#114978;color:white}.nav.active{background:linear-gradient(180deg,#269fee,#137ac8);border-color:#1171ba;color:white}
.nav .ms{font-size:17px}

/* Page */
.wrap{max-width:1540px;margin:auto;padding:18px 20px 0}
.hero{position:relative;overflow:hidden;border:1px solid #2476ad;border-radius:20px;background:
 radial-gradient(circle at 88% 10%,rgba(110,205,255,.19),transparent 25%),
 linear-gradient(135deg,#124a7b,#0e3a65 58%,#14679f);box-shadow:var(--shadow);margin-bottom:14px}
.hero-main{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.hero .kicker{font:800 9px Manrope,sans-serif;letter-spacing:.16em;color:#7ed5ff}.hero h1{font-size:29px;margin:5px 0}.hero p{margin:0;color:#c0e2f7;font-size:11px;max-width:760px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:410px}
.hstat{padding:11px 12px;border:1px solid rgba(132,211,255,.25);background:rgba(7,46,78,.34);backdrop-filter:blur(8px);border-radius:13px;text-align:center}.hstat b{display:block;font-size:18px}.hstat small{font-size:8px;color:#b7ddf5}
.view{display:none}.view.active{display:block;animation:fadeUp .25s ease}

/* modern important/new topics */
.topic-showcase{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.showcase{border:1px solid #277cb4;border-radius:17px;background:linear-gradient(180deg,#104674,#0c365e);overflow:hidden;box-shadow:0 12px 30px rgba(2,25,48,.13)}
.showcase-head{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#176eac,#0f5489);border-bottom:1px solid #267eb5}
.showcase-title{display:flex;align-items:center;gap:10px}.showcase-icon{width:34px;height:34px;border-radius:10px;background:#0d3d67;border:1px solid #318cc5;display:grid;place-items:center;color:#72d1ff}.showcase-title b{font-size:11px}.showcase-title small{display:block;font-size:8px;color:#9dd2ef}
.showcase-body{padding:8px 12px}
.mini-topic{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #1e6394}.mini-topic:last-child{border-bottom:0}.mini-topic-icon{width:34px;height:34px;border-radius:10px;background:#0b365d;border:1px solid #287bb0;display:grid;place-items:center;color:#70d1ff}.mini-topic b{font-size:9px;color:#f2fbff;cursor:pointer}.mini-topic small{display:block;font-size:8px;color:#86bbdd;margin-top:2px}.mini-topic time{font-size:8px;color:#78a9ca}

/* categories */
.category{border:1px solid #2476ab;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#10446f,#0c345a);box-shadow:0 12px 30px rgba(1,24,45,.12);margin-bottom:14px}
.cat-head{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#1d86cf,#1269ad);border-bottom:1px solid #1d6ca7}
.cat-title{display:flex;align-items:center;gap:9px}.cat-title .ms{font-size:20px}.cat-title h3{margin:0;font-size:11px}.cat-title small{display:block;color:#c2e5fa;font-size:8px}
.cat-actions{display:flex;align-items:center;gap:6px}
.cat-body{transition:.2s}.category.collapsed .cat-body{display:none}.category.collapsed .collapse .ms{transform:rotate(180deg)}
.collapse{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(7,49,84,.28);color:white;display:grid;place-items:center}
.forum-row{display:grid;grid-template-columns:48px minmax(0,1fr) 110px 240px;gap:13px;align-items:center;padding:14px;border-bottom:1px solid #1e6494;background:linear-gradient(180deg,#0f416d,#0d3a63);transition:.18s}
.forum-row:last-child{border-bottom:0}.forum-row:hover{background:linear-gradient(90deg,#155381,#10466f)}
.forum-icon{width:42px;height:42px;border-radius:12px;background:#0a3358;border:1px solid #2c82b8;display:grid;place-items:center;color:#76d3ff}.forum-icon .ms{font-size:23px}
.forum-name{font-size:11px;font-weight:900;color:#f5fbff;cursor:pointer}.forum-desc{font-size:9px;color:#9cc7e5;line-height:1.6;margin-top:3px}.subcats{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.subcat-chip{border:1px solid #2777aa;background:#0a355c;color:#a9daf7;border-radius:7px;padding:3px 6px;font-size:8px;cursor:pointer}.subcat-chip:hover{background:#115284;color:#fff}
.counts{text-align:center;font-size:8px;color:#8bbadd;line-height:1.75}.counts b{color:#fff;font-size:10px}
.last{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.avatar-sm{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#e4f5ff,#8fc9e9);color:#0c3a5c;display:grid;place-items:center;font-size:9px;font-weight:900}.last b{font-size:9px;color:#dff2ff;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last small{font-size:8px;color:#7faed0}

/* board view */
.board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px}.breadcrumbs{font-size:9px;color:#8bb9d9;margin-bottom:4px}.board-head h2{margin:0;font-size:23px}.board-head p{margin:3px 0 0;font-size:10px;color:#9bc5e2}
.threadbox{border:1px solid #2476ad;border-radius:15px;overflow:hidden;background:#0e3b65}
.thread-head{display:grid;grid-template-columns:1fr 90px 90px 180px;gap:8px;padding:10px 13px;background:linear-gradient(180deg,#1a7dc2,#105d9c);font-size:8px;font-weight:900}
.thread-row{display:grid;grid-template-columns:1fr 90px 90px 180px;gap:8px;padding:12px 13px;align-items:center;border-bottom:1px solid #1d6293;background:#0e3d67;transition:.16s}.thread-row:last-child{border-bottom:0}.thread-row:hover{background:#124d7d}
.tmain{display:flex;gap:9px;align-items:center;min-width:0}.ticon{width:34px;height:34px;border-radius:9px;background:#0a3358;border:1px solid #287cb2;color:#6dcfff;display:grid;place-items:center}.ttitle{font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tmeta{font-size:8px;color:#83b2d3;margin-top:3px}.tnum{text-align:center;font-size:8px;color:#92bddb}.tlast{font-size:8px;color:#83b1d0}

/* profile page */
.profile-page{border:1px solid #267bb0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#104979,#0d3b64);box-shadow:var(--shadow)}
.profile-cover{height:170px;background:
 radial-gradient(circle at 15% 20%,rgba(94,206,255,.3),transparent 28%),
 linear-gradient(120deg,#156ca9,#104a7b 55%,#0e3e69);position:relative}
.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}
.profile-main{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:0 20px 22px;margin-top:-60px;position:relative}
.profile-card{background:linear-gradient(180deg,#115083,#0c3b65);border:1px solid #2b84b9;border-radius:20px;padding:17px;text-align:center;box-shadow:0 18px 40px rgba(3,29,54,.18)}
.profile-avatar{width:104px;height:104px;border-radius:26px;background:linear-gradient(145deg,#e7f7ff,#82c5e9);border:3px solid #63c4f7;margin:auto;display:grid;place-items:center;color:#0a3b5f;font-size:26px;font-weight:900;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-card h2{margin:9px 0 4px;font-size:18px}.role-row{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.pstat{background:#0a355b;border:1px solid #2477aa;border-radius:11px;padding:8px}.pstat b{display:block;font-size:12px}.pstat small{font-size:7px;color:#8dbddd}
.profile-content{padding-top:72px}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-panel{background:#0c3a62;border:1px solid #2373a7;border-radius:15px;padding:14px}.profile-panel h3{margin:0 0 10px;font-size:11px}.activity{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #1d6393}.activity:last-child{border-bottom:0}.activity .ms{color:#6dd0ff}.activity b{font-size:9px}.activity small{display:block;color:#8fbcdc;font-size:8px}

/* post & modern profile mini-card */
.thread-top{background:linear-gradient(180deg,#104873,#0c3a62);border:1px solid #2476ab;border-radius:15px;padding:15px 17px;margin-bottom:11px}.thread-top h2{margin:2px 0 5px;font-size:20px}.thread-info{display:flex;gap:8px;flex-wrap:wrap;color:#8fbcdb;font-size:8px}
.post{display:grid;grid-template-columns:205px minmax(0,1fr);background:linear-gradient(180deg,#0f426f,#0c355c);border:1px solid #2477ad;border-radius:16px;overflow:hidden;margin-bottom:12px;box-shadow:0 13px 32px rgba(2,25,46,.14)}
.post-side{padding:14px;background:linear-gradient(180deg,#104a79,#0d3c66);border-left:1px solid #2478ad}
.mini-profile{border:1px solid #2c82b8;background:linear-gradient(180deg,#115588,#0d426e);border-radius:17px;padding:13px;text-align:center;transition:.18s}.mini-profile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(2,25,46,.16)}
.mini-profile .avatar{width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,#e8f7ff,#87c8e9);border:2px solid #64c3f4;margin:auto;display:grid;place-items:center;color:#0c3b5e;font-size:20px;font-weight:900;overflow:hidden;cursor:pointer}.mini-profile .avatar img{width:100%;height:100%;object-fit:cover}.mini-profile h4{font-size:12px;margin:8px 0 4px;cursor:pointer}.mini-profile h4:hover{color:#8bdcff}
.role-admin{background:#721f2e!important;border-color:#c9485b!important;color:#ffe7ea!important}.role-manager{background:#115487!important;border-color:#369ee0!important;color:#e3f5ff!important}.role-mod{background:#12563f!important;border-color:#31a879!important;color:#dff9ee!important}.role-user{background:#0d4a73!important;border-color:#2b91c7!important;color:#def4ff!important}
.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.mini-metrics div{background:#0a365c;border:1px solid #2377a9;border-radius:10px;padding:7px}.mini-metrics b{display:block;font-size:10px}.mini-metrics small{font-size:7px;color:#86b7d8}.location{margin-top:7px;background:#0a365c;border:1px solid #2376a8;border-radius:9px;padding:6px;font-size:8px;color:#a4d0ed}
.post-main{padding:0 17px 14px;display:flex;flex-direction:column}.post-bar{height:44px;margin:0 -17px;padding:0 17px;background:#0b3459;border-bottom:1px solid #1e6696;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8cb9d9}.post-content{padding:20px 3px 30px;min-height:180px;font-size:11px;line-height:2;color:#e4f3fd}.post-content blockquote{margin:14px 0;padding:12px 14px;border-right:4px solid #4ebcff;background:#0a3154;border-radius:10px;color:#c7e8fb}.post-content pre{direction:ltr;text-align:left;background:#082c4c;border:1px solid #1f6a9d;padding:12px;border-radius:10px;overflow:auto;color:#bfe9ff}
.signature{margin-top:auto;border-top:1px dashed #2a76a7;padding:10px 2px;color:#80adcc;font-size:8px}
.post-actions{margin-top:20px;padding-top:12px;border-top:1px solid #1f6898;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.action{border:1px solid #2778aa;background:#0b365c;color:#cbeaff;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:5px;transition:.16s}.action:hover{background:#125489;transform:translateY(-1px)}.action.primary{background:#126ba9;border-color:#218cc9}.action.report{margin-inline-start:auto;background:#562131;border-color:#9a4050;color:#ffdbe0}
.reaction-panel{display:flex;gap:5px;flex-wrap:wrap;width:100%;padding-top:7px}.reaction-choice{border:1px solid #2a80b6;background:#0b365c;border-radius:9px;padding:5px 8px;font-size:18px;transition:.15s}.reaction-choice:hover{transform:scale(1.15);background:#12598f}

/* real editor */
.editor{border:1px solid #2b82b7;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#104873,#0b355b);box-shadow:0 14px 34px rgba(2,25,46,.13);margin-top:14px}
.editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:linear-gradient(180deg,#17679f,#104e7f);border-bottom:1px solid #287caf}.editor-head b{font-size:10px}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:8px 10px;background:#0d416d;border-bottom:1px solid #2477aa}
.tool{width:33px;height:31px;border:1px solid #2e83b7;background:#0a355b;color:#d8f2ff;border-radius:8px;display:grid;place-items:center;font-weight:900}.tool:hover{background:#145d93}.tool .ms{font-size:17px}
.editor-body{min-height:220px;padding:16px;background:#0a3154;color:#fff;outline:none;line-height:1.9;font-size:11px}.editor-body:empty:before{content:attr(data-placeholder);color:#6fa5ca}.editor-body blockquote{border-right:4px solid #4ebcff;background:#0d3a62;border-radius:9px;padding:10px 12px;margin:10px 0}.editor-body pre{direction:ltr;text-align:left;background:#082b49;border:1px solid #1e6899;border-radius:9px;padding:10px}
.editor-emojis{display:flex;gap:4px;flex-wrap:wrap;padding:8px 10px;background:#0b3b64;border-top:1px solid #236f9f}.emoji{border:1px solid #287fb3;background:#0a3459;border-radius:8px;padding:4px 7px;font-size:18px;transition:.14s}.emoji:hover{transform:scale(1.13);background:#11558a}
.editor-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;background:#0c3d67;border-top:1px solid #236f9f}.attachments{display:flex;gap:5px;flex-wrap:wrap}.attachment-pill{font-size:8px;border:1px solid #2b7cae;background:#0a3357;border-radius:8px;padding:5px 7px;color:#a9daf4}
.preview{margin:10px;border:1px solid #2a7bad;background:#0a3459;border-radius:11px;padding:12px;line-height:1.9;font-size:10px}

/* footer */
.footer{margin-top:18px;border:1px solid #277caf;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#104873,#0b355b);box-shadow:0 -12px 32px rgba(3,27,49,.1)}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0}.footer-block{padding:16px}.footer-block+.footer-block{border-right:1px solid #246f9e}.footer-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;margin-bottom:11px}.footer-title .ms{color:#72d2ff}
.online-list{display:flex;flex-wrap:wrap;gap:7px}.online-user{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:11px;font-size:9px;font-weight:850;border:1px solid transparent}.online-user i{width:7px;height:7px;border-radius:50%;animation:pulse 1.8s infinite}.online-user.admin{background:#5c1b27;border-color:#b33a4e;color:#ffe7eb}.online-user.admin i{background:var(--admin);color:rgba(255,88,109,.35)}.online-user.manager{background:#104a78;border-color:#2b8ed0;color:#e4f6ff}.online-user.manager i{background:var(--manager);color:rgba(58,169,255,.35)}.online-user.mod{background:#104a38;border-color:#2b986d;color:#e3faef}.online-user.mod i{background:var(--moderator);color:rgba(47,213,152,.35)}.online-user.user{background:#0d426b;border-color:#2580b7;color:#e3f6ff}.online-user.user i{background:var(--user);color:rgba(112,208,255,.35)}
.role-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.role-card{display:flex;gap:9px;align-items:center;border-radius:12px;padding:9px 10px;border:1px solid #2879aa;background:#0a355b}.role-dot{width:11px;height:11px;border-radius:50%}.role-card b{font-size:9px}.role-card small{display:block;color:#8bb9d8;font-size:7px}.role-card.admin .role-dot{background:var(--admin);box-shadow:0 0 12px rgba(255,88,109,.65)}.role-card.manager .role-dot{background:var(--manager);box-shadow:0 0 12px rgba(58,169,255,.65)}.role-card.mod .role-dot{background:var(--moderator);box-shadow:0 0 12px rgba(47,213,152,.65)}.role-card.user .role-dot{background:var(--user);box-shadow:0 0 12px rgba(112,208,255,.65)}
.footer-bottom{padding:9px 14px;border-top:1px solid #246e9e;background:#0a3155;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:8px;color:#82b1d2}

/* Admin */
.admin-shell{position:fixed;inset:0;z-index:120;background:rgba(4,24,43,.77);backdrop-filter:blur(7px);display:grid;place-items:center;padding:16px}
.admin-window{width:min(1440px,97vw);height:min(880px,95vh);display:grid;grid-template-columns:245px 1fr;background:#0a2d4d;border:1px solid #2a7eaf;border-radius:19px;overflow:hidden;box-shadow:0 35px 100px rgba(2,22,42,.42);animation:pop .18s}
.admin-side{background:linear-gradient(180deg,#0d3a62,#082d4d);border-left:1px solid #246e9e;padding:12px;overflow:auto}.admin-brand{display:flex;align-items:center;gap:9px;padding:6px 5px 13px;border-bottom:1px solid #1d6190;margin-bottom:8px}.admin-brand .logo{width:42px;height:42px}.admin-brand b{font:800 11px Manrope,sans-serif}.admin-brand small{display:block;color:#7fb0d3;font-size:7px}
.admin-group{padding:10px 9px 4px;color:#6fa6cd;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.admin-nav{width:100%;border:1px solid transparent;background:transparent;color:#99c7e7;border-radius:9px;padding:9px;display:flex;align-items:center;gap:8px;text-align:right;font-size:9px;font-weight:800;margin:2px 0}.admin-nav:hover{background:#124c7a;color:white}.admin-nav.active{background:linear-gradient(180deg,#2397e7,#1479c7);border-color:#1472ba;color:white}
.admin-main{display:flex;flex-direction:column;min-width:0}.admin-top{height:60px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#0c3a62;border-bottom:1px solid #216c9c}.admin-top h3{font-size:12px;margin:0}.admin-content{padding:14px;overflow:auto;flex:1}.admin-page{display:none}.admin-page.active{display:block;animation:fadeUp .2s}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:#0d406a;border:1px solid #2679ab;border-radius:13px;padding:13px}.kpi .ms{color:#6bd0ff}.kpi b{display:block;font-size:21px;margin-top:8px}.kpi small{font-size:8px;color:#8dbddd}
.admin-card{background:#0d3b64;border:1px solid #2474a6;border-radius:14px;padding:13px;margin-top:12px}.admin-card h4{font-size:10px;margin:0 0 10px}.tablewrap{overflow:auto;border:1px solid #2372a3;border-radius:10px}.atable{width:100%;border-collapse:collapse;min-width:820px}.atable th{background:#0e4b7b;color:#b7e6ff;font-size:8px;text-align:right;padding:9px;border-bottom:1px solid #247bac}.atable td{padding:9px;border-bottom:1px solid #1e6695;font-size:9px;color:#d9edf9}.atable tr:last-child td{border-bottom:0}.atable tr:hover td{background:#104872}
.switch{width:38px;height:21px;border-radius:999px;background:#0a3154;border:1px solid #286f9c;position:relative;display:inline-block;cursor:pointer}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#dff4ff;top:2px;right:3px;transition:.2s}.switch.on{background:#157ac4}.switch.on:after{right:19px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label{font-size:8px;color:#90bfde;margin:9px 0 5px;font-weight:800}
.modal{position:fixed;inset:0;z-index:150;background:rgba(4,24,43,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.modalbox{width:min(760px,96vw);background:linear-gradient(180deg,#104979,#0c365d);border:1px solid #2a84b9;border-radius:18px;padding:16px;box-shadow:0 28px 80px rgba(2,22,42,.4);animation:pop .18s}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modalhead h3{font-size:12px;margin:0}.modalactions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.toast{position:fixed;left:18px;bottom:18px;z-index:200;background:#0f5588;border:1px solid #43a6dc;color:white;padding:9px 12px;border-radius:10px;font-size:9px;font-weight:900;box-shadow:0 14px 34px rgba(2,25,46,.2);animation:fadeUp .2s}

@media(max-width:1100px){
  .hero-main{flex-direction:column;align-items:flex-start}.hero-stats{width:100%;min-width:0}
  .forum-row{grid-template-columns:44px 1fr 90px}.last{display:none}
  .profile-main{grid-template-columns:230px 1fr}
  .admin-window{grid-template-columns:86px 1fr}.admin-brand div:not(.logo),.admin-nav span:not(.ms),.admin-group{display:none}.admin-nav{justify-content:center}
}
@media(max-width:780px){
  .header-main{padding:0 11px}.brand{min-width:auto}.brand div:last-child{display:none}.live{display:none}.header-actions .btn span:not(.ms){display:none}
  .wrap{padding:12px 10px 0}.hero-stats{grid-template-columns:repeat(2,1fr)}.topic-showcase{grid-template-columns:1fr}
  .forum-row{grid-template-columns:42px 1fr}.counts{display:none}
  .thread-head{display:none}.thread-row{grid-template-columns:1fr}.thread-row>:not(:first-child){display:none}
  .post{grid-template-columns:1fr}.post-side{border-left:0;border-bottom:1px solid #2579ad}.mini-profile{display:grid;grid-template-columns:70px 1fr;gap:9px;text-align:right;align-items:center}.mini-profile .avatar{width:66px;height:66px;margin:0;grid-row:span 3}.mini-profile h4{margin:0}.member-role-row{justify-content:flex-start}.mini-metrics{grid-column:1/-1}.location{grid-column:1/-1}
  .profile-main{grid-template-columns:1fr;margin-top:-50px}.profile-content{padding-top:0}.profile-content-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-block+.footer-block{border-right:0;border-top:1px solid #246f9e}
  .grid4,.form-grid{grid-template-columns:1fr 1fr}.admin-shell{padding:4px}.admin-window{width:100%;height:100%;border-radius:0}
}
@media(max-width:520px){
  .header-search{display:none}.hero-stats{grid-template-columns:1fr 1fr}.cat-head{height:auto;padding:10px;align-items:flex-start}.cat-actions{flex-wrap:wrap;justify-content:flex-end}
  .grid4,.form-grid,.role-cards{grid-template-columns:1fr}
}

/* ===== V4 PROFILE + FOOTER REBUILD ===== */
.footer-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1.35fr!important;
  gap:0!important;
}
.footer-stats-modern{
  padding:17px;
  border-left:1px solid #246f9e;
  background:
    radial-gradient(circle at 20% 10%,rgba(72,184,247,.12),transparent 30%),
    linear-gradient(180deg,#0f4675,#0b355c);
}
.footer-stat-hero{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 15px;border:1px solid #2a7fb3;background:#0a355a;border-radius:14px;
  margin-bottom:10px
}
.footer-stat-hero .big{
  font:800 26px Manrope,sans-serif;color:#fff
}
.footer-stat-hero small{display:block;color:#89bddf;font-size:8px;margin-top:2px}
.footer-stat-icon{
  width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#176ca9,#0f4c7d);
  border:1px solid #3799d0;display:grid;place-items:center;color:#8edcff
}
.footer-stat-icon .ms{font-size:25px}
.footer-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.footer-stat-mini{
  background:#0a3154;border:1px solid #246f9e;border-radius:12px;padding:10px;text-align:center
}
.footer-stat-mini b{display:block;font:800 15px Manrope,sans-serif}
.footer-stat-mini small{font-size:7px;color:#87badc}
.footer-community{
  padding:17px;background:linear-gradient(180deg,#104979,#0c365d)
}
.footer-section{
  background:#0a3459;border:1px solid #2678aa;border-radius:14px;padding:12px;margin-bottom:10px
}
.footer-section:last-child{margin-bottom:0}
.footer-section-title{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px
}
.footer-section-title .title-left{display:flex;align-items:center;gap:7px}
.footer-section-title .ms{color:#72d3ff}
.footer-section-title b{font-size:10px}
.footer-section-title small{font-size:8px;color:#82b5d7}
.role-cards{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important
}
.role-card{
  position:relative;overflow:hidden;display:block!important;text-align:center;
  padding:11px 8px!important;border-radius:12px!important
}
.role-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:currentColor;opacity:.85
}
.role-card .role-dot{
  width:10px!important;height:10px!important;display:block;margin:0 auto 7px
}
.role-card b{font-size:9px!important}.role-card small{font-size:7px!important}
.online-list{display:flex;gap:7px;flex-wrap:wrap}
.online-user{
  min-width:128px;justify-content:flex-start!important;
  background:#0a3559!important;border-color:#2779aa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.online-user.admin{background:linear-gradient(180deg,#6f2131,#531825)!important;border-color:#b73d51!important}
.online-user.manager{background:linear-gradient(180deg,#145b91,#0e436d)!important;border-color:#3699d4!important}
.online-user.mod{background:linear-gradient(180deg,#165943,#104632)!important;border-color:#35a979!important}
.online-user.user{background:linear-gradient(180deg,#0f4d79,#0c3d63)!important;border-color:#2c8ac1!important}

/* Premium post identity cards */
.mini-profile{
  position:relative!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(103,207,255,.18),transparent 28%),
    linear-gradient(180deg,#135786,#0d416b 60%,#0b365d)!important;
  border:1px solid #3a93c7!important;
  border-radius:20px!important;
  padding:15px!important;
  box-shadow:0 15px 34px rgba(2,28,51,.2),inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden
}
.mini-profile:before{
  content:"";position:absolute;top:0;right:0;left:0;height:4px;
  background:linear-gradient(90deg,#43c4ff,#1a8ee1,#43c4ff)
}
.mini-profile:after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;
  border:1px solid rgba(120,215,255,.11);left:-55px;top:-45px
}
.mini-profile .avatar{
  width:82px!important;height:82px!important;border-radius:24px!important;
  border:2px solid #71cef7!important;
  box-shadow:0 12px 28px rgba(2,30,55,.28),0 0 0 5px rgba(75,184,238,.08)!important;
  animation:float 5s ease-in-out infinite;
  position:relative;z-index:1
}
.mini-profile h4{
  font-size:13px!important;margin:10px 0 2px!important;
  letter-spacing:.01em
}
.member-role-row{margin-top:7px!important;gap:5px!important}
.member-role-row .chip{padding:5px 9px!important;font-size:8px!important}
.member-level{
  display:flex;align-items:center;justify-content:center;gap:6px;margin:9px 0 0;
  font-size:8px;color:#9ac9e7
}
.level-bar{
  width:82px;height:5px;border-radius:999px;background:#082f50;overflow:hidden;border:1px solid #1e6a9b
}
.level-bar i{display:block;height:100%;width:78%;background:linear-gradient(90deg,#2bb1ff,#72d8ff)}
.mini-metrics{
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;margin-top:11px!important
}
.mini-metrics div{
  min-height:54px;display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(180deg,#0b3c65,#092f52)!important;
  border-color:#2b7fb2!important
}
.mini-metrics div:nth-child(4){grid-column:1/-1;min-height:auto;display:block;padding:7px!important}
.mini-metrics b{font:800 11px Manrope,sans-serif!important}
.mini-metrics small{font-size:7px!important}
.location{
  background:linear-gradient(180deg,#0b3a61,#092f51)!important;
  border-color:#2b80b4!important;border-radius:11px!important;
  display:flex;align-items:center;justify-content:center;gap:5px
}
.profile-mini-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px
}
.profile-mini-action{
  border:1px solid #2c7fb1;background:#0b355a;color:#bfe8ff;border-radius:9px;
  padding:6px 7px;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px
}
.profile-mini-action:hover{background:#115286;color:#fff}

/* Members grid profile cards */
#view-members .profile-card{
  position:relative;overflow:hidden;text-align:right!important;padding:0!important;
  border-radius:19px!important;background:linear-gradient(180deg,#115181,#0c3b63)!important;
  box-shadow:0 15px 34px rgba(2,27,50,.16)!important
}
#view-members .profile-card:before{
  content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,#45c5ff,#188ddb)
}
#view-members .profile-card .profile-avatar{
  margin:18px auto 8px!important;
  box-shadow:0 10px 24px rgba(3,31,55,.2),0 0 0 5px rgba(84,193,242,.07)
}
.member-card-body{padding:0 14px 14px}
.member-card-top{text-align:center}
.member-card-name{font-size:14px;font-weight:900;text-align:center;margin-top:5px}
.member-card-status{
  display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#89bad9;margin-top:3px
}
.member-card-status i{width:6px;height:6px;border-radius:50%;background:#32d99a;box-shadow:0 0 10px #32d99a}
.member-card-status.offline i{background:#5e9fc8;box-shadow:none}
.member-card-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px
}
.member-card-stat{
  background:#0a355a;border:1px solid #2778aa;border-radius:10px;text-align:center;padding:8px 5px
}
.member-card-stat b{display:block;font:800 12px Manrope,sans-serif}
.member-card-stat small{display:block;font-size:7px;color:#86b9da}
.member-card-footer{
  display:flex;gap:6px;margin-top:9px;border-top:1px solid #2777a7;padding-top:9px
}
.member-card-footer button{flex:1}

/* Larger profile page enhancements */
.profile-card{
  background:
    radial-gradient(circle at 10% 0%,rgba(100,208,255,.16),transparent 27%),
    linear-gradient(180deg,#135887,#0d416b)!important;
  border-color:#3c97ca!important;
  box-shadow:0 18px 42px rgba(2,28,52,.2)!important
}
.profile-card .profile-avatar{box-shadow:0 14px 30px rgba(2,30,54,.24),0 0 0 7px rgba(83,193,240,.08)}
.profile-panel{
  background:linear-gradient(180deg,#0d416c,#0a355b)!important;
  border-color:#2c82b4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
@media(max-width:1000px){
  .footer-grid{grid-template-columns:1fr!important}
  .footer-stats-modern{border-left:0;border-bottom:1px solid #246f9e}
  .role-cards{grid-template-columns:repeat(2,1fr)!important}
}


/* ===== V5 HOME-ONLY FOOTER + PRO EDITOR + STAFF MODERATION ===== */
#footerMount:empty{display:none}body:not(.home-view) #footerMount{display:none!important}
.online-user{min-width:0!important;padding:7px 12px!important;border-radius:999px!important;font-size:9px!important}.online-user span{font-weight:900}
.staff-boardbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:9px 10px;border:1px solid #2a7fb4;background:linear-gradient(180deg,#104b7a,#0b385f);border-radius:13px;box-shadow:0 10px 24px rgba(2,27,49,.10)}
.staff-boardbar-left,.staff-boardbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.staff-boardbar .staff-label{font-size:8px;color:#9dcbea;font-weight:800}.bulk-select-count{font:800 10px Manrope,sans-serif;color:#fff}
.thread-check{width:18px;height:18px;accent-color:#2caeff;cursor:pointer}.thread-row.staff-row{grid-template-columns:28px minmax(0,1fr) 90px 90px 180px 42px!important}.thread-actions{position:relative;display:flex;justify-content:center}.thread-menu-btn{width:30px;height:30px;border-radius:8px;border:1px solid #2a7cae;background:#0b365a;color:#ccecff;display:grid;place-items:center}.thread-menu{position:absolute;left:0;top:34px;z-index:40;width:195px;padding:6px;border:1px solid #3189bb;background:linear-gradient(180deg,#104b79,#0a355b);border-radius:11px;box-shadow:0 18px 40px rgba(2,25,47,.3)}.thread-menu button{width:100%;border:0;background:transparent;color:#dff3ff;text-align:right;padding:8px 9px;border-radius:7px;font-size:9px;display:flex;align-items:center;gap:7px}.thread-menu button:hover{background:#145b90}.thread-menu .danger{color:#ffd9de}.staff-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#5a1c29;border:1px solid #b84052;color:#ffe1e5;font-size:7px;font-weight:900}
.wp-editor{margin-top:14px;border:1px solid #338bbc;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#104c7b,#0a365c);box-shadow:0 16px 38px rgba(2,27,50,.14)}.wp-editor-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:linear-gradient(180deg,#196fa9,#105386);border-bottom:1px solid #2d86b8}.wp-editor-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900}.wp-editor-tabs{display:flex;gap:4px}.wp-tab{border:1px solid #2e83b5;background:#0c3c64;color:#a9d7f2;border-radius:8px;padding:5px 9px;font-size:8px;font-weight:850}.wp-tab.active{background:#1a83cc;color:white;border-color:#42a7dd}.wp-menubar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:7px 9px;background:#0d416b;border-bottom:1px solid #277baa}.wp-menu{position:relative}.wp-menu-trigger{height:30px;border:1px solid #2c7fad;background:#0b3559;color:#d8f1ff;border-radius:7px;padding:0 9px;font-size:8px;font-weight:800;display:flex;align-items:center;gap:4px}.wp-dropdown{position:absolute;top:34px;right:0;z-index:55;min-width:160px;padding:5px;border:1px solid #3189bb;background:#0d426d;border-radius:10px;box-shadow:0 16px 36px rgba(2,25,46,.30)}.wp-dropdown button{width:100%;border:0;background:transparent;color:#dff3ff;text-align:right;padding:7px 8px;border-radius:7px;font-size:8px}.wp-dropdown button:hover{background:#145a8f}
.wp-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px 9px;background:#0b3b63;border-bottom:1px solid #2779a9}.wp-tool{min-width:31px;height:31px;padding:0 7px;border:1px solid #2d83b4;background:#0a3458;color:#dff5ff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:900}.wp-tool:hover,.wp-tool.active{background:#155d92;border-color:#4cb7ec;color:white}.wp-tool .ms{font-size:17px}.wp-select{height:31px;border:1px solid #2d83b4;background:#0a3458;color:#dff5ff;border-radius:7px;padding:0 7px;font-size:8px}.wp-editor-canvas{min-height:300px;background:linear-gradient(180deg,#0a3154,#0a2e4f);color:#f5fbff;padding:18px;outline:none;font-size:11px;line-height:2}.wp-editor-canvas:empty:before{content:attr(data-placeholder);color:#70a9cf}.wp-editor-canvas blockquote{margin:14px 0;padding:12px 14px;border-right:4px solid #56c7ff;background:#0d3d66;border-radius:10px;color:#d9effc}.wp-editor-canvas pre{direction:ltr;text-align:left;background:#082a48;border:1px solid #246e9f;border-radius:10px;padding:12px;color:#c9edff;overflow:auto}.wp-editor-canvas img{max-width:100%;border-radius:10px}.wp-editor-canvas table{width:100%;border-collapse:collapse}.wp-editor-canvas td,.wp-editor-canvas th{border:1px solid #367fae;padding:6px}.wp-editor-source{width:100%;min-height:300px;border:0;outline:0;background:#082b49;color:#d9efff;padding:15px;font:10px/1.7 Consolas,monospace;resize:vertical;direction:ltr;text-align:left}.wp-editor-bottom{padding:9px 10px;background:#0c3d66;border-top:1px solid #277aab}.wp-editor-status{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#83b7d8;font-size:8px;margin-bottom:8px}.wp-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.wp-editor-footer-left,.wp-editor-footer-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wp-popover{position:absolute;z-index:70;width:min(360px,85vw);padding:10px;border:1px solid #358fc0;background:linear-gradient(180deg,#104c7a,#0a355a);border-radius:12px;box-shadow:0 18px 42px rgba(2,24,45,.34)}.wp-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.wp-emoji-btn{border:1px solid #2c80b2;background:#0a3458;border-radius:8px;padding:5px;font-size:18px;transition:.13s}.wp-emoji-btn:hover{transform:scale(1.12);background:#145989}.wp-reaction-trigger{position:relative}.wp-reaction-picker{position:absolute;bottom:38px;right:0;z-index:60;display:flex;gap:5px;padding:7px;border:1px solid #338dbc;background:#0d426d;border-radius:999px;box-shadow:0 14px 36px rgba(2,24,45,.3)}.wp-reaction-picker button{border:0;background:transparent;font-size:20px;padding:2px 4px;transition:.13s}.wp-reaction-picker button:hover{transform:scale(1.22)}.wp-attachments{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.wp-attachment{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;border:1px solid #2b7eae;background:#0a3458;color:#acd9f3;font-size:8px}.wp-preview{margin-top:8px;padding:13px;border:1px solid #2e83b5;background:#0a3458;border-radius:10px;line-height:1.9;font-size:10px}.wp-wordcount{font-family:Manrope,sans-serif}.modalbox.topic-modal{width:min(1040px,97vw)!important;max-height:94vh;overflow:auto}.post-actions{margin-top:30px!important}.post-content{padding-bottom:38px!important}.editor-emojis,.emoji-strip{display:none!important}
@media(max-width:780px){.thread-row.staff-row{grid-template-columns:24px minmax(0,1fr) 36px!important}.thread-row.staff-row>:nth-child(3),.thread-row.staff-row>:nth-child(4),.thread-row.staff-row>:nth-child(5){display:none}.staff-boardbar{align-items:flex-start;flex-direction:column}.wp-editor-canvas,.wp-editor-source{min-height:240px}.wp-emoji-grid{grid-template-columns:repeat(6,1fr)}}


/* ===== V6: POST MODERATION + SLIDER + PREMIUM ROLES/MEMBERS/SUBCATEGORIES ===== */

/* New Topics slider */
.topic-showcase-v6{
  display:grid;
  grid-template-columns:.85fr 1.45fr;
  gap:14px;
  margin-bottom:15px;
}
.latest-slider{
  position:relative;
  overflow:hidden;
  border:1px solid #2d83b7;
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 0%,rgba(91,201,255,.16),transparent 28%),
    linear-gradient(180deg,#104b7b,#0b365e);
  box-shadow:0 14px 34px rgba(2,26,48,.14)
}
.latest-slider-head{
  height:58px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #2a80b2;
  background:linear-gradient(180deg,#196fa9,#105386)
}
.latest-slider-title{
  display:flex;align-items:center;gap:10px
}
.latest-slider-icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#1c85cd,#0e5389);
  border:1px solid #4bb4e8;
  color:#bceaff;
  box-shadow:0 8px 20px rgba(2,30,55,.18)
}
.latest-slider-title b{font-size:11px}
.latest-slider-title small{display:block;font-size:8px;color:#a9d4ee}
.slider-controls{display:flex;gap:5px}
.slider-btn{
  width:31px;height:31px;border-radius:9px;
  border:1px solid #3591c3;background:#0b3a62;color:#d8f1ff;
  display:grid;place-items:center
}
.slider-btn:hover{background:#155c91}
.latest-viewport{overflow:hidden;padding:12px}
.latest-track{
  display:flex;
  gap:10px;
  transition:transform .55s cubic-bezier(.2,.78,.25,1);
  will-change:transform
}
.latest-card{
  flex:0 0 calc(50% - 5px);
  min-height:118px;
  position:relative;
  overflow:hidden;
  border:1px solid #2a7faf;
  border-radius:15px;
  padding:13px;
  background:
    linear-gradient(135deg,rgba(26,123,190,.18),transparent 45%),
    linear-gradient(180deg,#0d426d,#0a345a);
  cursor:pointer;
  transition:.2s
}
.latest-card:hover{
  transform:translateY(-2px);
  border-color:#53bce9;
  box-shadow:0 12px 28px rgba(2,27,50,.18)
}
.latest-card:after{
  content:"";
  position:absolute;
  left:-34px;bottom:-50px;
  width:110px;height:110px;border-radius:50%;
  border:1px solid rgba(102,205,255,.11)
}
.latest-card-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px
}
.latest-card-icon{
  width:31px;height:31px;border-radius:10px;
  background:#0a3358;border:1px solid #318bbd;
  color:#70d4ff;display:grid;place-items:center
}
.latest-card time{font-size:7px;color:#7fb2d5}
.latest-card h4{
  font-size:10px;
  margin:10px 0 4px;
  line-height:1.6;
  color:#f3fbff
}
.latest-card-meta{
  font-size:8px;color:#8fbfdf;
  display:flex;gap:7px;flex-wrap:wrap
}
.slider-dots{
  display:flex;justify-content:center;gap:5px;padding:0 0 11px
}
.slider-dot{
  width:7px;height:7px;border-radius:999px;border:0;background:#2d6d98;padding:0;
  transition:.2s
}
.slider-dot.active{width:20px;background:#60c9f5}

/* Important panel */
.important-panel-v6{
  overflow:hidden;border:1px solid #2c82b6;border-radius:18px;
  background:linear-gradient(180deg,#104a79,#0b365e);
  box-shadow:0 14px 34px rgba(2,26,48,.13)
}
.important-panel-v6 .showcase-head{
  background:linear-gradient(180deg,#176ba5,#104e80)!important;
}
.important-row-v6{
  display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;
  padding:10px 12px;border-bottom:1px solid #226f9f;
  transition:.16s
}
.important-row-v6:last-child{border-bottom:0}
.important-row-v6:hover{background:#104b78}
.important-pin{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  background:#62470f;border:1px solid #ab7d1d;color:#ffe397
}
.important-row-v6 b{font-size:9px;cursor:pointer}
.important-row-v6 small{display:block;font-size:7px;color:#8ebddd;margin-top:2px}
.important-row-v6 time{font-size:7px;color:#83b2d2}

/* Subcategory cards */
.subcategory-zone{
  padding:11px 12px;
  background:linear-gradient(180deg,#0e406a,#0c385f);
  border-bottom:1px solid #216b9a
}
.subcategory-zone-title{
  display:flex;align-items:center;gap:6px;
  font-size:8px;color:#9dcae7;font-weight:850;margin-bottom:8px
}
.subcategory-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px
}
.subcategory-card{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;
  border:1px solid #2a80b3;
  border-radius:13px;
  padding:10px;
  background:
    linear-gradient(135deg,rgba(62,173,236,.10),transparent 50%),
    linear-gradient(180deg,#0e4977,#0b385f);
  cursor:pointer;
  transition:.18s
}
.subcategory-card:hover{
  transform:translateY(-2px);
  background:linear-gradient(180deg,#135b91,#0d426d);
  border-color:#4aafe0
}
.subcategory-card-icon{
  width:40px;height:40px;border-radius:12px;
  display:grid;place-items:center;
  color:#80d9ff;background:#0a3459;border:1px solid #318bbd
}
.subcategory-card b{font-size:9px}
.subcategory-card small{display:block;font-size:7px;color:#91bfdd;margin-top:2px}
.subcategory-count{
  min-width:42px;border-radius:10px;padding:6px;
  text-align:center;background:#0a3356;border:1px solid #2879a9
}
.subcategory-count strong{display:block;font:800 11px Manrope,sans-serif}
.subcategory-count span{font-size:6px;color:#85b5d4}

/* Modern role presentation */
.role-cards{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:9px!important
}
.role-card-v6{
  position:relative;
  overflow:hidden;
  min-height:112px;
  border-radius:16px;
  padding:13px 11px;
  border:1px solid #2a7dab;
  background:linear-gradient(180deg,#0c3d67,#092f52);
  text-align:right;
  transition:.18s
}
.role-card-v6:hover{transform:translateY(-2px)}
.role-card-v6:before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 85% 10%,currentColor,transparent 32%);
  opacity:.10;
  pointer-events:none
}
.role-card-v6.admin{color:#ff5f74;border-color:#a23a4a}
.role-card-v6.manager{color:#42b4ff;border-color:#2c88c1}
.role-card-v6.mod{color:#37daa0;border-color:#28886a}
.role-card-v6.user{color:#73d5ff;border-color:#2a85b7}
.role-card-v6-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px
}
.role-symbol{
  width:37px;height:37px;border-radius:12px;
  display:grid;place-items:center;
  background:#092f50;border:1px solid currentColor;
  box-shadow:0 8px 20px rgba(2,25,46,.12)
}
.role-symbol .ms{font-size:20px}
.role-card-v6 .role-count{
  font:800 17px Manrope,sans-serif;color:#fff
}
.role-card-v6 h4{margin:10px 0 2px;font-size:10px;color:#fff}
.role-card-v6 p{margin:0;font-size:7px;color:#8dbbdd;line-height:1.5}
.role-card-v6 .role-bar{
  height:4px;border-radius:999px;background:#082b49;margin-top:10px;overflow:hidden
}
.role-card-v6 .role-bar i{
  display:block;height:100%;background:currentColor;border-radius:999px
}

/* Online only names */
.online-user span{font-weight:900!important}
.online-user small{display:none!important}

/* Completely rebuilt members cards */
.members-grid-v6{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:12px
}
.member-v6{
  position:relative;
  overflow:hidden;
  border:1px solid #2c83b6;
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%,rgba(89,200,255,.14),transparent 26%),
    linear-gradient(180deg,#104a79,#0b365d);
  box-shadow:0 14px 34px rgba(2,27,50,.14);
  transition:.2s
}
.member-v6:hover{transform:translateY(-3px);border-color:#50b9e8}
.member-v6-cover{
  height:70px;
  background:
    linear-gradient(120deg,rgba(64,181,241,.22),transparent 45%),
    linear-gradient(90deg,#1267a1,#104a78);
  border-bottom:1px solid #2a80b3
}
.member-v6-main{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:13px;
  padding:0 14px 13px;
  margin-top:-38px
}
.member-v6-avatar{
  width:82px;height:82px;border-radius:24px;
  background:linear-gradient(145deg,#e8f8ff,#8bc9e8);
  border:3px solid #5dc3f1;
  box-shadow:0 12px 26px rgba(2,27,50,.2),0 0 0 5px rgba(75,185,235,.08);
  display:grid;place-items:center;color:#0a395c;font-size:21px;font-weight:900;
  overflow:hidden;cursor:pointer
}
.member-v6-avatar img{width:100%;height:100%;object-fit:cover}
.member-v6-info{padding-top:43px;min-width:0}
.member-v6-name-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px
}
.member-v6-name{font-size:13px;font-weight:900;cursor:pointer}
.member-v6-online{
  width:9px;height:9px;border-radius:50%;
  background:#2ed79b;box-shadow:0 0 11px #2ed79b
}
.member-v6-offline{background:#5295bd;box-shadow:none}
.member-v6-roleline{
  display:flex;gap:5px;flex-wrap:wrap;margin-top:5px
}
.member-v6-bio{
  color:#93c1df;font-size:8px;line-height:1.6;margin-top:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.member-v6-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:6px;padding:0 14px 12px
}
.member-v6-stat{
  padding:8px;border-radius:10px;
  background:#0a3459;border:1px solid #287aae;text-align:center
}
.member-v6-stat b{display:block;font:800 12px Manrope,sans-serif}
.member-v6-stat small{font-size:7px;color:#83b5d6}
.member-v6-footer{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 14px;border-top:1px solid #246f9f;background:#0a3357
}
.member-v6-location{font-size:8px;color:#91c1df;display:flex;align-items:center;gap:4px}
.member-v6-actions{display:flex;gap:5px}

/* Post moderation menu */
.post-bar{
  position:relative
}
.post-bar-left{
  display:flex;align-items:center;gap:7px
}
.post-staff-menu-wrap{position:relative}
.post-staff-btn{
  width:29px;height:29px;border-radius:8px;
  border:1px solid #2b7dad;background:#0a3458;color:#d8f1ff;
  display:grid;place-items:center
}
.post-staff-menu{
  position:absolute;top:34px;right:0;z-index:65;
  width:210px;padding:6px;border-radius:11px;
  border:1px solid #338dbd;
  background:linear-gradient(180deg,#104b79,#0a355a);
  box-shadow:0 18px 42px rgba(2,24,45,.32)
}
.post-staff-menu button{
  width:100%;border:0;background:transparent;color:#dff3ff;
  padding:8px 9px;border-radius:7px;text-align:right;
  display:flex;align-items:center;gap:7px;font-size:8px
}
.post-staff-menu button:hover{background:#145a8f}
.post-staff-menu .danger{color:#ffd7dc}
.post-staff-menu .warning{color:#ffe3a0}
.deleted-post{
  min-height:150px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  color:#9cc8e6;
  background:repeating-linear-gradient(-45deg,#0a3358,#0a3358 10px,#0b385f 10px,#0b385f 20px);
  border:1px dashed #2a7cae;border-radius:12px;margin:16px 0;padding:20px
}
.deleted-post .ms{font-size:28px;color:#f1c45d;margin-bottom:7px}
.deleted-post b{display:block;color:#fff;font-size:10px}
.deleted-post small{display:block;font-size:8px;margin-top:3px}
.deleted-post-actions{display:flex;gap:6px;justify-content:center;margin-top:10px}

/* Permission callout in admin */
.permission-note{
  margin-bottom:10px;padding:10px 11px;border-radius:10px;
  border:1px solid #2b7faf;background:#0a3458;color:#9bc9e7;font-size:8px
}

@media(max-width:900px){
  .topic-showcase-v6{grid-template-columns:1fr}
  .latest-card{flex-basis:78%}
  .role-cards{grid-template-columns:repeat(2,1fr)!important}
  .members-grid-v6{grid-template-columns:1fr}
}
@media(max-width:560px){
  .latest-card{flex-basis:92%}
  .subcategory-card{grid-template-columns:38px 1fr}
  .subcategory-count{display:none}
}


/* ===== V7: INLINE SUBFORUMS + VISIBLE POST MODERATION ===== */

/* Remove the large V6 subcategory card treatment from forum home */
.subcategory-zone{display:none!important}

/* Inline sub-forums directly below each forum */
.inline-subs{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(80,174,226,.22)
}
.inline-sub{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#9fd2ef;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
  transition:.15s
}
.inline-sub .ms{
  font-size:13px;
  color:#64c7f4
}
.inline-sub:hover{
  color:#fff;
  transform:translateY(-1px)
}
.inline-sub-count{
  color:#679fc5;
  font:700 7px Manrope,sans-serif
}

/* Make staff moderation obvious and directly visible */
.staff-post-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px;
  padding-top:9px;
  border-top:1px dashed #2a76a7
}
.staff-action-btn{
  border:1px solid #2d82b3;
  background:linear-gradient(180deg,#0f4a78,#0a3559);
  color:#d8f1ff;
  border-radius:9px;
  padding:6px 8px;
  font-size:8px;
  font-weight:850;
  display:inline-flex;
  align-items:center;
  gap:5px;
  transition:.15s
}
.staff-action-btn:hover{
  background:linear-gradient(180deg,#176ca9,#104d7d);
  transform:translateY(-1px)
}
.staff-action-btn.warning{
  background:linear-gradient(180deg,#6d4b11,#4b350c);
  border-color:#a8781f;
  color:#ffe2a5
}
.staff-action-btn.danger{
  background:linear-gradient(180deg,#7a2332,#541824);
  border-color:#b64052;
  color:#ffe0e4
}
.staff-action-btn.restore{
  background:linear-gradient(180deg,#135842,#0f4734);
  border-color:#2b946c;
  color:#dcf9eb
}
.staff-permission-note{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#79acd0;
  font-size:7px
}

/* Put the normal user actions lower, staff controls beneath */
.post-actions{
  margin-top:30px!important;
  padding-top:12px!important
}

/* Slightly stronger forum hierarchy */
.forum-name-wrap{
  min-width:0
}
.forum-desc{
  margin-top:3px!important
}

@media(max-width:700px){
  .staff-post-actions{gap:4px}
  .staff-action-btn{padding:6px 7px}
}


/* ===== V8: NEW LATEST TOPICS + ANIMATED GRAPHIC ROLES ===== */

/* Remove old hero stats block completely */
.hero-stats{display:none!important}
.hero-main{justify-content:flex-start!important}

/* Latest topics - completely new style */
.latest-slider{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important
}
.latest-slider-head{
  height:auto!important;
  padding:0 0 10px!important;
  background:transparent!important;
  border:0!important
}
.latest-slider-title{
  gap:9px!important
}
.latest-slider-icon{
  width:40px!important;height:40px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#1b7bbd,#0e4c7b)!important;
  border:1px solid #3ca2d8!important;
  box-shadow:0 10px 24px rgba(2,28,50,.16)!important
}
.latest-slider-title b{
  font-size:12px!important
}
.latest-slider-title small{
  color:#8abbdc!important
}
.latest-viewport{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #2d83b7;
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(94,205,255,.11),transparent 28%),
    linear-gradient(180deg,#104873,#0b355b);
  box-shadow:0 14px 34px rgba(2,26,48,.14)
}
.latest-track{
  gap:0!important
}
.latest-card{
  flex:0 0 100%!important;
  min-height:168px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:18px 20px!important;
  position:relative;
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:15px;
  align-items:center
}
.latest-card:hover{
  transform:none!important;
  background:linear-gradient(90deg,rgba(25,112,175,.10),rgba(25,112,175,.02))!important
}
.latest-card:before{
  content:"";
  position:absolute;
  top:0;bottom:0;
  right:0;
  width:4px;
  background:linear-gradient(180deg,#64d0ff,#1c8bd8)
}
.latest-card:after{
  width:180px!important;height:180px!important;
  left:-90px!important;bottom:-95px!important;
  border-color:rgba(99,205,255,.08)!important
}
.latest-card-icon{
  width:56px!important;height:56px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#176ca8,#0e4c7b)!important;
  border:1px solid #47afe1!important;
  color:#b9eaff!important;
  box-shadow:0 10px 24px rgba(2,28,51,.18)
}
.latest-card-icon .ms{font-size:28px}
.latest-card h4{
  font-size:14px!important;
  margin:0 0 7px!important
}
.latest-card-meta{
  font-size:9px!important;
  gap:10px!important
}
.latest-card time{
  font-size:8px!important;
  color:#84b7d8!important;
  white-space:nowrap
}
.latest-card .latest-card-side{
  text-align:left
}
.slider-controls{
  display:flex!important
}
.slider-dots{
  padding:10px 0 0!important
}
.slider-dot{
  height:6px!important;
  background:#2b6f9a!important
}
.slider-dot.active{
  width:28px!important;
  background:linear-gradient(90deg,#59c9f6,#1a8dd9)!important
}

/* Role section - graphic, animated, very different */
.role-cards{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important
}
@keyframes rolePulse{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(0,0,0,0)}
  50%{transform:translateY(-4px);box-shadow:0 14px 30px rgba(2,28,51,.20)}
}
@keyframes roleOrbit{
  to{transform:rotate(360deg)}
}
@keyframes roleGlow{
  0%,100%{opacity:.28;transform:scale(1)}
  50%{opacity:.55;transform:scale(1.12)}
}
.role-card-v8{
  position:relative;
  overflow:hidden;
  min-height:164px;
  border-radius:20px;
  padding:16px;
  border:1px solid currentColor;
  background:
    radial-gradient(circle at 50% 16%,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(180deg,#0c3b64,#092f52);
  animation:rolePulse 5s ease-in-out infinite;
  isolation:isolate
}
.role-card-v8:nth-child(2){animation-delay:.5s}
.role-card-v8:nth-child(3){animation-delay:1s}
.role-card-v8:nth-child(4){animation-delay:1.5s}
.role-card-v8.admin{color:#ff6075}
.role-card-v8.manager{color:#43b4ff}
.role-card-v8.mod{color:#39dca1}
.role-card-v8.user{color:#72d5ff}
.role-card-v8:before{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  border:1px solid currentColor;
  top:-88px;left:-48px;
  opacity:.14;
  animation:roleOrbit 14s linear infinite;
  z-index:-1
}
.role-card-v8:after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  border-radius:50%;
  background:currentColor;
  filter:blur(34px);
  opacity:.13;
  right:-18px;bottom:-18px;
  animation:roleGlow 4s ease-in-out infinite;
  z-index:-1
}
.role-v8-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.role-v8-icon-wrap{
  position:relative;
  width:60px;height:60px;
  display:grid;place-items:center
}
.role-v8-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid currentColor;
  opacity:.35;
  border-top-color:transparent;
  animation:roleOrbit 8s linear infinite
}
.role-v8-icon{
  width:46px;height:46px;
  border-radius:15px;
  display:grid;place-items:center;
  background:#082d4d;
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)
}
.role-v8-icon .ms{font-size:24px}
.role-v8-count{
  font:800 22px Manrope,sans-serif;
  color:#fff
}
.role-v8-name{
  margin-top:12px;
  font-size:11px;
  font-weight:900;
  color:#fff
}
.role-v8-desc{
  margin-top:4px;
  min-height:30px;
  font-size:7px;
  line-height:1.6;
  color:#8ebddd
}
.role-v8-progress{
  height:5px;
  border-radius:999px;
  background:#082a47;
  overflow:hidden;
  margin-top:12px
}
.role-v8-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 12px currentColor
}
.role-v8-label{
  margin-top:8px;
  display:flex;justify-content:space-between;
  font-size:7px;color:#81b3d3
}

@media(max-width:900px){
  .role-cards{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  .role-cards{grid-template-columns:1fr!important}
  .latest-card{
    grid-template-columns:48px 1fr!important;
    min-height:150px!important
  }
  .latest-card time{
    grid-column:2;
    margin-top:5px
  }
}


/* ===== V9 compact latest + compact graphic roles ===== */

/* Smaller latest-topic slider */
.latest-slider-head{
  padding:0 0 8px!important;
}
.latest-slider-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
.latest-slider-icon .ms{font-size:19px!important}
.latest-slider-title b{font-size:11px!important}
.latest-card{
  min-height:112px!important;
  padding:13px 15px!important;
  grid-template-columns:44px 1fr auto!important;
  gap:11px!important
}
.latest-card-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important
}
.latest-card-icon .ms{font-size:21px!important}
.latest-card h4{
  font-size:11px!important;
  margin:0 0 5px!important
}
.latest-card-meta{
  font-size:8px!important;
  gap:8px!important
}
.latest-card time{font-size:7px!important}
.slider-dots{padding:7px 0 0!important}

/* Important topics icon: cleaner pin/star style, no priority_high */
.important-panel-v6 .showcase-icon{
  background:linear-gradient(145deg,#176ca8,#0e4b79)!important;
  border-color:#3aa2d7!important;
  color:#aee6ff!important
}
.important-pin{
  background:linear-gradient(145deg,#0f527f,#0a3d64)!important;
  border-color:#348fc1!important;
  color:#8edcff!important
}

/* Compact graphic role cards */
.role-cards{
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important
}
.role-card-v8{
  min-height:118px!important;
  padding:11px!important;
  border-radius:15px!important;
  animation:rolePulse 6s ease-in-out infinite!important
}
.role-v8-icon-wrap{
  width:44px!important;
  height:44px!important
}
.role-v8-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important
}
.role-v8-icon .ms{font-size:18px!important}
.role-v8-count{
  font-size:16px!important
}
.role-v8-name{
  margin-top:8px!important;
  font-size:9px!important
}
.role-v8-desc{
  min-height:auto!important;
  margin-top:3px!important;
  font-size:6.5px!important;
  line-height:1.45!important
}

/* Remove access percentage UI */
.role-v8-progress,
.role-v8-label{
  display:none!important
}

@media(max-width:900px){
  .role-cards{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  .role-cards{grid-template-columns:1fr!important}
  .latest-card{
    grid-template-columns:40px 1fr!important;
    min-height:105px!important
  }
  .latest-card time{
    grid-column:2!important;
    margin-top:3px!important
  }
}


/* ===== V10: REAL KURDCYBER RANK ARTWORK ===== */
.rank-photo{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.profile-rank-art{margin:10px auto 4px;width:min(175px,100%);border-radius:10px;overflow:hidden;filter:drop-shadow(0 9px 18px rgba(2,22,43,.28));transition:.2s}
.profile-rank-art:hover{transform:translateY(-2px) scale(1.015)}
.post-rank-art{margin:10px auto 4px;max-width:172px;border-radius:9px;overflow:hidden;filter:drop-shadow(0 8px 15px rgba(2,23,44,.25))}
.member-rank-art{margin:8px auto 0;max-width:205px;border-radius:10px;overflow:hidden;filter:drop-shadow(0 8px 16px rgba(2,23,44,.24))}
.footer-rank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.footer-rank-card{position:relative;overflow:hidden;border:1px solid #2d83b6;border-radius:14px;background:linear-gradient(180deg,#0c3c66,#092f52);padding:7px;min-width:0;transition:.2s;box-shadow:0 9px 24px rgba(2,25,46,.12)}
.footer-rank-card:hover{transform:translateY(-3px);border-color:#58c0eb;box-shadow:0 14px 30px rgba(2,25,46,.22)}
.footer-rank-card img{width:100%;aspect-ratio:2.65/1;object-fit:cover;object-position:center;border-radius:9px}
.footer-rank-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 3px 1px}
.footer-rank-meta b{font-size:7.5px;color:#e9f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-rank-meta small{color:#80b3d5;font:700 7px Manrope,sans-serif}
@media(max-width:1050px){.footer-rank-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.footer-rank-grid{grid-template-columns:1fr 1fr}.post-rank-art,.member-rank-art,.profile-rank-art{max-width:155px}}


/* ===== V11: 4K rank images + better latest topics ===== */
.rank-photo{display:block;width:100%;height:auto;image-rendering:auto;filter:none}
.member-role-row,.role-row,.member-v6-roleline{display:none!important}

.post-rank-art,.profile-rank-art,.member-rank-art{
  overflow:visible!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  filter:drop-shadow(0 12px 26px rgba(2,22,43,.22));
}
.post-rank-art{max-width:210px!important;margin:10px auto 6px!important}
.profile-rank-art{width:min(280px,100%)!important;margin:12px auto 6px!important}
.member-rank-art{max-width:245px!important;margin:8px auto 8px!important}
.profile-card h2,.mini-profile h4,.member-v6-name{margin-bottom:2px}

/* Online users in rank colors */
.online-list{display:flex;flex-wrap:wrap;gap:10px!important}
.online-user{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px!important;border-radius:999px!important;
  border:1px solid transparent;
  font-size:9px!important;font-weight:900!important;
  letter-spacing:.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 22px rgba(2,20,39,.16);
  transition:.18s ease;min-width:0!important
}
.online-user:hover{transform:translateY(-2px)}
.online-user i{width:8px!important;height:8px!important;border-radius:50%!important;animation:pulse 1.8s infinite}
.online-user small{display:none!important}
.online-user span{font-weight:900!important}

/* Modern footer rank section using 4k images */
.footer-rank-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px!important;
}
.footer-rank-card{
  position:relative;overflow:hidden;
  border:1px solid rgba(77,168,224,.28)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at top right,rgba(86,198,255,.12),transparent 28%),
    linear-gradient(180deg,#0d3f69,#0a3257)!important;
  padding:10px!important;
  box-shadow:0 14px 34px rgba(2,22,40,.16);
  transition:.22s ease;
}
.footer-rank-card:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 44%);
  pointer-events:none
}
.footer-rank-card:hover{transform:translateY(-3px);border-color:#63d1ff!important;box-shadow:0 18px 38px rgba(2,24,44,.24)}
.footer-rank-card img{width:100%;height:auto;display:block;object-fit:contain;border-radius:12px}
.footer-rank-meta{padding:7px 2px 1px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.footer-rank-meta b{font-size:8px!important;color:#edfaff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-rank-meta small{padding:4px 7px;border-radius:999px;background:#0b2c49;color:#9ed6f3;font-size:7px!important;font-weight:800}

/* Latest topics redesigned */
.latest-slider{
  border:1px solid rgba(77,168,224,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#0b3559,#092c4b)!important;
  box-shadow:0 14px 36px rgba(2,21,39,.14)!important;
  overflow:hidden!important;
}
.latest-slider-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 12px!important;
  border-bottom:1px solid rgba(95,198,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))!important;
}
.latest-slider-title{display:flex!important;align-items:center;gap:10px!important}
.latest-slider-icon{
  width:38px!important;height:38px!important;border-radius:12px!important;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#15679d,#0c4b79)!important;
  border:1px solid #3ea7d9!important;box-shadow:none!important
}
.latest-slider-title b{font-size:11px!important;color:#f0fbff}
.latest-slider-title small{font-size:7px!important;color:#87bddd}
.latest-viewport{padding:14px!important;overflow:hidden}
.latest-track{display:flex!important;gap:12px!important;transition:transform .45s ease!important;will-change:transform}
.latest-card{
  flex:0 0 calc((100% - 24px)/3)!important;
  min-width:calc((100% - 24px)/3)!important;
  min-height:145px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(85,192,248,.20)!important;
  background:
    radial-gradient(circle at top right,rgba(90,203,255,.10),transparent 32%),
    linear-gradient(180deg,#0f426e,#0b3559)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  display:flex!important;flex-direction:column;justify-content:space-between;
  gap:10px!important;cursor:pointer;position:relative
}
.latest-card:hover{transform:translateY(-3px)!important;border-color:#62ccfb!important}
.latest-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.latest-card-main{display:flex;align-items:center;gap:10px}
.latest-card-icon{
  width:42px!important;height:42px!important;border-radius:13px!important;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#165f95,#0d4b78)!important;
  border:1px solid #3ea7d9!important;box-shadow:none!important;flex:none
}
.latest-card h4{margin:0!important;font-size:10px!important;line-height:1.5!important;color:#f1fbff}
.latest-card-meta{display:flex;flex-wrap:wrap;gap:7px 10px!important;font-size:7px!important;color:#8ec4df}
.latest-card time{font-size:7px!important;color:#7db5d7;white-space:nowrap}
.latest-card-author{display:flex;align-items:center;gap:5px;font-size:7px;color:#9ad0ea}
.latest-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px dashed rgba(104,200,252,.18)}
.latest-card-stat{display:inline-flex;align-items:center;gap:4px;color:#a1d7ef;font-size:7px}
.latest-card-bar{height:4px;border-radius:999px;background:#0a2e4e;overflow:hidden;margin-top:2px}
.latest-card-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#54c5f4,#1f88d3)}
.slider-controls{display:flex!important;gap:7px!important}
.slider-btn{width:34px!important;height:34px!important;border-radius:11px!important}
.slider-dots{padding:0 14px 14px!important;display:flex;gap:6px;justify-content:center}
.slider-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:#2d6890!important}
.slider-dot.active{width:24px!important;background:linear-gradient(90deg,#59cef8,#1f8ad4)!important}

/* Important panel a bit cleaner to match */
.showcase-head .chip.gold{background:linear-gradient(180deg,#0f527f,#0b4067)!important;border-color:#2f95cb!important;color:#d9f3ff!important}

@media(max-width:1150px){
  .footer-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .latest-card{flex:0 0 calc((100% - 12px)/2)!important;min-width:calc((100% - 12px)/2)!important}
}
@media(max-width:760px){
  .footer-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .latest-card{flex:0 0 100%!important;min-width:100%!important}
  .profile-rank-art{width:min(220px,100%)!important}
}


/* ===== V12: Bigger profile cards + redesigned footer ranks ===== */
.post{grid-template-columns:268px minmax(0,1fr)!important}
.post-side{padding:18px 16px!important;background:linear-gradient(180deg,#12558a,#0d416d)!important}
.mini-profile{
  border-radius:22px!important;
  padding:18px 15px!important;
  background:
    radial-gradient(circle at top right,rgba(99,211,255,.14),transparent 32%),
    linear-gradient(180deg,#136099,#0f4571)!important;
  border:1px solid #3a95c8!important;
  box-shadow:0 18px 40px rgba(2,25,46,.18)!important;
}
.mini-profile .avatar{
  width:92px!important;height:92px!important;border-radius:24px!important;
  border:3px solid #72d5ff!important;box-shadow:0 14px 32px rgba(2,20,40,.22)
}
.mini-profile h4{font-size:15px!important;margin:9px 0 4px!important}
.post-rank-art{max-width:228px!important;margin:13px auto 10px!important;filter:drop-shadow(0 14px 30px rgba(2,22,43,.30))!important}
.member-level{margin-top:8px!important}
.member-level b,.member-level span{font-size:8px!important}
.mini-metrics{gap:8px!important;margin-top:13px!important}
.mini-metrics div{padding:11px 8px!important;border-radius:14px!important}
.mini-metrics b{font-size:17px!important}
.mini-metrics small{font-size:7px!important}
.location{margin-top:10px!important;padding:11px 12px!important;border-radius:13px!important}
.profile-mini-actions{margin-top:11px!important;gap:7px!important}
.profile-mini-action{padding:9px 12px!important;border-radius:13px!important}

/* Bigger full/member rank visuals too */
.profile-rank-art{width:min(320px,100%)!important;margin:14px auto 10px!important}
.member-rank-art{max-width:270px!important;margin:10px auto 10px!important}

/* Footer rank section: completely different style */
.footer-rank-showcase{
  background:
    radial-gradient(circle at top left,rgba(103,211,255,.12),transparent 28%),
    linear-gradient(180deg,#0b375c,#092e4d)!important;
  border:1px solid #3188bb!important;
  border-radius:20px!important;
  padding:14px!important;
}
.footer-rank-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.footer-rank-card{
  position:relative;
  overflow:hidden;
  min-height:160px;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(112,205,255,.24)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%),
    radial-gradient(circle at top right,rgba(119,212,255,.10),transparent 28%),
    linear-gradient(180deg,#114a77,#0b365b)!important;
  box-shadow:0 20px 42px rgba(2,21,39,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
  transition:.2s ease!important;
}
.footer-rank-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 32%);
  pointer-events:none
}
.footer-rank-card:hover{transform:translateY(-4px) scale(1.01);border-color:#72d6ff!important;box-shadow:0 24px 48px rgba(2,23,43,.25)!important}
.footer-rank-card.rank-admin{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at top right,rgba(255,224,130,.16),transparent 28%),linear-gradient(180deg,#5f4514,#3f2b0c)!important;border-color:rgba(255,214,110,.38)!important}
.footer-rank-card.rank-supervisor{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at top right,rgba(255,130,130,.16),transparent 28%),linear-gradient(180deg,#641d22,#451317)!important;border-color:rgba(255,118,125,.34)!important}
.footer-rank-card.rank-manager{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at top right,rgba(255,205,105,.16),transparent 28%),linear-gradient(180deg,#694915,#442d0e)!important;border-color:rgba(255,201,92,.34)!important}
.footer-rank-card.rank-programmer{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at top right,rgba(110,211,255,.16),transparent 28%),linear-gradient(180deg,#14507c,#0d385a)!important;border-color:rgba(101,206,255,.34)!important}
.footer-rank-card.rank-member{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 28%),linear-gradient(180deg,#5b6168,#3a3f44)!important;border-color:rgba(225,234,241,.24)!important}
.footer-rank-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.footer-rank-chip{padding:6px 10px;border-radius:999px;background:rgba(6,24,39,.34);border:1px solid rgba(255,255,255,.14);font-size:7px;font-weight:900;color:#fff}
.footer-rank-count{padding:6px 9px;border-radius:999px;background:rgba(4,22,35,.40);border:1px solid rgba(255,255,255,.12);font:800 8px Manrope,sans-serif;color:#eef9ff}
.footer-rank-card img{width:100%!important;height:auto!important;display:block;object-fit:contain;border-radius:0!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.24))}
.footer-rank-meta{display:block!important;padding:9px 0 0!important}
.footer-rank-meta b{display:block!important;font-size:10px!important;color:#fff!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;margin-bottom:4px}
.footer-rank-meta small{display:block!important;background:none!important;padding:0!important;font-size:7px!important;color:#cae7f7!important}
.footer-rank-desc{font-size:7px;color:#9ecfe8;line-height:1.6;margin-top:2px}
.footer-rank-card.rank-admin .footer-rank-desc,.footer-rank-card.rank-manager .footer-rank-desc{color:#ffe5b0}
.footer-rank-card.rank-supervisor .footer-rank-desc{color:#ffd3d6}
.footer-rank-card.rank-member .footer-rank-desc{color:#e2ecf2}

@media(max-width:1100px){
  .footer-rank-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .post{grid-template-columns:1fr!important}
  .post-side{border-left:0!important;border-bottom:1px solid #2579ad!important}
  .mini-profile{display:grid!important;grid-template-columns:82px 1fr!important;gap:10px!important;text-align:right!important;align-items:center!important}
  .mini-profile .avatar{width:76px!important;height:76px!important;margin:0!important;grid-row:span 4!important}
  .mini-profile h4{margin:0!important}
  .mini-metrics,.location,.profile-mini-actions{grid-column:1/-1!important}
  .post-rank-art{max-width:185px!important}
}


/* ===== V13: rank-colored profile identities + compact footer shelf ===== */
.rank-theme-admin{--rank:#e1b64f;--rank2:#8e641c;--rankbg:#4c3710;--rankbg2:#2d210a;--ranksoft:rgba(240,193,80,.22);--ranktext:#fff0bd}
.rank-theme-supervisor{--rank:#ef5866;--rank2:#9e2834;--rankbg:#5b171e;--rankbg2:#361014;--ranksoft:rgba(239,88,102,.22);--ranktext:#ffe0e4}
.rank-theme-manager{--rank:#d6a240;--rank2:#91651c;--rankbg:#50370f;--rankbg2:#302109;--ranksoft:rgba(214,162,64,.21);--ranktext:#ffe9b2}
.rank-theme-programmer{--rank:#45c7ff;--rank2:#1779b4;--rankbg:#104d78;--rankbg2:#0a314f;--ranksoft:rgba(69,199,255,.22);--ranktext:#e1f7ff}
.rank-theme-member{--rank:#c3cbd2;--rank2:#737f88;--rankbg:#4a5157;--rankbg2:#2e3439;--ranksoft:rgba(210,220,228,.14);--ranktext:#f0f5f8}

/* Post identity card inspired by premium expert cards */
.post{grid-template-columns:292px minmax(0,1fr)!important}
.post-side{padding:16px!important;background:linear-gradient(180deg,#0f426d,#0b3559)!important}
.mini-profile{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--rank) 70%,#ffffff 5%)!important;
  border-radius:24px!important;
  padding:14px 15px 16px!important;
  background:
    radial-gradient(circle at 50% 22%,var(--ranksoft),transparent 30%),
    linear-gradient(180deg,color-mix(in srgb,var(--rankbg) 65%,#0f4b77 35%),var(--rankbg2))!important;
  box-shadow:0 22px 48px rgba(2,20,38,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  text-align:center!important;
}
.mini-profile:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 49%,color-mix(in srgb,var(--rank) 18%,transparent) 50%,transparent 51%),
    linear-gradient(transparent 49%,color-mix(in srgb,var(--rank) 12%,transparent) 50%,transparent 51%);
  background-size:38px 38px;
  opacity:.25;pointer-events:none
}
.profile-card-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.profile-rank-code{font:900 17px Manrope,sans-serif;color:var(--ranktext);letter-spacing:.04em;text-shadow:0 0 14px var(--ranksoft)}
.profile-online-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(4,20,32,.36);border:1px solid color-mix(in srgb,var(--rank) 45%,transparent);color:var(--ranktext);font-size:7px;font-weight:900}
.profile-online-pill i{width:7px;height:7px;border-radius:50%;background:#34e59f;box-shadow:0 0 10px #34e59f}
.profile-online-pill.offline i{background:#8498a5;box-shadow:none}
.profile-avatar-stage{position:relative;z-index:2;width:128px;height:128px;margin:4px auto 6px;display:grid;place-items:center}
.profile-avatar-stage:before,.profile-avatar-stage:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--rank) 32%,transparent)}
.profile-avatar-stage:before{inset:0;animation:roleOrbit 14s linear infinite;border-top-color:transparent}
.profile-avatar-stage:after{inset:16px;opacity:.55;border-left-color:transparent;animation:roleOrbit 10s linear reverse infinite}
.mini-profile .avatar{position:relative;z-index:3;width:94px!important;height:94px!important;border-radius:24px!important;margin:0!important;border:3px solid var(--rank)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--rank) 11%,transparent),0 16px 34px rgba(0,0,0,.24)!important;background:linear-gradient(145deg,#f0fbff,#93cde9)!important}
.mini-profile h4{position:relative;z-index:2;font-size:15px!important;margin:8px 0 2px!important;color:#fff!important}
.profile-verified{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;color:var(--rank);font-size:7px;font-weight:900;margin-bottom:6px}
.post-rank-art{position:relative;z-index:2;max-width:238px!important;margin:8px auto 8px!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.30))!important}
.member-level{display:none!important}
.mini-metrics{position:relative;z-index:2;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:8px!important}
.mini-metrics div{min-height:62px!important;padding:10px 6px!important;border-radius:14px!important;background:rgba(4,22,35,.34)!important;border:1px solid color-mix(in srgb,var(--rank) 34%,transparent)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.mini-metrics div:nth-child(4){grid-column:1/-1;min-height:auto!important;display:block!important;padding:8px!important}
.mini-metrics b{font-size:15px!important;color:#fff!important}
.mini-metrics small{font-size:7px!important;color:color-mix(in srgb,var(--ranktext) 78%,#7899ae)!important}
.location{position:relative;z-index:2;margin-top:8px!important;padding:9px 10px!important;border-radius:12px!important;background:rgba(4,22,35,.34)!important;border:1px solid color-mix(in srgb,var(--rank) 34%,transparent)!important;color:var(--ranktext)!important}
.profile-mini-actions{position:relative;z-index:2;margin-top:9px!important;gap:7px!important}
.profile-mini-action{padding:9px 10px!important;border-radius:12px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--rank) 30%,#103b60),color-mix(in srgb,var(--rank2) 22%,#092f4e))!important;border:1px solid color-mix(in srgb,var(--rank) 52%,transparent)!important;color:#fff!important;font-size:8px!important}
.profile-mini-action:hover{filter:brightness(1.13);transform:translateY(-1px)}

/* Members page + full profile inherit rank colors */
.member-v6[class*="rank-theme-"]{border-color:color-mix(in srgb,var(--rank) 62%,#2c83b6)!important;background:radial-gradient(circle at 10% 0%,var(--ranksoft),transparent 27%),linear-gradient(180deg,color-mix(in srgb,var(--rankbg) 52%,#104a79 48%),var(--rankbg2))!important}
.member-v6[class*="rank-theme-"] .member-v6-cover{background:linear-gradient(120deg,var(--ranksoft),transparent 48%),linear-gradient(90deg,color-mix(in srgb,var(--rank) 30%,#124c77),var(--rankbg))!important;border-bottom-color:color-mix(in srgb,var(--rank) 55%,transparent)!important}
.member-v6[class*="rank-theme-"] .member-v6-avatar{border-color:var(--rank)!important;box-shadow:0 12px 26px rgba(0,0,0,.2),0 0 0 5px var(--ranksoft)!important}
.member-v6[class*="rank-theme-"] .member-v6-stat{border-color:color-mix(in srgb,var(--rank) 38%,transparent)!important;background:rgba(4,22,35,.30)!important}
.member-v6[class*="rank-theme-"] .member-v6-footer{border-top-color:color-mix(in srgb,var(--rank) 34%,transparent)!important;background:rgba(4,22,35,.26)!important}
.member-rank-art{max-width:255px!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.22))!important}

.profile-card[class*="rank-theme-"]{border-color:var(--rank)!important;background:radial-gradient(circle at top right,var(--ranksoft),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--rankbg) 64%,#115083 36%),var(--rankbg2))!important;box-shadow:0 22px 50px rgba(2,21,39,.22),0 0 0 1px color-mix(in srgb,var(--rank) 16%,transparent) inset!important}
.profile-card[class*="rank-theme-"] .profile-avatar{border-color:var(--rank)!important;box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 0 7px var(--ranksoft)!important}
.profile-card[class*="rank-theme-"] .pstat,.profile-card[class*="rank-theme-"] .location{border-color:color-mix(in srgb,var(--rank) 36%,transparent)!important;background:rgba(4,22,35,.32)!important}
.profile-rank-art{width:min(330px,100%)!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}

/* Compact, different footer rank shelf */
.footer-rank-showcase{padding:12px!important;background:linear-gradient(180deg,#0c385e,#092f50)!important;border:1px solid #2a7dac!important;border-radius:18px!important}
.footer-rank-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(82,172,222,.16);border-radius:15px;overflow:hidden;background:#082e4d}
.footer-rank-card{min-height:0!important;padding:10px 9px 8px!important;border:0!important;border-left:1px solid rgba(95,184,230,.14)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;box-shadow:none!important;text-align:center;transition:.18s!important}
.footer-rank-card:last-child{border-left:0!important}
.footer-rank-card:hover{transform:none!important;background:linear-gradient(180deg,var(--ranksoft),transparent)!important;box-shadow:none!important}
.footer-rank-card.rank-admin{--rank:#e1b64f;--ranksoft:rgba(225,182,79,.13)}
.footer-rank-card.rank-supervisor{--rank:#ef5866;--ranksoft:rgba(239,88,102,.13)}
.footer-rank-card.rank-manager{--rank:#d6a240;--ranksoft:rgba(214,162,64,.13)}
.footer-rank-card.rank-programmer{--rank:#45c7ff;--ranksoft:rgba(69,199,255,.13)}
.footer-rank-card.rank-member{--rank:#c3cbd2;--ranksoft:rgba(195,203,210,.10)}
.footer-rank-top{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 5px!important}
.footer-rank-chip{display:none!important}
.footer-rank-count{padding:3px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--rank) 10%,#082940)!important;border:1px solid color-mix(in srgb,var(--rank) 34%,transparent)!important;color:var(--rank)!important;font-size:6.5px!important}
.footer-rank-card img{width:100%!important;max-width:185px!important;height:auto!important;margin:0 auto!important;display:block!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))!important}
.footer-rank-meta{padding:4px 0 0!important;display:block!important}
.footer-rank-meta b{font-size:7.5px!important;color:#eff9ff!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.footer-rank-meta small,.footer-rank-desc{display:none!important}

@media(max-width:1150px){.footer-rank-grid{grid-template-columns:repeat(3,1fr)!important}.footer-rank-card:nth-child(3){border-left:0!important}}
@media(max-width:760px){
  .post{grid-template-columns:1fr!important}.post-side{border-left:0!important;border-bottom:1px solid #2579ad!important}
  .mini-profile{display:block!important;text-align:center!important}.profile-avatar-stage{width:112px;height:112px}.mini-profile .avatar{width:82px!important;height:82px!important}
  .post-rank-art{max-width:205px!important}.footer-rank-grid{grid-template-columns:1fr 1fr!important}.footer-rank-card:nth-child(odd){border-left:1px solid rgba(95,184,230,.14)!important}.footer-rank-card:nth-child(even){border-left:0!important}
}


/* ===== V14: SECURITY CARD PROFILE + NEW RANK SHELF ===== */

/* Wider post side for stronger card */
.post{
  grid-template-columns:300px minmax(0,1fr)!important;
}
.post-side{
  padding:18px!important;
  background:linear-gradient(180deg,#0d426d,#0a3457)!important;
  border-left:1px solid #1c6ea1!important;
}

/* New security-style mini profile card */
.mini-profile{
  position:relative;
  overflow:hidden;
  border-radius:28px!important;
  padding:14px 14px 16px!important;
  border:1px solid rgba(113,208,255,.26)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(117,211,255,.12),transparent 35%),
    linear-gradient(180deg,#102f52,#0b2742)!important;
  box-shadow:
    0 22px 50px rgba(2,18,34,.22),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  text-align:center;
}
.mini-profile:before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(315deg,rgba(113,208,255,.08),transparent 22%);
  pointer-events:none;
}
.mini-profile:after{
  content:"";
  position:absolute; inset:10px;
  border:1px solid rgba(121,214,255,.16);
  border-radius:22px;
  pointer-events:none;
}
.profile-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  position:relative;
  z-index:2;
}
.profile-rank-code{
  min-width:62px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:16px 16px 16px 8px;
  font:900 22px/1 "Manrope",sans-serif;
  letter-spacing:.5px;
  color:#fff;
  box-shadow:0 10px 18px rgba(2,18,35,.18);
}
.profile-online-pill{
  height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(6,25,42,.46);
  color:#ecfbff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.profile-online-pill i{
  width:10px;height:10px;border-radius:50%;
  background:#57f28b;
  box-shadow:0 0 10px #57f28b;
  animation:pulse 1.8s infinite;
}
.profile-online-pill.offline i{
  background:#8395a5;
  box-shadow:none;
}
.profile-avatar-stage{
  margin:6px auto 0;
  width:100%;
  border-radius:24px;
  position:relative;
  z-index:2;
  padding:14px 14px 16px;
  background:
    linear-gradient(180deg,rgba(74,180,255,.12),rgba(11,38,64,.20)),
    linear-gradient(180deg,#0e3458,#0a2a47);
  border:1px solid rgba(112,209,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.profile-avatar-stage:before,
.profile-avatar-stage:after{
  content:"";
  position:absolute;
  width:28px;height:28px;
  border:2px solid rgba(115,214,255,.72);
}
.profile-avatar-stage:before{
  top:10px; left:10px;
  border-right:0; border-bottom:0;
  border-radius:14px 0 0 0;
}
.profile-avatar-stage:after{
  right:10px; bottom:10px;
  border-left:0; border-top:0;
  border-radius:0 0 14px 0;
}
.mini-profile .avatar{
  width:124px!important;
  height:124px!important;
  margin:auto!important;
  border-radius:28px!important;
  border:3px solid rgba(137,223,255,.78)!important;
  box-shadow:0 18px 34px rgba(2,18,34,.24)!important;
  background:linear-gradient(145deg,#f1fbff,#b0e3f6)!important;
  position:relative;
  z-index:2;
}
.mini-profile h4{
  margin:12px 0 4px!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.2px;
  position:relative;
  z-index:2;
}
.profile-verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:2px auto 0;
  padding:6px 11px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
  position:relative;
  z-index:2;
  background:rgba(5,25,42,.35);
  border:1px solid rgba(255,255,255,.12);
  color:#d8f6ff;
}
.post-rank-art{
  max-width:235px!important;
  margin:14px auto 10px!important;
  filter:drop-shadow(0 18px 30px rgba(2,19,34,.30))!important;
  position:relative;
  z-index:2;
}
.mini-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:12px!important;
  position:relative;
  z-index:2;
}
.mini-metrics div{
  background:rgba(8,31,52,.50)!important;
  border:1px solid rgba(105,205,255,.24)!important;
  border-radius:16px!important;
  padding:10px 8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.mini-metrics b{display:block;font-size:16px!important}
.mini-metrics small{display:block;margin-top:4px;font-size:7px!important;color:#92c5e0!important}
.location{
  margin-top:10px!important;
  background:rgba(8,31,52,.50)!important;
  border:1px solid rgba(105,205,255,.24)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  font-size:8px!important;
  color:#d8f0ff!important;
  position:relative; z-index:2;
}
.profile-mini-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin-top:11px!important;
  position:relative; z-index:2;
}
.profile-mini-action{
  justify-content:center;
  padding:11px 12px!important;
  border-radius:16px!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 10px 18px rgba(2,18,34,.18);
}
.profile-mini-action:last-child{
  background:rgba(7,26,43,.48)!important;
  color:#e9f9ff!important;
}
.profile-mini-action:first-child{
  color:#fff!important;
}

/* Rank color themes for whole card */
.rank-theme-admin{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(255,217,115,.18),transparent 34%),
    linear-gradient(180deg,#483313,#261908)!important;
  border-color:rgba(255,215,107,.34)!important;
}
.rank-theme-admin .profile-rank-code,
.rank-theme-admin .profile-mini-action:first-child{
  background:linear-gradient(180deg,#cf9e2a,#9f7310)!important;
}
.rank-theme-admin .profile-avatar-stage,
.rank-theme-admin .mini-metrics div,
.rank-theme-admin .location{border-color:rgba(255,214,110,.28)!important}
.rank-theme-admin .profile-verified{color:#ffeab5!important}
.rank-theme-admin h4{color:#fff4d1!important}

.rank-theme-supervisor{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(255,117,123,.18),transparent 34%),
    linear-gradient(180deg,#4b161b,#25090d)!important;
  border-color:rgba(255,117,124,.34)!important;
}
.rank-theme-supervisor .profile-rank-code,
.rank-theme-supervisor .profile-mini-action:first-child{
  background:linear-gradient(180deg,#d84c56,#a3222d)!important;
}
.rank-theme-supervisor .profile-avatar-stage,
.rank-theme-supervisor .mini-metrics div,
.rank-theme-supervisor .location{border-color:rgba(255,120,126,.26)!important}
.rank-theme-supervisor .profile-verified{color:#ffd9dc!important}
.rank-theme-supervisor h4{color:#fff0f1!important}

.rank-theme-manager{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(255,193,74,.18),transparent 34%),
    linear-gradient(180deg,#584016,#2c1e08)!important;
  border-color:rgba(255,196,82,.34)!important;
}
.rank-theme-manager .profile-rank-code,
.rank-theme-manager .profile-mini-action:first-child{
  background:linear-gradient(180deg,#e4a93e,#b67813)!important;
}
.rank-theme-manager .profile-avatar-stage,
.rank-theme-manager .mini-metrics div,
.rank-theme-manager .location{border-color:rgba(255,199,93,.26)!important}
.rank-theme-manager .profile-verified{color:#ffe7b5!important}
.rank-theme-manager h4{color:#fff4dc!important}

.rank-theme-programmer{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(97,203,255,.18),transparent 34%),
    linear-gradient(180deg,#123b60,#091d31)!important;
  border-color:rgba(92,202,255,.34)!important;
}
.rank-theme-programmer .profile-rank-code,
.rank-theme-programmer .profile-mini-action:first-child{
  background:linear-gradient(180deg,#1ca8ec,#1573d2)!important;
}
.rank-theme-programmer .profile-avatar-stage,
.rank-theme-programmer .mini-metrics div,
.rank-theme-programmer .location{border-color:rgba(94,205,255,.28)!important}
.rank-theme-programmer .profile-verified{color:#d8f5ff!important}
.rank-theme-programmer h4{color:#edfaff!important}

.rank-theme-member{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 26%),
    radial-gradient(circle at top right,rgba(225,234,243,.14),transparent 34%),
    linear-gradient(180deg,#474d54,#25292d)!important;
  border-color:rgba(208,221,231,.30)!important;
}
.rank-theme-member .profile-rank-code,
.rank-theme-member .profile-mini-action:first-child{
  background:linear-gradient(180deg,#bbc7d0,#808e99)!important;
  color:#1a232b!important;
}
.rank-theme-member .profile-avatar-stage,
.rank-theme-member .mini-metrics div,
.rank-theme-member .location{border-color:rgba(217,227,236,.22)!important}
.rank-theme-member .profile-verified{color:#edf5fb!important}
.rank-theme-member h4{color:#fff!important}

/* NEW footer rank shelf */
.footer-rank-showcase{
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),
    linear-gradient(180deg,#0c3457,#092847)!important;
  border:1px solid rgba(91,193,245,.22)!important;
  border-radius:22px!important;
  padding:15px!important;
}
.footer-rank-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.footer-rank-card{
  min-width:0;
  min-height:96px!important;
  border-radius:20px!important;
  padding:10px 10px 9px!important;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(96,196,247,.20)!important;
  background:rgba(6,26,44,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 24px rgba(2,18,34,.14)!important;
  transition:.2s ease!important;
}
.footer-rank-card:hover{transform:translateY(-3px)!important}
.footer-rank-card:before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 34%);
  pointer-events:none;
}
.footer-rank-card img{
  width:120px!important;
  max-width:100%;
  margin:0 auto 6px;
  display:block;
  object-fit:contain!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.22));
}
.footer-rank-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  padding:0!important;
}
.footer-rank-meta b{
  font-size:8.5px!important;
  white-space:normal!important;
  line-height:1.45!important;
}
.footer-rank-meta small{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  background:rgba(255,255,255,.08)!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:6.5px!important;
  color:#eaf8ff!important;
}
.footer-rank-meta small:before{
  content:"";
  width:7px; height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 10px currentColor;
}
.footer-rank-top{
  display:flex;
  justify-content:flex-end;
  margin-bottom:4px;
}
.footer-rank-count{
  min-width:36px;
  padding:5px 8px;
  text-align:center;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  color:#fff;
  background:rgba(8,26,43,.40);
  border:1px solid rgba(255,255,255,.12);
}
.footer-rank-card.rank-admin{background:linear-gradient(180deg,#4b3512,#2a1c08)!important;border-color:rgba(248,207,98,.26)!important}
.footer-rank-card.rank-admin small{color:#ffe5a5!important}
.footer-rank-card.rank-supervisor{background:linear-gradient(180deg,#4d171d,#280b10)!important;border-color:rgba(255,114,122,.28)!important}
.footer-rank-card.rank-supervisor small{color:#ffd2d7!important}
.footer-rank-card.rank-manager{background:linear-gradient(180deg,#5a4117,#2d1e08)!important;border-color:rgba(255,189,71,.28)!important}
.footer-rank-card.rank-manager small{color:#ffe5af!important}
.footer-rank-card.rank-programmer{background:linear-gradient(180deg,#114568,#092335)!important;border-color:rgba(96,203,255,.28)!important}
.footer-rank-card.rank-programmer small{color:#d6f4ff!important}
.footer-rank-card.rank-member{background:linear-gradient(180deg,#515861,#2c3137)!important;border-color:rgba(225,235,244,.22)!important}
.footer-rank-card.rank-member small{color:#edf5fa!important}

@media(max-width:1160px){
  .footer-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .post{grid-template-columns:1fr!important}
  .post-side{border-left:0!important;border-bottom:1px solid #1c6ea1!important}
  .footer-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== V15: TRUE ID-CARD DESIGN + RANK DECK ===== */
.post{grid-template-columns:315px minmax(0,1fr)!important}
.post-side{padding:16px!important;background:linear-gradient(180deg,#0c365b,#092c4b)!important}

.rank-theme-admin{--accent:#f3bf48;--accent2:#8f650e;--panel:#342407;--soft:rgba(244,191,72,.18)}
.rank-theme-supervisor{--accent:#ff5967;--accent2:#9b1d2c;--panel:#360d13;--soft:rgba(255,89,103,.18)}
.rank-theme-manager{--accent:#efae39;--accent2:#9b6810;--panel:#3c2909;--soft:rgba(239,174,57,.18)}
.rank-theme-programmer{--accent:#34bdf5;--accent2:#1467bb;--panel:#092d4a;--soft:rgba(52,189,245,.18)}
.rank-theme-member{--accent:#c4d0da;--accent2:#6d7a84;--panel:#30363c;--soft:rgba(196,208,218,.14)}

.kc-id-card{
  position:relative;padding:1px;
  background:linear-gradient(145deg,var(--accent),rgba(255,255,255,.08) 35%,var(--accent2));
  clip-path:polygon(0 22px,22px 0,calc(100% - 52px) 0,100% 42px,100% calc(100% - 28px),calc(100% - 28px) 100%,30px 100%,0 calc(100% - 30px));
  filter:drop-shadow(0 22px 35px rgba(2,18,34,.24))
}
.kc-id-shell{
  position:relative;overflow:hidden;min-height:520px;padding:15px 15px 16px;clip-path:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 24%),
    radial-gradient(circle at 82% 10%,var(--soft),transparent 28%),
    linear-gradient(180deg,#0e2f50 0%,var(--panel) 58%,#071f34 100%)
}
.kc-id-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.025) 50%,transparent 51%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:100% 100%,100% 28px;opacity:.6
}
.kc-id-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}
.kc-id-number{width:70px;height:50px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 72%,80% 100%,0 100%);background:linear-gradient(145deg,var(--accent),var(--accent2));color:white;font:900 25px Manrope,sans-serif}
.kc-id-status{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--accent);background:rgba(5,23,39,.52);color:#effbff;border-radius:999px;font-size:8px;font-weight:900}
.kc-id-status i{width:8px;height:8px;border-radius:50%;background:#54ef87;box-shadow:0 0 10px #54ef87}.kc-id-status.offline i{background:#8799a8;box-shadow:none}
.kc-id-photo{position:relative;height:192px;margin-top:12px;overflow:hidden;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:radial-gradient(circle at 72% 30%,var(--soft),transparent 28%),linear-gradient(160deg,rgba(29,108,167,.35),rgba(5,30,52,.88))}
.kc-id-photo:before{content:"";position:absolute;inset:12px;border:1px solid var(--accent);clip-path:inherit;opacity:.45}
.kc-id-photo:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:22px;border:1px dashed var(--accent);opacity:.18}
.kc-id-card .avatar{position:absolute!important;left:50%;bottom:18px;transform:translateX(-50%);width:130px!important;height:130px!important;border-radius:28px!important;border:3px solid var(--accent)!important;background:linear-gradient(145deg,#effaff,#a9dcef)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important;z-index:3}
.kc-id-name-row{position:relative;z-index:2;text-align:center;margin-top:12px}
.kc-id-name{display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:900;cursor:pointer;color:white}.kc-id-name .ms{font-size:17px;color:var(--accent)}
.kc-id-rank{max-width:235px;margin:8px auto 4px;position:relative;z-index:2;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}.kc-id-rank img{display:block;width:100%;height:auto}
.kc-id-line{height:2px;margin:8px 12px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75}
.kc-id-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.kc-id-stat{padding:10px 5px;text-align:center;position:relative}.kc-id-stat+.kc-id-stat:before{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.08)}
.kc-id-stat b{display:block;color:#fff;font:900 14px Manrope,sans-serif}.kc-id-stat small{display:block;margin-top:3px;color:#8ebbd7;font-size:7px}
.kc-id-meta{display:flex;justify-content:space-between;gap:7px;margin-top:10px;position:relative;z-index:2}.kc-id-meta span{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.09);background:rgba(6,25,42,.36);font-size:7px;color:#cce9f8}
.kc-id-actions{display:grid;grid-template-columns:1fr 46px;gap:8px;margin-top:12px;position:relative;z-index:2}
.kc-id-primary{border:0;color:white;font-weight:900;font-size:9px;padding:11px 12px;background:linear-gradient(180deg,var(--accent),var(--accent2));clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.kc-id-message{border:1px solid var(--accent);background:rgba(5,23,39,.52);color:#effbff;display:grid;place-items:center}

.footer-rank-showcase{padding:14px 16px 16px!important;border-radius:18px!important;background:linear-gradient(180deg,#0b3153,#082743)!important;border:1px solid rgba(91,193,245,.18)!important}
.rank-deck{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:18px 10px 10px;background:linear-gradient(90deg,transparent,rgba(87,194,249,.08),transparent),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));border-top:1px solid rgba(91,193,245,.13);border-bottom:1px solid rgba(91,193,245,.13)}
.rank-deck:before{content:"";position:absolute;left:4%;right:4%;top:49%;height:1px;background:linear-gradient(90deg,transparent,#2e7aa9,transparent)}
.rank-node{position:relative;text-align:center;padding:4px 10px 10px;min-width:0;transition:.2s}.rank-node+.rank-node:before{content:"";position:absolute;right:0;top:14%;bottom:14%;width:1px;background:linear-gradient(transparent,rgba(110,204,252,.18),transparent)}.rank-node:hover{transform:translateY(-4px)}
.rank-node .rank-orb{width:10px;height:10px;border-radius:50%;margin:0 auto 10px;background:var(--node);box-shadow:0 0 14px var(--node)}
.rank-node img{display:block;width:150px;max-width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.rank-node b{display:block;margin-top:7px;color:#fff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-node small{display:block;margin-top:3px;color:#84b9d6;font-size:6.5px}
.rank-node.admin{--node:#f2bf48}.rank-node.supervisor{--node:#ff5967}.rank-node.manager{--node:#efae39}.rank-node.programmer{--node:#34bdf5}.rank-node.member{--node:#c4d0da}
.rank-node:after{content:"";display:block;width:54px;height:3px;border-radius:999px;background:var(--node);margin:9px auto 0;box-shadow:0 0 12px var(--node);opacity:.8}

@media(max-width:1100px){.rank-deck{grid-template-columns:repeat(3,1fr);row-gap:18px}}
@media(max-width:760px){.post{grid-template-columns:1fr!important}.post-side{border-left:0!important;border-bottom:1px solid #1c6ea1!important}.rank-deck{grid-template-columns:repeat(2,1fr)}.kc-id-shell{min-height:auto}}


/* ===== V16 FOOTER LAYOUT ===== */
.footer-grid{display:grid;grid-template-columns:1fr!important;gap:12px!important}
.footer-bottom-row{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}
.footer-stats-modern{border-left:0!important;border:1px solid #246f9e;border-radius:18px;overflow:hidden}
.footer-online-modern{padding:17px;background:linear-gradient(180deg,#104979,#0c365d);border:1px solid #246f9e;border-radius:18px}
.footer-rank-showcase{width:100%;margin-bottom:0!important}
.footer-rank-showcase .rank-deck{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.footer-online-modern .online-list{display:flex;flex-wrap:wrap;gap:10px}
.footer-online-modern .online-user{padding:8px 12px;border-radius:999px}
@media(max-width:900px){.footer-bottom-row{grid-template-columns:1fr}}


/* ===== V17 FIXES ===== */
.footer-rank-showcase .footer-section-title{display:none!important}
.footer-rank-showcase{padding-top:18px!important}
.footer-rank-showcase .rank-deck{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:20px 8px!important}
.footer-rank-showcase .rank-node{padding:2px 8px 4px!important}
.footer-rank-showcase .rank-node .rank-orb,
.footer-rank-showcase .rank-node b,
.footer-rank-showcase .rank-node small,
.footer-rank-showcase .rank-node:after{display:none!important}
.footer-rank-showcase .rank-node img{width:190px!important;max-width:100%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
@media(max-width:1100px){.footer-rank-showcase .rank-deck{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:12px}}
@media(max-width:760px){.footer-rank-showcase .rank-deck{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.kc-id-top{justify-content:flex-end!important}
.kc-id-number{display:none!important}
.kc-id-shell{padding-top:18px!important}
.kc-id-rank{max-width:250px!important;margin:12px auto 8px!important}
.kc-id-meta{gap:8px!important}
.kc-id-meta span{font-size:8px!important}
.kc-id-meta .ms{display:none!important}

.post-menu{position:relative}
.staff-menu{position:absolute;top:36px;inset-inline-start:0;z-index:80;min-width:230px;padding:8px;border-radius:14px;border:1px solid #2f85b8;background:linear-gradient(180deg,#124d7d,#0a3458);box-shadow:0 20px 44px rgba(2,24,45,.35);display:none}
.staff-menu.open{display:block}
.staff-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#e5f6ff;padding:9px 10px;border-radius:10px;font-size:8.5px;font-weight:800;text-align:right}
.staff-menu button:hover{background:rgba(255,255,255,.08)}
.staff-menu button .ms{font-size:16px;color:#7fd3ff}
.staff-menu button.danger .ms,.staff-menu button.danger{color:#ffd5da}
.staff-menu button.warning .ms,.staff-menu button.warning{color:#ffe4ab}

.post-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #1f6898}
.post-actions-left,.post-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;border:1px solid #2879aa;background:#0b365c;color:#d8efff;font-size:8.5px;font-weight:800;transition:.16s}
.chip-btn:hover{background:#125489;transform:translateY(-1px)}
.chip-btn .count{padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.11);font-size:7px;line-height:1.4}
.post-actions-right .icon-btn,.post-menu .icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #2a80b3;background:#0b365c;color:#d6efff;display:grid;place-items:center}
.post-actions-right .btn.small{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid #2a80b3;background:linear-gradient(180deg,#126ba9,#0f5587);color:#fff;font-size:8.5px;font-weight:800}
.post-bar-right .chip.blue{background:#0d426b;color:#d8efff;border:1px solid #2879aa}
.post-bar-right .chip.red{background:#5c1b27;color:#ffe7eb;border:1px solid #b33a4e}


/* ===== V18: avatars, profile parity, footer rank animation, lower post actions ===== */
.post-main{display:flex;flex-direction:column;min-height:100%}
.post-content{flex:1;padding-bottom:32px!important}
.post-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:28px!important;padding-top:14px!important;border-top:1px solid #1f6898}
.post-actions-left,.post-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-actions-right{margin-inline-start:auto}
.staff-inline-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid #2a80b3;background:#0b365c;color:#d8efff;font-size:8.5px;font-weight:800;transition:.16s}
.staff-inline-btn:hover{background:#125489;transform:translateY(-1px)}
.staff-inline-btn.danger{background:#582434;border-color:#9d4355;color:#ffe3e8}

.avatar img,.profile-avatar img,.member-v6-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.kc-id-photo .avatar{overflow:hidden}
.profile-hero-card{margin-bottom:14px}
.profile-hero-card .kc-id-shell{min-height:560px}
.profile-hero-card .kc-id-rank{max-width:270px}
.profile-hero-card .kc-id-meta span{font-size:8px}
.profile-hero-card .kc-id-actions{grid-template-columns:1fr 1fr}
.profile-hero-card .kc-id-message{padding:11px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}

.footer-rank-showcase .rank-deck{overflow:hidden}
.footer-rank-showcase .rank-node img{animation:rankFloat 4.8s ease-in-out infinite;transform-origin:center bottom}
.footer-rank-showcase .rank-node:nth-child(2) img{animation-delay:.35s}
.footer-rank-showcase .rank-node:nth-child(3) img{animation-delay:.7s}
.footer-rank-showcase .rank-node:nth-child(4) img{animation-delay:1.05s}
.footer-rank-showcase .rank-node:nth-child(5) img{animation-delay:1.4s}
.footer-rank-showcase .rank-node:before{content:'';position:absolute;left:50%;top:8px;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--nodeGlow,rgba(82,191,245,.18)),transparent 68%);filter:blur(10px);opacity:.55;animation:rankGlow 3.8s ease-in-out infinite}
.footer-rank-showcase .rank-node.admin{--nodeGlow:rgba(243,191,72,.24)}
.footer-rank-showcase .rank-node.supervisor{--nodeGlow:rgba(255,89,103,.24)}
.footer-rank-showcase .rank-node.manager{--nodeGlow:rgba(239,174,57,.24)}
.footer-rank-showcase .rank-node.programmer{--nodeGlow:rgba(52,189,245,.24)}
.footer-rank-showcase .rank-node.member{--nodeGlow:rgba(196,208,218,.20)}
@keyframes rankFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes rankGlow{0%,100%{opacity:.28;transform:translateX(-50%) scale(.94)}50%{opacity:.62;transform:translateX(-50%) scale(1.08)}}