/* Source: qnna-design-system.css */
/*
 * Qnna Web Services Design System
 * Version: 0.12.0-alpha.1
 * Scope: global foundation, header, footer, RTL/LTR, shared components.
 */

:root {
    --qnna-primary: #025b76;
    --qnna-primary-700: #01485f;
    --qnna-primary-800: #003b4e;
    --qnna-primary-900: #082f3c;
    --qnna-primary-soft: #eaf6f9;
    --qnna-gold: #8f6e2f;
    --qnna-gold-500: #b28a3d;
    --qnna-gold-soft: #f8f1e5;
    --qnna-bg: #f7fafc;
    --qnna-surface: #ffffff;
    --qnna-surface-2: #f0f5f7;
    --qnna-text: #102b36;
    --qnna-text-soft: #5e737c;
    --qnna-border: #dbe7eb;
    --qnna-success: #168a5b;
    --qnna-warning: #d58a19;
    --qnna-danger: #c74343;
    --qnna-focus: #27a4c8;
    --qnna-shadow-sm: 0 8px 24px rgba(8, 47, 60, .07);
    --qnna-shadow-md: 0 18px 48px rgba(8, 47, 60, .10);
    --qnna-shadow-lg: 0 28px 80px rgba(8, 47, 60, .15);
    --qnna-radius-sm: 10px;
    --qnna-radius-md: 16px;
    --qnna-radius-lg: 24px;
    --qnna-radius-xl: 32px;
    --qnna-container: 1220px;
    --qnna-header-h: 84px;
    --qnna-transition: 180ms cubic-bezier(.2, .8, .2, 1);
    --qnna-font-body: "Cairo", Tahoma, Arial, sans-serif;
    --qnna-font-display: "Cairo", Tahoma, Arial, sans-serif;
}

html[data-qnna-theme="dark"] {
    --qnna-bg: #07151b;
    --qnna-surface: #0d2028;
    --qnna-surface-2: #112b35;
    --qnna-text: #edf7f9;
    --qnna-text-soft: #a9bec5;
    --qnna-border: #24414c;
    --qnna-primary-soft: #0b313e;
    --qnna-gold-soft: #2c2518;
    --qnna-shadow-sm: 0 8px 24px rgba(0, 0, 0, .20);
    --qnna-shadow-md: 0 18px 48px rgba(0, 0, 0, .26);
    --qnna-shadow-lg: 0 28px 80px rgba(0, 0, 0, .34);
}

html {
    scroll-behavior: smooth;
    background: var(--qnna-bg);
}

body.qnna-theme {
    margin: 0;
    background: var(--qnna-bg);
    color: var(--qnna-text);
    font-family: var(--qnna-font-body);
    font-size: 16px;
    line-height: 1.75;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.qnna-theme * {
    box-sizing: border-box;
}

/* Qnna typography — aligned with Tarana-inspired Arabic type treatment. */
body.qnna-theme :where(h1, h2, h3, h4, h5, h6, .qnna-display, .qnna-section-title, .card-title, .modal-title) {
    font-family: var(--qnna-font-display);
    font-style: normal;
    letter-spacing: 0;
}

body.qnna-theme :where(h1, .qnna-display) { font-weight: 800; line-height: 1.25; }
body.qnna-theme :where(h2, .qnna-section-title) { font-weight: 800; line-height: 1.32; }
body.qnna-theme :where(h3, h4, .card-title, .modal-title) { font-weight: 700; line-height: 1.4; }
body.qnna-theme :where(h5, h6) { font-weight: 600; line-height: 1.45; }

body.qnna-theme :where(p, a, li, label, small, strong, em, td, th, legend, button, input, select, textarea, .btn, .form-control, .dropdown-menu) {
    font-family: var(--qnna-font-body);
}

body.qnna-theme :where(p, li, label, td, th, input, select, textarea) {
    font-weight: 400;
}

body.qnna-theme :where(.btn, button, strong, th) {
    font-weight: 600;
}

/* Keep technical strings readable without forcing Arabic letter spacing. */
body.qnna-theme :where(code, pre, kbd, samp) {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body.qnna-theme a {
    transition: color var(--qnna-transition), background-color var(--qnna-transition), border-color var(--qnna-transition), transform var(--qnna-transition), box-shadow var(--qnna-transition);
}

body.qnna-theme img {
    max-width: 100%;
    height: auto;
}

body.qnna-theme button,
body.qnna-theme input,
body.qnna-theme select,
body.qnna-theme textarea {
    font: inherit;
}

body.qnna-theme :focus-visible {
    outline: 3px solid color-mix(in srgb, var(--qnna-focus) 60%, transparent);
    outline-offset: 3px;
}

.qnna-site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.qnna-site > .qnna-main-section {
    flex: 1 0 auto;
}

.qnna-topbar {
    position: relative;
    z-index: 1025;
    background: var(--qnna-primary-900);
    color: #d8e8ed;
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-size: 13px;
}

.qnna-topbar-inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.qnna-topbar-message,
.qnna-topbar-links,
.qnna-topbar-links a,
.qnna-topbar-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.qnna-topbar-links {
    gap: 18px;
}

.qnna-topbar a,
.qnna-topbar-button {
    color: #d8e8ed;
    text-decoration: none;
}

.qnna-topbar a:hover,
.qnna-topbar-button:hover {
    color: #fff;
}

.qnna-topbar-button {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.qnna-header {
    position: sticky;
    top: 0;
    z-index: 1020;
    min-height: var(--qnna-header-h);
    background: color-mix(in srgb, var(--qnna-surface) 92%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--qnna-border) 82%, transparent);
    backdrop-filter: saturate(150%) blur(18px);
    -webkit-backdrop-filter: saturate(150%) blur(18px);
    transition: box-shadow var(--qnna-transition), background-color var(--qnna-transition);
}

.qnna-header.qnna-header-scrolled {
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-header-inner {
    min-height: var(--qnna-header-h);
    display: flex;
    align-items: center;
    gap: 24px;
}

.qnna-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 145px;
    text-decoration: none !important;
}

.qnna-logo {
    display: block;
    width: auto;
    max-width: 176px;
    max-height: 58px;
    object-fit: contain;
}

.qnna-logo-dark {
    display: none;
}

html[data-qnna-theme="dark"] .qnna-logo-light {
    display: none;
}

html[data-qnna-theme="dark"] .qnna-logo-dark {
    display: block;
}

.qnna-primary-nav {
    flex: 1 1 auto;
    min-width: 0;
}

.qnna-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
}

.qnna-nav-item {
    position: relative;
}

.qnna-nav-link {
    min-height: 46px;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 10px 12px !important;
    border-radius: 12px;
    color: var(--qnna-text) !important;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none !important;
}

.qnna-nav-link:hover,
.qnna-nav-item.show > .qnna-nav-link,
.qnna-nav-item.active > .qnna-nav-link {
    color: var(--qnna-primary) !important;
    background: var(--qnna-primary-soft);
}

.qnna-nav-icon {
    font-size: .95em;
}

.qnna-dropdown {
    min-width: 230px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-md);
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-md);
    color: var(--qnna-text);
}

.qnna-dropdown-item {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--qnna-text) !important;
    font-size: 14px;
    font-weight: 500;
}

.qnna-dropdown-item:hover,
.qnna-dropdown-item:focus {
    background: var(--qnna-primary-soft);
    color: var(--qnna-primary) !important;
}

.qnna-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.qnna-icon-button {
    position: relative;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--qnna-border);
    border-radius: 13px;
    background: var(--qnna-surface);
    color: var(--qnna-text) !important;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(8,47,60,.03);
}

.qnna-icon-button:hover {
    border-color: color-mix(in srgb, var(--qnna-primary) 45%, var(--qnna-border));
    background: var(--qnna-primary-soft);
    color: var(--qnna-primary) !important;
    transform: translateY(-1px);
}

.qnna-action-count {
    position: absolute;
    inset-block-start: -5px;
    inset-inline-end: -5px;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--qnna-surface);
    border-radius: 999px;
    background: var(--qnna-gold-500);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.qnna-theme-icon-sun {
    display: none;
}

html[data-qnna-theme="dark"] .qnna-theme-icon-moon {
    display: none;
}

html[data-qnna-theme="dark"] .qnna-theme-icon-sun {
    display: inline-block;
}

.qnna-login-link {
    min-height: 42px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    color: var(--qnna-text) !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

.qnna-login-link:hover {
    color: var(--qnna-primary) !important;
}

.qnna-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: none;
}

.qnna-btn-primary {
    background: var(--qnna-primary);
    border-color: var(--qnna-primary);
    color: #fff !important;
}

.qnna-btn-primary:hover,
.qnna-btn-primary:focus {
    background: var(--qnna-primary-700);
    border-color: var(--qnna-primary-700);
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(2,91,118,.22);
}

.qnna-btn-secondary {
    background: var(--qnna-surface);
    border-color: color-mix(in srgb, var(--qnna-gold) 48%, var(--qnna-border));
    color: var(--qnna-gold) !important;
}

.qnna-btn-secondary:hover,
.qnna-btn-secondary:focus {
    background: var(--qnna-gold-soft);
    border-color: var(--qnna-gold);
    color: var(--qnna-gold) !important;
    transform: translateY(-2px);
}

.qnna-menu-toggle {
    order: 4;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--qnna-border) !important;
    border-radius: 13px;
    background: var(--qnna-surface) !important;
    color: var(--qnna-text) !important;
}

.qnna-notifications {
    width: min(360px, calc(100vw - 28px));
    padding: 8px;
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-md);
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-md);
}

.qnna-dropdown-heading {
    padding: 8px 10px 12px;
    color: var(--qnna-text);
    font-weight: 700;
    border-bottom: 1px solid var(--qnna-border);
}

.qnna-alert-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 6px;
    padding: 10px;
    border-radius: 10px;
    color: var(--qnna-text) !important;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none !important;
}

.qnna-alert-item:hover {
    background: var(--qnna-primary-soft);
}

.qnna-alert-empty {
    padding: 18px 10px;
    color: var(--qnna-text-soft);
    text-align: center;
    font-size: 13px;
}

.qnna-account-nav {
    margin: 0;
    padding: 0;
}

.qnna-account-nav > .nav-item > .nav-link {
    width: 42px;
    height: 42px;
    padding: 0 !important;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--qnna-border);
    border-radius: 13px;
    background: var(--qnna-surface);
}

.qnna-account-nav > .nav-item > .nav-link > span,
.qnna-account-nav > .nav-item > .nav-link::after {
    display: none;
}

.qnna-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 620px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 78% 25%, rgba(143,110,47,.16), transparent 24%),
        radial-gradient(circle at 18% 75%, rgba(39,164,200,.13), transparent 28%),
        linear-gradient(135deg, #062c3a 0%, #025b76 54%, #0c758f 100%);
    color: #fff;
}

.qnna-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .28;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, black 20%, transparent 92%);
}

.qnna-hero::after {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    bottom: -150px;
    width: 700px;
    height: 310px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    filter: blur(70px);
    z-index: -1;
}

.qnna-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
    align-items: center;
    gap: 70px;
    padding-top: 82px;
    padding-bottom: 82px;
}

.qnna-hero-copy {
    max-width: 670px;
}

.qnna-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #f3dca7;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
}

.qnna-hero h1 {
    max-width: 720px;
    margin: 20px 0 18px;
    color: #fff;
    font-size: clamp(38px, 5vw, 66px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.02em;
}

.qnna-hero-copy > p {
    max-width: 650px;
    margin: 0;
    color: #d7e8ed;
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.8;
}

.qnna-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.qnna-hero .qnna-btn-primary {
    background: #fff;
    border-color: #fff;
    color: var(--qnna-primary-800) !important;
}

.qnna-hero .qnna-btn-primary:hover {
    background: #f5fbfd;
    color: var(--qnna-primary) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.16);
}

.qnna-hero .qnna-btn-secondary {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.26);
    color: #fff !important;
}

.qnna-hero .qnna-btn-secondary:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.44);
}

.qnna-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 34px;
    color: #d8e8ed;
    font-size: 13px;
}

.qnna-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.qnna-trust-row i {
    color: #f0ca75;
}

.qnna-hero-visual {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qnna-core-card {
    position: relative;
    z-index: 4;
    width: 230px;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 80px rgba(0,0,0,.20);
    backdrop-filter: blur(14px);
}

.qnna-core-card i {
    margin-bottom: 12px;
    color: #f0ca75;
    font-size: 38px;
}

.qnna-core-card strong {
    color: #fff;
    font-size: 31px;
    line-height: 1.2;
}

.qnna-core-card span {
    margin-top: 4px;
    color: #d9e9ed;
    font-size: 12px;
    letter-spacing: .04em;
}

.qnna-core-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
}

.qnna-core-orbit-one {
    width: 330px;
    height: 330px;
}

.qnna-core-orbit-two {
    width: 430px;
    height: 430px;
    border-style: dashed;
    animation: qnna-spin 34s linear infinite;
}

.qnna-core-node {
    position: absolute;
    z-index: 5;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 20px;
    background: rgba(8,47,60,.72);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
    font-size: 23px;
}

.qnna-node-host { inset-block-start: 25px; inset-inline-start: 32px; }
.qnna-node-domain { inset-block-end: 36px; inset-inline-start: 14px; }
.qnna-node-secure { inset-block-start: 112px; inset-inline-end: 8px; }

.qnna-network-grid span {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f0ca75;
    box-shadow: 0 0 0 7px rgba(240,202,117,.08), 0 0 24px rgba(240,202,117,.4);
    opacity: .8;
}
.qnna-network-grid span:nth-child(1){top:18%;left:9%;}
.qnna-network-grid span:nth-child(2){top:64%;left:22%;}
.qnna-network-grid span:nth-child(3){top:24%;right:9%;}
.qnna-network-grid span:nth-child(4){bottom:18%;right:18%;}
.qnna-network-grid span:nth-child(5){top:48%;right:42%;}
.qnna-network-grid span:nth-child(6){bottom:8%;left:46%;}

@keyframes qnna-spin { to { transform: rotate(360deg); } }

.qnna-page-heading {
    position: relative;
    padding: 48px 0 26px;
    background:
        linear-gradient(180deg, var(--qnna-primary-soft), transparent 85%),
        var(--qnna-bg);
    border-bottom: 1px solid var(--qnna-border);
}

.qnna-page-heading-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.qnna-page-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--qnna-gold);
    font-size: 13px;
    font-weight: 700;
}

.qnna-page-heading h1 {
    margin: 0;
    color: var(--qnna-text);
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.3;
}

.qnna-breadcrumb .breadcrumb {
    margin: 0;
    padding: 8px 0;
    background: transparent;
    color: var(--qnna-text-soft);
    font-size: 13px;
}

.qnna-breadcrumb .breadcrumb a {
    color: var(--qnna-primary);
}

.qnna-context-nav {
    margin-top: 24px;
    overflow: auto hidden;
    scrollbar-width: thin;
}

.qnna-context-nav .nav {
    min-width: max-content;
    gap: 8px;
}

.qnna-main-section {
    padding: 36px 0 64px;
    background: var(--qnna-bg);
}

.qnna-home-body {
    padding-top: 0;
}

.qnna-panel {
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-lg);
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-page-content {
    padding: clamp(20px, 3vw, 36px) !important;
}

.qnna-sidebar-panel {
    padding: 20px;
}

body.qnna-theme .form-control,
body.qnna-theme .custom-select,
body.qnna-theme select.form-control,
body.qnna-theme textarea.form-control {
    min-height: 46px;
    border: 1px solid var(--qnna-border);
    border-radius: 12px;
    background: var(--qnna-surface);
    color: var(--qnna-text);
    box-shadow: none;
}

body.qnna-theme textarea.form-control {
    min-height: 110px;
}

body.qnna-theme .form-control:focus,
body.qnna-theme .custom-select:focus {
    border-color: var(--qnna-focus);
    background: var(--qnna-surface);
    color: var(--qnna-text);
    box-shadow: 0 0 0 3px rgba(39,164,200,.14);
}

body.qnna-theme .btn-primary {
    background: var(--qnna-primary);
    border-color: var(--qnna-primary);
}

body.qnna-theme .btn-primary:hover,
body.qnna-theme .btn-primary:focus {
    background: var(--qnna-primary-700);
    border-color: var(--qnna-primary-700);
}

body.qnna-theme .card,
body.qnna-theme .panel,
body.qnna-theme .list-group-item,
body.qnna-theme .modal-content {
    border-color: var(--qnna-border);
    background: var(--qnna-surface);
    color: var(--qnna-text);
}

body.qnna-theme .table {
    color: var(--qnna-text);
}

body.qnna-theme .table td,
body.qnna-theme .table th {
    border-color: var(--qnna-border);
}

body.qnna-theme .alert {
    border-radius: 14px;
}

.qnna-service-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.qnna-service-card {
    position: relative;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    padding: 28px;
    overflow: hidden;
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-lg);
    background: var(--qnna-surface);
    color: var(--qnna-text);
    box-shadow: var(--qnna-shadow-sm);
    transition: transform var(--qnna-transition), box-shadow var(--qnna-transition), border-color var(--qnna-transition);
}

.qnna-service-card:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--qnna-primary) 30%, var(--qnna-border));
    box-shadow: var(--qnna-shadow-md);
}

.qnna-service-card-featured {
    border-color: color-mix(in srgb, var(--qnna-gold) 45%, var(--qnna-border));
    background: linear-gradient(180deg, var(--qnna-gold-soft), var(--qnna-surface) 42%);
}

.qnna-card-badge {
    position: absolute;
    inset-block-start: 18px;
    inset-inline-end: 18px;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--qnna-gold-soft);
    color: var(--qnna-gold);
    font-size: 11px;
    font-weight: 700;
}

.qnna-service-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 15px;
    background: var(--qnna-primary-soft);
    color: var(--qnna-primary);
    font-size: 22px;
}

.qnna-service-card h3 {
    margin: 0 0 10px;
    color: var(--qnna-text);
    font-size: 21px;
    font-weight: 700;
}

.qnna-service-card p {
    margin: 0 0 22px;
    color: var(--qnna-text-soft);
    font-size: 14px;
    line-height: 1.8;
}

.qnna-card-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--qnna-primary) !important;
    font-weight: 700;
    text-decoration: none !important;
}

.qnna-rtl .qnna-card-link i { transform: rotate(180deg); }

.qnna-data-note {
    margin-top: 18px;
    padding: 12px 16px;
    border: 1px solid var(--qnna-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--qnna-primary-soft) 65%, var(--qnna-surface));
    color: var(--qnna-text-soft);
    font-size: 13px;
}

.qnna-data-note i {
    margin-inline-end: 5px;
    color: var(--qnna-primary);
}

.qnna-safe-placeholder {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 20px;
    padding: 28px;
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-lg);
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-safe-placeholder-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: var(--qnna-primary-soft);
    color: var(--qnna-primary);
    font-size: 24px;
}

.qnna-safe-placeholder h3 { margin: 0 0 4px; color: var(--qnna-text); font-size: 20px; }
.qnna-safe-placeholder p { margin: 0; color: var(--qnna-text-soft); font-size: 14px; }

.qnna-process-section {
    padding: 96px 0;
    background: var(--qnna-surface);
}

.qnna-section-heading {
    max-width: 720px;
    margin: 0 auto 46px;
    text-align: center;
}

.qnna-section-heading .qnna-eyebrow {
    border-color: var(--qnna-border);
    background: var(--qnna-gold-soft);
    color: var(--qnna-gold);
}

.qnna-section-heading h2 {
    margin: 15px 0 0;
    color: var(--qnna-text);
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.35;
}

.qnna-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.qnna-process-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    border: 1px solid var(--qnna-border);
    border-radius: var(--qnna-radius-lg);
    background: var(--qnna-bg);
}

.qnna-process-number {
    position: absolute;
    inset-block-start: 18px;
    inset-inline-end: 20px;
    color: color-mix(in srgb, var(--qnna-gold) 45%, transparent);
    font-size: 30px;
    font-weight: 700;
}

.qnna-process-card > i {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    border-radius: 16px;
    background: var(--qnna-primary-soft);
    color: var(--qnna-primary);
    font-size: 21px;
}

.qnna-process-card h3 {
    margin: 0 0 10px;
    color: var(--qnna-text);
    font-size: 19px;
    font-weight: 700;
}

.qnna-process-card p {
    margin: 0;
    color: var(--qnna-text-soft);
    font-size: 14px;
    line-height: 1.8;
}

.qnna-process-action {
    margin-top: 28px;
    text-align: center;
}

.qnna-footer {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    padding: 76px 0 24px;
    background: #062c3a;
    color: #d5e4e9;
}

.qnna-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .14;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 38px 38px;
}

.qnna-footer-glow {
    position: absolute;
    top: -160px;
    inset-inline-end: -100px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: rgba(143,110,47,.22);
    filter: blur(80px);
}

.qnna-footer > .container {
    position: relative;
    z-index: 2;
}

.qnna-footer-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1.55fr) repeat(3, minmax(150px, .7fr));
    gap: 38px;
}

.qnna-footer-logo {
    display: inline-flex;
    margin-bottom: 18px;
}

.qnna-footer-logo img {
    width: auto;
    max-width: 190px;
    max-height: 68px;
    object-fit: contain;
}

.qnna-footer-brand p {
    max-width: 480px;
    margin: 0 0 18px;
    color: #b6cbd2;
    font-size: 14px;
    line-height: 1.9;
}

.qnna-footer-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.qnna-footer-contact a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    color: #dbeaf0 !important;
    font-size: 12px;
    text-decoration: none !important;
}

.qnna-footer-contact a:hover {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.22);
}

.qnna-social-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 17px 0 0;
    padding: 0;
}

.qnna-social-list .list-inline-item {
    margin: 0;
}

.qnna-social-list a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: transparent;
    color: #dbeaf0 !important;
}

.qnna-social-list a:hover {
    border-color: rgba(240,202,117,.5);
    color: #f0ca75 !important;
}

