/* SecretsHost V5 — exhaustive panel quality pass — 2026-08-30 */

:root {
    --v5q-text-min: 12px;
    --v5q-control-min: 40px;
    --v5q-card-radius: 18px;
    --v5q-surface: rgba(8, 43, 70, .78);
    --v5q-surface-soft: rgba(6, 35, 57, .72);
    --v5q-border: rgba(137, 198, 232, .20);
    --v5q-border-strong: rgba(137, 198, 232, .30);
    --v5q-muted: #9fb9cb;
}

html,
body {
    text-rendering: optimizeLegibility;
}

/*
 * Keep text and icons crisp. The motion layer used to promote the whole page
 * and nearly every control to a GPU layer permanently. That makes Arabic text
 * look like a scaled bitmap on fractional display scales. Browsers can animate
 * these elements without a persistent will-change hint.
 */
.main,
:is(.btn, button:not(.sidebar-backdrop), .billing-row-action, .services-v7-action,
    .services-v7-filter, .dropdown-link, .nav-item, .email-card, .action-card,
    .health-item, .utility-menu .dropdown-panel, .nav-more .nav-more-body) {
    will-change: auto !important;
}

body:not(.auth-page):not(.checkout-page),
body:not(.auth-page):not(.checkout-page) button,
body:not(.auth-page):not(.checkout-page) input,
body:not(.auth-page):not(.checkout-page) select,
body:not(.auth-page):not(.checkout-page) textarea {
    font-family: var(--f-sans, "Thmanyah Sans", "Geist Sans", Tahoma, Arial, sans-serif);
}

/* Never let legacy route styles shrink visible text below a readable floor. */
:is(.ink-header, .sidebar, .main, .mobile-nav)
    :is(a, button, input, textarea, select, label, small, p, span, strong, em, b, bdi, code, dt, dd, th, td, summary) {
    font-size: max(var(--v5q-text-min), 1em) !important;
}

:is(.ink-header, .sidebar, .main, .mobile-nav) button,
:is(.ink-header, .sidebar, .main, .mobile-nav) [role="button"] {
    min-height: var(--v5q-control-min);
}

:is(.main, .sidebar, .ink-header) :is(input, select, textarea) {
    min-height: 46px;
    font-size: 15px !important;
}

.main,
.main * {
    image-rendering: auto;
}

.main.is-pjax-loading,
.main.is-pjax-leaving,
.main.is-pjax-enter,
.main.is-pjax-loading *,
.main.is-pjax-leaving *,
.main.is-pjax-enter * {
    filter: none !important;
}

/* Shared shell. */
.utility-pill-icon,
.notif-dot,
.nav-count,
.sidebar .user-chip-copy span {
    font-size: 12px !important;
}

.notif-dot,
.nav-count {
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}

.notif-dot {
    background: #a71945 !important;
    color: #fff !important;
}

.nav-count,
.ink-nav-count {
    background: #11679b !important;
    color: #fff !important;
}

.utility-pill,
.theme-toggle,
.mobile-menu-btn,
.ink-burger {
    min-width: 40px;
    min-height: 40px;
}

.theme-toggle {
    line-height: 1.35 !important;
}

.ink-brand {
    min-width: 40px;
    min-height: 40px;
}

.sidebar .user-chip-copy span,
.sidebar-btn-label {
    line-height: 1.45 !important;
}

.panel,
.side-panel,
.table-panel,
.profile-panel,
.contact-panel,
.wallet-panel,
.billing-panel,
.account-v6-section,
.account-v6-hero,
.support-ticket-panel,
.support-form-panel,
.support-guide-panel,
.support-conversation-panel,
.support-summary-panel,
.support-channel-panel,
.catalog-focus-card {
    border-color: var(--v5q-border);
    border-radius: var(--v5q-card-radius);
    background-color: var(--v5q-surface);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .035) inset, 0 20px 48px -38px rgba(0, 4, 10, .92);
}

.main :is(.btn, button, input, select, textarea) {
    border-radius: 12px;
}

.section-head strong,
.billing-panel-head h3,
.account-v6-section-title h3 {
    font-size: 18px !important;
    line-height: 1.4;
}

.section-head :is(span, a),
.billing-panel-head p,
.account-v6-section-title p {
    font-size: 13px !important;
    line-height: 1.65;
}

/* Dashboard. */
.dashboard-v2-notice small,
.dashboard-v2-account-row small,
.dashboard-v2-support-band p,
.dashboard-v2-priority-meta b {
    font-size: 12.5px !important;
    line-height: 1.6;
}

.dashboard-v2-welcome,
.dashboard-v2-priority {
    min-width: 0;
    overflow: clip;
}

.dashboard-v2-priority-head > div,
.dashboard-v2-welcome-copy {
    min-width: 0;
}

