/* =========================================================
   OFFICE POLISH LAYER v3 — deep dark + amber/gold + rounded
   Body + buttons already win (verified). This raises CARD
   contrast so surfaces clearly separate from the page.
========================================================= */
:root {
  --op-bg:      #0d1016;
  --op-card:    #1f2836;
  --op-nested:  #29344a;
  --op-border:  #384863;
  --op-text:    #e8eaed;
  --op-amber:   #f5b400;
}

html body, html .fi-body, html .fi-main, html .fi-layout, html .fi-page {
  background: var(--op-bg) !important;
  color: var(--op-text) !important;
}

/* Sidebar + topbar */
html .fi-sidebar, html .fi-sidebar-nav, html .fi-sidebar-header,
html .fi-topbar, html .fi-topbar > nav {
  background: #151b26 !important;
  border-color: var(--op-border) !important;
}
.fi-body .fi-sidebar-item-button { border-radius: 10px !important; margin: 1px 6px !important; }
.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-body .fi-sidebar-item-button[aria-current="page"] {
  background: rgba(245,180,0,0.14) !important;
}
.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-body .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-label,
.fi-body .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon {
  color: var(--op-amber) !important;
}

/* Cards / sections / widgets — clearly LIGHTER + visible border + soft shadow */
html .fi-body .fi-section,
html .fi-body .fi-card,
html .fi-body .fi-simple-main,
html .fi-body .fi-wi-stats-overview-stat,
html .fi-body .fi-ta-ctn,
html .fi-body .fi-modal-window,
html .fi-body .fi-dropdown-panel {
  background: var(--op-card) !important;
  border: 1px solid var(--op-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
}
html .fi-body .fi-section-content, html .fi-body .fi-section-header { background: transparent !important; }

/* Tables */
html .fi-body .fi-ta-table { background: transparent !important; }
html .fi-body .fi-ta-header, html .fi-body .fi-ta-header-cell { background: var(--op-nested) !important; }
html .fi-body .fi-ta-header-cell, html .fi-body .fi-ta-cell, html .fi-body .fi-ta-row { border-color: var(--op-border) !important; }
html .fi-body .fi-ta-row:hover { background: var(--op-nested) !important; }

/* Inputs */
html .fi-body .fi-input, html .fi-body .fi-select-input, html .fi-body .fi-input-wrp,
html .fi-body textarea.fi-input, html .fi-body .fi-fo-textarea textarea {
  background: var(--op-nested) !important;
  border-radius: 10px !important;
  border-color: var(--op-border) !important;
}

/* Buttons */
.fi-body .fi-btn { border-radius: 10px !important; font-weight: 600 !important; }
.fi-body .fi-btn.fi-color-primary, .fi-body .fi-ac-btn-action.fi-color-primary {
  background: var(--op-amber) !important; color: #1a1200 !important; border: none !important;
}
.fi-body .fi-btn.fi-color-gray { background: var(--op-nested) !important; border: 1px solid var(--op-border) !important; }

/* Kill leftover near-black wrappers from the base theme (button/action strips) */
html .fi-body .fi-form-actions,
html .fi-body .fi-ac,
html .fi-body .fi-modal-footer-actions,
html .fi-body .fi-section-content-ctn > .fi-ac {
  background: transparent !important;
  border: none !important;
}

/* Badges */
.fi-body .fi-badge { border-radius: 20px !important; font-weight: 600 !important; }

/* Headings */
.fi-body .fi-header-heading, .fi-body .fi-topbar-page-title { font-weight: 600 !important; color: var(--op-text) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #3a486a; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }