/* ============================================================
   HKF Real Estate ERP — Global Design System
   Design & Developed by UniqueIT Center
   ============================================================ */

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

/* ─── ROOT VARIABLES ─── */
:root {
  --hkf-primary:      #6366f1;
  --hkf-primary-dark: #4f46e5;
  --hkf-primary-bg:   #ede9fe;
  --hkf-page-bg:      #f0f4ff;
  --hkf-card-bg:      #ffffff;
  --hkf-border:       #e5e7eb;
  --hkf-text:         #111827;
  --hkf-text-mid:     #374151;
  --hkf-text-muted:   #6b7280;
  --hkf-text-light:   #9ca3af;
  --hkf-green:        #16a34a;
  --hkf-green-bg:     #dcfce7;
  --hkf-amber:        #d97706;
  --hkf-amber-bg:     #fef9c3;
  --hkf-red:          #dc2626;
  --hkf-red-bg:       #fee2e2;
  --hkf-radius:       12px;
  --hkf-radius-sm:    8px;
  --hkf-shadow:       0 2px 12px rgba(0,0,0,.06);
  --hkf-shadow-md:    0 4px 24px rgba(0,0,0,.10);
}

/* Dark mode variables */
body.hkf-dark {
  --hkf-page-bg:    #0f0e1a;
  --hkf-card-bg:    #16142b;
  --hkf-border:     #2a2846;
  --hkf-text:       #f1f5f9;
  --hkf-text-mid:   #cbd5e1;
  --hkf-text-muted: #64748b;
  --hkf-text-light: #475569;
}

/* ─── BASE ─── */
* { box-sizing: border-box; }

body {
  font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif !important;
  background: var(--hkf-page-bg) !important;
  color: var(--hkf-text) !important;
}

/* ─── PAGE WRAPPER ─── */
#content-wrapper, .container-fluid, #content {
  background: var(--hkf-page-bg) !important;
  padding: 20px !important;
}

/* ─── HKF CUSTOM CLASSES ─── */
.hkf_title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--hkf-text) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  margin-bottom: 1rem !important;
}
.hkf_text {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: var(--hkf-text-mid) !important;
  margin-bottom: 5px !important;
  display: block;
}

/* ─── CARDS & BOXES ─── */
.card, .box_container, .formBox, .form-card,
.table-responsive, .shadow, .shadow-sm {
  background: var(--hkf-card-bg) !important;
  border: 1.5px solid var(--hkf-border) !important;
  border-radius: var(--hkf-radius) !important;
  box-shadow: var(--hkf-shadow) !important;
  padding: 1.25rem !important;
  margin-bottom: 1rem !important;
}
.card-body { padding: 0 !important; }
.card-header {
  background: transparent !important;
  border-bottom: 1.5px solid var(--hkf-border) !important;
  font-weight: 700 !important;
  color: var(--hkf-text) !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.95rem !important;
}

/* ─── TABLES ─── */
.table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.875rem !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.table thead tr {
  background: #f8faff !important;
  border-bottom: 2px solid var(--hkf-border) !important;
}
.table thead th {
  padding: 10px 12px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--hkf-text-muted) !important;
  border: none !important;
  white-space: nowrap !important;
  background: transparent !important;
}
.table tbody tr {
  border-bottom: 1px solid var(--hkf-border) !important;
  background: var(--hkf-card-bg) !important;
  transition: background .12s !important;
}
.table tbody tr:hover {
  background: #f5f3ff !important;
}
.table tbody td {
  padding: 10px 12px !important;
  color: var(--hkf-text-mid) !important;
  border: none !important;
  vertical-align: middle !important;
}
.table-bordered, .table-bordered td, .table-bordered th {
  border: 1px solid var(--hkf-border) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: #fafbff !important;
}

/* Dark mode tables */
body.hkf-dark .table thead tr { background: #0f0e1a !important; }
body.hkf-dark .table tbody tr { background: var(--hkf-card-bg) !important; }
body.hkf-dark .table tbody tr:hover { background: rgba(99,102,241,.08) !important; }
body.hkf-dark .table tbody td { color: var(--hkf-text-mid) !important; }

/* ─── BUTTONS ─── */
.btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  border-radius: var(--hkf-radius-sm) !important;
  padding: 7px 16px !important;
  transition: all .15s !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}
.btn-primary, .btn-primary:focus {
  background: var(--hkf-primary) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(99,102,241,.3) !important;
}
.btn-primary:hover {
  background: var(--hkf-primary-dark) !important;
  transform: translateY(-1px) !important;
}
.btn-secondary, .btn-secondary:focus {
  background: #fff !important;
  color: var(--hkf-text-mid) !important;
  border: 1.5px solid var(--hkf-border) !important;
}
.btn-secondary:hover {
  border-color: var(--hkf-primary) !important;
  color: var(--hkf-primary) !important;
}
.btn-success, .btn-success:focus {
  background: var(--hkf-green) !important;
  color: #fff !important;
}
.btn-danger, .btn-danger:focus {
  background: var(--hkf-red) !important;
  color: #fff !important;
}
.btn-warning, .btn-warning:focus {
  background: var(--hkf-amber) !important;
  color: #fff !important;
}
.btn-info {
  background: #0891b2 !important;
  color: #fff !important;
}
.btn-sm { padding: 5px 10px !important; font-size: 0.75rem !important; }
.btn-lg { padding: 10px 24px !important; font-size: 0.95rem !important; }
.btn:disabled { opacity: .5 !important; cursor: not-allowed !important; }

