/* Hotel Kimininga Accounting Readability Fix V28
   Forces all accounting feature windows, tables, forms and buttons to be readable on a clean white UI. */
:root{
  --acct-ink:#0f172a;
  --acct-muted:#475569;
  --acct-soft:#f8fafc;
  --acct-soft2:#eef6ff;
  --acct-line:#d6e4f5;
  --acct-blue:#0f6fdc;
  --acct-cyan:#06b6d4;
  --acct-green:#16a34a;
  --acct-red:#dc2626;
  --acct-orange:#f97316;
  --acct-gold:#facc15;
}

/* Entire Accounts section */
#accountsSection,
.accounts-pro-shell,
.myob-app-shell,
.accounting-work-centre,
.myob-tab-page.active{
  background:#ffffff !important;
  color:var(--acct-ink) !important;
}

.myob-tab-page.active{
  border:1px solid #c9daf0 !important;
  box-shadow:0 30px 90px rgba(15,23,42,.30) !important;
}

.myob-tab-page.active::before{
  background:rgba(15,23,42,.38) !important;
}

/* Window titles and helper text */
.myob-tab-page.active h1,
.myob-tab-page.active h2,
.myob-tab-page.active h3,
.myob-tab-page.active h4,
.myob-section h1,
.myob-section h2,
.myob-section h3,
.myob-section h4,
.myob-launch-panel h3{
  color:#0b2545 !important;
  text-shadow:none !important;
}
.myob-tab-page.active p,
.myob-section p,
.myob-launch-panel p,
.empty-note,
.myob-kpi small{
  color:var(--acct-muted) !important;
  text-shadow:none !important;
}
.myob-chip,
.myob-tab-page.active .myob-chip{
  background:#e0f2fe !important;
  color:#075985 !important;
  border:1px solid #7dd3fc !important;
}