.qnna-footer-column h2 {
    margin: 7px 0 17px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.qnna-footer-column > a {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    color: #b6cbd2 !important;
    font-size: 13px;
    text-decoration: none !important;
}

.qnna-footer-column > a:hover {
    color: #fff !important;
    transform: translateX(var(--qnna-footer-shift, 0));
}

.qnna-rtl .qnna-footer-column > a:hover { --qnna-footer-shift: -3px; }
.qnna-ltr .qnna-footer-column > a:hover { --qnna-footer-shift: 3px; }

.qnna-footer-bottom {
    margin-top: 52px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-top: 1px solid rgba(255,255,255,.10);
}

.qnna-footer-bottom p {
    margin: 0;
    color: #91aab3;
    font-size: 12px;
}

.qnna-footer-bottom a {
    color: #d6b96f !important;
}

.qnna-footer-locale {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: transparent;
    color: #dbeaf0;
    font-size: 12px;
    cursor: pointer;
}

.qnna-support-fab {
    position: fixed;
    left: max(18px, env(safe-area-inset-left));
    right: auto;
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 1050;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    background: #1eae61;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.20);
}

.qnna-support-fab i {
    font-size: 22px;
}

.qnna-support-fab:hover {
    background: #168d4d;
    color: #fff !important;
    transform: translateY(-2px);
}

html[data-qnna-theme="dark"] body.qnna-theme .white-bg,
html[data-qnna-theme="dark"] body.qnna-theme .bg-white,
html[data-qnna-theme="dark"] body.qnna-theme .bg-default,
html[data-qnna-theme="dark"] body.qnna-theme .bg-default-2,
html[data-qnna-theme="dark"] body.qnna-theme .beiege-bg {
    background-color: var(--qnna-surface) !important;
    color: var(--qnna-text) !important;
}

html[data-qnna-theme="dark"] body.qnna-theme .text-blackish-blue,
html[data-qnna-theme="dark"] body.qnna-theme .color-blackish-blue,
html[data-qnna-theme="dark"] body.qnna-theme .coodiv-text-color {
    color: var(--qnna-text) !important;
}

html[data-qnna-theme="dark"] body.qnna-theme .text-muted,
html[data-qnna-theme="dark"] body.qnna-theme .color-blackish-blue-opacity {
    color: var(--qnna-text-soft) !important;
}

html[data-qnna-theme="dark"] body.qnna-theme .border,
html[data-qnna-theme="dark"] body.qnna-theme .border-top,
html[data-qnna-theme="dark"] body.qnna-theme .border-bottom {
    border-color: var(--qnna-border) !important;
}

.qnna-rtl .text-left { text-align: right !important; }
.qnna-rtl .text-right { text-align: left !important; }
.qnna-rtl .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
.qnna-rtl .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

@media (max-width: 1199.98px) {
    .qnna-header-inner { gap: 14px; }
    .qnna-nav-link { padding-inline: 9px !important; font-size: 13px; }
    .qnna-hero-inner { grid-template-columns: minmax(0, 1fr) 390px; gap: 36px; }
    .qnna-footer-grid { grid-template-columns: 1.3fr repeat(3, .7fr); gap: 24px; }
}

@media (max-width: 991.98px) {
    :root { --qnna-header-h: 72px; }
    .qnna-topbar-message { display: none; }
    .qnna-topbar-inner { justify-content: center; }
    .qnna-header-inner { flex-wrap: wrap; }
    .qnna-brand { min-width: 0; }
    .qnna-logo { max-width: 150px; max-height: 50px; }
    .qnna-menu-toggle { display: inline-flex; align-items: center; justify-content: center; margin-inline-start: 2px; }
    .qnna-primary-nav {
        order: 5;
        flex-basis: 100%;
        margin: 0 -15px;
        padding: 10px 15px 16px;
        border-top: 1px solid var(--qnna-border);
        background: var(--qnna-surface);
    }
    .qnna-nav-list { align-items: stretch; gap: 4px; }
    .qnna-nav-link { width: 100%; justify-content: space-between; padding: 11px 12px !important; }
    .qnna-dropdown { position: static !important; transform: none !important; width: 100%; margin: 4px 0; box-shadow: none; }
    .qnna-header-actions { margin-inline-start: auto; }
    .qnna-hero { min-height: auto; }
    .qnna-hero-inner { grid-template-columns: 1fr; gap: 16px; padding-top: 64px; padding-bottom: 64px; }
    .qnna-hero-copy { max-width: 760px; }
    .qnna-hero-visual { min-height: 350px; }
    .qnna-core-orbit-one { width: 290px; height: 290px; }
    .qnna-core-orbit-two { width: 370px; height: 370px; }
    .qnna-core-card { width: 205px; height: 205px; }
    .qnna-service-cards,
    .qnna-process-grid { grid-template-columns: 1fr; }
    .qnna-service-card { min-height: 230px; }
    .qnna-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
    .qnna-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
    .qnna-topbar { display: none; }
    .qnna-header { top: 0; }
    .qnna-header-inner { min-height: 70px; }
    .qnna-logo { max-width: 132px; max-height: 46px; }
    .qnna-header-actions { gap: 5px; }
    .qnna-icon-button,
    .qnna-account-nav > .nav-item > .nav-link,
    .qnna-menu-toggle { width: 40px; height: 40px; border-radius: 12px; }
    .qnna-hero-inner { padding-top: 48px; padding-bottom: 54px; }
    .qnna-hero h1 { font-size: clamp(34px, 10vw, 48px); }
    .qnna-hero-copy > p { font-size: 16px; }
    .qnna-hero-actions { display: grid; grid-template-columns: 1fr; }
    .qnna-hero-actions .qnna-btn { width: 100%; }
    .qnna-trust-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .qnna-hero-visual { min-height: 310px; transform: scale(.88); margin: -10px 0 -20px; }
    .qnna-page-heading { padding: 30px 0 18px; }
    .qnna-page-heading-inner { align-items: flex-start; flex-direction: column; gap: 8px; }
    .qnna-main-section { padding: 22px 0 48px; }
    .qnna-page-content { border-radius: 18px; padding: 18px !important; }
    .qnna-safe-placeholder { grid-template-columns: auto 1fr; }
    .qnna-safe-placeholder .qnna-btn { grid-column: 1 / -1; width: 100%; }
    .qnna-process-section { padding: 64px 0; }
    .qnna-footer { padding-top: 56px; padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
    .qnna-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
    .qnna-footer-brand { grid-column: 1 / -1; }
    .qnna-footer-bottom { align-items: flex-start; flex-direction: column; margin-top: 36px; }
    .qnna-support-fab { width: 52px; height: 52px; min-height: 52px; padding: 0; }
    .qnna-support-fab span { display: none; }
}

@media (max-width: 479.98px) {
    .qnna-brand { flex: 1 1 auto; }
    .qnna-header-actions .qnna-theme-toggle { display: none; }
    .qnna-hero-visual { transform: scale(.76); margin: -34px 0 -48px; }
    .qnna-trust-row { grid-template-columns: 1fr; }
    .qnna-service-card,
    .qnna-process-card { padding: 22px; border-radius: 18px; }
    .qnna-footer-grid { grid-template-columns: 1fr; }
    .qnna-footer-column { border-top: 1px solid rgba(255,255,255,.08); padding-top: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Bootstrap 4 collapse interoperability for the custom Qnna navigation. */
.qnna-menu-toggle { display: none; }
@media (min-width: 992px) {
    .qnna-primary-nav.collapse { display: flex !important; }
}
@media (max-width: 991.98px) {
    .qnna-menu-toggle { display: inline-flex; }
    .qnna-primary-nav.collapse:not(.show) { display: none !important; }
    .qnna-primary-nav.collapse.show { display: block !important; }
}

/* =========================================================
   Qnna Web Services v0.2.0-alpha.1 — premium homepage layer
   Visual direction: editorial whitespace + service journey.
   ========================================================= */
[data-qnna-reveal] { opacity: 1; transform: none; }
[data-qnna-reveal].qnna-is-visible { opacity: 1; transform: none; }
.qnna-home-body { padding: 0 !important; }
.qnna-home-section { padding: 96px 0; position: relative; }
.qnna-home-heading { max-width: 700px; margin-bottom: 42px; }
.qnna-home-heading-center { margin-inline: auto; text-align: center; }
.qnna-home-heading h2, .qnna-domain-copy h2, .qnna-ops-copy h2, .qnna-closing-shell h2 { margin: 12px 0 14px; color: var(--qnna-text); font-size: clamp(32px,4.2vw,52px); line-height: 1.18; font-weight: 800; letter-spacing: -.035em; }
.qnna-home-heading p, .qnna-domain-copy p, .qnna-ops-copy > p, .qnna-closing-shell p { margin: 0; color: var(--qnna-text-soft); font-size: 17px; line-height: 1.9; }
.qnna-section-label { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid var(--qnna-border); border-radius: 999px; background: var(--qnna-surface); color: var(--qnna-primary); font-size: 12px; font-weight: 800; }
.qnna-section-label-dark { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: #d7bc77; }

.qnna-domain-stage { position: relative; z-index: 5; margin-top: -42px; padding: 0 0 72px; }
.qnna-domain-shell { position: relative; overflow: hidden; padding: 34px; border: 1px solid var(--qnna-border); border-radius: 28px; background: color-mix(in srgb,var(--qnna-surface) 96%,transparent); box-shadow: var(--qnna-shadow-md); }
.qnna-domain-shell::after { content:""; position:absolute; width:260px; height:260px; inset-inline-end:-90px; top:-110px; border-radius:50%; background: radial-gradient(circle, rgba(178,138,61,.16), transparent 68%); pointer-events:none; }
.qnna-domain-copy { max-width: 660px; }
.qnna-domain-copy h2 { font-size: clamp(28px,3vw,40px); }
.qnna-domain-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; margin-top: 26px; }
.qnna-domain-field { min-height: 62px; display:flex; align-items:center; gap:12px; padding: 0 18px; border:1px solid var(--qnna-border); border-radius:16px; background:var(--qnna-bg); }
.qnna-domain-field i { color:var(--qnna-primary); }
.qnna-domain-field input { width:100%; border:0; outline:0; background:transparent; color:var(--qnna-text); font-size:16px; direction:ltr; text-align:start; }
.qnna-btn-gold { background:linear-gradient(135deg,var(--qnna-gold),var(--qnna-gold-500)); color:#fff !important; border-color:transparent !important; box-shadow:0 12px 30px rgba(143,110,47,.22); }
.qnna-btn-gold:hover { transform:translateY(-2px); box-shadow:0 18px 38px rgba(143,110,47,.28); }
.qnna-tld-strip { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.qnna-tld-chip { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--qnna-border); border-radius:12px; background:var(--qnna-surface); font-size:12px; }
.qnna-tld-chip strong { color:var(--qnna-primary); font-size:14px; direction:ltr; }
.qnna-tld-chip span { color:var(--qnna-text-soft); direction:ltr; }

.qnna-services-stage { padding-top: 74px; background: linear-gradient(180deg,var(--qnna-bg),color-mix(in srgb,var(--qnna-primary-soft) 52%,var(--qnna-bg))); }
.qnna-service-mosaic { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.qnna-mosaic-card { position:relative; min-height:295px; display:flex; flex-direction:column; padding:26px; overflow:hidden; border:1px solid var(--qnna-border); border-radius:24px; background:var(--qnna-surface); color:var(--qnna-text) !important; text-decoration:none !important; box-shadow:0 8px 28px rgba(8,47,60,.045); }
.qnna-mosaic-card-wide { grid-column:span 2; }
.qnna-mosaic-card::after { content:""; position:absolute; width:150px; height:150px; inset-inline-end:-70px; bottom:-70px; border-radius:50%; background:var(--qnna-primary-soft); transition:transform .35s ease; }
.qnna-mosaic-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--qnna-primary) 30%,var(--qnna-border)); box-shadow:var(--qnna-shadow-md); }
.qnna-mosaic-card:hover::after { transform:scale(1.28); }
.qnna-mosaic-card-gold { background:linear-gradient(145deg,#8f6e2f,#b28a3d); border-color:transparent; color:#fff !important; }
.qnna-mosaic-card-gold::after { background:rgba(255,255,255,.09); }
.qnna-mosaic-card-gold p, .qnna-mosaic-card-gold .qnna-mosaic-index, .qnna-mosaic-card-gold .qnna-mosaic-link { color:rgba(255,255,255,.84) !important; }
.qnna-mosaic-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; background:var(--qnna-primary-soft); color:var(--qnna-primary); font-size:21px; }
.qnna-mosaic-card-gold .qnna-mosaic-icon { background:rgba(255,255,255,.13); color:#fff; }
.qnna-mosaic-index { position:absolute; inset-inline-end:22px; top:22px; color:color-mix(in srgb,var(--qnna-text-soft) 60%,transparent); font-size:12px; font-weight:800; }
.qnna-mosaic-card h3 { margin:28px 0 10px; font-size:21px; font-weight:800; color:inherit; }
.qnna-mosaic-card p { margin:0 0 22px; color:var(--qnna-text-soft); font-size:14px; line-height:1.85; }
.qnna-mosaic-link { margin-top:auto; position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; color:var(--qnna-primary); font-size:13px; font-weight:800; }
.qnna-rtl .qnna-mosaic-link i, .qnna-rtl .qnna-support-arrow { transform:rotate(0deg); }
.qnna-ltr .qnna-mosaic-link i, .qnna-ltr .qnna-support-arrow { transform:rotate(180deg); }

.qnna-plans-stage { background:var(--qnna-surface); }
.qnna-plans-stage .qnna-service-cards { margin-top:4px; }
.qnna-process-section { padding:96px 0; background:var(--qnna-bg); }
.qnna-process-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.qnna-process-grid-four .qnna-process-card { min-height:285px; }

.qnna-ops-stage { padding-top:28px; background:var(--qnna-bg); }
.qnna-ops-shell { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:60px; padding:64px; border-radius:34px; background:linear-gradient(135deg,#062f3d,#025b76 58%,#174958); color:#fff; box-shadow:var(--qnna-shadow-lg); }
.qnna-ops-shell::before { content:""; position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,black,transparent); }
.qnna-ops-copy, .qnna-ops-stack { position:relative; z-index:1; }
.qnna-ops-copy h2 { color:#fff; }
.qnna-ops-copy > p { color:#c5dbe2; }
.qnna-ops-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.qnna-btn-ghost-light { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.22) !important; color:#fff !important; }
.qnna-ops-stack { display:grid; gap:12px; align-content:center; }
.qnna-ops-stack article { display:grid; grid-template-columns:50px 1fr; gap:14px; padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.075); backdrop-filter:blur(8px); }
.qnna-ops-stack article > span { width:50px; height:50px; display:grid; place-items:center; border-radius:14px; background:rgba(215,188,119,.13); color:#d7bc77; }
.qnna-ops-stack h3 { margin:0 0 5px; color:#fff; font-size:16px; font-weight:800; }
.qnna-ops-stack p { margin:0; color:#c5dbe2; font-size:13px; line-height:1.7; }

.qnna-support-stage { padding-top:78px; padding-bottom:78px; background:var(--qnna-bg); }
.qnna-support-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.qnna-support-card { min-height:160px; display:grid; grid-template-columns:52px 1fr auto; gap:16px; align-items:center; padding:24px; border:1px solid var(--qnna-border); border-radius:22px; background:var(--qnna-surface); color:var(--qnna-text) !important; text-decoration:none !important; }
.qnna-support-card > span { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:var(--qnna-primary-soft); color:var(--qnna-primary); font-size:20px; }
.qnna-support-card small { color:var(--qnna-gold); font-weight:800; }
.qnna-support-card h3 { margin:3px 0 4px; font-size:18px; font-weight:800; }
.qnna-support-card p { margin:0; color:var(--qnna-text-soft); font-size:12px; line-height:1.6; }
.qnna-support-arrow { color:var(--qnna-primary); }
.qnna-support-card:hover { transform:translateY(-4px); box-shadow:var(--qnna-shadow-sm); }

.qnna-closing-stage { padding-top:18px; padding-bottom:96px; background:var(--qnna-bg); }
.qnna-closing-shell { display:flex; align-items:center; justify-content:space-between; gap:34px; padding:42px; border:1px solid color-mix(in srgb,var(--qnna-gold) 30%,var(--qnna-border)); border-radius:28px; background:linear-gradient(125deg,var(--qnna-gold-soft),var(--qnna-surface) 56%); }
.qnna-closing-shell > div:first-child { max-width:680px; }
.qnna-closing-shell h2 { font-size:clamp(28px,3.3vw,42px); }
.qnna-closing-actions { display:flex; flex-wrap:wrap; gap:10px; flex:0 0 auto; }

html[data-qnna-theme="dark"] .qnna-services-stage { background:linear-gradient(180deg,var(--qnna-bg),#0a1b22); }
html[data-qnna-theme="dark"] .qnna-closing-shell { background:linear-gradient(125deg,#282115,var(--qnna-surface) 60%); }

@media (max-width: 1199.98px) {
  .qnna-service-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qnna-process-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qnna-ops-shell { gap:34px; padding:48px; }
}
@media (max-width: 991.98px) {
  .qnna-home-section { padding:76px 0; }
  .qnna-domain-stage { margin-top:-24px; }
  .qnna-ops-shell { grid-template-columns:1fr; }
  .qnna-support-grid { grid-template-columns:1fr; }
  .qnna-support-card { min-height:130px; }
  .qnna-closing-shell { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 767.98px) {
  .qnna-home-section { padding:62px 0; }
  .qnna-domain-stage { margin-top:0; padding-top:24px; padding-bottom:46px; }
  .qnna-domain-shell { padding:22px; border-radius:22px; }
  .qnna-domain-form { grid-template-columns:1fr; }
  .qnna-domain-form .qnna-btn { width:100%; min-height:54px; }
  .qnna-tld-strip { flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; scrollbar-width:none; }
  .qnna-tld-strip::-webkit-scrollbar { display:none; }
  .qnna-tld-chip { flex:0 0 auto; }
  .qnna-service-mosaic { grid-template-columns:1fr; }
  .qnna-mosaic-card-wide { grid-column:auto; }
  .qnna-mosaic-card { min-height:245px; padding:22px; border-radius:20px; }
  .qnna-process-grid-four { grid-template-columns:1fr; }
  .qnna-ops-shell { padding:30px 22px; border-radius:24px; }
  .qnna-ops-actions, .qnna-closing-actions { width:100%; display:grid; grid-template-columns:1fr; }
  .qnna-ops-actions .qnna-btn, .qnna-closing-actions .qnna-btn { width:100%; }
  .qnna-support-card { grid-template-columns:48px 1fr; }
  .qnna-support-arrow { display:none; }
  .qnna-closing-shell { padding:28px 22px; border-radius:22px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-qnna-reveal] { opacity:1 !important; transform:none !important; }
}


/* =========================================================
   Qnna Web Services v0.3.0-alpha.1 — Qnna Client Console
   ========================================================= */

.qnna-client-console {
    --qnna-console-navy: #062f3d;
    --qnna-console-navy-2: #0a5368;
    width: 100%;
    display: grid;
    gap: 28px;
}

.qnna-client-console > .alert {
    margin-bottom: 0;
}

.qnna-console-hero {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
    align-items: center;
    gap: 32px;
    padding: 42px 48px;
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 15% 0%, rgba(61,181,214,.24), transparent 34%),
        radial-gradient(circle at 92% 88%, rgba(178,138,61,.24), transparent 30%),
        linear-gradient(135deg, #073746 0%, #025b76 58%, #06313e 100%);
    box-shadow: 0 28px 70px rgba(2, 67, 86, .20);
    isolation: isolate;
}

.qnna-console-hero::before,
.qnna-console-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    z-index: -1;
}

.qnna-console-hero::before {
    width: 320px;
    height: 320px;
    inset-inline-end: -110px;
    top: -145px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 0 52px rgba(255,255,255,.025), 0 0 0 108px rgba(255,255,255,.02);
}

.qnna-console-hero::after {
    width: 210px;
    height: 210px;
    inset-inline-start: -110px;
    bottom: -135px;
    background: rgba(178,138,61,.16);
    filter: blur(2px);
}

.qnna-console-hero-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .12;
    background-image:
        linear-gradient(rgba(255,255,255,.34) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.34) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.95), transparent 78%);
}

.qnna-console-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.qnna-console-kicker,
.qnna-side-card-kicker,
.qnna-console-domain-copy small,
.qnna-console-section-heading > div > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--qnna-gold-500);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.qnna-console-kicker {
    color: #f4d89c;
    padding: 8px 12px;
    margin-bottom: 18px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.07);
    border-radius: 999px;
    backdrop-filter: blur(8px);
}

.qnna-console-hero h2 {
    margin: 0 0 13px;
    color: #fff;
    font-size: clamp(28px, 3.1vw, 46px);
    line-height: 1.25;
    font-weight: 800;
}

.qnna-console-hero h2 span {
    color: #f3d48d;
}

.qnna-console-hero-copy > p {
    max-width: 660px;
    margin: 0;
    color: rgba(239,249,252,.82);
    font-size: 16px;
    line-height: 1.9;
}

.qnna-console-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.qnna-btn-light,
.qnna-btn-gold,
.qnna-btn-ghost-light {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 13px;
    padding-inline: 18px;
    font-size: 13px;
    font-weight: 800;
}

.qnna-btn-light {
    color: var(--qnna-primary-900) !important;
    background: #fff;
    border-color: #fff;
}

.qnna-btn-light:hover {
    color: var(--qnna-primary-900) !important;
    background: #edf8fb;
    transform: translateY(-2px);
}

.qnna-btn-gold {
    color: #fff !important;
    background: var(--qnna-gold);
    border-color: var(--qnna-gold);
    box-shadow: 0 12px 28px rgba(143,110,47,.26);
}

.qnna-btn-gold:hover {
    color: #fff !important;
    background: #a27d34;
    border-color: #a27d34;
    transform: translateY(-2px);
}

.qnna-btn-ghost-light {
    color: #fff !important;
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.20);
}

.qnna-btn-ghost-light:hover {
    color: #fff !important;
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.30);
}

.qnna-console-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 20px;
    color: rgba(239,249,252,.72);
    font-size: 12px;
}

.qnna-console-meta span,
.qnna-console-meta a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: inherit;
    text-decoration: none;
}

.qnna-console-meta strong {
    color: #fff;
}

.qnna-console-orbit {
    position: relative;
    justify-self: center;
    width: 280px;
    height: 280px;
}

.qnna-console-orbit-ring {
    position: absolute;
    inset: 50%;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.qnna-console-orbit-ring-one { width: 226px; height: 226px; }
.qnna-console-orbit-ring-two { width: 168px; height: 168px; border-style: dashed; opacity: .66; }

.qnna-console-orbit-core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 112px;
    height: 112px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 32px;
    background: rgba(255,255,255,.94);
    color: var(--qnna-primary);
    box-shadow: 0 24px 50px rgba(0,0,0,.18);
}

.qnna-console-orbit-core span {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    font-family: Arial, sans-serif;
}

.qnna-console-orbit-core small {
    margin-top: 5px;
    color: var(--qnna-gold);
    font-size: 11px;
    font-weight: 800;
}

.qnna-console-node {
    position: absolute;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #fff;
    background: rgba(7,47,61,.82);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 16px 35px rgba(0,0,0,.17);
    backdrop-filter: blur(10px);
}

.qnna-console-node i { font-size: 17px; }
.qnna-console-node span {
    position: absolute;
    top: -7px;
    inset-inline-end: -7px;
    min-width: 23px;
    height: 23px;
    padding-inline: 5px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--qnna-gold-500);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    border: 2px solid #0a5268;
}

.qnna-console-node-services { top: 17px; left: 25px; }
.qnna-console-node-domains { top: 105px; right: -3px; }
.qnna-console-node-tickets { bottom: 5px; left: 50px; }

.qnna-console-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.qnna-console-stat {
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--qnna-border);
    border-radius: 20px;
    background: var(--qnna-surface);
    color: var(--qnna-text);
    text-decoration: none !important;
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-console-stat:hover {
    color: var(--qnna-text);
    border-color: color-mix(in srgb, var(--qnna-primary) 34%, var(--qnna-border));
    box-shadow: var(--qnna-shadow-md);
    transform: translateY(-3px);
}

.qnna-console-stat-icon,
.qnna-quick-icon,
.qnna-side-card-icon,
.qnna-console-domain-icon {
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: var(--qnna-primary);
    background: var(--qnna-primary-soft);
}

.qnna-console-stat-icon { width: 52px; height: 52px; font-size: 18px; }

.qnna-console-stat-attention .qnna-console-stat-icon {
    color: var(--qnna-warning);
    background: color-mix(in srgb, var(--qnna-warning) 11%, var(--qnna-surface));
}

.qnna-console-stat-live .qnna-console-stat-icon {
    color: var(--qnna-success);
    background: color-mix(in srgb, var(--qnna-success) 11%, var(--qnna-surface));
}

.qnna-console-stat-copy {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0 8px;
}

.qnna-console-stat-copy small {
    min-width: 0;
    overflow: hidden;
    color: var(--qnna-text-soft);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.qnna-console-stat-copy strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    color: var(--qnna-text);
    font-size: 29px;
    line-height: 1;
    font-weight: 800;
}

.qnna-console-stat-copy em {
    margin-top: 3px;
    color: var(--qnna-primary);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.qnna-rtl .qnna-console-stat-copy em i,
.qnna-rtl .qnna-text-link i,
.qnna-rtl .qnna-side-card-links > a:not(.btn) i,
.qnna-rtl .qnna-console-section-heading > a i { transform: rotate(180deg); }

.qnna-console-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .65fr);
    gap: 22px;
    align-items: start;
}

.qnna-console-main-column,
.qnna-console-side-column {
    min-width: 0;
    display: grid;
    gap: 20px;
}

.qnna-console-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.qnna-console-section-heading h3 {
    margin: 4px 0 0;
    color: var(--qnna-text);
    font-size: 23px;
    font-weight: 800;
}

.qnna-console-section-heading > a {
    color: var(--qnna-text-soft);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.qnna-console-section-heading > a:hover { color: var(--qnna-primary); }

.qnna-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.qnna-quick-action {
    min-width: 0;
    min-height: 104px;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--qnna-border);
    border-radius: 20px;
    background: var(--qnna-surface);
    color: var(--qnna-text);
    text-decoration: none !important;
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-quick-action:hover {
    color: var(--qnna-text);
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--qnna-gold) 35%, var(--qnna-border));
    box-shadow: var(--qnna-shadow-md);
}

.qnna-quick-icon { width: 52px; height: 52px; font-size: 18px; }
.qnna-quick-action:nth-child(2) .qnna-quick-icon { color: var(--qnna-gold); background: var(--qnna-gold-soft); }
.qnna-quick-action:nth-child(3) .qnna-quick-icon { color: var(--qnna-success); background: color-mix(in srgb, var(--qnna-success) 11%, var(--qnna-surface)); }
.qnna-quick-action:nth-child(4) .qnna-quick-icon { color: #6f5fc7; background: color-mix(in srgb, #6f5fc7 11%, var(--qnna-surface)); }

.qnna-quick-action strong,
.qnna-quick-action small { display: block; }
.qnna-quick-action strong { margin-bottom: 4px; color: var(--qnna-text); font-size: 14px; font-weight: 800; }
.qnna-quick-action small { color: var(--qnna-text-soft); font-size: 11px; line-height: 1.65; }
.qnna-quick-arrow { color: var(--qnna-border); font-size: 12px; }
.qnna-rtl .qnna-quick-arrow { transform: rotate(180deg); }

.qnna-console-domain-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
    gap: 24px;
    align-items: center;
    padding: 26px;
    border: 1px solid var(--qnna-border);
    border-radius: 24px;
    background:
        radial-gradient(circle at 0% 100%, rgba(143,110,47,.08), transparent 36%),
        var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-console-domain-copy {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.qnna-console-domain-icon { width: 54px; height: 54px; font-size: 18px; }
.qnna-console-domain-copy h3 { margin: 4px 0 5px; color: var(--qnna-text); font-size: 18px; font-weight: 800; }
.qnna-console-domain-copy p { margin: 0; color: var(--qnna-text-soft); font-size: 12px; line-height: 1.75; }

.qnna-console-domain-form {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    padding: 7px;
    border: 1px solid var(--qnna-border);
    border-radius: 16px;
    background: var(--qnna-bg);
}

.qnna-console-domain-form input {
    min-width: 0;
    height: 46px;
    padding: 0 13px;
    border: 0;
    outline: 0;
    color: var(--qnna-text);
    background: transparent;
    direction: ltr;
    text-align: left;
}

.qnna-console-domain-form .qnna-btn { min-height: 46px; border-radius: 12px; }

.qnna-console-side-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--qnna-border);
    border-radius: 22px;
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-console-side-card::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    inset-inline-end: -38px;
    top: -38px;
    border-radius: 50%;
    background: var(--qnna-primary-soft);
    opacity: .72;
}

.qnna-side-card-icon { width: 48px; height: 48px; margin-bottom: 20px; font-size: 17px; }
.qnna-console-side-card h3 { margin: 5px 0 8px; color: var(--qnna-text); font-size: 18px; font-weight: 800; }
.qnna-console-side-card p { margin: 0; color: var(--qnna-text-soft); font-size: 12px; line-height: 1.75; }

.qnna-side-card-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 15px;
    margin-top: 18px;
}

.qnna-side-card-links > a:not(.btn),
.qnna-text-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--qnna-primary);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.qnna-security-card .qnna-side-card-icon { color: var(--qnna-gold); background: var(--qnna-gold-soft); }
.qnna-account-card .qnna-side-card-icon { color: #6f5fc7; background: color-mix(in srgb, #6f5fc7 11%, var(--qnna-surface)); }
.qnna-account-card p { direction: ltr; text-align: start; word-break: break-word; }

.qnna-addon-output {
    overflow: hidden;
    border: 1px solid var(--qnna-border);
    border-radius: 20px;
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-client-panels { display: grid; gap: 18px; }
.qnna-panels-heading { margin-top: 2px; }
.qnna-dashboard-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.qnna-dashboard-panel-wide { grid-column: 1 / -1; min-width: 0; }
.qnna-dashboard-panel-cell { min-width: 0; }

.qnna-dashboard-panel {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--qnna-border);
    border-radius: 22px;
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}

.qnna-dashboard-panel-header {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--qnna-border);
    background: color-mix(in srgb, var(--qnna-bg) 55%, var(--qnna-surface));
}

.qnna-dashboard-panel-header h3 {
    margin: 0;
    color: var(--qnna-text);
    font-size: 15px;
    font-weight: 800;
}

.qnna-dashboard-panel-header .badge,
.qnna-dashboard-panel-list .badge {
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.qnna-dashboard-panel-body { padding: 18px 20px; color: var(--qnna-text-soft); }
.qnna-dashboard-panel-list { border-radius: 0; }
.qnna-dashboard-panel-list .list-group-item {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 20px;
    border-inline: 0;
    border-color: var(--qnna-border);
    color: var(--qnna-text);
    background: var(--qnna-surface);
    font-size: 12px;
}
.qnna-dashboard-panel-list .list-group-item:last-child { border-bottom: 0; }
.qnna-dashboard-panel-list .list-group-item:hover { background: var(--qnna-primary-soft); color: var(--qnna-primary); }
.qnna-dashboard-panel-list .list-group-item i { color: var(--qnna-primary); }
.qnna-dashboard-panel-footer { padding: 14px 20px; border-top: 1px solid var(--qnna-border); color: var(--qnna-text-soft); font-size: 12px; }

/* App-like bottom navigation for authenticated mobile client area. */
.qnna-mobile-app-nav { display: none; }

@media (max-width: 1199.98px) {
    .qnna-console-hero { grid-template-columns: minmax(0, 1fr) 240px; padding: 38px; }
    .qnna-console-orbit { width: 230px; height: 230px; transform: scale(.92); }
    .qnna-console-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qnna-console-workspace { grid-template-columns: minmax(0, 1.45fr) minmax(260px, .65fr); }
    .qnna-console-domain-card { grid-template-columns: 1fr; }
}

@media (max-width: 991.98px) {
    .qnna-client-console { gap: 22px; }
    .qnna-console-hero { grid-template-columns: 1fr; min-height: auto; }
    .qnna-console-orbit { display: none; }
    .qnna-console-workspace { grid-template-columns: 1fr; }
    .qnna-console-side-column { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .qnna-console-side-card { min-height: 100%; }
}

@media (max-width: 767.98px) {
    body.qnna-theme:has(.qnna-mobile-app-nav) { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }

    .qnna-client-console { gap: 18px; }
    .qnna-console-hero {
        padding: 27px 22px;
        border-radius: 24px;
        background:
            radial-gradient(circle at 0% 0%, rgba(61,181,214,.24), transparent 38%),
            radial-gradient(circle at 100% 100%, rgba(178,138,61,.21), transparent 34%),
            linear-gradient(145deg, #073746 0%, #025b76 63%, #06313e 100%);
    }
    .qnna-console-hero h2 { font-size: 30px; }
    .qnna-console-hero-copy > p { font-size: 14px; }
    .qnna-console-hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .qnna-console-hero-actions .qnna-btn:first-child { grid-column: 1 / -1; }
    .qnna-console-meta { display: grid; gap: 7px; }

    .qnna-console-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .qnna-console-stat { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; padding: 14px; border-radius: 17px; }
    .qnna-console-stat-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 15px; }
    .qnna-console-stat-copy { grid-template-columns: 1fr auto; }
    .qnna-console-stat-copy small { font-size: 10px; }
    .qnna-console-stat-copy strong { font-size: 23px; }
    .qnna-console-stat-copy em { display: none; }

    .qnna-console-section-heading { align-items: center; }
    .qnna-console-section-heading h3 { font-size: 20px; }
    .qnna-console-section-heading > a { display: none; }

    .qnna-quick-actions { grid-template-columns: 1fr; }
    .qnna-quick-action { min-height: 92px; padding: 15px; }
    .qnna-console-domain-card { padding: 20px; border-radius: 20px; gap: 18px; }
    .qnna-console-domain-form { grid-template-columns: 1fr; }
    .qnna-console-domain-form .qnna-btn { width: 100%; }

    .qnna-console-side-column { grid-template-columns: 1fr; }
    .qnna-console-side-card { padding: 21px; border-radius: 20px; }
    .qnna-dashboard-panel-grid { grid-template-columns: 1fr; }
    .qnna-dashboard-panel-wide { grid-column: auto; }

    .qnna-mobile-app-nav {
        position: fixed;
        z-index: 1050;
        inset-inline: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom));
        min-height: 62px;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        padding: 6px;
        border: 1px solid color-mix(in srgb, var(--qnna-border) 88%, transparent);
        border-radius: 20px;
        background: color-mix(in srgb, var(--qnna-surface) 93%, transparent);
        box-shadow: 0 16px 45px rgba(2, 44, 58, .20);
        backdrop-filter: blur(18px) saturate(140%);
        -webkit-backdrop-filter: blur(18px) saturate(140%);
    }
    .qnna-mobile-app-nav a {
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 4px 2px;
        border-radius: 14px;
        color: var(--qnna-text-soft);
        text-decoration: none;
        font-size: 9px;
        font-weight: 800;
    }
    .qnna-mobile-app-nav a i { font-size: 17px; }
    .qnna-mobile-app-nav a.active { color: #fff; background: var(--qnna-primary); }
    .qnna-mobile-app-nav a:hover { color: var(--qnna-primary); background: var(--qnna-primary-soft); }
    .qnna-mobile-app-nav a.active:hover { color: #fff; background: var(--qnna-primary); }
    .qnna-support-fab { bottom: calc(84px + env(safe-area-inset-bottom)); }
}

@media (max-width: 389.98px) {
    .qnna-console-hero { padding: 24px 18px; }
    .qnna-console-hero-actions { grid-template-columns: 1fr; }
    .qnna-console-hero-actions .qnna-btn:first-child { grid-column: auto; }
    .qnna-console-stats { grid-template-columns: 1fr; }
    .qnna-console-stat-copy em { display: block; }
    .qnna-mobile-app-nav { inset-inline: 7px; }
    .qnna-mobile-app-nav a span { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .qnna-console-node,
    .qnna-console-orbit-ring,
    .qnna-console-stat,
    .qnna-quick-action { animation: none !important; transition-duration: .01ms !important; }
}


/* =========================================================
   Qnna Client Workspace v0.4.0
   Services, domains, invoices, tickets and detail surfaces
   ========================================================= */
.qnna-client-section-head {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
    padding: 24px 26px;
    border: 1px solid var(--qnna-border);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--qnna-primary) 9%, transparent), transparent 34%),
        var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}
.qnna-client-section-head::after {
    content: "";
    position: absolute;
    inset-inline-end: -60px;
    bottom: -86px;
    width: 190px;
    height: 190px;
    border: 1px solid color-mix(in srgb, var(--qnna-gold) 18%, transparent);
    border-radius: 50%;
    pointer-events: none;
}
.qnna-client-section-head-icon,
.qnna-data-card-icon,
.qnna-detail-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--qnna-primary);
    background: var(--qnna-primary-soft);
}
.qnna-client-section-head-icon { width: 64px; height: 64px; border-radius: 19px; font-size: 22px; }
.qnna-gold-icon { color: var(--qnna-gold) !important; background: var(--qnna-gold-soft) !important; }
.qnna-success-icon { color: var(--qnna-success) !important; background: color-mix(in srgb, var(--qnna-success) 11%, var(--qnna-surface)) !important; }
.qnna-purple-icon { color: #6f5fc7 !important; background: color-mix(in srgb, #6f5fc7 11%, var(--qnna-surface)) !important; }
.qnna-client-section-head-copy { min-width: 0; }
.qnna-client-section-head-copy > span,
.qnna-detail-hero-copy > span {
    display: block;
    margin-bottom: 4px;
    color: var(--qnna-gold);
    font-size: 11px;
    font-weight: 800;
}
.qnna-client-section-head-copy h2 { margin: 0; color: var(--qnna-text); font-size: clamp(24px, 2.4vw, 34px); font-weight: 800; }
.qnna-client-section-head-copy p { max-width: 720px; margin: 5px 0 0; color: var(--qnna-text-soft); font-size: 13px; }
.qnna-client-section-head-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.qnna-section-count {
    min-width: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid var(--qnna-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--qnna-bg) 55%, var(--qnna-surface));
}
.qnna-section-count small { color: var(--qnna-text-soft); font-size: 9px; font-weight: 700; }
.qnna-section-count strong { color: var(--qnna-text); font-size: 22px; line-height: 1.15; font-weight: 800; }

.qnna-data-table-shell {
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px solid var(--qnna-border);
    border-radius: 22px;
    background: var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}
