/* Shared layout follows the dashboard and GoPesa palette. */
body{background:#f5f7fa;color:#212d45}
.content-wrapper{background:#f5f7fa!important;color:#212d45}
.content-wrapper .content-header{padding:18px 18px 14px}
.content-wrapper .content-header h1,.content-wrapper .content-header h4{color:#212d45;font-size:24px;font-weight:750;letter-spacing:-.6px}
.content-wrapper .breadcrumb{background:transparent;font-size:11px}
.main-header.custom-navbar{background:#fff!important;border-bottom:1px solid #e3e9f1;min-height:62px;padding:8px 18px;box-shadow:0 2px 12px #212d4503}
.custom-navbar .nav-link{color:#65748a!important;border-radius:9px;padding:10px 12px}
.custom-navbar .nav-link:hover{background:#f5f7fa;color:#212d45!important}
.custom-navbar .custom-badge{background:#fff4d7!important;color:#896112!important;font-size:9px;font-weight:700;border-radius:5px}
.custom-navbar .nav-profile-avatar{width:32px;height:32px;border-radius:10px;border:1px solid #e3e9f1;object-fit:cover}
.custom-navbar .dropdown-menu{border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 8px 30px #212d4510;overflow:hidden;padding:0}
.custom-navbar .notification-dropdown{width:290px}
.custom-navbar .notification-header{padding:15px 18px;font-size:12px;font-weight:700;color:#212d45;background:#fbfcfe;border-bottom:1px solid #edf0f5}
.custom-navbar .notification-item{display:block;padding:13px 18px;font-size:12px;color:#50627d;border-bottom:1px solid #edf1f6}
.custom-navbar .notification-item:hover{background:#f5f7fa;text-decoration:none}
.custom-navbar .notification-time{float:right;font-size:10px;color:#8994a5}
.custom-navbar .notification-footer{padding:13px 18px;font-size:11px;text-align:center}
.custom-navbar .notification-footer a{color:#996b08;font-weight:650}
.custom-navbar .profile-dropdown{width:270px}
.custom-navbar .profile-header{padding:22px 18px;background:#fbfcfe;border-bottom:1px solid #edf0f5}
.custom-navbar .profile-avatar{width:58px;height:58px;border-radius:15px;object-fit:cover;border:1px solid #e3e9f1;margin:0 auto 12px}
.custom-navbar .placeholder-avatar{display:grid;place-items:center;background:#fff4d7;color:#996b08;font-size:22px}
.custom-navbar .profile-name{color:#212d45;font-size:14px;font-weight:700;margin:0 0 5px}
.custom-navbar .profile-email{color:#7b8799;font-size:11px;overflow-wrap:anywhere}
.custom-navbar .profile-link{display:block;padding:12px 18px;font-size:12px;color:#50627d}
.custom-navbar .profile-link:hover{background:#f5f7fa;text-decoration:none}
.custom-navbar .profile-link.logout{color:#af3244}
.main-footer.custom-footer{background:#fff!important;color:#7b8799!important;border-top:1px solid #e3e9f1;padding:16px 24px;font-size:11px;font-family:inherit}
.custom-footer .footer-link,.custom-footer b{color:#50627d;font-weight:650}
.custom-footer .footer-link:hover{color:#996b08}
.custom-navbar a:focus-visible{outline:3px solid #a77a11;outline-offset:2px}
@media(max-width:600px){.main-header.custom-navbar{padding:6px 10px;min-height:56px}.content-wrapper .content-header{padding:16px 8px 12px}.main-footer.custom-footer{padding:14px 16px}.custom-navbar .profile-dropdown{width:250px}}
