/* Smart shared interface. Palette and type references: Edu backend dynamic-color/header. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap');
:root{--smart-primary:#556ee6;--smart-primary-hover:#485ec4;--smart-bg:#f7f7fa;--smart-surface:#fff;--smart-sidebar:#2a3042;--smart-sidebar-text:#a6b0cf;--smart-text:#343a40;--smart-muted:#657084;--smart-border:#e7ebf2;--smart-shadow:0 .75rem 1.5rem #12263f08;--smart-radius:8px}
body.smart-ui{font-family:Inter,Arial,sans-serif;font-size:13px;color:var(--smart-text);background:var(--smart-bg)}
.smart-ui .wrapper,.smart-ui .content-wrapper,.smart-ui .right-side{background:var(--smart-bg)}
.smart-ui h1,.smart-ui h2,.smart-ui h3,.smart-ui .box-title{font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif}
.smart-ui .main-header .navbar{background:var(--smart-surface)!important;box-shadow:var(--smart-shadow);border-bottom:1px solid var(--smart-border)}
.smart-ui .main-header .logo{background:var(--smart-sidebar)!important;color:#fff}
.smart-ui .main-header .navbar .nav>li>a,.smart-ui .main-header .navbar .sidebar-toggle,.smart-ui .sidebar-session{color:#555b6d!important}
.smart-ui .main-header .navbar .nav>li>a:hover,.smart-ui .main-header .sidebar-toggle:hover{background:#f3f3f9!important}
.smart-ui .main-sidebar{background:var(--smart-sidebar)!important;box-shadow:none}
.smart-ui .sidebar-menu>li>a{color:var(--smart-sidebar-text)!important;padding:13px 16px;border-left:3px solid transparent;font-weight:500}
.smart-ui .sidebar-menu>li>a>.fa,.smart-ui .sidebar-menu>li>a>.glyphicon,.smart-ui .sidebar-menu>li>a>.ion{width:24px;font-size:16px}
.smart-ui .sidebar-menu>li:hover>a,.smart-ui .sidebar-menu>li.active>a{background:#343c52!important;color:#fff!important;border-left-color:#91a1ff!important}
.smart-ui .sidebar-menu .treeview-menu{background:#252b3d!important;padding:5px 0}
.smart-ui .sidebar-menu .treeview-menu>li>a{color:var(--smart-sidebar-text)!important;padding:10px 20px}
.smart-ui .sidebar-menu .treeview-menu>li.active>a,.smart-ui .sidebar-menu .treeview-menu>li>a:hover{color:#fff!important;background:#343c52}
.smart-ui .sidebar .search-form2{padding:8px 12px}.smart-ui .sidebar .search-form{background:#343c52;color:white;border-color:#46516f}
.smart-ui .content-header{padding:26px 26px 10px}.smart-ui .content-header>h1{color:var(--smart-text);font-size:23px;font-weight:700;line-height:1.35}
.smart-ui .content-header>h1>small{display:block;margin-top:6px;font-family:Inter,Arial,sans-serif;font-size:13px;color:var(--smart-muted);font-weight:400;padding:0}
.smart-ui .content{padding:16px 26px 28px}.smart-ui .content-header>.breadcrumb{color:var(--smart-muted)}
.smart-ui .box,.smart-ui .panel,.smart-ui .info-box,.smart-ui .modal-content{border:1px solid var(--smart-border)!important;border-radius:var(--smart-radius)!important;box-shadow:var(--smart-shadow)!important;background:var(--smart-surface)}
.smart-ui .box-header{padding:20px 22px;border-bottom:1px solid var(--smart-border)}.smart-ui .box-header .box-title{font-size:16px;font-weight:600;color:var(--smart-text)}
.smart-ui .box-body{padding:22px}.smart-ui .box-footer{padding:16px 22px;background:#fff;border-top:1px solid var(--smart-border);border-radius:0 0 var(--smart-radius) var(--smart-radius)}
.smart-ui .small-box{border-radius:var(--smart-radius)!important;box-shadow:var(--smart-shadow)!important}.smart-ui .small-box .inner{padding:22px}.smart-ui .small-box h3{font-size:28px;font-weight:700}
/* Retain semantic success/warning/danger colors and existing dashboard status classes. */
.smart-ui .btn{border-radius:5px;padding:9px 16px;font-size:13px;font-weight:500;line-height:1.45;transition:background-color .15s,border-color .15s}
.smart-ui .btn-primary{background:var(--smart-primary)!important;border:1px solid var(--smart-primary)!important;color:#fff!important}
.smart-ui .btn-primary:hover,.smart-ui .btn-primary:focus{background:var(--smart-primary-hover)!important;border-color:var(--smart-primary-hover)!important}
.smart-ui .btn-default{background:#fff;border:1px solid #dce1ec!important;color:#495057}.smart-ui .btn-default:hover{background:#f3f3f9}
.smart-ui .btn-xs{padding:5px 10px;font-size:12px}.smart-ui .btn-sm{padding:7px 12px;font-size:12px}
.smart-ui .btn:disabled,.smart-ui .btn.disabled{opacity:.6;cursor:not-allowed}
.smart-ui label{font-weight:500;color:#495057;margin-bottom:7px}.smart-ui .form-group{margin-bottom:20px}
.smart-ui .form-control{border:1px solid #dce1ec!important;border-radius:5px!important;box-shadow:none!important;min-height:40px;font-size:13px;color:var(--smart-text);background:#fff}
.smart-ui textarea.form-control{min-height:100px}.smart-ui input.form-control:focus,.smart-ui select.form-control:focus,.smart-ui textarea.form-control:focus{border-color:var(--smart-primary)!important;box-shadow:0 0 0 3px #556ee619!important}
.smart-ui .form-control[disabled],.smart-ui .form-control[readonly]{background:#f3f3f9}.smart-ui .has-error .form-control{border-color:#ca3648!important}
.smart-ui .help-block{font-size:12px;color:var(--smart-muted)}.smart-ui .has-error .help-block{color:#b42336}
.smart-ui input[type=checkbox],.smart-ui input[type=radio]{accent-color:var(--smart-primary)}
.smart-ui .select2-container .select2-selection--single,.smart-ui .select2-container .select2-selection--multiple{min-height:40px;border:1px solid #dce1ec!important;border-radius:5px!important}
.smart-ui .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}.smart-ui .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.smart-ui .table{background:#fff;margin-bottom:0}.smart-ui .table>thead>tr>th{background:#f3f5f9!important;border-bottom:1px solid var(--smart-border)!important;color:#495057;font-size:12px;font-weight:600;padding:14px 12px;vertical-align:middle}
.smart-ui .table>tbody>tr>td{border-top:1px solid var(--smart-border);padding:14px 12px;vertical-align:middle}.smart-ui .table-striped>tbody>tr:nth-of-type(odd){background:#fcfcfe}.smart-ui .table-hover>tbody>tr:hover{background:#f5f6fc}
.smart-ui .table-responsive{border:0;overflow-x:auto}.smart-ui table[data-tenant-table]{width:100%!important;min-width:580px}
.smart-ui .dataTables_wrapper .dataTables_filter input,.smart-ui .dataTables_wrapper .dataTables_length select{border:1px solid #dce1ec;border-radius:5px;padding:7px 10px;min-height:36px;background:#fff}
.smart-ui .dataTables_wrapper .dataTables_info,.smart-ui .dataTables_wrapper .dataTables_paginate{padding-top:18px;color:var(--smart-muted);font-size:12px}
.smart-ui .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:50%!important;border:0!important;background:#f3f3f9;color:#495057!important;min-width:34px;min-height:34px;margin-left:5px}
.smart-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current,.smart-ui .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--smart-primary)!important;color:#fff!important}
.smart-ui .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{background:transparent!important;color:#8a92a5!important}
.smart-ui .pagination>li>a,.smart-ui .pagination>li>span{border-color:var(--smart-border);color:var(--smart-primary)}.smart-ui .pagination>.active>a,.smart-ui .pagination>.active>span{background:var(--smart-primary);color:white}
.smart-ui .dropdown-menu{border:1px solid var(--smart-border);border-radius:6px;box-shadow:0 8px 24px #12263f14}.smart-ui .dropdown-menu>li>a{padding:9px 16px}
.smart-ui .modal-header{background:#fff;color:var(--smart-text);border-bottom:1px solid var(--smart-border);border-radius:8px 8px 0 0;padding:20px}.smart-ui .modal-header .close{color:#495057;opacity:.7}.smart-ui .modal-body{padding:22px}
.smart-ui .nav-tabs{border-bottom:1px solid var(--smart-border)}.smart-ui .nav-tabs>li>a{color:var(--smart-muted);border-radius:0;font-weight:500}.smart-ui .nav-tabs>li.active>a{color:var(--smart-primary)!important;border-bottom:2px solid var(--smart-primary)!important;background:#fff}
.smart-ui .alert{border-radius:6px;padding:14px 16px}.smart-ui .alert-success{background:#e9f7f0!important;color:#176443!important;border:1px solid #c2e8d6}.smart-ui .alert-danger{background:#fff0f1!important;color:#a82237!important;border:1px solid #f5cbd2}.smart-ui .alert-info{background:#eef1ff!important;color:#3d4e9c!important;border:1px solid #d9dffb}
.smart-ui .main-footer{background:#f2f2f5;border-top:1px solid var(--smart-border);color:var(--smart-muted);padding:18px 26px}
.smart-ui a:focus-visible,.smart-ui button:focus-visible,.smart-ui input:focus-visible,.smart-ui select:focus-visible{outline:2px solid var(--smart-primary);outline-offset:3px}
.smart-ui .tenant-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:6px;background:#fff;border:1px solid var(--smart-border);border-radius:8px}
.smart-ui .tenant-nav a{padding:10px 16px;color:#586174;border-radius:5px;font-weight:500}.smart-ui .tenant-nav a[aria-current=page]{background:#edf0ff;color:#4357b7}.smart-ui .tenant-nav a:hover{background:#f3f3f9}
.smart-ui .tenant-table-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.smart-ui .tenant-table-tools label{margin:0;display:flex;align-items:center;gap:8px}.smart-ui .tenant-table-tools select{width:auto;min-width:140px}
.smart-ui .tenant-empty{padding:16px;border:1px dashed #cfd6e5;border-radius:6px;color:var(--smart-muted)}
.smart-ui .tenant-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:22px}.smart-ui .tenant-metric{padding:22px;background:#fff;border:1px solid var(--smart-border);border-radius:8px;box-shadow:var(--smart-shadow)}.smart-ui .tenant-metric small{display:block;color:var(--smart-muted);margin-bottom:9px}.smart-ui .tenant-metric strong{font-size:26px;font-family:'Plus Jakarta Sans',sans-serif}.smart-ui .tenant-metric i{float:right;background:#edf0ff;color:var(--smart-primary);padding:13px;border-radius:8px;font-size:20px}
.smart-ui .tenant-branches{padding:14px 16px;background:#f8f9fc;border:1px solid var(--smart-border);border-radius:6px}.smart-ui .tenant-branches .checkbox{margin:10px 0}.smart-ui .tenant-branches .checkbox label{font-weight:400}
.smart-ui .tenant-status{display:inline-block;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:600;background:#edf0ff;color:#4357b7}.smart-ui .tenant-status[data-status=active]{background:#e9f7f0;color:#176443}.smart-ui .tenant-status[data-status=suspended],.smart-ui .tenant-status[data-status=pending]{background:#fff5dc;color:#8b6200}.smart-ui .tenant-status[data-status=inactive],.smart-ui .tenant-status[data-status=deactivated]{background:#f0f1f5;color:#647087}
@media(max-width:991px){.smart-ui .content{padding:16px}.smart-ui .content-header{padding:22px 16px 6px}.smart-ui .box-body{padding:18px}.smart-ui .tenant-nav a{padding:9px 12px}}
@media(max-width:767px){.smart-ui .content-header>h1{font-size:21px}.smart-ui .box-header{padding:16px}.smart-ui .box-header .box-tools{position:static;margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.smart-ui .box-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.smart-ui .tenant-metrics{gap:10px;grid-template-columns:1fr}.smart-ui .tenant-metric{padding:16px}.smart-ui .tenant-nav{gap:3px}.smart-ui .tenant-nav a{flex:1 0 40%;text-align:center}.smart-ui .dataTables_wrapper .dataTables_filter,.smart-ui .dataTables_wrapper .dataTables_length{float:none;text-align:left;margin:8px 0}.smart-ui .dataTables_wrapper .dataTables_filter input{max-width:180px}.smart-ui .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{max-width:calc(100vw - 24px)}.smart-ui .form-control{font-size:16px}}
@media(prefers-reduced-motion:reduce){.smart-ui *, .smart-ui *:before,.smart-ui *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.smart-ui .tenant-nav,.smart-ui .tenant-table-tools{display:none!important}.smart-ui .box{box-shadow:none!important}.smart-ui .table-responsive{overflow:visible}}