.qnna-data-table-shell .dataTables_wrapper { padding: 18px 18px 8px; }
.qnna-data-table-shell .dataTables_length,
.qnna-data-table-shell .dataTables_filter { margin-bottom: 16px; color: var(--qnna-text-soft); font-size: 12px; }
.qnna-data-table-shell .dataTables_filter input,
.qnna-data-table-shell .dataTables_length select {
    min-height: 40px;
    border: 1px solid var(--qnna-border);
    border-radius: 12px;
    color: var(--qnna-text);
    background: var(--qnna-bg);
}
.qnna-data-table { margin: 0 !important; color: var(--qnna-text); }
.qnna-data-table thead th { padding: 14px 16px; border: 0 !important; background: color-mix(in srgb, var(--qnna-bg) 72%, var(--qnna-surface)); color: var(--qnna-text-soft); font-size: 10px; font-weight: 800; }
.qnna-data-table tbody td { padding: 16px; border-color: var(--qnna-border); vertical-align: middle; font-size: 12px; }
.qnna-data-table tbody tr { cursor: pointer; transition: background-color var(--qnna-transition), transform var(--qnna-transition); }
.qnna-data-table tbody tr:hover { background: var(--qnna-primary-soft); }
.qnna-data-table a { color: var(--qnna-primary); font-weight: 700; }
.qnna-data-table .status,
.qnna-data-card .status,
.qnna-detail-badges .status { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 10px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.qnna-table-loading { padding: 24px; color: var(--qnna-text-soft); }
.qnna-mobile-data-cards { display: none; }

.qnna-bulk-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.qnna-bulk-action {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid var(--qnna-border);
    border-radius: 12px;
    color: var(--qnna-text-soft) !important;
    background: var(--qnna-surface);
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
}
.qnna-bulk-action:hover { color: var(--qnna-primary) !important; border-color: color-mix(in srgb, var(--qnna-primary) 38%, var(--qnna-border)); background: var(--qnna-primary-soft); }

.qnna-empty-state {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 38px 24px;
    border: 1px dashed color-mix(in srgb, var(--qnna-primary) 24%, var(--qnna-border));
    border-radius: 24px;
    text-align: center;
    background: var(--qnna-surface);
}
.qnna-empty-state > span { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; color: var(--qnna-primary); background: var(--qnna-primary-soft); font-size: 23px; }
.qnna-empty-state h3 { margin: 4px 0 0; color: var(--qnna-text); font-size: 19px; }
.qnna-empty-state p { max-width: 470px; margin: 0 0 8px; color: var(--qnna-text-soft); font-size: 12px; }

.qnna-detail-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
    padding: 25px 27px;
    border: 1px solid var(--qnna-border);
    border-radius: 25px;
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--qnna-primary) 10%, transparent), transparent 36%),
        var(--qnna-surface);
    box-shadow: var(--qnna-shadow-sm);
}
.qnna-detail-hero-icon { width: 68px; height: 68px; border-radius: 20px; font-size: 23px; }
.qnna-detail-hero-copy { min-width: 0; }
.qnna-detail-hero-copy h2 { overflow-wrap: anywhere; margin: 0; color: var(--qnna-text); font-size: clamp(22px, 2.25vw, 31px); font-weight: 800; }
.qnna-detail-hero-copy p { margin: 4px 0 0; color: var(--qnna-text-soft); font-size: 12px; }
.qnna-detail-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.qnna-detail-badges > span:not(.status) { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 4px 10px; border-radius: 999px; color: var(--qnna-text-soft); background: var(--qnna-bg); font-size: 9px; font-weight: 700; }
.qnna-detail-hero-meta { display: grid; grid-template-columns: repeat(2, minmax(110px, 1fr)); gap: 8px; }
.qnna-detail-hero-meta > div { min-width: 110px; padding: 10px 13px; border: 1px solid var(--qnna-border); border-radius: 14px; background: var(--qnna-bg); }
.qnna-detail-hero-meta small, .qnna-detail-hero-meta strong { display: block; }
.qnna-detail-hero-meta small { margin-bottom: 2px; color: var(--qnna-text-soft); font-size: 9px; font-weight: 700; }
.qnna-detail-hero-meta strong { color: var(--qnna-text); font-size: 12px; font-weight: 800; }
.qnna-detail-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.qnna-btn-danger-soft { color: var(--qnna-danger) !important; border: 1px solid color-mix(in srgb, var(--qnna-danger) 25%, var(--qnna-border)) !important; background: color-mix(in srgb, var(--qnna-danger) 8%, var(--qnna-surface)) !important; }
.qnna-btn-danger-soft:hover { color: #fff !important; background: var(--qnna-danger) !important; }

.qnna-legacy-detail-card,
.qnna-ticket-thread,
.qnna-ticket-reply-card {
    overflow: hidden;
    border: 1px solid var(--qnna-border) !important;
    border-radius: 22px !important;
    background: var(--qnna-surface) !important;
    box-shadow: var(--qnna-shadow-sm);
}
.qnna-legacy-detail-card .card-body { padding: 24px; }
.qnna-product-details-grid .product-status { overflow: hidden; border: 1px solid var(--qnna-border); border-radius: 18px; background: var(--qnna-bg); }
.qnna-product-details-grid .product-status-text { border-radius: 0 0 18px 18px; font-weight: 800; }
.qnna-ticket-thread > .card-body:first-child { background: color-mix(in srgb, var(--qnna-bg) 62%, var(--qnna-surface)); border-bottom: 1px solid var(--qnna-border); }
.qnna-ticket-thread .ticket-reply { overflow: hidden; border: 1px solid var(--qnna-border); border-radius: 18px; background: var(--qnna-surface); }
.qnna-ticket-thread .ticket-reply.staff { border-color: color-mix(in srgb, var(--qnna-primary) 28%, var(--qnna-border)); }
.qnna-ticket-thread .posted-by { padding: 11px 14px; color: var(--qnna-text-soft); background: var(--qnna-bg); font-size: 10px; }
.qnna-ticket-thread .message { color: var(--qnna-text); line-height: 1.85; }
.qnna-ticket-reply-card { margin-top: 20px; }
.qnna-ticket-reply-card .card-body { padding: 24px; }

@media (max-width: 991.98px) {
    .qnna-client-section-head { grid-template-columns: 58px minmax(0, 1fr); }
    .qnna-client-section-head-icon { width: 58px; height: 58px; border-radius: 17px; }
    .qnna-client-section-head-actions { grid-column: 1 / -1; justify-content: space-between; }
    .qnna-detail-hero { grid-template-columns: 60px minmax(0, 1fr); }
    .qnna-detail-hero-icon { width: 60px; height: 60px; border-radius: 18px; }
    .qnna-detail-hero-meta, .qnna-detail-hero-actions { grid-column: 1 / -1; }
    .qnna-detail-hero-actions { justify-content: flex-start; }
}

@media (max-width: 767.98px) {
    .qnna-client-section-head { gap: 13px; padding: 19px; border-radius: 20px; }
    .qnna-client-section-head-copy h2 { font-size: 25px; }
    .qnna-client-section-head-copy p { font-size: 11px; line-height: 1.75; }
    .qnna-client-section-head-actions { align-items: stretch; }
    .qnna-client-section-head-actions .qnna-btn { flex: 1 1 auto; }
    .qnna-section-count { min-width: 78px; padding: 8px 11px; }
    .qnna-section-count strong { font-size: 20px; }

    .qnna-data-table-shell { display: none; }
    .qnna-mobile-data-cards { display: grid; gap: 12px; margin-bottom: 22px; }
    .qnna-data-card {
        position: relative;
        overflow: hidden;
        border: 1px solid var(--qnna-border);
        border-radius: 20px;
        background: var(--qnna-surface);
        box-shadow: var(--qnna-shadow-sm);
    }
    .qnna-data-card.has-unread { border-color: color-mix(in srgb, var(--qnna-primary) 34%, var(--qnna-border)); }
    .qnna-data-card-main { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: center; padding: 16px; color: inherit !important; text-decoration: none !important; }
    .qnna-data-card-icon { width: 48px; height: 48px; border-radius: 15px; font-size: 17px; }
    .qnna-data-card-icon img { max-width: 25px; max-height: 25px; }
    .qnna-data-card-icon.is-muted { opacity: .65; }
    .qnna-data-card-copy { min-width: 0; }
    .qnna-data-card-copy .status { margin-bottom: 5px; }
    .qnna-data-card-copy h3 { overflow: hidden; margin: 0; color: var(--qnna-text); font-size: 14px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
    .qnna-data-card-copy p { overflow: hidden; margin: 4px 0 0; color: var(--qnna-text-soft); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
    .qnna-data-card-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--qnna-border); border-bottom: 1px solid var(--qnna-border); background: color-mix(in srgb, var(--qnna-bg) 58%, var(--qnna-surface)); }
    .qnna-data-card-meta > div { min-width: 0; padding: 11px 15px; }
    .qnna-data-card-meta > div + div { border-inline-start: 1px solid var(--qnna-border); }
    .qnna-data-card-meta .is-wide { grid-column: 1 / -1; }
    .qnna-data-card-meta small, .qnna-data-card-meta strong, .qnna-data-card-meta span { display: block; }
    .qnna-data-card-meta small { color: var(--qnna-text-soft); font-size: 9px; font-weight: 700; }
    .qnna-data-card-meta strong { overflow: hidden; margin-top: 2px; color: var(--qnna-text); font-size: 11px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
    .qnna-data-card-meta span { color: var(--qnna-text-soft); font-size: 9px; }
    .qnna-data-card-action { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 16px; color: var(--qnna-primary) !important; font-size: 10px; font-weight: 800; text-decoration: none !important; }
    .qnna-rtl .qnna-data-card-action i { transform: rotate(180deg); }
    .qnna-data-card-select { position: absolute; z-index: 2; inset-inline-end: 13px; top: 13px; }
    .qnna-data-card-select input { width: 18px; height: 18px; accent-color: var(--qnna-primary); }
    .qnna-domain-cards .qnna-data-card-copy { padding-inline-end: 24px; }

    .qnna-bulk-actions { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; scrollbar-width: none; }
    .qnna-bulk-actions::-webkit-scrollbar { display: none; }
    .qnna-bulk-action { flex: 0 0 auto; }

    .qnna-detail-hero { gap: 12px; padding: 19px; border-radius: 20px; }
    .qnna-detail-hero-copy h2 { font-size: 22px; }
    .qnna-detail-hero-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qnna-detail-hero-meta > div { min-width: 0; }
    .qnna-detail-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qnna-detail-hero-actions .qnna-btn { width: 100%; }
    .qnna-legacy-detail-card .card-body, .qnna-ticket-reply-card .card-body { padding: 18px; }
    .qnna-ticket-thread .ticket-actions { display: none; }
}

@media (max-width: 389.98px) {
    .qnna-client-section-head { grid-template-columns: 48px minmax(0, 1fr); padding: 16px; }
    .qnna-client-section-head-icon { width: 48px; height: 48px; border-radius: 15px; font-size: 18px; }
    .qnna-client-section-head-actions { flex-wrap: wrap; }
    .qnna-section-count { order: 2; width: 100%; flex-direction: row; gap: 8px; }
    .qnna-detail-hero { grid-template-columns: 50px minmax(0, 1fr); padding: 16px; }
    .qnna-detail-hero-icon { width: 50px; height: 50px; border-radius: 15px; font-size: 18px; }
    .qnna-detail-hero-meta, .qnna-detail-hero-actions { grid-template-columns: 1fr; }
}

.qnna-inline-alert-action { border-radius: 12px !important; font-size: 11px !important; font-weight: 800 !important; }
.qnna-ticket-meta-title { color: var(--qnna-text); font-size: 12px; font-weight: 800; }
.qnna-ticket-meta-subject { margin: 4px 0 0; color: var(--qnna-text-soft); font-size: 11px; }
.qnna-ticket-meta-value { color: var(--qnna-text); font-weight: 700; }

.qnna-tab-overview .panel.card { overflow: hidden; margin-bottom: 20px !important; border: 1px solid var(--qnna-border) !important; border-radius: 20px !important; background: var(--qnna-surface); box-shadow: var(--qnna-shadow-sm); }
.qnna-tab-overview .panel.card .panel-heading.card-header { padding: 15px 18px; border-bottom: 1px solid var(--qnna-border); background: color-mix(in srgb, var(--qnna-bg) 60%, var(--qnna-surface)); }
.qnna-tab-overview .panel.card .panel-title { margin: 0; color: var(--qnna-text); font-size: 14px; font-weight: 800; }

/* =========================================================
   Qnna Web Services v0.6.0-alpha.1 — Account, Knowledge & Support
   ========================================================= */
.qnna-account-hero,
.qnna-kb-hero,
.qnna-support-create-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 64px minmax(0,1fr) minmax(220px,.55fr);
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
    padding: 30px 32px;
    border-radius: 26px;
    border: 1px solid color-mix(in srgb,var(--qnna-primary) 26%,var(--qnna-border));
    background:
        radial-gradient(circle at 92% 18%, color-mix(in srgb,var(--qnna-gold) 18%,transparent), transparent 24%),
        linear-gradient(135deg,color-mix(in srgb,var(--qnna-primary-soft) 62%,var(--qnna-surface)),var(--qnna-surface));
    box-shadow: var(--qnna-shadow-sm);
}
.qnna-account-hero::after,
.qnna-kb-hero::after,
.qnna-support-create-hero::after {
    content:""; position:absolute; width:240px; height:240px; inset-inline-end:-120px; top:-135px;
    border:1px solid color-mix(in srgb,var(--qnna-primary) 14%,transparent); border-radius:50%;
    box-shadow:0 0 0 50px color-mix(in srgb,var(--qnna-primary) 3%,transparent);
    pointer-events:none;
}
.qnna-account-hero-icon,
.qnna-kb-hero-icon,
.qnna-support-create-icon {
    width:64px; height:64px; display:grid; place-items:center; border-radius:20px;
    background:var(--qnna-primary); color:#fff; font-size:23px; box-shadow:0 16px 32px rgba(2,91,118,.18);
}
.qnna-account-hero-copy,
.qnna-kb-hero-copy { min-width:0; position:relative; z-index:1; }
.qnna-account-hero-copy > span,
.qnna-kb-hero-copy > span,
.qnna-support-create-hero > div:last-child > span {
    display:block; margin-bottom:5px; color:var(--qnna-gold); font-size:12px; font-weight:800;
}
.qnna-account-hero h2,
.qnna-kb-hero h2,
.qnna-support-create-hero h2 {
    margin:0 0 6px; color:var(--qnna-text); font-size:clamp(24px,2.6vw,36px); line-height:1.35; font-weight:800;
}
.qnna-account-hero p,
.qnna-kb-hero p,
.qnna-support-create-hero p { margin:0; color:var(--qnna-text-soft); line-height:1.85; font-size:14px; }
.qnna-account-tip {
    position:relative; z-index:1; display:flex; align-items:flex-start; gap:10px; padding:14px 16px;
    border:1px solid var(--qnna-border); border-radius:16px; background:color-mix(in srgb,var(--qnna-surface) 84%,transparent);
    color:var(--qnna-text-soft); font-size:12px; line-height:1.75;
}
.qnna-account-tip i { color:var(--qnna-success); margin-top:3px; }
.qnna-account-nav {
    display:flex; gap:8px; margin:0 0 24px; padding:7px; overflow-x:auto; scrollbar-width:none;
    border:1px solid var(--qnna-border); border-radius:18px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm);
}
.qnna-account-nav::-webkit-scrollbar{display:none}
.qnna-account-nav a {
    flex:1 0 auto; min-width:126px; min-height:46px; display:flex; align-items:center; justify-content:center; gap:8px;
    padding:9px 13px; border-radius:12px; color:var(--qnna-text-soft)!important; font-size:12px; font-weight:800; text-decoration:none!important;
}
.qnna-account-nav a:hover { color:var(--qnna-primary)!important; background:var(--qnna-primary-soft); }
.qnna-account-nav a.active { color:#fff!important; background:linear-gradient(135deg,var(--qnna-primary),var(--qnna-primary-700)); box-shadow:0 10px 24px rgba(2,91,118,.18); }

/* Modernize WHMCS account cards without changing form names/actions. */
body[class*="qnna-template-user-"] .card,
.qnna-template-clientareadetails .card,
.qnna-template-clientareasecurity .card,
.qnna-template-account-user-management .card,
.qnna-template-account-user-permissions .card,
.qnna-template-account-contacts-manage .card,
.qnna-template-account-contacts-new .card {
    border:1px solid var(--qnna-border); border-radius:22px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm); overflow:hidden;
}
body[class*="qnna-template-user-"] .card .card-body,
.qnna-template-clientareadetails .card .card-body,
.qnna-template-clientareasecurity .card .card-body,
.qnna-template-account-user-management .card .card-body,
.qnna-template-account-user-permissions .card .card-body,
.qnna-template-account-contacts-manage .card .card-body,
.qnna-template-account-contacts-new .card .card-body { padding:26px; }
body[class*="qnna-template-user-"] .card-title,
.qnna-template-clientareadetails .card-title,
.qnna-template-clientareasecurity .card-title,
.qnna-template-account-user-management .card-title,
.qnna-template-account-user-permissions .card-title,
.qnna-template-account-contacts-manage .card-title,
.qnna-template-account-contacts-new .card-title { color:var(--qnna-text); font-size:18px; font-weight:800; }
body[class*="qnna-template-user-"] .form-control,
.qnna-template-clientareadetails .form-control,
.qnna-template-clientareasecurity .form-control,
.qnna-template-account-user-management .form-control,
.qnna-template-account-user-permissions .form-control,
.qnna-template-account-contacts-manage .form-control,
.qnna-template-account-contacts-new .form-control,
.qnna-ticket-form .form-control {
    min-height:48px; border:1px solid var(--qnna-border); border-radius:13px; background:var(--qnna-bg); color:var(--qnna-text); box-shadow:none;
}
body[class*="qnna-template-user-"] textarea.form-control,
.qnna-template-clientareadetails textarea.form-control,
.qnna-template-account-contacts-manage textarea.form-control,
.qnna-template-account-contacts-new textarea.form-control,
.qnna-ticket-form textarea.form-control { min-height:130px; }
body[class*="qnna-template-user-"] .form-control:focus,
.qnna-template-clientareadetails .form-control:focus,
.qnna-template-account-user-management .form-control:focus,
.qnna-template-account-contacts-manage .form-control:focus,
.qnna-template-account-contacts-new .form-control:focus,
.qnna-ticket-form .form-control:focus { border-color:var(--qnna-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--qnna-primary) 12%,transparent); background:var(--qnna-surface); }
body[class*="qnna-template-user-"] label,
.qnna-template-clientareadetails label,
.qnna-template-account-user-management label,
.qnna-template-account-contacts-manage label,
.qnna-template-account-contacts-new label,
.qnna-ticket-form label { color:var(--qnna-text); font-size:12px; font-weight:700; }
body[class*="qnna-template-user-"] .btn,
.qnna-template-clientareadetails .btn,
.qnna-template-clientareasecurity .btn,
.qnna-template-account-user-management .btn,
.qnna-template-account-user-permissions .btn,
.qnna-template-account-contacts-manage .btn,
.qnna-template-account-contacts-new .btn { border-radius:12px; font-weight:700; }
.qnna-template-account-user-management .table,
.qnna-template-account-user-permissions .table { overflow:hidden; border:1px solid var(--qnna-border); border-radius:15px; background:var(--qnna-surface); }
.qnna-template-account-user-management .table th,
.qnna-template-account-user-management .table td { padding:14px; border-color:var(--qnna-border); vertical-align:middle; }
.qnna-template-account-user-management .table th { color:var(--qnna-text-soft); background:var(--qnna-bg); font-size:11px; font-weight:800; }
.qnna-template-account-user-management .well,
.qnna-template-account-user-permissions .well { padding:18px; border:1px solid var(--qnna-border); border-radius:16px; background:var(--qnna-bg); }

/* Knowledge center */
.qnna-kb-hero { grid-template-columns:64px minmax(0,1fr); padding-block:36px; }
.qnna-kb-hero-compact { padding-block:28px; }
.qnna-kb-search { max-width:760px; min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; margin-top:20px; padding:6px 6px 6px 16px; border:1px solid var(--qnna-border); border-radius:16px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm); }
.qnna-rtl .qnna-kb-search { padding:6px 16px 6px 6px; }
.qnna-kb-search > i { color:var(--qnna-primary); }
.qnna-kb-search input { height:46px; border:0!important; background:transparent!important; box-shadow:none!important; }
.qnna-kb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.qnna-kb-category { position:relative; min-height:190px; display:grid; grid-template-columns:48px minmax(0,1fr); gap:14px; padding:22px; border:1px solid var(--qnna-border); border-radius:20px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm); }
.qnna-kb-category:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--qnna-primary) 32%,var(--qnna-border)); box-shadow:var(--qnna-shadow-md); }
.qnna-kb-category-icon,.qnna-kb-article-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:var(--qnna-primary-soft); color:var(--qnna-primary); font-size:18px; }
.qnna-kb-category-title { display:inline-block; margin:2px 0 7px; color:var(--qnna-text)!important; font-size:16px; font-weight:800; text-decoration:none!important; }
.qnna-kb-category p { margin:0 0 14px; color:var(--qnna-text-soft); font-size:12px; line-height:1.75; }
.qnna-kb-count { display:inline-flex; padding:5px 9px; border-radius:999px; background:var(--qnna-gold-soft); color:var(--qnna-gold); font-size:10px; font-weight:800; }
.qnna-kb-edit { position:absolute; inset-inline-end:12px; bottom:12px; }
.qnna-kb-articles { display:grid; gap:10px; margin-top:18px; }
.qnna-kb-article-card { position:relative; display:flex; align-items:center; gap:8px; padding:8px; border:1px solid var(--qnna-border); border-radius:17px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm); }
.qnna-kb-article-main { flex:1; min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:13px; padding:8px; color:var(--qnna-text)!important; text-decoration:none!important; }
.qnna-kb-article-main strong { display:block; margin-bottom:4px; font-size:14px; font-weight:800; }
.qnna-kb-article-main small { display:block; overflow:hidden; color:var(--qnna-text-soft); font-size:11px; line-height:1.7; }
.qnna-kb-article-main > i:last-child { color:var(--qnna-text-soft); }
.qnna-kb-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:22px; }
.qnna-kb-reader { overflow:hidden; border:1px solid var(--qnna-border); border-radius:24px; background:var(--qnna-surface); box-shadow:var(--qnna-shadow-sm); }
.qnna-kb-reader-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:28px 30px 20px; border-bottom:1px solid var(--qnna-border); background:linear-gradient(180deg,var(--qnna-primary-soft),var(--qnna-surface)); }
.qnna-kb-reader-head span { color:var(--qnna-gold); font-size:11px; font-weight:800; }
.qnna-kb-reader-head h1 { margin:5px 0 0; color:var(--qnna-text); font-size:clamp(24px,3vw,38px); line-height:1.45; }
.qnna-kb-reader-meta { display:flex; flex-wrap:wrap; gap:8px; padding:15px 30px; border-bottom:1px solid var(--qnna-border); }
.qnna-kb-reader-meta span { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:var(--qnna-bg); color:var(--qnna-text-soft); font-size:10px; font-weight:700; }
.qnna-kb-reader-content { padding:30px; color:var(--qnna-text); font-size:15px; line-height:2; }
.qnna-kb-reader-content img { max-width:100%; height:auto; border-radius:16px; }
.qnna-kb-reader-content pre,.qnna-kb-reader-content code { direction:ltr; text-align:left; }
.qnna-kb-vote { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 30px; border-top:1px solid var(--qnna-border); background:var(--qnna-bg); }
.qnna-kb-vote form { display:flex; gap:7px; }
.qnna-kb-related { margin-top:28px; }
.qnna-kb-related > h2 { margin:0 0 10px; color:var(--qnna-text); font-size:20px; }

/* Ticket creation */
.qnna-support-create-hero { grid-template-columns:64px minmax(0,1fr); }
.qnna-support-create-hero-compact { padding-block:24px; }
.qnna-department-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.qnna-department-card { min-height:205px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--qnna-border); border-radius:20px; background:var(--qnna-surface); color:var(--qnna-text)!important; text-decoration:none!important; box-shadow:var(--qnna-shadow-sm); }
.qnna-department-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--qnna-primary) 34%,var(--qnna-border)); box-shadow:var(--qnna-shadow-md); }
.qnna-department-icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:20px; border-radius:16px; background:var(--qnna-primary-soft); color:var(--qnna-primary); font-size:19px; }
.qnna-department-card strong { font-size:16px; font-weight:800; }
.qnna-department-card small { margin-top:7px; color:var(--qnna-text-soft); font-size:12px; line-height:1.75; }
.qnna-department-link { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:18px; color:var(--qnna-primary); font-size:11px; font-weight:800; }
.qnna-form-card { border:1px solid var(--qnna-border)!important; border-radius:22px!important; background:var(--qnna-surface)!important; box-shadow:var(--qnna-shadow-sm)!important; }
.qnna-form-card .card-body { padding:28px!important; }
.qnna-form-card-title { display:flex; align-items:center; gap:12px; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--qnna-border); }
.qnna-form-card-title > i { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:var(--qnna-primary-soft); color:var(--qnna-primary); }
.qnna-form-card-title strong { display:block; color:var(--qnna-text); font-size:16px; font-weight:800; }
.qnna-form-card-title small { display:block; margin-top:3px; color:var(--qnna-text-soft); font-size:11px; }
.qnna-ticket-form .custom-file-label { min-height:48px; padding-top:13px; border-color:var(--qnna-border); border-radius:13px; background:var(--qnna-bg); color:var(--qnna-text-soft); }
.qnna-ticket-suggestions { margin-top:18px; padding:20px; border:1px solid color-mix(in srgb,var(--qnna-gold) 24%,var(--qnna-border)); border-radius:18px; background:var(--qnna-gold-soft); }
.qnna-ticket-suggestions-head { display:flex; align-items:center; gap:10px; }
.qnna-ticket-suggestions-head > i { color:var(--qnna-gold); font-size:18px; }
.qnna-ticket-suggestions-head strong { display:block; color:var(--qnna-text); font-size:14px; }
.qnna-ticket-suggestions-head small { display:block; margin-top:2px; color:var(--qnna-text-soft); font-size:11px; }
.qnna-success-state { max-width:720px; margin:20px auto; padding:48px 32px; border:1px solid var(--qnna-border); border-radius:28px; background:var(--qnna-surface); text-align:center; box-shadow:var(--qnna-shadow-md); }
.qnna-success-state-icon { width:82px; height:82px; display:grid; place-items:center; margin:0 auto 18px; border-radius:26px; background:color-mix(in srgb,var(--qnna-success) 12%,var(--qnna-surface)); color:var(--qnna-success); font-size:30px; }
.qnna-success-state h2 { margin:15px 0 8px; color:var(--qnna-text); font-size:28px; font-weight:800; }
.qnna-success-state p { max-width:540px; margin:0 auto 18px; color:var(--qnna-text-soft); line-height:1.8; }
.qnna-ticket-number { display:inline-flex; margin:0 auto 22px; padding:8px 14px; border-radius:999px; background:var(--qnna-primary-soft); color:var(--qnna-primary)!important; font-weight:800; direction:ltr; }

@media (max-width: 991.98px) {
    .qnna-account-hero { grid-template-columns:58px minmax(0,1fr); }
    .qnna-account-tip { grid-column:1/-1; }
    .qnna-kb-grid,.qnna-department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
    .qnna-account-hero,.qnna-kb-hero,.qnna-support-create-hero { grid-template-columns:52px minmax(0,1fr); padding:22px; border-radius:20px; }
    .qnna-account-hero-icon,.qnna-kb-hero-icon,.qnna-support-create-icon { width:52px;height:52px;border-radius:16px;font-size:18px; }
    .qnna-account-nav { margin-inline:-2px; border-radius:15px; }
    .qnna-account-nav a { min-width:112px; }
    .qnna-kb-search { grid-template-columns:auto minmax(0,1fr); padding:7px 12px; }
    .qnna-kb-search .qnna-btn { grid-column:1/-1; width:100%; }
    .qnna-kb-grid,.qnna-department-grid { grid-template-columns:1fr; }
    .qnna-kb-category,.qnna-department-card { min-height:unset; }
    .qnna-kb-reader-head { flex-direction:column; padding:22px; }
    .qnna-kb-reader-meta,.qnna-kb-reader-content,.qnna-kb-vote { padding-inline:22px; }
    .qnna-kb-vote { align-items:flex-start; flex-direction:column; }
    .qnna-form-card .card-body { padding:20px!important; }
    .qnna-support-create-hero p { font-size:12px; }
    .qnna-template-account-user-management .table { min-width:650px; }
}


/* =========================================================
   Qnna v0.6.0 — Auth, Trust & Public Experience
   ========================================================= */
