/* Trend Terminal Member + Referral + Platform module
   Designed to inherit the existing Bloomberg-style terminal visual language. */
.member-module, .platform-public-root { min-width: 0; }
.member-stack { display: grid; gap: 12px; }
.member-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.member-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.member-card { min-width: 0; border: 1px solid var(--line); background: rgba(8,16,24,.94); box-shadow: var(--shadow); }
.member-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:45px; padding:0 13px; border-bottom:1px solid var(--line); background:#0b151e; }
.member-card-title { color:#dce9ef; font:700 11px Consolas,monospace; letter-spacing:.08em; }
.member-card-body { padding:14px; }
.member-login-shell { display:grid; place-items:center; min-height:430px; padding:24px 0; }
.member-login-card { width:min(520px,100%); border:1px solid #31526b; background:linear-gradient(145deg,#0b151f,#071018); box-shadow:0 30px 90px rgba(0,0,0,.45); }
.member-login-brand { padding:22px 22px 16px; border-bottom:1px solid var(--line); }
.member-login-brand .member-lock { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:13px; border:1px solid var(--amber); color:#071017; background:var(--amber); font:900 12px Consolas,monospace; }
.member-login-brand h2 { margin:0 0 7px; color:#fff; font-size:22px; }
.member-login-brand p { margin:0; color:var(--muted); font-size:11px; line-height:1.55; }
.member-login-form { padding:20px 22px 22px; }
.member-field { margin-bottom:11px; }
.member-field label { display:block; margin-bottom:6px; color:#728796; font:9px Consolas,monospace; letter-spacing:.09em; text-transform:uppercase; }
.member-field input, .member-field select, .member-field textarea { width:100%; min-height:39px; padding:9px 10px; border:1px solid #264052; border-radius:2px; outline:none; color:#eaf3f7; background:#071018; font:700 12px Consolas,monospace; }
.member-field textarea { min-height:86px; resize:vertical; font-family:"Segoe UI",Arial,sans-serif; font-weight:400; line-height:1.45; }
.member-field input:focus, .member-field select:focus, .member-field textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(53,215,255,.08); }
.member-field small { display:block; margin-top:5px; color:#566d7c; font-size:9px; line-height:1.45; }
.member-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; }
.member-form-grid .full { grid-column:1/-1; }
.member-actions { display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
.member-btn { min-height:37px; padding:9px 12px; border:1px solid #294456; border-radius:2px; color:#c6d6df; background:#0b1721; font:700 10px Consolas,monospace; letter-spacing:.05em; cursor:pointer; }
.member-btn:hover { border-color:var(--cyan); color:#fff; }
.member-btn.primary { color:#0b1116; background:var(--amber); border-color:var(--amber); }
.member-btn.primary:hover { background:var(--amber-2); }
.member-btn.success { border-color:#227c5b; color:var(--green); }
.member-btn.danger { border-color:#6a2c38; color:var(--red); }
.member-btn.ghost { background:transparent; }
.member-btn[disabled] { opacity:.45; cursor:not-allowed; }
.member-error { margin-top:10px; padding:10px 12px; border:1px solid #7f2938; color:#ff9aaa; background:rgba(255,77,103,.06); font-size:10px; line-height:1.5; }
.member-success { margin-top:10px; padding:10px 12px; border:1px solid #227c5b; color:#88f6c8; background:rgba(37,232,153,.06); font-size:10px; line-height:1.5; }
.member-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; padding:12px 13px; border:1px solid var(--line); background:#08121b; }
.member-user strong { display:block; color:#fff; font:800 13px Consolas,monospace; }
.member-user span { color:#657c8b; font-size:10px; }
.member-role { display:inline-flex; margin-top:5px; padding:3px 6px; border:1px solid #775d20; color:var(--amber-2); background:rgba(255,174,0,.06); font:800 8px Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.member-subnav { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:12px; }
.member-subnav button { padding:7px 9px; border:1px solid #223a4a; color:#718694; background:transparent; font:9px Consolas,monospace; cursor:pointer; }
.member-subnav button.active { color:#071017; background:var(--amber); border-color:var(--amber); font-weight:900; }
.member-pane { display:none; }
.member-pane.active { display:block; }
.member-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.member-stat { min-width:0; padding:12px; border:1px solid #1b3142; background:#071018; }
.member-stat label { display:block; color:#607786; font:8px Consolas,monospace; letter-spacing:.08em; }
.member-stat strong { display:block; margin-top:7px; overflow-wrap:anywhere; color:#f3f8fa; font:800 18px Consolas,monospace; }
.member-stat strong.green{color:var(--green)} .member-stat strong.amber{color:var(--amber-2)} .member-stat strong.cyan{color:var(--cyan)}
.member-table-wrap { overflow-x:auto; }
.member-table { width:100%; border-collapse:collapse; white-space:nowrap; }
.member-table th { padding:9px 10px; color:#6f8492; background:#08111a; border-bottom:1px solid var(--line); font:9px Consolas,monospace; letter-spacing:.07em; text-align:left; }
.member-table td { padding:9px 10px; color:#c9d7df; border-bottom:1px solid #112431; font-size:10px; vertical-align:top; }
.member-table tr:last-child td { border-bottom:0; }
.member-note { color:#718694; font-size:10px; line-height:1.55; }
.member-note strong { color:#dce9ef; }
.member-code { color:var(--cyan); font:700 10px Consolas,monospace; overflow-wrap:anywhere; }
.member-empty { padding:28px 16px; text-align:center; color:#708593; font-size:10px; line-height:1.55; }
.member-status { display:inline-flex; padding:3px 6px; border:1px solid currentColor; font:800 8px Consolas,monospace; letter-spacing:.06em; }
.member-status.pending { color:var(--amber-2); }
.member-status.approved, .member-status.verified, .member-status.paid { color:var(--green); }
.member-status.rejected, .member-status.suspended { color:var(--red); }
.member-id-card { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 150px; gap:18px; padding:20px; border:1px solid #775d20; background:radial-gradient(circle at 100% 0,rgba(255,174,0,.12),transparent 34%),linear-gradient(145deg,#0b151f,#071018); }
.member-id-card::after { content:"TT"; position:absolute; right:-10px; bottom:-30px; color:rgba(255,174,0,.035); font:900 130px Consolas,monospace; pointer-events:none; }
.member-id-brand { color:var(--amber-2); font:800 10px Consolas,monospace; letter-spacing:.14em; }
.member-id-name { margin:18px 0 4px; color:#fff; font:800 22px Consolas,monospace; }
.member-id-meta { color:#718694; font-size:10px; line-height:1.65; }
.member-id-qr { position:relative; z-index:1; display:grid; place-items:center; min-height:150px; padding:10px; background:#fff; }
.member-id-qr canvas, .member-id-qr img { max-width:130px!important; height:auto!important; }
.platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.platform-card { min-width:0; display:flex; flex-direction:column; border:1px solid var(--line); background:linear-gradient(145deg,#0b151f,#071018); box-shadow:var(--shadow); }
.platform-card-head { padding:15px; border-bottom:1px solid var(--line); }
.platform-card-head .platform-kicker { color:var(--amber); font:9px Consolas,monospace; letter-spacing:.12em; }
.platform-card-head h3 { margin:7px 0 0; color:#fff; font:800 17px Consolas,monospace; }
.platform-card-body { flex:1; padding:15px; color:#8397a4; font-size:11px; line-height:1.6; }
.platform-card-actions { display:grid; gap:7px; padding:0 15px 15px; }
.platform-link { display:block; padding:10px 12px; border:1px solid #294456; color:#c6d6df; background:#0b1721; text-align:center; text-decoration:none; font:800 10px Consolas,monospace; letter-spacing:.05em; }
.platform-link.primary { color:#081018; background:var(--amber); border-color:var(--amber); }
.platform-link:hover { border-color:var(--cyan); color:#fff; }
.platform-link.primary:hover { color:#081018; background:var(--amber-2); }
.admin-section { margin-top:12px; }
.level-schedule { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.level-chip { padding:8px; border:1px solid #1b3142; background:#071018; text-align:center; }
.level-chip strong { display:block; color:var(--amber-2); font:800 11px Consolas,monospace; }
.level-chip span { display:block; margin-top:4px; color:#6d8493; font-size:8px; }
.member-modal { position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(0,4,8,.84); backdrop-filter:blur(7px); }
.member-modal.open { display:flex; }
.member-modal-card { width:min(560px,100%); max-height:90vh; overflow:auto; border:1px solid #345269; background:#08121b; box-shadow:0 30px 100px #000; }
.member-modal-head { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); }
.member-modal-body { padding:16px; }
.verify-overlay { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:18px; background:rgba(0,4,8,.92); backdrop-filter:blur(10px); }
.verify-card { width:min(520px,100%); border:1px solid #31526b; background:#08121b; box-shadow:0 30px 100px #000; }
.verify-head { padding:20px; border-bottom:1px solid var(--line); }
.verify-body { padding:20px; }
@media(max-width:1100px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid.three{grid-template-columns:1fr 1fr}.level-schedule{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.member-grid,.member-grid.three{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr}.member-form-grid{grid-template-columns:1fr}.member-form-grid .full{grid-column:auto}.member-id-card{grid-template-columns:1fr}.member-id-qr{width:170px;max-width:100%;}.member-toolbar{align-items:flex-start}.member-subnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.member-subnav button{min-width:max-content}.level-schedule{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.member-login-shell{min-height:360px;padding:10px 0}.member-login-brand,.member-login-form{padding-left:16px;padding-right:16px}.member-stat-grid{grid-template-columns:1fr 1fr}.member-stat strong{font-size:15px}.level-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.member-actions .member-btn{flex:1;min-width:120px}.platform-card-actions{padding-left:12px;padding-right:12px}.member-id-name{font-size:18px}}