/* Soft look for the Taru Bali admin: warm paper background, rounder cards, gentle shadows. */
:root{--lb-paper:#faf7f0;--lb-card:#ffffff;--lb-line:rgba(152,123,55,.14);--lb-shadow:0 1px 2px rgba(60,45,15,.04),0 6px 20px -8px rgba(60,45,15,.10)}
.dark{--lb-paper:#15130f;--lb-card:#1d1a15;--lb-line:rgba(217,180,106,.12);--lb-shadow:0 1px 2px rgba(0,0,0,.3)}

.fi-body{background-color:var(--lb-paper)}
.fi-topbar > nav,.fi-topbar{background-color:color-mix(in oklab,var(--lb-paper) 88%,transparent);backdrop-filter:blur(8px);box-shadow:none;border-bottom:1px solid var(--lb-line)}
.fi-sidebar,.fi-sidebar-header{background-color:var(--lb-paper)}

.fi-section:not(.fi-section-not-contained),.fi-ta-ctn,.fi-wi-stats-overview-stat{
  border-radius:1rem;box-shadow:var(--lb-shadow);--tw-ring-color:var(--lb-line);background-color:var(--lb-card)}
.fi-btn{border-radius:.7rem}
.fi-input-wrp{border-radius:.7rem}
.fi-dropdown-panel,.fi-modal-window{border-radius:1rem}
.fi-badge{border-radius:9999px}

/* Login page */
.fi-simple-layout{background:radial-gradient(1200px 600px at 50% -10%,rgba(201,162,74,.14),transparent 60%),var(--lb-paper)}
.fi-simple-main{border-radius:1.25rem;box-shadow:var(--lb-shadow)}

/* Sidebar: compact pill items, a touch of sage green for the open page, beige on hover. */
:root{--lb-nav-active-bg:#e9eae2;--lb-nav-active:#3f6250;--lb-nav-hover:#f1ede3;--lb-nav-text:#3d3a33;--lb-nav-icon:#a7a294;--lb-badge-bg:#e1e5dc;--lb-badge-line:#cfd6c9}
.dark{--lb-nav-active-bg:rgba(166,196,149,.13);--lb-nav-active:#b5cfa6;--lb-nav-hover:rgba(255,255,255,.05);--lb-nav-text:#e7e2d6;--lb-nav-icon:#8a8476;--lb-badge-bg:rgba(166,196,149,.14);--lb-badge-line:rgba(166,196,149,.25)}
.fi-sidebar-item-btn{border-radius:9999px;padding:.5rem .85rem;column-gap:.75rem}
.fi-sidebar-item-btn>.fi-icon{width:1.25rem;height:1.25rem;color:var(--lb-nav-icon)}
.fi-sidebar-item-btn>.fi-sidebar-item-label{font-size:.9375rem;font-weight:500;color:var(--lb-nav-text)}
.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:hover,
.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:focus-visible,
.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark,.dark *):hover{background-color:var(--lb-nav-hover)}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark,.dark *),
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:hover{background-color:var(--lb-nav-active-bg)}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon:where(.dark,.dark *),
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label:where(.dark,.dark *){color:var(--lb-nav-active)}
.fi-sidebar-item-btn:focus-visible{outline:2px solid var(--lb-nav-active);outline-offset:2px}

/* Headings in a serif, like the reference */
.fi-header-heading,.fi-section-header-heading,.fi-simple-header-heading,.fi-modal-heading,.fi-wi-stats-overview-stat-value{font-family:'Lora',Georgia,'Times New Roman',serif;letter-spacing:-.01em}
.fi-header-heading{font-weight:600}
.fi-section-header-heading{font-size:1.125rem;font-weight:600}

/* Filled, rounded inputs */
:root{--lb-field:#f1ede3;--lb-field-focus:#ebe6d9}
.dark{--lb-field:rgba(255,255,255,.05);--lb-field-focus:rgba(255,255,255,.08)}
.fi-input-wrp,.fi-input-wrp:where(.dark,.dark *){background-color:var(--lb-field);--tw-shadow:0 0 #0000;--tw-ring-color:transparent;border-radius:.9rem}
.fi-input-wrp:focus-within{background-color:var(--lb-field-focus);--tw-ring-color:var(--primary-600)}
.fi-fo-rich-editor{background-color:var(--lb-field);border-radius:.9rem}
.fi-checkbox-input,.fi-radio-input{--tw-ring-color:var(--gray-300)}

/* Status pills (toggle buttons) */
.fi-fo-toggle-buttons .fi-btn{border-radius:9999px;padding-inline:1rem}

/* Pill tabs */
.fi-tabs:not(.fi-contained){border-radius:9999px;padding:.35rem;box-shadow:var(--lb-shadow);--tw-ring-color:var(--lb-line);background-color:var(--lb-card)}
.fi-tabs-item{border-radius:9999px}
.fi-tabs-item.fi-active,.fi-tabs-item.fi-active:where(.dark,.dark *){background-color:var(--lb-nav-active-bg)}
.fi-tabs-item.fi-active .fi-tabs-item-label,.fi-tabs-item.fi-active>.fi-icon{color:var(--lb-nav-active)}

/* Overdue rows get a faint red wash */
.lb-row-overdue{background-color:color-mix(in oklab,var(--danger-500) 6%,transparent)}

/* Gold everywhere: primary buttons with a subtle gold gradient */
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link){background-image:linear-gradient(180deg,#b29247,#987b37);color:#fff;--tw-ring-color:transparent}
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link):hover{background-image:linear-gradient(180deg,#a3853f,#86691f)}
.lb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Group headings like "Shop" and "HR": bold and dark, not faded */
.fi-sidebar-group-label{font-size:.9375rem;font-weight:600;color:var(--lb-nav-text)}
.fi-sidebar-group-label:where(.dark,.dark *){color:var(--lb-nav-text)}
.fi-sidebar-group{margin-top:0}
/* Count badges in the menu: small sage pills */
.fi-sidebar-item .fi-badge{border-radius:9999px;min-width:1.9rem;justify-content:center;font-size:.8rem;background-color:var(--lb-badge-bg);color:var(--lb-nav-active);--tw-ring-color:var(--lb-badge-line)}

/* Pages with tabs (Profile / Campaigns, Details / Documents…): breathing room between the tab bar and the content */
.fi-sc-tabs{gap:1.5rem}
.fi-sc-tabs-tab>.fi-sc,.fi-sc-tabs-tab>.fi-fo-component-ctn{row-gap:1.5rem}
.fi-sc-tabs .fi-tabs:not(.fi-contained){align-self:center}
/* Form buttons sit apart from the last card */
.fi-form-actions,.fi-sc-actions{margin-top:.5rem}

/* Image uploads: picture centred on a soft paper background instead of black bars. */
.filepond--image-preview{background:#f4f1ea}
.dark .filepond--image-preview{background:#26221c}
.filepond--image-preview-wrapper{border-radius:.9rem}
.filepond--image-preview-overlay-idle{color:rgba(40,30,15,.55)}

/* Toggle buttons / tabs: only the chosen one is filled; the others stay quiet. */
.fi-fo-toggle-buttons .fi-btn[aria-pressed="false"],
.fi-fo-toggle-buttons .fi-btn[aria-pressed="false"]:hover{background-image:none!important;background-color:#f1ede3!important;color:#57534a!important;box-shadow:none!important;--tw-ring-color:transparent}
.fi-fo-toggle-buttons .fi-btn[aria-pressed="false"]:hover{background-color:#e8e2d4!important}
.dark .fi-fo-toggle-buttons .fi-btn[aria-pressed="false"]{background-color:#26221c!important;color:#cfc8b8!important}
.fi-fo-toggle-buttons .fi-btn[aria-pressed="false"] .fi-icon{color:#8a8476}

/* Grouped toggle pills: remove the outer frame. */
.fi-fo-toggle-buttons.fi-btn-group{border:0;box-shadow:none;--tw-ring-color:transparent}

/* Keep finance amounts together and size them to their card width. */
.lb-finance-stat .fi-wi-stats-overview-stat-content{container-type:inline-size;min-width:0}
.lb-finance-stat .fi-wi-stats-overview-stat-value{white-space:nowrap;font-size:clamp(1.5rem,11cqi,2.75rem);line-height:1.25;letter-spacing:-.025em}

.lb-finance-stat .lb-money{display:inline-flex;align-items:baseline;gap:.22em;white-space:nowrap}
.lb-finance-stat .lb-money-currency{font-family:Figtree,sans-serif;font-size:.48em;font-weight:500;letter-spacing:0;color:#858078}
.dark .lb-finance-stat .lb-money-currency{color:#b5afa6}

/* Platform marks on sales overview cards. */
.lb-platform-label{display:inline-flex;align-items:center;gap:.65rem}
.lb-platform-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.8rem;flex-shrink:0;background:#f1eee8}
.lb-platform-badge img{width:1.375rem;height:1.375rem;object-fit:contain}
.lb-platform-shopify,.lb-platform-tokopedia{background:#edf4e8}
.lb-platform-shopee{background:#fff0e9}
.lb-platform-tiktok{background:#f1edf5}

/* Compact sidebar section and menu spacing. */
.fi-sidebar-nav{padding-block:1rem;row-gap:.75rem}
.fi-sidebar-nav-groups{row-gap:.5rem}
.fi-sidebar-group{row-gap:.125rem}
.fi-sidebar-group-btn{padding-block:.375rem}
.fi-sidebar-group-items{row-gap:.125rem}
.fi-sidebar-item-btn{padding-block:.375rem}

/* Performance: three aligned columns, quiet platform marks and readable values. */
.lb-sales-stat{padding:1.35rem}
.lb-sales-stat .fi-wi-stats-overview-stat-content{container-type:inline-size;min-width:0}
.lb-sales-stat .fi-wi-stats-overview-stat-label-ctn{min-height:1.75rem}
.lb-sales-stat .fi-wi-stats-overview-stat-value{white-space:nowrap;font-size:clamp(1.5rem,9cqi,2.5rem);line-height:1.2;letter-spacing:-.03em;margin-block:.3rem}
.lb-sales-money{display:inline-flex;align-items:baseline;gap:.22em;white-space:nowrap}
.lb-sales-currency{font-family:Figtree,sans-serif;font-size:.48em;font-weight:500;color:#858078;letter-spacing:0}
.lb-platform-clean{gap:.5rem}
.lb-platform-clean .lb-platform-badge{width:1.25rem;height:1.25rem;border-radius:0;background:transparent}
.lb-platform-clean .lb-platform-badge img{width:1.125rem;height:1.125rem;filter:grayscale(1);opacity:.65}
.lb-sales-manual{grid-column:1/-1}
@media(min-width:768px){
.lb-sales-manual .fi-wi-stats-overview-stat-content{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1rem}
.lb-sales-manual .fi-wi-stats-overview-stat-value{grid-column:2;grid-row:1/3;font-size:2rem;margin:0}
.lb-sales-manual .fi-wi-stats-overview-stat-description{grid-column:1;grid-row:2}
}
.dark .lb-sales-currency{color:#b5afa6}
.dark .lb-platform-clean .lb-platform-badge img{filter:grayscale(1) brightness(2)}