/* Main CSS Entry Point - Imports all modular CSS files */

/* Core Styles */
@import url("./base.css");

/* Layout */
@import url("./layout.css");
@import url("./sidebar.css");

/* Components */
@import url("./cards.css");
@import url("./forms-buttons.css");
@import url("./modals.css");
@import url("./tables.css");
@import url("./toasts.css");
@import url("./icons.css");


/* Feature-Specific */
@import url("./trip-docs.css");
@import url("./finance.css");
@import url("./penawaran.css");

/* Feature-Specific (continued) */
@import url("./op-expenses.css");
@import url("./team-prep.css");
@import url("./todo.css");
@import url("./customers.css");
@import url("./audit.css");
@import url("./kas-rekening.css");
@import url("./reviews.css");
@import url("./notes.css");
@import url("./booking-masuk.css");

/* Responsive & Media Queries */
@import url("./responsive.css");

/* Theme: Dark Mode + Color Schemes */
@import url("./theme.css");

/* ── Role-based visibility ── */
/* Default: admin mode — show admin items, hide field items */
.field-only { display: none !important; }

/* Field mode: show field items, hide admin items */
/* Use #sb prefix to beat sidebar.css specificity (#sb a) */
body.field-mode #sb .admin-only { display: none !important; }
body.field-mode #sb a.field-only { display: flex !important; }
body.field-mode .sb-sec.field-only { display: block !important; }