.dashboard-v2-priority h2,
.dashboard-v2-welcome h2 {
    overflow-wrap: anywhere;
}

.dashboard-v2-notice,
.dashboard-v2-account-row {
    min-height: 62px;
}

/* Services list. */
.services-v7-card,
.services-v7-overview,
.services-v7-tools {
    border-radius: var(--v5q-card-radius);
}

.services-v7-fact dt,
.services-v7-state,
.services-v7-server-facts small,
.services-v7-server-metric-copy small {
    font-size: 12.5px !important;
}

.services-v7-filter > span,
.v5-nav-lock {
    line-height: 1.35 !important;
}

.services-v7-server-access button,
.sng-fidelity-ui button[aria-label*="نسخ"],
.sng-fidelity-ui button[title*="نسخ"] {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex-basis: 42px !important;
}

.services-v7-server-access code {
    line-height: 1.55;
}

.services-v7-server-manage.is-warning {
    color: #271700 !important;
}

/* Purchase catalog and all product families. */
.v5-buy-journey .v5-pricing-card {
    border-radius: var(--v5q-card-radius);
}

.v5-buy-journey .v5-pricing-card-head small,
.v5-buy-journey .v5-cycle-label,
.v5-buy-journey .v5-pricing-features,
.v5-dedicated-monthly small,
.v5-dedicated-card-head > div > span {
    font-size: 12.5px !important;
    line-height: 1.5;
}

.v5-buy-journey .v5-pricing-card-head h3,
.v5-buy-journey .v5-amount,
.v5-buy-journey .v5-amount > span,
.v5-buy-journey .v5-cycle-duration b,
.v5-buy-journey .v5-browse-cycle-tab,
.v5-buy-journey .v5-config-plan-copy > strong,
.v5-buy-journey .v5-config-plan-price > :is(strong, span) {
    line-height: 1.3 !important;
}

.v5-buy-journey :is(.v5-browse-cycle-tab, .v5-dedicated-cycle-tab) {
    min-height: 42px !important;
    line-height: 1.35 !important;
}

.v5-buy-journey .v5-dedicated-filters button,
.v5-buy-journey .v5-dedicated-card-head h3,
.v5-buy-journey .v5-dedicated-monthly,
.v5-buy-journey .v5-dedicated-monthly :is(strong, span) {
    line-height: 1.35 !important;
}

.v5-dedicated-filters {
    gap: 9px;
    padding-block: 2px;
}

.v5-dedicated-filters > span {
    font-size: 13px !important;
}

.v5-dedicated-filters button {
    min-height: 40px !important;
    padding: 8px 16px;
    font-size: 13px !important;
}

.v5-dedicated-specs {
    gap: 10px;
}

.v5-dedicated-specs > div {
    min-height: 68px;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding: 11px 12px;
    border-radius: 13px;
    border-color: var(--v5q-border);
}

.v5-dedicated-specs i {
    font-size: 14px;
}

.v5-dedicated-specs small {
    font-size: 12.5px !important;
    line-height: 1.35;
}

.v5-dedicated-specs strong {
    font-size: 13px !important;
    line-height: 1.5;
}

.v5-os-family-tile {
    min-height: 98px;
    font-size: 13px !important;
    line-height: 1.45;
}

/* Billing list and invoice detail. */
.billing-filter-count {
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    font-size: 12px !important;
}

.billing-ledger-head,
.billing-ticket-list-head,
.billing-invoice-link span,
.billing-created,
.billing-state-cell small,
.billing-row-amount small {
    font-size: 12.5px !important;
}

.billing-invoice-due > span,
.billing-panel-head p,
.billing-item-copy > span,
.v5-invoice-item-details :is(em, bdi),
.billing-method > span,
.billing-item-copy small {
    font-size: 12.5px !important;
    line-height: 1.6;
}

.billing-item-copy strong,
.billing-item-row > strong,
.billing-summary-row {
    font-size: 13.5px !important;
}

.billing-invoice-link span {
    max-width: none;
    overflow-wrap: anywhere;
    white-space: normal;
}

.billing-invoice-link,
.billing-row-action,
.billing-back {
    min-height: 40px;
}

.billing-row-action,
.billing-back {
    padding-block: 8px;
}

.email-page-link {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Support and messages. */
.support-field-help,
.support-ticket-subject small,
.support-ticket-updated,
.support-status,
.support-response-time,
.support-ticket-stat {
    font-size: 12.5px !important;
    line-height: 1.65;
}

.email-card,
.item,
.ticket-row {
    border-radius: 14px;
}

.section-head > a,
.profile-panel .section-head > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding-inline: 10px;
}

/* Account. */
.account-v6-action {
    min-height: 0;
    overflow: clip;
}

