@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    --vds-ink: #0A0A0A;
    --vds-paper: #FFFFFF;
    --vds-panel: #F7F7F5;
    --vds-line: #E2E2DF;
    --vds-mid: #6B6B68;
    --vds-soft: #A1A19C;
    --vds-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --vds-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html { background: var(--vds-paper); }
body.vdsnet-theme {
    margin: 0;
    background: var(--vds-paper);
    color: var(--vds-ink);
    font-family: var(--vds-sans);
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}
body.vdsnet-theme a { color: inherit; }
body.vdsnet-theme a:hover { color: inherit; text-decoration: none; }
body.vdsnet-theme * { box-sizing: border-box; }

.vds-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }

/* Header */
.vds-header { position: sticky; top: 0; z-index: 1030; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--vds-line); }
.vds-nav { min-height: 68px; display: flex; align-items: center; gap: 28px; }
.vds-brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--vds-mono); font-size: 17px; font-weight: 700; letter-spacing: -.03em; white-space: nowrap; }
.vds-brand-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--vds-ink); display: inline-block; }
.vds-nav-collapse { margin-left: auto; flex: 1; align-items: center; justify-content: flex-end; }
.vds-nav-collapse.show, .vds-nav-collapse.collapsing { display: block; }
@media (min-width: 992px) { .vds-nav-collapse { display: flex !important; } }
.vds-primary-nav { display: flex; align-items: center; gap: 30px; margin: 0 auto; }
.vds-primary-nav a { color: var(--vds-mid) !important; font-size: 13px; font-weight: 500; }
.vds-primary-nav a:hover { color: var(--vds-ink) !important; }
.vds-nav-actions { display: flex; align-items: center; gap: 10px; }
.vds-locale-btn, .vds-cart-link, .vds-login-link, .vds-account-btn {
    min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--vds-line); background: var(--vds-paper); color: var(--vds-ink) !important; border-radius: 2px; font-family: var(--vds-mono); font-size: 11px; font-weight: 600;
}
.vds-cart-link span { margin-left: 7px; color: var(--vds-mid); }
.vds-register-link { min-height: 38px; display: inline-flex; align-items: center; padding: 0 16px; background: var(--vds-ink); color: var(--vds-paper) !important; border: 1px solid var(--vds-ink); border-radius: 2px; font-size: 12px; font-weight: 700; }
.vds-menu-toggle { display: none; margin-left: auto; width: 40px; height: 38px; border: 1px solid var(--vds-line); background: #fff; padding: 11px 10px; }
.vds-menu-toggle span { display:block; width:18px; height:1px; background:#111; margin:4px auto; }
.vds-account-dropdown .dropdown-menu { min-width: 180px; padding: 6px; border: 1px solid var(--vds-line); border-radius: 2px; box-shadow: 0 15px 35px rgba(0,0,0,.08); }
.vds-account-dropdown .dropdown-item { padding: 9px 11px; border-radius: 1px; font-size: 13px; }
.vds-account-dropdown .dropdown-item:hover { background: var(--vds-panel); }

/* Breadcrumb + shell */
.vds-breadcrumb { border-bottom: 1px solid var(--vds-line); background: var(--vds-paper); }
.vds-breadcrumb .breadcrumb { min-height: 48px; margin: 0; padding: 15px 0; background: transparent; border: 0; font-family: var(--vds-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.vds-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--vds-soft); }
.vds-main { min-height: calc(100vh - 168px); padding: 48px 0 72px; }
.vds-home-main { padding: 0; }
.vds-login-main { padding: 72px 0 96px; }
.primary-content > h1:first-child, .primary-content > .page-header:first-child h1 { font-size: 30px; font-weight: 800; letter-spacing: -.03em; }

/* Homepage */
.vds-portal-home { margin: 0; }
.vds-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; padding: 90px 0 72px; border-bottom: 1px solid var(--vds-line); }
.vds-eyebrow { margin-bottom: 17px; color: var(--vds-mid); font-family: var(--vds-mono); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.vds-hero h1, .vds-external-login h1 { margin: 0 0 22px; color: var(--vds-ink); font-size: 54px; line-height: 1.04; font-weight: 800; letter-spacing: -.045em; }
.vds-hero h1 span, .vds-external-login h1 span { font-family: var(--vds-mono); font-weight: 500; border-bottom: 2px solid var(--vds-ink); }
.vds-hero-copy > p { max-width: 500px; margin: 0 0 30px; color: var(--vds-mid); font-size: 16px; line-height: 1.7; }
.vds-hero-actions { display:flex; gap: 10px; flex-wrap: wrap; }
.vds-button { min-height: 46px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border:1px solid var(--vds-ink); border-radius:2px; font-size:13px; font-weight:700; }
.vds-button-dark { background:var(--vds-ink); color:var(--vds-paper) !important; }
.vds-button-light { background:var(--vds-paper); color:var(--vds-ink) !important; }
.vds-button:hover { opacity:.82; }
.vds-terminal { overflow:hidden; background:var(--vds-ink); border-radius:5px; box-shadow:0 25px 60px -30px rgba(0,0,0,.5); }
.vds-terminal-bar { height:44px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.09); }
.vds-terminal-bar span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.26); }
.vds-terminal-bar small { margin-left:7px; color:rgba(255,255,255,.4); font-family:var(--vds-mono); font-size:10px; }
.vds-terminal-body { min-height:260px; padding:28px 24px; color:#fff; font-family:var(--vds-mono); font-size:12px; line-height:1.9; }
.vds-terminal-body p { margin:0; }
.vds-terminal-body b, .vds-terminal-body .ok { color:#7CFC9B; font-weight:500; }
.vds-terminal-body .muted { color:#92928e; }
.vds-home-strip { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--vds-line); }
.vds-home-strip > div { padding:27px 25px; border-left:1px solid var(--vds-line); }
.vds-home-strip > div:first-child { border-left:0; }
.vds-home-strip strong { display:block; font-family:var(--vds-mono); font-size:22px; line-height:1.2; }
.vds-home-strip span { display:block; margin-top:5px; color:var(--vds-mid); font-size:11px; }
.vds-portal-section { padding:76px 0; border-bottom:1px solid var(--vds-line); }
.vds-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid var(--vds-line); }
.vds-section-head h2 { margin:0; font-size:29px; font-weight:800; letter-spacing:-.03em; }
.vds-section-head > p { max-width:320px; margin:0; color:var(--vds-mid); font-size:13px; line-height:1.6; }
.vds-action-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--vds-line); }
.vds-action-card { min-height:215px; position:relative; padding:24px; border-left:1px solid var(--vds-line); background:#fff; transition:background .15s ease; }
.vds-action-card:first-child { border-left:0; }
.vds-action-card:hover { background:var(--vds-panel); }
.vds-action-index { display:block; margin-bottom:45px; color:var(--vds-mid); font-family:var(--vds-mono); font-size:10px; letter-spacing:.1em; }
.vds-action-card h3 { margin:0 0 9px; font-size:16px; font-weight:700; }
.vds-action-card p { margin:0; color:var(--vds-mid); font-size:12px; line-height:1.55; }
.vds-arrow { position:absolute; right:22px; bottom:20px; font-family:var(--vds-mono); font-size:18px; }

/* External login */
.vds-external-login { max-width:560px; margin:30px auto; padding:48px; border:1px solid var(--vds-line); background:#fff; }
.vds-external-login h1 { font-size:42px; }
.vds-external-login > p { max-width:400px; margin:0 0 28px; color:var(--vds-mid); line-height:1.7; }
.vds-login-continue { width:100%; }
.vds-login-note { margin-top:24px; padding-top:20px; border-top:1px solid var(--vds-line); color:var(--vds-mid); font-family:var(--vds-mono); font-size:10px; }

/* General WHMCS components */
body.vdsnet-theme .card,
body.vdsnet-theme .panel,
body.vdsnet-theme .modal-content,
body.vdsnet-theme .list-group-item,
body.vdsnet-theme .domain-renewals,
body.vdsnet-theme .product-status {
    border-color: var(--vds-line); border-radius: 2px; box-shadow: none;
}
body.vdsnet-theme .card-header,
body.vdsnet-theme .card-footer,
body.vdsnet-theme .panel-heading,
body.vdsnet-theme .panel-footer { background: var(--vds-panel); border-color: var(--vds-line); }
body.vdsnet-theme .card-title, body.vdsnet-theme h1, body.vdsnet-theme h2, body.vdsnet-theme h3, body.vdsnet-theme h4, body.vdsnet-theme h5 { color:var(--vds-ink); font-family:var(--vds-sans); }
body.vdsnet-theme .text-primary, body.vdsnet-theme a.text-primary { color:var(--vds-ink) !important; }
body.vdsnet-theme .text-muted { color:var(--vds-mid) !important; }
body.vdsnet-theme hr { border-color:var(--vds-line); }

body.vdsnet-theme .btn { border-radius:2px; box-shadow:none !important; font-size:12px; font-weight:700; }
body.vdsnet-theme .btn-primary,
body.vdsnet-theme .btn-success,
body.vdsnet-theme .btn-info,
body.vdsnet-theme .btn-dark { background:var(--vds-ink) !important; border-color:var(--vds-ink) !important; color:#fff !important; }
body.vdsnet-theme .btn-outline-primary,
body.vdsnet-theme .btn-default,
body.vdsnet-theme .btn-secondary,
body.vdsnet-theme .btn-outline-secondary { background:#fff !important; border-color:var(--vds-line) !important; color:var(--vds-ink) !important; }
body.vdsnet-theme .btn:hover { opacity:.78; }

body.vdsnet-theme .form-control,
body.vdsnet-theme .custom-select,
body.vdsnet-theme select,
body.vdsnet-theme textarea,
body.vdsnet-theme input[type=text],
body.vdsnet-theme input[type=email],
body.vdsnet-theme input[type=password],
body.vdsnet-theme input[type=number] { min-height:42px; border:1px solid var(--vds-line); border-radius:2px; box-shadow:none; background:#fff; color:var(--vds-ink); font-size:13px; }
body.vdsnet-theme .form-control:focus, body.vdsnet-theme .custom-select:focus { border-color:var(--vds-ink); box-shadow:0 0 0 1px var(--vds-ink); }
body.vdsnet-theme label, body.vdsnet-theme .form-control-label { color:var(--vds-ink); font-size:11px; font-weight:700; letter-spacing:.02em; }
body.vdsnet-theme .input-group-text { border-color:var(--vds-line); border-radius:2px; background:var(--vds-panel); color:var(--vds-mid); }

body.vdsnet-theme .table { color:var(--vds-ink); }
body.vdsnet-theme .table thead th { border-top:0; border-bottom:1px solid var(--vds-ink); color:var(--vds-mid); font-family:var(--vds-mono); font-size:10px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
body.vdsnet-theme .table td { border-top:1px solid var(--vds-line); vertical-align:middle; }
body.vdsnet-theme .table-hover tbody tr:hover { background:var(--vds-panel); }

body.vdsnet-theme .badge { border-radius:2px; font-family:var(--vds-mono); font-size:9px; font-weight:600; }
body.vdsnet-theme .badge-primary, body.vdsnet-theme .badge-success, body.vdsnet-theme .badge-info, body.vdsnet-theme .badge-warning, body.vdsnet-theme .badge-danger,
body.vdsnet-theme .status-active, body.vdsnet-theme .status-paid, body.vdsnet-theme .status-open { background:var(--vds-ink) !important; color:#fff !important; }

body.vdsnet-theme .alert { border:1px solid var(--vds-line); border-radius:2px; background:var(--vds-panel); color:var(--vds-ink); }
body.vdsnet-theme .alert-danger { border-color:#cfcfca; background:#fafafa; color:#111; }
body.vdsnet-theme .alert-success, body.vdsnet-theme .alert-info, body.vdsnet-theme .alert-warning { border-color:var(--vds-line); background:var(--vds-panel); color:var(--vds-ink); }

/* Dashboard tiles */
body.vdsnet-theme .tiles { border:1px solid var(--vds-line); }
body.vdsnet-theme .tiles .tile { min-height:125px; padding:24px 20px; border-right:1px solid var(--vds-line); background:#fff; text-align:left; }
body.vdsnet-theme .tiles .col-6:last-child .tile { border-right:0; }
body.vdsnet-theme .tiles .tile:hover { background:var(--vds-panel); }
body.vdsnet-theme .tiles .tile .stat { color:var(--vds-ink); font-family:var(--vds-mono); font-size:25px; font-weight:700; }
body.vdsnet-theme .tiles .tile .title { color:var(--vds-mid); font-size:11px; }
body.vdsnet-theme .tiles .tile i { color:var(--vds-ink); font-size:15px; }
body.vdsnet-theme .tiles .highlight { display:none; }

/* Sidebar */
.vds-sidebar .card, .vds-sidebar .panel { margin-bottom:16px; }
.vds-sidebar .card-header, .vds-sidebar .panel-heading { padding:13px 15px; font-size:11px; font-weight:700; }
.vds-sidebar .list-group-item { padding:11px 15px; color:var(--vds-mid); font-size:12px; }
.vds-sidebar .list-group-item:hover, .vds-sidebar .list-group-item.active { background:var(--vds-ink) !important; color:#fff !important; border-color:var(--vds-ink); }

/* Tabs */
body.vdsnet-theme .nav-tabs { border-bottom:1px solid var(--vds-line); }
body.vdsnet-theme .nav-tabs .nav-link { border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--vds-mid); font-size:12px; font-weight:600; }
body.vdsnet-theme .nav-tabs .nav-link.active { border-bottom-color:var(--vds-ink); background:#fff; color:var(--vds-ink); }
body.vdsnet-theme .product-details-tab-container { border:1px solid var(--vds-line); border-top:0; }

/* Client home panels */
body.vdsnet-theme .client-home-cards .card { overflow:hidden; }
body.vdsnet-theme .client-home-cards .card[class*="card-accent-"] { border-top:1px solid var(--vds-line); }
body.vdsnet-theme .client-home-cards .card-header .card-title { font-size:14px; font-weight:700; }

/* DataTables */
body.vdsnet-theme .dataTables_wrapper .dataTables_filter input,
body.vdsnet-theme .dataTables_wrapper .dataTables_length select { border:1px solid var(--vds-line); border-radius:2px; }
body.vdsnet-theme .page-item .page-link { border-color:var(--vds-line); color:var(--vds-ink); }
body.vdsnet-theme .page-item.active .page-link { background:var(--vds-ink); border-color:var(--vds-ink); color:#fff; }

/* Store / cart - visual overrides only, no functional markup is changed */
body.vdsnet-theme #order-standard_cart,
body.vdsnet-theme .store-order-container { font-family:var(--vds-sans); color:var(--vds-ink); }
body.vdsnet-theme #order-standard_cart .products .product,
body.vdsnet-theme #order-standard_cart .product,
body.vdsnet-theme #order-standard_cart .panel,
body.vdsnet-theme #order-standard_cart .summary-container,
body.vdsnet-theme #order-standard_cart .view-cart-items,
body.vdsnet-theme #order-standard_cart .view-cart-tabs .tab-content,
body.vdsnet-theme #order-standard_cart .sub-heading span { border-radius:2px !important; box-shadow:none !important; }
body.vdsnet-theme #order-standard_cart .products .product,
body.vdsnet-theme #order-standard_cart .product,
body.vdsnet-theme #order-standard_cart .summary-container,
body.vdsnet-theme #order-standard_cart .view-cart-items { border-color:var(--vds-line) !important; background:#fff !important; }
body.vdsnet-theme #order-standard_cart .product header,
body.vdsnet-theme #order-standard_cart .view-cart-items-header,
body.vdsnet-theme #order-standard_cart .summary-container .summary-header { background:var(--vds-panel) !important; color:var(--vds-ink) !important; border-color:var(--vds-line) !important; }
body.vdsnet-theme #order-standard_cart .btn-primary,
body.vdsnet-theme #order-standard_cart .btn-success { background:var(--vds-ink) !important; border-color:var(--vds-ink) !important; color:#fff !important; }
body.vdsnet-theme #order-standard_cart .btn-default,
body.vdsnet-theme #order-standard_cart .btn-secondary { background:#fff !important; border-color:var(--vds-line) !important; color:var(--vds-ink) !important; }
body.vdsnet-theme #order-standard_cart .product-price,
body.vdsnet-theme #order-standard_cart .price,
body.vdsnet-theme #order-standard_cart .total-due { font-family:var(--vds-mono); color:var(--vds-ink) !important; }

/* WHMCS branding notice: kept intact; only visually normalized. */
body.vdsnet-theme .powered-by, body.vdsnet-theme .poweredby { color:var(--vds-mid); font-size:11px; }

/* Footer */
.vds-footer { border-top:1px solid var(--vds-line); background:#fff; }
.vds-footer-inner { min-height:86px; display:flex; align-items:center; gap:30px; }
.vds-footer-brand { font-size:13px; }
.vds-footer-links { display:flex; gap:22px; margin-left:auto; }
.vds-footer-links a { color:var(--vds-mid) !important; font-size:11px; }
.vds-footer-links a:hover { color:var(--vds-ink) !important; }
.vds-copyright { margin:0; color:var(--vds-mid); font-family:var(--vds-mono); font-size:10px; }

/* Dev/license notification stays visible, but fits the visual system. */
body.vdsnet-theme > .alert-warning:first-child,
body.vdsnet-theme .license-notice { border-radius:0; border-left:0; border-right:0; }

@media (max-width: 991.98px) {
    .vds-wrap { padding-left:20px; padding-right:20px; }
    .vds-menu-toggle { display:block; }
    .vds-nav { flex-wrap:wrap; padding-top:12px; padding-bottom:12px; }
    .vds-nav-collapse { width:100%; flex-basis:100%; border-top:1px solid var(--vds-line); padding-top:14px; }
    .vds-primary-nav { display:flex; flex-direction:column; align-items:flex-start; gap:0; }
    .vds-primary-nav a { width:100%; padding:10px 0; border-bottom:1px solid var(--vds-line); }
    .vds-nav-actions { padding-top:14px; flex-wrap:wrap; }
    .vds-hero { grid-template-columns:1fr; padding:64px 0 54px; }
    .vds-hero h1 { font-size:45px; }
    .vds-terminal { max-width:620px; }
    .vds-action-grid { grid-template-columns:repeat(2,1fr); }
    .vds-action-card:nth-child(3) { border-left:0; border-top:1px solid var(--vds-line); }
    .vds-action-card:nth-child(4) { border-top:1px solid var(--vds-line); }
}

@media (max-width: 575.98px) {
    .vds-wrap { padding-left:16px; padding-right:16px; }
    .vds-main { padding-top:28px; padding-bottom:50px; }
    .vds-home-main { padding-top:0; }
    .vds-hero { padding-top:48px; gap:38px; }
    .vds-hero h1, .vds-external-login h1 { font-size:36px; }
    .vds-home-strip { grid-template-columns:repeat(2,1fr); }
    .vds-home-strip > div:nth-child(3) { border-left:0; border-top:1px solid var(--vds-line); }
    .vds-home-strip > div:nth-child(4) { border-top:1px solid var(--vds-line); }
    .vds-section-head { align-items:flex-start; flex-direction:column; }
    .vds-action-grid { grid-template-columns:1fr; }
    .vds-action-card { border-left:0; border-top:1px solid var(--vds-line); }
    .vds-action-card:first-child { border-top:0; }
    .vds-external-login { padding:28px 22px; margin:0; }
    .vds-footer-inner { padding-top:28px; padding-bottom:28px; flex-direction:column; align-items:flex-start; gap:15px; }
    .vds-footer-links { margin-left:0; flex-wrap:wrap; }
    body.vdsnet-theme .tiles .tile { border-bottom:1px solid var(--vds-line); }
}

/* vds.net dashboard: Recent News / Announcements card fallback */
.client-home-cards [menuItemName="Recent News"],
.client-home-cards [menuItemName="Recent Announcements"],
.client-home-cards [menuItemName="Announcements"] {
    display: none !important;
}

/* =========================================================
   VDS.NET - CLIENT AREA HOME FIXES
   ========================================================= */

/* Ticket status badge - Answered */
#ticketsPanel .label {
    color: #fff !important;
}

/* Özellikle siyah status badge */
#ticketsPanel .label[style*="background-color: #000000"] {
    color: #fff !important;
}


/* Dashboard üst kutular */
.tiles .tile {
    position: relative !important;
}

/* Services / Quotes / Tickets / Invoices ikonları */
.tiles .tile > i {
    position: absolute !important;

    top: 30px !important;
    left: 32px !important;
    right: auto !important;

    margin: 0 !important;

    color: #111 !important;
    font-size: 27px !important;
    line-height: 1 !important;
}

/* Sayı ve başlığı ikonun altına biraz daha düzenli yerleştir */
.tiles .tile .stat {
    margin-top: 62px !important;
}

.tiles .tile .title {
    margin-top: 2px !important;
}