/* ==========================================================
   GO-BIZ UI – Client Portal Branding
   Version: 1.0
   Update-safe: loaded via theme head include
========================================================== */

:root{
  --gobiz-blue-900:#0F2A44;
  --gobiz-blue-800:#123252;
  --gobiz-blue-700:#163B5F;

  --gobiz-accent:#2FB26A;
  --gobiz-accent-2:#27A15F;

  --gobiz-text:#0B1220;
  --gobiz-muted:#64748b;
  --gobiz-border:#e5e7eb;
  --gobiz-bg:#f7f9fc;

  --gobiz-radius:14px;
  --gobiz-shadow:0 10px 25px rgba(2, 10, 20, .10);
}

/* Base */
body{
  background: var(--gobiz-bg);
  color: var(--gobiz-text);
}

/* Links */
a{ color: var(--gobiz-accent); }
a:hover, a:focus{ color: var(--gobiz-accent-2); }

/* ==========================================================
   HEADER / TOP BAR (Client Portal)
   - Target: common client header containers
   - We keep selectors broad but safe
========================================================== */

/* Most Perfex client themes use .navbar in client area */
body .navbar,
body .navbar.navbar-default,
body .navbar.navbar-fixed-top{
  background: var(--gobiz-blue-900) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Accent bottom line */
body .navbar::after,
body .navbar.navbar-default::after,
body .navbar.navbar-fixed-top::after{
  content:"";
  display:block;
  height:3px;
  background: var(--gobiz-accent);
}

/* Navbar brand/logo */
body .navbar .navbar-brand{
  color:#fff !important;
  font-weight:700;
  letter-spacing:.2px;
}
body .navbar .navbar-brand img{
  height:28px;
  width:auto;
  display:inline-block;
  vertical-align:middle;
}

/* Navbar items */
body .navbar a,
body .navbar .nav > li > a{
  color: rgba(255,255,255,.86) !important;
}
body .navbar .nav > li > a:hover,
body .navbar .nav > li > a:focus{
  color:#fff !important;
  background: rgba(255,255,255,.08) !important;
}

/* Active item (subtle) */
body .navbar .nav > li.active > a,
body .navbar .nav > li.active > a:hover,
body .navbar .nav > li.active > a:focus{
  color:#fff !important;
  background: rgba(47,178,106,.18) !important;
  box-shadow: inset 0 -2px 0 var(--gobiz-accent);
}

/* Mobile toggle */
body .navbar .navbar-toggle{
  border-color: rgba(255,255,255,.25) !important;
}
body .navbar .navbar-toggle .icon-bar{
  background:#fff !important;
}

/* Dropdown menu */
body .navbar .dropdown-menu{
  border-radius: 12px;
  border: 1px solid var(--gobiz-border);
  box-shadow: var(--gobiz-shadow);
}
body .navbar .dropdown-menu > li > a{
  color: var(--gobiz-text) !important;
}
body .navbar .dropdown-menu > li > a:hover{
  background: rgba(47,178,106,.10) !important;
}

/* ==========================================================
   Buttons (basic – more ćemo fino dotjerati u 6.4.3)
========================================================== */
.btn-primary,
.btn.btn-primary{
  background: var(--gobiz-accent) !important;
  border-color: var(--gobiz-accent) !important;
  border-radius: 12px;
}
.btn-primary:hover,
.btn.btn-primary:hover{
  background: var(--gobiz-accent-2) !important;
  border-color: var(--gobiz-accent-2) !important;
}
/* ==========================================================
   CLIENT PORTAL – BUTTONS
========================================================== */

/* Primary */
.clients .btn-primary,
.clients .btn.btn-primary{
  background: var(--gobiz-accent) !important;
  border-color: var(--gobiz-accent) !important;
  color:#fff !important;
  border-radius: 12px;
  font-weight:600;
}
.clients .btn-primary:hover{
  background: var(--gobiz-accent-2) !important;
  border-color: var(--gobiz-accent-2) !important;
}

/* Secondary */
.clients .btn-default,
.clients .btn-secondary{
  background:#fff !important;
  border:1px solid var(--gobiz-border) !important;
  color: var(--gobiz-text) !important;
  border-radius:12px;
}
.clients .btn-default:hover{
  background:#f3f6fb !important;
}

/* Danger */
.clients .btn-danger{
  border-radius:12px;
}

/* ==========================================================
   TABLES & LISTS
========================================================== */

.clients table{
  border-collapse: separate;
  border-spacing: 0;
  background:#fff;
  border-radius: 14px;
  overflow:hidden;
  box-shadow: var(--gobiz-shadow);
}

.clients table thead th{
  background: #f1f5f9;
  color: var(--gobiz-text);
  font-weight:600;
  border-bottom:1px solid var(--gobiz-border);
}

.clients table tbody tr{
  transition: background .15s ease;
}
.clients table tbody tr:hover{
  background:#f8fafc;
}

.clients table td,
.clients table th{
  padding:14px 16px;
  border-color: var(--gobiz-border);
}

/* ==========================================================
   STATUS LABELS
========================================================== */

/* Paid / Success */
.clients .label-success,
.clients .status-paid{
  background: rgba(47,178,106,.15) !important;
  color: var(--gobiz-accent) !important;
  border-radius: 999px;
  font-weight:600;
}

/* Pending / Draft */
.clients .label-warning,
.clients .status-pending{
  background: rgba(245,158,11,.15) !important;
  color:#b45309 !important;
  border-radius: 999px;
  font-weight:600;
}

/* Overdue / Failed */
.clients .label-danger,
.clients .status-overdue{
  background: rgba(239,68,68,.15) !important;
  color:#b91c1c !important;
  border-radius: 999px;
  font-weight:600;
}

/* ==========================================================
   PAGINATION & FILTERS
========================================================== */

.clients .pagination > li > a,
.clients .pagination > li > span{
  border-radius:10px;
  color: var(--gobiz-text);
}
.clients .pagination > .active > a{
  background: var(--gobiz-accent);
  border-color: var(--gobiz-accent);
}

/* ==========================================================
   REMOVE PERFEX BLUE LEFTOVERS
========================================================== */

.clients a.text-primary,
.clients .text-primary{
  color: var(--gobiz-accent) !important;
}
/* ==========================================================
   CLIENT PORTAL – EMPTY STATES / NOTICES
========================================================== */

.clients .alert,
.clients .notice,
.clients .panel{
  border-radius: 14px !important;
}

.clients .alert-info{
  background: rgba(15,42,68,.06) !important;
  border-color: rgba(15,42,68,.12) !important;
  color: var(--gobiz-text) !important;
}

.clients .alert-warning{
  background: rgba(245,158,11,.08) !important;
  border-color: rgba(245,158,11,.18) !important;
  color: var(--gobiz-text) !important;
}

.clients .alert-danger{
  background: rgba(239,68,68,.08) !important;
  border-color: rgba(239,68,68,.18) !important;
  color: var(--gobiz-text) !important;
}

.clients .alert-success{
  background: rgba(47,178,106,.10) !important;
  border-color: rgba(47,178,106,.18) !important;
  color: var(--gobiz-text) !important;
}
/* ==========================================================
   GO-BIZ – Client Dashboard Intro
========================================================== */

/* Sakrij generički greeting naslov ako postoji */
.clients .dashboard-user-welcome,
.clients .welcome-message{
  display:none !important;
}

/* Dodaj GO-BIZ naslov na vrh sadržaja */
.clients .content::before{
  content:"Dobro došli u GO-BIZ Client Portal";
  display:block;
  font-size:22px;
  font-weight:800;
  margin: 6px 0 18px;
  color: var(--gobiz-text);
}
/* ==========================================================
   GO-BIZ – Cards / Panels (Client Portal)
========================================================== */

.clients .panel,
.clients .panel_s,
.clients .card{
  border-radius:16px !important;
  border:1px solid var(--gobiz-border) !important;
  box-shadow: 0 10px 25px rgba(2,10,20,.08) !important;
}

.clients .panel .panel-body,
.clients .panel_s .panel-body{
  padding:20px !important;
}

.clients .panel:hover,
.clients .panel_s:hover{
  transform: translateY(-1px);
  transition: all .15s ease;
}
/* ==========================================================
   GO-BIZ – Client Avatar (top right)
========================================================== */

.clients .navbar .profile-image,
.clients .navbar .avatar{
  background: var(--gobiz-accent) !important;
  color:#fff !important;
  border-radius:50% !important;
  box-shadow: 0 6px 14px rgba(2,10,20,.12);
}
/* ==========================================================
   GO-BIZ – Client Dashboard Title (fix)
   - Perfex client area često koristi body.customers
   - pa pokrivamo i .customers i .clients
========================================================== */

body.customers .content h2:first-of-type,
body.customers .content h3:first-of-type,
body.clients .content h2:first-of-type,
body.clients .content h3:first-of-type{
  display:none !important;
}

/* dodaj naš naslov */
body.customers .content::before,
body.clients .content::before{
  content:"Dobro došli u GO-BIZ Client Portal";
  display:block;
  font-size:22px;
  font-weight:800;
  margin: 6px 0 18px;
  color: var(--gobiz-text);
}
/* GO-BIZ – Dashboard greeting (exact selector) */
#content #greeting{ display:none !important; }

#content .section-client-dashboard::before{
  content:"Vaš GO-BIZ portal";
  display:block;
  font-size:22px;
  font-weight:800;
  margin: 6px 0 18px;
  color: var(--gobiz-text);
}
/* GO-BIZ – Client navbar logo sizing */
.navbar .navbar-brand.logo img{
  height:32px !important;
  width:auto !important;
  display:block;
}
/* ==========================================================
   GO-BIZ FINAL LOCK – REMOVE KNOWLEDGE BASE (CLIENT)
========================================================== */

