/* =====================================================================
Zoho-style shared theme tokens + base component styling.
Mirrors the admin app palette (FrontEnd/Pages/Shared/AdminLTE/__css.cshtml)
so the portals, auth and minimal shells match the main application.
Link this AFTER Bootstrap in each shell's , together with the Inter font:
===================================================================== */
:root {
--primary: #1A73C0;
--bs-blue: #1A73C0;
--bs-primary: #1A73C0;
--zoho-primary: #1A73C0;
--zoho-primary-dark: #155a99;
--zoho-accent: #0E8C6B;
--zoho-sidebar: #1E2A3C;
--zoho-sidebar-active: #28415C;
--zoho-bg: #F5F7FA;
--zoho-surface: #FFFFFF;
--zoho-border: #E3E8EF;
--zoho-text: #2B3648;
--zoho-muted: #6B7686;
--zoho-radius: 0.5rem;
--zoho-shadow: 0 1px 2px rgba(20, 30, 50, 0.06), 0 1px 6px rgba(20, 30, 50, 0.05);
}
body {
font-family: 'Inter', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background-color: var(--zoho-bg);
color: var(--zoho-text);
}
/* --- Buttons ------------------------------------------------------- */
.btn-primary {
background-color: var(--zoho-primary);
border-color: var(--zoho-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: var(--zoho-primary-dark) !important;
border-color: var(--zoho-primary-dark) !important;
}
.btn-outline-primary {
color: var(--zoho-primary);
border-color: var(--zoho-primary);
}
.btn-outline-primary:hover {
background-color: var(--zoho-primary);
border-color: var(--zoho-primary);
}
/* --- Text / links / accents --------------------------------------- */
.text-primary { color: var(--zoho-primary) !important; }
.bg-primary { background-color: var(--zoho-primary) !important; }
.badge.bg-primary { background-color: var(--zoho-primary) !important; }
a { color: var(--zoho-primary); }
/* --- Cards / surfaces --------------------------------------------- */
.card {
border: 1px solid var(--zoho-border);
border-radius: var(--zoho-radius);
box-shadow: var(--zoho-shadow);
}
.card-header { background-color: var(--zoho-surface); border-bottom: 1px solid var(--zoho-border); }
/* --- Forms -------------------------------------------------------- */
.form-control:focus,
.form-select:focus {
border-color: var(--zoho-primary);
box-shadow: 0 0 0 0.2rem rgba(26, 115, 192, 0.15);
}
/* --- Tables ------------------------------------------------------- */
.table thead th {
color: var(--zoho-muted);
font-weight: 600;
border-bottom: 2px solid var(--zoho-border);
}