:root{--bg:#f3f5f9;--card:#fff;--text:#172036;--muted:#8590a3;--line:#e8ebf1;--accent:#337bea;--accent2:#edf4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)}.shell{max-width:700px;min-height:100dvh;margin:auto;padding:22px 18px 50px}header,.hero-top,.tabs,.manual,.adminRow,.manual-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:24px}.logo{font-size:23px;letter-spacing:1px}.logo span{color:var(--accent)}.sub{font-size:12px;color:var(--muted);margin-top:4px}#avatar{height:43px;width:43px;border-radius:15px;background:var(--accent);display:grid;place-items:center;color:white;font-weight:800}.hero{padding:22px;border-radius:23px;background:linear-gradient(130deg,#1e376a,#317be6);color:white;margin-bottom:18px}.hero h1{font-size:24px;margin:18px 0 8px}.hero p{opacity:.84;margin:0;font-size:14px;line-height:1.5}.hero-top{font-size:12px}.live{color:#8ef3b9}.tabs{background:var(--card);border:1px solid var(--line);padding:5px;border-radius:15px;margin-bottom:20px}.tabs button{flex:1;border:0;background:none;padding:12px 4px;border-radius:11px;color:#68758b;font-weight:600}.tabs button.active{background:var(--accent2);color:var(--accent)}input,textarea{font:inherit;min-width:0;border:1px solid var(--line);border-radius:12px;padding:13px;width:100%;background:var(--card);color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}.search{margin-bottom:13px}.categories{display:flex;gap:8px;overflow:auto;padding-bottom:14px}.categories button{white-space:nowrap;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:20px;color:#627089}.categories button.active{background:var(--accent);color:white;border-color:var(--accent)}.manuals{background:var(--card);border-radius:20px;border:1px solid var(--line);overflow:hidden}.manual{padding:15px;border-bottom:1px solid var(--line);text-align:left}.manual:last-child{border-bottom:none}.manual-left{display:flex;align-items:center;gap:12px;min-width:0}.manual-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#eaf2ff;color:var(--accent);border-radius:14px;font-size:23px}.manual-title{font-weight:650}.manual-cat{font-size:12px;color:var(--muted);margin-top:4px}.open-btn{background:#f1f6ff;border:0;border-radius:12px;color:var(--accent);font-weight:650;padding:10px 12px}.empty{padding:25px;color:var(--muted);text-align:center}.paper{background:white;border-radius:20px;padding:22px;border:1px solid var(--line)}.paper h2{margin-top:0}.paper h3{margin-top:28px}.paper p{line-height:1.65}.paper img{width:auto;max-width:100%;border-radius:12px}.paper article{line-height:1.75;overflow-wrap:anywhere}.paper article h2{margin-top:23px}.paper article a{color:var(--accent)}.back{border:0;background:none;color:var(--accent);padding:0 0 15px;font-size:15px}.primary{background:var(--accent);color:white;border:0;border-radius:12px;padding:13px 16px;font-weight:650;width:100%;margin:10px 0}.paper input,.paper textarea{margin:6px 0}.hint{font-size:12px;color:var(--muted);line-height:1.5}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox input{width:auto}.upload{display:block;text-align:center;padding:13px;border:1px dashed var(--accent);color:var(--accent);border-radius:12px;margin-top:10px;cursor:pointer}.adminRow input{width:50%}.adminRow button{border:0;border-radius:10px;padding:12px}.adminItem{padding:10px 0;border-bottom:1px solid var(--line)}.adminItem button{margin:4px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#f8faff}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#24324a;color:white;padding:13px 18px;border-radius:12px;z-index:20;max-width:90%;text-align:center}.overlay{position:fixed;inset:0;background:#0d1b34a8;z-index:10;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:23px;padding:25px;max-width:380px;text-align:center}.modal p{line-height:1.6;color:#627089}.modal button:not(.primary){border:0;background:none;padding:12px;color:#667}.lock{font-size:44px}.modal h2{margin-bottom:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#176b4c}small{color:var(--muted)}[hidden]{display:none!important}

.manual-icon img{height:100%;width:100%;object-fit:cover;border-radius:14px}.choiceRow{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.choiceRow button{border:1px solid #d7e1ef;background:white;border-radius:10px;padding:10px 12px;color:#49617f}.choiceRow button.selected{border-color:#337bea;background:#eaf2ff;color:#276bd4;font-weight:700}.keypanel{background:#f7f9ff;border:1px solid #e0e9f9;border-radius:18px;padding:16px}.keypanel h3{margin-top:0}.fieldLabel{display:block;font-weight:650;margin-top:16px}.keypanel pre{padding:14px;border-radius:10px;background:white;border:1px solid #e4e9f5;user-select:all}.keypanel #copyKeys,.coverBox #removeIcon{padding:10px 12px;border-radius:10px;border:1px solid #dce4f1;background:white}.coverBox{padding:12px 0;border-bottom:1px solid #e8ebf1}.coverBox img{width:72px;height:72px;display:block;object-fit:cover;border-radius:14px;margin:10px 0}.coverBox img[hidden]{display:none}
.contacts{display:grid;gap:9px;margin:12px 0}.contacts a{display:block;text-decoration:none;background:#eaf2ff;color:#2468d3;padding:12px 14px;border-radius:11px;font-weight:650;text-align:center;font-size:14px}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:#eff5ff;border:1px solid #e2eaff;border-radius:12px;padding:14px;display:grid;gap:6px}.stat b{color:#266bde;font-size:25px}.stat span{font-size:12px;color:#697a98}.secondaryButton{width:100%;padding:12px;background:#f2f5fa;border:1px solid #dfe6f1;border-radius:12px;margin:8px 0}.confirmBox{background:#f5f7fb;border-radius:15px;padding:14px;margin:12px 0}.confirmBox p{white-space:pre-wrap;overflow-wrap:anywhere}select{background:#fff;border:1px solid #e0e5ef;border-radius:12px;padding:13px;width:100%;font:inherit;margin:8px 0}.paper .checkbox{margin:13px 0}

/* v5: Preserve admin-entered line breaks and blank lines in manuals. */
#pageBody {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;}
#pageBody p {white-space:pre-wrap;}
#pageBody img {max-width:100%;height:auto;}

/* v6: always-visible help action across all webapp views */
.support-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:-7px 0 20px}.support-copy{display:grid;gap:4px;min-width:0}.support-copy strong{font-size:14px}.support-copy span{color:var(--muted);font-size:12px}.support-button{flex:none;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:11px 13px;font-weight:650;font-size:13px}@media(max-width:450px){.support-panel{align-items:stretch;flex-direction:column}.support-button{width:100%}}

.subscription-link{display:block;text-align:center;text-decoration:none;padding:13px;border-radius:12px;margin-bottom:10px}
#subscriptionGate{z-index:99999}

.supportMessages{min-height:220px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px 0}.supportMsg{max-width:90%;background:#f1f4f9;border-radius:13px;padding:11px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.supportMsg.user{align-self:flex-end;background:#e4efff}.supportMsg b{display:block;font-size:12px;margin-bottom:6px;color:#2d6fc8}.supportMsg.system{font-size:12px;align-self:center;background:#fff8e9}.supportMsg.admin{background:#eaf9eb}

/* v13 — pinned mobile tabs, daily income / warm-up spending */
.shell{padding-bottom:105px}.bottomTabs{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(700px,100%);margin:0;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #1e31521c;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:3px}
.bottomTabs button{min-width:0;font-size:12px;padding:12px 3px;white-space:normal}
.financePaper h3{margin:22px 0 10px}.financePeriods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.financePeriods button{border:1px solid #dbe4f2;border-radius:10px;background:#f8faff;padding:11px 4px;color:#57708b;font-weight:600}.financePeriods button.selected{color:#246fe0;background:#eaf2ff;border-color:#77a9fa}.financeProfit{padding:20px;border-radius:17px;background:#e9f2ff;display:grid;gap:6px;margin-bottom:10px}.financeProfit small,.financeTile small{color:#65758e;font-size:12px}.financeProfit strong{font-size:30px;color:#235cba}.financeGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.financeTile{padding:14px 12px;background:#f7f9fc;border:1px solid #e4eaf3;border-radius:14px;display:grid;gap:8px;min-width:0}.financeTile strong{font-size:18px;overflow-wrap:anywhere}.financeTile:first-child strong{color:#17845e}.financeEntry{padding:12px 2px;border-bottom:1px solid #e8ebf1;display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.financeEntry span{color:#5d718e}
@media(max-width:390px){.bottomTabs button{font-size:10px;padding:10px 1px}.financeTile strong{font-size:15px}}

/* RosRef dashboard */
.rosrefPaper{display:grid;gap:14px}.rosrefHeading{display:flex;justify-content:space-between;align-items:center;gap:8px}.rosrefHeading h2{margin:0}.rosrefHeading p{margin:4px 0}.rosrefStatus{font-size:11px;border-radius:20px;background:#eaf4ff;color:#2368a5;padding:7px 9px;white-space:nowrap}.rosrefPrimary{background:linear-gradient(125deg,#1869c8,#259bdb);border-radius:16px;color:white;padding:20px;display:grid;gap:10px}.rosrefPrimary small{opacity:.85}.rosrefPrimary strong{font-size:28px}.rosrefGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rosrefTile{min-width:0;background:#f0f5fc;border-radius:12px;padding:13px;display:grid;gap:8px}.rosrefTile small{font-size:12px;color:#61748d}.rosrefTile strong{font-size:19px;color:#1c3858;overflow-wrap:anywhere}.rosrefSubhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.rosrefSubhead h3{margin:0}.rosrefSubhead button{width:auto;margin:0}.rosrefTraders{display:grid;gap:7px}.rosrefPerson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f3f7fc;border-radius:12px}.rosrefPerson>div{display:grid;gap:4px;min-width:0}.rosrefPerson small{color:#76899f;font-size:11px}.rosrefPersonNums{text-align:right}.rosrefPerson b{overflow-wrap:anywhere}

/* RosRef original leaderboard */
.rosrefLiveLabel{font-size:11px;color:#8295aa}.rosrefLeaderSwitch{display:flex;gap:6px;background:#edf3fa;border-radius:13px;padding:5px}.rosrefLeaderSwitch button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;color:#526b83;font-weight:700;cursor:pointer}.rosrefLeaderSwitch button.active{background:#1a73c7;color:#fff}.rosrefLeaders{display:grid;gap:7px;max-height:480px;overflow:auto}.rosrefLeaderRow{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e8eef5;background:#fafcff;border-radius:12px;min-width:0}.rosrefRank{display:grid;place-items:center;min-width:31px;height:31px;border-radius:10px;background:#e5f0fd;color:#2679bd;font-weight:800}.rosrefLeaderRow:first-child .rosrefRank{background:#ffebc0;color:#a87508}.rosrefLeaderInfo{display:grid;gap:6px;flex:1;min-width:0}.rosrefLeaderInfo b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rosrefBar{height:5px;background:#e8edf4;border-radius:5px;overflow:hidden}.rosrefBar span{display:block;background:linear-gradient(90deg,#176dc9,#49a9e9);height:100%;border-radius:5px}.rosrefLeaderRow>strong{font-size:12px;white-space:nowrap;color:#243e5f}

/* V18: cohesive midnight-blue design, applied to every SSS Manuals screen */
:root{color-scheme:dark;--bg:#0e1623;--card:#1c2c43;--text:#edf4ff;--muted:#a3b8d2;--line:#344961;--accent:#5aafff;--accent2:#203c5b}
html,body{background:#0e1623;color:var(--text)}
.shell{background:#0e1623}
header,.logo,.paper,.manuals,.tabs,.hero,.modal,.keypanel{color:var(--text)}
.hero{background:linear-gradient(140deg,#172941,#213e60);border:1px solid #344a64}
.paper,.manuals,.tabs,.modal,.keypanel,.support-panel,.confirmBox{background:#1c2c43;border-color:#344961}
.paper,.manuals,.modal{box-shadow:0 8px 24px #00000020}
.tabs button{color:#b5c8df}.tabs button.active{background:#294e76;color:#ecf6ff}
.bottomTabs{background:#152235;border:1px solid #344961;box-shadow:0 -8px 30px #0005}
input,textarea,select,.categories button,.choiceRow button,.choiceRow button.selected,.secondaryButton,.adminItem button,.financePeriods button,.financePeriods button.selected,#copyKeys,#removeIcon,.keypanel pre{background:#152438;color:#eaf2ff;border-color:#41546d}
input::placeholder,textarea::placeholder{color:#819bb7}
.categories button.active,.primary,.support-button{background:#246aab;color:#fff;border-color:#246aab}
.manual,.adminItem,.coverBox,.financeEntry{border-color:#344961}
.manual-icon,.open-btn,.contacts a,.stat,.financeTile,.financeProfit,.financePeriods,.supportMsg,.supportMsg.user,.supportMsg.admin,.supportMsg.system{background:#263d58;color:#dbeaff;border-color:#415772}
.stat b,.financeProfit strong,.financeTile strong,.manual-cat{color:#8fcbff}
.stat span,.financeEntry span,.hint,.sub,small,.manual-cat,.support-copy span{color:#a8bdd5}
.keypanel,.confirmBox,.financeTile{background:#203149}
.modal p{color:#a8bdd5}
.upload{background:#1a2d44;border-color:#588bbe;color:#a7d5ff}
.back,.paper article a,.logo span{color:#79c5ff}
pre{color:#a8e8c4}
.toast{background:#304861}
.rosrefPaper{background:transparent;border:0;padding:0;box-shadow:none;gap:17px}
.rosrefHeading h2{font-size:21px;color:#fff}
.rosrefStatus{background:#133e37;color:#75e6b0}
.rosrefPrimary{background:#1c2c43;border:1px solid #344961;border-radius:18px;padding:22px;gap:9px}
.rosrefPrimary small{color:#afc8e7;font-size:13px;opacity:1}
.rosrefPrimary strong{color:#fff;font-size:32px;letter-spacing:-.4px}
.rosrefSubhead{padding:7px 0 1px}.rosrefSubhead h3{color:#f5f8ff}
.rosrefLeaderRow{background:#1c2c43;border:1px solid #344961;border-radius:13px;color:#eaf3ff}
.rosrefRank{background:#304b69;color:#c8e6ff}
.rosrefLeaderRow:first-child .rosrefRank{background:#574625;color:#ffd17a}
.rosrefBar{background:#334b66}.rosrefBar span{background:linear-gradient(90deg,#327dbf,#5ab6f8)}
.rosrefLeaderRow>strong{color:#eef6ff}
.rosrefLeaderInfo b{color:#eef6ff}
@media (max-width:420px){.rosrefLeaderRow{gap:7px;padding:10px 8px}.rosrefLeaderRow>strong{font-size:11px}}

/* V19: anonymous TOP-50 leaderboard, distinct top-three styling */
.rosrefLeaders{max-height:640px}
.rosrefPodium{border-width:1px;position:relative;padding:15px 12px;box-shadow:0 5px 16px #0002}
.rosrefPodium .rosrefRank{font-size:20px;background:transparent;min-width:38px;height:38px}
.rosrefPodium .rosrefLeaderInfo b{font-size:15px}
.rosrefPodium .rosrefBar{height:6px}
.rosrefPodium1{background:linear-gradient(110deg,#423a25,#27364c 76%);border-color:#8d7440}
.rosrefPodium2{background:linear-gradient(110deg,#2c3c50,#1c2c43 80%);border-color:#758da6}
.rosrefPodium3{background:linear-gradient(110deg,#3c302d,#1c2c43 80%);border-color:#956d5b}
.rosrefPodium1 .rosrefBar span{background:linear-gradient(90deg,#e9b750,#ffe3a1)}
.rosrefPodium2 .rosrefBar span{background:linear-gradient(90deg,#95b5d3,#cbd9ea)}
.rosrefPodium3 .rosrefBar span{background:linear-gradient(90deg,#ba826a,#e3ad86)}

/* V20 — independent midnight leaderboard without daily metrics */
.rosrefPaper{gap:15px}
.rosrefSubhead{padding:6px 0}
.rosrefLeaders{max-height:none;overflow:visible;gap:8px}
.rosrefLeaderRow{position:relative;box-shadow:none;padding:12px 13px}
.rosrefRank{flex:0 0 34px;border-radius:12px;font-variant-numeric:tabular-nums}
.rosrefLeaderInfo{gap:5px}
.rosrefPlaceName{display:none;color:#a8c6e7;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.rosrefFeature{min-height:90px;padding:15px 14px;border:1px solid #3f5572;background:#1b2b43;box-shadow:inset 3px 0 0 #7699bd}
.rosrefFeature .rosrefPlaceName{display:block}
.rosrefFeature .rosrefRank{font-size:20px;font-weight:800;flex-basis:42px;height:44px;background:#2e435f}
.rosrefFeature .rosrefLeaderInfo b{font-size:16px}
.rosrefFeature .rosrefBar{height:5px}
.rosrefFeature1{background:linear-gradient(112deg,#263348,#162940);border-color:#ad8a51;box-shadow:inset 3px 0 0 #e2b461}
.rosrefFeature1 .rosrefRank{background:#55452d;color:#ffe0a1}
.rosrefFeature1 .rosrefBar span{background:#d5ab62}
.rosrefFeature2{border-color:#728aa5;box-shadow:inset 3px 0 0 #b3c4da}
.rosrefFeature2 .rosrefRank{background:#394d66;color:#dbe8f3}
.rosrefFeature2 .rosrefBar span{background:#91aac7}
.rosrefFeature3{border-color:#7d665a;box-shadow:inset 3px 0 0 #bd8b6e}
.rosrefFeature3 .rosrefRank{background:#4b3c37;color:#eac1a4}
.rosrefFeature3 .rosrefBar span{background:#bb8e73}
@media(max-width:420px){.rosrefFeature{padding:12px 9px;gap:7px}.rosrefFeature .rosrefLeaderInfo b{font-size:14px}.rosrefFeature>strong{font-size:11px}}

/* V21 — original three-step leaderboard: #2 left, #1 center, #3 right. */
.rosrefSteps{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:9px;align-items:end;padding:16px 8px 10px;margin-bottom:16px;border:1px solid #34475e;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#27445c 0%,#142338 70%);}
.rosrefStep{display:flex;flex-direction:column;justify-content:end;align-items:stretch;min-width:0;text-align:center;gap:7px;color:#edf4fc}
.rosrefStepValue{font-size:clamp(10px,2.6vw,15px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.035em}
.rosrefStepCap{font-size:clamp(10px,2.4vw,13px);font-weight:700;color:#dce9fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rosrefStepTower{border-radius:14px 14px 5px 5px;display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;border:1px solid;isolation:isolate}
.rosrefStep1 .rosrefStepTower{height:140px;background:linear-gradient(150deg,#81612c,#3d332a 90%);border-color:#bc914c;box-shadow:0 0 26px #d4a64720}
.rosrefStep2 .rosrefStepTower{height:103px;background:linear-gradient(150deg,#526c88,#273b53);border-color:#7592ad}
.rosrefStep3 .rosrefStepTower{height:79px;background:linear-gradient(150deg,#805947,#362d33);border-color:#9a6c57}
.rosrefStepPosition{font-weight:900;font-size:clamp(34px,9vw,58px);z-index:2;line-height:1}
.rosrefStep1 .rosrefStepPosition{color:#ffda85}.rosrefStep2 .rosrefStepPosition{color:#d5e3f4}.rosrefStep3 .rosrefStepPosition{color:#f1ba9b}
.rosrefStepDecor{position:absolute;inset:auto -20% -65% -20%;height:100%;border-radius:50%;background:#ffffff0b;transform:rotate(-18deg)}
.rosrefBelowSteps{display:flex;flex-direction:column;gap:8px}
.rosrefStandardRow{min-height:58px}
@media(max-width:390px){.rosrefSteps{gap:5px;padding:12px 5px 8px}.rosrefStepValue{font-size:10px}.rosrefStep1 .rosrefStepTower{height:125px}.rosrefStep2 .rosrefStepTower{height:94px}.rosrefStep3 .rosrefStepTower{height:73px}}

.rosrefBindPanel{margin:18px 0;padding:17px;border:1px solid #31465e;border-radius:16px;background:#16263a}.rosrefBindPanel input{margin:8px 0 12px}.rosrefBindPanel h3{margin:0 0 8px}

/* v23 - Profile RosPlat stats in Midnight theme */
.rosplatPersonalStats{margin:16px 0;padding:17px;border-radius:16px;background:#16263a;border:1px solid #31465e;color:#f3f8ff}
.rosplatPersonalStats h3{margin:0 0 14px;font-size:18px}
.rosplatStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.rosplatStatCard{background:#203650;border:1px solid #33516f;border-radius:13px;padding:16px 13px;display:flex;flex-direction:column;gap:11px;min-width:0}
.rosplatStatCard span{color:#b6cce2;font-size:13px}.rosplatStatCard strong{font-size:clamp(19px,5vw,27px);font-weight:800;overflow-wrap:anywhere;color:#fff}
@media(max-width:430px){.rosplatStatsGrid{grid-template-columns:1fr}}


/* V24: refined tab icons */
.bottomTabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.05;min-height:58px}
.tabIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.96}
.tabIcon svg{width:20px;height:20px;display:block}
.tabLabel{display:block;font-size:11px;font-weight:700;letter-spacing:.01em}
.tabs button{transition:background .2s ease,color .2s ease,transform .15s ease,border-color .2s ease}
.tabs button:active{transform:translateY(1px)}
.tabs button.active .tabIcon{filter:drop-shadow(0 0 6px rgba(121,188,255,.18))}
#adminTab .tabIcon{transform:translateY(-.5px)}
@media(max-width:390px){
  .bottomTabs button{gap:4px;min-height:54px;padding:9px 1px}
  .tabIcon,.tabIcon svg{width:18px;height:18px}
  .tabLabel{font-size:10px}
}


/* V25 help center and admin workspace */
.faqQuickHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 10px}
.faqQuickHead strong{font-size:14px}.faqQuickHead span{font-size:11px;color:var(--muted)}
.faqQuickButtons{display:grid;gap:8px;margin-bottom:18px}
.faqQuickButton{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 13px;border-radius:12px;border:1px solid #36516d;background:#15283e;color:#eff6ff;font-size:13px;font-weight:600;cursor:pointer}
.faqQuickButton:hover{background:#223c57;border-color:#6694bc}
.faqQuickButton:disabled{opacity:.55}
.faqQuickIndex{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#2a4867;color:#8fcaff;font-size:11px;font-weight:800}
.faqQuickArrow{margin-left:auto;color:#8fcaff;font-size:19px}
#supportMessages{padding:12px;background:#101d2d;border:1px solid #2a4059;border-radius:14px}
.adminSectionsNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 20px;scroll-margin-top:12px}
.adminSectionButton{padding:13px 8px;border:1px solid #314a63;background:#16283d;color:#bdd1e8;border-radius:12px;font-size:12px;line-height:1.25;font-weight:700;cursor:pointer}
.adminSectionButton.active{background:#284b72;border-color:#5b98d3;color:#fff;box-shadow:inset 0 0 0 1px #ffffff12}
.adminToolSection{border:1px solid #334b65;background:#15253a;border-radius:16px;padding:14px;margin:6px 0 20px;min-width:0}
.adminToolSection h3:first-child{margin-top:0}.adminToolSection[hidden]{display:none!important}
@media(min-width:550px){.adminSectionsNav{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v26 guest experience and opt-in manual updates */
.guestWelcome,.notifyBox{border:1px solid #38506b;background:linear-gradient(130deg,#1b314c,#142438);padding:17px;border-radius:17px;margin:0 0 16px;display:grid;gap:10px}
.guestWelcome b{font-size:17px;color:#f1f7ff}.guestWelcome span{font-size:13px;line-height:1.55;color:#abc4dc}.guestWelcome button{width:max-content;max-width:100%;background:#315a80;color:#f0f8ff;border:1px solid #5b83a5;border-radius:10px;padding:9px 13px;font-weight:700}.notifyBox h3{margin:0}.notifyBox .secondaryButton{margin:0}.guestWelcome[hidden]{display:none!important}

/* V28 onboarding / academy */
.trainingPaper{display:grid;gap:18px}.trainingTop{background:linear-gradient(140deg,#223f61,#15263d);border:1px solid #395775;border-radius:18px;padding:19px}.trainingTop h2{margin:8px 0}.trainingEyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#86c7ff}.trainingProgress{margin-top:14px;display:grid;gap:8px;font-size:12px;color:#c5dbf1}.trainingTrack{height:7px;border-radius:20px;background:#344b66;overflow:hidden}.trainingTrack span{display:block;height:100%;width:0;background:linear-gradient(90deg,#428dff,#69dab9);transition:width .25s}.trainingStep{padding:13px;border:1px solid #344961;background:#192a40;border-radius:13px;display:flex;gap:12px;align-items:center;margin-bottom:8px}.trainingStepNumber{width:37px;height:37px;flex:none;display:grid;place-items:center;background:#2d4260;border-radius:11px;font-weight:800;color:#d9e9fa}.trainingStep>div{display:grid;gap:4px}.trainingStep small{color:#9fb5ca;font-size:11px}.trainingStep.isCurrent{border-color:#548dc1;background:#223a54}.trainingStep.isDone .trainingStepNumber{background:#174a3f;color:#83e2ba}.trainingStep.isLocked{opacity:.55}.trainingLessonTitle{font-size:21px;font-weight:800;margin-bottom:12px}.trainingLessonBody{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.trainingLessonVideo{width:100%;max-height:420px;aspect-ratio:16/9;border-radius:14px;background:#05080f;margin-top:14px}.trainingAdmin{margin:20px 0;padding:16px;border:1px solid #334a66;border-radius:16px;background:#16273d}.trainingAdmin .adminItem button{margin-right:8px}
@media(max-width:420px){.bottomTabs button{min-width:0}.tabLabel{font-size:9px}.bottomTabs{padding-left:2px;padding-right:2px}}

.mentorProfilePanel{margin:18px 0;padding:18px;border:1px solid #345372;border-radius:17px;background:linear-gradient(140deg,#172940,#1d3049)}.mentorProfilePanel h3{margin:0 0 10px}.mentorProfilePanel input{margin-top:12px}

/* v33: separate mentor podium */
.mentorRankingHead{margin-top:36px;border-top:1px solid rgba(135,165,204,.25);padding-top:26px}
.rosrefStepCap small{display:block;font-size:11px;opacity:.8;margin-top:5px}


/* v35: separate RosRef windows and top-5 team leads */
.rosrefSwitch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 18px}
.rosrefSwitch button{border:1px solid rgba(95,136,181,.45);background:#13253b;color:#a8bed6;padding:12px 14px;border-radius:14px;font-weight:800}
.rosrefSwitch button.active{background:linear-gradient(180deg,#2e68b1,#285d9f);color:#fff;border-color:#5e98df;box-shadow:0 0 0 1px rgba(125,176,255,.14) inset}
.rosrefPanelSection{display:block}
.mentorMiniGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mentorMiniCard{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border:1px solid rgba(95,136,181,.32);border-radius:16px;background:linear-gradient(180deg,#132842,#102237)}
.mentorMiniPlace{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#213a57;color:#d9ecff;font-weight:900}
.mentorMiniInfo{display:grid;gap:3px;min-width:0;flex:1}
.mentorMiniInfo b{font-size:15px}
.mentorMiniInfo small{color:#95adca}
.mentorMiniCard strong{white-space:nowrap;color:#f2f7ff}
@media(max-width:720px){.mentorMiniGrid{grid-template-columns:1fr}}

/* v36: original onboarding, not the reference carousel */
.introWelcome{position:fixed;inset:0;z-index:110;background:#07101e;color:#f2f7ff;display:flex;justify-content:center;overflow:auto;overscroll-behavior:contain}
.introShell{width:min(100%,520px);min-height:100dvh;display:flex;flex-direction:column;padding:calc(25px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 72% 26%,rgba(38,120,163,.19),transparent 45%),linear-gradient(160deg,#101e32 10%,#081321 80%)}
.introHeader{display:flex;align-items:center;justify-content:space-between;gap:15px}.introBrand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;letter-spacing:.04em}.introBrand em{font-style:normal;font-weight:600;font-size:11px;letter-spacing:.2em;color:#88b4d4}.introBrandSymbol{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#72dbca,#3f88df);color:#081c2b}.introHeader button{background:none;border:0;color:#93a9bf;font-size:13px;padding:9px}
.introDots{display:flex;gap:6px;margin:27px 0 12px}.introDots span{height:4px;flex:1;border-radius:10px;background:#25394c;transition:background .2s}.introDots span.current{background:#6bd4c5}.introDots span.done{background:#467a83}
.introVisual{min-height:240px;flex:1;max-height:470px;position:relative;display:grid;place-items:center;overflow:hidden}.introOrb{position:absolute;border-radius:50%;pointer-events:none}.introOrbOne{width:230px;height:230px;border:1px solid #34586a;box-shadow:0 0 0 29px rgba(47,86,111,.08),0 0 0 75px rgba(36,72,102,.06);transform:rotate(-16deg)}.introOrbTwo{width:115px;height:115px;background:linear-gradient(145deg,rgba(61,164,173,.26),rgba(72,108,208,.17));filter:blur(2px)}.introGlyph{position:relative;z-index:1;font-size:92px;text-shadow:0 14px 55px rgba(63,218,206,.28);line-height:1}.introMini{position:absolute;z-index:2;bottom:16%;padding:10px 17px;border:1px solid #36556b;background:rgba(21,42,61,.9);border-radius:16px;color:#b1d3e5;font-weight:700;font-size:13px;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.introCopy{margin-top:auto;padding-top:16px}.introEyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#6cddca;margin:0 0 12px}.introCopy h2{font-size:clamp(29px,6.5vw,40px);line-height:1.11;letter-spacing:-.035em;margin:0 0 14px;color:#fff}.introCopy>p:last-child{color:#a4bad0;font-size:15px;line-height:1.65;max-width:420px;margin:0}
.introFooter{display:flex;align-items:center;gap:18px;margin-top:26px}.introFooter>span{font-size:13px;color:#7f9bb2;white-space:nowrap;font-variant-numeric:tabular-nums}.introFooter button{flex:1;border:0;border-radius:14px;min-height:55px;color:#071e2b;background:linear-gradient(110deg,#70e3c9,#7dbef2);font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
@media (min-width:650px){.introShell{min-height:min(850px,95dvh);margin:auto;border:1px solid #304b65;border-radius:26px}.introWelcome{padding:16px}}
@media (max-height:690px){.introVisual{min-height:160px}.introGlyph{font-size:66px}.introOrbOne{width:170px;height:170px}.introCopy h2{font-size:28px}.introDots{margin-top:14px}}

.trainingStageSelect{width:100%;padding:12px;background:#14263b;color:#ecf5ff;border:1px solid #3c5878;border-radius:12px;margin:5px 0 15px;font:inherit}

/* v38: explicit step navigation */
.trainingStepButton{width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}
.trainingStepButton:not(:disabled):hover{border-color:#72b4f2;background:#254361}
.trainingStepButton:disabled{cursor:default;opacity:.62}
.trainingStepText{flex:1;display:grid;gap:4px;min-width:0}
.trainingStepText strong{overflow-wrap:anywhere}
.trainingStepArrow{margin-left:auto;color:#a6cdf7;font-weight:900;font-size:24px}
.trainingBack{border:1px solid #456b93;border-radius:12px;background:#183351;padding:11px 14px;color:#bdddff;margin-bottom:16px;font-weight:700}
#trainingLesson{border:1px solid #365778;background:#162b43;padding:18px;border-radius:17px}

/* v40: constrain long manual titles and lock buttons to their own layout tracks */
#manualList .manual{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
#manualList .manual-left{display:flex;min-width:0;max-width:100%;overflow:hidden}
#manualList .manual-left>div{min-width:0;flex:1 1 auto;overflow:hidden}
#manualList .manual-title{overflow-wrap:anywhere;word-break:normal;line-height:1.35;max-width:100%}
#manualList .manual-cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#manualList .open-btn{display:flex;justify-content:center;align-items:center;min-width:100px;max-width:130px;min-height:48px;flex:none;text-align:center;white-space:normal;line-height:1.15;overflow-wrap:normal}
@media(max-width:440px){#manualList .manual{gap:9px;padding:12px}#manualList .manual-left{gap:9px}#manualList .manual-icon{width:44px;height:44px}#manualList .open-btn{min-width:94px;max-width:108px;padding:8px 7px;font-size:13px}}

/* v41: compact key management */
.keyMaker{padding:15px;border-radius:16px;border:1px solid #37526e;background:#152941;margin-top:13px}.keyMakerTitle{font-weight:750;margin:14px 0 9px}.keyMaker .choiceRow{display:flex;flex-wrap:wrap;gap:8px}.keyMaker .choiceRow button{flex:1;min-width:70px}.keyResults{border:1px solid #365578;background:#152a42;border-radius:16px;padding:14px;margin-top:15px}.keyResults h4,.keyDanger h4{margin:0 0 8px}.keyCards{display:grid;gap:8px;margin:12px 0}.keyCard{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;background:#101d30;border-radius:11px;border:1px solid #344964}.keyCard span{min-width:0;overflow-wrap:anywhere;font-family:monospace;font-size:12px}.keyCard button{flex:none;border-radius:10px;border:1px solid #4c81ad;background:#265c8e;color:#fff;padding:9px}.keyDanger{padding:15px;border:1px solid #74515b;border-radius:16px;margin-top:20px;background:#30232e}.keyClearActions{display:flex;flex-wrap:wrap;gap:10px}.keyClearActions button{flex:1;min-width:180px;padding:12px;border-radius:11px;border:1px solid #a46b7b;background:#4a2939;color:#fff}.keyClearActions button:first-child{background:#263750;border-color:#53708f}

/* v42 manual volume gate */
.manualUnlockProgress{display:grid;gap:8px;margin-bottom:14px;padding:15px 16px;border-radius:15px;background:#182a40;border:1px solid #385372;color:#e5f2ff;font-size:13px}.manualUnlockProgress span{color:#a9bfd8;line-height:1.5}.manualUnlockTrack{height:8px;border-radius:20px;background:#304963;overflow:hidden}.manualUnlockTrack span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#3c8edc,#6cd6c1)}

/* v44: access progress, hide gated catalogue */
.manualLockedCatalog{padding:28px 20px;text-align:center;display:grid;gap:9px;justify-items:center;color:#dbeaff;background:linear-gradient(140deg,#192e46,#15253a)}
.manualLockedCatalog p{font-size:13px;color:#aac0d7;max-width:360px;line-height:1.55;margin:0}
.manualLockedIcon{font-size:28px;margin-bottom:3px}
.manualRetry{margin-top:10px;border:1px solid #547ba2;border-radius:9px;background:#294b71;color:#fff;padding:8px 13px}

/* v45 additions, layered over v44 */
#view-discover,#view-hub{animation:sssFade .22s ease-out}
@keyframes sssFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.searchResults,.hubLinks,#hubContent,#adminResources{display:grid;gap:10px;margin-top:14px}
.searchResult,.hubLinks button,.hubCard,.noticeCard,.faqCard,.resourceCard{padding:13px 14px;border:1px solid #e6eaf1;border-radius:15px;background:#fff;text-align:left;color:#17233c}
.searchResult{display:block;width:100%;cursor:pointer}
.searchResult small,.hubCard small,.noticeCard small,.resourceCard small{display:block;color:#77859d;margin-top:5px}
.hubLinks{grid-template-columns:repeat(2,minmax(0,1fr))}.hubLinks button{font:inherit;cursor:pointer}
#hubContent a{color:#2474d2;text-decoration:none}.faqCard summary{cursor:pointer;font-weight:700}.faqCard p{white-space:pre-wrap}
.markedManual{position:relative;isolation:isolate;min-height:150px}.markedManual #pageBody{position:relative;z-index:1}
.manualWatermark{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.13;background-repeat:repeat;background-size:265px 140px;transform:none}
.watermarkFoot{font-size:11px;color:#8493a9;overflow-wrap:anywhere;padding:10px 0}
#view-page .paper{overflow:hidden}
.tabs.bottomTabs{overflow-x:auto;scrollbar-width:none}.tabs.bottomTabs::-webkit-scrollbar{display:none}
.tabs.bottomTabs button{min-width:58px}.hubCard,.noticeCard,.resourceCard{overflow-wrap:anywhere}

/* v46 six-button navigation, reference layout with independent SSS styling */
.tabs.bottomTabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:hidden;background:#fff;border:1px solid #e7e9ee;border-radius:16px 16px 0 0;padding:5px 3px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #1b31551c}
.tabs.bottomTabs button{min-width:0!important;border:0;border-radius:9px;background:transparent;color:#737c89;min-height:52px;padding:6px 1px;font-size:10px;gap:3px}
.tabs.bottomTabs button.active{color:#2180d7;background:#edf6ff}
.tabs.bottomTabs .tabIcon{font-size:24px;line-height:1.1;font-weight:400}
.tabs.bottomTabs .tabLabel{font-size:10px;white-space:nowrap}
.homeShortcuts,.profileQuickLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.homeShortcuts button,.profileQuickLinks button{border:1px solid #e3e8f0;background:#f7faff;border-radius:12px;padding:14px 9px;color:#23436a;text-align:left;font-size:13px}
.homeSearch{margin-bottom:14px}.homeSearch input,#faqPublicSearch{width:100%}
.publicFaqList,.resourcesContent{margin-top:14px;overflow:hidden;border-radius:17px;background:#fff;padding:2px 16px}
.sssFaq{background:#fff;color:#1e2736;border-bottom:1px solid #e8ebef;padding:15px 0}
.sssFaq:last-child{border-bottom:none}
.sssFaq summary{cursor:pointer;list-style:none;font-size:14px;font-weight:650;display:flex;justify-content:space-between;gap:8px}
.sssFaq summary::-webkit-details-marker{display:none}
.sssFaq summary:after{content:'+';font-size:16px;color:#3993e5;font-weight:400}
.sssFaq[open] summary:after{content:'−'}
.sssFaqAnswer{font-size:13px;line-height:1.6;color:#8490a0;white-space:pre-wrap;margin-top:11px}
#view-page .markedManual{min-height:220px}
#view-page .manualWatermark{opacity:.35;background-size:245px 112px;z-index:5;pointer-events:none;position:absolute;inset:0;min-height:100%;background-repeat:repeat}
#view-page .watermarkFoot{color:#6689b8;font-weight:600}
#view-home,#view-questions,#view-resources{animation:sssFade .22s ease-out}

/* v47 homepage and admin improvements */
.v47Goal,.v47LatestNotice{margin:12px 0}.v47GoalHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.v47GoalAmount{font-size:27px;font-weight:780;color:var(--accent);margin:12px 0}.v47TextButton{border:0;background:none;color:var(--accent);padding:7px}.v47GoalBar{height:10px;border-radius:20px;background:#e5ebf5;overflow:hidden;margin:12px 0}.v47GoalBar span{display:block;height:100%;background:linear-gradient(90deg,#47b4ec,#347bec);transition:width .35s}.v47LatestNotice p{white-space:pre-wrap;overflow-wrap:anywhere}.adminWorkspace input,.adminWorkspace textarea,.adminWorkspace select{max-width:100%}#view-admin .adminToolSection{scroll-margin-top:12px}

/* v48: compact list-style home navigation and real search results */
.homeShortcutsList{display:flex!important;flex-direction:column;gap:0!important;background:var(--card,#fff);border:1px solid #dfe6f0;border-radius:17px;overflow:hidden}
.homeShortcutsList button{width:100%;border:0!important;border-radius:0!important;text-align:left!important;background:transparent!important;padding:15px 17px!important;font-size:15px!important;border-bottom:1px solid #e6e9ef!important}
.homeShortcutsList button:last-child{border-bottom:0!important}
.searchResult{display:flex!important;align-items:center;gap:12px;padding:12px!important}
.searchType{font-size:11px;color:#2681da;background:#eaf4ff;border-radius:8px;padding:6px;min-width:62px;text-align:center}
.searchText{flex:1;min-width:0}.searchText b{display:block}.searchArrow{font-size:24px;color:#98a9bf}
#view-page .manualWatermark{opacity:.24!important;background-size:290px 164px!important}
.watermarkFoot{overflow-wrap:anywhere;font-size:11px}

/* v49: compact precise search, single-column home links and admin navigation. */
#view-home .homeSearch{margin:4px 0 13px;padding:0;background:none;box-shadow:none;border:0}
.compactSearch{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d3dce7;border-radius:13px;background:var(--card,#fff);height:43px;color:#76859b}
.compactSearch span{font-size:25px;line-height:1}
#view-home .compactSearch input{flex:1;width:100%;height:40px;margin:0;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 4px;font-size:13px;min-width:0}
#globalResults[hidden]{display:none!important}
#globalResults{max-height:300px;overflow:auto;background:var(--card,#fff);border-radius:13px;padding:6px;border:1px solid #dce4ef;margin-top:6px;gap:4px}
#globalResults .searchResult{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;border:0;border-bottom:1px solid #ebedf2;background:transparent;color:inherit}
#globalResults .searchType{font-size:10px;white-space:nowrap;color:#247bc7;background:#eaf3fd;padding:5px;border-radius:7px}
#globalResults .searchText{flex:1;min-width:0}#globalResults .searchArrow{color:#8192ad}
#view-home .homeShortcutsList{display:flex;flex-direction:column;gap:0;background:var(--card,#fff);border:1px solid #d9e0e9;border-radius:15px;overflow:hidden;margin-top:10px}
#view-home .homeShortcutsList button{display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid #e8ecf2;border-radius:0;min-height:53px;padding:12px 14px;background:transparent;color:inherit;font-size:14px}
#view-home .homeShortcutsList button:last-child{border-bottom:0}
#view-home .homeShortcutsList button[hidden]{display:none!important}
#view-home .navGlyph{flex:none;display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:#ebf3ff;border-radius:10px;color:#267ac8;font-size:18px}
#view-home .navChevron{margin-left:auto;font-size:23px;color:#8898ae}
#view-admin .adminSectionsNav{display:flex;flex-direction:column;gap:7px;margin:16px 0 20px}
#view-admin .adminSectionButton{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #dbe4ef;background:var(--card,#fff);color:inherit;font-weight:650}
#view-admin .adminSectionButton:after{content:'›';font-size:22px;color:#7895b6}
#view-admin .adminSectionButton.active{border-color:#4b9deb;background:#e9f4ff;color:#1b70bf}
#view-admin .adminSectionButton.active:after{content:'⌄'}
#view-admin .adminToolSection{border:1px solid #dfe7f0;border-radius:15px;padding:12px;margin-bottom:12px;background:var(--card,#fff)}
#view-admin .adminToolSection[hidden]{display:none!important}
#view-questions .publicFaqList{padding:0 17px}#view-questions .sssFaq{padding:16px 0}

/* v50: consistent cards, real vector icons, responsive navigation */
#view-resources .resourcesContent{background:transparent!important;border-radius:0!important;padding:0!important;margin-top:16px!important;display:grid;gap:10px;overflow:visible!important}
#view-resources .resourceCard{background:var(--card,#fff)!important;border:1px solid #d3dce8!important;border-radius:15px!important;padding:15px!important;display:flex;flex-direction:column;gap:7px;box-shadow:0 2px 8px #00000008}
#view-resources .resourceCard b{font-size:15px;color:var(--text,#17243c)}
#view-resources .resourceCard small{color:var(--muted,#8291a7);line-height:1.45;margin:0}
#view-resources .resourceCard a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border-radius:10px;padding:8px 11px;background:#e9f3ff;color:#1679d1;text-decoration:none;font-size:13px;font-weight:650}
#view-resources .resourceCard .resourceUnavailable{color:#a7adba;font-size:12px}
.navGlyph{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center!important;border-radius:11px;background:#eaf3ff;color:#247ed2}
.navGlyph svg{width:19px;height:19px;stroke-width:1.8}
.navChevron{margin-left:auto;color:#8aa5c5;font-size:22px}
#view-home .homeShortcutsList{box-shadow:0 2px 10px #0a1c350b}
#view-home .homeShortcutsList button{transition:background .18s,color .18s,transform .18s}
#view-home .homeShortcutsList button:active{background:#e9f3ff!important;transform:scale(.99)}
.tabs.bottomTabs .tabIcon{display:grid;place-items:center;height:25px}
.tabs.bottomTabs .tabIcon svg{width:22px;height:22px;stroke-width:1.8}
#view-hub .hubLinks{display:none!important}
#view-hub .paper{min-height:250px}
#view-hub #hubContent{margin-top:15px}
#view-hub .v50Back{border:0;background:transparent;color:#3995e6;margin:0 0 10px;padding:6px 0;font:inherit;cursor:pointer}
#view-hub .hubCard{background:var(--card,#fff);color:var(--text,#17243c)}
@media(prefers-reduced-motion:reduce){#view-home .homeShortcutsList button{transition:none!important}}

/* v51: independent search page and tap-to-expand FAQ, respecting light/dark themes */
.searchLaunch{width:100%;text-align:left;cursor:pointer;display:flex!important;align-items:center;gap:10px;overflow:hidden}
.searchLaunch>span:nth-child(2){font-size:13px;color:var(--muted,#8593a8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.searchLaunchArrow{margin-left:auto;color:#8294ab}
.sssSearchPage{padding:6px 4px 22px;min-height:60vh}
.searchHeader{display:flex;align-items:center;gap:12px;margin:3px 0 14px}
.searchHeader h2{margin:0;font-size:20px}
.searchBack{background:var(--card,#fff);border:1px solid #dfe5ee;color:var(--text,#18304a);border-radius:11px;width:39px;height:39px;font-size:21px;cursor:pointer}
.searchInputWrap{display:flex;align-items:center;gap:10px;padding:0 13px;height:46px;border:1px solid #80bbf2;border-radius:13px;background:var(--card,#fff)}
.searchInputWrap>span{color:#91a1b4;font-size:23px}
.searchInputWrap input{background:transparent!important;color:var(--text,#1b2c40)!important;border:0!important;box-shadow:none!important;outline:0!important;margin:0!important;min-width:0;flex:1;width:100%;font-size:15px}
.searchScreenResults{margin:15px 0;display:flex;flex-direction:column;gap:12px}
.searchEmpty{margin:6px 0;background:var(--card,#fff);border-radius:14px;padding:20px;color:var(--muted,#8491a3);font-size:13px}
.searchResultGroup{background:var(--card,#fff);border-radius:16px;padding:14px 15px;box-shadow:0 2px 9px #162b4010}
.searchResultGroup h3{color:var(--muted,#8090a0);font-size:12px;font-weight:600;margin:0 0 8px}
.searchGroupBody{display:flex;flex-direction:column}
.searchGroupBody .searchResult{display:flex!important;width:100%;text-align:left;min-height:60px;background:transparent!important;border:0!important;border-bottom:1px solid #e6eaf0!important;border-radius:0!important;padding:12px 1px!important;color:var(--text,#1b2c40)!important;cursor:pointer}
.searchGroupBody .searchResult:last-child{border-bottom:0!important}
.searchGroupBody .searchText b{font-size:15px;line-height:1.4}
.searchGroupBody .searchText small{display:block;margin-top:4px;color:var(--muted,#8491a3);font-size:12px}
.searchGroupBody mark{background:#dceeff;color:inherit;border-radius:4px;padding:0 2px}
#view-questions .sssFaq:not([open]) .sssFaqAnswer{display:none}
#view-questions .sssFaq summary{align-items:center;min-height:28px;cursor:pointer}
#view-questions .sssFaq summary span{flex:1}
#view-questions .sssFaqAnswer{padding:1px 0 3px;line-height:1.65}
#view-questions .publicFaqList{border-radius:17px;box-shadow:0 2px 10px #00000008}
@media (prefers-reduced-motion:no-preference){.searchResultGroup{animation:sssFade .18s ease-out}}

/* v52: hard separation of the catalog from the home view */
#view-list[hidden],#view-home[hidden]{display:none!important}
/* resources: one clean list without nested tiles, consistent in dark/light themes */
#view-resources .paper{padding:17px!important}
#view-resources .paper>h2{font-size:19px;margin:0 0 14px!important}
#view-resources .paper>.hint{display:none}
#view-resources .resourcesContent{display:block!important;background:var(--card,#fff)!important;border:1px solid var(--line,#e5eaf2)!important;border-radius:16px!important;padding:0 13px!important;overflow:hidden!important;box-shadow:none!important;margin-top:0!important}
#view-resources .sssResourceRow{display:flex;align-items:center;gap:12px;min-height:75px;border-bottom:1px solid var(--line,#e5eaf2);background:transparent;color:var(--text,#17233c);padding:10px 3px}
#view-resources .sssResourceRow:last-child{border-bottom:0}
#view-resources .sssResourceRow.isLink{cursor:pointer}
#view-resources .sssResourceRow.isLink:active{opacity:.7}
#view-resources .sssResourceIcon{flex:0 0 39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#e6f3ff;color:#2585cb}
#view-resources .sssResourceIcon svg{width:21px;height:21px}
#view-resources .sssResourceCopy{min-width:0;flex:1;display:grid;gap:4px}
#view-resources .sssResourceCopy strong{font-weight:650;font-size:14px;overflow-wrap:anywhere}
#view-resources .sssResourceCopy small{font-size:12px;color:var(--muted,#8b97aa);line-height:1.4;overflow-wrap:anywhere}
#view-resources .sssResourceTap{background:transparent!important;border:0!important;color:#8895a8!important;font-size:21px!important;display:grid!important;place-items:center;min-width:33px;min-height:39px;padding:0!important;text-decoration:none!important;align-self:center!important}
#view-resources .sssResourceLocked{color:#a7b0bd;padding:10px}
#view-resources .sssResourceRow:focus-visible{outline:2px solid #3397df;outline-offset:-3px;border-radius:8px}

/* v53: home agent roster and accurate dashboard cards */
.sssHomeAgents{margin:13px 0!important;padding:16px!important}
.sssSmallHeading{font-size:13px;color:var(--muted,#8d9aaa);font-weight:600;margin:0 0 6px}
.sssAgentRows{display:flex;flex-direction:column;gap:0}
.sssAgentRow{display:flex;align-items:center;gap:12px;padding:12px 1px;width:100%;background:transparent!important;border:none!important;border-bottom:1px solid #8798ad2b!important;text-align:left;color:inherit;min-height:70px;cursor:pointer}
.sssAgentRow:last-child{border-bottom:none!important}
.sssAgentAvatar{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;background:#dbecfa;color:#2e8bd2}
.sssAgentAvatar img{width:100%;height:100%;object-fit:cover}
.sssAgentFallback{font-size:26px}
.sssAgentCopy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sssAgentCopy b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sssAgentCopy small{font-size:12px;color:var(--muted,#96a1b1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sssAgentArrow{font-size:20px;color:#8ba1b7;padding:0 8px}
.sssHomeMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.sssMetric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:16px;background:var(--card,#fff);min-height:120px;border:1px solid #75889f21}
.sssMetricWide{grid-column:span 2;min-height:100px}
.sssMetric .metricSvg{color:#3399df;width:25px;height:25px;display:inline-flex}
.sssMetric .metricSvg svg{width:24px;height:24px;stroke-width:1.9}
.sssMetric small{font-size:12px;color:var(--muted,#8d9aaa)}
.sssMetric strong{font-size:22px;line-height:1.1;font-weight:750}
.sssMetricHint{font-size:10px;color:var(--muted,#8d9aaa)}
.sssAgentAdmin{border:1px solid #7a93af40;padding:15px;border-radius:14px;margin:16px 0;display:flex;flex-direction:column;gap:9px}
.sssAgentPreview img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.sssAdminAgent{display:flex;align-items:center;gap:10px;border-top:1px solid #7a93af40;padding:10px 0}.sssAdminAgent small{flex:1}.sssAdminAgent button{font-size:12px}

/* v54: compact editable target card */
.v47Goal{padding:12px 15px!important;margin:8px 0 10px!important;border-radius:15px!important}
.v47GoalHead strong{font-size:13px;font-weight:650}
.v47GoalAmount{font-size:21px!important;line-height:1.25;margin:5px 0 7px!important}
.v47GoalBar{height:6px!important;margin:7px 0!important}
.v47Goal .v47TextButton{font-size:12px;padding:5px 7px}
.v47Goal small{display:block;font-size:11px;line-height:1.4}
#myGoalEditor:not([hidden]){display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
#myGoalEditor[hidden]{display:none!important}
#myGoalEditor input{flex:1;min-width:125px;max-width:220px}
#myGoalEditor button{flex:0 0 auto}

/* v55 compact goal card + true three-card summary */
#view-home .v47Goal{padding:9px 12px!important;margin:6px 0 9px!important;border-radius:14px!important;display:grid;gap:3px}
#view-home .v47GoalHead{min-height:19px}
#view-home .v47GoalHead strong{display:inline-flex;align-items:center;gap:6px;font-size:12px}
#view-home .goalTargetIcon{display:inline-flex;color:#48aafa;width:17px;height:17px}
#view-home .goalTargetIcon svg{width:17px;height:17px}
#view-home .v47GoalAmount{font-size:17px!important;margin:2px 0!important;line-height:1.1}
#view-home .v47GoalBar{height:4px!important;margin:3px 0!important}
#view-home .v47Goal small{font-size:10px;line-height:1.25;margin:0}
#view-home .v47Goal .v47TextButton{font-size:11px;padding:3px 5px}
#view-home .v47Goal #myGoalEditor{padding-top:6px}
#view-home .sssMetric{min-height:100px;padding:13px;gap:6px}
#view-home .sssMetricWide{min-height:84px}

/* v56: clean profile and personal deal ledger */
#view-profile .profileQuickLinks,#view-profile #profileID,#view-profile #profileStatus,#view-profile #rosplatBindingPanel,#view-profile #mentorProfilePanel,#view-profile .notifyBox{display:none!important}
#view-profile #rosplatPersonalStats{margin:0 0 16px}
#view-profile #rosplatPersonalStats .rosplatStatsGrid{grid-template-columns:1fr}
/* v58 admin redesign: consistent adaptive workspace */
#view-admin{max-width:1000px;margin-inline:auto}
#view-admin .adminWorkspace{padding:clamp(16px,3.5vw,27px);border-radius:22px}
#view-admin .adminTopActions{display:flex;gap:10px;margin:18px 0 12px}
#view-admin .adminAddAgentQuick{width:100%;border-radius:14px;min-height:51px;font-weight:700;background:#2a85dc;color:#fff}
#view-admin .adminSectionSearch{width:100%;min-height:47px;margin:0 0 15px;padding:12px 16px;border-radius:12px}
#view-admin .adminSectionsNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
#view-admin .adminSectionButton{border:1px solid #4867826e;display:flex;align-items:center;min-height:60px;gap:10px;text-align:left;border-radius:15px;padding:11px;background:var(--card,#fff);font-size:13px;transition:transform .12s,background .15s}
#view-admin .adminSectionButton:after{content:none}
#view-admin .adminSectionButton[hidden]{display:none!important}
#view-admin .adminSectionButton:active{transform:scale(.985)}
#view-admin .adminSectionButton.active{border-color:#438ddd;box-shadow:0 0 0 1px #438ddd65;background:color-mix(in srgb,var(--card,#fff) 85%,#438ddd 15%)}
#view-admin .adminSectionIcon{flex:0 0 33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#e8f3ff;color:#227aca;font-size:20px}
#view-admin .adminSectionName{flex:1;min-width:0;overflow-wrap:anywhere}
#view-admin .adminSectionChevron{font-size:24px;color:#7095b7}
#view-admin .adminCurrentTitle{font-size:17px;font-weight:750;margin:6px 0 12px}
#view-admin .adminToolSection{border:1px solid #48678265;padding:clamp(13px,3vw,20px);border-radius:18px;max-width:100%;min-width:0;background:var(--card,#fff)}
#view-admin .adminToolSection input,#view-admin .adminToolSection textarea,#view-admin .adminToolSection select{width:100%;box-sizing:border-box}
#view-admin .sssAgentAdmin{border:none;padding:0;margin:0;background:transparent}
#view-admin .sssAgentAdmin h3{display:none}
#view-admin .sssAgentPreview{min-height:56px;display:flex;align-items:center;justify-content:center;border:1px dashed #7095b7;border-radius:13px}
#view-admin .sssAgentPreview img{max-height:90px;max-width:120px;object-fit:contain;border-radius:12px}
#view-admin .sssAdminAgent{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #8898aa33}
#view-admin .sssAdminAgentAvatar{width:42px;height:42px;flex:none;border-radius:50%;background:#e8f3ff;display:grid;place-items:center;color:#227aca}
#view-admin .sssAdminAgentAvatar img{width:42px;height:42px;object-fit:cover;border-radius:50%}
#view-admin .sssAdminAgentText{flex:1;min-width:100px;display:flex;flex-direction:column;gap:3px}
#view-admin .sssAdminAgentText small{opacity:.65}
#view-admin .sssAdminAgent button{width:auto;min-width:unset;padding:8px 10px;border-radius:10px}
@media (min-width:650px){#view-admin .adminSectionsNav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:380px){#view-admin .adminSectionsNav{grid-template-columns:1fr}}

/* v59: unified controls, clear image rendering and balanced iconography */
.agentAvatarFallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#2784d9}
.agentAvatarFallback[hidden]{display:none!important}
.sssAgentAvatar,.sssAdminAgentAvatar{position:relative;overflow:hidden;border:1px solid rgba(96,158,213,.3);box-shadow:0 2px 8px rgba(15,54,92,.12)}
.sssAgentAvatar img,.sssAdminAgentAvatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sssAgentAvatar img[hidden],.sssAdminAgentAvatar img[hidden]{display:none!important}
.sssAgentRow{transition:background-color .2s ease,transform .18s ease}
.sssAgentRow:active{transform:scale(.99)}
.sssAgentRow:hover{background:rgba(98,156,209,.075)!important}
.sssAgentPreview img{width:84px!important;height:84px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:50%!important}
.tabIcon svg,.navGlyph svg,.metricSvg svg{stroke-linecap:round;stroke-linejoin:round}
.headingIcon{display:inline-flex;vertical-align:middle;width:19px;height:19px;color:#42a2ec;margin-right:5px}.headingIcon svg{width:100%;height:100%;stroke-width:1.8}
.sssHomeMetrics .sssMetric{transition:background .18s ease,box-shadow .18s ease}
@media (prefers-reduced-motion:reduce){.sssAgentRow,.sssHomeMetrics .sssMetric{transition:none!important}}



/* v63: iOS Safari / Telegram WebView: prevent focus auto-zoom without disabling accessibility zoom.
   iOS enlarges the viewport when a focused input uses a font smaller than 16px. */
@media (pointer: coarse) {
  #view-discover #globalSearch,
  #view-list #search,
  #view-questions #faqPublicSearch,
  #view-admin .adminSectionSearch,
  input[type="search"],
  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input:not([type]),
  textarea, select {
    font-size: 16px !important;
  }
  .searchInputWrap input { font-size: 16px !important; }
}

/* v73: denser, lighter but legible personal manual watermarks */
#view-page .markedManual .manualWatermark{background-size:210px 108px!important;opacity:.19!important;background-position:0 0!important}