/* Shared typography and controls for dashboard and its standalone pages. */
html body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#193f31;line-height:1.6;-webkit-font-smoothing:antialiased}
body main>h1{font-family:inherit;letter-spacing:-.035em;line-height:1.25;font-size:clamp(26px,3vw,36px)}
body main>p{line-height:1.7}body main input,body main select,body main textarea{font-family:inherit;font-size:16px;border-radius:10px;min-height:44px;box-sizing:border-box}body main button{font-family:inherit;min-height:44px;border-radius:10px}body main table{font-family:inherit;font-size:14px}body main th{font-weight:700}body main td{line-height:1.6}
.wb-dashboard-hub,.wb-menu-page{background:#f3f7f5!important;font-size:16px!important}
.wb-dashboard-hub #dashboardView,.wb-menu-page #dashboardView{background:transparent!important}
.wb-dashboard-hub #dashboardView .dashboard-main,.wb-menu-page #dashboardView .dashboard-main{max-width:1320px!important;margin:0 auto!important;padding:32px 28px 48px!important}
.wb-dashboard-hub #dashboardView .dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 30px;margin:0 0 30px;background:#fff;border:1px solid #dce7e0;border-left:5px solid #176b48;border-radius:18px;box-shadow:0 4px 18px rgba(20,65,43,.035)}
.wb-dashboard-hub .dashboard-topbar .dashboard-eyebrow{display:block;font:750 11px/1.5 system-ui;letter-spacing:.14em;color:#607a6a;margin-bottom:7px}
.wb-dashboard-hub #dashboardGreeting{font-family:inherit;font-size:clamp(26px,3vw,34px)!important;line-height:1.3;font-weight:750;letter-spacing:-.035em;color:#133f2c;margin:0 0 8px}
.wb-dashboard-hub #dashboardSubtitle{font-size:15px;line-height:1.65;color:#62786b;margin:0}
.wb-dashboard-hub .dashboard-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wb-dashboard-hub #dashboardRoleBadge{background:#eaf4ee;color:#246346;font:750 11px/1.4 system-ui;letter-spacing:.06em;border:1px solid #d8e9df;border-radius:30px;padding:8px 12px}
.wb-dashboard-hub .dashboard-topbar-actions button,.wb-dashboard-hub .dashboard-topbar-actions a{min-height:44px;font-family:inherit;font-size:14px;border-radius:10px}
body #wbDashboardHub2225{max-width:none;margin:0}
body .wb-hub-intro{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}
body .wb-hub-intro h2{font:750 19px/1.5 system-ui;color:#234b38;margin:0;letter-spacing:-.02em}
body .wb-hub-intro p{font-size:14px;color:#6a7e72;margin:0}
body .wb-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
body .wb-hub-group{border:1px solid #dbe6de;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(22,65,44,.035);overflow:hidden;min-width:0}
body .wb-group-heading{display:flex;align-items:flex-start;gap:13px;padding:22px 22px 18px;border-bottom:1px solid #e6eee8;background:linear-gradient(120deg,#f1f7f3,#fff)}
body .wb-group-mark{display:flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;background:#e0eee5;color:#286747;border-radius:11px;font:750 13px/1 system-ui}
body .wb-hub-group .wb-group-heading h2{font:750 12px/1.6 system-ui;letter-spacing:.055em;color:#24513a;background:none;padding:0;border:0;margin:0 0 5px}
body .wb-group-heading p{font:400 13px/1.55 system-ui;color:#728175;margin:0}
body .wb-hub-group a{padding:16px 22px;min-height:58px;gap:14px;font:600 15px/1.5 system-ui;color:#244c38;border-color:#edf2ee;transition:background .15s ease,color .15s ease}
body .wb-hub-group a:hover{background:#eef7f1;color:#0d613d}
body .wb-menu-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:#f0f6f2;color:#62816e;font-size:17px}
.wb-menu-page #wbStandaloneHeader2225{padding:23px 25px;margin:0 0 24px;background:#fff;border:1px solid #dce7df;border-radius:16px;box-shadow:0 4px 18px rgba(20,65,43,.03)}
.wb-menu-page #dashboardView .dashboard-card{border:1px solid #dce6df;border-radius:15px;box-shadow:0 3px 14px rgba(20,65,43,.03)}
.wb-menu-page #dashboardView input,.wb-menu-page #dashboardView select,.wb-menu-page #dashboardView textarea{font:400 16px/1.5 system-ui;border-radius:10px;min-height:44px}
.wb-menu-page #dashboardView .data-table{font-size:14px}.wb-menu-page #dashboardView .data-table th{font-size:12px;font-weight:700;line-height:1.5}.wb-menu-page #dashboardView .data-table td{padding-top:14px;padding-bottom:14px;line-height:1.6}
@media(max-width:1050px){body .wb-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wb-dashboard-hub #dashboardView .dashboard-main,.wb-menu-page #dashboardView .dashboard-main{padding:18px 14px 32px!important}.wb-dashboard-hub #dashboardView .dashboard-topbar{padding:22px 20px;gap:18px;margin-bottom:25px}.wb-dashboard-hub #dashboardGreeting{font-size:25px!important}.wb-dashboard-hub #dashboardSubtitle{font-size:14px}.wb-dashboard-hub .dashboard-topbar-actions{width:100%;justify-content:space-between}body .wb-hub-grid{grid-template-columns:minmax(0,1fr);gap:18px}body .wb-group-heading{padding:20px 19px 16px}body .wb-hub-group a{padding:15px 19px;font-size:15px;min-height:56px}.wb-menu-page #wbStandaloneHeader2225{padding:20px}.wb-menu-page #wbStandaloneHeader2225 .wb-dashboard-back{width:100%}}
@media(prefers-reduced-motion:reduce){body .wb-hub-group a{transition:none}}
.wb-dashboard-hub .dashboard-topbar-actions .btn,.wb-dashboard-hub .dashboard-topbar-actions button{background:#f2f7f4;border:1px solid #d9e7dd;color:#25583d;padding:10px 15px;font-weight:650}
.wb-menu-page #dashboardView .btn-primary,.wb-menu-page #dashboardView .submit-btn{background:#126a45;color:#fff;border-color:#126a45}
/* V22.56: standalone Dashboard links stay prominent beside the notification bell. */
body>header a[href="/dashboard.php"],body>header a[href^="/dashboard.php?"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:11px 20px;border:1px solid #0c5139;border-radius:11px;background:#0c5139;color:#fff!important;font:700 14px/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 3px 8px rgba(12,81,57,.15)}
body>header a[href="/dashboard.php"]:hover,body>header a[href^="/dashboard.php?"]:hover{background:#083e2b;border-color:#083e2b}
body>header a[href="/dashboard.php"]:focus-visible,body>header a[href^="/dashboard.php?"]:focus-visible{outline:3px solid #e4b948;outline-offset:3px}