/* ═══════════════════════════════════════════════════════
   FaraTechnology — Dark/Light Theme for WHMCS
   Version: 3.0 | 1404/11
   ═══════════════════════════════════════════════════════ */

/* ═══════ DARK MODE (default) ═══════ */
:root {
  --ft-bg: #0c1222;
  --ft-bg2: #131d2e;
  --ft-bg3: #1a2538;
  --ft-bd: rgba(255,255,255,.08);
  --ft-bdH: rgba(56,189,248,.35);
  --ft-tx: #f1f5f9;
  --ft-tx2: #a8b8cc;
  --ft-tx3: #6b7f96;
  --ft-ac: #38bdf8;
  --ft-ac2: #06b6d4;
  --ft-gr: #34d399;
  --ft-rd: #f87171;
  --ft-am: #fbbf24;
  --ft-vt: #a78bfa;
  --ft-glow: 0 8px 32px rgba(56,189,248,.08);
  --ft-navbar-bg: rgba(12,18,34,.75);
  --ft-navbar-scroll: rgba(12,18,34,.95);
  --ft-footer-bg: #0a0f1e;
  --ft-card-shadow: 0 2px 12px rgba(0,0,0,.15);
  --ft-input-bg: rgba(255,255,255,.05);
}

/* ═══════ LIGHT MODE ═══════ */
[data-theme="light"] {
  --ft-bg: #f1f5f9;
  --ft-bg2: #ffffff;
  --ft-bg3: #e2e8f0;
  --ft-bd: rgba(0,0,0,.08);
  --ft-bdH: rgba(14,165,233,.35);
  --ft-tx: #0f172a;
  --ft-tx2: #475569;
  --ft-tx3: #94a3b8;
  --ft-glow: 0 8px 32px rgba(14,165,233,.08);
  --ft-navbar-bg: rgba(255,255,255,.8);
  --ft-navbar-scroll: rgba(255,255,255,.96);
  --ft-footer-bg: #1e293b;
  --ft-card-shadow: 0 1px 4px rgba(0,0,0,.06);
  --ft-input-bg: rgba(0,0,0,.03);
}
[data-theme="light"] a{color:#0284c7!important}
[data-theme="light"] a:hover{color:#0369a1!important}
[data-theme="light"] .ft-navbar-name{color:var(--ft-tx)!important}
[data-theme="light"] .ft-navbar-links a{color:rgba(0,0,0,.5)!important}
[data-theme="light"] .ft-navbar-links a:hover{color:#0284c7!important;background:rgba(14,165,233,.06)}
[data-theme="light"] .ft-nav-ghost{border-color:rgba(0,0,0,.12)!important;color:#475569!important}
[data-theme="light"] .ft-nav-ghost:hover{border-color:#0284c7!important;color:#0284c7!important}
[data-theme="light"] .ft-nav-cart{color:rgba(0,0,0,.4)!important}
[data-theme="light"] .ft-nav-mobile-toggle span{background:rgba(0,0,0,.4)}
[data-theme="light"] .ft-theme-toggle{color:#475569;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .ft-icon-sun{display:none}
[data-theme="light"] .ft-icon-moon{display:block}
[data-theme="light"] .ft-topbar{background:rgba(14,165,233,.04);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .ft-topbar-links a{color:rgba(0,0,0,.4)!important}
[data-theme="light"] .ft-footer .ft-footer-heading{color:rgba(255,255,255,.6)}
[data-theme="light"] select option{background:#fff;color:#0f172a}
[data-theme="light"] input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#0f172a!important}
[data-theme="light"] .label.status,[data-theme="light"] .badge{border:1px solid var(--ft-bd)}

/* ═══════ GLOBAL ═══════ */
*{box-sizing:border-box;margin:0;padding:0}
body,body.ft-body{font-family:'Vazirmatn',sans-serif!important;background:var(--ft-bg)!important;color:var(--ft-tx)!important;-webkit-font-smoothing:antialiased;direction:rtl;transition:background .3s,color .3s}
body.primary-bg-color{background:var(--ft-bg)!important}
::selection{background:var(--ft-ac);color:#fff}
a{color:var(--ft-ac)!important;transition:color .2s;text-decoration:none!important}
a:hover{color:#7dd3fc!important}
h1,h2,h3,h4,h5,h6{color:var(--ft-tx)!important;font-family:'Vazirmatn',sans-serif!important}
p{color:var(--ft-tx2)}
hr{border-color:var(--ft-bd)!important}
img{max-width:100%}
.container{max-width:1200px}
.ft-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.ft-accent{color:#38bdf8}

/* ═══════ NAVBAR ═══════ */
.ft-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--ft-navbar-bg);backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border-bottom:1px solid var(--ft-bd);transition:all .35s}
.ft-navbar.scrolled{background:var(--ft-navbar-scroll);box-shadow:0 2px 20px rgba(0,0,0,.1)}
.ft-navbar-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;justify-content:space-between}
.ft-navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.ft-navbar-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(56,189,248,.15))}
.ft-navbar-name{font-size:16.5px;font-weight:800;letter-spacing:-.3px;color:var(--ft-tx)!important}
.ft-navbar-links{display:flex;gap:2px}
.ft-navbar-links a{padding:6px 11px;font-size:12px;font-weight:500;color:rgba(255,255,255,.35)!important;border-radius:7px;transition:all .25s;text-decoration:none!important;font-family:'Vazirmatn',sans-serif}
.ft-navbar-links a:hover{color:rgba(255,255,255,.9)!important;background:rgba(255,255,255,.05)}
.ft-navbar-actions{display:flex;align-items:center;gap:8px}
.ft-nav-btn{padding:7px 18px;border-radius:9px;font-size:12.5px;font-weight:500;transition:all .25s;text-decoration:none!important;font-family:'Vazirmatn',sans-serif;display:inline-flex;align-items:center;gap:6px}
.ft-nav-ghost{border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.55)!important;background:transparent!important}
.ft-nav-ghost:hover{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(255,255,255,.03)!important}
.ft-nav-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 14px rgba(56,189,248,.2)}
.ft-nav-primary:hover{box-shadow:0 6px 24px rgba(56,189,248,.35);transform:translateY(-1px);color:#fff!important}
.ft-nav-cart{position:relative;padding:7px;color:rgba(255,255,255,.4)!important;transition:all .25s;text-decoration:none!important}
.ft-nav-cart:hover{color:rgba(255,255,255,.8)!important}
.ft-cart-badge{position:absolute;top:-2px;right:-4px;background:#38bdf8;color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ft-nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:4px}
.ft-nav-mobile-toggle span{display:block;width:20px;height:2px;background:rgba(255,255,255,.4);border-radius:2px;transition:all .3s}
.ft-nav-mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.ft-nav-mobile-toggle.open span:nth-child(2){opacity:0}
.ft-nav-mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

/* Theme toggle */
.ft-theme-toggle{background:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px;cursor:pointer;color:rgba(255,255,255,.4);transition:all .3s;display:flex;align-items:center;justify-content:center}
.ft-theme-toggle:hover{color:var(--ft-ac);border-color:var(--ft-ac);background:rgba(56,189,248,.06)}
.ft-icon-moon{display:none}

/* ═══════ TOPBAR ═══════ */
.ft-topbar{background:rgba(56,189,248,.03);border-bottom:1px solid var(--ft-bd);margin-top:62px;padding:0;transition:background .3s}
.ft-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:11px}
.ft-topbar-user{display:flex;align-items:center;gap:6px;color:var(--ft-tx2);font-weight:500}
.ft-topbar-links{display:flex;gap:4px}
.ft-topbar-links a{padding:4px 10px;border-radius:6px;color:var(--ft-tx3)!important;font-size:11px;font-weight:500;transition:all .2s;text-decoration:none!important}
.ft-topbar-links a:hover{color:var(--ft-ac)!important;background:rgba(56,189,248,.06)}
.ft-topbar-admin{color:var(--ft-am)!important;border:1px solid rgba(245,158,11,.2);border-radius:6px!important}

/* ═══════ BREADCRUMB ═══════ */
.ft-breadcrumb-bar{border-bottom:1px solid var(--ft-bd);padding:0;background:transparent}
.ft-breadcrumb-bar .breadcrumb{background:transparent!important;margin:0;padding:10px 0;font-size:12px;list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.ft-breadcrumb-bar .breadcrumb-item+.breadcrumb-item::before{content:"/";color:var(--ft-tx3);padding:0 6px}
.ft-breadcrumb-bar .breadcrumb-item a{color:var(--ft-tx3)!important}
.ft-breadcrumb-bar .breadcrumb-item a:hover{color:var(--ft-ac)!important}
.ft-breadcrumb-bar .breadcrumb-item.active{color:var(--ft-tx2)}

/* ═══════ PAGE WRAP ═══════ */
.ft-page-wrap{padding-top:24px;padding-bottom:60px;min-height:60vh}
body:not(.ft-homepage-body) .ft-page-wrap{margin-top:62px}

/* ═══════ FOOTER ═══════ */
.ft-footer{border-top:1px solid rgba(255,255,255,.04);padding:60px 0 40px;background:var(--ft-footer-bg);transition:background .3s}
.ft-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
.ft-footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:800;color:#f1f5f9}
.ft-footer-about{font-size:12.5px;color:rgba(255,255,255,.25);line-height:1.9;max-width:280px}
.ft-footer-col{display:flex;flex-direction:column}
.ft-footer-heading{font-size:13px;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:16px}
.ft-footer-col a{font-size:12px;color:rgba(255,255,255,.22)!important;padding:5px 0;transition:all .25s;text-decoration:none!important;display:block;font-family:'Vazirmatn',sans-serif}
.ft-footer-col a:hover{color:rgba(255,255,255,.65)!important;padding-right:4px}
.ft-footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.ft-copyright{font-size:11.5px;color:rgba(255,255,255,.15)}
.ft-footer-social{display:flex;gap:14px}
.ft-footer-social a{color:rgba(255,255,255,.2)!important;transition:color .3s}
.ft-footer-social a:hover{color:rgba(255,255,255,.6)!important}

/* Hide twenty-one defaults */
#header,.header:not(.ft-navbar){display:none!important}
footer:not(.ft-footer){display:none!important}
.master-breadcrumb{display:none!important}

/* ═══════ PANELS / CARDS ═══════ */
.panel,.card{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important;box-shadow:var(--ft-card-shadow)!important;color:var(--ft-tx)!important;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}
.panel:hover,.card:hover{border-color:var(--ft-bdH)!important;box-shadow:var(--ft-glow)!important;transform:translateY(-2px)}
.panel-heading,.panel-default>.panel-heading,.card-header{background:rgba(56,189,248,.02)!important;border-bottom:1px solid var(--ft-bd)!important;color:var(--ft-tx)!important}
.panel-title,.card-title{color:var(--ft-tx)!important;font-weight:700!important;font-family:'Vazirmatn',sans-serif!important}
.panel-body,.card-body{color:var(--ft-tx)!important}
.panel-footer,.card-footer{background:rgba(255,255,255,.015)!important;border-top:1px solid var(--ft-bd)!important}

/* ═══════ SIDEBAR ═══════ */
.sidebar .list-group{border-radius:14px!important;overflow:hidden;border:1px solid var(--ft-bd)!important;background:var(--ft-bg2)!important}
.sidebar .list-group-item{background:transparent!important;border:none!important;border-bottom:1px solid var(--ft-bd)!important;color:var(--ft-tx2)!important;padding:12px 18px!important;font-size:13px;font-weight:500;transition:all .2s}
.sidebar .list-group-item:last-child{border-bottom:none!important}
.sidebar .list-group-item:hover{background:rgba(56,189,248,.04)!important;color:var(--ft-ac)!important}
.sidebar .list-group-item.active{background:rgba(56,189,248,.08)!important;border-right:3px solid var(--ft-ac)!important;color:var(--ft-ac)!important;font-weight:700}

/* ═══════ TABLES ═══════ */
.table,.table th,.table td{color:var(--ft-tx)!important}
.table>thead>tr>th,.table thead th{background:var(--ft-bg3)!important;border-bottom:2px solid var(--ft-bd)!important;color:var(--ft-tx2)!important;font-weight:600!important;font-size:12px;padding:12px 16px!important}
.table>tbody>tr>td,.table tbody td{border-top:1px solid var(--ft-bd)!important;padding:12px 16px!important;font-size:13px;vertical-align:middle!important;transition:background .2s}
.table>tbody>tr:hover>td,.table-hover tbody tr:hover td{background:rgba(56,189,248,.04)!important}
.table-striped>tbody>tr:nth-of-type(odd)>td{background:rgba(255,255,255,.015)!important}
.table-responsive{border:1px solid var(--ft-bd)!important;border-radius:14px!important;overflow:hidden}

/* ═══════ FORMS ═══════ */
.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="url"],input[type="search"],textarea,select,.custom-select,.field{
  background:var(--ft-input-bg)!important;border:1px solid var(--ft-bd)!important;border-radius:10px!important;
  color:var(--ft-tx)!important;font-family:'Vazirmatn',sans-serif!important;box-shadow:none!important;
  padding:10px 14px!important;font-size:13px;transition:all .25s}
.form-control:focus,input:focus,textarea:focus,select:focus,.field:focus{border-color:var(--ft-ac)!important;box-shadow:0 0 0 3px rgba(56,189,248,.12)!important;background:rgba(56,189,248,.02)!important}
input::placeholder,textarea::placeholder,.form-control::placeholder{color:var(--ft-tx3)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ft-tx)!important;-webkit-box-shadow:0 0 0 1000px var(--ft-bg2) inset!important;border:1px solid var(--ft-bd)!important;transition:background-color 5000s ease-in-out 0s}
label,.control-label,.form-label,.col-form-label{color:var(--ft-tx2)!important;font-weight:600!important;font-size:13px;margin-bottom:6px!important}
.help-block,.form-text{color:var(--ft-tx3)!important;font-size:12px}
.input-group-addon,.input-group-text{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;color:var(--ft-tx3)!important;border-radius:10px!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ft-ac)!important}
select option{background:var(--ft-bg2);color:var(--ft-tx)}
.form-group{margin-bottom:16px}
.prepend-icon{position:relative}
.prepend-icon .field-icon{position:absolute;top:50%;transform:translateY(-50%);right:12px;color:var(--ft-tx3);z-index:1;pointer-events:none}
.prepend-icon .field,.prepend-icon .form-control{padding-right:38px!important}

/* ═══════ BUTTONS ═══════ */
.btn{border-radius:10px!important;font-family:'Vazirmatn',sans-serif!important;font-weight:600!important;border:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-size:13px;padding:8px 18px;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#fff!important;box-shadow:0 4px 14px rgba(56,189,248,.25)!important}
.btn-primary:hover,.btn-primary:focus{box-shadow:0 8px 28px rgba(56,189,248,.4)!important;transform:translateY(-2px);color:#fff!important}
.btn-success{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;box-shadow:0 4px 14px rgba(52,211,153,.25)!important}
.btn-success:hover{box-shadow:0 8px 28px rgba(52,211,153,.4)!important;transform:translateY(-2px)}
.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444)!important;color:#fff!important;box-shadow:0 4px 14px rgba(248,113,113,.25)!important}
.btn-danger:hover{box-shadow:0 8px 28px rgba(248,113,113,.4)!important;transform:translateY(-2px)}
.btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important}
.btn-info{background:rgba(56,189,248,.12)!important;color:var(--ft-ac)!important}
.btn-info:hover{background:rgba(56,189,248,.2)!important;transform:translateY(-1px)}
.btn-default,.btn-secondary,.btn-outline-primary{background:var(--ft-input-bg)!important;color:var(--ft-tx2)!important;border:1px solid var(--ft-bd)!important}
.btn-default:hover,.btn-secondary:hover,.btn-outline-primary:hover{background:rgba(56,189,248,.06)!important;color:var(--ft-ac)!important;border-color:var(--ft-bdH)!important;transform:translateY(-1px)}
.btn-link{color:var(--ft-ac)!important;box-shadow:none!important;background:none!important}
.btn-lg{padding:12px 28px!important;font-size:15px!important}
.btn-sm{padding:6px 12px!important;font-size:11px!important}

/* ═══════ ALERTS ═══════ */
.alert{border-radius:12px!important;font-size:13px;padding:14px 18px!important;transition:all .3s}
.alert-success{background:rgba(52,211,153,.08)!important;border:1px solid rgba(52,211,153,.2)!important;color:var(--ft-gr)!important}
.alert-danger,.alert-error{background:rgba(248,113,113,.08)!important;border:1px solid rgba(248,113,113,.2)!important;color:var(--ft-rd)!important}
.alert-warning{background:rgba(251,191,36,.08)!important;border:1px solid rgba(251,191,36,.2)!important;color:var(--ft-am)!important}
.alert-info{background:rgba(56,189,248,.08)!important;border:1px solid rgba(56,189,248,.2)!important;color:var(--ft-ac)!important}

/* ═══════ BADGES & LABELS ═══════ */
.badge,.label{border-radius:6px!important;font-weight:600!important;font-size:11px;padding:3px 8px}
.label-success,.badge-success,.status-Active,.status-Paid{background:rgba(52,211,153,.12)!important;color:var(--ft-gr)!important}
.label-danger,.badge-danger,.status-Overdue,.status-Cancelled{background:rgba(248,113,113,.12)!important;color:var(--ft-rd)!important}
.label-warning,.badge-warning,.status-Pending,.status-Unpaid{background:rgba(251,191,36,.12)!important;color:var(--ft-am)!important}
.label-info,.badge-info,.status-Open{background:rgba(56,189,248,.12)!important;color:var(--ft-ac)!important}
.label-default,.badge-secondary,.status-Closed{background:rgba(255,255,255,.06)!important;color:var(--ft-tx3)!important}

/* ═══════ TABS ═══════ */
.nav-tabs{border-bottom:1px solid var(--ft-bd)!important}
.nav-tabs .nav-link{color:var(--ft-tx3)!important;border:none!important;padding:10px 16px!important;font-size:13px;border-radius:8px 8px 0 0!important;transition:all .25s}
.nav-tabs .nav-link:hover{color:var(--ft-ac)!important;background:rgba(56,189,248,.04)!important}
.nav-tabs .nav-link.active{color:var(--ft-ac)!important;border-bottom:2px solid var(--ft-ac)!important;font-weight:700}

/* ═══════ MODAL ═══════ */
.modal-content{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(0,0,0,.5)!important;color:var(--ft-tx)!important}
.modal-header{border-bottom:1px solid var(--ft-bd)!important}
.modal-title{color:var(--ft-tx)!important;font-weight:700}
.modal-body{color:var(--ft-tx)!important}
.modal-footer{border-top:1px solid var(--ft-bd)!important}

/* ═══════ PAGINATION ═══════ */
.pagination .page-link{background:var(--ft-input-bg)!important;border:1px solid var(--ft-bd)!important;color:var(--ft-tx2)!important;border-radius:8px!important;margin:0 2px;transition:all .25s}
.pagination .page-link:hover{background:rgba(56,189,248,.08)!important;color:var(--ft-ac)!important;transform:translateY(-1px)}
.page-item.active .page-link{background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;border-color:#38bdf8!important;color:#fff!important}

/* ═══════ DROPDOWN ═══════ */
.dropdown-menu{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:12px!important;box-shadow:0 12px 40px rgba(0,0,0,.3)!important;padding:6px!important}
.dropdown-item{color:var(--ft-tx2)!important;border-radius:6px!important;font-size:13px;transition:all .2s}
.dropdown-item:hover{background:rgba(56,189,248,.08)!important;color:var(--ft-ac)!important}

/* ═══════ CLIENT AREA ═══════ */
#main-body,.primary-content{min-height:60vh}
.page-header{border-bottom:1px solid var(--ft-bd)!important;padding-bottom:12px;margin-bottom:20px}
.page-header h1{font-size:22px!important;font-weight:800!important}
.invoice-container{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important;padding:28px!important}
.ticket-reply{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;border-radius:12px!important;padding:20px!important;margin-bottom:12px;transition:all .25s}
.ticket-reply.staff{background:rgba(56,189,248,.04)!important;border-color:rgba(56,189,248,.15)!important}
.ticket-reply .posted-by{color:var(--ft-tx2);font-size:12px;margin-bottom:10px}
.ticket-reply .posted-by-name{color:var(--ft-tx)!important;font-weight:700}
.ticket-reply .message{color:var(--ft-tx2)!important;line-height:1.9}

/* ═══════ SHOPPING CART ═══════ */
.product{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important;padding:20px!important;transition:all .35s cubic-bezier(.4,0,.2,1)}
.product:hover{border-color:var(--ft-bdH)!important;transform:translateY(-3px);box-shadow:var(--ft-glow)!important}
.product .product-pricing{color:var(--ft-ac)!important;font-weight:800;font-size:18px}
.order-summary{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important}
.domain-checker-container{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:18px!important;padding:28px!important}

/* ═══════ KB ═══════ */
.kb-cat-container{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important;padding:20px!important;transition:all .35s}
.kb-cat-container:hover{border-color:var(--ft-bdH)!important;transform:translateY(-2px);box-shadow:var(--ft-glow)!important}
.article-content{color:var(--ft-tx2)!important;line-height:2;font-size:14px}
.article-content code{background:rgba(56,189,248,.1);color:var(--ft-ac);padding:2px 6px;border-radius:4px}
.article-content pre{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;border-radius:10px!important;padding:16px!important}

/* ═══════ PHONE INPUT ═══════ */
.iti,.iti--allow-dropdown{width:100%}
.iti__country-list{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:10px!important;color:var(--ft-tx2)!important}
.iti__country:hover{background:rgba(56,189,248,.06)!important}

/* ═══════ MISC ═══════ */
.popover{background:var(--ft-bg2)!important;border:1px solid var(--ft-bd)!important;border-radius:12px!important}
.tooltip-inner{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;border-radius:8px!important;color:var(--ft-tx)!important}
.close{color:var(--ft-tx3)!important;text-shadow:none!important;opacity:.6}
.close:hover{opacity:1}
.well{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;border-radius:14px!important}
.progress{background:var(--ft-bg3)!important;border-radius:8px!important;height:8px!important;overflow:hidden}
.progress-bar{background:linear-gradient(90deg,var(--ft-ac),var(--ft-ac2))!important;border-radius:8px!important}
#fullpage-overlay{background:rgba(12,18,34,.9)!important}
code{background:rgba(56,189,248,.1);color:var(--ft-ac);padding:2px 6px;border-radius:4px}
pre{background:var(--ft-bg3)!important;border:1px solid var(--ft-bd)!important;color:var(--ft-tx)!important;border-radius:10px!important;padding:16px!important}

/* ═══════ HELPERS ═══════ */
.text-muted{color:var(--ft-tx3)!important}
.text-primary{color:var(--ft-ac)!important}
.text-success{color:var(--ft-gr)!important}
.text-danger{color:var(--ft-rd)!important}
.text-warning{color:var(--ft-am)!important}
.bg-primary{background:rgba(56,189,248,.1)!important}
.bg-success{background:rgba(52,211,153,.1)!important}
.bg-danger{background:rgba(248,113,113,.1)!important}
.checkbox label,.radio label{color:var(--ft-tx2)!important}
mark,.mark{background:rgba(56,189,248,.15);color:var(--ft-ac);padding:2px 4px;border-radius:3px}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--ft-bg)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}

/* ═══════ ANIMATIONS ═══════ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.card,.panel{animation:fadeInUp .4s ease-out}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:1024px){
  .ft-navbar-links{display:none;position:absolute;top:62px;left:0;right:0;background:var(--ft-navbar-scroll);backdrop-filter:blur(20px);flex-direction:column;padding:16px 28px;border-bottom:1px solid var(--ft-bd)}
  .ft-navbar-links.open{display:flex}
  .ft-navbar-links a{padding:12px 0;font-size:14px}
  .ft-nav-mobile-toggle{display:flex}
  .ft-footer-grid{grid-template-columns:1fr 1fr}
  .ft-topbar-inner{flex-direction:column;gap:6px}
}
@media(max-width:768px){
  .ft-footer-grid{grid-template-columns:1fr}
  .ft-footer-bottom{flex-direction:column;gap:16px;text-align:center}
  .ft-wrap{padding:0 16px}
}

/* ═══════ RTL ═══════ */
.float-right,.pull-right{float:left!important}
.float-left,.pull-left{float:right!important}
.dropdown-menu-right{left:0!important;right:auto!important}