/* ============================================================ MDM ERP — Royal-blue "Keka-style" theme (2026-06-24) Loaded LAST in so it refreshes the look across every screen. Scoped to main-content components only so the dark sidebar keeps its own styling. Soft rounded cards, pill badges, royal-blue accents. ============================================================ */ :root{ --mdm-blue:#1d4ed8; --mdm-blue-d:#1e40af; --mdm-blue-50:#eff4ff; --mdm-blue-100:#dbe6fe; --mdm-card-radius:14px; --mdm-line:#eceef3; } /* ---- Buttons ---- */ .main-content .btn{border-radius:10px;font-weight:500;} .main-content .btn-primary, .main-content .btn-primary:disabled{background:var(--mdm-blue);border-color:var(--mdm-blue);} .main-content .btn-primary:hover, .main-content .btn-primary:focus, .main-content .btn-primary:active{background:var(--mdm-blue-d)!important;border-color:var(--mdm-blue-d)!important;} .main-content .btn-outline-primary{color:var(--mdm-blue);border-color:var(--mdm-blue);} .main-content .btn-outline-primary:hover{background:var(--mdm-blue);border-color:var(--mdm-blue);color:#fff;} .main-content .btn-sm{border-radius:8px;} /* ---- Cards: softer, lighter Keka feel ---- */ .main-content .card{border-radius:var(--mdm-card-radius);border:1px solid var(--mdm-line); box-shadow:0 1px 3px rgba(16,24,40,.05);} .main-content .card .card-header{background:#fff;border-bottom:1px solid var(--mdm-line);font-weight:500; border-top-left-radius:var(--mdm-card-radius);border-top-right-radius:var(--mdm-card-radius);} .main-content .shadow-sm{box-shadow:0 1px 3px rgba(16,24,40,.05)!important;} /* ---- Badges → pills ---- */ .main-content .badge{border-radius:999px;font-weight:500;padding:.38em .75em;letter-spacing:.01em;} /* ---- Form controls ---- */ .main-content .form-control, .main-content .form-select{border-radius:9px;border-color:#e3e8ef;} .main-content .form-control:focus, .main-content .form-select:focus{border-color:var(--mdm-blue);box-shadow:0 0 0 3px rgba(29,78,216,.13);} /* ---- Tables: clean, airy headers + row hover ---- */ .main-content .table>thead th{background:#f8fafc;color:#64748b;font-weight:600;font-size:.74rem; text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--mdm-line);} .main-content .table>tbody>tr:hover>*{background:#f6f9ff;} .main-content .table>:not(caption)>*>*{border-bottom-color:#f1f3f7;} /* ---- Nav pills / tabs accent ---- */ .main-content .nav-pills .nav-link.active, .main-content .nav-link.active{background:var(--mdm-blue);} .main-content .text-primary{color:var(--mdm-blue)!important;} .main-content .bg-primary{background-color:var(--mdm-blue)!important;} /* ---- Reusable Keka bits any screen can use ---- */ .mdm-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center; justify-content:center;font-size:13px;font-weight:500;background:var(--mdm-blue-100);color:#0c447c;} .mdm-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:500;} .mdm-card{background:#fff;border:1px solid var(--mdm-line);border-radius:16px;padding:16px; box-shadow:0 1px 3px rgba(16,24,40,.05);}