/* Shared dark-blue portal system for remaining WHMCS pages. */
.portal-page {
    --portal-cyan: #67d4ff;
    --portal-blue: #347fff;
    --portal-deep: #050e20;
    --portal-panel: #091831;
    --portal-panel-soft: #0b1d3a;
    --portal-line: rgba(112, 177, 255, .17);
    --portal-line-soft: rgba(112, 177, 255, .1);
    --portal-text: #e7f2ff;
    --portal-muted: #8399b8;
}

.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body {
    background:
        radial-gradient(circle at 82% 5%, rgba(52, 127, 255, .055), transparent 34rem),
        #061126;
    color: var(--portal-muted);
    min-height: 52vh;
    padding: 36px 0 65px;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .primary-content { min-width: 0; }

/* Shared page heading — navbar and footer are intentionally untouched. */
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-page-header {
    background:
        radial-gradient(circle at 82% -30%, rgba(65, 145, 255, .24), transparent 28rem),
        linear-gradient(145deg, #0d244b, #07142e 75%) !important;
    border-bottom: 1px solid rgba(112, 177, 255, .14);
    padding: 47px 0 !important;
    position: relative;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-page-header:after { background: linear-gradient(90deg, transparent, rgba(103,212,255,.55), transparent); bottom: -1px; content: ''; height: 1px; left: 12%; position: absolute; right: 12%; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-page-header h1 { color: #f5f9ff !important; font-family: 'Space Grotesk', sans-serif; font-size: clamp(1.8rem, 4vw, 3.25rem) !important; font-weight: 700; letter-spacing: -.05em; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-page-header p { color: #8299b9; margin: 9px 0 0; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-breadcrumb { margin-top: 14px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .breadcrumb { background: transparent; margin: 0; padding: 0; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .breadcrumb-item,
.portal-page:not(.fjordly-home):not(.fjordly-store) .breadcrumb-item a { color: #6f89ac; font-size: .64rem; font-weight: 700; }
.portal-page:not(.fjordly-home):not(.fjordly-store) .tt-triangle-right { display: none; }

/* Cards and panels */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .card,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .panel,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .well,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .tt-custom-card {
    background: linear-gradient(150deg, rgba(10, 27, 55, .99), rgba(5, 14, 31, .99)) !important;
    border: 1px solid var(--portal-line) !important;
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .2);
    color: var(--portal-muted);
    overflow: hidden;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .card-header,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .panel-heading {
    background: rgba(52, 127, 255, .055) !important;
    border-bottom: 1px solid rgba(112, 177, 255, .13) !important;
    color: var(--portal-text) !important;
    padding: 17px 20px;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .card-footer,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .panel-footer { background: rgba(4, 13, 29, .48) !important; border-top: 1px solid var(--portal-line-soft) !important; color: var(--portal-muted); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .card-title,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .panel-title,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body h2,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body h3,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body h4,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body h5,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body h6 { color: var(--portal-text); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .card-title,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .panel-title { font-family: 'Space Grotesk', sans-serif; letter-spacing: -.025em; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .bg-white,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .bg-gray-light,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .bg-default { background: var(--portal-panel) !important; }

/* Plain page forms receive a deliberate surface without changing form logic. */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .primary-content > form:not(.fh-ticket-form),
.portal-page.page-clientareadetails #main-body form,
.portal-page.page-user-profile #main-body form,
.portal-page.page-user-security #main-body form,
.portal-page.page-user-password #main-body form,
.portal-page.page-account-contacts-manage #main-body form,
.portal-page.page-account-contacts-new #main-body form {
    background: linear-gradient(150deg, #0a1b37, #061126);
    border: 1px solid var(--portal-line);
    border-radius: 19px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    padding: 26px;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body label { color: #9aadc7; font-size: .65rem; font-weight: 800; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-control,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .custom-select,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body select,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body textarea,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .input-group-text,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .custom-file-label {
    background: var(--portal-deep) !important;
    border-color: rgba(112, 177, 255, .19) !important;
    color: #e5f1ff !important;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-control,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .custom-select,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body select { border-radius: 9px; min-height: 43px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body textarea.form-control { min-height: 145px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-control:focus,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body select:focus,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body textarea:focus { border-color: rgba(103, 212, 255, .48) !important; box-shadow: 0 0 0 3px rgba(52, 127, 255, .11); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-control:disabled,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-control[readonly] { color: #6d83a2 !important; opacity: .76; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .form-text,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .text-muted { color: #667f9f !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body hr { border-color: var(--portal-line-soft); }

/* Buttons */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn { border-radius: 9px; font-size: .68rem; font-weight: 800; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-primary,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-success { background: linear-gradient(135deg, #3f8cff, #1d61dc) !important; border-color: rgba(130, 201, 255, .4) !important; color: #fff !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-default,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-secondary { background: rgba(52, 127, 255, .1) !important; border-color: rgba(103, 212, 255, .19) !important; color: #dbeeff !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-danger { background: rgba(239, 116, 112, .1) !important; border-color: rgba(239, 116, 112, .27) !important; color: #ffc2bf !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .btn-warning { background: rgba(241, 189, 99, .1) !important; border-color: rgba(241, 189, 99, .27) !important; color: #ffe1a9 !important; }

/* DataTables and all account lists */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_wrapper,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table-container {
    background: linear-gradient(150deg, #0a1b37, #061126);
    border: 1px solid var(--portal-line);
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(0,0,0,.19);
    overflow: hidden;
}
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_wrapper .table-container { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_length,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_filter { color: #728aaa; padding: 14px 16px 4px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body table { color: #8fa4c0; margin-bottom: 0; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table thead th { background: rgba(52, 127, 255, .07); border-bottom: 1px solid rgba(112, 177, 255, .15); border-top: 0; color: #b8cde4; font-size: .57rem; font-weight: 900; letter-spacing: .08em; padding: 14px; text-transform: uppercase; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table td { border-color: rgba(112, 177, 255, .09); color: #8499b8; padding: 14px; vertical-align: middle; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table tbody tr { background: transparent; transition: background .2s ease; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table tbody tr:hover { background: rgba(52, 127, 255, .065); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table a { color: #b8ddfa; font-weight: 700; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_info { color: #60799b; font-size: .62rem; padding: 14px 16px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_paginate { padding: 9px 14px 13px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .pagination .page-link,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_paginate .paginate_button { background: rgba(52,127,255,.08) !important; border-color: rgba(112,177,255,.13) !important; color: #91a9c5 !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .pagination .active .page-link,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_paginate .paginate_button.current { background: rgba(52,127,255,.2) !important; color: #f0f8ff !important; }

/* Statuses remain semantic while the primary visual language stays blue. */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .label.status,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .badge { background: rgba(112,177,255,.1); border: 1px solid rgba(112,177,255,.18); border-radius: 999px; color: #a9bfd9; font-size: .55rem; font-weight: 900; padding: 6px 8px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-active,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-paid,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-open { background: rgba(52,127,255,.14) !important; border-color: rgba(103,212,255,.24) !important; color: #bdecff !important; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-cancelled,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-closed,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .status-terminated { background: rgba(125,141,165,.09) !important; border-color: rgba(125,141,165,.16) !important; color: #8ea0b8 !important; }

/* Tabs, lists, dropdowns and accordions */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .nav-tabs { border: 1px solid var(--portal-line); border-radius: 14px; gap: 4px; padding: 7px; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .nav-tabs .nav-link { border: 1px solid transparent; border-radius: 8px; color: #738cac; font-size: .65rem; font-weight: 800; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .nav-tabs .nav-link:hover { background: rgba(52,127,255,.07); color: #dcecff; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .nav-tabs .nav-link.active { background: rgba(52,127,255,.15); border-color: rgba(103,212,255,.2); color: #eef8ff; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .list-group-item { background: rgba(7, 20, 43, .78); border-color: var(--portal-line-soft); color: #849ab8; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body a.list-group-item:hover,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .list-group-item-action:hover { background: rgba(52,127,255,.08); color: #e3f1ff; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dropdown-menu { background: #081730; border: 1px solid var(--portal-line); box-shadow: 0 18px 45px rgba(0,0,0,.32); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dropdown-item { color: #8ea5c2; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dropdown-item:hover { background: rgba(52,127,255,.1); color: #eef7ff; }

/* Alerts and verification messages */
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .alert { background: #0a1a35; border: 1px solid var(--portal-line); border-radius: 13px; color: #adc0d7; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .alert-success,
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .alert-info { border-color: rgba(103,212,255,.24); }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .alert-warning { border-color: rgba(241,189,99,.27); color: #e2c994; }
.portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .alert-danger { border-color: rgba(239,116,112,.28); color: #e9aaa7; }

/* Domain, ticket and account-specific existing structures */
.portal-page.page-clientareadomaindetails #main-body .domain-overview,
.portal-page.page-viewticket #main-body .ticket-reply,
.portal-page.page-viewticket #main-body .ticket-replies,
.portal-page.page-affiliates #main-body .affiliate-stat,
.portal-page.page-serverstatus #main-body .network-issue,
.portal-page.page-contact #main-body .tt-contact-form,
.portal-page.page-downloads #main-body .tt-rounded,
.portal-page.page-downloadscat #main-body .tt-rounded {
    background: linear-gradient(150deg, #0a1b37, #061126) !important;
    border: 1px solid var(--portal-line) !important;
    border-radius: 18px !important;
    color: var(--portal-muted);
}
.portal-page.page-viewticket #main-body .ticket-reply { padding: 20px; }
.portal-page.page-viewticket #main-body .message { color: #94a8c2; }
.portal-page.page-clientareadomaindetails #main-body .domain-header { background: rgba(52,127,255,.08) !important; border-color: var(--portal-line) !important; }
.portal-page.page-contact #main-body .tt-contact-form { padding: 28px !important; }
.portal-page.page-downloads #main-body .tt-rounded,
.portal-page.page-downloadscat #main-body .tt-rounded { padding: 24px !important; }
.portal-page.page-contact #main-body .tt-contact-info { align-items: center; background: radial-gradient(circle at 50% 20%,rgba(52,127,255,.13),transparent 17rem),linear-gradient(150deg,#0a1b37,#061126); border:1px solid var(--portal-line); border-radius:18px; display:flex; justify-content:center; min-height:100%; padding:30px; }
.portal-page.page-contact #main-body .tt-contact-info img { filter: hue-rotate(8deg) saturate(.85); max-height:340px; }
.portal-page.page-masspay #main-body .primary-content > form { background:transparent; border:0; box-shadow:none; padding:0; }

/* About page */
.fh-about { display:grid; gap:14px; }
.fh-about-intro { align-items:end; background:radial-gradient(circle at 88% 0,rgba(52,127,255,.2),transparent 23rem),linear-gradient(145deg,#0d244b,#061126 72%); border:1px solid var(--portal-line); border-radius:24px; display:grid; gap:25px; grid-template-columns:minmax(0,1fr) auto; min-height:265px; overflow:hidden; padding:39px; position:relative; }
.fh-about-intro > div:first-child > span,
.fh-about-story > div:first-child > span { color:var(--portal-cyan); display:block; font-size:.57rem; font-weight:900; letter-spacing:.15em; margin-bottom:12px; }
.fh-about-intro h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.3rem,5vw,4.1rem); letter-spacing:-.055em; line-height:.98; margin:0; max-width:780px; }
.fh-about-intro h2 em { color:var(--portal-cyan); font-style:normal; }
.fh-about-intro p { color:#8da3c1; line-height:1.7; margin:17px 0 0; max-width:650px; }
.fh-about-signal { align-items:center; background:rgba(4,13,29,.6); border:1px solid rgba(103,212,255,.18); border-radius:14px; display:flex; gap:11px; padding:13px 15px; }
.fh-about-signal > i { background:var(--portal-cyan); border-radius:50%; box-shadow:0 0 0 6px rgba(103,212,255,.08),0 0 20px rgba(103,212,255,.5); height:8px; width:8px; }
.fh-about-signal small,.fh-about-signal strong { display:block; }
.fh-about-signal small { color:#5f7798; font-size:.5rem; font-weight:800; letter-spacing:.11em; }
.fh-about-signal strong { color:#e7f3ff; font-size:.75rem; margin-top:2px; }
.fh-about-values { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.fh-about-values article { background:linear-gradient(150deg,#0a1b37,#061126); border:1px solid var(--portal-line); border-radius:18px; min-height:205px; padding:23px; position:relative; }
.fh-about-values article > span { color:#3f5c82; font-family:'Space Grotesk',sans-serif; font-size:.58rem; font-weight:800; position:absolute; right:18px; top:16px; }
.fh-about-values article > i { align-items:center; background:rgba(52,127,255,.13); border:1px solid rgba(103,212,255,.16); border-radius:11px; color:var(--portal-cyan); display:flex; height:42px; justify-content:center; width:42px; }
.fh-about-values h3 { font-family:'Space Grotesk',sans-serif; font-size:1rem; margin:22px 0 8px; }
.fh-about-values p { color:#748baa; font-size:.7rem; line-height:1.6; margin:0; }
.fh-about-story { background:rgba(4,13,29,.48); border:1px solid var(--portal-line-soft); border-radius:19px; display:grid; gap:34px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); padding:34px; }
.fh-about-story h3 { font-family:'Space Grotesk',sans-serif; font-size:1.55rem; letter-spacing:-.035em; line-height:1.18; margin:0; }
.fh-about-story-copy p { color:#7d93b1; line-height:1.7; margin:0 0 12px; }
.fh-about-story-copy a { align-items:center; color:#bce7ff; display:inline-flex; font-size:.68rem; font-weight:800; gap:9px; margin-top:5px; }

/* Reseller page */
.fh-reseller { display:grid; gap:14px; }
.fh-reseller-hero { background:radial-gradient(circle at 88% 0,rgba(52,127,255,.2),transparent 23rem),linear-gradient(145deg,#0d244b,#061126 72%); border:1px solid var(--portal-line); border-radius:24px; display:grid; gap:34px; grid-template-columns:minmax(0,1fr) minmax(260px,.65fr); padding:39px; }
.fh-reseller-hero > div:first-child > span,
.fh-reseller-audience > div > span { color:var(--portal-cyan); display:block; font-size:.57rem; font-weight:900; letter-spacing:.15em; margin-bottom:12px; }
.fh-reseller-hero h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.3rem,5vw,4rem); letter-spacing:-.055em; line-height:.98; margin:0; }
.fh-reseller-hero h2 em { color:var(--portal-cyan); font-style:normal; }
.fh-reseller-hero p { color:#8da3c1; line-height:1.7; margin:17px 0 23px; max-width:640px; }
.fh-reseller-hero .btn { align-items:center; display:inline-flex; gap:9px; min-height:44px; padding:0 15px; }
.fh-reseller-flow { align-self:center; background:rgba(4,13,29,.55); border:1px solid rgba(112,177,255,.13); border-radius:17px; display:grid; gap:6px; padding:18px; }
.fh-reseller-flow > div { align-items:center; display:flex; gap:12px; }
.fh-reseller-flow > div > i { align-items:center; background:rgba(52,127,255,.12); border-radius:9px; color:var(--portal-cyan); display:flex; height:38px; justify-content:center; width:38px; }
.fh-reseller-flow small,.fh-reseller-flow strong { display:block; }
.fh-reseller-flow small { color:#557093; font-size:.48rem; font-weight:800; }
.fh-reseller-flow strong { color:#dbe9f8; font-size:.68rem; margin-top:2px; }
.fh-reseller-flow > b { background:rgba(112,177,255,.15); height:13px; margin-left:18px; width:1px; }
.fh-reseller-grid { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.fh-reseller-grid article { background:linear-gradient(150deg,#0a1b37,#061126); border:1px solid var(--portal-line); border-radius:17px; min-height:200px; padding:22px; }
.fh-reseller-grid article > i { color:var(--portal-cyan); font-size:1rem; }
.fh-reseller-grid h3 { font-family:'Space Grotesk',sans-serif; font-size:.93rem; margin:22px 0 8px; }
.fh-reseller-grid p { color:#7188a8; font-size:.67rem; line-height:1.6; margin:0; }
.fh-reseller-audience { align-items:center; background:rgba(4,13,29,.48); border:1px solid var(--portal-line-soft); border-radius:19px; display:grid; gap:35px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:32px; }
.fh-reseller-audience h3 { font-family:'Space Grotesk',sans-serif; font-size:1.4rem; letter-spacing:-.035em; line-height:1.2; margin:0; }
.fh-reseller-audience ul { list-style:none; margin:0; padding:0; }
.fh-reseller-audience li { border-top:1px solid var(--portal-line-soft); color:#7d94b2; font-size:.68rem; padding:11px 0; }
.fh-reseller-audience li i { color:var(--portal-cyan); margin-right:8px; }

/* Modals */
.portal-page .modal-content { background: #081730; border: 1px solid var(--portal-line); border-radius: 17px; color: var(--portal-muted); }
.portal-page .modal-header,
.portal-page .modal-footer { border-color: var(--portal-line-soft); }
.portal-page .modal-title { color: var(--portal-text); }
.portal-page .close { color: #c8d8eb; text-shadow: none; }

/* Auth pages share the same dark surface. */
.portal-page #main-body.tt-auth-wrap { background: radial-gradient(circle at 50% 0,rgba(52,127,255,.11),transparent 35rem),#061126; }
.portal-page #main-body.tt-auth-wrap .card,
.portal-page #main-body.tt-auth-wrap .tt-login-wrap { background: linear-gradient(150deg,#0a1b37,#061126) !important; border-color: var(--portal-line) !important; }

@media (max-width: 767.98px) {
    .portal-page:not(.fjordly-home):not(.fjordly-store) #main-body { padding: 25px 0 48px; }
    .portal-page:not(.fjordly-home):not(.fjordly-store) .tt-page-header { padding: 35px 0 !important; }
    .portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .primary-content > form:not(.fh-ticket-form),
    .portal-page.page-clientareadetails #main-body form,
    .portal-page.page-user-profile #main-body form,
    .portal-page.page-user-security #main-body form,
    .portal-page.page-user-password #main-body form { padding: 20px; }
    .portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table-container,
    .portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .dataTables_wrapper { overflow-x: auto; }
    .portal-page:not(.fjordly-home):not(.fjordly-store) #main-body .table { min-width: 650px; }
    .fh-about-intro,
    .fh-about-story,
    .fh-reseller-hero,
    .fh-reseller-audience { grid-template-columns:1fr; padding:27px 22px; }
    .fh-about-signal { width:fit-content; }
    .fh-about-values,
    .fh-reseller-grid { grid-template-columns:1fr; }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .fh-reseller-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}