/* ─── FORMS ─── */
.form-control, .form-select {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.875rem !important;
  padding: 9px 12px !important;
  border: 1.5px solid var(--hkf-border) !important;
  border-radius: var(--hkf-radius-sm) !important;
  color: var(--hkf-text) !important;
  background: #fff !important;
  outline: none !important;
  transition: border .2s, box-shadow .2s !important;
  width: 100% !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--hkf-primary) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.12) !important;
}
.form-control.is-invalid, .form-control:invalid:not(:placeholder-shown) {
  border-color: var(--hkf-red) !important;
}
.form-group { margin-bottom: 1rem !important; }
label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: var(--hkf-text-mid) !important;
  margin-bottom: 5px !important;
  display: block !important;
}
textarea.form-control { min-height: 90px !important; resize: vertical !important; }

/* Dark mode forms */
body.hkf-dark .form-control,
body.hkf-dark .form-select {
  background: #0f0e1a !important;
  border-color: var(--hkf-border) !important;
  color: var(--hkf-text) !important;
}

/* ─── BADGES & STATUS ─── */
.badge {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
}
.badge-success, .badge-primary.bg-success { background: var(--hkf-green-bg) !important; color: var(--hkf-green) !important; }
.badge-danger,  .badge-primary.bg-danger  { background: var(--hkf-red-bg) !important;   color: var(--hkf-red) !important; }
.badge-warning, .badge-primary.bg-warning { background: var(--hkf-amber-bg) !important; color: var(--hkf-amber) !important; }
.badge-info    { background: #dbeafe !important; color: #2563eb !important; }
.bg-success { background: var(--hkf-green-bg) !important; color: var(--hkf-green) !important; }
.bg-danger  { background: var(--hkf-red-bg) !important;   color: var(--hkf-red) !important; }
.bg-warning { background: var(--hkf-amber-bg) !important; color: var(--hkf-amber) !important; }
.bg-primary { background: var(--hkf-primary-bg) !important; color: var(--hkf-primary) !important; }
.text-success { color: var(--hkf-green) !important; }
.text-danger  { color: var(--hkf-red) !important; }
.text-warning { color: var(--hkf-amber) !important; }
.text-primary { color: var(--hkf-primary) !important; }
.text-muted   { color: var(--hkf-text-muted) !important; }

/* ─── ALERTS ─── */
.alert {
  border-radius: var(--hkf-radius-sm) !important;
  border: none !important;
  padding: 12px 16px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 1rem !important;
}
.alert-success { background: var(--hkf-green-bg) !important; color: var(--hkf-green) !important; }
.alert-danger  { background: var(--hkf-red-bg) !important;   color: var(--hkf-red) !important; }
.alert-warning { background: var(--hkf-amber-bg) !important; color: var(--hkf-amber) !important; }
.alert-info    { background: #dbeafe !important;              color: #2563eb !important; }

/* ─── MODALS ─── */
.modal-content {
  border-radius: var(--hkf-radius) !important;
  border: 1.5px solid var(--hkf-border) !important;
  box-shadow: var(--hkf-shadow-md) !important;
  background: var(--hkf-card-bg) !important;
}
.modal-header {
  border-bottom: 1.5px solid var(--hkf-border) !important;
  padding: 1rem 1.5rem !important;
  background: transparent !important;
}
.modal-title {
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: var(--hkf-text) !important;
}
.modal-footer {
  border-top: 1.5px solid var(--hkf-border) !important;
  padding: 0.75rem 1.5rem !important;
  background: #fafbff !important;
}
.modal-body { padding: 1.25rem 1.5rem !important; }
.modal-backdrop { backdrop-filter: blur(2px) !important; }

/* ─── PAGINATION ─── */
.pagination {
  gap: 4px !important;
  flex-wrap: wrap !important;
}
.page-link {
  border-radius: 7px !important;
  border: 1.5px solid var(--hkf-border) !important;
  color: var(--hkf-text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  padding: 5px 10px !important;
  min-width: 32px !important;
  text-align: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  transition: all .15s !important;
}
.page-link:hover { border-color: var(--hkf-primary) !important; color: var(--hkf-primary) !important; }
.page-item.active .page-link {
  background: var(--hkf-primary) !important;
  border-color: var(--hkf-primary) !important;
  color: #fff !important;
}

/* ─── DROPDOWNS ─── */
.dropdown-menu {
  border: 1.5px solid var(--hkf-border) !important;
  border-radius: var(--hkf-radius) !important;
  box-shadow: var(--hkf-shadow-md) !important;
  padding: 4px !important;
  background: var(--hkf-card-bg) !important;
}
.dropdown-item {
  border-radius: var(--hkf-radius-sm) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 8px 14px !important;
  color: var(--hkf-text-mid) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background .12s !important;
}
.dropdown-item:hover { background: #f5f3ff !important; color: var(--hkf-primary) !important; }
.dropdown-divider { border-color: var(--hkf-border) !important; margin: 4px !important; }

/* ─── PRINT PAGES ─── */
.print_table, .print-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.8rem !important;
}
.print_table th, .print-table th {
  background: var(--hkf-primary) !important;
  color: #fff !important;
  padding: 8px 10px !important;
  text-align: left !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}
.print_table td, .print-table td {
  padding: 7px 10px !important;
  border-bottom: 1px solid var(--hkf-border) !important;
}

/* ─── SELECT DROPDOWN FIX ─── */
select.form-control option {
  background: var(--hkf-card-bg) !important;
  color: var(--hkf-text) !important;
  padding: 6px !important;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--hkf-border); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #c7d2fe; }

/* ─── UTILITY ─── */
.text-center  { text-align: center !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.p-2  { padding: .5rem !important; }
.p-3  { padding: 1rem !important; }
.p-4  { padding: 1.5rem !important; }
.d-flex { display: flex !important; }
.align-items-center { align-items: center !important; }
.justify-content-between { justify-content: space-between !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }
.fw-bold { font-weight: 700 !important; }
.rounded { border-radius: var(--hkf-radius-sm) !important; }

/* ─── DARK MODE GLOBAL ─── */
body.hkf-dark .card,
body.hkf-dark .box_container,
body.hkf-dark .formBox,
body.hkf-dark .modal-content,
body.hkf-dark .dropdown-menu {
  background: var(--hkf-card-bg) !important;
  border-color: var(--hkf-border) !important;
}
body.hkf-dark label,
body.hkf-dark .hkf_text { color: #94a3b8 !important; }
body.hkf-dark .hkf_title { color: var(--hkf-text) !important; }
body.hkf-dark .modal-footer { background: #0f0e1a !important; }
body.hkf-dark .table thead tr { background: #0d0c1a !important; }

/* ─── EXISTING CUSTOM STYLES (HKF) ─── */
.page_to_page { margin-bottom: 1rem !important; }
.ulShow {
  position: absolute !important;
  background: var(--hkf-card-bg) !important;
  border: 1.5px solid var(--hkf-border) !important;
  border-radius: var(--hkf-radius-sm) !important;
  box-shadow: var(--hkf-shadow-md) !important;
  z-index: 999 !important;
  list-style: none !important;
  padding: 4px !important;
  min-width: 200px !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}
.listShow {
  padding: 8px 12px !important;
  cursor: pointer !important;
  font-size: 0.875rem !important;
  border-radius: 6px !important;
  transition: background .12s !important;
}
.listShow:hover { background: #f5f3ff !important; color: var(--hkf-primary) !important; }
.listStyle { display: none !important; }

/* ─── RESPONSIVE ─── */
@media (max-width: 768px) {
  .table-responsive { overflow-x: auto !important; }
  .btn { font-size: 0.75rem !important; padding: 6px 10px !important; }
  #content-wrapper { padding: 12px !important; }
  .col-md-6, .col-md-4, .col-md-3 { width: 100% !important; }
}

/* ─── PRINT MEDIA ─── */
@media print {
  body { background: #fff !important; }
  .sidebar, .navbar, .btn, nav { display: none !important; }
  .card { border: 1px solid #ddd !important; box-shadow: none !important; }
}

/* ─── FIX: Full width forms and page containers ─── */
.form-page, .hkf-page, .hkf-form-page, .hkf-list-page,
.page-wrapper, .building-page, .um-page, .rp-page, .au-page {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix narrow form fields */
.field-input, .field-control, .form-field input,
.form-field select, .form-field textarea,
input[class*="field"], select[class*="field"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix form grid columns */
.form-grid, .field-grid, .form-row-grid {
  display: grid !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix Bootstrap column constraints inside Vue pages */
.form-page .row > [class*="col-"],
.hkf-page .row > [class*="col-"],
.page-wrapper .row > [class*="col-"] {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

/* Ensure all form controls are 100% width inside cards */
.card .form-control,
.card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.card select,
.card textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix any hardcoded pixel widths in older redesigned files */
[style*="width: 210px"], [style*="width:210px"],
[style*="width: 220px"], [style*="width:220px"],
[style*="width: 230px"], [style*="width:230px"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* ─── ICON FONT PROTECTION ─── */
/* Prevent font-family overrides from breaking FA icons */
i, i::before, i::after,
.fa, .fas, .far, .fab, .fal,
[class^="fa-"], [class*=" fa-"] {
  font-family: unset !important;
  font-weight: unset !important;
}
.fa  { font-family: 'FontAwesome'          !important; font-weight: normal !important; }
.fas { font-family: 'Font Awesome 5 Free'  !important; font-weight: 900   !important; }
.far { font-family: 'Font Awesome 5 Free'  !important; font-weight: 400   !important; }
.fab { font-family: 'Font Awesome 5 Brands'!important; font-weight: 400   !important; }

/* ─── DARK MODE COMPREHENSIVE FIX ─── */
body.hkf-dark,
body.hkf-dark #wrapper,
body.hkf-dark #content-wrapper,
body.hkf-dark #content,
body.hkf-dark .container-fluid {
  background: #0f0e1a !important;
  color: #f1f5f9 !important;
}
body.hkf-dark .card,
body.hkf-dark .g1-card,
body.hkf-dark .g1-filter-card,
body.hkf-dark .hkf-page,
body.hkf-dark .page-wrapper {
  background: #16142b !important;
  border-color: #2a2846 !important;
  color: #f1f5f9 !important;
}
body.hkf-dark .table thead tr { background: #0d0c1a !important; }
body.hkf-dark .table thead th { color: #64748b !important; }
body.hkf-dark .table tbody tr { background: #16142b !important; border-color: #2a2846 !important; }
body.hkf-dark .table tbody tr:hover { background: rgba(99,102,241,.1) !important; }
body.hkf-dark .table tbody td { color: #94a3b8 !important; }
body.hkf-dark .form-control,
body.hkf-dark .form-select,
body.hkf-dark input:not([type=checkbox]):not([type=radio]):not([type=color]),
body.hkf-dark select,
body.hkf-dark textarea {
  background: #0f0e1a !important;
  border-color: #2a2846 !important;
  color: #f1f5f9 !important;
}
body.hkf-dark .btn-secondary,
body.hkf-dark .g1-btn-ghost { background: #16142b !important; border-color: #2a2846 !important; color: #94a3b8 !important; }
body.hkf-dark .g1-tbl-toolbar { border-color: #2a2846 !important; background: #0f0e1a !important; }
body.hkf-dark .g1-tbl-foot { background: #0f0e1a !important; border-color: #2a2846 !important; }
body.hkf-dark .g1-pg-btn { background: #16142b !important; border-color: #2a2846 !important; color: #64748b !important; }
body.hkf-dark .g1-pg-btn.active { background: #6366f1 !important; color: #fff !important; }
body.hkf-dark h1,body.hkf-dark h2,body.hkf-dark h3,body.hkf-dark h4 { color: #f1f5f9 !important; }
body.hkf-dark .g1-ptitle,body.hkf-dark .hkf-title { color: #f1f5f9 !important; }
body.hkf-dark .hkf-nav { background: #16142b !important; border-color: #2a2846 !important; }
body.hkf-dark .nav-bc-cur { color: #f1f5f9 !important; }
body.hkf-dark .nav-toggle { border-color: #2a2846 !important; color: #64748b !important; }
body.hkf-dark .nav-user { border-color: #2a2846 !important; }
body.hkf-dark .nav-uname { color: #f1f5f9 !important; }
body.hkf-dark .nav-dd { background: #16142b !important; border-color: #2a2846 !important; }
body.hkf-dark .nav-dd-n { color: #f1f5f9 !important; }
body.hkf-dark .nav-dd-i { color: #94a3b8 !important; }
body.hkf-dark .nav-dd-i:hover { background: rgba(99,102,241,.1) !important; }

/* ─── FULL DARK MODE ─── */
body.hkf-dark { background:#0f0e1a !important; color:#f1f5f9 !important; }

/* Cards & containers */
body.hkf-dark .card,
body.hkf-dark .g1-card,
body.hkf-dark .g1-filter-card,
body.hkf-dark .box_container,
body.hkf-dark .formBox,
body.hkf-dark .content-card,
body.hkf-dark .hkf-page,
body.hkf-dark .page-wrapper,
body.hkf-dark .um-page,
body.hkf-dark .rp-page,
body.hkf-dark .ss-card {
  background:#16142b !important;
  border-color:#2a2846 !important;
}

/* Page backgrounds */
body.hkf-dark #content-wrapper,
body.hkf-dark #content,
body.hkf-dark .container-fluid,
body.hkf-dark .hkf-page,
body.hkf-dark .page-wrapper,
body.hkf-dark .um-page,
body.hkf-dark .rp-page {
  background:#0f0e1a !important;
}

/* Text */
body.hkf-dark h1,body.hkf-dark h2,body.hkf-dark h3,body.hkf-dark h4,body.hkf-dark h5,body.hkf-dark h6,
body.hkf-dark .g1-ptitle,body.hkf-dark .hkf-title,body.hkf-dark .g1-psub,body.hkf-dark .hkf-sub,
body.hkf-dark .g1-section-title,body.hkf-dark .ss-title,body.hkf-dark .um-title,
body.hkf-dark label,body.hkf-dark .hkf_text,body.hkf-dark .ss-label {
  color:#f1f5f9 !important;
}
body.hkf-dark p,body.hkf-dark span:not(.badge):not(.g1-badge),
body.hkf-dark td,body.hkf-dark th { color:#94a3b8 !important; }

/* Tables */
body.hkf-dark .table thead tr,
body.hkf-dark .g1-table thead tr { background:#0d0c1a !important; border-color:#2a2846 !important; }
body.hkf-dark .table thead th,
body.hkf-dark .g1-table thead th { color:#64748b !important; }
body.hkf-dark .table tbody tr,
body.hkf-dark .g1-table tbody tr { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .table tbody tr:hover,
body.hkf-dark .g1-table tbody tr:hover { background:rgba(99,102,241,.08) !important; }
body.hkf-dark .table tbody td,
body.hkf-dark .g1-table tbody td { color:#94a3b8 !important; }
body.hkf-dark .g1-tbl-toolbar,
body.hkf-dark .g1-tbl-foot { background:#0f0e1a !important; border-color:#2a2846 !important; }

/* Forms */
body.hkf-dark .form-control,
body.hkf-dark .form-select,
body.hkf-dark input:not([type=checkbox]):not([type=radio]):not([type=color]),
body.hkf-dark select,
body.hkf-dark textarea,
body.hkf-dark .g1-srch-input,
body.hkf-dark .g1-select,
body.hkf-dark .ss-input {
  background:#0f0e1a !important;
  border-color:#2a2846 !important;
  color:#f1f5f9 !important;
}

/* Buttons */
body.hkf-dark .btn-secondary,
body.hkf-dark .g1-btn-ghost,
body.hkf-dark .g1-btn-outline {
  background:#16142b !important;
  border-color:#2a2846 !important;
  color:#94a3b8 !important;
}

/* Nav */
body.hkf-dark .hkf-nav { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .nav-bc-cur { color:#f1f5f9 !important; }
body.hkf-dark .nav-bc,.nav-bc-sep { color:#475569 !important; }
body.hkf-dark .nav-toggle { border-color:#2a2846 !important; color:#64748b !important; }
body.hkf-dark .nav-icon-btn { border-color:#2a2846 !important; color:#64748b !important; }
body.hkf-dark .nav-user { border-color:#2a2846 !important; }
body.hkf-dark .nav-uname { color:#f1f5f9 !important; }
body.hkf-dark .nav-urole { color:#475569 !important; }
body.hkf-dark .nav-dd { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .nav-dd-n { color:#f1f5f9 !important; }
body.hkf-dark .nav-dd-i { color:#94a3b8 !important; }
body.hkf-dark .nav-dd-i:hover { background:rgba(99,102,241,.1) !important; }
body.hkf-dark .nav-dd-div { background:#2a2846 !important; }
body.hkf-dark .ndt-lbl { color:#64748b !important; }

/* Footer */
body.hkf-dark .hkf-footer-bar { background:#0d0c1a !important; border-color:#2a2846 !important; color:#475569 !important; }

/* Pagination */
body.hkf-dark .g1-pg-btn,
body.hkf-dark .page-link { background:#16142b !important; border-color:#2a2846 !important; color:#64748b !important; }
body.hkf-dark .g1-pg-btn.active,
body.hkf-dark .page-item.active .page-link { background:#6366f1 !important; color:#fff !important; }

/* Dropdown */
body.hkf-dark .dropdown-menu { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .dropdown-item { color:#94a3b8 !important; }
body.hkf-dark .dropdown-item:hover { background:rgba(99,102,241,.1) !important; }

/* Modal */
body.hkf-dark .modal-content { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .modal-header,.modal-footer { border-color:#2a2846 !important; }
body.hkf-dark .modal-footer { background:#0f0e1a !important; }
body.hkf-dark .modal-title { color:#f1f5f9 !important; }

/* Section titles/headers */
body.hkf-dark .card-header,
body.hkf-dark .g1-section-header,
body.hkf-dark .ss-section-title { background:#0f0e1a !important; border-color:#2a2846 !important; color:#f1f5f9 !important; }

/* List items */
body.hkf-dark .listShow:hover { background:rgba(99,102,241,.1) !important; }
body.hkf-dark .ulShow { background:#16142b !important; border-color:#2a2846 !important; }

/* Settings tabs */
body.hkf-dark .ss-tabs { background:#16142b !important; border-color:#2a2846 !important; }
body.hkf-dark .ss-tab { color:#64748b !important; }
body.hkf-dark .ss-tab:hover { background:rgba(99,102,241,.1) !important; color:#a5b4fc !important; }
body.hkf-dark .ss-color-row { background:#0f0e1a !important; border-color:#2a2846 !important; }
body.hkf-dark .ss-color-name { color:#f1f5f9 !important; }
body.hkf-dark .ss-color-hex { background:#0f0e1a !important; border-color:#2a2846 !important; color:#f1f5f9 !important; }
body.hkf-dark .ss-info-box { background:#1a1828 !important; border-color:#3730a3 !important; }
/* ═══════════════════════════════════════════════════════
   HKF PROJECT MODULE — GLOBAL COMPONENT CSS
   Add this to public/css/hkf-global.css
   ═══════════════════════════════════════════════════════ */

/* ─── PAGE LAYOUT ─── */
.hkf-page { background: #f0f4ff; min-height: 100vh; padding: 1.25rem 0.75rem; }
.g1-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.g1-ptitle { font-size:1.5rem; font-weight:700; color:#1e1b4b; margin:0; }
.g1-psub { font-size:0.85rem; color:#64748b; margin:0.2rem 0 0; }
.g1-header-actions { display:flex; gap:0.75rem; align-items:center; }

/* ─── STATS CARDS ─── */
.g1-stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:1.5rem; }
.g1-stat-card { background:#fff; border-radius:12px; padding:1.25rem 1.5rem; display:flex; align-items:center; gap:1rem; box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04); border:1px solid #e8ecf4; }
.g1-stat-icon { width:48px; height:48px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
.g1-stat-num { font-size:1.6rem; font-weight:700; color:#1e1b4b; line-height:1; }
.g1-stat-lbl { font-size:0.82rem; color:#64748b; margin-top:0.2rem; }

/* ─── MAIN CARD ─── */
.g1-card { background:#fff; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04); border:1px solid #e8ecf4; overflow:visible; margin-bottom:1.25rem; }
.g1-card-header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.5rem; border-bottom:1px solid #e8ecf4; background:#fafbff; }
.g1-card-header h5 { margin:0; font-size:0.95rem; font-weight:600; color:#1e1b4b; }
.g1-card-body { padding:1.5rem; }

/* ─── TABLE TOOLBAR ─── */
.g1-tbl-toolbar { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid #e8ecf4; flex-wrap:wrap; gap:0.75rem; }
.g1-tbl-left,.g1-tbl-right { display:flex; align-items:center; gap:0.75rem; flex-wrap:wrap; }
.g1-entries-wrap { display:flex; align-items:center; gap:0.4rem; font-size:0.85rem; color:#64748b; }
.g1-entries-sel { border:1px solid #e2e8f0; border-radius:6px; padding:0.3rem 0.5rem; font-size:0.85rem; color:#374151; outline:none; }
.g1-srch-wrap { position:relative; }
.g1-srch-ico { position:absolute; left:0.7rem; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:0.8rem; }
.g1-srch-input { padding:0.45rem 1rem 0.45rem 2rem; border:1px solid #e2e8f0; border-radius:8px; font-size:0.87rem; width:220px; outline:none; }
.g1-srch-input:focus { border-color:#6366f1; }

/* ─── BUTTONS ─── */
.g1-btn-primary { display:inline-flex; align-items:center; gap:0.4rem; background:#6366f1; color:#fff; padding:0.55rem 1.1rem; border-radius:8px; font-size:0.88rem; font-weight:600; border:none; cursor:pointer; text-decoration:none; transition:background .2s; }
.g1-btn-primary:hover { background:#4f46e5; color:#fff; }
.g1-btn-primary:disabled { opacity:.6; cursor:not-allowed; }
.g1-btn-ghost { display:inline-flex; align-items:center; gap:0.4rem; background:#fff; color:#374151; padding:0.55rem 1.1rem; border-radius:8px; font-size:0.88rem; font-weight:500; border:1px solid #e2e8f0; cursor:pointer; text-decoration:none; transition:all .2s; }
.g1-btn-ghost:hover { background:#f1f5f9; color:#1e1b4b; }
.g1-btn-export { display:inline-flex; align-items:center; gap:0.4rem; background:#10b981; color:#fff; padding:0.5rem 1rem; border-radius:8px; font-size:0.85rem; font-weight:500; border:none; cursor:pointer; }
.g1-btn-export:hover { background:#059669; }
.g1-btn-print { display:inline-flex; align-items:center; gap:0.4rem; background:#fff; color:#374151; padding:0.5rem 1rem; border-radius:8px; font-size:0.85rem; border:1px solid #e2e8f0; cursor:pointer; }
.g1-btn-filter { display:inline-flex; align-items:center; gap:0.4rem; background:#fff; color:#6366f1; padding:0.5rem 1rem; border-radius:8px; font-size:0.85rem; border:1px solid #6366f1; cursor:pointer; font-weight:500; }
.g1-btn-sm-primary { display:inline-flex; align-items:center; gap:0.3rem; background:#6366f1; color:#fff; padding:0.35rem 0.8rem; border-radius:6px; font-size:0.82rem; border:none; cursor:pointer; }
.g1-btn-view-sm { display:inline-flex; align-items:center; gap:0.3rem; background:#ede9fe; color:#6366f1; padding:0.3rem 0.8rem; border-radius:6px; font-size:0.82rem; font-weight:500; border:none; cursor:pointer; text-decoration:none; transition:background .2s; }
.g1-btn-view-sm:hover { background:#ddd6fe; color:#4f46e5; }
.g1-icon-btn { width:30px; height:30px; border-radius:6px; font-size:0.8rem; display:inline-flex; align-items:center; justify-content:center; border:none; cursor:pointer; margin:0 2px; transition:background .2s; }
.g1-icon-btn-edit { background:#eff6ff; color:#3b82f6; }
.g1-icon-btn-edit:hover { background:#dbeafe; }
.g1-icon-btn-delete { background:#fef2f2; color:#ef4444; }
.g1-icon-btn-delete:hover { background:#fee2e2; }

/* ─── EXPORT DROPDOWN ─── */
.g1-export-wrap { position:relative; }
.g1-export-drop { position:absolute; right:0; top:calc(100% + 4px); background:#fff; border:1px solid #e2e8f0; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.12); z-index:100; min-width:150px; overflow:hidden; }
.g1-export-drop div { padding:0.6rem 1rem; font-size:0.87rem; color:#374151; cursor:pointer; display:flex; align-items:center; gap:0.5rem; transition:background .15s; }
.g1-export-drop div:hover { background:#f1f5f9; }

/* ─── TABLE ─── */
.g1-tbl-wrap { overflow-x:auto; }
.g1-table { width:100%; border-collapse:collapse; }
.g1-table thead tr { background:#f8faff; }
.g1-table th { padding:0.85rem 1.1rem; text-align:left; font-size:0.76rem; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid #e8ecf4; white-space:nowrap; }
.g1-table th.g1-th-sort { cursor:pointer; user-select:none; }
.g1-tbl-row { border-bottom:1px solid #f1f5f9; transition:background .15s; }
.g1-tbl-row:last-child { border-bottom:none; }
.g1-tbl-row:hover { background:#fafbff; }
.g1-table td { padding:0.85rem 1.1rem; font-size:0.88rem; color:#374151; vertical-align:middle; }
.g1-td-center { text-align:center; color:#94a3b8; }
.g1-td-muted { color:#94a3b8; font-size:0.83rem; }
.g1-table-sm td,.g1-table-sm th { padding:0.55rem 0.75rem; }

/* ─── TABLE FOOTER ─── */
.g1-tbl-foot { display:flex; align-items:center; justify-content:space-between; padding:0.85rem 1.25rem; border-top:1px solid #e8ecf4; background:#fafbff; font-size:0.85rem; color:#64748b; flex-wrap:wrap; gap:0.5rem; }
.g1-pagination { display:flex; gap:0.3rem; }
.g1-pg-btn { padding:0.35rem 0.75rem; border:1px solid #e2e8f0; border-radius:6px; background:#fff; color:#374151; font-size:0.82rem; cursor:pointer; transition:all .15s; }
.g1-pg-btn:hover { background:#ede9fe; border-color:#6366f1; color:#6366f1; }
.g1-pg-btn.active { background:#6366f1; border-color:#6366f1; color:#fff; }
.g1-pg-btn:disabled { opacity:.4; cursor:not-allowed; }

/* ─── BADGES ─── */
.g1-badge { display:inline-flex; align-items:center; padding:0.22rem 0.7rem; border-radius:20px; font-size:0.78rem; font-weight:600; }
.g1-badge-success { background:#d1fae5; color:#065f46; }
.g1-badge-warning { background:#fef3c7; color:#92400e; }
.g1-badge-danger { background:#fee2e2; color:#991b1b; }
.g1-badge-info { background:#dbeafe; color:#1e40af; }
.g1-badge-secondary { background:#f1f5f9; color:#475569; }
.g1-code-badge { background:#ede9fe; color:#6366f1; padding:0.2rem 0.6rem; border-radius:4px; font-size:0.78rem; font-weight:600; }

/* ─── PROGRESS BAR ─── */
.g1-progress-wrap { display:flex; align-items:center; gap:0.5rem; }
.g1-progress-bar { flex:1; height:6px; background:#e2e8f0; border-radius:3px; overflow:hidden; min-width:80px; }
.g1-progress-fill { height:100%; border-radius:3px; transition:width .3s; }
.g1-progress-pct { font-size:0.8rem; color:#64748b; white-space:nowrap; min-width:32px; }

/* ─── ACTION DROPDOWN ─── */
.g1-action-delete { color:#ef4444 !important; }
.g1-action-delete:hover { background:#fef2f2 !important; color:#ef4444 !important; }

/* ─── MODAL ─── */
.g1-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.45); backdrop-filter:blur(2px); z-index:1000; display:flex; align-items:center; justify-content:center; padding:1rem; }
.g1-modal { background:#fff; border-radius:14px; width:100%; max-width:700px; max-height:90vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.2); }
.g1-modal-sm { max-width:580px; }
.g1-modal-header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.5rem; border-bottom:1px solid #e8ecf4; background:#fafbff; border-radius:14px 14px 0 0; flex-shrink:0; }
.g1-modal-header h5 { margin:0; font-size:0.95rem; font-weight:600; color:#1e1b4b; display:flex; align-items:center; gap:0.5rem; }
.g1-modal-close { background:none; border:none; font-size:1rem; cursor:pointer; color:#94a3b8; width:30px; height:30px; border-radius:6px; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.g1-modal-close:hover { background:#f1f5f9; color:#374151; }
.g1-modal-body { overflow-y:auto; flex:1; }
.g1-modal-footer { display:flex; justify-content:flex-end; gap:0.75rem; padding:1rem 1.5rem; border-top:1px solid #e8ecf4; background:#fafbff; border-radius:0 0 14px 14px; flex-shrink:0; }

/* ─── FORMS ─── */
.g1-form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.g1-form-group { margin-bottom:1rem; }
.g1-form-group label { display:block; font-size:0.85rem; font-weight:500; color:#374151; margin-bottom:0.4rem; }
.g1-input { width:100%; padding:0.55rem 0.85rem; border:1px solid #e2e8f0; border-radius:8px; font-size:0.88rem; color:#374151; outline:none; transition:border .2s; box-sizing:border-box; }
.g1-input:focus { border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.1); }
.g1-input-sm { padding:0.35rem 0.6rem; font-size:0.83rem; }
.g1-select { width:100%; padding:0.55rem 0.85rem; border:1px solid #e2e8f0; border-radius:8px; font-size:0.88rem; color:#374151; outline:none; background:#fff; box-sizing:border-box; }
.g1-select:focus { border-color:#6366f1; }
.g1-err { font-size:0.8rem; color:#ef4444; margin-top:0.25rem; display:block; }
.g1-hint { font-size:0.78rem; color:#94a3b8; font-weight:400; }
.req { color:#ef4444; }
.g1-form-actions { display:flex; justify-content:flex-end; gap:0.75rem; padding-top:1rem; border-top:1px solid #e8ecf4; margin-top:1rem; }
.g1-section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.75rem; }
.g1-section-header h6 { margin:0; font-size:0.9rem; font-weight:600; color:#1e1b4b; }

/* ─── FILE UPLOAD ─── */
.g1-file-wrap { display:flex; align-items:center; gap:0.75rem; }
.g1-file-btn { display:inline-flex; align-items:center; gap:0.4rem; background:#f1f5f9; color:#374151; padding:0.5rem 1rem; border-radius:8px; font-size:0.87rem; cursor:pointer; border:1px solid #e2e8f0; transition:background .2s; }
.g1-file-btn:hover { background:#e2e8f0; }
.g1-file-name { font-size:0.85rem; color:#94a3b8; }
.g1-logo-preview { width:80px; height:80px; object-fit:cover; border-radius:8px; margin-top:0.75rem; border:1px solid #e2e8f0; }
.g1-upload-btn { display:inline-flex; align-items:center; gap:0.3rem; background:#ede9fe; color:#6366f1; padding:0.35rem 0.75rem; border-radius:6px; font-size:0.82rem; cursor:pointer; }

/* ─── LOCATION CELL ─── */
.g1-loc-cell { line-height:1.4; }
.g1-loc-proj { font-size:0.88rem; color:#374151; font-weight:500; }
.g1-loc-build { font-size:0.8rem; color:#94a3b8; margin-top:0.15rem; }
.g1-loc-ico { color:#6366f1; font-size:0.75rem; margin-right:0.2rem; }

/* ─── PROJECT NAME CELL ─── */
.g1-proj-name { display:flex; align-items:center; gap:0.75rem; }
.g1-avatar { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:0.8rem; font-weight:700; color:#fff; flex-shrink:0; }
.g1-proj-title { font-size:0.88rem; font-weight:600; color:#1e1b4b; }
.g1-proj-sub { font-size:0.78rem; color:#94a3b8; margin-top:0.1rem; }

/* ─── EMPTY STATE ─── */
.g1-empty { text-align:center; padding:3rem !important; color:#94a3b8; }
.g1-empty i { font-size:2.5rem; margin-bottom:0.75rem; display:block; opacity:.4; }
.g1-empty p { margin:0; font-size:0.9rem; }

/* ─── VIEW PROJECT ─── */
.g1-two-col { display:grid; grid-template-columns:380px 1fr; gap:1.25rem; }
.g1-company-card { text-align:center; padding:2rem; }
.g1-company-logo { width:80px; height:80px; object-fit:contain; border-radius:12px; margin-bottom:0.75rem; }
.g1-company-logo-placeholder { width:80px; height:80px; background:#ede9fe; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:700; color:#6366f1; margin:0 auto 0.75rem; }
.g1-company-name { font-size:1.1rem; font-weight:700; color:#1e1b4b; margin-bottom:0.5rem; }
.g1-info-row { display:flex; align-items:flex-start; padding:0.65rem 0; border-bottom:1px solid #f1f5f9; }
.g1-info-row:last-child { border-bottom:none; }
.g1-info-label { width:180px; flex-shrink:0; font-size:0.83rem; color:#94a3b8; font-weight:500; }
.g1-info-val { font-size:0.88rem; color:#374151; font-weight:500; }
.g1-task-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.g1-task-stat { text-align:center; padding:1rem; background:#fafbff; border-radius:8px; }
.g1-task-num { font-size:1.4rem; font-weight:700; color:#1e1b4b; }
.g1-task-lbl { font-size:0.8rem; color:#94a3b8; margin-top:0.2rem; }
.g1-feasibility-text { font-size:0.88rem; color:#374151; line-height:1.7; }
.g1-doc-grid { display:grid; gap:0.5rem; }
.g1-doc-item { display:flex; align-items:center; gap:0.75rem; padding:0.65rem; background:#fafbff; border-radius:8px; border:1px solid #e8ecf4; }
.g1-doc-icon { font-size:1.2rem; color:#6366f1; }
.g1-doc-name { flex:1; font-size:0.87rem; color:#374151; font-weight:500; }
.g1-doc-size { font-size:0.78rem; color:#94a3b8; }
.g1-doc-dl { color:#6366f1; font-size:0.85rem; }

/* ─── RESPONSIVE ─── */
@media(max-width:768px) {
  .g1-stats-row { grid-template-columns:1fr 1fr; }
  .g1-two-col { grid-template-columns:1fr; }
  .g1-form-row { grid-template-columns:1fr; }
  .g1-tbl-toolbar { flex-direction:column; align-items:flex-start; }
  .hkf-page { padding:1rem; }
}
.g1-input-error { border-color: #ef4444 !important; background:#fff5f5 !important; }
.g1-input-error:focus { box-shadow: 0 0 0 3px rgba(239,68,68,.15) !important; }




/* Action dropdown - always opens upward for last rows */
.g1-tbl-row:nth-last-child(-n+3) 




.g1-tbl-wrap { overflow-x:auto; }
.g1-table tbody tr:last-child td { padding-bottom: 10px; }

.g1-action-wrap { position:relative; display:inline-block; }
.g1-action-btn { background:none; border:none; cursor:pointer; padding:.4rem .6rem; border-radius:6px; color:#64748b; font-size:1rem; }
.g1-action-btn:hover { background:#f1f5f9; color:#6366f1; }
.g1-action-drop { position:absolute; right:0; top:calc(100% + 4px); background:#fff; border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.15); z-index:9999; min-width:150px; overflow:hidden; }

.g1-card { overflow:visible !important; }
.g1-tbl-wrap { overflow:visible !important; }
.g1-table { overflow:visible !important; }
.hkf-page .g1-card { overflow:visible !important; }
.g1-action-drop { display:flex; flex-direction:column; }
.g1-action-item { display:flex !important; align-items:center; gap:.5rem; padding:.6rem 1rem; font-size:.85rem; color:#374151; text-decoration:none; transition:background .15s; white-space:nowrap; }
.g1-action-item:hover { background:#f1f5f9; color:#6366f1; }
.g1-action-delete { display:flex !important; align-items:center; gap:.5rem; padding:.6rem 1rem; font-size:.85rem; color:#ef4444; cursor:pointer; transition:background .15s; white-space:nowrap; }
.g1-action-delete:hover { background:#fff5f5; }
.g1-action-drop { display:flex !important; flex-direction:column !important; padding:.3rem 0; min-width:160px; }
.g1-action-item { display:flex !important; align-items:center; gap:.6rem; padding:.55rem 1rem; font-size:.84rem; font-weight:500; color:#374151; text-decoration:none; transition:all .15s; white-space:nowrap; border:none; }
.g1-action-item i { font-size:.8rem; width:16px; text-align:center; }
.g1-action-item:hover { background:#f1f5f9; color:#6366f1; padding-left:1.2rem; }
.g1-action-delete { display:flex !important; align-items:center; gap:.6rem; padding:.55rem 1rem; font-size:.84rem; font-weight:500; color:#ef4444; cursor:pointer; transition:all .15s; white-space:nowrap; border-top:1px solid #f1f5f9; margin-top:.2rem; }
.g1-action-delete i { font-size:.8rem; width:16px; text-align:center; }
.g1-action-delete:hover { background:#fff5f5; padding-left:1.2rem; }
.g1-action-drop { display:flex !important; flex-direction:column !important; padding:0; min-width:160px; }
.g1-action-item { display:flex !important; align-items:center; gap:10px; padding:10px 16px; font-size:14px; font-weight:400; color:var(--color-text-primary, #374151); text-decoration:none !important; transition:background .15s; white-space:nowrap; background:transparent; border:none; cursor:pointer; }
.g1-action-item .fas.fa-eye { color:#534AB7; font-size:15px; }
.g1-action-item .fas.fa-edit { color:#185FA5; font-size:15px; }
.g1-action-item:hover { background:#f1f5f9; }
.g1-action-divider { height:0.5px; background:#e2e8f0; margin:0; }
.g1-action-delete { display:flex !important; align-items:center; gap:10px; padding:10px 16px; font-size:14px; font-weight:400; color:#E24B4A !important; text-decoration:none !important; transition:background .15s; white-space:nowrap; background:transparent; border:none; cursor:pointer; }
.g1-action-delete .fas.fa-trash { font-size:15px; }
.g1-action-delete:hover { background:#FCEBEB; }

/* View Page Enhancements */
.g1-company-card { text-align:center; padding:1.5rem; }
.g1-company-logo { width:80px; height:80px; border-radius:50%; object-fit:cover; margin-bottom:.75rem; border:3px solid #ede9fe; }
.g1-company-logo-placeholder { width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#8b5cf6); display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:700; color:#fff; margin:0 auto .75rem; }
.g1-company-name { font-size:1.15rem; font-weight:700; color:#1e1b4b; margin-bottom:.35rem; }
.g1-info-row { display:flex; padding:.6rem 0; border-bottom:1px solid #f1f5f9; }
.g1-info-row:last-child { border-bottom:none; }
.g1-info-label { width:140px; min-width:140px; font-size:.82rem; color:#94a3b8; font-weight:500; }
.g1-info-val { flex:1; font-size:.88rem; color:#1e1b4b; font-weight:500; }
.g1-task-stat { text-align:center; padding:1rem; }
.g1-task-num { font-size:1.8rem; font-weight:700; color:#6366f1; }
.g1-task-lbl { font-size:.78rem; color:#94a3b8; margin-top:.2rem; }
.g1-page-btn { background:none; border:0.5px solid #e2e8f0; border-radius:6px; padding:4px 8px; cursor:pointer; color:#6366f1; font-size:.8rem; }
.g1-page-btn:disabled { color:#cbd5e1; cursor:not-allowed; border-color:#f1f5f9; }
.g1-page-btn:hover:not(:disabled) { background:#ede9fe; }