/* Customer console only. Keep administration and its shared base styles independent. */
html[data-portal="customer"] {
  background: #080c0d;
  color-scheme: dark;
}

body[data-portal="customer"] {
  --blue: #8ae2c5;
  --blue-soft: #162b27;
  --muted: #94a5a7;
  --line: #253235;
  --shadow: 0 5px 20px #00000014;
  --green: #8ae2c5;
  --red: #ffa6af;
  --sidebar: 252px;
  --radius: 12px;
  --console-bg: #080c0d;
  --console-panel: #111819;
  --console-raised: #182123;
  --console-text: #edf3f2;
  --console-secondary: #bdcacb;
  margin: 0;
  min-width: 300px;
  background: var(--console-bg);
  color: var(--console-text);
  color-scheme: dark;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body[data-portal="customer"] ::selection { background: #3e7968; color: #fff; }
body[data-portal="customer"] :is(.mono, .sensitive) { font-family: "Cascadia Code", Consolas, monospace; }
body[data-portal="customer"] :is(.number, .stat-value, .machine-metrics dd, .top-date) { font-family: "Cascadia Code", Consolas, monospace; font-variant-numeric: tabular-nums; }
body[data-portal="customer"] :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #a0f2d9;
  outline-offset: 4px;
}
body[data-portal="customer"] :is(input, select, textarea) {
  background: #0c1314;
  border-color: #354448;
  border-radius: 7px;
  color: var(--console-text);
  font-size: 13px;
  min-height: 44px;
}
body[data-portal="customer"] :is(input, select, textarea):hover { border-color: #526b6b; }
body[data-portal="customer"] :is(input, select, textarea):focus {
  border-color: #8ae2c5;
  box-shadow: 0 0 0 3px #8ae2c51a;
}
body[data-portal="customer"] :is(input, textarea)::placeholder { color: #859799; }
body[data-portal="customer"] input:-webkit-autofill {
  -webkit-text-fill-color: #edf3f2;
  box-shadow: 0 0 0 1000px #172426 inset;
  caret-color: #edf3f2;
}
body[data-portal="customer"] :is(label, .check-field) { color: #cad7d7; }
body[data-portal="customer"] :is(.field small, .form-note, .modal-description) { color: #9dadad; }
body[data-portal="customer"] .error-text { color: #ffa6af; }
body[data-portal="customer"] a:hover { color: #bcf5e1; }
body[data-portal="customer"] .spinner { border-color: #344346; border-top-color: var(--blue); }
body[data-portal="customer"] .boot { color: #b8c8c8; background: #080c0d; }

/* Fixed rail, quiet masthead, and a generous working surface. */
body[data-portal="customer"] .app-shell { background: #080c0d; }
body[data-portal="customer"] .sidebar {
  background: #0c1213;
  border-color: #253235;
  box-shadow: 8px 0 40px #0000000a;
}
body[data-portal="customer"] .brand { gap: 12px; padding: 30px 23px 27px; color: #f2f7f5; }
body[data-portal="customer"] .brand-mark {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #355c51;
  background: #172d27;
  color: #a5edcf;
  box-shadow: inset 0 0 16px #8ae2c505;
}
body[data-portal="customer"] .brand-name { font-size: 14px; letter-spacing: 1.6px; font-weight: 720; }
body[data-portal="customer"] .brand-tag { font-size: 8px; color: #91a6a4; letter-spacing: 2px; margin-top: 5px; }
body[data-portal="customer"] .nav-scroll { padding: 0 15px 20px; scrollbar-color: #354849 transparent; counter-reset: console-section; }
body[data-portal="customer"] .nav-section { padding: 23px 14px 10px; color: #899d9d; font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; }
body[data-portal="customer"] .nav-link {
  position: relative;
  counter-increment: console-section;
  min-height: 45px;
  margin: 5px 0;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #acbdbd;
  font-size: 13px;
  gap: 12px;
  transition: background .15s, color .15s, border-color .15s;
}
body[data-portal="customer"] .nav-link:hover { background: #172123; color: #eef6f3; }
body[data-portal="customer"] .nav-link.active { background: #172c26; border-color: #2d4e43; color: #aaefd7; font-weight: 600; }
body[data-portal="customer"] .nav-link::before { content: counter(console-section, decimal-leading-zero); order: 3; margin-left: auto; padding-left: 5px; color: #839d95; font: 9px "Cascadia Code", Consolas, monospace; }
body[data-portal="customer"] .nav-link.active::before { color: #9bccb7; }
body[data-portal="customer"] .nav-link.active::after { position: absolute; left: -1px; top: 14px; width: 2px; height: 15px; margin: 0; border-radius: 2px; background: #8ae2c5; }
body[data-portal="customer"] .sidebar-foot {
  margin: 18px 20px 22px;
  padding: 17px 2px 0;
  border: 0;
  border-top: 1px solid #253235;
  border-radius: 0;
  background: transparent;
}
body[data-portal="customer"] .sidebar-foot :is(p, .status-line) { color: #95a9a9; line-height: 1.9; }
body[data-portal="customer"] .sidebar-foot .status-line { color: #c1d0cc; margin-bottom: 8px; }
body[data-portal="customer"] .status-dot { background: #8ae2c5; }
body[data-portal="customer"] .main-wrap {
  min-height: 100vh;
  background: linear-gradient(90deg, #94b8a903 1px, transparent 1px), radial-gradient(ellipse at 90% 0%, #193f341a, transparent 46%), #080c0d;
  background-size: 84px 100%, auto, auto;
}
body[data-portal="customer"] .topbar {
  min-height: 76px;
  height: auto;
  padding: 17px 36px;
  background: #0b1112f2;
  border-color: #253235;
}
body[data-portal="customer"] .breadcrumb { color: #92a5a6; font-size: 12px; }
body[data-portal="customer"] .breadcrumb b { color: #d7e2df; }
body[data-portal="customer"] .top-actions { gap: 16px; }
body[data-portal="customer"] .top-date { color: #95a7a8; font-size: 11px; }
body[data-portal="customer"] .top-divider { background: #2e3c3e; }
body[data-portal="customer"] .avatar { background: #1a302a; border: 1px solid #315046; color: #b4ead8; border-radius: 9px; }
body[data-portal="customer"] .account-name { color: #dce6e3; }
body[data-portal="customer"] .role-name { color: #97aaa8; font-size: 10px; }
body[data-portal="customer"] .icon-button { color: #a7b9b9; border-radius: 7px; }
body[data-portal="customer"] .icon-button:hover { background: #1b2b2c; color: #a5efd5; }
body[data-portal="customer"] .language-switch {
  width: auto;
  flex: none;
  min-height: 34px;
  max-width: 124px;
  padding: 6px 9px;
  border: 1px solid #344347;
  border-radius: 6px;
  background: #121c1e;
  color: #dce9e4;
  font-size: 11px;
  cursor: pointer;
}
body[data-portal="customer"] .main-content { max-width: 1700px; padding: 34px 36px 30px; }
body[data-portal="customer"] .page-heading { margin-bottom: 28px; align-items: flex-end; }
body[data-portal="customer"] .page-heading h1 { color: #edf4f1; font-size: 30px; font-weight: 600; letter-spacing: -.8px; }
body[data-portal="customer"] .eyebrow { color: #89baa8; font-size: 9px; letter-spacing: 2px; margin-bottom: 10px; font-weight: 600; }
body[data-portal="customer"] .page-heading p { color: #9badae; margin-top: 11px; font-size: 12px; }
body[data-portal="customer"] .page-footer { border-top: 1px solid #253235; padding-top: 22px; color: #92a4a6; font-size: 10px; line-height: 1.8; }
body[data-portal="customer"] .page-footer a { color: #bbd0c9; }

/* Panels keep real data dominant; no simulated activity or decorative metrics. */
body[data-portal="customer"] .card { background: var(--console-panel); border-color: var(--line); box-shadow: 0 2px 2px #00000008; }
body[data-portal="customer"] .card-header { padding: 23px 24px 19px; }
body[data-portal="customer"] .card-title { color: #e0ebe7; font-size: 14px; font-weight: 600; }
body[data-portal="customer"] .card-title .accent { width: 4px; height: 12px; border-radius: 1px; background: #84cdb6; }
body[data-portal="customer"] .card-subtitle { color: #9badac; font-size: 11px; line-height: 1.8; }
body[data-portal="customer"] .stats-grid { gap: 16px; margin-bottom: 24px; }
body[data-portal="customer"] .earnings-customer-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-portal="customer"] .stat-card { padding: 22px; min-height: 155px; border-radius: 10px; }
body[data-portal="customer"] .stat-label { color: #b3c4c3; font-size: 12px; }
body[data-portal="customer"] .stat-icon,
body[data-portal="customer"] .stat-card:nth-child(n) .stat-icon { background: #1c2b2b; border: 1px solid #2e4340; color: #aed4c7; border-radius: 7px; }
body[data-portal="customer"] .stat-value { font-size: 32px; font-weight: 550; letter-spacing: -1px; color: #f2f6f5; margin-top: 12px; }
body[data-portal="customer"] .stat-value small { color: #a0b5b0; font-size: 11px; margin-left: 7px; }
body[data-portal="customer"] .stat-foot { color: #95aaa8; font-size: 10px; margin-top: 9px; }
body[data-portal="customer"] .stat-card.primary { border: 1px solid #406a5a; background: linear-gradient(125deg, #1c3c31, #132722); }
body[data-portal="customer"] .stat-card.primary :is(.stat-label, .stat-foot, .stat-value small) { color: #b6d4c9; }
body[data-portal="customer"] .stat-card.primary .stat-value { color: #c7f7df; }
body[data-portal="customer"] .stat-card.primary .stat-icon { background: #234d3f; border-color: #477660; color: #c7f7df; }
body[data-portal="customer"] .stat-card.primary::after { width: 100px; height: 100px; border: 1px solid #9fe3c818; border-radius: 10px; right: -40px; top: 75px; transform: rotate(35deg); pointer-events: none; }
body[data-portal="customer"] .dashboard-grid { gap: 22px; }
body[data-portal="customer"] .health-labels { color: #9db1b1; }
body[data-portal="customer"] .health-labels b { color: #dfeae6; }
body[data-portal="customer"] .ring-value { color: #e4f0e9; }
body[data-portal="customer"] .ring-value small { color: #a0b2b0; }
body[data-portal="customer"] .ring circle:first-child { stroke: #263534; }
body[data-portal="customer"] .ring circle:last-child { stroke: #8ae2c5; }
body[data-portal="customer"] .metric-line { color: #a2b5b3; }
body[data-portal="customer"] .metric-line strong { color: #d9e7e0; }
body[data-portal="customer"] .chart-label { fill: #a1b4b3; font-size: 10px; }
body[data-portal="customer"] .chart > line { stroke: #293b3c; }
body[data-portal="customer"] .chart polyline { stroke: #769db1; }
body[data-portal="customer"] .chart polyline:last-of-type { stroke: #8ae2c5; }
body[data-portal="customer"] .chart stop { stop-color: #8ae2c5; }
body[data-portal="customer"] .chart-legend { color: #b1c4c0; }
body[data-portal="customer"] .legend-dot { background: #8ae2c5; }
body[data-portal="customer"] .legend-dot.pale { background: #769db1; }
body[data-portal="customer"] .detail-item dt { color: #9bb0b0; font-size: 11px; }
body[data-portal="customer"] .detail-item dd { color: #deebe5; font-size: 13px; }

/* Actions, filters, tables, and honest empty states. */
body[data-portal="customer"] .btn { color: #ccdad6; background: #192426; border-color: #364647; border-radius: 7px; min-height: 39px; font-size: 12px; font-weight: 550; }
body[data-portal="customer"] .btn:hover { color: #e7f8ef; border-color: #658c7e; background: #20352f; }
body[data-portal="customer"] .btn.primary { color: #10241a; background: #8ae2c5; border-color: #8ae2c5; box-shadow: none; font-weight: 650; }
body[data-portal="customer"] .btn.primary:hover { color: #0a1a13; background: #adf0d8; border-color: #adf0d8; }
body[data-portal="customer"] .btn.danger { color: #ffc0c5; border-color: #68434b; background: #38252a; }
body[data-portal="customer"] .btn.success { color: #b8f3d7; border-color: #376851; background: #1e362d; }
body[data-portal="customer"] .btn.sm { min-height: 33px; padding: 7px 11px; font-size: 11px; }
body[data-portal="customer"] .btn.link { background: transparent; border: 0; color: #a7e8ce; min-height: 28px; box-shadow: none; padding: 5px 0; }
body[data-portal="customer"] .btn.link:hover { color: #dbffed; text-decoration: underline; text-underline-offset: 4px; }
body[data-portal="customer"] .btn:disabled { opacity: .55; }
body[data-portal="customer"] .btn.primary .spinner { border-color: #457960; border-top-color: #10241a; }
body[data-portal="customer"] .toolbar { padding: 20px 24px; gap: 13px; border-color: #29383a; }
body[data-portal="customer"] .toolbar .field > label { font-size: 10px; color: #a6b9b5; margin-bottom: 8px; }
body[data-portal="customer"] .toolbar :is(input, select) { min-height: 39px; }
body[data-portal="customer"] .toolbar .btn { min-height: 39px; }
body[data-portal="customer"] .quick-dates { padding: 20px 24px 0; }
body[data-portal="customer"] .quick-dates .btn { background: transparent; border-color: #354647; color: #b5cbc5; }
body[data-portal="customer"] .quick-dates .btn:hover { background: #20342e; border-color: #668f7e; color: #d1f6e5; }
body[data-portal="customer"] .table-wrap { scrollbar-color: #415550 #111819; }
body[data-portal="customer"] th { background: #152021; color: #aec4bf; border-color: #2c3c3c; letter-spacing: .45px; font-size: 10px; padding: 15px 22px; }
body[data-portal="customer"] td { border-color: #243235; color: #c0d0cd; font-size: 12px; }
body[data-portal="customer"] tbody tr:hover { background: #172421; }
body[data-portal="customer"] td .primary-text { color: #e2eee8; }
body[data-portal="customer"] td .secondary-text { color: #99aeaa; font-size: 10px; }
body[data-portal="customer"] .pagination { border-color: #2b3a3c; color: #a1b6b2; }
body[data-portal="customer"] .status { padding: 4px 8px; border: 1px solid #3a4a4a; border-radius: 5px; color: #baccc8; background: #233033; line-height: 1.5; }
body[data-portal="customer"] .status.green { background: #1f392e; border-color: #345a47; color: #a9e8c7; }
body[data-portal="customer"] .status.blue { background: #1e303d; border-color: #355269; color: #accfe8; }
body[data-portal="customer"] .status.orange { background: #3d3222; border-color: #675133; color: #edcd91; }
body[data-portal="customer"] .status.red { background: #3c282d; border-color: #694249; color: #fbb6c0; }
body[data-portal="customer"] .status.gray { background: #243032; border-color: #3b4b4b; color: #b2c6c2; }
body[data-portal="customer"] .status-dot.tiny { background: currentColor; }
body[data-portal="customer"] .empty { min-height: 260px; padding: 56px 24px; color: #9db2ae; gap: 13px; }
body[data-portal="customer"] .empty-icon { color: #8eaaa1; background: #1a2a26; border: 1px solid #344b40; border-radius: 12px; width: 55px; height: 55px; margin-bottom: 3px; }
body[data-portal="customer"] .empty h3 { color: #d2e2db; font-size: 14px; }
body[data-portal="customer"] .empty p { color: #a5b9b3; line-height: 1.85; }
body[data-portal="customer"] .loading { color: #a1b8b2; }
body[data-portal="customer"] .skeleton { background: linear-gradient(90deg, #1b2b2b, #2d3f3a, #1b2b2b); background-size: 200% 100%; }
body[data-portal="customer"] .notice { background: #192a2a; border-color: #34504a; color: #b5d1c8; border-radius: 8px; font-size: 12px; }
body[data-portal="customer"] .notice.warning { background: #302a1d; border-color: #5b4b2d; color: #e5d0a4; }
body[data-portal="customer"] .notice.success { background: #1e3227; border-color: #365942; color: #b5ddbd; }
body[data-portal="customer"] .notice.danger { background: #342328; border-color: #66424a; color: #f0b6c1; }

/* Machine cards and connection information. */
body[data-portal="customer"] .machine-cards { gap: 20px; }
body[data-portal="customer"] .machine-card { background: #121d1e; border-color: #32443f; border-radius: 10px; padding: 22px; }
body[data-portal="customer"] .machine-symbol { background: #22372e; border-color: #3b5749; color: #afd0bb; border-radius: 7px; }
body[data-portal="customer"] .machine-title { color: #e6f1ea; font-weight: 600; }
body[data-portal="customer"] .machine-title:hover { color: #b7f7d9; }
body[data-portal="customer"] .machine-gpu { color: #bfd6ca; }
body[data-portal="customer"] .machine-gpu { padding: 14px; margin: 20px 0; background: #0d1715; border: 1px solid #2d4438; border-radius: 7px; font-size: 13px; }
body[data-portal="customer"] .machine-gpu > svg { color: #84b89c; }
body[data-portal="customer"] .gpu-slot { background: #293a35; border: 1px solid #3f544b; color: #b4c9bf; border-radius: 4px; }
body[data-portal="customer"] .gpu-slot.occupied { background: #82d9ae; border-color: #a3e8c4; color: #0e291b; }
body[data-portal="customer"] .machine-metrics { border: 0; gap: 1px; background: #2d4138; border: 1px solid #2d4138; border-radius: 7px; padding: 0; overflow: hidden; }
body[data-portal="customer"] .machine-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); }
body[data-portal="customer"] .machine-metrics > div { grid-column: span 2; padding: 12px 10px; background: #14211b; min-width: 0; }
body[data-portal="customer"] .machine-metrics > div:nth-last-child(-n+2) { grid-column: span 3; }
body[data-portal="customer"] .machine-card-footer { display: flex; justify-content: flex-end; }
body[data-portal="customer"] .machine-metrics dt { color: #a0b7ab; }
body[data-portal="customer"] .machine-metrics dd { color: #e3f0e7; }
body[data-portal="customer"] .machine-metrics dd.danger-text { color: #ffa6af; }
body[data-portal="customer"] .machine-connection-summary strong { color: #ccded3; }
body[data-portal="customer"] .machine-connection-summary { padding: 14px; margin-bottom: 12px; background: #0d1715; border: 1px solid #2d4438; border-radius: 7px; gap: 12px; }
body[data-portal="customer"] .ssh-command { background: #091411; border-color: #395346; color: #c2ebd2; padding: 15px; }
body[data-portal="customer"] .tabs-row { border-color: #2c3b3c; }
body[data-portal="customer"] .tab-link { color: #a7b9b5; }
body[data-portal="customer"] .tab-link.active { color: #a7ead0; }
body[data-portal="customer"] .account-card .bank-icon { background: #23392e; border: 1px solid #3a5747; color: #afd4bb; border-radius: 10px; }
body[data-portal="customer"] .account-card .account-number { color: #d8ebdf; letter-spacing: 1.5px; }
body[data-portal="customer"] .account-card h3 { color: #e2eee7; }
body[data-portal="customer"] .account-card > .flex { flex-wrap: wrap; gap: 16px; }
body[data-portal="customer"] .account-card > .flex > .flex { min-width: 0; }

/* Dialogs and content also inherit the theme outside the application shell. */
body[data-portal="customer"] .modal-backdrop { background: #020808c2; backdrop-filter: blur(5px); }
body[data-portal="customer"] .modal { background: #121d1d; border: 1px solid #40574e; border-radius: 13px; box-shadow: 0 30px 90px #0008; }
body[data-portal="customer"] .modal-head { padding-top: 25px; padding-bottom: 20px; }
body[data-portal="customer"] .modal-head h2 { color: #e4f2e9; font-size: 19px; font-weight: 600; }
body[data-portal="customer"] .form-actions { border-color: #30443c; }
body[data-portal="customer"] .toast { background: #20352a; border-color: #4c7759; color: #d2ecd6; border-radius: 8px; box-shadow: 0 10px 35px #0005; line-height: 1.65; }
body[data-portal="customer"] .toast.error { background: #3c282e; color: #ffd0d7; border-color: #825461; }
body[data-portal="customer"] .agreement { color: #b6cdc1; line-height: 1.95; }
body[data-portal="customer"] .agreement :is(h2, h3, h4) { color: #e2f0e6; }
body[data-portal="customer"] .agreement code { background: #24392f; color: #ccebd7; }
body[data-portal="customer"] .agreement.preview { background: #111d18; border-color: #3a5344; }
body[data-portal="customer"] .demo-ribbon { background: #24392e; color: #bad2c4; border-bottom: 1px solid #425a48; }
body[data-portal="customer"] .demo-ribbon strong { color: #e2f5e9; }
body[data-portal="customer"] .demo-ribbon .dot { background: #a6dcbd; }

/* Sign-in has its own architectural grid, not an illustration or a marketplace clone. */
body[data-portal="customer"] .login-layout { background: #080e0e; grid-template-columns: 1.1fr 1fr; }
body[data-portal="customer"] .login-art {
  min-height: 100vh;
  padding: 42px 56px;
  border-right: 1px solid #2c4038;
  background-color: #111d19;
  background-image: linear-gradient(#54766510 1px, transparent 1px), linear-gradient(90deg, #54766510 1px, transparent 1px), radial-gradient(ellipse at 12% 60%, #366e5038, transparent 66%);
  background-size: 44px 44px, 44px 44px, auto;
}
body[data-portal="customer"] .demo-mode .login-art { min-height: calc(100vh - 32px); }
body[data-portal="customer"] .login-art .brand { padding: 0; }
body[data-portal="customer"] .login-art::after { width: 390px; height: 390px; right: -220px; bottom: -140px; border: 1px solid #6c9a7940; border-radius: 30px; transform: rotate(33deg); }
body[data-portal="customer"] .login-art::before { content: ""; position: absolute; width: 230px; height: 230px; right: -127px; bottom: -60px; border: 1px solid #6c9a7930; border-radius: 16px; transform: rotate(33deg); }
body[data-portal="customer"] .login-art-content { padding: 68px 0; }
body[data-portal="customer"] .login-art .eyebrow { color: #9ecbb1; font-size: 10px; letter-spacing: 2.4px; margin-bottom: 25px; }
body[data-portal="customer"] .login-art h1 { max-width: 590px; font-size: clamp(33px, 3.3vw, 55px); color: #ecf4eb; line-height: 1.2; letter-spacing: -1.8px; font-weight: 550; }
body[data-portal="customer"] .login-art h1 em { display: inline-block; color: #a6e2ba; }
body[data-portal="customer"] .login-art p { color: #a9bfb0; font-size: 13px; line-height: 1.95; max-width: 410px; margin-top: 27px; }
body[data-portal="customer"] .login-visual { margin-top: 48px; max-width: 505px; gap: 11px; }
body[data-portal="customer"] .login-chip { background: #192a21e8; border: 1px solid #3b5140; border-radius: 9px; padding: 21px 15px; box-shadow: none; }
body[data-portal="customer"] .login-chip svg { color: #a5cbaa; margin-bottom: 16px; }
body[data-portal="customer"] .login-chip strong { color: #dfeadf; font-size: 12px; line-height: 1.6; font-weight: 550; }
body[data-portal="customer"] .login-chip span { display: block; color: #a5bda8; font-size: 10px; line-height: 1.8; }
body[data-portal="customer"] .login-art-footer { position: relative; z-index: 1; color: #93b09c; font-size: 9px; letter-spacing: 1.5px; line-height: 1.8; }
body[data-portal="customer"] .login-right { position: relative; padding: 80px 48px; background: radial-gradient(ellipse at 100% 0, #193a2426, transparent 50%); }
body[data-portal="customer"] .login-language { position: absolute; right: 32px; top: 28px; }
body[data-portal="customer"] .login-box { max-width: 370px; }
body[data-portal="customer"] .login-kicker { color: #94b89f; font-size: 10px; letter-spacing: 2.1px; margin-bottom: 16px; }
body[data-portal="customer"] .login-box h2 { color: #e8f1e8; font-size: 31px; letter-spacing: -.8px; font-weight: 550; }
body[data-portal="customer"] .login-box > .muted { color: #a3b5a9; font-size: 13px; margin-top: 13px; margin-bottom: 33px; }
body[data-portal="customer"] .login-box :is(input, select) { background: #111d17; border-color: #3e5143; min-height: 46px; }
body[data-portal="customer"] .login-box label { color: #c0d0c1; font-size: 12px; font-weight: 500; }
body[data-portal="customer"] .login-box .btn.primary { min-height: 46px; margin-top: 12px; border-radius: 7px; }
body[data-portal="customer"] .login-bottom { color: #91a89b; font-size: 10px; margin-top: 29px; }
body[data-portal="customer"] .demo-accounts { border-color: #2e4236; }
body[data-portal="customer"] .demo-accounts .label { color: #a6bdaf; }
body[data-portal="customer"] .demo-identity small { color: #a6c1af; }

@media (min-width: 1500px) {
  body[data-portal="customer"] .main-content { padding-top: 42px; }
  body[data-portal="customer"] .stat-card { min-height: 167px; }
  body[data-portal="customer"] .login-art { padding: 50px 75px; }
}
@media (max-width: 1180px) {
  body[data-portal="customer"] { --sidebar: 226px; }
  body[data-portal="customer"] .brand { padding-left: 18px; gap: 10px; }
  body[data-portal="customer"] .brand-name { font-size: 12px; letter-spacing: 1.3px; }
  body[data-portal="customer"] .brand-tag { letter-spacing: 1.5px; }
  body[data-portal="customer"] .topbar { padding: 17px 25px; }
  body[data-portal="customer"] .top-date { display: none; }
  body[data-portal="customer"] .main-content { padding: 30px 25px; }
  body[data-portal="customer"] .stat-card { padding: 19px; }
  body[data-portal="customer"] .stat-value { font-size: 28px; }
  body[data-portal="customer"] .login-art { padding: 36px; }
  body[data-portal="customer"] .login-right { padding: 75px 35px; }
  body[data-portal="customer"] .login-chip { padding: 17px 12px; }
}
@media (max-width: 960px) {
  body[data-portal="customer"] .login-layout { grid-template-columns: 1fr 1fr; }
  body[data-portal="customer"] .login-art { padding: 30px; }
  body[data-portal="customer"] .login-art h1 { font-size: 37px; }
  body[data-portal="customer"] .login-visual { grid-template-columns: 1fr; max-width: 330px; margin-top: 35px; }
  body[data-portal="customer"] .login-chip { padding: 15px 18px; }
  body[data-portal="customer"] .login-chip svg { margin: 3px 16px 0 0; }
  body[data-portal="customer"] .top-actions { gap: 10px; }
  body[data-portal="customer"] .topbar .top-divider { display: none; }
}
@media (max-width: 760px) {
  body[data-portal="customer"] { --sidebar: 252px; }
  body[data-portal="customer"] .sidebar { box-shadow: 15px 0 50px #0005; }
  body[data-portal="customer"] .brand { padding-left: 24px; }
  body[data-portal="customer"] .brand-name { font-size: 14px; }
  body[data-portal="customer"] .topbar { min-height: 67px; padding: 13px 18px; gap: 10px; }
  body[data-portal="customer"] .top-actions { gap: 8px; }
  body[data-portal="customer"] .top-actions > a > div:last-child { display: none; }
  body[data-portal="customer"] .top-actions .avatar { width: 31px; height: 31px; font-size: 12px; }
  body[data-portal="customer"] .language-switch { min-height: 34px; max-width: 98px; font-size: 10px; padding: 6px; }
  body[data-portal="customer"] .breadcrumb { font-size: 11px; }
  body[data-portal="customer"] .main-content { padding: 27px 18px 28px; }
  body[data-portal="customer"] .page-heading { align-items: flex-start; gap: 17px; margin-bottom: 23px; }
  body[data-portal="customer"] .page-heading h1 { font-size: 26px; }
  body[data-portal="customer"] .page-heading p { font-size: 12px; max-width: 100%; line-height: 1.8; }
  body[data-portal="customer"] .eyebrow { font-size: 8px; letter-spacing: 1.5px; }
  body[data-portal="customer"] .stats-grid { gap: 12px; margin-bottom: 19px; }
  body[data-portal="customer"] .stat-card { min-height: 157px; padding: 17px 15px; }
  body[data-portal="customer"] .stat-value { font-size: clamp(20px, 5.8vw, 24px); margin-top: 12px; overflow-wrap: normal; word-break: normal; }
  body[data-portal="customer"] .stat-value small { display: block; margin: 4px 0 0; font-size: 10px; line-height: 1.4; }
  body[data-portal="customer"] .stat-label { font-size: 11px; line-height: 1.65; }
  body[data-portal="customer"] .stat-foot { font-size: 10px; }
  body[data-portal="customer"] .stat-icon { width: 28px; height: 28px; flex: none; }
  body[data-portal="customer"] .card-header { padding: 20px 18px 17px; align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  body[data-portal="customer"] .card-title { font-size: 13px; }
  body[data-portal="customer"] .card-subtitle { font-size: 11px; }
  body[data-portal="customer"] .toolbar { padding: 18px; gap: 12px; }
  body[data-portal="customer"] .toolbar .field { min-width: min(135px, 100%); }
  body[data-portal="customer"] .quick-dates { padding: 18px 18px 0; gap: 7px; }
  body[data-portal="customer"] .quick-dates .btn { font-size: 10px; padding: 7px 9px; }
  body[data-portal="customer"] :is(th, td) { padding-left: 17px; padding-right: 17px; }
  body[data-portal="customer"] .pagination { font-size: 10px; line-height: 1.8; }
  body[data-portal="customer"] .empty { padding: 42px 22px; min-height: 240px; }
  body[data-portal="customer"] .notice { font-size: 11px; line-height: 1.9; }
  body[data-portal="customer"] .machine-cards { padding: 16px; gap: 16px; }
  body[data-portal="customer"] .machine-card { padding: 18px; }
  body[data-portal="customer"] .page-footer { font-size: 10px; gap: 10px; }
  body[data-portal="customer"] .mobile-overlay.visible { background: #020807c2; backdrop-filter: blur(4px); }
  body[data-portal="customer"] .login-layout { grid-template-columns: 1fr; }
  body[data-portal="customer"] .login-art { display: none; }
  body[data-portal="customer"] .login-right { min-height: 100vh; padding: 94px 27px 54px; background: radial-gradient(ellipse at 85% 0, #264b3138, transparent 62%); }
  body[data-portal="customer"] .demo-mode .login-right { min-height: calc(100vh - 32px); }
  body[data-portal="customer"] .login-language { right: 24px; top: 23px; }
  body[data-portal="customer"] .login-box { max-width: 390px; }
  body[data-portal="customer"] .login-box h2 { font-size: 31px; }
  body[data-portal="customer"] .modal-backdrop { padding: 15px; }
  body[data-portal="customer"] .modal-head { padding-top: 23px; }
  body[data-portal="customer"] .modal-description { font-size: 12px; }
}
@media (max-width: 380px) {
  body[data-portal="customer"] .topbar { padding-inline: 12px; }
  body[data-portal="customer"] .top-actions { gap: 5px; }
  body[data-portal="customer"] .top-actions .avatar { display: none; }
  body[data-portal="customer"] .main-content { padding-inline: 14px; }
  body[data-portal="customer"] .stats-grid { gap: 10px; }
  body[data-portal="customer"] .stat-card { padding: 15px 12px; }
  body[data-portal="customer"] .stat-top { align-items: flex-start; gap: 7px; }
  body[data-portal="customer"] .stat-icon { width: 23px; height: 23px; }
  body[data-portal="customer"] .stat-value { font-size: clamp(18px, 5.6vw, 21px); }
  body[data-portal="customer"] .stat-value small { display: block; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-portal="customer"] *,
  body[data-portal="customer"] *::before,
  body[data-portal="customer"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

body[data-portal="customer"] .gpu-allocation-slot { background:#152c26; border-color:#34534a; border-top-color:#7ed6b5; }
body[data-portal="customer"] .gpu-allocation-slot span { color:#a6bdb5; }
body[data-portal="customer"] .gpu-allocation-slot strong { color:#a6eed5; }
body[data-portal="customer"] .gpu-allocation-slot.interruptible { background:#282437; border-top-color:#aa93d3; }
body[data-portal="customer"] .gpu-allocation-slot.interruptible strong { color:#c5b1e8; }
body[data-portal="customer"] .gpu-allocation-slot.reserved { background:#172c37; border-top-color:#7cbcdf; }
body[data-portal="customer"] .gpu-allocation-slot.reserved strong { color:#a6d7ef; }
body[data-portal="customer"] .gpu-allocation-slot.idle { background:#171e23; border-color:#3d4b55; }
body[data-portal="customer"] .gpu-allocation-slot.idle strong { color:#b0bfca; }

body[data-portal="customer"] .onboarding-card { background:linear-gradient(110deg,#142421,#111819 68%); border-color:#2b4840; }
body[data-portal="customer"] .onboarding-icon { border:1px solid #3c5e53; background:#1b312a; }
body[data-portal="customer"] .support-message { background:#192426; border-color:#304144; }
body[data-portal="customer"] .support-message.mine { background:#1a342c; border-color:#3c6556; }
body[data-portal="customer"] .support-dialog .modal-description { color:var(--muted); }
body[data-portal="customer"] .main-content { padding-bottom:90px; }
body[data-portal="customer"] .account-card h3 { line-height:1.5; }
body[data-portal="customer"] .account-card .flex.spread { gap:12px; flex-wrap:wrap; }

/* Registration introduces the platform before the user enters the workspace. */
body[data-portal="customer"] .registration-site { min-height:100vh; background:radial-gradient(ellipse at 0 14%,#21433736,transparent 43%),#080e0f; }
body[data-portal="customer"] .registration-header { max-width:1360px; min-height:100px; padding:24px 52px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
body[data-portal="customer"] .registration-header .brand { padding:0; }
body[data-portal="customer"] .registration-header-actions { display:flex; align-items:center; gap:30px; }
body[data-portal="customer"] .registration-login { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
body[data-portal="customer"] .registration-login strong { color:#d5e5e0; font-weight:500; }
body[data-portal="customer"] .registration-main { max-width:1360px; padding:34px 52px 0; margin:auto; }
body[data-portal="customer"] .registration-hero { display:grid; grid-template-columns:minmax(0,1.26fr) minmax(350px,.9fr); align-items:start; gap:72px; }
body[data-portal="customer"] .registration-intro > .eyebrow { color:#86bca9; font-size:10px; letter-spacing:2px; margin-bottom:18px; }
body[data-portal="customer"] .registration-intro h1 { color:#eef6f3; font-size:clamp(34px,3.65vw,55px); font-weight:530; line-height:1.16; letter-spacing:-1.8px; }
body[data-portal="customer"] .registration-intro h1 em { font-style:normal; color:#99ddc1; }
body[data-portal="customer"] .registration-lead { color:#a7bab5; line-height:1.9; font-size:13px; max-width:540px; margin-top:22px; }
body[data-portal="customer"] .registration-location { color:#b9d9c7; font-size:12px; line-height:1.8; margin-top:21px; max-width:520px; }
body[data-portal="customer"] .registration-location + .registration-lead { margin-top:12px; }
body[data-portal="customer"] .registration-pills { display:flex; gap:17px; flex-wrap:wrap; margin:22px 0 26px; }
body[data-portal="customer"] .registration-pills span { display:flex; align-items:center; gap:7px; font-size:11px; color:#a6bbb3; }
body[data-portal="customer"] .registration-pills svg { color:#83c9aa; }
body[data-portal="customer"] .registration-image { position:relative; margin:0; width:100%; height:300px; border:1px solid #2f4941; border-radius:15px; overflow:hidden; background:#182522; }
body[data-portal="customer"] .registration-image img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.7) brightness(.79); }
body[data-portal="customer"] .registration-image-shade { position:absolute; inset:0; background:linear-gradient(180deg,#06191400 25%,#07110fbd 100%); pointer-events:none; }
body[data-portal="customer"] .registration-image-label { position:absolute; left:25px; bottom:38px; right:25px; }
body[data-portal="customer"] .registration-image-label span { display:block; font-size:8px; letter-spacing:2px; color:#c2d6ce; margin-bottom:10px; }
body[data-portal="customer"] .registration-image-label strong { display:block; color:#f0f6f4; font-size:17px; font-weight:500; line-height:1.6; }
body[data-portal="customer"] .registration-image figcaption { position:absolute; right:14px; bottom:11px; font-size:8px; color:#abc2b8; }
body[data-portal="customer"] .registration-form-card { background:linear-gradient(150deg,#17272390,#111b1ccf 65%); border:1px solid #345048; border-radius:18px; padding:30px 31px 0; box-shadow:0 20px 70px #0002; overflow:hidden; }
body[data-portal="customer"] .registration-form-heading { margin-bottom:27px; }
body[data-portal="customer"] .registration-form-symbol { display:grid; place-items:center; width:47px; height:47px; color:#9fe4c7; border:1px solid #3b5a4f; background:#1d332b; border-radius:13px; margin-bottom:25px; }
body[data-portal="customer"] .registration-form-heading .eyebrow { font-size:8px; letter-spacing:1.9px; color:#89a799; margin-bottom:10px; }
body[data-portal="customer"] .registration-form-heading h2 { font-weight:550; letter-spacing:-.7px; font-size:26px; color:#eaf3ef; }
body[data-portal="customer"] .registration-form-heading p { font-size:12px; color:#9db4aa; margin-top:10px; line-height:1.8; }
body[data-portal="customer"] .registration-form-card label { font-size:11px; font-weight:500; color:#c2d2cb; }
body[data-portal="customer"] .registration-form-card input { min-height:43px; border-color:#375147; background:#0e1917; font-size:12px; }
body[data-portal="customer"] .registration-form-card .field { margin-bottom:17px; }
body[data-portal="customer"] .registration-form-card small { font-size:10px; line-height:1.7; color:#80998e; }
body[data-portal="customer"] .registration-form-card .btn.primary { min-height:45px; font-size:12px; font-weight:600; margin-top:4px; }
body[data-portal="customer"] .registration-form-note { display:flex; align-items:flex-start; gap:8px; color:#8ba79a; font-size:10px; line-height:1.8; margin:17px 0 25px; }
body[data-portal="customer"] .registration-form-note svg { flex:none; margin-top:2px; }
body[data-portal="customer"] .registration-form-bottom { border-top:1px solid #2d433b; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 16px; color:#819b8f; font-size:10px; }
body[data-portal="customer"] .registration-form-bottom .btn { font-size:10px; }
body[data-portal="customer"] .registration-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:61px 0 58px; border:1px solid #283f36; border-radius:13px; background:#10201940; }
body[data-portal="customer"] .registration-capabilities article { padding:28px 30px; }
body[data-portal="customer"] .registration-capabilities article + article { border-left:1px solid #283f36; }
body[data-portal="customer"] .registration-feature-icon { color:#89c7aa; display:block; margin-bottom:16px; }
body[data-portal="customer"] .registration-capabilities h2 { font-size:16px; font-weight:500; color:#dcebe3; letter-spacing:-.2px; }
body[data-portal="customer"] .registration-capabilities p { margin-top:11px; font-size:11px; line-height:1.9; color:#8ba89a; }
body[data-portal="customer"] .registration-section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:32px; }
body[data-portal="customer"] .registration-section-heading .eyebrow { font-size:9px; color:#7da98f; letter-spacing:1.8px; }
body[data-portal="customer"] .registration-section-heading h2 { font-size:25px; font-weight:500; color:#e0eee5; letter-spacing:-.7px; }
body[data-portal="customer"] .registration-section-heading p { font-size:11px; color:#8ba596; line-height:1.8; }
body[data-portal="customer"] .registration-process ol { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:0; margin:0 0 65px; }
body[data-portal="customer"] .registration-applications { margin-bottom:58px; }
body[data-portal="customer"] .registration-sector-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
body[data-portal="customer"] .registration-sector-card { border:1px solid #29443a; border-radius:13px; overflow:hidden; background:linear-gradient(135deg,#14271d9c,#101a18); }
body[data-portal="customer"] .registration-sector-art { height:160px; color:#83c3a3; background:radial-gradient(ellipse at center,#305f4438,transparent 65%); border-bottom:1px solid #254333; }
body[data-portal="customer"] .registration-sector-art svg { display:block; margin:auto; width:100%; height:100%; }
body[data-portal="customer"] .sector-grid { stroke:#56846526; stroke-width:.6; }
body[data-portal="customer"] .sector-sphere { stroke:#80bea0; stroke-width:1; fill:#8bcca610; }
body[data-portal="customer"] .sector-line { stroke:#6fa98a70; stroke-width:.8; }
body[data-portal="customer"] .sector-orbit { stroke:#85c99f; stroke-width:1; }
body[data-portal="customer"] .registration-sector-copy { padding:23px 27px 26px; }
body[data-portal="customer"] .registration-sector-copy .eyebrow { color:#81a48d; font-size:8px; margin-bottom:12px; letter-spacing:1.6px; }
body[data-portal="customer"] .registration-sector-copy h3 { font-size:17px; line-height:1.5; font-weight:500; color:#d8e8dd; letter-spacing:-.3px; }
body[data-portal="customer"] .registration-sector-copy p { color:#8ead98; font-size:11px; line-height:1.85; margin-top:12px; }
body[data-portal="customer"] .registration-process li { padding-top:20px; border-top:1px solid #375242; }
body[data-portal="customer"] .registration-step-number { color:#789d85; font:11px Consolas,monospace; letter-spacing:1px; }
body[data-portal="customer"] .registration-process h3 { margin:14px 0 9px; font-size:13px; font-weight:500; color:#d2e2d7; }
body[data-portal="customer"] .registration-process p { margin:0; font-size:10px; line-height:1.9; color:#7f9c89; }
body[data-portal="customer"] .registration-footer { margin:auto; max-width:1256px; padding:24px 0 28px; border-top:1px solid #223c2c; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; color:#6b8f77; }
body[data-portal="customer"] .public-auth-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
body[data-portal="customer"] .public-auth-actions .btn { min-height:37px; font-size:11px; padding:8px 15px; }
body[data-portal="customer"] .public-footer-links { display:flex; align-items:center; gap:22px; }
body[data-portal="customer"] .company-home-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:64px; padding:25px 0 8px; }
body[data-portal="customer"] .company-home-hero > .registration-image { height:450px; }
body[data-portal="customer"] .company-home-hero .registration-intro h1 { font-size:clamp(39px,4.15vw,59px); }
body[data-portal="customer"] .company-hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
body[data-portal="customer"] .company-hero-actions .btn { min-height:45px; padding:11px 22px; font-size:12px; }
body[data-portal="customer"] .company-bottom-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; border:1px solid #2a4d3c; border-radius:14px; background:linear-gradient(115deg,#18352970,#101d18); padding:28px 32px; margin-bottom:58px; }
body[data-portal="customer"] .company-bottom-cta h2 { font-size:23px; font-weight:500; color:#deede4; letter-spacing:-.5px; line-height:1.4; }
body[data-portal="customer"] .company-bottom-cta p { margin-top:9px; color:#94b4a1; font-size:12px; line-height:1.8; }
body[data-portal="customer"] .company-story { margin:0 0 64px; padding-top:32px; border-top:1px solid #294336; }
body[data-portal="customer"] .company-story > .registration-section-heading { margin-bottom:42px; }
body[data-portal="customer"] .company-story-grid { display:grid; grid-template-columns:220px minmax(0,1fr); gap:65px; align-items:start; }
body[data-portal="customer"] .company-story-nav { position:sticky; top:28px; min-width:0; }
body[data-portal="customer"] .company-story-nav-label { display:block; font-size:8px; letter-spacing:1.6px; color:#739882; padding:0 0 17px; }
body[data-portal="customer"] .company-story-nav a { display:flex; align-items:baseline; gap:11px; color:#90ab9b; font-size:11px; line-height:1.65; padding:10px 0; border-top:1px solid #233c2d; }
body[data-portal="customer"] .company-story-nav a span { color:#618c70; font:9px Consolas,monospace; flex:none; }
body[data-portal="customer"] .company-story-nav a:hover { color:#b9e3c9; }
body[data-portal="customer"] .company-story-nav a:focus-visible { outline:2px solid #89cfa7; outline-offset:4px; }
body[data-portal="customer"] .company-story-chapters { min-width:0; max-width:760px; }
body[data-portal="customer"] .company-story-chapter { scroll-margin-top:30px; }
body[data-portal="customer"] .company-story-chapter + .company-story-chapter { border-top:1px solid #294234; padding-top:34px; margin-top:38px; }
body[data-portal="customer"] .company-story-chapter header { display:flex; align-items:baseline; gap:20px; margin-bottom:23px; }
body[data-portal="customer"] .company-story-number { color:#5c9470; font:21px Consolas,monospace; letter-spacing:-1px; flex:none; }
body[data-portal="customer"] .company-story-chapter h3 { color:#d8e9de; font-size:23px; letter-spacing:-.5px; line-height:1.45; font-weight:500; }
body[data-portal="customer"] .company-story-prose { padding-left:43px; }
body[data-portal="customer"] .company-story-prose p { color:#a9c0b2; font-size:15px; line-height:1.9; max-width:74ch; margin:0; overflow-wrap:break-word; }
body[data-portal="customer"] .company-story-prose p + p { margin-top:19px; }
body[data-portal="customer"] .login-language { display:flex; align-items:center; gap:18px; }
body[data-portal="customer"] .login-home-link { color:#a6c3b1; font-size:11px; }
body[data-portal="customer"] .registration-footer a:hover,
body[data-portal="customer"] .login-home-link:hover { color:#c3ecd5; }
body[data-portal="customer"] .withdrawal-customer-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-portal="customer"] .settlement-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
body[data-portal="customer"] .withdrawal-customer-stats .stat-foot { min-height:30px; line-height:1.7; }
@media(min-width:1500px) {
  body[data-portal="customer"] .registration-header { padding-top:34px; padding-bottom:34px; }
  body[data-portal="customer"] .registration-main { padding-top:48px; }
}
@media(max-width:1100px) {
  body[data-portal="customer"] .registration-header { padding-inline:32px; }
  body[data-portal="customer"] .registration-main { padding-inline:32px; }
  body[data-portal="customer"] .registration-hero { gap:34px; grid-template-columns:minmax(0,1fr) minmax(325px,.85fr); }
  body[data-portal="customer"] .registration-intro h1 { font-size:39px; }
  body[data-portal="customer"] .registration-image { height:295px; }
  body[data-portal="customer"] .registration-form-card { padding:27px 24px 0; }
  body[data-portal="customer"] .registration-capabilities article { padding:25px 23px; }
  body[data-portal="customer"] .registration-footer { margin-inline:32px; }
  body[data-portal="customer"] .company-home-hero { gap:35px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body[data-portal="customer"] .company-home-hero > .registration-image { height:420px; }
  body[data-portal="customer"] .company-story-grid { grid-template-columns:185px minmax(0,1fr); gap:34px; }
  body[data-portal="customer"] .company-story-prose { padding-left:0; }
}
@media(max-width:760px) {
  body[data-portal="customer"] .withdrawal-customer-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-portal="customer"] .settlement-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-portal="customer"] .registration-header { min-height:84px; padding:23px 23px 20px; gap:15px; }
  body[data-portal="customer"] .registration-header .brand-tag { font-size:7px; letter-spacing:1px; }
  body[data-portal="customer"] .registration-header .brand-name { font-size:14px; letter-spacing:.3px; }
  body[data-portal="customer"] .registration-header .brand-mark { width:32px; height:32px; }
  body[data-portal="customer"] .registration-header-actions { gap:12px; }
  body[data-portal="customer"] .registration-login { font-size:0; gap:0; }
  body[data-portal="customer"] .registration-login strong { font-size:11px; }
  body[data-portal="customer"] .registration-login svg { display:none; }
  body[data-portal="customer"] .registration-main { padding:22px 23px 0; }
  body[data-portal="customer"] .registration-hero { grid-template-columns:minmax(0,1fr); gap:30px; }
  body[data-portal="customer"] .registration-intro h1 { font-size:clamp(31px,7.9vw,44px); letter-spacing:-1px; }
  body[data-portal="customer"] .registration-intro > .eyebrow { font-size:8px; }
  body[data-portal="customer"] .registration-lead { margin-top:17px; font-size:12px; }
  body[data-portal="customer"] .registration-pills { gap:15px; margin:18px 0 21px; }
  body[data-portal="customer"] .registration-pills span { font-size:10px; }
  body[data-portal="customer"] .registration-image { height:230px; border-radius:11px; }
  body[data-portal="customer"] .registration-image-label { left:20px; bottom:35px; }
  body[data-portal="customer"] .registration-image-label strong { font-size:15px; }
  body[data-portal="customer"] .registration-form-card { padding:25px 23px 0; border-radius:13px; }
  body[data-portal="customer"] .registration-form-symbol { margin-bottom:18px; }
  body[data-portal="customer"] .registration-form-heading h2 { font-size:25px; }
  body[data-portal="customer"] .registration-capabilities { grid-template-columns:1fr; margin:35px 0 40px; }
  body[data-portal="customer"] .registration-capabilities article { padding:23px; }
  body[data-portal="customer"] .registration-capabilities article + article { border-left:0; border-top:1px solid #283f36; }
  body[data-portal="customer"] .registration-feature-icon { margin-bottom:12px; }
  body[data-portal="customer"] .registration-section-heading { display:block; margin-bottom:25px; }
  body[data-portal="customer"] .registration-section-heading h2 { font-size:23px; }
  body[data-portal="customer"] .registration-section-heading p { margin-top:13px; }
  body[data-portal="customer"] .registration-process ol { grid-template-columns:1fr 1fr; gap:28px 20px; margin-bottom:40px; }
  body[data-portal="customer"] .registration-applications { margin-bottom:40px; }
  body[data-portal="customer"] .registration-sector-grid { grid-template-columns:1fr; gap:18px; }
  body[data-portal="customer"] .registration-sector-copy { padding:21px 23px 25px; }
  body[data-portal="customer"] .registration-process h3 { font-size:12px; }
  body[data-portal="customer"] .registration-footer { margin-inline:23px; padding:23px 0; font-size:9px; }
  body[data-portal="customer"] .company-home .registration-header { flex-wrap:wrap; }
  body[data-portal="customer"] .company-home .registration-header-actions { width:100%; justify-content:space-between; }
  body[data-portal="customer"] .company-home-hero { grid-template-columns:minmax(0,1fr); padding-top:7px; gap:31px; }
  body[data-portal="customer"] .company-home-hero .registration-intro h1 { font-size:clamp(36px,8vw,46px); }
  body[data-portal="customer"] .company-home-hero > .registration-image { height:270px; }
  body[data-portal="customer"] .company-hero-actions { margin-top:23px; }
  body[data-portal="customer"] .company-bottom-cta { align-items:flex-start; flex-direction:column; gap:21px; padding:25px 23px; margin-bottom:36px; }
  body[data-portal="customer"] .company-bottom-cta h2 { font-size:22px; }
  body[data-portal="customer"] .public-footer-links { gap:13px; }
  body[data-portal="customer"] .company-story { margin-bottom:43px; padding-top:27px; }
  body[data-portal="customer"] .company-story > .registration-section-heading { margin-bottom:26px; }
  body[data-portal="customer"] .company-story-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  body[data-portal="customer"] .company-story-nav { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; }
  body[data-portal="customer"] .company-story-nav-label { grid-column:1/-1; }
  body[data-portal="customer"] .company-story-nav a { font-size:10px; padding:10px 0; gap:8px; }
  body[data-portal="customer"] .company-story-chapter header { gap:14px; margin-bottom:18px; }
  body[data-portal="customer"] .company-story-chapter h3 { font-size:21px; }
  body[data-portal="customer"] .company-story-number { font-size:18px; }
  body[data-portal="customer"] .company-story-prose p { font-size:14px; line-height:1.95; }
  body[data-portal="customer"] .company-story-chapter + .company-story-chapter { padding-top:27px; margin-top:29px; }
}
@media(max-width:380px) {
  body[data-portal="customer"] .registration-header, body[data-portal="customer"] .registration-main { padding-left:16px; padding-right:16px; }
  body[data-portal="customer"] .registration-header-actions { gap:9px; }
  body[data-portal="customer"] .registration-header .brand-mark { display:none; }
  body[data-portal="customer"] .registration-form-card { padding:25px 18px 0; }
  body[data-portal="customer"] .registration-footer { margin-inline:16px; }
}