.account-v6-action-copy > span,
.account-v6-action-copy p,
.account-v6-section-head > a,
.account-v6-identity-copy > span,
.account-v6-rail-note span,
.account-v6-rail-note strong,
.social-provider-copy > span,
.avatar-choice-copy > span,
.member-roster-copy > span {
    font-size: 12.5px !important;
    line-height: 1.65;
}

.account-v6-section-head > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding-inline: 12px;
    border: 1px solid var(--v5q-border);
    border-radius: 10px;
}

.account-v6-nav a {
    min-height: 46px;
    font-size: 13px !important;
}

.account-v6-nav a > span {
    font-size: 13px !important;
}

.account-v6-data-row,
.account-v6-summary > :is(a, div) {
    min-height: 58px;
}

.account-v6-data-row > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
}

/* Server surface. */
.sng-fidelity-ui .sng-dedicated-badge,
.sng-fidelity-ui .sng-server-command-copy p small,
.sng-fidelity-ui .sng-spec-label small,
.sng-fidelity-ui .sng-info-row > span,
.sng-fidelity-ui .sng-activity-item small {
    font-size: 12.5px !important;
    line-height: 1.55;
}

.sng-fidelity-ui .sng-dedicated-badge {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    padding-inline: 9px;
}

.sng-fidelity-ui :is(button, a[role="button"], input, select) {
    min-height: 40px;
}

.sng-fidelity-ui .sng-info-line > strong > button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
}

.sng-fidelity-ui .sng-range-buttons button {
    min-height: 42px !important;
}

.sng-fidelity-ui .sng-spec-tile,
.sng-fidelity-ui .sng-ui-card {
    border-radius: 18px;
}

.sng-fidelity-ui .sng-spec-tile > strong {
    line-height: 1.35 !important;
}

.sng-fidelity-ui button:disabled,
.sng-fidelity-ui .sng-provision-card {
    filter: none !important;
}

/* Responsive pass: keep every route usable without micro text or clipping. */
@media (max-width: 760px) {
    :root { --v5q-control-min: 42px; }

    .ink-page-head,
    .subbar,
    .main > section:not(.subbar),
    .main > div.dashboard-grid,
    .main > .server-spotlight {
        padding-inline: 16px;
    }

    .account-v6-action {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 18px;
    }

    .account-v6-action-buttons {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .account-v6-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .account-v6-nav a {
        min-height: 64px;
        padding: 8px 6px;
        font-size: 12.5px !important;
        line-height: 1.35;
    }

    .account-v6-section-head {
        gap: 12px;
        flex-wrap: wrap;
    }

    .account-v6-section-head > a {
        width: 100%;
        justify-content: center;
    }

    .billing-toolbar,
    .billing-filters {
        gap: 8px;
    }

    .billing-filter {
        min-height: 42px;
    }

    .billing-item-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .v5-dedicated-specs {
        grid-template-columns: 1fr;
    }

    .v5-dedicated-specs > div {
        min-height: 64px;
    }

    .dashboard-v2-notice,
    .dashboard-v2-account-row {
        min-height: 66px;
    }

    .sng-fidelity-ui .sng-server-command-copy h1,
    .sng-fidelity-ui .sng-server-command-copy h2 {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .services-v7-server-access > div {
        align-items: flex-start;
    }

    .services-v7-server-access code {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .v5-buy-journey .v5-config-plan-copy > :is(strong, span),
    .v5-buy-journey .v5-configure-summary > :is(strong, small) {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .v5-buy-journey .v5-config-plan-card,
    .v5-buy-journey .catalog-studio,
    .v5-buy-journey .catalog-focus-grid,
    .v5-buy-journey .catalog-focus-card {
        min-width: 0 !important;
        max-width: 100%;
    }
}

@media (max-width: 440px) {
    .account-v6-nav {
        grid-template-columns: 1fr;
    }

    .account-v6-nav a {
        min-height: 48px;
        grid-template-columns: 24px minmax(0, 1fr);
        justify-items: start;
        text-align: start;
        padding-inline: 13px;
    }

    .v5-dedicated-card-head {
        gap: 14px;
    }

    .v5-buy-journey .v5-configure-footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .v5-buy-journey .v5-configure-summary,
    .v5-buy-journey .v5-configure-footer .btn.primary {
        width: 100%;
    }

    .v5-buy-journey .v5-configure-footer .btn.primary {
        justify-content: center;
    }

    .sng-fidelity-ui .sng-server-command-copy > div:first-child {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px;
    }

    .sng-fidelity-ui .sng-server-command-copy h1 {
        width: 100%;
        flex: 1 0 100%;
    }
}

@media (max-width: 360px) {
    .ink-header-inner {
        gap: 8px;
        padding-inline: 10px;
    }

    .ink-header-tools {
        gap: 4px;
    }

    .ink-header .ink-brand-word {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main,
    .main *,
    .sidebar,
    .sidebar * {
        animation: none !important;
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }
}