/* Sakrij Bazu znanja iz client navigacije */
li[data-menu="knowledge-base"],
a[href*="knowledge-base"],
a[href*="knowledgebase"],
a[href*="knowledge_base"] {
  display: none !important;
}

/* Ako se pojavljuje kao button ili card */
.knowledge-base,
.knowledgebase,
#knowledge_base {
  display: none !important;
}
/* ==========================================================
   GO-BIZ DASHBOARD – HIDE EMPTY STATS
========================================================== */

/* Sakrij kartice s 0/0 */
.stat-value:contains("0 / 0"),
.stat-value:contains("0/0") {
  display: none !important;
}

/* Sakrij progress bar ako je 0% */
.progress-bar[aria-valuenow="0"] {
  display: none !important;
}

/* Sakrij graf ako nema podataka */
.chart-container:has(canvas:empty),
.chart-container.empty {
  display: none !important;
}
/* ==========================================================
   GO-BIZ – FORCE DASHBOARD TITLE (CLIENT)
========================================================== */

/* Sakrij originalni engleski naslov */
.page-title h1,
.page-title h2 {
  visibility: hidden;
  position: relative;
}

/* Ubaci naš HR naslov */
.page-title h1::after,
.page-title h2::after {
  content: "Vaš GO-BIZ portal";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
}
/* ==========================================================
   GO-BIZ – REMOVE DUPLICATE PAGE TITLE (CLIENT)
========================================================== */

