body[data-sidebar="dark"]{background:#f5f7fb;color:#142640;font-family:Poppins,"Segoe UI",Arial,sans-serif}
body[data-sidebar="dark"] .main-content{color:#142640}
body[data-sidebar="dark"] .page-title-box{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #e6eaf1}
body[data-sidebar="dark"] .page-title-box h4{color:#142640;font-size:16px;font-weight:700}
body[data-sidebar="dark"] .page-title-right .breadcrumb{color:#6a788d;font-size:11px}
body[data-sidebar="dark"] .page-title-right .breadcrumb a{color:#48617f}
body[data-sidebar="dark"] .main-content .card{margin-bottom:20px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1426400d}
body[data-sidebar="dark"] .main-content .card-body{padding:22px}
body[data-sidebar="dark"] .main-content .card-header{padding:16px 22px;border-bottom:1px solid #e8edf3;background:#f7f9fc}
body[data-sidebar="dark"] .main-content .card-title,body[data-sidebar="dark"] .main-content h4.card-title{color:#142640;font-size:15px;font-weight:650}
body[data-sidebar="dark"] .main-content .text-muted{color:#718096!important}
body[data-sidebar="dark"] .main-content .btn{border-radius:7px;font-size:12px;font-weight:600;transition:transform .16s ease,box-shadow .16s ease}
body[data-sidebar="dark"] .main-content .btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1426401c}
body[data-sidebar="dark"] .main-content .btn-primary{border-color:#16365d;background:#16365d}
body[data-sidebar="dark"] .main-content .btn-primary:hover,body[data-sidebar="dark"] .main-content .btn-primary:focus{border-color:#214975;background:#214975}
body[data-sidebar="dark"] .main-content .btn-warning{border-color:#e5ad35;background:#e5ad35;color:#1b2940}
body[data-sidebar="dark"] .main-content .btn-info{border-color:#4d9fe6;background:#4d9fe6;color:#fff}
body[data-sidebar="dark"] .main-content .table-responsive{border:1px solid #e7ebf1;border-radius:9px}
body[data-sidebar="dark"] .main-content .table{margin-bottom:0;color:#24354c;font-size:12px}
body[data-sidebar="dark"] .main-content .table thead th{padding:12px 13px;border:0;background:#142d50!important;color:#fff!important;font-size:11px;font-weight:600;white-space:nowrap}
body[data-sidebar="dark"] .main-content .table tbody td{padding:11px 13px;border-color:#e9edf2;vertical-align:middle}
body[data-sidebar="dark"] .main-content .table tbody tr:nth-child(even)>*{background:#f6f8fb}
body[data-sidebar="dark"] .main-content .table tbody tr:hover>*{background:#edf3fb}
body[data-sidebar="dark"] .main-content .table .btn{min-width:32px}
body[data-sidebar="dark"] .main-content .badge{border-radius:5px;font-size:10px;font-weight:600}
body[data-sidebar="dark"] .main-content .alert{border-radius:9px;box-shadow:0 2px 8px #1426400b}
body[data-sidebar="dark"] .main-content .form-label,body[data-sidebar="dark"] .main-content label{color:#253c5b;font-size:12px;font-weight:600}
body[data-sidebar="dark"] .main-content .form-control,body[data-sidebar="dark"] .main-content .form-select,body[data-sidebar="dark"] .main-content select.form-control{min-height:40px;border-color:#dce3ec;border-radius:7px;background:#fff;color:#24354c;font-size:12px}
body[data-sidebar="dark"] .main-content textarea.form-control{min-height:100px}
body[data-sidebar="dark"] .main-content .form-control:focus,body[data-sidebar="dark"] .main-content .form-select:focus{border-color:#6f91bd;box-shadow:0 0 0 3px #335f951a}
body[data-sidebar="dark"] .main-content .select2-container--default .select2-selection--single{height:40px;border-color:#dce3ec;border-radius:7px}
body[data-sidebar="dark"] .main-content .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;color:#24354c;font-size:12px}
body[data-sidebar="dark"] .main-content .modal-content{overflow:hidden;border:1px solid #e3e8ef;border-radius:13px;box-shadow:0 16px 50px #0d20384d}
body[data-sidebar="dark"] .main-content .modal-header{border-bottom-color:#e8edf3;background:#f7f9fc}
body[data-sidebar="dark"] .main-content .pagination .page-link{border-color:#e1e7ef;border-radius:6px;color:#244365}
body[data-sidebar="dark"] .main-content .pagination .active .page-link{border-color:#16365d;background:#16365d;color:#fff}
body[data-sidebar="dark"] .main-content .dataTables_wrapper .dataTables_filter input,body[data-sidebar="dark"] .main-content .dataTables_wrapper .dataTables_length select{min-height:35px;border:1px solid #dce3ec;border-radius:6px;background:#fff}
body[data-sidebar="dark"] .main-content .dataTables_wrapper .dataTables_info,body[data-sidebar="dark"] .main-content .dataTables_wrapper .dataTables_paginate{padding-top:14px;color:#6a788d;font-size:11px}
@media(max-width:767.98px){body[data-sidebar="dark"] .main-content .card-body{padding:16px}body[data-sidebar="dark"] .page-title-box{align-items:flex-start!important;gap:5px}body[data-sidebar="dark"] .page-title-right{display:none}}
.beesmart-inner-page .page-title-box h4{display:none}
.beesmart-inner-page .page-title-box{min-height:30px;padding-bottom:0;border:0}
.beesmart-page-hero{position:relative;display:flex;min-height:126px;align-items:center;justify-content:space-between;overflow:hidden;margin:0 0 18px;padding:18px 24px;border-radius:13px;background:linear-gradient(108deg,#10284a 0%,#34444b 53%,#e7b63c 100%);box-shadow:0 4px 12px #1426401b;color:#fff}
.beesmart-page-hero:before{position:absolute;inset:0 0 0 auto;width:45%;content:"";background:url("../images/Recursos_img/05_decoracion/patron-panal-encabezado.png") right center/352px 54px no-repeat;opacity:.74}
.beesmart-page-hero-copy{position:relative;z-index:1;max-width:72%}
.beesmart-page-hero-copy>span{display:block;margin-bottom:5px;color:#f4cf67;font-size:10px;font-weight:700;letter-spacing:.12em}
.beesmart-page-hero-copy h1{margin:0 0 4px;color:#fff;font-size:22px;font-weight:700;line-height:1.25}
.beesmart-page-hero-copy p{margin:0;color:#eef2f5;font-size:12px;line-height:1.5}
.beesmart-page-hero-art{position:relative;z-index:1;display:flex;width:122px;height:96px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#ffffff18}
.beesmart-page-hero-art img{max-width:98px;max-height:82px;object-fit:contain;filter:drop-shadow(0 3px 5px #07182e55)}
.bee-agent-form-heading{min-height:88px;border:0!important;border-left:4px solid #e6b638!important;background:linear-gradient(105deg,#edf3fb 0%,#fff 68%)!important;color:#142640!important}
.bee-agent-form-heading .card-title{color:#142640!important;font-size:16px!important;font-weight:700!important}
.bee-agent-form-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;flex:0 0 54px;border:1px solid #e8d495;border-radius:50%;background:#fff}
.bee-agent-form-icon img{width:40px;height:40px;object-fit:contain}
.bee-agent-form-eyebrow{display:block;margin-bottom:4px;color:#8b7440;font-size:9px;font-weight:700;letter-spacing:.12em}
#sidebar-menu ul li>a{white-space:normal!important;overflow:visible!important}
#sidebar-menu ul li>a>span{flex:1 1 auto;min-width:0}
#sidebar-menu ul.sub-menu{box-sizing:border-box;width:100%;padding-right:8px!important;padding-left:18px!important}
#sidebar-menu ul.sub-menu>li{width:100%}
#sidebar-menu ul.sub-menu>li>a{box-sizing:border-box;display:flex;width:100%;height:auto;min-height:34px;align-items:flex-start;overflow:visible!important;padding:7px 10px!important;white-space:normal!important;text-overflow:clip}
#sidebar-menu ul.sub-menu>li>a>span{display:block!important;flex:1 1 auto;min-width:0;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word;text-overflow:clip}
@media(max-width:767.98px){.beesmart-page-hero{min-height:112px;padding:16px}.beesmart-page-hero-copy{max-width:76%}.beesmart-page-hero-copy h1{font-size:18px}.beesmart-page-hero-copy p{font-size:11px}.beesmart-page-hero-art{width:74px;height:74px}.beesmart-page-hero-art img{max-width:62px;max-height:60px}.bee-agent-form-heading{align-items:flex-start!important;flex-direction:column}.bee-agent-form-heading>.btn{align-self:flex-end}}
body[data-sidebar="dark"] .main-content .card-header.bg-primary{border:0;background:linear-gradient(105deg,#10284a 0%,#35444b 56%,#d8aa37 100%)!important;color:#fff!important}
body[data-sidebar="dark"] .main-content .card-header.bg-primary .card-title,body[data-sidebar="dark"] .main-content .card-header.bg-primary .text-white{color:#fff!important}
body[data-sidebar="dark"] .main-content .text-primary{color:#173b64!important}
body[data-sidebar="dark"] .main-content .bg-primary.bg-soft{border-bottom:1px solid #e4d79d;background:linear-gradient(110deg,#eaf0fa 0%,#fff8e7 100%)!important}
@media(min-width:992px){body:not([data-layout="horizontal"]):not(.vertical-collpsed) .vertical-menu{width:280px!important}body:not([data-layout="horizontal"]):not(.vertical-collpsed) .main-content{margin-left:280px!important}body:not([data-layout="horizontal"]):not(.vertical-collpsed) #page-topbar,body:not([data-layout="horizontal"]):not(.vertical-collpsed) .footer{left:280px!important}}
.beesmart-sidebar-brand{height:88px;min-height:88px;align-items:center;justify-content:flex-start;gap:10px;padding:10px 13px;background:linear-gradient(110deg,#17385f,#10284a 78%);border-bottom:1px solid #ffffff14}
.sidebar-brand-mark{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #f5cd5c;border-radius:13px;background:#f4c542;box-shadow:0 4px 12px #07182e55}
.sidebar-brand-mark img{width:32px;height:32px;object-fit:contain}
.sidebar-brand-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:3px;line-height:1.1}
.sidebar-brand-copy strong{color:#f5cd5c;font-size:16px;font-weight:750;letter-spacing:-.02em}
.sidebar-brand-copy small{color:#d3deeb;font-size:8px;font-weight:500;line-height:1.35}
.sidebar-brand-logo{width:30px;height:42px;flex:0 0 30px;object-fit:contain;opacity:.9}
.sidebar-scroll{height:calc(100% - 88px)!important}
#sidebar-menu{padding-right:10px;padding-left:10px}
#sidebar-menu ul li>a{font-size:12px}
#sidebar-menu ul.sub-menu>li>a>span{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:991.98px){.beesmart-sidebar-brand{height:82px;min-height:82px;padding-right:10px;padding-left:10px;gap:8px}.sidebar-brand-mark{width:38px;height:38px;flex-basis:38px}.sidebar-brand-logo{width:25px;height:36px;flex-basis:25px}.sidebar-brand-copy strong{font-size:14px}.sidebar-brand-copy small{font-size:7px}.sidebar-scroll{height:calc(100% - 82px)!important}}

/* Keep BeeSmart sidebar branding identical across pages and viewport breakpoints. */
.vertical-menu .sidebar-brand.beesmart-sidebar-brand{box-sizing:border-box;display:flex;width:100%;height:88px;min-height:88px;align-items:center;justify-content:flex-start;gap:10px;padding:10px 13px;background:linear-gradient(110deg,#17385f,#10284a 78%);border-bottom:1px solid #ffffff14}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-mark{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #f5cd5c;border-radius:13px;background:#f4c542;box-shadow:0 4px 12px #07182e55}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-mark img{width:32px;height:32px;object-fit:contain}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:3px;line-height:1.1}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-copy strong{color:#f5cd5c;font-size:16px;font-weight:750;letter-spacing:-.02em}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-copy small{color:#d3deeb;font-size:8px;font-weight:500;line-height:1.35}
.vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-logo{width:30px;height:42px;flex:0 0 30px;object-fit:contain;opacity:.9}
.vertical-menu .sidebar-scroll{height:calc(100% - 88px)!important}

/* Keep collapsed navigation within its 70px rail. */
body.vertical-collpsed .vertical-menu .sidebar-brand.beesmart-sidebar-brand{box-sizing:border-box;width:70px;height:88px;min-height:88px;justify-content:center;gap:0;padding:10px 14px}
body.vertical-collpsed .vertical-menu .sidebar-brand-copy,body.vertical-collpsed .vertical-menu .sidebar-brand-logo{display:none!important}
body.vertical-collpsed .vertical-menu .sidebar-brand.beesmart-sidebar-brand .sidebar-brand-mark{width:42px;height:42px;flex:0 0 42px}
body.vertical-collpsed .vertical-menu #sidebar-menu ul li>a .sidebar-menu-chevron{display:none!important}
body.vertical-collpsed .vertical-menu .sidebar-footer{right:8px;left:8px;min-height:44px;padding:10px 4px}
body.vertical-collpsed .vertical-menu .sidebar-footer-outline,body.vertical-collpsed .vertical-menu .sidebar-footer span,body.vertical-collpsed .vertical-menu .sidebar-footer:after{display:none!important}
body.vertical-collpsed .vertical-menu .sidebar-footer img{width:22px;height:22px;margin:0}
@media(min-width:992px){body.vertical-collpsed:not([data-layout="horizontal"]) #page-topbar,body.vertical-collpsed:not([data-layout="horizontal"]) .footer{left:70px!important}}
.badge.bg-soft-success{background:#e4f4ec!important;color:#17684a!important}
.badge.bg-soft-warning{background:#fff2d1!important;color:#7a5200!important}
.badge.bg-soft-danger{background:#fde8e6!important;color:#a3261b!important}
.badge.bg-soft-secondary{background:#eceff3!important;color:#465263!important}
.badge.bg-soft-info{background:#e3f0fb!important;color:#1c5a8c!important}
.sensor-reading-card{border:1px solid #e3e8ef;border-left-width:4px;background:#fff}
.sensor-reading-card.tone-success{border-left-color:#4fae88}
.sensor-reading-card.tone-danger{border-left-color:#d9544a}
.sensor-reading-card.tone-secondary{border-left-color:#aeb7c4}
.user-checklist{min-width:200px;margin:0;padding:0;border:0}
.user-checklist-list{max-height:132px;overflow-y:auto;padding:6px 8px;border:1px solid #dfe4ec;border-radius:6px;background:#fff}
.user-checklist-item{margin-bottom:3px;font-size:12px;line-height:1.3}
.user-checklist-item .badge{margin-left:4px;font-size:10px}