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

/* =====================================================
   RESELLFAIR THEME - EDIT THESE VALUES TO CHANGE LOOK
   ===================================================== */
:root{
  --rf-primary:#6366f1;      /* main color */
  --rf-primary-2:#8b5cf6;    /* gradient middle */
  --rf-accent:#ec4899;       /* gradient end */
  --rf-dark:#0b1020;         /* topbar, page title, footer */
  --rf-text:#1e293b;
  --rf-muted:#64748b;
  --rf-bg:#f6f7fb;           /* page background */
  --rf-card:#ffffff;
  --rf-line:#e5e7f0;
  --rf-radius:18px;          /* card roundness */
  --rf-btn-radius:50px;      /* button roundness */
  --rf-font:'Poppins',Arial,sans-serif;
  --rf-grad:linear-gradient(135deg,var(--rf-primary),var(--rf-primary-2) 55%,var(--rf-accent));
}

/* ---------- base ---------- */
body{font-family:var(--rf-font);color:var(--rf-text);background:var(--rf-bg);font-size:14.5px}
h1,h2,h3,h4,h5,h6,.btn,.nav-link,.navbar{font-family:var(--rf-font)}
a{color:var(--rf-primary)}a:hover{color:var(--rf-primary-2)}

/* ---------- page title bar ---------- */
.master-breadcrumb{background:var(--rf-dark)!important;padding:26px 0 30px;margin-bottom:0;border:0}
.master-breadcrumb .breadcrumb{background:transparent;margin:0}
.master-breadcrumb .breadcrumb-item,.master-breadcrumb .breadcrumb-item a,.master-breadcrumb .breadcrumb-item.active{color:#94a3b8}
.header-lined h1,.header-lined{border:0}
.header-lined h1{font-weight:700}
#main-body{position:relative;z-index:3;padding-top:28px;padding-bottom:50px}

/* ---------- cards ---------- */
.card,.panel{background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--rf-radius);box-shadow:0 10px 30px rgba(30,41,59,.05);overflow:hidden}
.card-header,.panel-heading{background:#fff;border-bottom:1px solid var(--rf-line);font-weight:600;padding:16px 22px}
.card-title{font-size:17px;font-weight:600;margin:0}
.card-body{padding:22px}
.card-footer{background:var(--rf-bg);border-top:1px solid var(--rf-line)}

/* ---------- sidebar ---------- */
.sidebar .card{margin-bottom:18px}
.sidebar .list-group-item{border:0;font-weight:500;color:var(--rf-muted);padding:11px 18px}
.sidebar .list-group-item:hover{background:rgba(99,102,241,.08);color:var(--rf-primary)}
.sidebar .list-group-item.active,.list-group-item.active{background:var(--rf-grad)!important;border-color:transparent!important;color:#fff!important}

/* ---------- dashboard tiles ---------- */
.tiles .tile{background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--rf-radius);box-shadow:0 10px 30px rgba(30,41,59,.05);padding:20px;transition:.25s}
.tiles .tile:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(99,102,241,.16)}
.tiles .tile .stat{font-weight:800;font-size:30px;color:var(--rf-text)}
.tiles .tile .title{color:var(--rf-muted);font-weight:500}
.tiles .tile .highlight{background:var(--rf-grad)!important;height:4px}

