/* Matrix page shell: shared with the trading terminal, including small screens. */
.account-actions{display:flex!important;gap:8px}.account-actions a{display:inline-flex;align-items:center;font-size:11px;padding:7px 12px;color:var(--teal);border-color:#39ff1440}.logout-link{color:var(--muted)!important}
.matrix-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(40px,9vw,160px);align-items:center;padding:70px max(6vw,24px);background:radial-gradient(ellipse at 20% 10%,#39ff140c,transparent 55%),var(--bg);max-width:1400px;margin:auto}
.login-intro{max-width:620px}.login-intro h2{font-size:clamp(30px,4vw,54px);line-height:1.5;margin:25px 0;color:var(--text);letter-spacing:1px}.login-intro p{font-size:13px;color:var(--muted);line-height:2}.login-source{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--teal);margin:28px 0}.login-source i{width:6px;height:6px;background:var(--teal);box-shadow:0 0 12px var(--teal);border-radius:50%}.login-grid{display:flex;align-items:end;gap:14px;height:100px;border-bottom:1px solid var(--line);margin:40px 0 15px;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#39ff1409 25px)}.login-grid span{width:12%;height:30%;background:#39ff1418;border:1px solid #39ff1430}.login-grid span:nth-child(2){height:46%}.login-grid span:nth-child(3){height:39%}.login-grid span:nth-child(4){height:68%}.login-grid span:nth-child(5){height:59%}.login-grid span:nth-child(6){height:86%}.login-intro small{font-size:8px;letter-spacing:2px;color:var(--faint)}
.auth-card{width:100%;padding:34px;background:var(--surface);border-radius:8px;border-top:2px solid var(--teal);box-shadow:0 20px 80px #0008}.auth-card .brand{margin-bottom:34px}.auth-card .brand span{display:block!important}.auth-card .brand img{width:34px;height:34px}.auth-card h1{font-size:23px;margin:12px 0}.auth-card .top-sub{line-height:1.8;margin-bottom:25px}.auth-card label{font-size:11px;letter-spacing:.4px;margin-bottom:8px}.auth-card input{padding:12px;border-radius:4px}.auth-card .field{margin-bottom:20px}.auth-card .actions{margin-top:28px}.auth-card .btn.primary{width:100%;justify-content:center;background:var(--teal);color:#001400;border-color:var(--teal);padding:12px}.auth-card .note{font-size:10px;line-height:1.8;padding-top:16px;border-top:1px solid var(--line);margin-top:24px}
.matrix-page .panel+.panel{margin-top:18px}.matrix-page main{max-width:1120px}.matrix-page .panel-pad{padding:25px}.matrix-page .top-right{display:flex;max-width:none;flex-wrap:wrap}.matrix-page .side .brand span{display:block}.matrix-page input{border-radius:4px;padding:11px;background:var(--bg)}.matrix-page input[type=checkbox]{accent-color:var(--teal)}.matrix-page .hint{line-height:1.9;font-size:12px}.matrix-page .grid{gap:20px}.matrix-page .field{margin-bottom:6px}.matrix-page .btn.primary{color:#001400;background:var(--teal);border-color:var(--teal)}.matrix-page .actions{padding-top:10px}.matrix-page .side .nav-title{display:block}.matrix-page .nav a span{display:inline}.matrix-page .side .brand img{width:30px;height:30px}
@media(max-width:900px){.matrix-auth{grid-template-columns:minmax(0,1fr);max-width:530px;padding:45px 22px;gap:32px}.login-intro h2{font-size:28px;margin:12px 0}.login-intro p,.login-grid,.login-source,.login-intro>small{display:none}.matrix-page .grid{grid-template-columns:1fr}.matrix-page .side .brand span,.matrix-page .side .nav a span,.matrix-page .side .nav-title{display:none}}
@media(max-width:620px){.auth-card{padding:26px 22px}.matrix-auth{padding:28px 18px}.login-intro h2{font-size:23px}.login-intro .eyebrow{font-size:8px}.account-actions{flex-direction:row!important}.account-actions a{font-size:10px;padding:6px 8px}.top-right{max-width:156px}.matrix-page .side{height:auto;min-height:58px}.matrix-page .side>div{margin-left:auto}.matrix-page .side .nav{display:flex}.matrix-page main{padding:24px 14px}.matrix-page .panel-pad{padding:18px}.matrix-page .top{display:block}.matrix-page .top-right{margin-top:18px;justify-content:start}.matrix-page .top-right .btn{font-size:11px;padding:7px 10px}}

.matrix-auth:not(:has(.login-intro)){grid-template-columns:minmax(0,420px);justify-content:center;max-width:none}

/* Strategy centre and strategy details share the same Matrix shell. */
.matrix-page .section-card{margin-top:20px}.matrix-page .card{border-radius:8px;border-color:var(--line);box-shadow:inset 0 1px 0 #39ff1406}.matrix-page .cards{gap:18px}.matrix-page .kv-table td{padding:14px 16px;line-height:1.9;font-size:12px}.matrix-page .kv-table td:first-child{width:21%;color:var(--muted);font-size:11px}.matrix-page .kv-table b{color:var(--teal);font-weight:600}.matrix-page .kv-table code,.matrix-page .note code{color:var(--teal);background:#39ff1409;padding:2px 5px;border-radius:3px}.matrix-page .top-right .mode{white-space:normal}.matrix-page .card .note{line-height:1.9}.matrix-page .side-bottom{line-height:1.8}
@media(max-width:620px){.matrix-page .kv-table td{padding:11px 9px;font-size:11px}.matrix-page .kv-table td:first-child{width:26%;white-space:normal;font-size:10px}.matrix-page .cards{grid-template-columns:1fr}.matrix-page .card{padding:18px}.matrix-page .kv-table{min-width:0}}