
:root{
  --bg:#061018; --bg2:#0a1621; --panel:#111d2a; --panel2:#0c1721; --panel3:#08121b; --line:rgba(137,160,185,.16); --line2:rgba(137,160,185,.10);
  --text:#edf2f7; --muted:#a3adba; --muted2:#748191; --gold:#f4bd3e; --gold2:#d89019; --blue:#35a8ff; --purple:#ae61ff; --green:#45d676; --red:#ff5959; --orange:#ff9d22;
  --shadow:0 26px 75px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
}
*{box-sizing:border-box} html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.018em;background:radial-gradient(700px 520px at 58% -5%,rgba(45,91,128,.18),transparent 68%),radial-gradient(640px 560px at 19% 65%,rgba(39,139,255,.07),transparent 70%),linear-gradient(180deg,#071018 0%,#050b11 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.i.tiny{width:14px;height:14px}.i.small{width:15px;height:15px}.i.gold,.gold{color:var(--gold)}.i.blue,.blue{color:var(--blue)}.i.purple,.purple{color:var(--purple)}.i.green,.green{color:var(--green)}.i.red,.red{color:var(--red)}.orange{color:var(--orange)}
.app{display:grid;grid-template-columns:264px 1fr;min-height:992px}.sidebar{position:relative;height:100vh;min-height:992px;padding:18px 11px 16px 0;background:radial-gradient(430px 470px at 80% -3%,rgba(59,110,151,.13),transparent 68%),linear-gradient(180deg,rgba(9,19,29,.98),rgba(6,13,20,.99));border-right:1px solid rgba(128,151,176,.17);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}.sidebar:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(114,141,169,.20),rgba(114,141,169,.05) 70%,rgba(114,141,169,.16))}.brand{display:flex;align-items:center;gap:13px;margin:1px 0 28px 18px}.brand-logo{width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(244,189,62,.18))}.brand-copy h1{font-size:25px;line-height:1;margin:0 0 5px;font-weight:820;letter-spacing:-.055em;text-shadow:0 1px 0 rgba(255,255,255,.12)}.brand-copy p{margin:0;color:#ffc63b;font-size:13px;font-weight:700;letter-spacing:-.025em}.section-title{display:flex;align-items:center;gap:14px;margin:0 26px 10px 26px;color:#798494;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.section-title span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(156,175,195,.24),transparent)}.nav-list{display:flex;flex-direction:column;gap:2px;padding:0 15px 0 9px}.nav-item{position:relative;height:43px;border-radius:6px;display:flex;align-items:center;gap:17px;padding:0 18px;color:#cbd3de;font-size:15.5px;font-weight:500}.nav-item .i{width:21px;height:21px;color:#d4dde8}.nav-item.active{background:linear-gradient(90deg,rgba(244,189,62,.33),rgba(244,189,62,.16));color:#fff;box-shadow:inset 0 0 0 1px rgba(244,189,62,.06),0 11px 28px rgba(0,0,0,.18)}.nav-item.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:0 5px 5px 0;background:#ffcf51;box-shadow:0 0 12px rgba(255,207,81,.85)}.nav-item.active .i{color:#f3c34a}.resources{margin-top:27px}.account-card{position:absolute;left:0;right:11px;bottom:9px;height:86px;border:1px solid rgba(132,156,181,.15);border-radius:8px;background:linear-gradient(180deg,rgba(17,30,43,.78),rgba(10,20,31,.72));display:flex;align-items:center;gap:12px;padding:0 23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.account-logo{position:relative;width:52px;height:52px;display:grid;place-items:center}.account-logo img{width:50px;height:50px;object-fit:contain}.account-logo:after{content:"";position:absolute;right:0;bottom:2px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #101a24;box-shadow:0 0 10px rgba(69,214,118,.7)}.account-card strong{display:block;font-size:16px;font-weight:780;letter-spacing:-.035em}.account-card em{display:block;margin-top:3px;font-style:normal;color:#8e9aa8;font-size:13px}.account-card .chev{margin-left:auto;width:18px;height:18px;color:#dce4ee}
.main{min-width:0;min-height:992px;padding:25px 31px 27px 28px}.topbar{display:grid;grid-template-columns:1fr auto;align-items:start;margin-bottom:22px}.page-title h2{margin:0 0 6px;font-size:34px;line-height:1.02;font-weight:850;letter-spacing:-.065em;text-shadow:0 2px 0 rgba(255,255,255,.08)}.page-title p{margin:0;color:#b7c0cc;font-size:16px;font-weight:520}.title-mark{width:27px;height:27px;vertical-align:-3px;margin-right:12px;color:#9facbb}.spark{color:var(--gold);font-size:18px;margin-left:5px}.toolbar{display:grid;grid-template-columns:280px 247px 56px;gap:20px}.searchbox,.datebox,.settings{height:54px;border:1px solid rgba(132,156,181,.15);border-radius:14px;background:linear-gradient(180deg,rgba(18,30,43,.90),rgba(12,23,34,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.22)}.searchbox{display:flex;align-items:center;gap:14px;padding:0 17px;color:#8c97a7;font-size:14px}.searchbox .i{width:20px;height:20px;color:#a8b3c1}.datebox{display:flex;align-items:center;gap:13px;padding:0 14px}.datebox .gold{color:#f3b92c}.datebox strong{display:block;font-size:13px;line-height:1;color:#f3f6fa;font-weight:750}.datebox span{display:block;margin-top:5px;color:#9da7b6;font-size:13px}.datebox .down{margin-left:auto;color:#d1dae6;width:17px;height:17px}.settings{display:grid;place-items:center;color:#c6d0dc}.settings .i{width:25px;height:25px}
.panel{position:relative;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,rgba(17,31,45,.95),rgba(11,22,32,.94));box-shadow:var(--shadow);overflow:hidden}.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.075)}.panel-heading{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:#f2f5f8}.panel-heading h3{margin:0;font-size:14px;text-transform:uppercase;font-weight:800;letter-spacing:-.02em}.panel-heading p{margin:3px 0 0;color:#9faab8;font-size:12px;text-transform:none;font-weight:500}.panel-heading.spaced{justify-content:space-between}.panel-heading.spaced>div,.panel-heading.spaced>a+div{display:flex;align-items:center;gap:10px}.panel-heading.spaced a{margin-left:auto;color:#b3becb;font-size:13px;display:flex;align-items:center;gap:8px;font-weight:500;text-transform:none}.panel-heading .i{width:20px;height:20px;color:#c8d2df}.panel-heading.blue .i,.blue .panel-heading .i{color:var(--blue)}.panel-heading.purple .i{color:var(--purple)}.panel-heading.gold .i{color:var(--gold)}.panel-heading.green .i{color:var(--green)}
.btn{height:36px;border-radius:7px;border:1px solid rgba(55,166,255,.46);background:rgba(28,104,170,.17);color:#4db5ff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;font-size:13px}.btn.gold{border-color:rgba(244,189,62,.38);background:rgba(244,189,62,.14);color:#f6d073}.btn.wide{width:100%;height:38px}.btn.small{height:30px;padding:0 14px}.open-desk{position:absolute;top:21px;right:14px;height:38px;min-width:134px;border-radius:7px;border:1px solid rgba(53,168,255,.62);background:rgba(21,83,140,.20);color:#55b8ff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:760}.open-desk .i{width:17px;height:17px}.open-desk.purple,.purple .open-desk{border-color:rgba(174,97,255,.58);background:rgba(86,39,138,.22);color:#c17aff}.rank-pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 19px;border:1px solid rgba(53,168,255,.60);border-radius:6px;color:#4cb5ff;background:rgba(24,89,148,.18);font-size:14px;font-weight:820;text-transform:uppercase;letter-spacing:.055em}.rank-pill.purple,.purple .rank-pill{border-color:rgba(174,97,255,.58);color:#c17aff;background:rgba(86,39,138,.21)}.rank-pill.block{display:flex;justify-content:center;width:112px;margin:15px auto 0}.locked-badge{width:116px;height:116px;border:1px dashed rgba(194,209,225,.42);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8793a3;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 65%)}.locked-badge.big{width:122px;height:122px}.locked-badge .i{width:41px;height:41px;color:#4d5b6a;fill:rgba(77,91,106,.15)}.locked-badge span{font-size:10px;line-height:1.25;text-align:center;font-weight:720;color:#8894a4;letter-spacing:-.01em}.trader-name{display:flex;align-items:center;gap:11px}.trader-name .i{color:var(--blue);width:22px;height:22px;fill:rgba(53,168,255,.16)}.trader-name.purple .i,.purple .trader-name .i{color:var(--purple);fill:rgba(174,97,255,.18)}.trader-name h3{margin:0;font-size:23px;font-weight:780;letter-spacing:-.05em}.status{display:inline-grid;place-items:center;min-width:58px;height:23px;padding:0 9px;border-radius:5px;font-style:normal;font-size:12px;font-weight:720;white-space:nowrap}.status.green{background:rgba(41,165,91,.22);color:#64df88}.status.blue{background:rgba(45,143,234,.22);color:#4db5ff}.status.gold{background:rgba(199,149,20,.23);color:#f4c44d}.status.purple{background:rgba(139,75,215,.22);color:#c385ff}.status.red{background:rgba(226,65,65,.22);color:#ff6969}.status.gray{background:rgba(121,135,150,.18);color:#bbc5d1}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#768392;margin:0 5px}.led.green{background:#44d573;box-shadow:0 0 9px rgba(68,213,115,.75)}.led.yellow{background:#f2c13f;box-shadow:0 0 9px rgba(242,193,63,.65)}.led.gray{background:#7d8794;box-shadow:none}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.gold{background:var(--gold)}
/* Trader Room */
.room-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:21px;margin-left:-3px}.profile-room{grid-column:span 6;height:365px;padding:22px 15px 0}.profile-room.blue:after,.notebook-card.blue:after,.watchlist-table.blue:after,.prog-profile.blue:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(53,168,255,.2));box-shadow:0 0 18px rgba(53,168,255,.8)}.profile-room.purple:after,.notebook-card.purple:after,.watchlist-table.purple:after,.prog-profile.purple:after,.ham-hero.purple:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),rgba(174,97,255,.18));box-shadow:0 0 18px rgba(174,97,255,.72)}.profile-mainrow{display:grid;grid-template-columns:124px 1fr;gap:16px;align-items:start}.profile-mainrow .locked-badge{margin-left:3px}.profile-meta{padding-top:4px}.traits{display:grid;grid-template-columns:171px 1px 1fr;gap:16px;margin-top:16px}.traits i{background:var(--line2);height:37px}.traits small{display:block;color:#b5bfcb;font-size:13px;font-weight:700}.traits b{display:block;margin-top:4px;color:#b7c1cd;font-size:14px;font-weight:500;line-height:1.35}.trial-strip{height:145px;margin-top:18px;border:1px solid rgba(126,150,176,.14);border-radius:7px;background:rgba(5,12,18,.45);display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden}.trial-strip>div{padding:17px 20px;border-right:1px solid rgba(126,150,176,.16)}.trial-strip>div:last-child{border-right:0}.trial-strip small{display:block;color:#a6b0bd;font-size:13px;margin-bottom:10px}.trial-strip strong{display:block;font-size:16px;font-weight:760;color:#f1f5fa;margin-bottom:8px}.trial-strip p{margin:0;color:#a6b0bd;font-size:14px;line-height:1.45}.watch-items{color:#dde4ed!important;line-height:1.55!important}.watch-items span{color:#a6b0bd}.mini{display:inline-grid;place-items:center;width:13px;height:14px;border-radius:3px;margin-left:9px;font-size:9px;font-weight:850;font-style:normal;color:#092619}.mini.ok{background:#31b56a}.mini.warn{background:#e2bf3f;color:#3a2b04}.profile-footer{height:47px;position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(126,150,176,.14);display:grid;grid-template-columns:70px 1fr 150px 1fr;align-items:center;padding:0 22px;color:#aeb8c6;font-size:13px}.profile-footer b{color:#e7edf5;font-size:15px;font-weight:520}.today-card{grid-column:span 6;height:239px;padding:18px 20px}.activity-card{grid-column:span 6;height:239px;padding:18px 23px}.stat-cards{display:grid;gap:15px}.stat-cards.four{grid-template-columns:repeat(4,1fr)}.metric{height:167px;border:1px solid rgba(130,154,179,.15);border-radius:7px;background:linear-gradient(180deg,rgba(14,26,38,.9),rgba(10,19,29,.9));padding:22px 17px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:currentColor;box-shadow:0 0 16px currentColor}.metric:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 115px at 8% 0%,color-mix(in srgb,currentColor 22%,transparent),transparent 72%);opacity:.6}.metric>div{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.metric .i{width:39px;height:39px}.metric strong{font-size:33px;line-height:1;color:#dce4ee;text-shadow:0 0 12px currentColor}.metric b{position:relative;z-index:1;display:block;margin:13px 0 18px;color:#f0f4fa;font-size:16px;line-height:1.35}.metric span{position:relative;z-index:1;color:#9ca7b5;font-size:13px}.activity-list>div{display:grid;grid-template-columns:76px 28px 1fr 75px;gap:9px;align-items:center;height:33px;color:#aeb8c6;font-size:13px}.activity-list p{margin:0}.activity-list b{color:#f2f6fa}.path-card{grid-column:span 8;height:213px;padding:17px 25px}.engine-card{grid-column:span 4;height:207px;padding:17px 19px}.engine-card .panel-heading{margin-bottom:12px}.engine-grid{display:grid;grid-template-columns:1fr 140px;gap:20px}.engine-table{border:1px solid rgba(126,150,176,.12);border-radius:6px;overflow:hidden}.engine-table div{height:34px;display:grid;grid-template-columns:1fr 80px 16px;align-items:center;padding:0 8px;border-bottom:1px solid rgba(126,150,176,.09);font-size:12px;color:#b6c1cd}.engine-table div:last-child{border-bottom:0}.engine-table b{font-weight:500;color:#d0d7e0;justify-self:end}.seal-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:6px}.seal-wrap img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(244,189,62,.35))}.seal-wrap p{margin:1px 0 0;color:#65d984;font-size:13px;font-weight:620}.ladder{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:start}.ladder-line{position:absolute;left:47px;right:48px;top:31px;border-top:1px dashed rgba(179,196,215,.34)}.step{position:relative;z-index:1;text-align:center;color:#8995a3}.step>.i{width:54px;height:54px;padding:13px;border-radius:50%;background:#111b26;border:1px dashed rgba(154,173,195,.32);box-shadow:0 0 0 6px rgba(5,11,17,.75);color:#637080;margin:0 auto 8px;display:block}.step.active>.i{color:#5dbaff;background:radial-gradient(circle,#1a5f8b,#0b2133 70%);border:1px solid rgba(67,175,255,.55);box-shadow:0 0 23px rgba(60,171,255,.8),0 0 0 6px rgba(5,11,17,.75)}.step b{display:block;text-transform:uppercase;color:#b8c2cf;font-size:13px;line-height:1.08}.step.active b{color:#4eb7ff}.step span{display:block;margin-top:5px;color:#828d9b;font-size:12px;line-height:1.25}.step.active span{color:#7ecbff}.step i{display:block;width:54px;height:3px;border-radius:10px;background:var(--blue);box-shadow:0 0 12px var(--blue);margin:9px auto 0}.path-card .ladder{margin-top:4px}
/* Akram */
.akram-layout{display:grid;grid-template-columns:1fr 250px;gap:16px}.hero-akram{height:263px;padding:27px 25px;display:grid;grid-template-columns:152px 1fr 235px;gap:26px}.hero-left{text-align:center}.status-columns{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:22px}.status-columns>div{border-right:1px solid var(--line2);padding-right:18px}.status-columns>div:last-child{border-right:0}.status-columns small,.identity-box small{display:block;text-transform:uppercase;color:#b1bcc9;font-size:12px;font-weight:800;margin-bottom:8px}.status-columns strong{display:block;font-size:16px;margin-bottom:8px}.status-columns span{color:#a7b1bf;font-size:13px;line-height:1.5}.identity-box{height:105px;border:1px solid rgba(128,151,176,.15);border-radius:7px;background:rgba(6,12,18,.28);padding:17px 20px;position:relative}.identity-box p{margin:0;color:#e7edf5;font-size:14.5px;line-height:1.55}.identity-box b{position:absolute;right:28px;top:26px;color:#485869;font-size:76px;line-height:1}.discipline-meter{border-left:1px solid var(--line2);padding-left:23px}.discipline-meter h4{margin:0 0 12px;text-transform:uppercase;font-size:12px}.gauge{width:210px;height:104px;border-radius:105px 105px 0 0;border:13px solid rgba(69,86,102,.34);border-bottom:0;position:relative;background:conic-gradient(from 265deg at 50% 100%, var(--blue) 0 150deg, transparent 151deg);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:8px;box-shadow:inset 0 0 16px rgba(53,168,255,.12)}.gauge span{font-size:29px;font-weight:800}.gauge em{font-style:normal;color:#c7d1dc;font-size:13px}.weekdots{display:grid;grid-template-columns:repeat(7,20px);gap:10px;margin-top:12px;position:relative}.weekdots b{font-size:10px;color:#a9b4c0;text-align:center}.weekdots i{width:17px;height:17px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(53,168,255,.6);border:1px solid rgba(255,255,255,.2)}.weekdots i.empty{background:#12202d;box-shadow:none}.discipline-meter p{color:#9ba6b5;font-size:12px}.side-stack{display:flex;flex-direction:column;gap:15px}.gol-card{height:187px;padding:20px 22px}.gol-card .i{color:var(--gold);float:left;margin-right:10px}.gol-card h3{font-size:14px;margin:0 0 30px;text-transform:uppercase}.gol-card strong{font-size:14px;margin-left:40px}.gol-card p{margin:11px 0 16px 40px;color:#aab4c0;line-height:1.45;font-size:13px}.side-stack .engine-card{height:153px;padding:14px 18px}.side-stack .engine-grid{grid-template-columns:1fr 95px;gap:8px}.side-stack .engine-table div{height:25px;font-size:11px;grid-template-columns:1fr 62px 14px}.side-stack .seal-wrap img{width:86px;height:86px}.side-stack .seal-wrap p{font-size:12px;margin-top:-3px}.watch-panel{height:308px;padding:18px;grid-column:1/2}.mini-table{width:100%;border-collapse:collapse}.mini-table th{color:#aab4c1;text-transform:uppercase;font-size:11px;text-align:left;border-bottom:1px solid var(--line2);height:29px}.mini-table td{height:31px;border-bottom:1px solid rgba(126,150,176,.08);font-size:12px;color:#bdc7d4}.round.flag{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(244,189,62,.12);margin-right:10px;font-size:10px}.panel-foot{display:flex;justify-content:space-between;color:#9ba6b4;font-size:12px;margin-top:8px}.panel-foot a{color:#4db5ff;display:flex;gap:8px}.pre-panel{height:308px;padding:18px;grid-column:1/2}.akram-layout .pre-panel{grid-column:1/2;width:48%;margin-left:51%;margin-top:-324px}.akram-layout .watch-panel{width:50%}.sheet-list>div{display:grid;grid-template-columns:130px 1fr;min-height:31px;font-size:12px}.sheet-list b{color:#e7edf5}.sheet-list span{color:#b6c0cc}.quote-line{margin:16px 0 0;color:#8d98a7}.notes-cluster{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-left:64%;margin-top:-324px;width:35.5%;height:308px}.notes-cluster .notebook-title{grid-column:1/3;height:43px;padding:13px}.notes-cluster .panel-heading{margin:0}.sticky{height:84px;border-radius:6px;padding:11px 14px;background:#d6c7b5;color:#31506b;box-shadow:0 12px 35px rgba(0,0,0,.25);font-family:"Comic Sans MS",cursive;font-size:13px;line-height:1.35}.sticky u{font-family:Inter,sans-serif;font-weight:700}.sticky p{margin:5px 0}.sticky em{float:right}.sticky.green{color:#367a42}.sticky.red{color:#ba403d}.sticky.purple{color:#6942a2}.live-snap{height:258px;padding:16px;grid-column:1/2;margin-top:0}.mantra-card{height:258px;padding:32px;grid-column:1/3;margin-left:64%;margin-top:-274px;width:35.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quote-mark{width:42px;height:42px;color:var(--gold);margin-bottom:10px}.mantra-card p{font-size:18px;line-height:1.55;margin:0}.mantra-card span{margin-top:20px;color:#9ba6b4}
/* Hamzar */
.hamzar-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ham-hero{height:362px;padding:22px 15px}.ham-watch{height:362px;padding:20px}.hero-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:12px}.ham-traits{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-left:140px;margin-top:-54px;margin-bottom:18px}.ham-traits>div{border-right:1px solid var(--line2);padding-right:13px}.ham-traits small,.ham-identity small{display:block;color:#aab5c2;margin-bottom:7px}.ham-traits b{font-size:15px;line-height:1.35}.ham-traits span{font-size:13px;color:#a9b4c1}.ham-identity{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid var(--line2);border-radius:7px;background:rgba(6,12,18,.28);padding:13px 22px;height:118px}.ham-identity p{font-style:italic;font-size:16px;line-height:1.45;margin:0;color:#d8e0ea}.ham-identity strong{font-size:18px}.bars{display:flex;gap:5px;margin:12px 0}.bars i{width:36px;height:8px;border-radius:10px;background:var(--purple);box-shadow:0 0 8px rgba(174,97,255,.5)}.bars i.off{background:#26323f;box-shadow:none}.watch-ham td{height:46px}.coin{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;margin-right:10px;background:#254f75;color:#fff;font-weight:800;font-size:11px}.coin.gold{background:#bc8d25}.coin.orange{background:#d18a23}.coin.red{background:#c64d66}.watch-ham td small{display:block;color:#8390a0;margin-left:40px;margin-top:-3px}.bias{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800}.bias.up{color:#45d676;background:rgba(69,214,118,.16)}.bias.down{color:#ff5a5a;background:rgba(255,90,90,.16)}.bias.flat{color:#f4bd3e;background:rgba(244,189,62,.12)}.focus-line{margin:8px 0 0;color:#c885ff;font-weight:650}.pre-ham,.ham-notes,.ham-live{height:320px;padding:18px}.analysis-list>div{display:grid;grid-template-columns:28px 168px 1fr;align-items:center;min-height:39px;border-bottom:1px solid var(--line2);font-size:12px}.analysis-list span{font-size:18px}.analysis-list em{font-style:normal;color:#b8c2ce}.ham-notes ul{list-style:none;padding:0;margin:0}.ham-notes li{display:grid;grid-template-columns:12px 1fr 60px;gap:9px;min-height:39px;color:#b9c3ce;font-size:13px}.ham-notes li i{width:10px;height:10px;border-radius:50%;background:var(--purple);margin-top:5px}.ham-notes time,.ham-notes em{color:#8995a4;font-style:normal;text-align:right}.split-stats{display:flex;border-top:1px solid var(--line2);padding-top:12px;margin-top:6px;color:#9ca7b5}.split-stats span{flex:1}.split-stats b{color:#edf2f7;margin-left:28px}.tabs{display:flex;gap:7px;margin-top:-5px;margin-bottom:6px}.tabs b,.tabs span{height:27px;padding:0 16px;border-radius:6px;background:rgba(126,150,176,.09);display:flex;align-items:center;font-size:12px}.tabs b{background:rgba(174,97,255,.22);border:1px solid rgba(174,97,255,.48);color:#d59bff}.ham-live-foot{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line2);margin-top:9px;padding-top:10px;color:#a7b2bf}.ham-live-foot span{border-right:1px solid var(--line2);padding-left:10px}.ham-live-foot span:last-child{border-right:0}.ham-live-foot b{display:block;color:#edf2f7;font-size:20px;font-weight:550}.gol-review{height:173px;padding:16px;grid-column:1/2}.gol-content{display:grid;grid-template-columns:93px 1fr 50px;gap:15px}.gol-content img{width:82px;height:82px;object-fit:contain}.gol-content h4{margin:0 0 5px;font-size:16px}.gol-content p{margin:0;color:#aeb8c5;line-height:1.45;font-size:13px}.score-grid{display:grid;grid-template-columns:100px 150px 1fr;margin-top:13px;border-top:1px solid var(--line2);padding-top:10px}.score-grid span{color:#9ca7b5}.score-grid b{display:block;color:#edf2f7;font-size:14px}.gol-content time{font-size:12px;color:#8995a4}.hamzar-grid>.engine-card{grid-column:2/3;height:173px;padding:17px}.hamzar-grid>.engine-card .engine-grid{grid-template-columns:1fr 140px}.hamzar-grid>.engine-card .seal-wrap img{width:108px;height:108px}
/* Live Journal */
.journal-layout{display:grid;grid-template-columns:1fr 394px;gap:16px}.filters-card{grid-column:1/3;height:112px;padding:22px 24px;display:grid;grid-template-columns:190px 340px 330px 1fr;gap:24px}.filter-group label{display:block;text-transform:uppercase;color:#aab5c2;font-size:12px;font-weight:800;margin-bottom:15px}.filter-group label .i{width:14px;height:14px;vertical-align:-2px;margin-right:5px}.filter-group button,.select{height:35px;border:1px solid rgba(126,150,176,.17);border-radius:6px;background:rgba(11,22,32,.75);color:#d3dce8;padding:0 14px;font-size:12px}.filter-group button.active{border-color:rgba(53,168,255,.58);background:rgba(34,98,157,.23);color:#fff}.select{width:185px;display:flex;align-items:center;justify-content:space-between}.select .i:first-child{margin-right:8px}.journal-stats{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr) 320px;gap:16px}.stat-wide{height:128px;padding:27px 22px 22px 88px}.stat-wide span:first-child{position:absolute;left:23px;top:30px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(53,168,255,.15);color:currentColor}.stat-wide span:first-child .i{width:31px;height:31px}.stat-wide strong{font-size:35px;line-height:1;font-weight:800}.stat-wide b{display:block;margin:6px 0 5px;font-size:15px}.stat-wide em{font-style:normal;color:#a1acba;font-size:13px}.completion{height:128px;padding:21px 26px;display:flex;align-items:center;gap:18px}.ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#111d2a 56%,transparent 57%),conic-gradient(var(--green) 0 71%,rgba(97,119,140,.24) 71%);box-shadow:0 0 14px rgba(69,214,118,.25)}.ring b{font-size:20px}.completion p{font-size:14px;line-height:1.7}.completion span{color:#aab4c1}.journal-table-card{height:581px;padding:0;grid-column:1/2}.journal-table{width:100%;border-collapse:collapse}.journal-table th{height:56px;text-align:left;color:#aab4c1;font-size:12px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line2);padding:0 14px}.journal-table td{height:52px;border-bottom:1px solid rgba(126,150,176,.09);padding:0 14px;color:#d6dee8;font-size:13px}.journal-table tbody tr:hover{background:rgba(255,255,255,.02)}.main-journal th:first-child,.main-journal td:first-child{padding-left:16px}.person{display:inline-flex;align-items:center;gap:8px}.person .i{width:20px;height:20px}.dir.long{color:#54dc78}.dir.short{color:#ff5d5d}.okmark{font-size:23px;color:var(--green)}.progress-mini{display:inline-block;width:52px;height:6px;border-radius:10px;background:#253241;margin-left:8px;overflow:hidden;vertical-align:middle}.progress-mini b{display:block;height:100%;background:#f5bd3d;border-radius:inherit}.journal-table td i{font-style:normal;margin-left:8px}.pagination{height:54px;display:flex;align-items:center;gap:8px;padding:0 16px}.pagination button{width:31px;height:31px;border-radius:5px;border:1px solid var(--line);background:rgba(11,22,32,.8);color:#aeb8c5}.pagination button.active{border-color:rgba(53,168,255,.6);color:#4db5ff}.pagination span{margin-left:auto;color:#9ca7b5;font-size:12px}.selected-review{height:581px;padding:18px 22px}.review-head{display:grid;grid-template-columns:32px 1fr 88px 58px;gap:12px;align-items:center;margin:16px 0}.review-head h2{font-size:20px;margin:0}.review-head p{font-size:11px;color:#8995a4;margin:8px 0 0}.review-head strong{font-size:17px}.review-card{min-height:61px;border:1px solid rgba(126,150,176,.12);border-radius:6px;display:grid;grid-template-columns:28px 1fr 45px;gap:10px;padding:12px;margin-bottom:9px}.review-card.compact{grid-template-columns:28px 1fr}.review-card h4{margin:0 0 5px;font-size:14px}.review-card p{margin:0;color:#a5b0be;font-size:12px;line-height:1.45}.review-card a{color:#4db5ff;font-size:12px}.gol-box{display:grid;grid-template-columns:40px 1fr;gap:12px;margin:13px 0}.gol-box img{width:38px;height:38px}.gol-box h4{margin:0;color:#f1bf42;font-size:14px}.gol-box p{margin:6px 0 0;color:#aab4c1;font-size:12px}.review-foot{display:flex;justify-content:center;gap:20px;color:#9ca7b5;font-size:12px;margin-top:23px}.review-foot b{color:#5fe483}
/* Notebooks */
.notebooks-grid{display:grid;grid-template-columns:1fr 1fr 247px;gap:16px}.notebook-card{height:260px;padding:24px 20px}.notebook-head{display:flex;gap:21px;align-items:center}.round-badge{width:91px;height:91px;border-radius:50%;border:1px solid rgba(173,190,209,.30);display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.04),transparent 65%);color:#c2ccd7;font-size:11px}.round-badge:before{content:"";width:38px;height:42px;border:1px solid #3e4c5b;border-radius:40% 40% 45% 45%;position:absolute}.notebook-head h2{font-size:20px;margin:0 0 11px}.notebook-head p{margin:0;color:#aab4c1;font-size:13px}.notebook-head b{color:#55df83}.note-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:27px 0 20px}.note-stats div{border-right:1px solid var(--line2);padding-left:12px}.note-stats div:first-child{padding-left:0}.note-stats div:last-child{border-right:0}.note-stats small{display:block;color:#a9b4c1;margin-bottom:10px;font-size:12px}.note-stats b{font-size:16px}.topic-box{height:73px;border:1px solid rgba(126,150,176,.12);border-radius:7px;background:rgba(6,12,18,.30);display:grid;grid-template-columns:44px 1fr 70px;align-items:center;padding:0 14px}.topic-box .i{width:28px;height:28px;color:#dbc178}.topic-box small{color:#9aa6b4}.topic-box b{display:block;margin-top:6px}.notebook-side{grid-column:3/4;grid-row:1/3;display:flex;flex-direction:column;gap:12px}.wisdom{height:346px;padding:16px}.wisdom blockquote{position:relative;margin:0 0 9px;border:1px solid var(--line2);border-radius:6px;padding:14px 15px 12px 36px;color:#b8c2cf;font-size:13px;line-height:1.5}.wisdom blockquote b{position:absolute;left:14px;top:7px;color:var(--gold);font-size:28px}.wisdom em{display:block;text-align:right;color:#f1bf42;font-style:normal;margin-top:4px}.rules-card{height:187px;padding:16px}.rules-card h3,.study-focus h3{margin:0 0 13px;text-transform:uppercase;font-size:13px;color:#ff7777;display:flex;align-items:center;gap:8px}.rules-card ol{margin:0;padding-left:0;list-style:none}.rules-card li{font-size:13px;color:#d0d8e3;margin-bottom:9px;counter-increment:item}.rules-card li:before{content:counter(item);display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e75353;color:#fff;font-size:10px;margin-right:10px}.rules-card a{float:right;color:#4db5ff;font-size:12px}.study-focus{height:171px;padding:16px}.study-focus h3{color:#ca83ff}.study-focus div{display:grid;grid-template-columns:52px 1fr 35px;align-items:center;margin-bottom:9px;font-size:12px}.study-focus span{color:#94a0af}.progressline{height:6px;border-radius:10px;background:#33404e;overflow:hidden}.progressline i{display:block;height:100%;background:var(--purple)}.notebook-side .engine-card{height:142px}.notebook-side .engine-card .engine-grid{grid-template-columns:1fr 84px;gap:6px}.notebook-side .engine-table div{height:24px;font-size:10px;grid-template-columns:1fr 56px 12px}.notebook-side .seal-wrap img{width:78px;height:78px}.notebook-side .seal-wrap p{font-size:10px}.notebook-entries{grid-column:1/3;height:599px;padding:19px 21px}.view-filter{display:flex;align-items:center;gap:0}.view-filter span{color:#9ba6b4;margin-right:8px}.view-filter button{height:31px;border:1px solid var(--line2);background:rgba(8,17,26,.55);color:#aab4c1;padding:0 18px}.view-filter button.active{background:rgba(126,150,176,.10);color:#fff}.view-filter .sort{margin-left:70px;border-radius:6px}.entries-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.entries-col{padding:2px 10px 0}.entries-col:first-child{border-right:1px solid var(--line2)}.entries-col h3{font-size:16px;margin:0 0 12px;color:#4db5ff;display:flex;gap:9px}.entries-col.purple h3{color:#c17aff}.entry-row{height:65px;border:1px solid var(--line2);border-radius:7px;background:rgba(8,17,26,.35);display:grid;grid-template-columns:42px 1fr 58px 16px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px}.entry-icon{width:28px;height:28px}.entry-row h4{margin:0 0 5px;font-size:15px}.entry-row p{margin:0;color:#9ca7b5;font-size:12px}.entry-row time{font-size:12px;color:#c5ced9}.entry-row>.i{width:14px;height:14px;color:#a6b0bd;transform:rotate(-90deg)}.full-link{display:flex;gap:10px;color:#4db5ff;margin:14px 0 0 5px}.entries-col.purple .full-link{color:#c17aff}
/* Watchlists */
.watchlists-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.watchlist-table{height:420px;padding:15px 18px 0}.table-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.table-title h3{margin:0;font-size:18px}.watchlist-table .journal-table th{height:39px}.watchlist-table .journal-table td{height:39px;font-size:12px}.starcell{color:#aeb8c5;font-size:20px}.flagmini{display:inline-block;width:20px}.watchlist-table td em{font-style:normal;background:rgba(119,139,158,.18);padding:5px 9px;border-radius:5px;color:#b7c1cd}.watch-foot{height:44px;border-top:1px solid var(--line2);display:flex;align-items:center;gap:28px;color:#9ba6b4;font-size:12px}.market-context{height:341px;padding:18px}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.context-card{height:104px;border:1px solid var(--line2);border-radius:7px;background:rgba(8,17,26,.36);padding:13px}.context-card .i{float:left;margin-right:10px;color:#aeb8c5}.context-card h4{margin:0 0 11px;font-size:13px}.context-card b{display:block;margin-bottom:8px;font-size:13px}.context-card p{clear:both;margin:0;color:#aab4c1;line-height:1.45;font-size:12px}.market-foot{height:33px;border-top:1px solid var(--line2);margin-top:11px;display:flex;align-items:center;gap:34px;color:#9ca7b5;font-size:12px}.quick-links{height:341px;padding:18px}.quick-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-cards>div{height:220px;border:1px solid var(--line2);border-radius:7px;background:rgba(8,17,26,.35);padding:16px;position:relative}.quick-cards h4{font-size:15px;margin:0 0 20px;display:flex;gap:10px}.quick-cards p{font-size:13px;line-height:1.45;color:#b4becb}.quick-cards>div>em{position:absolute;right:15px;top:58px}.quick-cards div div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.quick-cards div div span{border:1px solid var(--line2);border-radius:5px;padding:7px;color:#aab4c1;font-size:11px}.quick-cards div div b{display:block;color:#dce4ee}.quick-links .btn{margin-top:14px}.discipline-banner{grid-column:1/3;height:88px;padding:17px 26px;display:flex;align-items:center;gap:20px;border-color:rgba(244,189,62,.28);background:linear-gradient(90deg,rgba(244,189,62,.12),rgba(17,31,45,.95) 30%)}.discipline-banner img{width:48px;height:48px}.discipline-banner p{margin:0;font-size:16px;flex:1}.discipline-banner span{color:#a6b0bd}.discipline-banner div{display:grid;grid-template-columns:repeat(4,150px);gap:14px}.discipline-banner div span{height:58px;border:1px solid var(--line2);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px}.discipline-banner b{color:#edf2f7;display:block;margin-left:4px;font-size:18px}
/* Progress */
.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prog-profile{height:307px;padding:22px 16px}.prog-profile .profile-mainrow{grid-template-columns:126px 1fr}.prog-profile .profile-meta p{color:#aab4c1}.gate-stats{height:103px;border:1px solid var(--line2);border-radius:7px;margin-top:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.6fr;align-items:center}.gate-stats>div{border-right:1px solid var(--line2);height:70px;padding:0 17px;display:flex;flex-direction:column;justify-content:center}.gate-stats>div:last-child{border-right:0}.gate-stats small{color:#aab4c1}.gate-stats b{font-size:20px}.gate-stats div:first-child b{color:#4db5ff;text-transform:uppercase;font-size:16px}.gate-stats span{color:#aab4c1;font-size:13px;margin-top:7px}.status-line{height:38px;border:1px solid var(--line2);border-radius:7px;margin-top:12px;display:flex;align-items:center;padding:0 16px;color:#aab4c1}.status-line b{color:#4db5ff;margin-left:4px}.status-line.purple b{color:#c17aff}.arena-ladder{height:288px;padding:18px 28px}.arena-ladder .ladder{margin-top:24px}.arena-ladder .ladder-line{top:30px}.gold-quote{height:39px;border:1px solid rgba(244,189,62,.40);border-radius:7px;margin:26px 36px 0;display:grid;place-items:center;color:#e6bb58;background:rgba(244,189,62,.05)}.req-card{height:288px;padding:18px}.req-card h4{margin:4px 0 12px;color:#4db5ff;text-transform:uppercase}.req-card h4 span{text-transform:none}.requirements>div{display:grid;grid-template-columns:28px 1fr 42px;gap:10px;align-items:center;margin-bottom:12px}.requirements p{margin:0}.requirements b{font-size:13px}.requirements span{display:block;color:#aab4c1;font-size:12px;margin-top:4px}.requirements em{font-style:normal;color:#ff5d5d;font-weight:700}.hint{color:#e0b74f;font-size:12px;margin:7px 0 0}.judgments{height:177px;padding:14px 16px}.judgments .journal-table th{height:31px}.judgments .journal-table td{height:30px;font-size:11px}.judgments .panel-heading{margin-bottom:5px}.judgments h3 span{color:#8290a0;text-transform:none;font-weight:500;margin-left:10px}.seal-guide{height:177px;padding:17px;position:relative}.seal-guide h3{margin:0 0 17px;font-size:13px;text-transform:uppercase}.seal-guide div{display:grid;grid-template-columns:90px 1fr;margin-bottom:12px;font-size:12px;color:#9ba6b4}.seal-guide img{position:absolute;right:17px;bottom:12px;width:103px;height:103px;opacity:.4}.bottom-quote{grid-column:1/3;height:40px;border-color:rgba(244,189,62,.25);display:flex;align-items:center;justify-content:center;gap:45px;color:#e6bb58;font-size:15px;background:rgba(244,189,62,.05)}
@media(max-width:1200px){body{overflow:auto}.app{grid-template-columns:240px 1fr}.sidebar{position:relative;height:auto}.main{padding:24px}.toolbar{grid-template-columns:1fr}.room-grid,.akram-layout,.hamzar-grid,.journal-layout,.notebooks-grid,.watchlists-grid,.progress-grid{grid-template-columns:1fr}.profile-room,.today-card,.activity-card,.path-card,.engine-card,.filters-card,.journal-table-card,.selected-review,.notebook-entries,.notebook-side,.discipline-banner,.bottom-quote{grid-column:auto}.akram-layout .pre-panel,.akram-layout .watch-panel,.notes-cluster,.mantra-card{width:auto;margin:0;grid-column:auto}.notes-cluster{display:grid}.journal-stats{grid-template-columns:1fr}.account-card{position:static;margin:20px 0 0}.sidebar{min-height:0}.main{min-height:0}}

/* Refined Hamzar page layout: separate top, mid, bottom rows */
.hamzar-page{display:flex;flex-direction:column;gap:16px}.ham-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ham-mid{display:grid;grid-template-columns:356px 330px minmax(0,1fr);gap:16px}.ham-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.hamzar-page .ham-hero,.hamzar-page .ham-watch{height:362px}.hamzar-page .pre-ham,.hamzar-page .ham-notes,.hamzar-page .ham-live{height:320px}.hamzar-page .gol-review,.hamzar-page .engine-card{height:173px;grid-column:auto!important}.hamzar-page .engine-card{padding:17px}.hamzar-page .engine-card .engine-grid{grid-template-columns:1fr 140px}.hamzar-page .engine-card .seal-wrap img{width:108px;height:108px}.hamzar-page .profile-footer{grid-template-columns:70px 1fr 95px 1fr 132px 1fr}.hamzar-page .ham-traits{margin-left:140px}.hamzar-page .ham-watch .journal-table th{height:40px}.hamzar-page .ham-watch .journal-table td{height:47px}.hamzar-page .pre-ham .panel-heading,.hamzar-page .ham-notes .panel-heading,.hamzar-page .ham-live .panel-heading{margin-bottom:12px}.hamzar-page .ham-live .journal-table th{height:32px}.hamzar-page .ham-live .journal-table td{height:36px}.hamzar-page .gol-review .panel-heading{margin-bottom:8px}
/* Container accent panels should keep normal text color */
.profile-room.blue,.profile-room.purple,.notebook-card.blue,.notebook-card.purple,.watchlist-table.blue,.watchlist-table.purple,.prog-profile.blue,.prog-profile.purple,.ham-hero.purple{color:var(--text)}
.page-trader-hamzar .topbar{margin-bottom:4px}.hamzar-page .ham-traits{grid-template-columns:145px 160px 135px;height:76px;margin-bottom:10px}.hamzar-page .ham-traits small{font-size:12px;margin-bottom:6px}.hamzar-page .ham-traits b{font-size:14px;line-height:1.32;font-weight:560;color:#dbe3ee}.hamzar-page .ham-traits span{display:block;margin-top:5px;font-size:12px;color:#aab4c1}.hamzar-page .ham-identity{height:112px;padding:11px 22px}.hamzar-page .ham-identity p{font-size:15.5px;line-height:1.42}.hamzar-page .profile-footer{height:43px}.hamzar-page .ham-identity strong{color:#e7edf7}.hamzar-page .ham-identity span{color:#b7c0cc}

/* Refined Akram page layout */
.page-trader-akram .topbar{margin-bottom:12px}.akram-page{position:relative;display:flex;flex-direction:column;gap:16px}.akram-top{height:263px;position:relative}.akram-top .hero-akram{height:263px;width:calc(100% - 266px);grid-template-columns:152px 1fr 235px}.akram-top .side-stack{position:absolute;right:0;top:0;width:250px}.akram-mid{display:grid;grid-template-columns:410px 360px minmax(0,1fr);gap:16px}.akram-page .watch-panel,.akram-page .pre-panel{height:306px;width:auto;margin:0;grid-column:auto}.akram-page .notes-cluster{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;width:auto;height:306px;grid-column:auto}.akram-page .notes-cluster .notebook-title{height:43px;grid-column:1/3}.akram-page .sticky{height:84px}.akram-bottom{display:grid;grid-template-columns:minmax(0,1fr) 455px;gap:16px}.akram-page .live-snap,.akram-page .mantra-card{height:258px;width:auto;margin:0;grid-column:auto}.akram-page .mantra-card{display:flex}.akram-page .side-stack .engine-card{height:153px}.akram-page .side-stack .engine-grid{grid-template-columns:1fr 95px;gap:8px}.akram-page .side-stack .engine-table div{height:25px;font-size:11px;grid-template-columns:1fr 62px 14px}.akram-page .side-stack .seal-wrap img{width:86px;height:86px}.akram-page .side-stack .seal-wrap p{font-size:12px;margin-top:-3px}.akram-page .pre-panel{padding:18px}.akram-page .pre-panel .sheet-list>div{grid-template-columns:128px 1fr}.akram-page .live-snap .journal-table th{height:33px}.akram-page .live-snap .journal-table td{height:31px}.akram-page .mantra-card p{font-size:18px}
.akram-page .notes-cluster{grid-template-rows:43px 84px 84px}.akram-page .notes-cluster .notebook-title{grid-column:1/2;grid-row:1}.akram-page .notes-cluster .sticky.blue{grid-column:1/2;grid-row:2}.akram-page .notes-cluster .sticky.green{grid-column:2/3;grid-row:2}.akram-page .notes-cluster .sticky.red{grid-column:1/2;grid-row:3}.akram-page .notes-cluster .sticky.purple{grid-column:2/3;grid-row:3}
.notebook-card{padding:20px 20px}.notebook-card .notebook-head{align-items:flex-start}.notebook-card .round-badge{width:82px;height:82px}.notebook-card .notebook-head h2{font-size:19px;margin-top:5px}.notebook-card .note-stats{margin:13px 0 11px}.notebook-card .topic-box{height:62px}.notebook-card .topic-box b{font-size:14px}.notebook-card .open-desk{min-width:125px;right:14px}
.watchlist-table .journal-table{table-layout:fixed}.watchlist-table .journal-table th,.watchlist-table .journal-table td{height:38px;padding:0 10px;vertical-align:middle}.watchlist-table .journal-table th:nth-child(1),.watchlist-table .journal-table td:nth-child(1){width:36px}.watchlist-table .journal-table th:nth-child(2),.watchlist-table .journal-table td:nth-child(2){width:76px}.watchlist-table .journal-table th:nth-child(3),.watchlist-table .journal-table td:nth-child(3){width:78px}.watchlist-table .journal-table th:nth-child(4),.watchlist-table .journal-table td:nth-child(4){width:100px}.watchlist-table .journal-table th:nth-child(5),.watchlist-table .journal-table td:nth-child(5){width:92px}.watchlist-table .journal-table th:nth-child(7),.watchlist-table .journal-table td:nth-child(7){width:76px}.watchlist-table .journal-table td:nth-child(6){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlist-table td em{white-space:nowrap}.watchlist-table .journal-table td{font-size:12px}.watchlist-table .journal-table b{font-size:12px}.watchlist-table{height:420px}.watch-foot{height:39px}
.akram-page .notes-cluster{grid-template-columns:210px minmax(0,1fr)}

/* ===== Trader Room fidelity refinements (Claude, 2026-07-10) ===== */
/* stat cards: stop clipping the sublabel, sizes closer to reference */
.metric{padding:20px 17px}
.metric>div{gap:14px}
.metric .i{width:32px;height:32px}
.metric strong{font-size:31px}
.metric b{margin:10px 0 12px;font-size:15px;white-space:nowrap}

/* recruit path: SHIELD nodes instead of circles (reference uses shields) */
.ladder .step .node{position:relative;width:52px;height:56px;margin:0 auto 9px;display:grid;place-items:center}
.ladder .step .node::before{content:"";position:absolute;inset:-6px -9px;background:radial-gradient(closest-side,#070d13 60%,transparent);z-index:0}
.ladder .step .node .shield-bg{position:absolute;left:0;top:0;width:52px;height:56px;fill:#101a25;stroke:rgba(158,177,199,.30);stroke-width:1;z-index:1}
.ladder .step .node .nodeico{position:relative;width:19px;height:19px;color:#5f6d7d;z-index:2}
.ladder .step.active .node .shield-bg{fill:#123a56;stroke:rgba(80,183,255,.72);stroke-width:1.3;filter:drop-shadow(0 0 12px rgba(60,171,255,.78))}
.ladder .step.active .node .nodeico{color:#8fd0ff}

/* engine seal caption on one line */
.room-grid .engine-card .seal-wrap p{white-space:nowrap;font-size:12px}

/* ===== Trader Akram desk fidelity (Claude, 2026-07-10) ===== */
/* keep the mid row LEFT of the hanging right rail (gol+engine ~355px), no underlap */
.akram-mid{width:calc(100% - 266px);grid-template-columns:400px 330px minmax(0,1fr)}
/* engine seal card in the right rail: enough height so rows+emblem+caption don't crush */
.side-stack .engine-card{height:162px}

/* ===== Trader Akram: robust single-grid layout (Claude, 2026-07-10) =====
   Flattened wrappers -> one grid. Rail (gol+engine) spans rows 1-2 so it can
   hang below the hero WITHOUT the notebook underlapping it. No negative margins. */
.akram-page{display:grid;grid-template-columns:400px 330px minmax(190px,1fr) 250px;grid-auto-rows:min-content;gap:16px;align-items:start}
.akram-page .hero-akram{grid-column:1/4;grid-row:1;width:auto;height:263px;grid-template-columns:150px 1fr 208px;padding:24px 24px}
.akram-page .side-stack{grid-column:4;grid-row:1/3;position:static;width:auto;top:auto;right:auto}
.akram-page .watch-panel{grid-column:1;grid-row:2}
.akram-page .pre-panel{grid-column:2;grid-row:2}
.akram-page .notes-cluster{grid-column:3;grid-row:2;margin:0;width:auto}
.akram-page .live-snap{grid-column:1/3;grid-row:3}
.akram-page .mantra-card{grid-column:3/5;grid-row:3;margin:0;width:auto}
/* hero status columns: keep "Build journal discipline" on one line like the reference */
.akram-page .status-columns strong{font-size:15px}
.akram-page .status-columns>div{padding-right:12px}

/* Akram rail engine seal: let the caption wrap, size emblem for the narrow column */
.akram-page .side-stack .seal-wrap img{width:78px;height:78px}
.akram-page .side-stack .seal-wrap p{white-space:normal;font-size:11px;text-align:center;margin-top:2px}
.akram-page .side-stack .engine-card{height:168px}

/* override the base build's fixed 210px notebook column -> even split for the new grid */
.akram-page .notes-cluster{grid-template-columns:1fr 1fr;gap:12px}
.akram-page .notes-cluster .sticky{min-width:0}

/* notebook title spans both sticky columns; give sticky rows room for the last line */
.akram-page .notes-cluster{grid-template-rows:43px 100px 100px;align-content:start}
.akram-page .notes-cluster .notebook-title{grid-column:1/3;grid-row:1}
.akram-page .notes-cluster .sticky{height:100px}

/* sticky notes: fill the row height and size the handwriting so content stays inside the note */
.akram-page .notes-cluster{grid-template-rows:43px 1fr 1fr}
.akram-page .notes-cluster .sticky{height:auto;font-size:11.5px;line-height:1.32;padding:9px 12px;overflow:hidden}
.akram-page .notes-cluster .sticky p{margin:4px 0}

/* ===== Trader Hamzar desk fidelity (Claude, 2026-07-10) ===== */
/* hero trait columns: keep Current Focus to 2 lines, no overflow into identity */
.hamzar-page .ham-traits b{font-size:13.5px;line-height:1.32}
.hamzar-page .ham-traits span{font-size:12px}
/* give Live Journal a touch more width so setups stay on one line */
.hamzar-page .ham-mid{grid-template-columns:340px 320px minmax(0,1fr)}
/* let mid + bottom cards grow to contain content instead of clipping the footer */
.hamzar-page .pre-ham,.hamzar-page .ham-notes,.hamzar-page .ham-live{height:auto;min-height:320px}
.hamzar-page .ham-live .journal-table td{height:auto;min-height:34px;padding:4px 0}
.hamzar-page .gol-review,.hamzar-page .engine-card{height:auto;min-height:178px}
.hamzar-page .gol-review .score-grid b{font-size:13px}

/* hero traits: 12px so each label fits 2 lines within its fixed column, no overlap */
.hamzar-page .ham-traits b{font-size:12px;line-height:1.3}
.hamzar-page .ham-traits{margin-bottom:14px}

/* tighten Hamzar mid row toward the reference's single-screen height */
.hamzar-page .analysis-list>div{min-height:35px}
.hamzar-page .analysis-list em{font-size:11.5px;line-height:1.3}
.hamzar-page .ham-notes li{min-height:35px;font-size:12.5px}
.hamzar-page .pre-ham,.hamzar-page .ham-notes,.hamzar-page .ham-live{min-height:300px}
.hamzar-page .ham-hero{height:346px}
.hamzar-page .ham-top>.ham-watch{height:346px}

/* ===== Live Journal fidelity (Claude, 2026-07-10) ===== */
/* filter bar: give STATUS room, keep every pill row on one line */
.filters-card{grid-template-columns:168px 360px 300px 1fr}
.filter-group>div{display:flex;flex-wrap:nowrap;gap:6px}
.filter-group button{padding:0 11px;font-size:11.5px}
/* stat cards: fit label on one line, don't clip the sublabel */
.stat-wide{height:130px;padding:22px 16px 18px 80px}
.stat-wide span:first-child{left:20px;top:26px;width:48px;height:48px}
.stat-wide span:first-child .i{width:27px;height:27px}
.stat-wide b{font-size:14px;margin:6px 0 4px}
/* selected trade review: grow to show Discipline Score row (was clipped at fixed 581) */
.selected-review{height:auto;min-height:581px}

/* stat labels fit one line so the sublabel isn't clipped */
.stat-wide{padding-left:74px}
.stat-wide b{font-size:13px}
/* reference's "Open in GOL Review" is a dark action button, not gold-filled */
.selected-review .btn.wide{background:rgba(12,20,30,.7);border:1px solid rgba(126,150,176,.28);color:#eaf0f7}

/* ===== Notebooks fidelity (Claude, 2026-07-10) ===== */
/* stop the Open Notebook button overlapping the title: reserve space + size to fit */
.notebook-card .round-badge{width:70px;height:70px}
.notebook-card .notebook-head{padding-right:132px}
.notebook-card .notebook-head h2{font-size:17.5px;margin-top:3px}
.notebook-card .open-desk{min-width:0;right:14px;top:16px;font-size:12.5px;padding:8px 13px}

/* entry titles are white in the reference (not column-tinted) */
.notebook-entries .entry-row h4{color:#eef2f7;font-weight:650}
/* trim right rail so the Engine Seal isn't clipped at the bottom */
.notebook-side .wisdom{height:334px}

/* ===== Watchlists fidelity (Claude, 2026-07-10) ===== */
/* headers: title-case, one line (reference isn't uppercase-wrapped) */
.watchlist-table .journal-table th{text-transform:none;font-size:11px;white-space:nowrap;font-weight:700;color:#95a2b1;letter-spacing:0;vertical-align:middle}
/* fixed column widths: tighten short cols so "Why I'm Watching" isn't truncated early */
.watchlist-table .journal-table th:nth-child(1),.watchlist-table .journal-table td:nth-child(1){width:22px}
.watchlist-table .journal-table th:nth-child(2),.watchlist-table .journal-table td:nth-child(2){width:82px}
.watchlist-table .journal-table th:nth-child(3),.watchlist-table .journal-table td:nth-child(3){width:52px}
.watchlist-table .journal-table th:nth-child(4),.watchlist-table .journal-table td:nth-child(4){width:86px}
.watchlist-table .journal-table th:nth-child(5),.watchlist-table .journal-table td:nth-child(5){width:64px}
.watchlist-table .journal-table td:nth-child(6){font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:6px}
.watchlist-table .journal-table th:nth-child(7),.watchlist-table .journal-table td:nth-child(7){width:80px}
.watchlist-table td em{padding:4px 7px;font-size:11px}

/* let watchlist headers wrap cleanly (title-case, 2 lines ok) instead of colliding */
.watchlist-table .journal-table th{white-space:normal;vertical-align:top;line-height:1.2}

/* small gap so the Status pill never touches the Why text */
.watchlist-table .journal-table td:nth-child(6){padding-left:10px}

/* ===== Progress & Trials fidelity (Claude, 2026-07-10) ===== */
/* arena ladder: shrink rank labels so the 7 node names don't collide */
.arena-ladder .step b{font-size:11px;line-height:1.1}
.arena-ladder .step span{font-size:10.5px;line-height:1.2}

/* gate stats: smaller values + eligibility text so labels lead like the reference */
.gate-stats b{font-size:17px}
.gate-stats div:first-child b{font-size:15px}
.gate-stats div:last-child b{font-size:14px;line-height:1.2}
.gate-stats small{font-size:11.5px;color:#95a2b1;margin-bottom:6px}
.gate-stats span{font-size:12px;margin-top:5px}

/* ===== Trader Room live hydration (Codex, 2026-07-10) ===== */
.watch-items.empty-source{color:#9aa6b5;line-height:1.45}
.activity-list .activity-empty{display:flex;align-items:center;min-height:68px;padding:0 18px;color:#9aa6b5;border:1px dashed rgba(148,163,184,.22);border-radius:14px;background:rgba(8,13,21,.32)}
