/* GoliSoda ERP - shared look & feel. Loaded after the theme so it applies to every page. */

:root {
    --erp-primary: #696cff;
    --erp-ink: #32475c;
    --erp-muted: #8592a3;
    --erp-border: #e6e9ef;
    --erp-head-bg: #f8f9fc;
    --erp-shadow: 0 2px 10px rgba(50, 71, 92, .07);
}

/* Decorative icons left over in the older tables (they render as empty boxes). */
.fa-angular { display: none !important; }

/* Page titles */
h4.fw-bold { color: var(--erp-ink); letter-spacing: -.01em; }

/* Cards */
.card { border: 0; border-radius: .75rem; box-shadow: var(--erp-shadow); }
.card-header { font-weight: 600; }
h5.card-header { font-size: 1.05rem; }
.card-footer { background: transparent; border-top: 1px solid var(--erp-border); }

/* Tables: every table in the app picks this up automatically */
.table > :not(caption) > * > * { padding: .8rem 1rem; }
.table thead th {
    font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05rem;
    color: #697a8d; background: var(--erp-head-bg); border-bottom: 1px solid var(--erp-border);
}
.table tbody td { vertical-align: middle; }
.table-hover > tbody > tr:hover > * { background-color: rgba(105, 108, 255, .045); }
.table-responsive { border-radius: .75rem; }

/* Forms and buttons */
.form-control, .form-select, .input-group-text { border-radius: .5rem; }
.input-group > .form-control, .input-group > .form-select, .input-group > .btn { border-radius: 0; }
.input-group > :first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.input-group > :last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.form-label { font-size: .8rem; font-weight: 500; color: #566a7f; }
.btn { border-radius: .5rem; font-weight: 500; }
.nav-tabs .nav-link { font-weight: 500; }

/* Modals and alerts */
.modal-content { border: 0; border-radius: .9rem; box-shadow: 0 12px 40px rgba(50, 71, 92, .2); }
.modal-header { border-bottom: 1px solid var(--erp-border); }
.modal-footer { border-top: 1px solid var(--erp-border); }
.alert { border: 0; border-radius: .6rem; }

/* Reusable building blocks for redesigned pages */
.erp-kpi-value { font-size: 1.35rem; font-weight: 700; line-height: 1.2; }
.erp-table td, .erp-table th { vertical-align: middle; white-space: nowrap; }
.erp-actions .btn { padding: .25rem .45rem; }
.erp-actions form { display: inline; }
.erp-link { color: #566a7f; font-weight: 600; text-decoration: none; }
.erp-link:hover { color: var(--erp-primary); }
.erp-avatar {
    width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(105, 108, 255, .16); color: var(--erp-primary); font-weight: 600; font-size: 1.05rem;
}
.erp-empty { text-align: center; padding: 3rem 1rem; color: var(--erp-muted); }
.erp-empty i { font-size: 3rem; }