/* Mkulima Digital - 2026 modern theme layer. Load AFTER page styles. Colors unchanged (green #2e7d32 / orange #ff9800).
   Pure visual overrides: no markup, IDs, scripts or data are affected. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{
  --primary:#2e7d32;--primary-dark:#1b5e20;--primary-light:#4caf50;--secondary:#ff9800;
  --light-bg:#f2f7f2;--radius:18px;--radius-sm:12px;
  --shadow:0 6px 24px rgba(27,94,32,.08);--shadow-lg:0 18px 50px rgba(27,94,32,.16);
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif!important;background:radial-gradient(1200px 500px at 100% -10%,#e3f1e3 0,transparent 60%),var(--light-bg)!important;-webkit-font-smoothing:antialiased}
/* Sidebar -> glass gradient rail */
.sidebar{background:linear-gradient(170deg,#1b5e20 0%,#2e7d32 60%,#3a8f3e 100%)!important;border-radius:0 28px 28px 0;box-shadow:var(--shadow-lg)!important}
.sidebar .nav-item{margin:4px 14px;border-radius:14px!important;transition:all .2s ease;border-left:0!important}
.sidebar .nav-item:hover{background:rgba(255,255,255,.14)!important;transform:translateX(4px)}
.sidebar .nav-item.active{background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 6px 18px rgba(0,0,0,.18);font-weight:600}
.sidebar .nav-item.active i{color:var(--secondary)!important}
/* Cards, panels, tables */
.card,.form-container,.table-wrapper,.data-table-container,.stat-item,.quick-action-btn,.filters{border:0!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;transition:transform .2s,box-shadow .2s}
.card:hover,.quick-action-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}
.page-header h2{font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#1b5e20,#4caf50);-webkit-background-clip:text;background-clip:text;color:transparent}
table{border-collapse:separate!important;border-spacing:0}
thead th{background:#eef6ee!important;color:#1b5e20!important;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border:0!important}
tbody tr{transition:background .15s}tbody tr:hover{background:#f6fbf6}
td{border-color:#edf2ed!important}
/* Controls */
.btn{border-radius:12px!important;font-weight:600;transition:all .2s;border:0}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,125,50,.25)}
.btn-primary{background:linear-gradient(135deg,#2e7d32,#43a047)!important;color:#fff!important}
.btn-secondary{background:linear-gradient(135deg,#ff9800,#ffb300)!important;color:#fff!important}
.form-control,select,textarea,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password]{border-radius:12px!important;border:1.5px solid #dbe6db!important;transition:border-color .15s,box-shadow .15s}
.form-control:focus,select:focus,textarea:focus,input:focus{outline:0;border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(46,125,50,.14)!important}
.badge{border-radius:99px!important;padding:.3em .8em}
/* Login */
.graphics-side{background:linear-gradient(160deg,#1b5e20,#2e7d32 55%,#4caf50)!important}
.form-box{border-radius:24px!important;box-shadow:var(--shadow-lg)!important}
.top-header{backdrop-filter:blur(10px);background:rgba(255,255,255,.8)!important}
/* Section entrance */
.section.active{animation:mk-in .35s ease both}
@keyframes mk-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Responsive: the pages' own collapse-to-icon sidebar rules are kept; only soften radii on small screens */
@media(max-width:600px){.sidebar{border-radius:0 18px 18px 0}table{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}