/* Module button work centre */
.myob-tabs.myob-module-buttons{
  background:#ffffff !important;
  border:1px solid var(--acct-line) !important;
}
.myob-module-buttons .myob-tab{
  background:#ffffff !important;
  color:#0b2545 !important;
  border:1px solid #d6e4f5 !important;
}
.myob-module-buttons .myob-tab span{color:#0b2545 !important;}
.myob-module-buttons .myob-tab small{color:#64748b !important;}
.myob-module-buttons .myob-tab.active,
.myob-module-buttons .myob-tab:hover{
  color:#ffffff !important;
}
.myob-module-buttons .myob-tab.active span,
.myob-module-buttons .myob-tab.active small,
.myob-module-buttons .myob-tab:hover span,
.myob-module-buttons .myob-tab:hover small{
  color:#ffffff !important;
}
.myob-module-buttons .acc-overview:hover{background:linear-gradient(135deg,#2563eb,#06b6d4)!important}
.myob-module-buttons .acc-chart:hover{background:linear-gradient(135deg,#0891b2,#22d3ee)!important}
.myob-module-buttons .acc-journal:hover{background:linear-gradient(135deg,#7c3aed,#a855f7)!important}
.myob-module-buttons .acc-payables:hover{background:linear-gradient(135deg,#ea580c,#fb923c)!important}
.myob-module-buttons .acc-banking:hover{background:linear-gradient(135deg,#059669,#34d399)!important}
.myob-module-buttons .acc-payroll:hover{background:linear-gradient(135deg,#db2777,#f472b6)!important}
.myob-module-buttons .acc-assets:hover{background:linear-gradient(135deg,#ca8a04,#fde047)!important}
.myob-module-buttons .acc-gst:hover{background:linear-gradient(135deg,#dc2626,#fb7185)!important}
.myob-module-buttons .acc-settings:hover{background:linear-gradient(135deg,#475569,#94a3b8)!important}

/* Sections and cards */
.myob-section,
.myob-tab-page.active .myob-section,
.myob-launch-panel,
.myob-kpi,
.myob-summary-row > div,
.myob-section .table-card{
  background:#ffffff !important;
  color:var(--acct-ink) !important;
  border-color:var(--acct-line) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
}
.myob-section-head{
  border-bottom:1px solid var(--acct-line) !important;
}
.myob-kpi span,
.myob-summary-row span{
  color:#334155 !important;
}
.myob-kpi strong,
.myob-summary-row strong{
  color:#0f172a !important;
}

/* Forms */
.myob-form-grid label,
.journal-line-grid label,
.myob-tab-page.active label{
  color:#334155 !important;
  text-shadow:none !important;
}
.myob-form-grid input,
.myob-form-grid select,
.myob-form-grid textarea,
.journal-line-grid input,
.journal-line-grid select,
.journal-line-grid textarea,
.myob-tab-page.active input,
.myob-tab-page.active select,
.myob-tab-page.active textarea{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #b9d4f1 !important;
  box-shadow:none !important;
}
.myob-form-grid input::placeholder,
.myob-form-grid textarea::placeholder,
.journal-line-grid input::placeholder,
.journal-line-grid textarea::placeholder,
.myob-tab-page.active input::placeholder,
.myob-tab-page.active textarea::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}
.myob-form-grid input:focus,
.myob-form-grid select:focus,
.myob-form-grid textarea:focus,
.journal-line-grid input:focus,
.journal-line-grid select:focus,
.journal-line-grid textarea:focus,
.myob-tab-page.active input:focus,
.myob-tab-page.active select:focus,
.myob-tab-page.active textarea:focus{
  border-color:#0ea5e9 !important;
  box-shadow:0 0 0 4px rgba(14,165,233,.14) !important;
  outline:none !important;
}

/* Accounting tables - the main issue */
.myob-tab-page.active table,
.myob-section table,
#accountsSection table,
.accounts-pro-shell table{
  width:100% !important;
  background:#ffffff !important;
  color:#0f172a !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid #cbdff5 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.myob-tab-page.active thead,
.myob-section thead,
#accountsSection thead,
.accounts-pro-shell thead{
  background:#0f3b70 !important;
}
.myob-tab-page.active th,
.myob-section th,
#accountsSection th,
.accounts-pro-shell th{
  background:#0f3b70 !important;
  color:#ffe36a !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  border-bottom:1px solid #0b2e56 !important;
  text-shadow:none !important;
}
.myob-tab-page.active td,
.myob-section td,
#accountsSection td,
.accounts-pro-shell td{
  background:#ffffff !important;
  color:#0f172a !important;
  font-weight:750 !important;
  border-bottom:1px solid #dbeafe !important;
  text-shadow:none !important;
  opacity:1 !important;
}
.myob-tab-page.active tr:nth-child(even) td,
.myob-section tr:nth-child(even) td,
#accountsSection tr:nth-child(even) td,
.accounts-pro-shell tr:nth-child(even) td{
  background:#f4faff !important;
  color:#0f172a !important;
}
.myob-tab-page.active tr:hover td,
.myob-section tr:hover td,
#accountsSection tr:hover td,
.accounts-pro-shell tr:hover td{
  background:#eaf6ff !important;
  color:#071733 !important;
}
.myob-tab-page.active td *,
.myob-section td *,
#accountsSection td *,
.accounts-pro-shell td *{
  color:inherit !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Buttons */
.myob-tab-page.active button,
.myob-section button,
.myob-hero-actions button,
.form-actions button{
  opacity:1 !important;
  text-shadow:none !important;
}
.myob-tab-page.active .primary-btn,
.myob-section .primary-btn,
.myob-tab-page.active button.primary-btn{
  background:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  color:#ffffff !important;
  border:0 !important;
}
.myob-tab-page.active .success-btn,
.myob-section .success-btn,
.myob-tab-page.active button.success-btn{
  background:linear-gradient(135deg,#059669,#22c55e) !important;
  color:#ffffff !important;
  border:0 !important;
}
.myob-tab-page.active .mini-btn,
.myob-section .mini-btn{
  background:#eff6ff !important;
  color:#075bbb !important;
  border:1px solid #bfdbfe !important;
}
.myob-tab-page.active .mini-btn.danger,
.myob-section .mini-btn.danger,
.myob-tab-page.active button.danger,
.myob-section button.danger{
  background:#fff1f2 !important;
  color:#be123c !important;
  border:1px solid #fecdd3 !important;
}
.myob-tab-page.active .mini-btn.success,
.myob-section .mini-btn.success{
  background:#ecfdf5 !important;
  color:#047857 !important;
  border:1px solid #bbf7d0 !important;
}

/* Empty / info notes */
.empty-note,
.myob-tab-page.active .empty-note{
  background:#f8fafc !important;
  border:1px dashed #94a3b8 !important;
  color:#475569 !important;
  font-weight:700 !important;
}

/* Scrollbar inside accounting modal */
.myob-tab-page.active::-webkit-scrollbar{width:10px;height:10px;}
.myob-tab-page.active::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:999px;}
.myob-tab-page.active::-webkit-scrollbar-track{background:#eff6ff;}

/* Compact mobile */
@media(max-width:900px){
  .myob-tab-page.active{padding:12px !important;}
  .myob-tab-page.active table{font-size:12px !important;}
  .myob-tab-page.active td,.myob-tab-page.active th{padding:8px !important;}
}