/* Sticky footer layout */
body{min-height:100vh;display:flex;flex-direction:column;}
.content-wrapper{flex:1 0 auto;}
.footer-copyright-area{flex-shrink:0;background:#b4b4b4;color:#8e8e8e;padding:15px 0;}

/* Branding */
.header-top-area{background:#000;}
.logout a{color:#fff !important;}
.stando{color:#f3352e;}
.logo{max-height:50px;}

/* Table column widths */
.col-message{width:35%;}
.col-name{width:30%;}

/* Tables */
.unreaded td{background:#b4b4b4;font-weight:bold;border-bottom:1px solid #fff;}

/* Bootstrap 3 → 5 compatibility shims (for legacy templates) */
.pull-right{float:right !important;}
.pull-left{float:left !important;}
.hide{display:none !important;}
.text-right{text-align:end !important;}
.text-left{text-align:start !important;}
.col-xs-12{width:100%;}
.col-xs-6{width:50%;float:left;}
.btn-default{background:#fff;border:1px solid #ced4da;color:#212529;}
.btn-default:hover{background:#e9ecef;}
.panel{border:1px solid #dee2e6;border-radius:.375rem;margin-bottom:1rem;background:#fff;}
.panel-default{border-color:#dee2e6;}
.panel-heading{padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:.375rem .375rem 0 0;}
.panel-body{padding:1rem;}
.panel-title{margin:0;font-size:1rem;}

/* All buttons small by default */
.btn{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.25rem;}

/* Page header — title + actions */
.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.page-header h1{margin:0;font-size:1.5rem;line-height:1.3;flex:1 1 auto;min-width:0;}
.page-header .actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width: 575px) {
    .page-header{flex-direction:column;align-items:stretch;}
    .page-header .actions{justify-content:flex-start;}
}

/* Force tab content visible when active (fix BS3/5 cascade conflict) */
.tab-content > .tab-pane.active{display:block !important;opacity:1 !important;}
.tab-content > .tab-pane.fade.show{opacity:1 !important;}

/* Tabs (nav-pills) */
.nav-pills .nav-link{color:#333;}
.nav-pills .nav-link:hover{background:#e9ecef;color:#333;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{background:#fff;color:#333;}

/* Mobile responsive overrides */
@media (max-width: 767px) {
    .table tr td, .table tr th{font-size:11px;padding:6px 8px;white-space:nowrap;}
    .col-xs-6{width:100%;float:none;}
    .basic-tb-hd h2{font-size:18px;}
}