/* Sakrij automatski page title iz layouta */
.page-title,
.page-title h1,
.page-title h2,
.content-header,
.content-header h1,
.content-header h2 {
    display: none !important;
}
/* ==========================================================
   GO-BIZ – REMOVE DUPLICATE DASHBOARD TITLE (FINAL)
========================================================== */

/* Sakrij PRVI naslov u client dashboardu */
#content .container h1:first-of-type,
#content .container h2:first-of-type,
#content .container h3:first-of-type {
    display: none !important;
}

/* ==========================================================
   GO-BIZ – HEADINGS CLEANUP
========================================================== */

#content h1,
#content h2,
#content h3 {
  font-weight: 600;
  color: #0F2A44;
}

#content h3 {
  margin-bottom: 12px;
}
/* ==========================================================
   GO-BIZ – DASHBOARD CARDS
========================================================== */

.panel,
.card,
.summary-box {
  border-radius: 10px;
  border: 1px solid #E6EAF0;
  box-shadow: none;
}

.panel-body {
  padding: 16px 18px;
}
/* ==========================================================
   GO-BIZ – TABLES
========================================================== */

.table > thead > tr > th {
  font-weight: 600;
  color: #0F2A44;
  border-bottom: 2px solid #E6EAF0;
}

.table > tbody > tr:hover {
  background-color: #F7F9FC;
}
/* ==========================================================
   GO-BIZ – BUTTONS
========================================================== */

.btn-primary {
  background-color: #2FB26A;
  border-color: #2FB26A;
}

.btn-primary:hover {
  background-color: #27A15F;
  border-color: #27A15F;
}

.btn-default,
.btn-secondary {
  border-radius: 6px;
}
/* ==========================================================
   GO-BIZ – UX POLISH
========================================================== */

/* Linkovi */
a {
  color: #0F2A44;
}

a:hover {
  color: #2FB26A;
  text-decoration: none;
}

/* Ikone u dashboardu */
.section-client-dashboard i {
  opacity: 0.85;
}
/* ===== GO-BIZ HEADER POLISH ===== */

body.customers #header{
  background: #0F2A44 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.customers #header .navbar-nav > li > a{
  color: rgba(255,255,255,.85) !important;
}

body.customers #header .navbar-nav > li > a:hover{
  color: #ffffff !important;
}

body.customers .logo img{
  height: 42px !important;
}
/* ===== CLIENT LOGIN CARD ===== */

body.customers .panel_s{
  border-radius: 14px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.08) !important;
  border: 1px solid rgba(15,42,68,.08) !important;
}

body.customers .btn-primary{
  background: linear-gradient(180deg, #2FB26A, #1f8f54) !important;
  border: none !important;
  border-radius: 10px !important;
}