/* ---------- buttons ---------- */
.btn{border-radius:var(--rf-btn-radius);font-weight:600;padding:.55rem 1.4rem;transition:.25s}
.btn-primary,.btn-info{background:var(--rf-grad);border:0;color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.3)}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover{background:var(--rf-grad);color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(99,102,241,.4)}
.btn-default,.btn-secondary,.btn-outline-primary{background:#fff;color:var(--rf-primary);border:2px solid var(--rf-primary)}
.btn-default:hover,.btn-secondary:hover,.btn-outline-primary:hover{background:var(--rf-primary);color:#fff}
.btn-success{border-radius:var(--rf-btn-radius)}
.btn-sm{padding:.3rem 1rem}

/* ---------- forms ---------- */
.form-control,.custom-select,select.form-control{border:1px solid var(--rf-line);border-radius:12px;padding:.65rem 1rem;height:auto;font-family:var(--rf-font)}
.form-control:focus{border-color:var(--rf-primary);box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.input-group .form-control{border-radius:12px}
label{font-weight:600;font-size:13px}

/* ---------- tables & labels ---------- */
.table thead th{border-bottom:1px solid var(--rf-line);color:var(--rf-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}
.table td{border-color:var(--rf-line);vertical-align:middle}
.table-list tbody tr:hover{background:rgba(99,102,241,.04)}
.label,.badge{border-radius:50px;padding:4px 12px;font-weight:600;font-size:12px}
.label.status-active,.status-active,.label.status-paid,.status-paid{background:rgba(16,185,129,.12)!important;color:#10b981!important}
.label.status-pending,.status-pending,.label.status-unpaid.status-pending{background:rgba(245,158,11,.14)!important;color:#b45309!important}
.label.status-unpaid,.status-unpaid,.label.status-cancelled,.status-cancelled,.label.status-terminated,.status-terminated,.label.status-overdue{background:rgba(239,68,68,.12)!important;color:#ef4444!important}
.label.status-open,.status-open,.label.status-answered,.status-answered,.label.status-customer-reply{background:rgba(99,102,241,.12)!important;color:var(--rf-primary)!important}
.label.status-closed,.status-closed,.label.status-suspended{background:#eef0f6!important;color:var(--rf-muted)!important}

/* ---------- alerts, tabs, pagination ---------- */
.alert{border-radius:14px;border:0}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--rf-grad);color:#fff;border-color:transparent;border-radius:50px}
.nav-pills .nav-link{border-radius:50px}
.page-item.active .page-link{background:var(--rf-primary);border-color:var(--rf-primary)}

/* ---------- login / register ---------- */
.logincontainer,.card-login{max-width:460px;margin:0 auto}

/* ---------- domain search / order form ---------- */
.domain-checker-container,#order-standard_cart .domain-checker-bg{background:var(--rf-dark)!important;border-radius:var(--rf-radius)}
#order-standard_cart .view-cart-items-header,#order-standard_cart .sub-heading span{background:var(--rf-grad);color:#fff;border-radius:12px}
#order-standard_cart .order-summary{border-radius:var(--rf-radius)}
#order-standard_cart .products .product{border:1px solid var(--rf-line);border-radius:var(--rf-radius);box-shadow:0 10px 30px rgba(30,41,59,.05)}

/* ---------- mobile: one card per row ---------- */
@media(max-width:767px){
  .tiles .col-6,.tiles [class*="col-"]{flex:0 0 100%;max-width:100%}
  .master-breadcrumb{padding:20px 0 46px}
  .card-body{padding:18px}
}


/* ===== header (top bar + one-row menu) ===== */
.rf-top{background:var(--rf-dark)!important;color:#cbd5e1;padding:6px 0;font-size:13px}
.rf-top a,.rf-top .btn{color:#cbd5e1!important;padding:.2rem .6rem;font-size:13px}
.rf-top a:hover{color:#fff!important}
.rf-welcome{color:#cbd5e1}
header.header{background:#fff;box-shadow:0 4px 18px rgba(30,41,59,.06)}
.rf-main{background:#fff!important;border-bottom:1px solid var(--rf-line);padding:10px 0}
.rf-logo{display:flex;align-items:center;gap:11px;line-height:1;text-decoration:none!important;padding:0}
.rf-lg{width:44px;height:44px;border-radius:14px;background:var(--rf-grad);display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 8px 20px rgba(99,102,241,.4);flex-shrink:0}
.rf-lg svg{width:30px;height:30px}
.rf-lt{display:flex;flex-direction:column;gap:4px}
.rf-ln{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--rf-dark)}
.rf-ln b{background:var(--rf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rf-lt small{font-size:9.5px;font-weight:600;letter-spacing:2.4px;color:var(--rf-muted)}
.rf-main .navbar-nav>li>a{font-weight:500;color:var(--rf-text);padding:.5rem 1rem!important;border-bottom:2px solid transparent}
.rf-main .navbar-nav>li>a:hover,.rf-main .navbar-nav>li.active>a{color:var(--rf-primary);border-bottom-color:var(--rf-primary)}
.rf-btn-sm{padding:.4rem 1.2rem!important;font-size:13.5px}
.rf-main .toolbar .nav-link{color:var(--rf-text)}
@media(max-width:1199px){
  #mainNavbar{order:5;width:100%;padding-top:10px}
  .rf-main .navbar-nav>li>a{border-bottom:1px solid #f0f1f6}
}

/* ===== dark page title bar ===== */
.master-breadcrumb{background:linear-gradient(135deg,#0b1020,#312e81 60%,#6d28d9)!important;padding:22px 0!important;margin:0;border:0}
.master-breadcrumb .breadcrumb{background:transparent!important;margin:0;padding:0}
.master-breadcrumb .breadcrumb-item,.master-breadcrumb .breadcrumb-item a,.master-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#c7d2fe!important}
.master-breadcrumb .breadcrumb-item.active{color:#fff!important;font-weight:600}

/* ===== footer ===== */
.rf-footer{background:var(--rf-dark)!important;color:#94a3b8;padding:48px 0 0!important;margin-top:40px;border:0}
.rf-footer a{color:#94a3b8}.rf-footer a:hover{color:#fff;text-decoration:none}
.rf-footer h5{color:#fff;font-size:15px;font-weight:600;margin-bottom:12px}
.rf-footer li{margin-bottom:8px}
.rf-footer .rf-ln{color:#fff}.rf-footer .rf-ln b{background:none;-webkit-text-fill-color:#a5b4fc;color:#a5b4fc}
.rf-footer .rf-lt small{color:#94a3b8}
.rf-footer .btn{color:#cbd5e1}
.rf-copy{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:13px}
.rf-copy .nav-link{color:#94a3b8;padding:0 0 0 16px}
.back-to-top{background:var(--rf-grad);color:#fff;border-radius:50%}
@media(max-width:767px){.tiles .col-6,.tiles [class*="col-"]{flex:0 0 100%;max-width:100%}.master-breadcrumb{padding:16px 0!important}}

/* ===== dashboard tiles & card accents ===== */
.tiles .tile .highlight{background:var(--rf-grad)!important;height:4px}
.card-accent-blue,.card-accent-green,.card-accent-orange,.card-accent-red,.card-accent-asbestos,.card-accent-gold,.card-accent-midnight-blue,.card-accent-teal,.card-accent-pink{border-top:4px solid var(--rf-primary)}
.primary-bg-color{background:var(--rf-bg)!important}
.btn-success,.btn-warning{background:var(--rf-grad);border:0;color:#fff}
.btn-success:hover,.btn-warning:hover{background:var(--rf-grad);color:#fff}
.cart-btn .badge,.badge-info{background:var(--rf-accent)!important;color:#fff}
.domain-checker-container,.domain-checker-bg{background:var(--rf-dark)!important;border-radius:var(--rf-radius)}
#order-standard_cart .view-cart-items-header,#order-standard_cart .sub-heading span{background:var(--rf-grad);color:#fff;border-radius:12px}

/* ===== v2: dashboard stat cards (demo style) ===== */
.rf-tiles .row{margin:0 -8px}.rf-tiles [class*="col-"]{padding:0 8px;margin-bottom:16px}
.rf-tile{display:flex!important;align-items:center;gap:16px;background:#fff;border:1px solid var(--rf-line);border-radius:var(--rf-radius);padding:20px!important;box-shadow:0 10px 30px rgba(30,41,59,.05);text-align:left!important;height:100%;color:var(--rf-text)!important;text-decoration:none!important;position:relative;overflow:hidden}
.rf-tile:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(99,102,241,.16)}
.rf-ti{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px;color:#fff;flex-shrink:0;background:var(--rf-grad)}
.rf-t2 .rf-ti{background:linear-gradient(135deg,#0ea5e9,#6366f1)}
.rf-t3 .rf-ti{background:linear-gradient(135deg,#f59e0b,#ec4899)}
.rf-t4 .rf-ti{background:linear-gradient(135deg,#10b981,#0ea5e9)}
.rf-tb{display:flex;flex-direction:column;line-height:1.15}
.rf-tile .stat{font-size:30px;font-weight:800;color:var(--rf-text)}
.rf-tile .title{font-size:13px;color:var(--rf-muted);font-weight:500;margin-top:4px}
.tiles .tile i:not(.rf-ti i){position:static}
.rf-tile .highlight{display:none}

/* ===== v2: every page body ===== */
#main-body{background:var(--rf-bg)}
.primary-content>.header-lined{margin-bottom:22px}
.header-lined h1{font-size:26px;font-weight:700;color:var(--rf-dark)}
.header-lined h1 small{color:var(--rf-muted);font-size:14px}
.header-lined .breadcrumb{display:none}
/* lists / tables (services, domains, invoices, tickets, emails...) */
.table-container,.dataTables_wrapper{background:#fff;border:1px solid var(--rf-line);border-radius:var(--rf-radius);padding:18px;box-shadow:0 10px 30px rgba(30,41,59,.05)}
.table-list thead th,.table thead th{background:var(--rf-bg);border:0;padding:12px 14px}
.table-list tbody td,.table tbody td{padding:14px;border-top:1px solid var(--rf-line)}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid var(--rf-line);border-radius:12px;padding:6px 12px}
.table-list tbody tr{cursor:pointer}
/* panels on dashboard & details pages */
.client-home-cards .card{margin-bottom:20px}
.client-home-cards .card-header{background:#fff}
.client-home-cards .list-group-item{border-color:var(--rf-line);padding:13px 22px}
.client-home-cards .btn-xs,.card-header .btn-xs{padding:.25rem .9rem;font-size:12px;background:var(--rf-grad)!important;border:0;color:#fff!important}
/* invoices / quotes view */
.invoice-container,.view-invoice,.panel-invoice{border-radius:var(--rf-radius);border:1px solid var(--rf-line);box-shadow:0 10px 30px rgba(30,41,59,.05);background:#fff}
/* tickets */
.ticket-reply,.view-ticket .card{border-radius:var(--rf-radius)}
.ticket-reply.staff{border-left:4px solid var(--rf-primary)}
/* login / register / password reset */
.card-login,.logincontainer .card,.card-register{border-radius:22px;box-shadow:0 20px 50px rgba(30,41,59,.10);border:1px solid var(--rf-line)}
.card-login .card-body,.logincontainer .card-body{padding:34px}
/* announcements / knowledgebase / downloads */
.announcement-single,.kb-article-item,.kb-category{background:#fff;border:1px solid var(--rf-line);border-radius:var(--rf-radius);padding:20px;margin-bottom:16px}
.kb-category:hover{border-color:var(--rf-primary)}
/* modals */
.modal-content{border:0;border-radius:var(--rf-radius);box-shadow:0 30px 70px rgba(0,0,0,.2)}
.modal-header{border-bottom:1px solid var(--rf-line)}.modal-footer{border-top:1px solid var(--rf-line)}
/* shopping cart / order form */
#order-standard_cart{font-family:var(--rf-font)}
#order-standard_cart .cart-sidebar .card,#order-standard_cart .order-summary,#order-standard_cart .view-cart-items{border-radius:var(--rf-radius);border:1px solid var(--rf-line)}
#order-standard_cart .btn-checkout,#order-standard_cart .btn-primary,#order-standard_cart .btn-success{background:var(--rf-grad);border:0;color:#fff;border-radius:50px}
#order-standard_cart .product-title,#order-standard_cart .price .price-amount{color:var(--rf-primary)}
#order-standard_cart .form-control,#order-standard_cart .field{border-radius:12px;border:1px solid var(--rf-line)}
#order-standard_cart .cart-body,#order-standard_cart .products .product header{border-radius:var(--rf-radius)}
#order-standard_cart .products .product header{background:var(--rf-grad);color:#fff}
#order-standard_cart .products .product{overflow:hidden}
/* pagination, tabs, progress */
.pagination .page-link{border-radius:10px;margin:0 3px;border:1px solid var(--rf-line);color:var(--rf-text)}
.progress{border-radius:50px}.progress-bar{background:var(--rf-grad)}
.rf-tile .title{text-transform:none!important;letter-spacing:0!important;font-size:13.5px}