.qnna-auth-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);background:var(--qnna-surface,#fff);border-radius:28px;overflow:hidden;margin:24px auto;max-width:1320px;box-shadow:0 30px 90px rgba(16,43,54,.12);border:1px solid rgba(2,91,118,.08)}
.qnna-auth-brand-panel{position:relative;padding:48px;display:flex;flex-direction:column;min-height:720px;background:linear-gradient(145deg,#043d50 0%,#025b76 56%,#087d9d 100%);color:#fff;overflow:hidden}.qnna-auth-brand-panel:before,.qnna-auth-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.qnna-auth-brand-panel:before{width:420px;height:420px;inset:auto -170px -150px auto}.qnna-auth-brand-panel:after{width:250px;height:250px;inset:100px auto auto -120px}.qnna-auth-logo{position:relative;z-index:2;display:inline-flex}.qnna-auth-logo img{max-width:180px;max-height:64px;object-fit:contain}.qnna-auth-brand-copy{position:relative;z-index:2;margin:auto 0}.qnna-auth-brand-copy .qnna-eyebrow{color:#e7cf9b}.qnna-auth-brand-copy h1{font-size:clamp(34px,4vw,58px);font-weight:800;margin:12px 0}.qnna-auth-brand-copy>p{font-size:18px;opacity:.82;line-height:1.9;max-width:500px}.qnna-auth-benefits{display:grid;gap:14px;margin-top:34px}.qnna-auth-benefits span{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:14px;backdrop-filter:blur(8px)}.qnna-auth-benefits i{color:#e7cf9b;width:20px;text-align:center}.qnna-auth-form-panel{display:grid;place-items:center;padding:48px}.qnna-auth-card{width:min(540px,100%)}.qnna-auth-heading{display:flex;align-items:center;gap:16px;margin-bottom:30px}.qnna-auth-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:22px}.qnna-auth-heading h2{margin:0 0 4px;font-size:30px;font-weight:800}.qnna-auth-heading p{margin:0;color:var(--qnna-muted,#6c7d84)}.qnna-form-stack{display:grid;gap:18px}.qnna-form-stack .form-group{margin:0}.qnna-form-stack label{font-weight:700;color:var(--qnna-text,#102b36);margin-bottom:8px}.qnna-input-icon{position:relative}.qnna-input-icon>i{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:#8ca0a8;z-index:2}.qnna-input-icon .form-control{padding-inline-start:46px}.qnna-form-stack .form-control{min-height:52px;border-radius:14px;border:1px solid rgba(2,91,118,.15);background:var(--qnna-surface,#fff);box-shadow:none}.qnna-form-stack textarea.form-control{min-height:160px}.qnna-form-stack .form-control:focus{border-color:var(--qnna-primary,#025b76);box-shadow:0 0 0 4px rgba(2,91,118,.08)}.qnna-label-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.qnna-check-row{display:flex;align-items:center;gap:10px;cursor:pointer}.qnna-check-row input{width:18px;height:18px}.qnna-form-divider{display:flex;align-items:center;gap:12px;color:#91a0a6;font-size:13px}.qnna-form-divider:before,.qnna-form-divider:after{content:"";height:1px;background:rgba(16,43,54,.1);flex:1}.qnna-auth-footer-note{text-align:center;margin-top:24px;color:var(--qnna-muted,#6c7d84)}.qnna-auth-footer-note a,.qnna-label-row a{color:var(--qnna-primary,#025b76);font-weight:700}.qnna-btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border-radius:14px;font-weight:700;background:var(--qnna-primary,#025b76);border-color:var(--qnna-primary,#025b76)}.qnna-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;padding:10px 20px;font-weight:700;border:1px solid rgba(2,91,118,.18);color:var(--qnna-primary,#025b76);background:#fff}.qnna-page-hero{display:flex;gap:18px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,rgba(2,91,118,.08),rgba(143,110,47,.08));border:1px solid rgba(2,91,118,.1);margin-bottom:24px}.qnna-page-hero-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:20px;background:var(--qnna-primary,#025b76);color:#fff;font-size:24px;box-shadow:0 12px 30px rgba(2,91,118,.2)}.qnna-page-hero h1{font-size:clamp(26px,3vw,38px);font-weight:800;margin:4px 0}.qnna-page-hero p{margin:0;color:var(--qnna-muted,#6c7d84)}.qnna-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--qnna-gold,#8f6e2f)}.qnna-public-page,.qnna-modern-route-shell{max-width:1240px;margin:24px auto 54px}.qnna-route-content{position:relative}.qnna-route-content>.container-fluid,.qnna-route-content>.container{max-width:none;padding-left:0;padding-right:0}.qnna-surface-card{background:var(--qnna-surface,#fff);border:1px solid rgba(2,91,118,.1);border-radius:22px;padding:26px;box-shadow:0 18px 48px rgba(16,43,54,.07)}.qnna-contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px}.qnna-contact-side{display:grid;align-content:start;gap:18px}.qnna-contact-side .qnna-surface-card>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:19px}.qnna-contact-side h3{font-size:19px;font-weight:800;margin:16px 0 8px}.qnna-contact-side p{color:var(--qnna-muted,#6c7d84);line-height:1.8}.qnna-contact-security{border-inline-start:4px solid var(--qnna-gold,#8f6e2f)}.qnna-text-link{font-weight:800;color:var(--qnna-primary,#025b76)}.qnna-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qnna-error-state{max-width:760px;margin:60px auto;padding:54px 34px;text-align:center;background:var(--qnna-surface,#fff);border:1px solid rgba(2,91,118,.1);border-radius:30px;box-shadow:0 26px 70px rgba(16,43,54,.1);position:relative;overflow:hidden}.qnna-error-code{position:absolute;inset:-45px auto auto -8px;font-size:170px;font-weight:900;color:rgba(2,91,118,.045);line-height:1}.qnna-error-symbol{width:76px;height:76px;margin:0 auto 20px;border-radius:24px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:30px}.qnna-error-state h1{font-weight:800}.qnna-error-state h2{font-size:19px;color:var(--qnna-muted,#6c7d84)}.qnna-error-state p{color:var(--qnna-muted,#6c7d84);line-height:1.8}.qnna-error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
/* Modernize legacy inner cards/forms on the wrapped routes without changing WHMCS field semantics. */
.qnna-modern-route-shell .card,.qnna-modern-route-shell .main-signup-block,.qnna-modern-route-shell .server-status{border-radius:20px!important;border-color:rgba(2,91,118,.1)!important;box-shadow:0 12px 34px rgba(16,43,54,.06)!important}.qnna-modern-route-shell .form-control,.qnna-modern-route-shell select{border-radius:12px;min-height:46px;border-color:rgba(2,91,118,.15)}.qnna-modern-route-shell .btn-primary{border-radius:12px;background:var(--qnna-primary,#025b76);border-color:var(--qnna-primary,#025b76);font-weight:700}.qnna-modern-route-shell table{background:var(--qnna-surface,#fff)}
@media(max-width:991.98px){.qnna-auth-shell{grid-template-columns:1fr;margin:12px;min-height:0}.qnna-auth-brand-panel{min-height:300px;padding:34px}.qnna-auth-brand-copy{margin-top:54px}.qnna-auth-benefits{display:none}.qnna-auth-form-panel{padding:34px 22px}.qnna-contact-layout{grid-template-columns:1fr}.qnna-public-page,.qnna-modern-route-shell{margin:16px 12px 40px}.qnna-page-hero{padding:22px}.qnna-form-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.qnna-auth-brand-panel{min-height:250px;padding:28px 22px}.qnna-auth-brand-copy h1{font-size:32px}.qnna-auth-brand-copy>p{font-size:15px}.qnna-auth-form-panel{padding:28px 18px}.qnna-page-hero{align-items:flex-start}.qnna-page-hero-icon{width:50px;height:50px;flex-basis:50px;border-radius:16px}.qnna-surface-card{padding:20px}.qnna-error-state{margin:30px 12px;padding:42px 20px}}
[data-qnna-theme="dark"] .qnna-auth-shell,[data-qnna-theme="dark"] .qnna-surface-card,[data-qnna-theme="dark"] .qnna-error-state{background:#102832;border-color:rgba(255,255,255,.09)}[data-qnna-theme="dark"] .qnna-form-stack .form-control{background:#0d222b;color:#edf7fa;border-color:rgba(255,255,255,.12)}[data-qnna-theme="dark"] .qnna-btn-secondary{background:#102832;color:#eaf6f8;border-color:rgba(255,255,255,.13)}

/* Source: qnna-commerce.css */
/* Qnna Web Services — Commerce & Trust Experience v0.7.0-alpha.1
   Presentation-only layer for billing, payments, upgrades, affiliates, SSL and network status.
   No gateway logic, payment processing or WHMCS core behavior is implemented here. */

.qnna-commerce-shell{display:grid;gap:24px}
.qnna-commerce-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:28px;background:linear-gradient(135deg,rgba(2,91,118,.08),rgba(143,110,47,.08) 55%,rgba(255,255,255,.94));box-shadow:0 18px 50px rgba(9,46,61,.08)}
.qnna-commerce-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(2,91,118,.13);border-radius:50%;inset-inline-end:-70px;top:-90px;box-shadow:0 0 0 38px rgba(2,91,118,.025),0 0 0 76px rgba(143,110,47,.025);pointer-events:none}
.qnna-commerce-hero-copy{position:relative;z-index:1;max-width:760px}.qnna-commerce-hero h1,.qnna-commerce-hero h2{margin:6px 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.35;font-weight:800;color:var(--qnna-text,#102b36)}
.qnna-commerce-hero p{margin:0;color:var(--qnna-muted,#667a83);font-size:15px;line-height:1.9}
.qnna-commerce-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,var(--qnna-primary,#025b76),#06475d);color:#fff;font-size:30px;box-shadow:0 16px 32px rgba(2,91,118,.2)}
.qnna-commerce-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(143,110,47,.10);color:var(--qnna-gold,#8f6e2f);font-size:12px;font-weight:800;letter-spacing:.02em}
.qnna-commerce-kicker i{font-size:11px}
.qnna-commerce-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qnna-commerce-actions .btn{border-radius:12px;padding:10px 16px;font-weight:700}

.qnna-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qnna-trust-item{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;background:var(--qnna-surface,#fff)}
.qnna-trust-item i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}.qnna-trust-item strong{display:block;font-size:14px}.qnna-trust-item span{display:block;color:var(--qnna-muted,#667a83);font-size:12px;margin-top:2px}

.qnna-commerce-card{border:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:22px!important;background:var(--qnna-surface,#fff)!important;box-shadow:0 12px 35px rgba(8,50,66,.06)!important;overflow:hidden}.qnna-commerce-card>.card-body{padding:24px}
.qnna-commerce-card .card-title{font-weight:800;color:var(--qnna-text,#102b36)}
.qnna-commerce-card .form-control,.qnna-commerce-card .custom-select,.qnna-commerce-shell .form-control,.qnna-commerce-shell .custom-select{min-height:46px;border-radius:12px;border:1px solid var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);box-shadow:none}
.qnna-commerce-shell .form-control:focus,.qnna-commerce-shell .custom-select:focus{border-color:rgba(2,91,118,.55);box-shadow:0 0 0 3px rgba(2,91,118,.10)}
.qnna-commerce-shell .btn-primary,.qnna-commerce-shell .btn-success{background:var(--qnna-primary,#025b76);border-color:var(--qnna-primary,#025b76);color:#fff}.qnna-commerce-shell .btn-primary:hover,.qnna-commerce-shell .btn-success:hover{filter:brightness(.92)}
.qnna-commerce-shell .btn-default{border-color:var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36)}

.qnna-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qnna-finance-stat{padding:20px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:20px;background:linear-gradient(180deg,var(--qnna-surface,#fff),rgba(2,91,118,.025))}.qnna-finance-stat i{color:var(--qnna-primary,#025b76);font-size:18px}.qnna-finance-stat strong{display:block;margin-top:12px;font-size:24px;line-height:1.2;color:var(--qnna-text,#102b36)}.qnna-finance-stat span{display:block;margin-top:5px;color:var(--qnna-muted,#667a83);font-size:13px}

.qnna-payment-table{border-collapse:separate!important;border-spacing:0 10px!important}.qnna-payment-table th{border:0!important;color:var(--qnna-muted,#667a83);font-size:12px;text-transform:none}.qnna-payment-table td{vertical-align:middle!important;background:var(--qnna-surface,#fff);border-top:1px solid var(--qnna-border,#dbe7eb)!important;border-bottom:1px solid var(--qnna-border,#dbe7eb)!important}.qnna-payment-table td:first-child{border-inline-start:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:0 14px 14px 0}.qnna-payment-table td:last-child{border-inline-end:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:14px 0 0 14px}.qnna-payment-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:20px}.qnna-payment-safe{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:18px;background:rgba(22,138,91,.08);border:1px solid rgba(22,138,91,.18);color:var(--qnna-text,#102b36)}.qnna-payment-safe i{color:#168a5b;margin-top:3px}.qnna-payment-safe p{margin:0;color:var(--qnna-muted,#667a83);font-size:13px;line-height:1.8}

.qnna-upgrade-current{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-radius:18px;background:rgba(2,91,118,.06);border:1px solid rgba(2,91,118,.12)}.qnna-upgrade-current strong{font-size:17px}.qnna-upgrade-current small{color:var(--qnna-muted,#667a83)}
.qnna-upgrade-products .product{height:100%;border:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:22px!important;overflow:hidden;background:var(--qnna-surface,#fff);box-shadow:0 10px 28px rgba(8,50,66,.05)}.qnna-upgrade-products .product .header{padding:22px!important;background:linear-gradient(180deg,rgba(2,91,118,.06),transparent)!important}.qnna-upgrade-products .product .header h4{font-weight:800!important}.qnna-upgrade-products .product ul{padding:0 22px!important}.qnna-upgrade-products .product li{display:flex!important;justify-content:space-between;gap:12px;padding:10px 0!important;border-bottom:1px solid rgba(102,122,131,.12)}.qnna-upgrade-products .product .footer{padding:20px!important}.qnna-upgrade-products .product .btn{background:var(--qnna-primary,#025b76)!important;color:#fff!important;border-radius:12px!important;font-weight:700}.qnna-upgrade-products .recommended{background:var(--qnna-gold,#8f6e2f)!important;color:#fff!important}.qnna-upgrade-products .current{background:rgba(2,91,118,.1)!important;color:var(--qnna-primary,#025b76)!important}
.qnna-upgrade-table{border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;overflow:hidden}.qnna-upgrade-table table{margin:0}.qnna-upgrade-table th{background:rgba(2,91,118,.05);border-top:0}.qnna-upgrade-table td,.qnna-upgrade-table th{padding:14px!important;vertical-align:middle!important}

.qnna-affiliate-link{display:flex;gap:10px;align-items:center}.qnna-affiliate-link input{direction:ltr;text-align:left}.qnna-referral-table-wrap{border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;padding:6px;overflow:auto;background:var(--qnna-surface,#fff)}

.qnna-status-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qnna-status-summary-card{padding:18px;border-radius:18px;border:1px solid var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff)}.qnna-status-summary-card i{color:var(--qnna-primary,#025b76)}.qnna-status-summary-card strong{display:block;font-size:15px;margin-top:10px}.qnna-status-summary-card span{display:block;color:var(--qnna-muted,#667a83);font-size:12px;margin-top:4px}.qnna-server-table-wrap{border:1px solid var(--qnna-border,#dbe7eb);border-radius:20px;overflow:auto}.qnna-server-table-wrap table{margin:0}.qnna-server-table-wrap thead th{background:rgba(2,91,118,.055);border-top:0;white-space:nowrap}.qnna-issue-card{border:1px solid var(--qnna-border,#dbe7eb);border-radius:20px;overflow:hidden;background:var(--qnna-surface,#fff);margin-bottom:16px}.qnna-issue-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:rgba(2,91,118,.045);border-bottom:1px solid var(--qnna-border,#dbe7eb)}.qnna-issue-card-head h3{font-size:17px;margin:0}.qnna-issue-card-meta{color:var(--qnna-muted,#667a83);font-size:12px}.qnna-issue-card-body{padding:20px}.qnna-issue-card-body article{line-height:1.95}.qnna-issue-target{padding:10px 12px;border-radius:12px;background:rgba(143,110,47,.08);color:var(--qnna-text,#102b36);font-size:13px;margin-bottom:12px}

/* SSL store */
.qnna-ssl-store{background:transparent!important}.qnna-ssl-store .qnna-ssl-hero{position:relative;overflow:hidden;padding:64px 0!important;background:linear-gradient(135deg,#053f54,#025b76 55%,#0b6f8e)!important;color:#fff!important}.qnna-ssl-store .qnna-ssl-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset-inline-end:-120px;top:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.03),0 0 0 110px rgba(255,255,255,.02)}.qnna-ssl-store .qnna-ssl-hero h2{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;color:#fff!important}.qnna-ssl-store .qnna-ssl-hero h3{color:rgba(255,255,255,.82)!important;font-size:18px!important;font-weight:500!important;line-height:1.8}.qnna-ssl-nav{border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;margin:18px auto;background:var(--qnna-surface,#fff)!important;box-shadow:0 8px 24px rgba(8,50,66,.05)}.qnna-ssl-nav .nav-link{border-radius:10px;margin:5px;padding:10px 14px!important;font-weight:700}.qnna-ssl-nav .nav-item.active .nav-link{background:var(--qnna-primary,#025b76);color:#fff!important}.qnna-ssl-store .content-block{padding:54px 0!important}.qnna-ssl-store .content-block h3{font-weight:800!important;color:var(--qnna-text,#102b36)!important}.qnna-ssl-store .standout,.qnna-ssl-store .standout-features{background:rgba(2,91,118,.025)!important}.qnna-ssl-store .ideal-for>div,.qnna-ssl-store .standout-features .row>div{padding:20px}.qnna-ssl-store .ideal-for i,.qnna-ssl-store .feature i{color:var(--qnna-primary,#025b76)!important}.qnna-ssl-store .feature{height:100%;padding:22px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;background:var(--qnna-surface,#fff)}
.qnna-ssl-pricing .row-pricing-table>div:not(.sidebar){margin-bottom:18px}.qnna-ssl-pricing .row-pricing-table>div:not(.sidebar)>.header,.qnna-ssl-pricing .row-pricing-table>div:not(.sidebar) .popular-plan-wrapper{border-radius:18px 18px 0 0}.qnna-ssl-pricing .row-pricing-table>div:not(.sidebar){border-radius:20px;box-shadow:0 10px 30px rgba(8,50,66,.07)}.qnna-ssl-pricing .btn{background:var(--qnna-primary,#025b76)!important;color:#fff!important;border-radius:12px!important;font-weight:700!important}

/* Add funds */
.qnna-funds-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qnna-funds-limit{padding:16px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:rgba(2,91,118,.03)}.qnna-funds-limit span{display:block;color:var(--qnna-muted,#667a83);font-size:12px}.qnna-funds-limit strong{display:block;margin-top:6px;font-size:18px;color:var(--qnna-text,#102b36)}

@media(max-width:991.98px){.qnna-commerce-hero{padding:24px}.qnna-trust-strip,.qnna-finance-grid,.qnna-status-summary{grid-template-columns:1fr}.qnna-commerce-icon{width:68px;height:68px;flex-basis:68px}.qnna-funds-limits{grid-template-columns:1fr}}
@media(max-width:767.98px){.qnna-commerce-shell{gap:18px}.qnna-commerce-hero{align-items:flex-start;border-radius:22px}.qnna-commerce-icon{display:none}.qnna-commerce-hero h1,.qnna-commerce-hero h2{font-size:27px}.qnna-payment-table thead{display:none}.qnna-payment-table,.qnna-payment-table tbody,.qnna-payment-table tr,.qnna-payment-table td{display:block;width:100%}.qnna-payment-table tr{margin-bottom:12px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;overflow:hidden}.qnna-payment-table td{border:0!important;border-bottom:1px solid rgba(102,122,131,.12)!important;border-radius:0!important}.qnna-payment-table td:last-child{border-bottom:0!important}.qnna-upgrade-current{align-items:flex-start;flex-direction:column}.qnna-affiliate-link{align-items:stretch;flex-direction:column}.qnna-ssl-store .content-block{padding:36px 0!important}.qnna-ssl-store .qnna-ssl-hero{padding:46px 0!important}}

html[data-qnna-theme="dark"] .qnna-commerce-hero{background:linear-gradient(135deg,rgba(2,91,118,.22),rgba(143,110,47,.12),rgba(9,26,34,.96))}.qnna-theme[data-theme="dark"] .qnna-commerce-hero{background:linear-gradient(135deg,rgba(2,91,118,.22),rgba(143,110,47,.12),rgba(9,26,34,.96))}

/* Upgrade review: readable native options and responsive actions. */
:is(.qnna-upgrade-page,.qnna-upgrade-configure-page,.qnna-upgrade-summary-page) .form-control{min-height:48px;font-size:16px;border-radius:10px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#173647);border-color:var(--qnna-border,#cbdde5)}
:is(.qnna-upgrade-page,.qnna-upgrade-configure-page,.qnna-upgrade-summary-page) .btn{min-height:48px;line-height:1.8;padding:10px 18px;white-space:normal;border-radius:10px}
:is(.qnna-upgrade-page,.qnna-upgrade-configure-page,.qnna-upgrade-summary-page) :is(input,select,a,button):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
.qnna-upgrade-page .qnna-upgrade-options-table td{padding:18px 14px;line-height:1.9;vertical-align:middle;background:var(--qnna-surface,#fff);border-color:var(--qnna-border,#cbdde5)}
.qnna-upgrade-page .qnna-upgrade-options-table strong{font-size:17px;color:var(--qnna-text,#173647)}
.qnna-upgrade-configure-page .qnna-upgrade-products>.column{display:flex;margin-block:12px}
.qnna-upgrade-configure-page .qnna-upgrade-products .product{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid var(--qnna-border,#cbdde5);border-block-start:3px solid #d5b774;border-radius:16px;background:var(--qnna-surface,#fff);overflow-wrap:anywhere}
.qnna-upgrade-configure-page .qnna-upgrade-products .product .header{padding:20px;text-align:start}
.qnna-upgrade-configure-page .qnna-upgrade-products .product .header h4{line-height:1.8;font-size:20px}
.qnna-upgrade-configure-page .qnna-upgrade-products .product li{line-height:1.9;padding-block:8px}
.qnna-upgrade-configure-page .qnna-upgrade-products .product .footer{margin-block-start:auto;padding:18px;border-block-start:1px solid var(--qnna-border,#cbdde5);background:var(--qnna-surface-2,#f1f6f8)}
.qnna-upgrade-configure-page .qnna-upgrade-products .product .footer select{margin-block-end:12px}
.qnna-upgrade-summary-page table td{padding:14px 12px;line-height:1.9;overflow-wrap:anywhere}
.qnna-upgrade-summary-page .masspay-total:last-child td{background:#083c4d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px;font-weight:700}
.qnna-upgrade-summary-page .input-group{gap:8px;flex-wrap:wrap}
.qnna-upgrade-summary-page .input-group>.form-control{min-width:120px;border-radius:10px!important}
.qnna-upgrade-summary-page .input-group .btn{border-radius:10px!important}
@media(max-width:767px){.qnna-upgrade-page .qnna-upgrade-options-table,.qnna-upgrade-page .qnna-upgrade-options-table tbody,.qnna-upgrade-page .qnna-upgrade-options-table tr,.qnna-upgrade-page .qnna-upgrade-options-table td{display:block;width:100%}.qnna-upgrade-page .qnna-upgrade-options-table tr{border:1px solid var(--qnna-border,#cbdde5);border-inline-start:3px solid #d5b774;border-radius:14px;margin-block:14px;overflow:hidden}.qnna-upgrade-page .qnna-upgrade-options-table thead{display:none}.qnna-upgrade-page .qnna-upgrade-options-table td{border:0}.qnna-upgrade-summary-page .input-group-append,.qnna-upgrade-summary-page .input-group-append>.btn{width:100%}.qnna-upgrade-summary-page #btnOrderContinue{width:100%}.qnna-upgrade-configure-page .qnna-upgrade-products .product .header{padding:18px}}

/* Network status: real status data retained, comfortable mobile table scrolling. */
.qnna-route-serverstatus .qnna-status-summary-card{border-block-start:3px solid #d5b774;min-width:0;padding:20px;line-height:1.9}
.qnna-route-serverstatus .qnna-status-summary-card strong{font-size:16px;line-height:1.8;overflow-wrap:anywhere;color:var(--qnna-text,#173647)}
.qnna-route-serverstatus .qnna-status-summary-card span{font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.qnna-route-serverstatus .qnna-server-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--qnna-border,#cbdde5);border-radius:12px}
.qnna-route-serverstatus .qnna-server-table-wrap table{margin:0;min-width:650px}
.qnna-route-serverstatus .qnna-server-table-wrap th{padding:14px;background:var(--qnna-surface-2,#f1f6f8);color:var(--qnna-text,#173647);font-size:13px;line-height:1.8;white-space:nowrap}
.qnna-route-serverstatus .qnna-server-table-wrap td{padding:16px 12px;vertical-align:middle;line-height:1.8;color:var(--qnna-text,#173647)}
.qnna-route-serverstatus .qnna-issue-card{border-inline-start:3px solid #d5b774;border-radius:16px;overflow-wrap:anywhere}
.qnna-route-serverstatus .qnna-issue-card-head h3{font-size:21px;line-height:1.8;color:var(--qnna-text,#173647)}
.qnna-route-serverstatus .qnna-issue-card-meta{line-height:1.9;color:var(--qnna-text-soft,#506571);font-size:13px}
.qnna-route-serverstatus .qnna-issue-card-body{line-height:2;font-size:15px}
.qnna-route-serverstatus .qnna-issue-card-body img{max-width:100%;height:auto}
.qnna-route-serverstatus .pagination{gap:10px;flex-wrap:wrap;margin-block:24px}
.qnna-route-serverstatus .page-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:10px!important}
.qnna-route-serverstatus a:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:639px){.qnna-route-serverstatus .qnna-status-summary{grid-template-columns:minmax(0,1fr)}.qnna-route-serverstatus .qnna-issue-card-head{flex-wrap:wrap;gap:12px}.qnna-route-serverstatus .qnna-issue-card-head h3{font-size:19px}}

/* v152: account credit limits and funding form */
.qnna-add-funds-page .qnna-funds-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px}
.qnna-add-funds-page .qnna-funds-limit{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 12px;align-items:center;padding:20px;border:1px solid var(--qnna-border,#dbe7eb);border-block-start:3px solid #aa894e;border-radius:16px;background:var(--qnna-surface,#fff);min-width:0;text-align:start}
.qnna-funds-limit>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#025b76;color:#fff!important;-webkit-text-fill-color:#fff!important;grid-row:span 2}
.qnna-add-funds-page .qnna-funds-limit>span{color:var(--qnna-text-soft,#506571)!important;-webkit-text-fill-color:var(--qnna-text-soft,#506571)!important;font-size:13px;line-height:1.85}
.qnna-add-funds-page .qnna-funds-limit>strong{font-size:24px;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;line-height:1.8;overflow-wrap:anywhere}
.qnna-funds-form-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;line-height:1.8;margin-bottom:22px;color:var(--qnna-text,#102b36);border-bottom:1px solid var(--qnna-border,#dbe7eb);padding-bottom:14px}
.qnna-funds-form-title>i{color:#aa894e;flex-shrink:0}
.qnna-add-funds-page label{color:var(--qnna-text,#102b36);line-height:1.8}
.qnna-add-funds-page :is(input.form-control,select.form-control){min-height:52px;font-size:16px;border-color:var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);border-radius:10px}
.qnna-add-funds-page #amount{text-align:start}
.qnna-add-funds-page .qnna-funds-help{margin-top:10px;font-size:13px;line-height:1.85;color:var(--qnna-text-soft,#506571);text-align:start}
.qnna-add-funds-page .card-footer small{display:block;font-size:13px;line-height:1.9;color:var(--qnna-text-soft,#506571)!important;-webkit-text-fill-color:var(--qnna-text-soft,#506571)!important}
.qnna-add-funds-page button[type="submit"]{min-height:50px;white-space:normal;line-height:1.8}
.qnna-add-funds-page :is(input,select,button):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:767px){.qnna-add-funds-page .qnna-funds-limits{grid-template-columns:minmax(0,1fr);gap:12px}.qnna-add-funds-page .qnna-funds-limit{padding:16px}.qnna-funds-form-title{font-size:20px}.qnna-add-funds-page .qnna-commerce-card>.card-body{padding:20px 16px!important}}

/* v159: readable network summaries, incidents and navigation */
.qnna-route-serverstatus .qnna-status-summary{margin-block:24px}
.qnna-route-serverstatus .qnna-status-summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);text-align:start}
.qnna-route-serverstatus .qnna-status-summary-card>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--qnna-surface-2,#f1f6f8);color:#aa894e;font-size:20px}
.qnna-route-serverstatus .qnna-status-summary-card strong{margin:0}
.qnna-route-serverstatus .qnna-status-number{font-size:30px;font-weight:800;line-height:1.35;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important}
.qnna-route-serverstatus .qnna-status-summary-card>span{margin:0;color:var(--qnna-text-soft,#506571)}
.qnna-route-serverstatus .qnna-status-summary-card a{display:inline-flex;align-items:center;min-height:44px;color:var(--qnna-text,#025b76)!important;-webkit-text-fill-color:var(--qnna-text,#025b76)!important;font-weight:800;text-underline-offset:4px}
.qnna-network-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}
.qnna-network-tabs a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:12px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;font-weight:800;line-height:1.8;text-decoration:none}
.qnna-network-tabs a[aria-current],.qnna-network-tabs a:hover{background:#025b76;border-color:#025b76;color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-server-scroll-hint{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.85;color:var(--qnna-text-soft,#506571)}
.qnna-route-serverstatus .qnna-server-table-wrap:focus-visible{outline:3px solid #aa894e;outline-offset:4px}
.qnna-route-serverstatus .qnna-server-table-wrap a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 10px;border-radius:8px;background:var(--qnna-surface-2,#f1f6f8);color:var(--qnna-text,#025b76)!important;-webkit-text-fill-color:var(--qnna-text,#025b76)!important}
.qnna-route-serverstatus .qnna-issue-card-head{align-items:flex-start;background:var(--qnna-surface-2,#f1f6f8)}
.qnna-route-serverstatus .qnna-issue-card-head>div{min-width:0;flex:1}
.qnna-route-serverstatus .qnna-issue-card-head>.badge{flex-shrink:0;white-space:normal;line-height:1.8;padding:7px 12px}
.qnna-route-serverstatus .qnna-issue-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-block-start:12px}
.qnna-issue-card-meta>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px}
.qnna-issue-card-meta .qnna-issue-status{padding:5px 10px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:8px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);font-weight:800}
.qnna-route-serverstatus .qnna-issue-card-body article{color:var(--qnna-text,#102b36);text-align:start;overflow-wrap:anywhere}
.qnna-route-serverstatus .qnna-issue-card-body article :is(table,pre){max-width:100%;overflow-x:auto}
.qnna-route-serverstatus .qnna-issue-card-body article table{display:block}
.qnna-route-serverstatus .pagination .disabled .page-link{opacity:1;border-style:dashed;color:var(--qnna-text-soft,#506571)!important;-webkit-text-fill-color:var(--qnna-text-soft,#506571)!important;background:var(--qnna-surface-2,#f1f6f8)}
@media(min-width:768px) and (max-width:991px){.qnna-route-serverstatus .qnna-status-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:479px){.qnna-network-tabs a{width:100%;justify-content:center}.qnna-route-serverstatus .qnna-issue-card-head,.qnna-route-serverstatus .qnna-issue-card-body{padding:16px}.qnna-route-serverstatus .pagination{gap:8px}.qnna-route-serverstatus .page-item{flex:1}.qnna-route-serverstatus .page-link{padding-inline:10px}}

/* Source: qnna-marketplace.css */
/* Qnna Web Services — Marketplace, Lifecycle & Activity v0.8.0-alpha.1 */
.qnna-marketplace{--store-primary:var(--qnna-primary,#025b76);background:var(--qnna-bg,#f6fafb)!important;color:var(--qnna-text,#102b36);font-family:var(--qnna-font-body,"Cairo",sans-serif)!important}
.qnna-marketplace-intro{padding:30px 0;background:linear-gradient(180deg,rgba(2,91,118,.045),rgba(255,255,255,0));border-bottom:1px solid rgba(2,91,118,.08)}.qnna-marketplace-intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:28px;align-items:center}.qnna-marketplace-intro-copy h2{font-size:clamp(24px,3vw,36px);font-weight:800;margin:8px 0;color:var(--qnna-text,#102b36)}.qnna-marketplace-intro-copy p{margin:0;line-height:1.9;color:var(--qnna-muted,#667a83)}.qnna-marketplace-trust{display:grid;gap:9px}.qnna-marketplace-trust>div{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:14px;background:var(--qnna-surface,#fff);border:1px solid var(--qnna-border,#dbe7eb)}.qnna-marketplace-trust>div>i{color:var(--qnna-gold,#8f6e2f);margin-top:4px}.qnna-marketplace-trust strong,.qnna-marketplace-trust small{display:block}.qnna-marketplace-trust strong{font-size:13px}.qnna-marketplace-trust small{font-size:11px;color:var(--qnna-muted,#667a83);line-height:1.6;margin-top:2px}
.qnna-marketplace .hero,.qnna-marketplace .hero-cta{position:relative;overflow:hidden;padding:64px 0!important;background:linear-gradient(135deg,#063d50 0%,#025b76 58%,#0a7694 100%)!important;color:#fff!important;border-radius:0 0 34px 34px}.qnna-marketplace .hero:after,.qnna-marketplace .hero-cta:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset-inline-end:-120px;top:-180px;box-shadow:0 0 0 54px rgba(255,255,255,.03),0 0 0 110px rgba(143,110,47,.05);pointer-events:none}.qnna-marketplace .hero h1,.qnna-marketplace .hero h2,.qnna-marketplace .hero h3,.qnna-marketplace .hero-cta h1,.qnna-marketplace .hero-cta h2{color:#fff!important;font-family:var(--qnna-font-display,"Cairo",sans-serif)!important}.qnna-marketplace .hero h1,.qnna-marketplace .hero h2,.qnna-marketplace .hero-cta h1,.qnna-marketplace .hero-cta h2{font-weight:800!important}.qnna-marketplace .hero h3{opacity:.84;font-weight:500!important;line-height:1.8}.qnna-marketplace .hero img,.qnna-marketplace .hero-cta img{position:relative;z-index:1;max-width:min(260px,70%)}
.qnna-marketplace>nav.navbar,.qnna-marketplace .navbar[id],.qnna-marketplace .navbar.bg-light{margin:18px auto;max-width:1180px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px!important;background:var(--qnna-surface,#fff)!important;box-shadow:0 12px 30px rgba(8,50,66,.06);padding:4px!important;position:relative;z-index:4}.qnna-marketplace .navbar .nav-link{border-radius:12px!important;padding:11px 15px!important;color:var(--qnna-text,#102b36)!important;font-weight:700}.qnna-marketplace .navbar .nav-link:hover,.qnna-marketplace .navbar .nav-link:focus{background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)!important}
.qnna-marketplace .content-block{padding:56px 0!important;background:transparent!important}.qnna-marketplace .content-block:nth-of-type(even){background:rgba(2,91,118,.025)!important}.qnna-marketplace .content-block h2,.qnna-marketplace .content-block h3,.qnna-marketplace .content-block h4{font-family:var(--qnna-font-display,"Cairo",sans-serif)!important;color:var(--qnna-text,#102b36)!important;font-weight:800!important}.qnna-marketplace .content-block p{line-height:1.9;color:var(--qnna-muted,#667a83)}
.qnna-marketplace .feature,.qnna-marketplace .feature-block,.qnna-marketplace .block,.qnna-marketplace .pricing-item,.qnna-marketplace .product,.qnna-marketplace .price-table,.qnna-marketplace .package{border-radius:22px!important;border:1px solid var(--qnna-border,#dbe7eb)!important;background:var(--qnna-surface,#fff)!important;box-shadow:0 12px 34px rgba(8,50,66,.06)!important;overflow:hidden}.qnna-marketplace .feature,.qnna-marketplace .feature-block,.qnna-marketplace .block{padding:24px!important;height:100%}.qnna-marketplace .feature img,.qnna-marketplace .feature-block img{max-width:90px;max-height:78px;object-fit:contain}.qnna-marketplace .btn-success,.qnna-marketplace .btn-primary,.qnna-marketplace .btn-cta{background:var(--qnna-primary,#025b76)!important;border-color:var(--qnna-primary,#025b76)!important;color:#fff!important;border-radius:13px!important;font-weight:800!important;box-shadow:none!important}.qnna-marketplace .btn-success:hover,.qnna-marketplace .btn-primary:hover,.qnna-marketplace .btn-cta:hover{filter:brightness(.92)}.qnna-marketplace .form-control,.qnna-marketplace select{border-radius:12px!important;min-height:46px;border-color:var(--qnna-border,#dbe7eb)!important}.qnna-marketplace .nav-tabs{border:0!important;gap:8px}.qnna-marketplace .nav-tabs .nav-link{border:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:12px!important;background:var(--qnna-surface,#fff);font-weight:700}.qnna-marketplace .nav-tabs .nav-link.active{background:var(--qnna-primary,#025b76)!important;color:#fff!important}.qnna-marketplace iframe{border-radius:24px;box-shadow:0 18px 48px rgba(8,50,66,.12)}.qnna-marketplace .strong-green,.qnna-marketplace .text-green{color:var(--qnna-primary,#025b76)!important}
.qnna-activity-shell,.qnna-lifecycle-shell,.qnna-usage-shell{display:grid;gap:22px}.qnna-mobile-message-list{display:none;gap:12px}.qnna-message-card{appearance:none;width:100%;text-align:inherit;border:1px solid var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);border-radius:18px;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;color:var(--qnna-text,#102b36)}.qnna-message-card:hover{border-color:rgba(2,91,118,.35);box-shadow:0 10px 28px rgba(8,50,66,.07)}.qnna-message-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:18px;flex:0 0 auto}.qnna-message-copy strong{display:block;font-size:14px;line-height:1.6}.qnna-message-copy small{display:block;color:var(--qnna-muted,#667a83);margin-top:5px}.qnna-message-open{color:var(--qnna-primary,#025b76);font-size:12px;font-weight:800;white-space:nowrap}
.qnna-email-popup{margin:0;padding:26px;background:#eef5f7;font-family:var(--qnna-font-body,"Cairo",sans-serif)}.qnna-email-reader{max-width:980px;margin:auto;background:#fff;border:1px solid #dbe7eb;border-radius:26px;overflow:hidden;box-shadow:0 26px 70px rgba(8,50,66,.13)}.qnna-email-reader-head{display:flex;gap:16px;align-items:flex-start;padding:24px 28px;background:linear-gradient(135deg,rgba(2,91,118,.08),rgba(143,110,47,.06));border-bottom:1px solid #dbe7eb}.qnna-email-reader-head h1{font-size:22px;font-weight:800;margin:7px 0 0;color:#102b36}.qnna-email-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.qnna-email-attachments span{padding:6px 10px;border-radius:10px;background:#fff;border:1px solid #dbe7eb;font-size:12px}.qnna-email-reader-body{padding:12px}.qnna-email-reader-body iframe{display:block;border-radius:16px;background:#fff}.qnna-email-reader-footer{padding:16px 24px;text-align:center;border-top:1px solid #dbe7eb}
.qnna-commerce-icon-danger{background:linear-gradient(145deg,#a93636,#d05050)!important}.qnna-sensitive-note{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border-radius:18px;background:rgba(208,80,80,.07);border:1px solid rgba(208,80,80,.19)}.qnna-sensitive-note i{color:#c74343;margin-top:4px}.qnna-sensitive-note p{margin:0;color:var(--qnna-text,#102b36);line-height:1.8}.qnna-cancel-product{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;background:var(--qnna-surface,#fff)}.qnna-cancel-product>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}.qnna-cancel-product small,.qnna-cancel-product span{display:block;color:var(--qnna-muted,#667a83)}.qnna-cancel-product strong{display:block;font-size:17px;margin:2px 0}.qnna-cancel-options{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:16px;align-items:center}.qnna-cancel-options label{margin:0;font-weight:800}.qnna-cancel-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.qnna-danger-action{border-radius:13px;font-weight:800;padding:11px 18px}
.qnna-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qnna-usage-card{padding:22px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:22px;background:var(--qnna-surface,#fff);box-shadow:0 10px 30px rgba(8,50,66,.05)}.qnna-usage-card-head{display:flex;align-items:center;gap:13px}.qnna-usage-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}.qnna-usage-card-head small,.qnna-usage-value span,.qnna-usage-meta small{display:block;color:var(--qnna-muted,#667a83);font-size:11px}.qnna-usage-card-head h3{font-size:17px;font-weight:800;margin:2px 0}.qnna-usage-value{padding:20px 0;margin:18px 0;border-top:1px solid rgba(102,122,131,.12);border-bottom:1px solid rgba(102,122,131,.12)}.qnna-usage-value strong{display:block;font-size:30px;color:var(--qnna-primary,#025b76);line-height:1.2}.qnna-usage-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.qnna-usage-meta>div{padding:11px;border-radius:13px;background:rgba(2,91,118,.04)}.qnna-usage-meta strong{display:block;font-size:12px;margin-top:4px}
.qnna-service-commandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;margin:-8px 0 22px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:var(--qnna-surface,#fff);box-shadow:0 8px 24px rgba(8,50,66,.04)}.qnna-service-commandbar-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--qnna-gold,#8f6e2f)}.qnna-service-commandbar-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.qnna-service-commandbar-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;color:var(--qnna-text,#102b36);font-size:12px;font-weight:700}.qnna-service-commandbar-links a:hover{background:rgba(2,91,118,.07);color:var(--qnna-primary,#025b76)}
[data-qnna-theme="dark"] .qnna-marketplace{background:#0b1d25!important}[data-qnna-theme="dark"] .qnna-marketplace-intro{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-marketplace .content-block:nth-of-type(even){background:rgba(255,255,255,.02)!important}[data-qnna-theme="dark"] .qnna-email-reader{background:#102832;border-color:rgba(255,255,255,.1)}[data-qnna-theme="dark"] .qnna-email-reader-head{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}[data-qnna-theme="dark"] .qnna-email-reader-head h1{color:#eef8fa}[data-qnna-theme="dark"] .qnna-email-attachments span{background:#0d222b;border-color:rgba(255,255,255,.1)}
@media(max-width:991.98px){.qnna-marketplace-intro-grid{grid-template-columns:1fr}.qnna-marketplace .hero,.qnna-marketplace .hero-cta{padding:48px 0!important}.qnna-marketplace>nav.navbar,.qnna-marketplace .navbar[id],.qnna-marketplace .navbar.bg-light{margin:12px}.qnna-usage-grid{grid-template-columns:1fr}.qnna-service-commandbar{align-items:flex-start;flex-direction:column}.qnna-service-commandbar-links{width:100%}}
@media(max-width:767.98px){.qnna-email-table-shell{display:none}.qnna-mobile-message-list{display:grid}.qnna-message-card{grid-template-columns:44px minmax(0,1fr)}.qnna-message-icon{width:44px;height:44px}.qnna-message-open{grid-column:2}.qnna-cancel-options{grid-template-columns:1fr}.qnna-cancel-actions{flex-direction:column-reverse}.qnna-cancel-actions .btn{width:100%}.qnna-usage-meta{grid-template-columns:1fr}.qnna-marketplace .content-block{padding:38px 0!important}.qnna-marketplace-intro{padding:22px 0}.qnna-marketplace-trust{gap:7px}}

/* Message history and reader: readable metadata without changing popup behavior. */
.qnna-template-clientareaemails .qnna-message-card{border-inline-start:3px solid #d5b774;min-height:100px;text-align:start}
.qnna-template-clientareaemails .qnna-message-copy{min-width:0}
.qnna-template-clientareaemails .qnna-message-copy strong{font-size:16px;line-height:1.9;overflow-wrap:anywhere;color:var(--qnna-text,#173647)}
.qnna-template-clientareaemails .qnna-message-copy small{font-size:13px;line-height:1.8;color:var(--qnna-text-soft,#506571)}
.qnna-template-clientareaemails .qnna-message-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--qnna-surface-2,#f1f6f8);min-height:44px}
.qnna-template-clientareaemails .qnna-message-card:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
.qnna-template-clientareaemails #tableEmailsList td{padding:16px 12px;line-height:1.9;vertical-align:middle;overflow-wrap:anywhere}
.qnna-template-clientareaemails #tableEmailsList td:first-child{white-space:nowrap}
.qnna-template-clientareaemails #tableEmailsList td:last-child .btn{min-height:44px;line-height:1.8}
.qnna-email-popup .qnna-email-reader{border-block-start:4px solid #d5b774}
.qnna-email-popup .qnna-email-reader-head>div{min-width:0;flex:1}
.qnna-email-popup .qnna-email-reader-head h1{line-height:1.8;font-size:24px;overflow-wrap:anywhere}
.qnna-email-popup .qnna-email-attachments span{max-width:100%;overflow-wrap:anywhere;line-height:1.8;padding:8px 12px}
.qnna-email-popup .qnna-email-reader-body iframe{width:100%;height:clamp(360px,68vh,720px);border:1px solid #dbe7eb}
.qnna-email-popup .qnna-email-reader-footer{display:flex;justify-content:center;gap:12px;padding:18px;background:#f4f7f8;border-block-start:1px solid #dbe7eb}
.qnna-email-popup .qnna-email-reader-footer .btn{min-height:48px;min-width:160px;padding:12px 20px;border-radius:10px;line-height:1.8}
.qnna-email-popup button:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:639px){.qnna-email-popup{padding:12px}.qnna-email-popup .qnna-email-reader{border-radius:16px}.qnna-email-popup .qnna-email-reader-head{padding:18px 14px;gap:12px}.qnna-email-popup .qnna-email-reader-head h1{font-size:20px}.qnna-email-popup .qnna-email-reader-body{padding:8px}.qnna-email-popup .qnna-email-reader-footer .btn{width:100%;min-width:0}.qnna-template-clientareaemails .qnna-message-card{padding:16px 14px}.qnna-template-clientareaemails .qnna-message-open{justify-self:start}}

/* v137: service cancellation and accessible support rating */
.qnna-feedback-card{max-width:960px;margin-inline:auto;border-top:3px solid #aa894e;border-radius:20px;overflow:hidden}
.qnna-feedback-card>.card-body{padding:28px;color:var(--qnna-text,#102b36);line-height:1.85}
.qnna-feedback-card .ticketfeedbackstaffcont{margin:24px 0;padding:22px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:var(--qnna-surface-2,#f5f8fa)}
.qnna-rating-fieldset{min-width:0;border:0;padding:0;margin:18px 0 24px}
.qnna-rating-fieldset legend{font-size:16px;font-weight:800;color:var(--qnna-text,#102b36);margin-bottom:12px}
.qnna-rating-scale{display:flex;justify-content:space-between;gap:16px;color:var(--qnna-text-soft,#586b75);font-size:14px;margin-bottom:10px}
.qnna-rating-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.qnna-rating-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:68px;padding:10px 4px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:12px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);cursor:pointer;margin:0}
.qnna-rating-choice .form-check-input{position:static;margin:0;width:18px;height:18px;accent-color:#025b76}
.qnna-rating-choice:focus-within,.qnna-rating-choice:hover{border-color:#aa894e;box-shadow:0 0 0 2px rgba(170,137,78,.18)}
.qnna-rating-choice input:checked+span{color:#025b76;background:#e7f3f8;border-radius:6px;padding:0 6px;font-weight:900}
.qnna-feedback-card textarea,.qnna-cancel-card textarea,.qnna-cancel-card select{font-size:16px;color:var(--qnna-text,#102b36);background:var(--qnna-surface,#fff);line-height:1.8}
.qnna-feedback-card textarea,.qnna-cancel-card textarea{resize:vertical;min-height:120px}
.qnna-feedback-card .btn,.qnna-cancel-actions .btn{min-height:48px;white-space:normal;line-height:1.7;padding:10px 22px}
.qnna-feedback-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.qnna-feedback-actions .btn-default{background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-feedback-card .table td{overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-cancel-product>div{min-width:0;overflow-wrap:anywhere}
.qnna-cancel-card .form-group>label{font-weight:800;line-height:1.8}
.qnna-feedback-card :is(.btn,textarea):focus-visible,.qnna-cancel-card :is(.btn,textarea,select):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:767px){.qnna-feedback-card>.card-body{padding:18px}.qnna-feedback-card .ticketfeedbackstaffcont{padding:16px}.qnna-rating-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.qnna-feedback-actions{flex-direction:column}.qnna-feedback-actions .btn,.qnna-cancel-actions .btn{width:100%}.qnna-cancel-actions{flex-direction:column}.qnna-cancel-options{grid-template-columns:1fr}.qnna-feedback-card .col-sm-10{flex:0 0 100%;max-width:100%;margin-inline:0}}

/* v138: SSL configuration and certificate management */
.qnna-ssl-card{max-width:960px;margin-inline:auto;margin-bottom:22px;border-top:3px solid #aa894e;border-radius:18px}
.qnna-ssl-card>.card-body{padding:26px;color:var(--qnna-text,#102b36);line-height:1.85}
.qnna-ssl-card .card-title{font-size:clamp(20px,2vw,26px);font-weight:800;color:var(--qnna-text,#102b36);margin-bottom:14px}
.qnna-ssl-card .form-control,.qnna-ssl-card .custom-select{font-size:16px;min-height:48px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);border-color:var(--qnna-border,#dbe7eb)}
.qnna-ssl-card #inputCsr{font-family:monospace;font-size:14px;line-height:1.7;text-align:left;resize:vertical;min-height:180px}
.qnna-ssl-card .col-form-label,.qnna-ssl-card .form-group>label{font-weight:800;line-height:1.8;text-align:start!important}
.qnna-ssl-card .form-group{margin-bottom:20px}
.qnna-ssl-card .form-text{color:var(--qnna-text-soft,#586b75)!important;line-height:1.8}
.qnna-ssl-card .list-group-item{padding:0;background:var(--qnna-surface,#fff);border-color:var(--qnna-border,#dbe7eb)}
.qnna-ssl-card .list-group-item label{display:flex;align-items:center;gap:12px;padding:16px;min-height:56px;width:100%;cursor:pointer;color:var(--qnna-text,#102b36)}
.qnna-ssl-card .list-group-item input[type=radio]{flex-shrink:0;width:18px;height:18px;accent-color:#025b76}
.qnna-ssl-card .list-group-item bdi{min-width:0;overflow-wrap:anywhere;font-weight:700}
.qnna-ssl-card .list-group-item:focus-within{outline:2px solid #aa894e;outline-offset:-2px}
.qnna-ssl-card .btn,.qnna-ssl-table .btn{min-height:48px;padding:10px 20px;line-height:1.7;white-space:normal}
.qnna-ssl-card .btn-default,.qnna-ssl-table .btn-default{background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-ssl-card :is(input,textarea,select,.btn):focus-visible,.qnna-ssl-table .btn:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
.qnna-ssl-table{overflow-x:auto;border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;background:var(--qnna-surface,#fff)}
.qnna-ssl-table #tableSslList{min-width:700px;margin:0!important;width:100%!important}
.qnna-ssl-table #tableSslList :is(th,td){padding:16px 14px;vertical-align:middle;color:var(--qnna-text,#102b36);line-height:1.8}
.qnna-ssl-table #tableSslList th{background:var(--qnna-surface-2,#f5f8fa);font-weight:800}
.qnna-ssl-table #tableSslList td:last-child .btn{margin-block:4px;max-width:220px}
.qnna-ssl-table #tableSslList .label{display:inline-block;white-space:normal;line-height:1.6;margin:3px;padding:4px 8px;border-radius:8px}
@media(max-width:767px){.qnna-ssl-card>.card-body{padding:18px}.qnna-ssl-card .btn{width:100%}.qnna-ssl-card .col-sm-10{max-width:100%;flex-basis:100%;margin-inline:0}.qnna-ssl-card .col-form-label{padding-bottom:8px}}

/* v141: client quote list */
.qnna-quotes-table-shell{border:1px solid var(--qnna-border,#dbe7eb);border-radius:18px;background:var(--qnna-surface,#fff);overflow-x:auto}
.qnna-quotes-table-shell #tableQuotesList{min-width:760px;width:100%!important;margin:0!important}
.qnna-quotes-table-shell #tableQuotesList :is(th,td){padding:16px 14px;color:var(--qnna-text,#102b36);vertical-align:middle;line-height:1.8}
.qnna-quotes-table-shell #tableQuotesList th{font-weight:800;background:var(--qnna-surface-2,#f5f8fa)}
.qnna-quote-subject-link{display:inline-block;color:var(--qnna-text,#102b36);min-height:44px;padding-block:8px;text-decoration:underline;text-decoration-color:#aa894e;text-underline-offset:5px;overflow-wrap:anywhere;max-width:360px}
.qnna-quote-subject-link:hover{color:#025b76}
.qnna-quotes-table-shell .btn,.qnna-quote-card .btn{min-height:48px;padding:10px 18px;line-height:1.7;white-space:normal}
.qnna-quotes-table-shell .btn-default,.qnna-quote-card .btn-default{color:var(--qnna-text,#102b36);background:var(--qnna-surface-2,#f5f8fa);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-quote-card{border-top:3px solid #aa894e;border-radius:18px;padding:20px;min-width:0}
.qnna-quote-card-head{align-items:flex-start;gap:14px}
.qnna-quote-card-head>div{min-width:0;flex:1}
.qnna-quote-card-head h3{font-size:20px;line-height:1.7;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-quote-card-head .status{white-space:normal;line-height:1.6;max-width:45%;flex-shrink:0}
.qnna-quote-card-meta{gap:16px;margin-block:18px}
.qnna-quote-card-meta strong{font-size:15px;line-height:1.8;color:var(--qnna-text,#102b36)}
.qnna-quote-card-meta small{color:var(--qnna-text-soft,#586b75);line-height:1.8}
.qnna-quote-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qnna-quote-actions form{margin:0;min-width:0}.qnna-quote-actions .btn{width:100%}
:is(.qnna-quotes-table-shell,.qnna-quote-card) :is(a,button):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:400px){.qnna-quote-card{padding:16px}.qnna-quote-card-head{flex-wrap:wrap}.qnna-quote-card-head .status{max-width:100%}.qnna-quote-actions{grid-template-columns:1fr}}

/* v143: service usage cards and pricing dialog */
.qnna-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.qnna-usage-card{display:flex;flex-direction:column;min-width:0;padding:24px;border-top:3px solid #aa894e;border-radius:18px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36)}
.qnna-usage-card-head{align-items:flex-start;gap:12px}.qnna-usage-card-head>div{min-width:0}
.qnna-usage-card-head h3{font-size:19px;line-height:1.8;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-usage-value{padding:18px 0;margin-block:12px;border-block:1px solid var(--qnna-border,#dbe7eb)}
.qnna-usage-value strong{font-size:clamp(24px,2.5vw,34px);line-height:1.5;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-usage-card :is(small,.qnna-usage-value>span){color:var(--qnna-text-soft,#586b75);line-height:1.8}
.qnna-usage-meta{gap:16px;margin-bottom:20px}.qnna-usage-meta>div{min-width:0}
.qnna-usage-meta strong{font-size:14px;line-height:1.9;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-usage-card>button{margin-top:auto;min-height:48px;padding:10px 16px;white-space:normal;line-height:1.7;width:100%;background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-usage-card>button:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
.qnna-metric-pricing-modal .modal-dialog{max-width:720px}
.qnna-metric-pricing-modal .modal-body{padding:24px;line-height:1.85;overflow-wrap:anywhere;overflow-x:auto;color:var(--qnna-text,#102b36)}
.qnna-metric-pricing-modal .modal-title{font-size:21px;line-height:1.7;overflow-wrap:anywhere}
.qnna-metric-pricing-table{min-width:320px}.qnna-metric-pricing-table :is(th,td){padding:14px 12px;color:var(--qnna-text,#102b36);vertical-align:middle;line-height:1.8}
.qnna-metric-pricing-table th{background:var(--qnna-surface-2,#f5f8fa);font-weight:800}
.qnna-metric-pricing-modal .modal-footer .btn-default{min-height:48px;color:var(--qnna-text,#102b36);background:var(--qnna-surface-2,#f5f8fa);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-template-clientareaproductdetails .alert.d-flex{flex-wrap:wrap;gap:14px}
.qnna-template-clientareaproductdetails .alert.d-flex>span{min-width:0;flex:1 1 240px;line-height:1.85;overflow-wrap:anywhere}
.qnna-service-detail-hero .qnna-detail-hero-copy{min-width:0}.qnna-service-detail-hero h2{overflow-wrap:anywhere;line-height:1.7}
@media(max-width:1199px){.qnna-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.qnna-usage-grid{grid-template-columns:1fr}.qnna-usage-card{padding:20px}.qnna-metric-pricing-modal .modal-body{padding:18px}.qnna-metric-pricing-modal .modal-footer .btn{width:100%}.qnna-template-clientareaproductdetails .alert.d-flex>.btn{width:100%}}

/* v145: affiliate dashboard */
.qnna-affiliates-page .qnna-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qnna-affiliates-page .qnna-finance-stat{min-width:0;border-top:3px solid #aa894e;border-radius:18px;padding:22px;background:var(--qnna-surface,#fff)}
.qnna-affiliates-page .qnna-finance-stat strong{font-size:clamp(23px,2.5vw,32px);line-height:1.6;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-affiliates-page .qnna-finance-stat span{line-height:1.85;color:var(--qnna-text-soft,#586b75)}
.qnna-affiliates-page .qnna-affiliate-link{gap:12px;align-items:stretch}
.qnna-affiliates-page #qnnaReferralLink{font-size:16px;min-height:50px;min-width:0;background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36);border-color:var(--qnna-border,#dbe7eb)}
.qnna-affiliates-page .btn,.qnna-affiliate-signup .btn{min-height:48px;padding:10px 20px;line-height:1.8;white-space:normal}
.qnna-referral-copy-status{min-height:26px;margin:10px 0 0;color:var(--qnna-text,#102b36);font-size:14px;line-height:1.85}
.qnna-referral-table-wrap{overflow-x:auto;border:1px solid var(--qnna-border,#dbe7eb);border-radius:14px}
.qnna-referral-table-wrap #tableAffiliatesList{min-width:650px;width:100%!important;margin:0!important}
.qnna-referral-table-wrap #tableAffiliatesList :is(th,td){padding:15px 12px;line-height:1.8;vertical-align:middle;color:var(--qnna-text,#102b36)}
.qnna-referral-table-wrap #tableAffiliatesList th{background:var(--qnna-surface-2,#f5f8fa);font-weight:800}
.qnna-affiliate-signup .qnna-trust-item{padding:20px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:var(--qnna-surface-2,#f5f8fa);line-height:1.85;color:var(--qnna-text,#102b36);min-width:0}
:is(.qnna-affiliates-page,.qnna-affiliate-signup) :is(input,.btn):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:767px){.qnna-affiliates-page .qnna-finance-grid{grid-template-columns:1fr}.qnna-affiliates-page .qnna-affiliate-link{flex-direction:column}.qnna-affiliates-page .btn,.qnna-affiliate-signup .btn{width:100%}.qnna-affiliates-page .qnna-finance-stat{padding:18px}}

/* v162: message discovery, attachments and mobile reading */
.qnna-template-clientareaemails .qnna-message-metadata{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-block-start:10px}
.qnna-message-metadata>span{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}
.qnna-template-clientareaemails .qnna-message-attachments{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:8px;background:var(--qnna-surface-2,#f1f6f8);color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;font-size:12px;line-height:1.8}
.qnna-template-clientareaemails .qnna-message-attachments>i{color:#aa894e}
.qnna-template-clientareaemails #tableEmailsList td:nth-child(2)>strong{display:block;line-height:1.85;text-align:start;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important}
.qnna-template-clientareaemails #tableEmailsList td:nth-child(2)>.qnna-message-attachments{margin-block-start:8px}
.qnna-template-clientareaemails .qnna-message-card{background:var(--qnna-surface,#fff);box-shadow:0 6px 20px #082f3c08}
.qnna-template-clientareaemails .qnna-message-open{color:var(--qnna-text,#025b76)!important;-webkit-text-fill-color:var(--qnna-text,#025b76)!important}
.qnna-template-clientareaemails #tableEmailsList button:focus-visible{outline:3px solid #aa894e;outline-offset:3px}
html[dir="ltr"] .qnna-template-clientareaemails .qnna-message-open>i{transform:rotate(180deg)}
@media(max-width:767px){.qnna-template-clientareaemails .qnna-mobile-message-list{gap:14px}.qnna-template-clientareaemails .qnna-message-card{align-items:start;padding:20px;grid-template-columns:44px minmax(0,1fr);gap:14px}.qnna-template-clientareaemails .qnna-message-open{grid-column:2;justify-self:start;white-space:normal}.qnna-template-clientareaemails .qnna-message-copy small{font-size:13px}}

/* Source: qnna-operations.css */
/* Qnna Web Services — Operations & Domain Control v0.9.0-alpha.1
   Presentation-only layer for domain controls, renewals, module output, quotes,
   subscriptions and client alerts. No registrar, server-module, gateway or order logic lives here. */

.qnna-ops-shell{display:grid;gap:22px}
.qnna-ops-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:26px 28px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:26px;background:linear-gradient(135deg,rgba(2,91,118,.08),rgba(143,110,47,.055),var(--qnna-surface,#fff));box-shadow:0 16px 44px rgba(8,50,66,.07)}
.qnna-ops-hero:after{content:"";position:absolute;inset-inline-end:-75px;top:-95px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(2,91,118,.1);box-shadow:0 0 0 42px rgba(2,91,118,.025),0 0 0 84px rgba(143,110,47,.018);pointer-events:none}
.qnna-ops-hero-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--qnna-primary,#025b76),#06475d);color:#fff;font-size:24px;box-shadow:0 14px 30px rgba(2,91,118,.18)}
.qnna-ops-hero-icon.is-gold{background:linear-gradient(145deg,var(--qnna-gold,#8f6e2f),#b08c43)}
.qnna-ops-hero-copy{position:relative;z-index:1;min-width:0;flex:1}.qnna-ops-hero-copy>span{display:inline-flex;align-items:center;gap:7px;color:var(--qnna-gold,#8f6e2f);font-size:12px;font-weight:800}.qnna-ops-hero h1,.qnna-ops-hero h2{margin:6px 0 6px;font-size:clamp(24px,2.6vw,36px);font-weight:800;color:var(--qnna-text,#102b36)}.qnna-ops-hero p{margin:0;max-width:760px;color:var(--qnna-muted,#667a83);line-height:1.85}.qnna-ops-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}.qnna-ops-hero-actions .btn{border-radius:12px;font-weight:700}

.qnna-renewal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}.qnna-renewal-stat{position:relative;overflow:hidden;padding:18px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:19px;background:var(--qnna-surface,#fff);box-shadow:0 8px 26px rgba(8,50,66,.045)}.qnna-renewal-stat:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--qnna-primary,#025b76)}.qnna-renewal-stat.is-gold:before{background:var(--qnna-gold,#8f6e2f)}.qnna-renewal-stat.is-warning:before{background:#d58a19}.qnna-renewal-stat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.qnna-renewal-stat i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(2,91,118,.07);color:var(--qnna-primary,#025b76)}.qnna-renewal-stat strong{display:block;margin-top:12px;font-size:25px;line-height:1.1;color:var(--qnna-text,#102b36)}.qnna-renewal-stat span{display:block;margin-top:6px;color:var(--qnna-muted,#667a83);font-size:12px}

.qnna-domain-tools-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:var(--qnna-surface,#fff);box-shadow:0 8px 24px rgba(8,50,66,.04)}.qnna-domain-tools-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:11px;color:var(--qnna-text,#102b36);font-size:12px;font-weight:700;text-decoration:none}.qnna-domain-tools-nav a:hover,.qnna-domain-tools-nav a.is-active{background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}

.qnna-ops-card{border:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:22px!important;background:var(--qnna-surface,#fff)!important;box-shadow:0 12px 34px rgba(8,50,66,.055)!important;overflow:hidden}.qnna-ops-card>.card-body{padding:24px}.qnna-ops-card h3,.qnna-ops-card h4{font-weight:800;color:var(--qnna-text,#102b36)}.qnna-ops-card .form-control,.qnna-ops-card .custom-select{min-height:46px;border-radius:12px;border:1px solid var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);box-shadow:none}.qnna-ops-card .form-control:focus,.qnna-ops-card .custom-select:focus{border-color:rgba(2,91,118,.55);box-shadow:0 0 0 3px rgba(2,91,118,.1)}
.qnna-ops-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:8px}.qnna-ops-form-actions .btn{border-radius:12px;padding:10px 17px;font-weight:700}.qnna-ops-help{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border:1px solid rgba(2,91,118,.13);border-radius:16px;background:rgba(2,91,118,.045);color:var(--qnna-text,#102b36)}.qnna-ops-help>i{margin-top:4px;color:var(--qnna-primary,#025b76)}.qnna-ops-help p{margin:0;color:var(--qnna-muted,#667a83);line-height:1.8}
.qnna-ops-warning{border-color:rgba(213,138,25,.24);background:rgba(213,138,25,.07)}.qnna-ops-warning>i{color:#bd7814}

.qnna-dns-table{border-collapse:separate!important;border-spacing:0 8px!important;margin:0}.qnna-dns-table thead th{border:0!important;color:var(--qnna-muted,#667a83);font-size:12px;font-weight:700}.qnna-dns-table tbody td{vertical-align:middle!important;border-top:1px solid var(--qnna-border,#dbe7eb)!important;border-bottom:1px solid var(--qnna-border,#dbe7eb)!important;background:var(--qnna-surface,#fff)}.qnna-dns-table tbody td:first-child{border-inline-start:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:0 13px 13px 0}.qnna-dns-table tbody td:last-child{border-inline-end:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:13px 0 0 13px}.qnna-dns-new-row td{background:rgba(2,91,118,.025)!important}
.qnna-domain-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qnna-domain-form-grid .form-group{margin:0}.qnna-domain-form-grid .is-full{grid-column:1/-1}.qnna-domain-form-grid label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:var(--qnna-text,#102b36)}
.qnna-contact-tabs .nav-tabs{border:0;gap:7px;flex-wrap:wrap}.qnna-contact-tabs .nav-link{border:1px solid var(--qnna-border,#dbe7eb)!important;border-radius:11px!important;background:var(--qnna-surface,#fff);font-weight:700;color:var(--qnna-text,#102b36)}.qnna-contact-tabs .nav-link.active{background:var(--qnna-primary,#025b76)!important;border-color:var(--qnna-primary,#025b76)!important;color:#fff!important}.qnna-contact-tab-body{padding:20px 0 0}
.qnna-ns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qnna-ns-action{height:100%;padding:20px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:20px;background:var(--qnna-surface,#fff)}.qnna-ns-action-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.qnna-ns-action-head i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}.qnna-ns-action-head h3{margin:0;font-size:16px;font-weight:800}.qnna-ns-action.is-danger .qnna-ns-action-head i{background:rgba(199,67,67,.08);color:#c74343}
.qnna-epp-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border:1px dashed rgba(2,91,118,.35);border-radius:15px;background:rgba(2,91,118,.035)}.qnna-epp-code code{word-break:break-all;color:var(--qnna-text,#102b36);font-size:13px}

.qnna-module-output-shell{margin-top:18px;padding:18px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:20px;background:linear-gradient(180deg,var(--qnna-surface,#fff),rgba(2,91,118,.018))}.qnna-module-output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(102,122,131,.12)}.qnna-module-output-heading strong{display:flex;align-items:center;gap:8px;font-size:13px}.qnna-module-output-heading small{color:var(--qnna-muted,#667a83)}.qnna-module-output-shell .module-client-area{margin:0!important}.qnna-module-output-shell .btn,.qnna-module-output-shell button,.qnna-module-output-shell input[type=submit]{border-radius:11px!important;font-weight:700!important}.qnna-module-output-shell table{max-width:100%}.qnna-module-output-shell img{max-width:100%;height:auto}

.qnna-quote-mobile-list{display:none;gap:12px}.qnna-quote-card{display:grid;gap:13px;padding:17px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:19px;background:var(--qnna-surface,#fff)}.qnna-quote-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qnna-quote-card h3{margin:3px 0 0;font-size:16px;font-weight:800}.qnna-quote-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qnna-quote-card-meta>div{padding:10px 11px;border-radius:12px;background:rgba(2,91,118,.035)}.qnna-quote-card-meta small{display:block;color:var(--qnna-muted,#667a83);font-size:10px}.qnna-quote-card-meta strong{display:block;margin-top:3px;font-size:12px}.qnna-quote-actions{display:flex;gap:8px}.qnna-quote-actions .btn{flex:1;border-radius:11px}
.qnna-subscription-state{text-align:center;padding:34px 24px}.qnna-subscription-state-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 15px;border-radius:21px;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:25px}.qnna-subscription-state h2{font-size:24px;font-weight:800}.qnna-subscription-state p{color:var(--qnna-muted,#667a83);line-height:1.8}

.qnna-notifications .qnna-alert-item{align-items:flex-start}.qnna-notification-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-top:1px solid var(--qnna-border,#dbe7eb);background:rgba(2,91,118,.02)}.qnna-notification-footer a{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px;border-radius:9px;color:var(--qnna-text,#102b36);font-size:11px;font-weight:700;text-decoration:none}.qnna-notification-footer a:hover{background:rgba(2,91,118,.07);color:var(--qnna-primary,#025b76)}

.qnna-quote-document{background:#eef4f6!important;font-family:var(--qnna-font-body,"Cairo",sans-serif)}.qnna-quote-document .invoice-container{max-width:1120px;margin:34px auto!important;padding:32px!important;border:1px solid #dbe7eb;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(8,50,66,.12)}.qnna-quote-document .invoice-status span{border-radius:999px!important;padding:8px 15px!important;font-weight:800}.qnna-quote-document .card{border-radius:18px;border-color:#dbe7eb;overflow:hidden}.qnna-quote-document .table{margin:0}.qnna-quote-document .btn{border-radius:11px;font-weight:700}

[data-qnna-theme="dark"] .qnna-ops-hero{background:linear-gradient(135deg,rgba(2,91,118,.17),rgba(143,110,47,.1),var(--qnna-surface,#0d2028))}.qnna-theme[data-qnna-theme="dark"] .qnna-ops-hero{background:linear-gradient(135deg,rgba(2,91,118,.17),rgba(143,110,47,.1),var(--qnna-surface,#0d2028))}
html[data-qnna-theme="dark"] .qnna-ops-hero,html[data-qnna-theme="dark"] .qnna-renewal-stat,html[data-qnna-theme="dark"] .qnna-domain-tools-nav,html[data-qnna-theme="dark"] .qnna-ops-card,html[data-qnna-theme="dark"] .qnna-ns-action,html[data-qnna-theme="dark"] .qnna-quote-card{border-color:rgba(255,255,255,.1)}

@media(max-width:991.98px){.qnna-renewal-grid{grid-template-columns:1fr 1fr}.qnna-ns-grid{grid-template-columns:1fr}.qnna-ops-hero{align-items:flex-start;flex-wrap:wrap}.qnna-ops-hero-actions{width:100%;margin-inline-start:84px}.qnna-domain-form-grid{grid-template-columns:1fr}}
@media(max-width:767.98px){.qnna-ops-hero{padding:21px;border-radius:22px}.qnna-ops-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:17px}.qnna-ops-hero-actions{margin-inline-start:0}.qnna-ops-hero-actions .btn{flex:1}.qnna-renewal-grid{grid-template-columns:1fr}.qnna-domain-tools-nav{display:grid;grid-template-columns:1fr 1fr}.qnna-dns-table thead{display:none}.qnna-dns-table,.qnna-dns-table tbody,.qnna-dns-table tr,.qnna-dns-table td{display:block;width:100%}.qnna-dns-table tr{margin-bottom:12px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;padding:10px;background:var(--qnna-surface,#fff)}.qnna-dns-table tbody td{border:0!important;padding:6px!important;background:transparent!important}.qnna-dns-table tbody td:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--qnna-muted,#667a83);font-size:10px;font-weight:700}.qnna-quote-mobile-list{display:grid}.qnna-quotes-table-shell{display:none}.qnna-quote-card-meta{grid-template-columns:1fr}.qnna-notification-footer{grid-template-columns:1fr}.qnna-quote-document .invoice-container{margin:0!important;border:0;border-radius:0;box-shadow:none;padding:18px!important}}
/* Legacy-class migration helpers: neutral Qnna names retained only where older markup still needs sizing. */
.qnna-legacy-text-6{font-size:1.75rem}.qnna-legacy-text-7{font-size:1.35rem}.qnna-legacy-text-8{font-size:1.15rem}.qnna-legacy-text-9{font-size:1rem}.qnna-legacy-text-10{font-size:.94rem}.qnna-legacy-text-11{font-size:.88rem}.qnna-legacy-text-12{font-size:.78rem}.qnna-z-index-1{z-index:1}.qnna-hover-y{transition:transform .2s ease}.qnna-hover-y:hover{transform:translateY(-2px)}.qnna-route-title,.qnna-route-subtitle{font-weight:800;color:var(--qnna-text,#102b36)}.qnna-route-link{font-weight:700;color:var(--qnna-primary,#025b76)}.qnna-route-text{color:var(--qnna-muted,#667a83);line-height:1.8}.qnna-route-meta{font-size:.78rem}

/* Source: qnna-service-os.css */
/* Qnna Service OS — v0.11.0-alpha.1
   Operational presentation layer for WHMCS service details.
   No billing, gateway, server-module or provisioning logic lives here. */
.qnna-service-os{margin:22px 0 26px;padding:28px;border:1px solid rgba(2,91,118,.12);border-radius:28px;background:linear-gradient(145deg,rgba(2,91,118,.055),rgba(143,110,47,.045) 58%,rgba(255,255,255,.86));position:relative;overflow:hidden}
.qnna-service-os:before{content:"";position:absolute;inset:auto -90px -130px auto;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(143,110,47,.16),transparent 68%);pointer-events:none}
.qnna-service-os-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;position:relative;z-index:1}
.qnna-service-os-copy{max-width:760px}.qnna-service-os-copy>span{display:inline-flex;gap:8px;align-items:center;color:var(--qnna-primary,#025b76);font-weight:800;font-size:.82rem;margin-bottom:8px}.qnna-service-os-copy h3{font-size:clamp(1.35rem,2.6vw,2rem);font-weight:800;margin:0 0 8px;color:var(--qnna-text,#102b36)}.qnna-service-os-copy p{margin:0;color:var(--qnna-muted,#667a83);line-height:1.9}
.qnna-service-os-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.qnna-service-signal{background:rgba(255,255,255,.92);border:1px solid rgba(2,91,118,.1);border-radius:20px;padding:18px;min-height:142px;box-shadow:0 12px 35px rgba(16,43,54,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.qnna-service-signal:hover{transform:translateY(-3px);border-color:rgba(2,91,118,.24);box-shadow:0 16px 40px rgba(16,43,54,.09)}
.qnna-service-signal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.qnna-service-signal-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-size:1rem}.qnna-service-signal small{display:block;color:var(--qnna-muted,#667a83);font-weight:700;margin-bottom:5px}.qnna-service-signal strong{display:block;color:var(--qnna-text,#102b36);font-size:1rem;line-height:1.55}.qnna-service-signal .status{display:inline-flex;width:auto;margin-top:2px}
.qnna-service-signal.is-attention .qnna-service-signal-icon{background:rgba(213,138,25,.12);color:#b46d00}.qnna-service-signal.is-danger .qnna-service-signal-icon{background:rgba(199,67,67,.1);color:#b82f2f}.qnna-service-signal.is-gold .qnna-service-signal-icon{background:rgba(143,110,47,.12);color:var(--qnna-gold,#8f6e2f)}
.qnna-service-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;position:relative;z-index:1}.qnna-service-timepoint{display:flex;gap:13px;align-items:center;border-top:1px solid rgba(2,91,118,.1);padding-top:16px}.qnna-service-timepoint i{color:var(--qnna-gold,#8f6e2f)}.qnna-service-timepoint small{display:block;color:var(--qnna-muted,#667a83);font-size:.77rem;font-weight:700}.qnna-service-timepoint strong{display:block;color:var(--qnna-text,#102b36);font-size:.9rem;margin-top:2px}
.qnna-resource-center{padding:8px 0}.qnna-resource-intro{text-align:center;max-width:700px;margin:0 auto 24px}.qnna-resource-intro h3{font-weight:800;color:var(--qnna-text,#102b36);margin-bottom:8px}.qnna-resource-intro p{color:var(--qnna-muted,#667a83);line-height:1.8;margin:0}.qnna-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin:0 auto}.qnna-resource-card{border:1px solid rgba(2,91,118,.12);border-radius:22px;background:var(--qnna-surface,#fff);padding:22px;box-shadow:0 12px 35px rgba(16,43,54,.05)}.qnna-resource-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.qnna-resource-card-title{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--qnna-text,#102b36)}.qnna-resource-card-title i{width:38px;height:38px;border-radius:12px;background:rgba(2,91,118,.08);display:grid;place-items:center;color:var(--qnna-primary,#025b76)}.qnna-resource-percent{font-weight:900;color:var(--qnna-primary,#025b76);font-size:1.1rem}.qnna-resource-track{height:10px;border-radius:99px;background:rgba(2,91,118,.09);overflow:hidden}.qnna-resource-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--qnna-primary,#025b76),#0788ad);width:var(--qnna-usage,0%);transition:width .7s ease}.qnna-resource-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--qnna-muted,#667a83);font-size:.83rem}.qnna-resource-updated{text-align:center;margin:18px 0 0;color:var(--qnna-muted,#667a83);font-size:.85rem}
.qnna-service-content-head{text-align:center;max-width:720px;margin:4px auto 22px}.qnna-service-content-head span{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);margin-bottom:12px}.qnna-service-content-head h3{font-weight:800;color:var(--qnna-text,#102b36);margin:0 0 7px}.qnna-service-content-head p{color:var(--qnna-muted,#667a83);margin:0;line-height:1.8}
.qnna-service-download-grid,.qnna-service-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qnna-service-file,.qnna-service-addon{border:1px solid rgba(2,91,118,.11);border-radius:22px;background:var(--qnna-surface,#fff);padding:20px;box-shadow:0 10px 30px rgba(16,43,54,.05)}.qnna-service-file{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.qnna-service-file-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(143,110,47,.1);color:var(--qnna-gold,#8f6e2f)}.qnna-service-file h4,.qnna-service-addon h4{font-weight:800;color:var(--qnna-text,#102b36);font-size:1rem;margin:0 0 5px}.qnna-service-file p,.qnna-service-addon p{color:var(--qnna-muted,#667a83);font-size:.88rem;line-height:1.7;margin:0}.qnna-service-addon-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.qnna-service-addon-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.qnna-service-addon-meta div{padding:10px 12px;border-radius:14px;background:rgba(2,91,118,.045)}.qnna-service-addon-meta small{display:block;color:var(--qnna-muted,#667a83);font-size:.72rem}.qnna-service-addon-meta strong{font-size:.85rem;color:var(--qnna-text,#102b36)}.qnna-service-addon-actions{border-top:1px solid rgba(2,91,118,.08);padding-top:14px}
[data-qnna-theme="dark"] .qnna-service-os{background:linear-gradient(145deg,rgba(2,91,118,.16),rgba(143,110,47,.1) 58%,rgba(12,31,39,.9));border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-service-signal,[data-qnna-theme="dark"] .qnna-resource-card,[data-qnna-theme="dark"] .qnna-service-file,[data-qnna-theme="dark"] .qnna-service-addon{background:rgba(12,31,39,.82);border-color:rgba(255,255,255,.08)}
@media(max-width:991.98px){.qnna-service-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qnna-service-timeline{grid-template-columns:1fr}.qnna-service-os{padding:22px}.qnna-service-os-head{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){.qnna-service-os-grid,.qnna-resource-grid,.qnna-service-download-grid,.qnna-service-addon-grid{grid-template-columns:1fr}.qnna-service-os{border-radius:22px;padding:18px}.qnna-service-file{grid-template-columns:auto 1fr}.qnna-service-file>a{grid-column:1/-1;width:100%}.qnna-service-addon-meta{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.qnna-service-signal,.qnna-resource-fill{transition:none!important}}

.qnna-service-summary-panel{margin:0 0 22px;border:1px solid rgba(2,91,118,.11);border-radius:24px;background:var(--qnna-surface,#fff);overflow:hidden;box-shadow:0 14px 42px rgba(16,43,54,.055)}
.qnna-service-summary-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(2,91,118,.08);background:linear-gradient(135deg,rgba(2,91,118,.045),transparent)}
.qnna-service-summary-ident{display:flex;align-items:center;gap:14px}.qnna-service-summary-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--qnna-primary,#025b76),#0788ad);color:#fff;box-shadow:0 10px 24px rgba(2,91,118,.18)}.qnna-service-summary-ident small{display:block;color:var(--qnna-muted,#667a83);font-weight:700}.qnna-service-summary-ident h3{margin:2px 0 0;font-size:1.12rem;font-weight:800;color:var(--qnna-text,#102b36)}.qnna-service-summary-ident p{margin:2px 0 0;color:var(--qnna-muted,#667a83);font-size:.86rem}
.qnna-service-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px 24px}.qnna-service-facts>div{padding:16px 14px;border-inline-end:1px solid rgba(2,91,118,.075)}.qnna-service-facts>div:nth-child(4n){border-inline-end:0}.qnna-service-facts small{display:block;color:var(--qnna-muted,#667a83);font-size:.74rem;font-weight:700;margin-bottom:5px}.qnna-service-facts strong{display:block;color:var(--qnna-text,#102b36);font-size:.92rem;overflow-wrap:anywhere}
.qnna-service-warning{margin:0 24px 18px;padding:14px 16px;border-radius:16px;display:flex;gap:12px;align-items:center;background:rgba(199,67,67,.07);color:#a93232;border:1px solid rgba(199,67,67,.12)}.qnna-service-warning small{display:block;font-weight:700;opacity:.8}.qnna-service-warning strong{display:block;margin-top:2px}
.qnna-service-summary-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px;border-top:1px solid rgba(2,91,118,.08)}.qnna-btn-danger{background:#b83b3b!important;color:#fff!important;border-color:#b83b3b!important}.qnna-btn-danger:hover{background:#9e2f2f!important;border-color:#9e2f2f!important;color:#fff!important}
[data-qnna-theme="dark"] .qnna-service-summary-panel{background:rgba(12,31,39,.82);border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-service-summary-head,[data-qnna-theme="dark"] .qnna-service-summary-actions{border-color:rgba(255,255,255,.07)}[data-qnna-theme="dark"] .qnna-service-facts>div{border-color:rgba(255,255,255,.07)}
@media(max-width:991.98px){.qnna-service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.qnna-service-facts>div:nth-child(4n){border-inline-end:1px solid rgba(2,91,118,.075)}.qnna-service-facts>div:nth-child(2n){border-inline-end:0}}
@media(max-width:575.98px){.qnna-service-summary-head{align-items:flex-start;padding:18px}.qnna-service-facts{grid-template-columns:1fr;padding:4px 18px}.qnna-service-facts>div,.qnna-service-facts>div:nth-child(2n),.qnna-service-facts>div:nth-child(4n){border-inline-end:0;border-bottom:1px solid rgba(2,91,118,.07);padding:13px 0}.qnna-service-facts>div:last-child{border-bottom:0}.qnna-service-summary-actions{padding:16px 18px}.qnna-service-summary-actions .btn{width:100%}.qnna-service-warning{margin-inline:18px}}

.qnna-template-clientareaproductdetails .responsive-tabs-sm{border:0;gap:8px;flex-wrap:wrap;margin:20px 0 0}.qnna-template-clientareaproductdetails .responsive-tabs-sm .nav-link{border:1px solid rgba(2,91,118,.1)!important;border-radius:14px!important;background:rgba(2,91,118,.035);color:var(--qnna-muted,#667a83);font-weight:700;padding:10px 14px}.qnna-template-clientareaproductdetails .responsive-tabs-sm .nav-link.active{background:var(--qnna-primary,#025b76)!important;color:#fff!important;border-color:var(--qnna-primary,#025b76)!important;box-shadow:0 8px 22px rgba(2,91,118,.14)}
.qnna-template-clientareaproductdetails .responsive-tabs-sm-connector{display:none}.qnna-template-clientareaproductdetails .product-details-tab-container{border:1px solid rgba(2,91,118,.1);border-radius:22px!important;background:var(--qnna-surface,#fff)!important;overflow:hidden;margin-top:12px;padding:0;box-shadow:0 12px 36px rgba(16,43,54,.045)}.qnna-template-clientareaproductdetails .product-details-tab-container>.tab-pane{padding:22px}.qnna-template-clientareaproductdetails .product-details-tab-container>.tab-pane>.row{margin:0 0 9px;padding:11px 12px;border-radius:12px;background:rgba(2,91,118,.025);align-items:center}.qnna-template-clientareaproductdetails .product-details-tab-container>.tab-pane>.row:last-child{margin-bottom:0}.qnna-template-clientareaproductdetails .product-details-tab-container strong{color:var(--qnna-text,#102b36)}
.qnna-hook-output-shell,.qnna-template-clientareaproductdetails .qnna-module-output-shell{border:1px solid rgba(2,91,118,.1);border-radius:20px;background:var(--qnna-surface,#fff);padding:18px;margin:16px 0;overflow:auto}.qnna-hook-output-shell:empty{display:none}.qnna-template-clientareaproductdetails #tabChangepw>.card{border:1px solid rgba(2,91,118,.1);border-radius:22px;box-shadow:none}.qnna-template-clientareaproductdetails #tabChangepw .card-title{font-weight:800;color:var(--qnna-text,#102b36)}
[data-qnna-theme="dark"] .qnna-template-clientareaproductdetails .product-details-tab-container,[data-qnna-theme="dark"] .qnna-hook-output-shell,[data-qnna-theme="dark"] .qnna-template-clientareaproductdetails .qnna-module-output-shell{background:rgba(12,31,39,.82)!important;border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-template-clientareaproductdetails .product-details-tab-container>.tab-pane>.row{background:rgba(255,255,255,.035)}

/* Source: qnna-service-intelligence.css */
/* Qnna Service Intelligence — v0.11.0-alpha.1
   Presentation-only layer. No billing, gateway, server-module or registrar logic. */

.qnna-services-workspace{position:relative;margin:0 0 22px;padding:24px;border:1px solid rgba(2,91,118,.11);border-radius:26px;background:linear-gradient(135deg,rgba(2,91,118,.055),rgba(143,110,47,.035) 54%,var(--qnna-surface,#fff));box-shadow:0 16px 42px rgba(16,43,54,.055);overflow:hidden}.qnna-services-workspace:after{content:"";position:absolute;inset-inline-end:-60px;top:-70px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(2,91,118,.08);box-shadow:0 0 0 28px rgba(2,91,118,.025),0 0 0 56px rgba(143,110,47,.018);pointer-events:none}.qnna-services-workspace-copy{max-width:760px;position:relative;z-index:1}.qnna-services-workspace-copy>span,.qnna-service-intelligence-head>div>span{display:inline-flex;align-items:center;gap:8px;color:var(--qnna-primary,#025b76);font-size:.78rem;font-weight:800;margin-bottom:7px}.qnna-services-workspace h3,.qnna-service-intelligence h3{font-weight:800;color:var(--qnna-text,#102b36);margin:0 0 7px}.qnna-services-workspace p,.qnna-service-intelligence p{color:var(--qnna-muted,#667a83);line-height:1.85;margin:0}.qnna-services-workspace-live,.qnna-live-source{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(20,138,91,.08);color:#13724d;font-weight:800;font-size:.72rem}.qnna-services-workspace-live{position:absolute;inset-inline-end:24px;top:24px;z-index:2}.qnna-services-workspace-live i,.qnna-live-source i{font-size:.48rem;color:#168a5b;box-shadow:0 0 0 4px rgba(22,138,91,.09);border-radius:50%}.qnna-services-searchbar{position:relative;display:flex;align-items:center;gap:10px;margin-top:20px;max-width:680px;z-index:2}.qnna-services-searchbar>i{position:absolute;inset-inline-start:16px;color:var(--qnna-primary,#025b76)}.qnna-services-searchbar input{width:100%;height:52px;padding-inline:46px 58px;border:1px solid rgba(2,91,118,.14);border-radius:16px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);font-family:var(--qnna-font-body,"Cairo",sans-serif);outline:0;transition:border-color .2s,box-shadow .2s}.qnna-services-searchbar input:focus{border-color:rgba(2,91,118,.45);box-shadow:0 0 0 4px rgba(2,91,118,.08)}.qnna-services-search-count{position:absolute;inset-inline-end:10px;min-width:34px;height:34px;padding:0 8px;border-radius:11px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);font-weight:900;font-size:.78rem}.qnna-service-mobile-filters{display:none;gap:8px;margin-top:14px;flex-wrap:wrap}.qnna-service-mobile-filters button{border:1px solid rgba(2,91,118,.11);background:var(--qnna-surface,#fff);color:var(--qnna-muted,#667a83);border-radius:999px;padding:8px 13px;font:700 .78rem var(--qnna-font-body,"Cairo",sans-serif)}.qnna-service-mobile-filters button.is-active{background:var(--qnna-primary,#025b76);border-color:var(--qnna-primary,#025b76);color:#fff}.qnna-service-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 14px 14px;border-top:1px solid rgba(2,91,118,.07)}.qnna-service-card-actions a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:11px;background:rgba(2,91,118,.055);color:var(--qnna-primary,#025b76);font-size:.76rem;font-weight:800;text-decoration:none}.qnna-service-card-actions a:hover{background:var(--qnna-primary,#025b76);color:#fff}.qnna-service-search-empty{margin:16px 0;padding:26px;border:1px dashed rgba(2,91,118,.18);border-radius:20px;text-align:center;color:var(--qnna-muted,#667a83)}.qnna-service-search-empty i{display:block;font-size:1.35rem;color:var(--qnna-primary,#025b76);margin-bottom:9px}

.qnna-service-intelligence{margin:22px 0;padding:24px;border:1px solid rgba(2,91,118,.11);border-radius:26px;background:var(--qnna-surface,#fff);box-shadow:0 15px 40px rgba(16,43,54,.05)}.qnna-service-intelligence-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.qnna-service-intelligence-head>div{max-width:760px}.qnna-service-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qnna-capability-card{position:relative;display:flex;align-items:center;gap:12px;min-height:108px;padding:16px;border:1px solid rgba(2,91,118,.09);border-radius:19px;background:linear-gradient(145deg,rgba(2,91,118,.035),transparent);transition:transform .2s,border-color .2s,box-shadow .2s}.qnna-capability-card:hover{transform:translateY(-2px);border-color:rgba(2,91,118,.18);box-shadow:0 12px 28px rgba(16,43,54,.06)}.qnna-capability-card.is-attention{border-color:rgba(213,138,25,.22);background:linear-gradient(145deg,rgba(213,138,25,.08),transparent)}.qnna-capability-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76)}.qnna-capability-card small{display:block;color:var(--qnna-muted,#667a83);font-weight:700;font-size:.72rem;margin-bottom:3px}.qnna-capability-card strong{display:block;color:var(--qnna-text,#102b36);font-size:.83rem;line-height:1.55}.qnna-capability-card>a{margin-inline-start:auto;width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:rgba(2,91,118,.08);color:var(--qnna-primary,#025b76);text-decoration:none}.qnna-attention-center{margin-top:14px;border-radius:18px;padding:15px 17px}.qnna-attention-center.is-clear{display:flex;align-items:center;gap:10px;background:rgba(22,138,91,.065);border:1px solid rgba(22,138,91,.13);color:#13724d;font-weight:700}.qnna-attention-center.is-clear i{font-size:1.1rem}.qnna-attention-center.is-attention{background:rgba(213,138,25,.065);border:1px solid rgba(213,138,25,.15)}.qnna-attention-title{display:flex;align-items:center;gap:9px;color:#9a6414;margin-bottom:10px}.qnna-attention-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qnna-attention-items>a,.qnna-attention-items>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);font-size:.8rem;font-weight:700;text-decoration:none}.qnna-attention-items i{color:#c07b16}.qnna-inline-loading{display:inline-flex;align-items:center;gap:7px;color:var(--qnna-muted,#667a83)}

.qnna-state-skeleton{position:relative;overflow:hidden;background:rgba(2,91,118,.06)!important;color:transparent!important;border-radius:9px}.qnna-state-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:qnnaSkeleton 1.3s infinite}@keyframes qnnaSkeleton{100%{transform:translateX(100%)}}

[data-qnna-theme="dark"] .qnna-services-workspace,[data-qnna-theme="dark"] .qnna-service-intelligence{background:linear-gradient(145deg,rgba(2,91,118,.12),rgba(12,31,39,.92));border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-services-searchbar input,[data-qnna-theme="dark"] .qnna-service-mobile-filters button,[data-qnna-theme="dark"] .qnna-attention-items>a,[data-qnna-theme="dark"] .qnna-attention-items>div{background:rgba(12,31,39,.86);border-color:rgba(255,255,255,.08)}[data-qnna-theme="dark"] .qnna-capability-card{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025)}

@media(max-width:1199.98px){.qnna-service-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.qnna-services-workspace{padding:18px;border-radius:22px}.qnna-services-workspace-live{position:static;margin-top:13px}.qnna-service-mobile-filters{display:flex}.qnna-service-intelligence{padding:18px;border-radius:22px}.qnna-service-intelligence-head{flex-direction:column}.qnna-service-capability-grid,.qnna-attention-items{grid-template-columns:1fr}.qnna-service-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.qnna-service-card-actions{grid-template-columns:1fr}.qnna-service-capability-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.qnna-capability-card,.qnna-services-searchbar input{transition:none!important}.qnna-state-skeleton:after{animation:none!important}}

.qnna-template-clientareaproducts #tableServicesList_filter{display:none}.qnna-premium-loading{padding:18px!important}.qnna-loading-title{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--qnna-muted,#667a83);font-weight:700;margin-bottom:12px}.qnna-loading-lines{display:grid;gap:8px;max-width:720px;margin:0 auto}.qnna-loading-lines span{height:12px;border-radius:8px;background:rgba(2,91,118,.07);position:relative;overflow:hidden}.qnna-loading-lines span:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:qnnaSkeleton 1.3s infinite}.qnna-loading-lines span:nth-child(2){width:88%}.qnna-loading-lines span:nth-child(3){width:72%}@media(prefers-reduced-motion:reduce){.qnna-loading-lines span:after{animation:none!important}}

/* Source: qnna-surface-completion.css */
/* Qnna Web Services — Surface Completion v0.17.0-alpha.1
   Presentation-only layer for remaining WHMCS public/client routes.
   No gateway, registrar, server-module, pricing or cart logic is implemented here. */

/* ---------- shared surface language ---------- */
.qnna-surface-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;margin:0 0 24px;border:1px solid color-mix(in srgb,var(--qnna-primary) 14%,transparent);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--qnna-primary) 8%,var(--qnna-surface)),color-mix(in srgb,var(--qnna-gold) 8%,var(--qnna-surface)));overflow:hidden;box-shadow:var(--qnna-shadow-sm)}
.qnna-surface-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--qnna-primary) 13%,transparent);border-radius:50%;inset:-135px -85px auto auto;pointer-events:none}
.qnna-surface-hero-copy{position:relative;z-index:1;max-width:760px}.qnna-surface-hero-copy>span{display:inline-flex;align-items:center;gap:8px;color:var(--qnna-gold);font-size:12px;font-weight:800;letter-spacing:.06em}.qnna-surface-hero h2,.qnna-surface-hero h1{margin:8px 0 7px;color:var(--qnna-text);font-size:clamp(26px,3vw,38px);font-weight:800}.qnna-surface-hero p{margin:0;color:var(--qnna-muted);line-height:1.85}.qnna-surface-hero-icon{position:relative;z-index:1;flex:0 0 72px;width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--qnna-primary),var(--qnna-primary-dark));color:#fff;font-size:27px;box-shadow:0 18px 38px color-mix(in srgb,var(--qnna-primary) 26%,transparent)}
.qnna-surface-shell{padding:26px;border:1px solid var(--qnna-border);border-radius:24px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm)}
.qnna-surface-shell+.qnna-surface-shell{margin-top:20px}.qnna-surface-subhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px}.qnna-surface-subhead h3{margin:0;color:var(--qnna-text);font-size:18px;font-weight:800}.qnna-surface-subhead p{margin:4px 0 0;color:var(--qnna-muted)}
.qnna-inline-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--qnna-primary) 13%,transparent);border-radius:15px;background:color-mix(in srgb,var(--qnna-primary) 5%,var(--qnna-surface));color:var(--qnna-muted);line-height:1.75}.qnna-inline-note i{color:var(--qnna-primary);margin-top:4px}

/* ---------- shopping/order flow banner ---------- */
.qnna-orderflow-banner{padding:28px 0 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--qnna-primary) 5%,var(--qnna-bg)),transparent)}
.qnna-orderflow-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:34px;align-items:center;padding:32px;border:1px solid color-mix(in srgb,var(--qnna-primary) 12%,transparent);border-radius:28px;background:var(--qnna-surface);box-shadow:0 22px 65px rgba(16,43,54,.08);position:relative;overflow:hidden}
.qnna-orderflow-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;inset:-210px auto auto -110px;background:radial-gradient(circle,color-mix(in srgb,var(--qnna-gold) 14%,transparent),transparent 67%);pointer-events:none}.qnna-orderflow-copy{position:relative;z-index:1}.qnna-orderflow-copy h1{margin:10px 0 8px;color:var(--qnna-text);font-size:clamp(28px,3vw,42px);font-weight:800}.qnna-orderflow-copy p{margin:0;color:var(--qnna-muted);line-height:1.9}.qnna-orderflow-note{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,var(--qnna-success) 9%,var(--qnna-surface));color:color-mix(in srgb,var(--qnna-success) 80%,var(--qnna-text));font-size:12px;font-weight:700}.qnna-orderflow-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.qnna-orderflow-steps li{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--qnna-border);border-radius:17px;background:color-mix(in srgb,var(--qnna-bg) 56%,var(--qnna-surface));min-height:68px}.qnna-orderflow-steps li span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--qnna-primary);color:#fff;font-size:11px;font-weight:800}.qnna-orderflow-steps li strong{color:var(--qnna-text);font-size:13px;font-weight:800;line-height:1.5}

/* ---------- generic legacy route completion ---------- */
body.qnna-theme .qnna-page-content>.card:not(.qnna-preserve-card),body.qnna-theme .qnna-page-content>form>.card,body.qnna-theme .qnna-page-content>.alert+ .card{border:1px solid var(--qnna-border)!important;border-radius:22px!important;background:var(--qnna-surface)!important;box-shadow:var(--qnna-shadow-sm)!important;overflow:hidden}
body.qnna-theme .qnna-page-content>.card>.card-body,body.qnna-theme .qnna-page-content>form>.card>.card-body{padding:26px}
body.qnna-theme .qnna-page-content .list-group-item{border-color:var(--qnna-border);background:var(--qnna-surface);color:var(--qnna-text);padding:13px 16px}
body.qnna-theme .qnna-page-content .custom-select{min-height:48px;border:1px solid var(--qnna-border);border-radius:13px;background-color:var(--qnna-surface);color:var(--qnna-text)}
body.qnna-theme .qnna-page-content .form-check-label{color:var(--qnna-text)}
body.qnna-theme .qnna-page-content .btn-default{border:1px solid var(--qnna-border);border-radius:12px;background:var(--qnna-surface);color:var(--qnna-text);font-weight:700}
body.qnna-theme .qnna-page-content .btn-default:hover{border-color:color-mix(in srgb,var(--qnna-primary) 32%,var(--qnna-border));color:var(--qnna-primary);background:color-mix(in srgb,var(--qnna-primary) 4%,var(--qnna-surface))}
body.qnna-theme .qnna-page-content .label,body.qnna-theme .qnna-page-content .badge{border-radius:999px;padding:.45em .75em;font-weight:800}
body.qnna-theme .qnna-page-content .table-container{border:1px solid var(--qnna-border);border-radius:18px;background:var(--qnna-surface);overflow:auto}
body.qnna-theme .qnna-page-content .table-container>.table{margin:0}
body.qnna-theme .qnna-page-content .table thead th{border-bottom:1px solid var(--qnna-border);background:color-mix(in srgb,var(--qnna-bg) 74%,var(--qnna-surface));color:var(--qnna-text-soft);font-size:12px;font-weight:800;white-space:nowrap}
body.qnna-theme .qnna-page-content .table td{color:var(--qnna-text);vertical-align:middle}
body.qnna-theme .qnna-page-content .table tbody tr:hover td{background:color-mix(in srgb,var(--qnna-primary) 2.5%,var(--qnna-surface))}

/* ---------- domain pricing ---------- */
.qnna-domain-pricing-page{display:grid;gap:22px}.qnna-domain-price-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qnna-domain-tld-card{position:relative;padding:21px;border:1px solid var(--qnna-border);border-radius:20px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.qnna-domain-tld-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--qnna-primary) 30%,var(--qnna-border));box-shadow:0 18px 45px rgba(16,43,54,.09)}.qnna-domain-tld-logo{height:54px;display:flex;align-items:center;margin-bottom:14px}.qnna-domain-tld-logo img{max-width:112px;max-height:42px;object-fit:contain}.qnna-domain-tld-card strong{display:block;color:var(--qnna-text);font-size:20px}.qnna-domain-tld-card small{display:block;margin-top:4px;color:var(--qnna-muted)}.qnna-domain-pricing-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.qnna-domain-category-wrap{min-width:0;flex:1}.qnna-domain-category-wrap h3{margin:0 0 12px;color:var(--qnna-text);font-size:17px;font-weight:800}.qnna-domain-category-filters{display:flex;gap:8px;flex-wrap:wrap}.qnna-domain-category-filters a{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid var(--qnna-border);border-radius:999px;background:var(--qnna-surface);color:var(--qnna-text-soft);font-size:12px;font-weight:700;text-decoration:none}.qnna-domain-category-filters a:hover,.qnna-domain-category-filters a.badge-success{border-color:var(--qnna-primary);background:var(--qnna-primary);color:#fff}.qnna-domain-currency{min-width:220px}.qnna-domain-price-table{border:1px solid var(--qnna-border);border-radius:21px;background:var(--qnna-surface);overflow:hidden;box-shadow:var(--qnna-shadow-sm)}.qnna-domain-price-table .dataTables_wrapper{padding:18px}.qnna-domain-price-table #tableDomainPricing_wrapper input[type="search"]{min-width:230px;min-height:42px;border:1px solid var(--qnna-border);border-radius:12px;padding:8px 12px;background:var(--qnna-surface);color:var(--qnna-text)}.qnna-domain-price-table table td:first-child{font-size:15px;font-weight:800}.qnna-domain-price-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- bulk domain management ---------- */
.qnna-template-bulkdomainmanagement form{display:grid;gap:20px}.qnna-template-bulkdomainmanagement form>.card,.qnna-template-bulkdomainmanagement form>.panel{border-radius:22px!important;border:1px solid var(--qnna-border)!important;box-shadow:var(--qnna-shadow-sm)!important;background:var(--qnna-surface)!important}.qnna-template-bulkdomainmanagement h3.card-title{font-size:21px!important;font-weight:800!important}.qnna-template-bulkdomainmanagement .list-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.qnna-template-bulkdomainmanagement .list-group-item{border:1px solid var(--qnna-border)!important;border-radius:12px!important}.qnna-template-bulkdomainmanagement .nav-tabs{gap:7px;border-bottom:0}.qnna-template-bulkdomainmanagement .nav-tabs .nav-link{border:1px solid var(--qnna-border)!important;border-radius:12px!important;color:var(--qnna-text-soft);font-weight:700}.qnna-template-bulkdomainmanagement .nav-tabs .nav-link.active{background:var(--qnna-primary)!important;color:#fff!important;border-color:var(--qnna-primary)!important}

/* ---------- SSL management/configuration ---------- */
.qnna-template-managessl #tableSslList_wrapper,.qnna-template-managessl .table-container{border:1px solid var(--qnna-border);border-radius:20px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm);padding:18px}.qnna-template-managessl #tableSslList_wrapper .table-container{padding:0;border:0;box-shadow:none}.qnna-template-managessl .btn-resend-approver-email,.qnna-template-managessl td .btn{margin:3px;border-radius:10px}.qnna-template-configuressl-stepone .card,.qnna-template-configuressl-steptwo .card,.qnna-template-configuressl-complete .card{border-radius:22px!important;border:1px solid var(--qnna-border)!important;box-shadow:var(--qnna-shadow-sm)!important}.qnna-template-configuressl-stepone .card-title,.qnna-template-configuressl-steptwo .card-title{font-size:21px;font-weight:800}.qnna-template-configuressl-stepone textarea#inputCsr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left;min-height:180px}.qnna-template-configuressl-complete .alert{border-radius:18px}

/* ---------- mass payment ---------- */
.qnna-template-masspay form{display:grid;gap:20px}.qnna-template-masspay .masspay-total td{font-weight:800;background:color-mix(in srgb,var(--qnna-bg) 58%,var(--qnna-surface))}.qnna-template-masspay .masspay-total:last-child td{font-size:17px;color:var(--qnna-primary)}.qnna-template-masspay .card.bg-default{background:var(--qnna-surface)!important;border:1px solid color-mix(in srgb,var(--qnna-gold) 25%,var(--qnna-border))!important}.qnna-template-masspay .card-header{background:color-mix(in srgb,var(--qnna-gold) 6%,var(--qnna-surface));border-bottom:1px solid var(--qnna-border)}

/* ---------- support feedback ---------- */
.qnna-template-ticketfeedback .ticketfeedbackstaffcont{margin:22px 0;padding:22px;border:1px solid var(--qnna-border);border-radius:19px;background:color-mix(in srgb,var(--qnna-bg) 48%,var(--qnna-surface))}.qnna-template-ticketfeedback .ticketfeedbackstaffcont .table{min-width:690px}.qnna-template-ticketfeedback textarea{min-height:120px}.qnna-template-ticketfeedback input[type="radio"]{width:18px;height:18px}

/* ---------- restricted/error/public utility routes ---------- */
.qnna-template-access-denied .text-center>.card,.qnna-template-downloaddenied>.card,.qnna-template-two-factor-new-backup-code>.card,.qnna-template-user-switch-account>.card,.qnna-template-user-switch-account-forced>.card,.qnna-template-store-not-found>.card{max-width:760px;margin:34px auto;border-radius:26px!important}.qnna-template-banned .alert-danger{max-width:820px;margin:34px auto;padding:26px;border-radius:22px}.qnna-template-access-denied .list-group{margin:18px auto;max-width:620px;text-align:start}.qnna-template-two-factor-new-backup-code .alert-warning{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.qnna-template-forwardpage #frmPayment{max-width:760px;width:100%}.qnna-template-forwardpage .progress{height:8px!important;border-radius:999px;overflow:hidden;background:var(--qnna-border)}.qnna-template-forwardpage .progress-bar{background:var(--qnna-primary)!important}

/* ---------- user account switching / invite ---------- */
.qnna-template-user-switch-account .select-account{display:grid;gap:10px;margin-top:18px}.qnna-template-user-switch-account .select-account>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border:1px solid var(--qnna-border);border-radius:14px;background:var(--qnna-surface);color:var(--qnna-text);font-weight:700;text-decoration:none}.qnna-template-user-switch-account .select-account>a:hover{border-color:var(--qnna-primary);background:color-mix(in srgb,var(--qnna-primary) 4%,var(--qnna-surface))}.qnna-template-user-switch-account .select-account>a.disabled{opacity:.55;pointer-events:none}.qnna-template-user-invite-accept .mw-540,.qnna-template-user-switch-account .mw-540,.qnna-template-user-switch-account-forced .mw-540{max-width:760px!important;margin:28px auto}

/* ---------- billing contact picker ---------- */
#innerBillingContactsContainer{display:grid;gap:10px}#innerBillingContactsContainer>br{display:none}#innerBillingContactsContainer .form-check{display:grid!important;grid-template-columns:auto 1fr;column-gap:11px;align-items:start;margin:0!important;padding:14px 16px;border:1px solid var(--qnna-border);border-radius:14px;background:var(--qnna-surface);line-height:1.75}#innerBillingContactsContainer .form-check input{grid-row:1/4;margin-top:5px}#innerBillingContactsContainer .name{color:var(--qnna-text)}

/* ---------- store utility/upgrade pages ---------- */
.qnna-template-store-not-found .card-body,.qnna-template-store-sitebuilder-upgrade .sitebuilder-upgrade-container,.qnna-template-store-weebly-upgrade .weebly-upgrade-container{border-radius:24px}.qnna-template-store-sitebuilder-upgrade .sitebuilder-upgrade-container,.qnna-template-store-weebly-upgrade .weebly-upgrade-container{padding:20px;border:1px solid var(--qnna-border);background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm)}.qnna-template-store-sitebuilder-upgrade .promo-wrapper,.qnna-template-store-weebly-upgrade .promo-wrapper{padding:24px;border-radius:18px;background:color-mix(in srgb,var(--qnna-primary) 5%,var(--qnna-surface));border:1px solid color-mix(in srgb,var(--qnna-primary) 12%,var(--qnna-border))}

/* ---------- OAuth / authentication utility ---------- */
.qnna-theme .oauth-container,.qnna-theme .oauth-signin,.qnna-theme .oauth-authorize{font-family:var(--qnna-font-body)}.qnna-theme .oauth-container .card,.qnna-theme .oauth-signin .card,.qnna-theme .oauth-authorize .card{border:1px solid var(--qnna-border);border-radius:22px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm)}

/* ---------- ticket flow completion ---------- */
.qnna-ticket-flow-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:0;list-style:none}.qnna-ticket-flow-progress li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--qnna-border);border-radius:14px;background:var(--qnna-surface);color:var(--qnna-muted);font-size:12px;font-weight:800}.qnna-ticket-flow-progress li span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--qnna-primary) 8%,var(--qnna-surface));color:var(--qnna-primary)}.qnna-ticket-flow-progress li.active{border-color:color-mix(in srgb,var(--qnna-primary) 35%,var(--qnna-border));background:color-mix(in srgb,var(--qnna-primary) 5%,var(--qnna-surface));color:var(--qnna-text)}.qnna-ticket-flow-progress li.active span,.qnna-ticket-flow-progress li.done span{background:var(--qnna-primary);color:#fff}.qnna-ticket-flow-progress li.done{color:var(--qnna-text)}

/* ---------- DataTables/pagination completion ---------- */
body.qnna-theme .dataTables_wrapper .dataTables_filter input,body.qnna-theme .dataTables_wrapper .dataTables_length select{border:1px solid var(--qnna-border);border-radius:10px;background:var(--qnna-surface);color:var(--qnna-text);min-height:40px;padding:6px 10px}body.qnna-theme .dataTables_wrapper .dataTables_info{color:var(--qnna-muted);font-size:12px}body.qnna-theme .dataTables_wrapper .pagination{gap:5px}body.qnna-theme .dataTables_wrapper .page-link{border:1px solid var(--qnna-border);border-radius:9px!important;color:var(--qnna-text);background:var(--qnna-surface)}body.qnna-theme .dataTables_wrapper .page-item.active .page-link{background:var(--qnna-primary);border-color:var(--qnna-primary);color:#fff}

/* ---------- dark mode ---------- */
[data-qnna-theme="dark"] .qnna-surface-hero,[data-qnna-theme="dark"] .qnna-orderflow-shell,[data-qnna-theme="dark"] .qnna-surface-shell,[data-qnna-theme="dark"] .qnna-domain-tld-card,[data-qnna-theme="dark"] .qnna-domain-price-table{background:var(--qnna-surface);border-color:var(--qnna-border)}[data-qnna-theme="dark"] .qnna-domain-category-filters a{background:var(--qnna-surface)}

/* ---------- responsive ---------- */
@media(max-width:991.98px){.qnna-orderflow-shell{grid-template-columns:1fr}.qnna-domain-price-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.qnna-surface-hero{align-items:flex-start}.qnna-surface-hero-icon{width:60px;height:60px;flex-basis:60px}}
@media(max-width:767.98px){.qnna-orderflow-banner{padding-top:18px}.qnna-orderflow-shell{padding:22px;border-radius:22px;gap:22px}.qnna-orderflow-steps{grid-template-columns:1fr 1fr}.qnna-orderflow-copy h1{font-size:27px}.qnna-surface-hero{padding:22px;border-radius:21px;flex-direction:column}.qnna-surface-hero-icon{order:-1}.qnna-domain-price-featured{grid-template-columns:1fr 1fr}.qnna-domain-pricing-tools{align-items:stretch}.qnna-domain-currency{width:100%;min-width:0}.qnna-domain-price-table .dataTables_wrapper{padding:12px}.qnna-template-bulkdomainmanagement .list-group{grid-template-columns:1fr}.qnna-ticket-flow-progress{grid-template-columns:1fr}.qnna-ticket-flow-progress li{padding:10px 12px}.qnna-template-ticketfeedback .ticketfeedbackstaffcont{padding:16px;overflow:auto}}
@media(max-width:479.98px){.qnna-orderflow-steps,.qnna-domain-price-featured{grid-template-columns:1fr}.qnna-surface-shell{padding:18px}.qnna-domain-tld-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.qnna-domain-tld-card{transition:none}.qnna-domain-tld-card:hover{transform:none}}

/* ---------- utility route finishing ---------- */
.qnna-forward-page{width:min(820px,100%);margin-inline:auto;padding:28px;border:1px solid var(--qnna-border);border-radius:22px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm)}
.qnna-account-switch-card,.qnna-backup-code-card,.qnna-user-invite-card{border:1px solid var(--qnna-border)!important;border-radius:24px!important;background:var(--qnna-surface)!important;box-shadow:var(--qnna-shadow-sm)!important}.qnna-account-switch-card .card-body,.qnna-backup-code-card .card-body,.qnna-user-invite-card .card-body{padding:28px!important}
.qnna-marketplace-surface{max-width:1180px}.qnna-marketplace-surface .content-padded{padding:28px}.qnna-marketplace-surface img{max-width:180px;height:auto}.qnna-marketplace-upsell{border:1px solid var(--qnna-border)!important;border-radius:22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--qnna-primary) 5%,var(--qnna-surface)),var(--qnna-surface))!important;box-shadow:var(--qnna-shadow-sm)!important;overflow:hidden}.qnna-marketplace-upsell .card-body{padding:24px}.qnna-marketplace-upsell .btn-success{background:var(--qnna-primary)!important;border-color:var(--qnna-primary)!important;border-radius:12px!important;font-weight:800}
.qnna-template-error-unknown-routepath .alert-info{max-width:820px;margin:0 auto 36px;border-radius:16px}

/* Source: qnna-orderflow-compat.css */
/* Qnna order-flow compatibility skin.
   Applies only when WHMCS reports $inShoppingCart.
   Built to style common WHMCS/orderform structures without changing order logic.
   Exact Premium Comparison markup remains external to this package. */
body.user-in-shoppingcart .qnna-main-section{padding-top:18px}
body.user-in-shoppingcart .qnna-page-content{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.user-in-shoppingcart :where(#order-standard_cart,#order-premium_comparison,#order-boxed,#order-modern,.cart-body,.order-form){font-family:var(--qnna-font-body)!important;color:var(--qnna-text)}
body.user-in-shoppingcart :where(.products,.product-groups,.product-comparison,.product-selection,.domain-selection-options,.domain-checker-container,.domain-lookup-result,.view-cart-items,.order-summary,.summary-container,.checkout,.checkout-security-msg,.promo-code-form){border-radius:20px}
body.user-in-shoppingcart :where(.product,.product-box,.product-comparison .product,.product-group,.domain-selection-options .option,.order-summary,.summary-container,.checkout-security-msg){border:1px solid var(--qnna-border)!important;background:var(--qnna-surface)!important;box-shadow:var(--qnna-shadow-sm)!important}
body.user-in-shoppingcart :where(.product,.product-box,.product-comparison .product){overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body.user-in-shoppingcart :where(.product,.product-box,.product-comparison .product):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--qnna-primary) 30%,var(--qnna-border))!important;box-shadow:0 20px 50px rgba(16,43,54,.09)!important}
body.user-in-shoppingcart :where(.product header,.product .product-header,.product-box .product-title,.product-comparison .product .header){background:linear-gradient(135deg,color-mix(in srgb,var(--qnna-primary) 8%,var(--qnna-surface)),var(--qnna-surface))!important;color:var(--qnna-text)!important;border-color:var(--qnna-border)!important}
body.user-in-shoppingcart :where(.product .price,.product-box .price,.product-comparison .price,.summary-totals .total-due){color:var(--qnna-primary)!important;font-weight:800!important}
body.user-in-shoppingcart :where(.btn-primary,.btn-success,.btn-order-now,.checkout-btn,.continue-shopping){border-radius:13px!important;font-weight:800!important;min-height:46px}
body.user-in-shoppingcart :where(.btn-primary,.btn-order-now,.checkout-btn){background:var(--qnna-primary)!important;border-color:var(--qnna-primary)!important;color:#fff!important}
body.user-in-shoppingcart :where(.form-control,.custom-select,input[type=text],input[type=email],input[type=tel],select,textarea){border-radius:12px!important;border-color:var(--qnna-border)!important;min-height:46px;background:var(--qnna-surface);color:var(--qnna-text)}
body.user-in-shoppingcart :where(.form-control,input,select,textarea):focus{border-color:var(--qnna-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--qnna-primary) 12%,transparent)!important}
body.user-in-shoppingcart :where(.panel,.card){border-radius:20px!important;border-color:var(--qnna-border)!important;box-shadow:var(--qnna-shadow-sm)!important;background:var(--qnna-surface)!important}
body.user-in-shoppingcart :where(.panel-heading,.card-header){background:color-mix(in srgb,var(--qnna-bg) 60%,var(--qnna-surface))!important;border-color:var(--qnna-border)!important}
body.user-in-shoppingcart :where(.nav-tabs){gap:7px;border:0}body.user-in-shoppingcart :where(.nav-tabs .nav-link){border:1px solid var(--qnna-border)!important;border-radius:11px!important;color:var(--qnna-text-soft)!important;font-weight:700}body.user-in-shoppingcart :where(.nav-tabs .nav-link.active){background:var(--qnna-primary)!important;color:#fff!important;border-color:var(--qnna-primary)!important}
body.user-in-shoppingcart :where(.alert){border-radius:14px!important}
body.user-in-shoppingcart :where(.order-summary,.summary-container){position:relative;overflow:hidden}body.user-in-shoppingcart :where(.order-summary,.summary-container):before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;inset:-85px auto auto -55px;background:color-mix(in srgb,var(--qnna-gold) 8%,transparent);pointer-events:none}
body.user-in-shoppingcart :where(.domain-checker-bg,.domain-checker-container){background:linear-gradient(135deg,color-mix(in srgb,var(--qnna-primary) 7%,var(--qnna-surface)),var(--qnna-surface))!important;border:1px solid color-mix(in srgb,var(--qnna-primary) 13%,var(--qnna-border))!important;padding:22px!important}
body.user-in-shoppingcart :where(.domain-available,.domain-unavailable,.domain-result){border-radius:14px!important}
body.user-in-shoppingcart :where(.spotlight-tld,.suggested-domains .panel,.domain-suggestion){border:1px solid var(--qnna-border)!important;border-radius:14px!important;background:var(--qnna-surface)!important}
body.user-in-shoppingcart :where(.cc-input-container,.payment-methods,.payment-method){border-radius:16px!important}
body.user-in-shoppingcart :where(.progress,.progress-bar){border-radius:999px}
@media(max-width:767.98px){body.user-in-shoppingcart :where(.products,.product-comparison){display:grid!important;grid-template-columns:1fr!important;gap:14px!important}body.user-in-shoppingcart :where(.order-summary,.summary-container){position:static!important}body.user-in-shoppingcart :where(.btn,.btn-primary,.btn-success,.btn-order-now,.checkout-btn){min-height:48px}}
@media(prefers-reduced-motion:reduce){body.user-in-shoppingcart :where(.product,.product-box,.product-comparison .product){transition:none}body.user-in-shoppingcart :where(.product,.product-box,.product-comparison .product):hover{transform:none}}

/* Source: qnna-components.css */
/*
 * Qnna Shared Component System
 * Version: 0.17.0-alpha.1
 * Scope: WHMCS shared partials and legacy utility surfaces only.
 * Presentation-only: no route, cart, gateway, registrar or server-module logic.
 */

/* Shared cards / panels */
.qnna-component-card,
.qnna-panel{
    border:1px solid var(--qnna-border)!important;
    border-radius:22px!important;
    background:var(--qnna-surface)!important;
    color:var(--qnna-text)!important;
    box-shadow:var(--qnna-shadow-sm)!important;
    overflow:hidden;
}
.qnna-panel-header{
    min-height:58px;
    display:flex;
    align-items:center;
    gap:12px;
    margin:0!important;
    padding:14px 18px!important;
    border:0!important;
    border-bottom:1px solid var(--qnna-border)!important;
    background:linear-gradient(135deg,var(--qnna-primary-soft),var(--qnna-surface))!important;
    color:var(--qnna-text)!important;
}
.qnna-panel-header-icon{
    width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
    border-radius:11px;background:var(--qnna-primary);color:#fff;font-size:13px;
}
.qnna-panel-header strong{font-weight:800}
.qnna-panel-body{padding:18px!important;margin:0!important;color:var(--qnna-text)}
.qnna-panel-footer{padding:14px 18px!important;margin:0!important;border-top:1px solid var(--qnna-border)!important;background:var(--qnna-bg)!important}
.qnna-panel-danger .qnna-panel-header{background:color-mix(in srgb,var(--qnna-danger) 8%,var(--qnna-surface))!important}
.qnna-panel-warning .qnna-panel-header{background:color-mix(in srgb,var(--qnna-warning) 9%,var(--qnna-surface))!important}
.qnna-panel-success .qnna-panel-header{background:color-mix(in srgb,var(--qnna-success) 8%,var(--qnna-surface))!important}

/* Alerts */
.qnna-alert{
    display:flex;align-items:flex-start;gap:12px;
    padding:15px 16px!important;
    border:1px solid var(--qnna-border)!important;
    border-radius:16px!important;
    background:var(--qnna-surface)!important;
    color:var(--qnna-text)!important;
    box-shadow:0 8px 24px rgba(8,47,60,.04);
}
.qnna-alert-icon{
    width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;
    background:var(--qnna-primary-soft);color:var(--qnna-primary);font-size:14px;
}
.qnna-alert-content{min-width:0;flex:1;line-height:1.75}
.qnna-alert-content>h2{margin:0 0 6px;font-size:17px;font-weight:800}
.qnna-alert-content>ul{margin:8px 0 0;padding-inline-start:20px}
.qnna-alert-danger{border-color:color-mix(in srgb,var(--qnna-danger) 24%,var(--qnna-border))!important;background:color-mix(in srgb,var(--qnna-danger) 4%,var(--qnna-surface))!important}
.qnna-alert-danger .qnna-alert-icon{background:color-mix(in srgb,var(--qnna-danger) 11%,var(--qnna-surface));color:var(--qnna-danger)}
.qnna-alert-success{border-color:color-mix(in srgb,var(--qnna-success) 24%,var(--qnna-border))!important;background:color-mix(in srgb,var(--qnna-success) 4%,var(--qnna-surface))!important}
.qnna-alert-success .qnna-alert-icon{background:color-mix(in srgb,var(--qnna-success) 11%,var(--qnna-surface));color:var(--qnna-success)}
.qnna-alert-warning{border-color:color-mix(in srgb,var(--qnna-warning) 28%,var(--qnna-border))!important;background:color-mix(in srgb,var(--qnna-warning) 5%,var(--qnna-surface))!important}
.qnna-alert-warning .qnna-alert-icon{background:color-mix(in srgb,var(--qnna-warning) 12%,var(--qnna-surface));color:var(--qnna-warning)}

/* Modals / confirmations */
.qnna-modal .modal-dialog{margin-top:clamp(22px,6vh,72px)}
.qnna-modal-content{
    border:1px solid var(--qnna-border)!important;border-radius:24px!important;background:var(--qnna-surface)!important;
    color:var(--qnna-text);box-shadow:var(--qnna-shadow-lg)!important;overflow:hidden;
}
.qnna-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px!important;border-bottom:1px solid var(--qnna-border)!important;background:linear-gradient(135deg,var(--qnna-primary-soft),var(--qnna-surface))!important}
.qnna-modal-heading{display:flex;align-items:center;gap:12px;min-width:0}
.qnna-modal-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:var(--qnna-primary);color:#fff}
.qnna-modal-title,.qnna-modal-header .modal-title{margin:0!important;color:var(--qnna-text)!important;font-size:18px!important;font-weight:800!important}
.qnna-modal-close{width:36px;height:36px;padding:0!important;display:grid!important;place-items:center;border-radius:11px!important;background:var(--qnna-bg)!important;color:var(--qnna-text)!important;opacity:1!important}
.qnna-modal-body{padding:22px!important;color:var(--qnna-text)}
.qnna-modal-footer{display:flex;gap:9px;flex-wrap:wrap;padding:15px 20px!important;border-top:1px solid var(--qnna-border)!important;background:var(--qnna-bg)!important}
.qnna-modal-loader{padding:34px!important}
.qnna-loading-orb{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 12px;border-radius:17px;background:var(--qnna-primary-soft);color:var(--qnna-primary);font-size:19px}
.qnna-confirm-primary{border-radius:12px!important;font-weight:800!important}
.qnna-confirm-trigger{border-radius:11px!important}

/* CAPTCHA */
.qnna-captcha{margin:16px 0;text-align:center}
.qnna-captcha-box{max-width:620px;margin-inline:auto;padding:16px;border:1px solid var(--qnna-border);border-radius:17px;background:var(--qnna-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.qnna-captcha-title{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px;color:var(--qnna-text);font-size:12px;font-weight:800}
.qnna-captcha-title i{color:var(--qnna-primary)}
.qnna-captcha-grid{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr);gap:12px;align-items:center}
.qnna-captcha-image{min-height:52px;display:grid;place-items:center;padding:6px;border:1px solid var(--qnna-border);border-radius:12px;background:var(--qnna-surface)}
.qnna-captcha-image img{max-height:48px;width:auto}
.qnna-captcha-input .form-control{min-height:52px;text-align:center;font-weight:800;letter-spacing:.15em}
.qnna-recaptcha{max-width:100%;overflow:hidden}

/* Password strength */
.qnna-password-strength{margin:10px 0 12px}
.qnna-password-progress{height:9px!important;border-radius:999px!important;background:var(--qnna-surface-2)!important;overflow:hidden}
.qnna-password-progress .progress-bar{border-radius:999px;transition:width var(--qnna-transition),background-color var(--qnna-transition)}
.qnna-password-strength-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:var(--qnna-text-soft);font-size:11px;line-height:1.7}
.qnna-password-strength-meta>span:first-child{color:var(--qnna-text);font-weight:800;white-space:nowrap}

/* Breadcrumbs */
.qnna-breadcrumb-nav{margin-bottom:16px}
.qnna-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0!important;padding:8px 12px!important;border:1px solid var(--qnna-border);border-radius:13px;background:color-mix(in srgb,var(--qnna-bg) 65%,var(--qnna-surface))!important;font-size:11px}
.qnna-breadcrumb .breadcrumb-item a{color:var(--qnna-primary);font-weight:700}
.qnna-breadcrumb .breadcrumb-item.active{color:var(--qnna-text-soft)}

/* Billing contact picker */
.qnna-billing-contacts{display:grid;gap:10px;margin:10px 0}
.qnna-billing-contact-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:4px 11px;align-items:start;margin:0!important;padding:14px 15px!important;border:1px solid var(--qnna-border);border-radius:15px;background:var(--qnna-surface);color:var(--qnna-text);cursor:pointer;transition:border-color var(--qnna-transition),box-shadow var(--qnna-transition),transform var(--qnna-transition)}
.qnna-billing-contact-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--qnna-primary) 30%,var(--qnna-border));box-shadow:var(--qnna-shadow-sm)}
.qnna-billing-contact-card .i-radio,.qnna-billing-contact-card .iradio_square-blue{grid-row:1/4;margin-top:3px}
.qnna-billing-contact-card .name{display:block;font-weight:800}
.qnna-billing-contact-card :where(.address1,.address2,.city,.state,.postcode,.country){color:var(--qnna-text-soft);font-size:11px}
.qnna-billing-contact-card.is-selected{border-color:var(--qnna-primary);background:var(--qnna-primary-soft)}

/* Password reset prompt pieces */
.qnna-password-reset-panel{display:grid;gap:16px}
.qnna-password-reset-panel>p{margin:0;color:var(--qnna-text-soft);line-height:1.85}
.qnna-password-reset-panel .input-group-text{min-width:48px;justify-content:center;border-color:var(--qnna-border);background:var(--qnna-bg);color:var(--qnna-primary)}
.qnna-password-reset-panel .form-control{min-height:50px;border-color:var(--qnna-border);border-radius:12px}
.qnna-password-reset-panel .input-group .form-control{border-start-start-radius:0;border-end-start-radius:0}
.qnna-password-reset-panel .btn{min-height:46px;border-radius:12px;font-weight:800}

/* Usage pricing */
.qnna-metric-pricing-table{margin:16px 0;border:1px solid var(--qnna-border);border-radius:15px;overflow:hidden;background:var(--qnna-surface)}
.qnna-metric-pricing-table th{background:var(--qnna-bg)!important;color:var(--qnna-text-soft)!important;font-size:11px;font-weight:800}
.qnna-metric-pricing-table td{color:var(--qnna-text)}

/* Linked/social accounts */
.qnna-linked-accounts,.qnna-social-accounts{display:grid;gap:12px}
.qnna-linked-accounts :where(.list-group,.card),.qnna-social-accounts :where(.list-group,.card){border-radius:17px!important;overflow:hidden;border-color:var(--qnna-border)!important}
.qnna-linked-accounts .list-group-item,.qnna-social-accounts .list-group-item{background:var(--qnna-surface)!important;color:var(--qnna-text)!important;border-color:var(--qnna-border)!important}

/* User-validation banner */
.qnna-validation-component{border-bottom:1px solid color-mix(in srgb,var(--qnna-warning) 26%,var(--qnna-border))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--qnna-warning) 8%,var(--qnna-surface)),var(--qnna-surface))!important;color:var(--qnna-text)!important}
.qnna-validation-component .btn-action{border-radius:11px!important;font-weight:800!important}
.qnna-validation-modal iframe{border:0;border-radius:14px;background:var(--qnna-bg)}

/* Shared tables / DataTables finishing */
.qnna-component-table-wrap{border:1px solid var(--qnna-border);border-radius:18px;background:var(--qnna-surface);overflow:hidden}
body.qnna-theme .dataTables_wrapper .dataTables_filter{position:relative;margin-bottom:12px}
body.qnna-theme .dataTables_wrapper .dataTables_filter input{min-width:220px;min-height:42px;margin-inline-start:0!important;padding:8px 38px 8px 12px;border:1px solid var(--qnna-border);border-radius:12px;background:var(--qnna-surface);color:var(--qnna-text);box-shadow:none}
html[dir="rtl"] body.qnna-theme .dataTables_wrapper .dataTables_filter input{padding:8px 12px 8px 38px}
body.qnna-theme .dataTables_wrapper .dataTables_filter:after{content:"\f002";position:absolute;top:50%;inset-inline-end:13px;transform:translateY(-50%);font-family:"Font Awesome 5 Free";font-weight:900;color:var(--qnna-text-soft);pointer-events:none}
body.qnna-theme .dataTables_wrapper .dataTables_length select{min-height:40px;border:1px solid var(--qnna-border);border-radius:10px;background:var(--qnna-surface);color:var(--qnna-text)}
body.qnna-theme .dataTables_wrapper .dataTables_info{color:var(--qnna-text-soft);font-size:11px}
body.qnna-theme .dataTables_wrapper .pagination .page-link{border-color:var(--qnna-border);background:var(--qnna-surface);color:var(--qnna-text);font-weight:700}
body.qnna-theme .dataTables_wrapper .pagination .active .page-link{border-color:var(--qnna-primary);background:var(--qnna-primary);color:#fff}

/* Generic form state / micro interaction */
body.qnna-theme .form-control.qnna-has-value,body.qnna-theme select.qnna-has-value{border-color:color-mix(in srgb,var(--qnna-primary) 24%,var(--qnna-border))}
body.qnna-theme .form-control:focus,body.qnna-theme select:focus,body.qnna-theme textarea:focus{border-color:var(--qnna-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--qnna-primary) 9%,transparent)!important}

/* Dark mode */
html[data-qnna-theme="dark"] .qnna-alert,
html[data-qnna-theme="dark"] .qnna-panel,
html[data-qnna-theme="dark"] .qnna-modal-content,
html[data-qnna-theme="dark"] .qnna-billing-contact-card,
html[data-qnna-theme="dark"] .qnna-captcha-box,
html[data-qnna-theme="dark"] .qnna-metric-pricing-table{box-shadow:none}
html[data-qnna-theme="dark"] .qnna-captcha-image{background:rgba(255,255,255,.04)}

@media(max-width:767.98px){
    .qnna-modal .modal-dialog{margin:12px}
    .qnna-modal-header,.qnna-modal-body,.qnna-modal-footer{padding-inline:16px!important}
    .qnna-captcha-grid{grid-template-columns:1fr}
    .qnna-password-strength-meta{flex-direction:column;gap:2px}
    .qnna-billing-contact-card{padding:13px!important}
    body.qnna-theme .dataTables_wrapper .dataTables_filter input{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
    .qnna-billing-contact-card,.qnna-password-progress .progress-bar{transition:none}
    .qnna-billing-contact-card:hover{transform:none}
}

/* Domain search shared component */
.qnna-domain-search-surface{padding:0!important;border:1px solid var(--qnna-border);border-radius:26px;background:linear-gradient(135deg,var(--qnna-primary-soft),var(--qnna-surface))!important;box-shadow:var(--qnna-shadow-md);overflow:hidden}
.qnna-domain-search-inner{padding:30px!important}
.qnna-domain-search-inner>h2{margin:0 0 18px;color:var(--qnna-text);font-size:clamp(24px,3vw,34px);font-weight:800}
.qnna-domain-input-wrap .input-group{padding:7px;border:1px solid color-mix(in srgb,var(--qnna-primary) 16%,var(--qnna-border));border-radius:17px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-sm)}
.qnna-domain-input-wrap .form-control{min-height:50px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px}
.qnna-domain-input-wrap .btn{min-height:50px;border-radius:12px!important;font-weight:800}
.qnna-tld-logos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 8px!important;padding:0!important;list-style:none}
.qnna-tld-logos li{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px!important;border:1px solid var(--qnna-border);border-radius:13px;background:var(--qnna-surface);color:var(--qnna-text);font-size:12px;font-weight:700}
.qnna-tld-logos img{max-width:76px!important;max-height:30px!important;object-fit:contain}

/* Network issue banner */
.qnna-network-banner{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 16px!important;border:0!important;border-radius:0!important;font-size:12px;font-weight:700;box-shadow:none!important}
.qnna-network-banner-warning{background:color-mix(in srgb,var(--qnna-warning) 11%,var(--qnna-surface))!important;color:color-mix(in srgb,var(--qnna-warning) 65%,var(--qnna-text))!important}
.qnna-network-banner-info{background:color-mix(in srgb,var(--qnna-primary) 8%,var(--qnna-surface))!important;color:var(--qnna-text)!important}
.qnna-network-banner .alert-link{display:inline-flex;align-items:center;gap:5px;color:var(--qnna-primary)!important;font-weight:800}
html[dir="rtl"] .qnna-network-banner .fa-arrow-right:before{content:"\f060"}

/* Active service item shared partial */
.qnna-service-list-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 16px!important;border:1px solid var(--qnna-border)!important;border-radius:16px!important;background:var(--qnna-surface)!important;transition:border-color var(--qnna-transition),box-shadow var(--qnna-transition),transform var(--qnna-transition)}
.qnna-service-list-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--qnna-primary) 30%,var(--qnna-border))!important;box-shadow:var(--qnna-shadow-sm)}
.qnna-service-list-status{min-width:92px}.qnna-service-list-status .label{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px!important;border-radius:999px!important;font-size:10px;font-weight:800}
.qnna-service-list-name{display:grid;gap:3px;min-width:0}.qnna-service-list-name .font-weight-bold{color:var(--qnna-text);font-weight:800!important}.qnna-service-list-name .text-domain{overflow:hidden;color:var(--qnna-text-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}
.qnna-service-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.qnna-service-list-actions .btn{border-radius:10px!important;font-weight:700}.qnna-service-list-actions .dropdown-menu{border:1px solid var(--qnna-border);border-radius:13px;background:var(--qnna-surface);box-shadow:var(--qnna-shadow-md);overflow:hidden}.qnna-service-list-actions .dropdown-item{color:var(--qnna-text);font-size:11px}.qnna-service-view-btn{min-height:36px}

/* Custom fields */
.qnna-custom-field{padding:14px 15px;border:1px solid var(--qnna-border);border-radius:15px;background:color-mix(in srgb,var(--qnna-bg) 55%,var(--qnna-surface))}
.qnna-custom-field>label{display:block;margin-bottom:8px;color:var(--qnna-text);font-weight:800}.qnna-custom-field-help{margin:7px 0 0!important;font-size:11px;line-height:1.7}
.qnna-custom-field :where(.form-control,select,textarea){background:var(--qnna-surface)}

@media(max-width:767.98px){
    .qnna-domain-search-inner{padding:20px!important}.qnna-tld-logos{grid-template-columns:1fr}.qnna-service-list-item{grid-template-columns:1fr;gap:10px}.qnna-service-list-status{min-width:0}.qnna-service-list-actions{justify-content:flex-start}.qnna-service-list-actions .btn-view-details{flex:1}
}

/* Recovery forms: native verification preserved, comfortable responsive layout. */
.qnna-route-password-reset-container .qnna-recovery-card{width:100%;max-width:640px!important;border:1px solid var(--qnna-border,#cbdde5);border-block-start:3px solid #d5b774;border-radius:18px;min-width:0}
.qnna-route-password-reset-container .qnna-recovery-card>.card-body{padding:28px!important}
.qnna-route-password-reset-container .qnna-password-reset-panel label{font-weight:700;line-height:1.8;color:var(--qnna-text,#173647);overflow-wrap:anywhere;margin-block-end:8px}
.qnna-route-password-reset-container .qnna-password-reset-panel .form-control{font-size:16px;min-height:52px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#173647)}
.qnna-route-password-reset-container .qnna-password-reset-panel input:is([type=email],[type=password]){direction:ltr;text-align:left}
.qnna-route-password-reset-container .qnna-password-reset-panel .form-control:focus{border-color:#aa894e;box-shadow:0 0 0 3px #aa894e26}
.qnna-route-password-reset-container .qnna-password-reset-panel .btn{min-height:48px;padding:10px 20px;line-height:1.8;white-space:normal;border-radius:10px}
.qnna-route-password-reset-container .qnna-recovery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 0}
.qnna-route-password-reset-container .qnna-recovery-actions>.btn{min-width:150px;margin:0}
.qnna-route-password-reset-container .qnna-recovery-actions>.btn-default{background:var(--qnna-surface-2,#f1f6f8);color:var(--qnna-text,#173647)!important;-webkit-text-fill-color:var(--qnna-text,#173647)!important;border:1px solid var(--qnna-border,#cbdde5)}
.qnna-route-password-reset-container #inputNewPassword2Msg{line-height:1.8;overflow-wrap:anywhere;margin-block-start:8px}
.qnna-route-password-reset-container .qnna-recovery-help{max-width:640px;margin-inline:auto;padding:18px;border:1px solid var(--qnna-border,#cbdde5);gap:14px}
.qnna-route-password-reset-container .qnna-recovery-help>div{min-width:0}
.qnna-route-password-reset-container .qnna-recovery-help p{font-size:14px;line-height:1.9;color:var(--qnna-text-soft,#506571);overflow-wrap:anywhere}
.qnna-route-password-reset-container .qnna-recovery-help a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--qnna-border,#cbdde5);border-radius:10px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#173647)!important;-webkit-text-fill-color:var(--qnna-text,#173647)!important;text-decoration:none}
.qnna-route-password-reset-container :is(a,input,button):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:639px){.qnna-route-password-reset-container .qnna-recovery-card>.card-body{padding:20px 16px!important}.qnna-route-password-reset-container .qnna-recovery-actions>.btn{flex:1 1 100%;width:100%;min-width:0}.qnna-route-password-reset-container .qnna-password-reset-panel .form-group.text-center>.btn{width:100%}.qnna-route-password-reset-container .qnna-recovery-help{padding:16px}.qnna-route-password-reset-container .qnna-recovery-help a{width:100%}}

/* v146: verification screens */
.qnna-verification-card{width:100%;max-width:660px!important;margin-inline:auto;border-top:3px solid #aa894e;border-radius:20px;background:var(--qnna-surface,#fff)}
.qnna-verification-card>.card-body{padding:28px!important;color:var(--qnna-text,#102b36);line-height:1.85}
.qnna-verification-card .card-title,.qnna-verification-card h2{font-size:clamp(21px,2vw,27px);line-height:1.8;overflow-wrap:anywhere;color:var(--qnna-text,#102b36)}
.qnna-verification-card .qnna-verification-label{display:block;font-weight:800;margin-bottom:10px;line-height:1.8;color:var(--qnna-text,#102b36)}
.qnna-verification-card input.form-control{font-size:16px;min-height:52px;background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);border-color:var(--qnna-border,#dbe7eb)}
.qnna-verification-card #qnnaBackupCodeInput{font-family:monospace;text-align:left;font-size:18px;letter-spacing:.04em}
.qnna-verification-card .btn{min-height:48px;padding:10px 22px;line-height:1.8;white-space:normal}
.qnna-verification-card .btn-default{color:var(--qnna-text,#102b36);background:var(--qnna-surface-2,#f5f8fa);border:1px solid var(--qnna-border,#dbe7eb)}
.qnna-verification-card .card-footer{padding:20px!important;background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36);line-height:1.9}
.qnna-verification-card .card-footer a{display:inline-block;min-height:44px;padding-block:8px;color:var(--qnna-text,#025b76);text-decoration:underline;text-decoration-color:#aa894e;text-underline-offset:5px}
.qnna-backup-code-value{display:block;padding:14px;font-family:monospace;font-size:clamp(18px,2.5vw,24px);line-height:1.8;overflow-wrap:anywhere;user-select:all}
.qnna-verification-card :is(input,button,a):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:767px){.qnna-verification-card>.card-body{padding:20px!important}.qnna-verification-card .btn{width:100%}.qnna-verification-card .card-footer{padding:16px!important}}

/* v149: account choice and switch confirmation */
.qnna-account-switch-card.card{width:100%;max-width:820px!important;margin:28px auto;border:1px solid var(--qnna-border,#dbe7eb);border-block-start:3px solid #aa894e;border-radius:20px!important;background:var(--qnna-surface,#fff)}
.qnna-account-switch-card>.card-body{padding:28px!important;min-width:0;color:var(--qnna-text,#102b36);line-height:1.85;text-align:start}
.qnna-account-switch-card .qnna-switch-heading{display:flex;align-items:center;gap:12px;font-size:clamp(22px,2.3vw,28px);line-height:1.7;margin:0 0 18px;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;overflow-wrap:anywhere}
.qnna-switch-heading>i{color:#aa894e;-webkit-text-fill-color:#aa894e;flex-shrink:0}
.qnna-account-switch-card p{color:var(--qnna-text-soft,#506571);-webkit-text-fill-color:var(--qnna-text-soft,#506571);overflow-wrap:anywhere}
.qnna-template-user-switch-account .select-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 0;border:0}
.qnna-template-user-switch-account .select-account button.qnna-switch-option{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px 12px;min-height:108px;margin:0;padding:18px;border:1px solid var(--qnna-border,#dbe7eb);border-inline-start:3px solid #aa894e;border-radius:14px;background:var(--qnna-surface-2,#f5f8fa);color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;text-align:start;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.qnna-switch-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#025b76;color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-switch-name{min-width:0;font-weight:800;overflow-wrap:anywhere;line-height:1.85}
.qnna-switch-badges{display:flex;flex-wrap:wrap;gap:8px;grid-column:2;min-width:0}
.qnna-switch-badges:empty{display:none}
.qnna-switch-badges .label{padding:5px 10px;border-radius:8px;font-size:12px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;background:#025b76;color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-switch-badges .label-default{background:#455d68}
.qnna-template-user-switch-account .select-account button.qnna-switch-option:not(.disabled):hover{transform:translateY(-2px);border-color:#aa894e;background:var(--qnna-surface,#fff)}
.qnna-template-user-switch-account .select-account button.qnna-switch-option.disabled{opacity:1;pointer-events:none;cursor:default;border-inline-start-color:#758993}
.qnna-switch-confirm{margin-block:20px;padding:20px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:14px;background:var(--qnna-surface-2,#f5f8fa);text-align:center;overflow-wrap:anywhere}
.qnna-switch-confirm p{margin:0}
.qnna-switch-confirm strong{color:var(--qnna-text,#102b36);-webkit-text-fill-color:var(--qnna-text,#102b36)}
.qnna-switch-confirm bdi{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.qnna-switch-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.qnna-account-switch-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;white-space:normal;line-height:1.8}
.qnna-account-switch-card .btn-primary{background:#025b76!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#025b76!important}
.qnna-account-switch-card .btn-default{background:var(--qnna-surface-2,#f5f8fa)!important;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;border-color:var(--qnna-border,#dbe7eb)!important}
.qnna-switch-empty{display:flex;align-items:center;gap:12px;padding:18px;border-radius:14px;background:var(--qnna-surface-2,#f5f8fa)}
.qnna-switch-empty>i{font-size:28px;color:#aa894e;-webkit-text-fill-color:#aa894e}
.qnna-account-switch-card :is(a,button):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:639px){.qnna-account-switch-card>.card-body{padding:20px 16px!important}.qnna-template-user-switch-account .select-account{grid-template-columns:minmax(0,1fr)}.qnna-switch-actions>.btn{width:100%;flex:1 1 100%}.qnna-switch-confirm{padding:16px}.qnna-account-switch-card .qnna-switch-heading{font-size:21px}}
@media(prefers-reduced-motion:reduce){.qnna-template-user-switch-account .select-account button.qnna-switch-option{transition:none}.qnna-template-user-switch-account .select-account button.qnna-switch-option:not(.disabled):hover{transform:none}}

/* v150: invitation acceptance, login and registration panels */
.qnna-user-invite-card.card{width:100%;max-width:1040px!important;margin:28px auto;border:1px solid var(--qnna-border,#dbe7eb);border-block-start:3px solid #aa894e;border-radius:20px!important;background:var(--qnna-surface,#fff)}
.qnna-user-invite-card>.card-body{padding:28px!important;color:var(--qnna-text,#102b36);line-height:1.85;min-width:0}
.qnna-user-invite-card #qnnaInviteTitle{font-size:clamp(23px,2.4vw,29px);line-height:1.8;max-width:800px;margin:0 auto 18px;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;overflow-wrap:anywhere}
.qnna-invite-state-icon{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid #aa894e;border-radius:18px;background:#025b76;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px;margin-bottom:12px}
.qnna-user-invite-card>.card-body>p{color:var(--qnna-text-soft,#506571);-webkit-text-fill-color:var(--qnna-text-soft,#506571);line-height:1.9;overflow-wrap:anywhere}
.qnna-user-invite-card .invite-box{height:100%;margin:0;padding:24px;border:1px solid var(--qnna-border,#dbe7eb);border-radius:16px;background:var(--qnna-surface-2,#f5f8fa);text-align:start}
.qnna-user-invite-card>.card-body>.row{row-gap:20px;margin-top:24px}
.qnna-user-invite-card .qnna-invite-box-title{display:flex;align-items:center;gap:10px;padding-bottom:16px;margin:0 0 20px;border-bottom:1px solid var(--qnna-border,#dbe7eb);color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important;font-size:21px;line-height:1.8}
.qnna-invite-box-title>i{color:#aa894e;-webkit-text-fill-color:#aa894e;flex-shrink:0}
.qnna-user-invite-card .invite-box form.text-left{text-align:start!important}
.qnna-user-invite-card label{font-weight:800;color:var(--qnna-text,#102b36);-webkit-text-fill-color:var(--qnna-text,#102b36);line-height:1.8}
.qnna-user-invite-card .form-group{margin-bottom:20px}
.qnna-user-invite-card .form-control{min-height:50px;font-size:16px;border-radius:10px;border-color:var(--qnna-border,#dbe7eb);background:var(--qnna-surface,#fff);color:var(--qnna-text,#102b36);-webkit-text-fill-color:var(--qnna-text,#102b36)}
.qnna-user-invite-card .form-control[dir="ltr"]{text-align:start}
.qnna-user-invite-card .btn{min-height:48px;padding:10px 20px;white-space:normal;line-height:1.8;border-radius:10px}
.qnna-user-invite-card .qnna-invite-submit{min-width:180px;background:#025b76!important;border-color:#025b76!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-user-invite-card .qnna-invite-submit:hover{background:#083c4d!important;border-color:#083c4d!important}
.qnna-user-invite-card :is(.generate-password,.qnna-invite-support){background:var(--qnna-surface,#fff)!important;border-color:var(--qnna-border,#dbe7eb)!important;color:var(--qnna-text,#102b36)!important;-webkit-text-fill-color:var(--qnna-text,#102b36)!important}
.qnna-user-invite-card .qnna-invite-support{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.qnna-user-invite-card #passwordStrengthTextLabel{color:var(--qnna-text-soft,#506571)!important;-webkit-text-fill-color:var(--qnna-text-soft,#506571)!important;line-height:1.85;margin-top:10px}
.qnna-user-invite-card .form-check-inline{flex-wrap:wrap;justify-content:center;gap:6px;line-height:1.85;font-weight:400}
.qnna-user-invite-card #accept{position:static;width:18px;height:18px;margin:0;accent-color:#025b76}
.qnna-user-invite-card .form-check-inline a{color:var(--qnna-text,#025b76)!important;-webkit-text-fill-color:var(--qnna-text,#025b76)!important;text-decoration:underline;text-underline-offset:4px}
.qnna-user-invite-card :is(a,button,input):focus-visible{outline:3px solid #aa894e;outline-offset:3px}
@media(max-width:639px){.qnna-user-invite-card>.card-body{padding:20px 16px!important}.qnna-user-invite-card .invite-box{padding:18px 14px}.qnna-user-invite-card .qnna-invite-submit{width:100%;min-width:0}.qnna-user-invite-card .input-group{flex-wrap:wrap;gap:8px}.qnna-user-invite-card .input-group>.form-control{width:100%;flex-basis:100%;border-radius:10px!important}.qnna-user-invite-card .input-group-append{width:100%;margin:0}.qnna-user-invite-card .generate-password{width:100%;border-radius:10px!important}.qnna-user-invite-card #qnnaInviteTitle{font-size:22px}}

/* v175: native account selection and clear invitation choices. */
.qnna-template-user-switch-account .select-account>.qnna-switch-option-form{margin:0;min-width:0;height:100%}
.qnna-template-user-switch-account .select-account button.qnna-switch-option{width:100%;height:100%;box-sizing:border-box;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.qnna-template-user-switch-account .select-account button.qnna-switch-option:disabled{cursor:default}
.qnna-template-user-switch-account .select-account button.qnna-switch-option:focus-visible{outline:3px solid #aa894e;outline-offset:4px}
.qnna-switch-confirm .qnna-switch-confirm-kicker{display:flex;align-items:center;gap:9px;color:var(--qnna-text-soft,#506571);font-size:13px;font-weight:700;margin-block:0 12px}
.qnna-switch-confirm-kicker>i{color:#aa894e}
.qnna-template-user-invite-accept .qnna-invite-choice-help{padding:12px 14px;margin-block:0 20px;border:1px solid var(--qnna-border,#dbe7eb);border-inline-start:3px solid #aa894e;border-radius:10px;background:var(--qnna-surface-2,#f1f6f8);color:var(--qnna-text-soft,#506571);line-height:1.9;text-align:start;font-size:14px;overflow-wrap:anywhere}
.qnna-template-user-invite-accept .invite-box{height:100%;box-sizing:border-box}
@media(max-width:991px){.qnna-template-user-invite-accept .row>.col-lg-6+.col-lg-6{margin-block-start:20px}}