.table td,.table th{vertical-align:middle}.listing-thumb{width:86px;height:58px;object-fit:cover;border-radius:4px}.panel-actionbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#adb5bd}.status-dot.on{background:#23bf08}.metric-card .card-body{min-height:106px}.short-link{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.permission-grid label{margin-right:18px}.banner-preview{max-width:220px;max-height:90px;object-fit:cover;border-radius:4px}.billing-price{font-size:34px;font-weight:600;color:#1b84e7}.page-empty{padding:35px;text-align:center;color:#868ba1}.nowrap{white-space:nowrap}.form-help{font-size:12px;color:#868ba1;margin-top:4px}.btn-icon-text i{margin-right:6px}

/* Keep action buttons aligned inside responsive listing tables */
.table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;}
.table-actions form{display:inline-flex!important;align-items:center;margin:0;}
.table-actions .btn{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1.2;vertical-align:middle;}
.table-actions form button{margin:0;}


/* Banner add/edit form alignment */
.banner-meta-row{align-items:flex-start;}
.banner-meta-row .form-group{margin-bottom:20px;}
.banner-meta-row label{display:block;margin-bottom:8px;line-height:1.2;}
.banner-meta-row .form-control{height:40px;}
.banner-meta-row .select2-container{width:100%!important;display:block;}
.banner-meta-row .select2-container--default .select2-selection--single{height:40px;border-color:#ced4da;}
.banner-meta-row .select2-container--default .select2-selection--single .select2-selection__rendered{height:38px;line-height:38px;padding-left:12px;}
.banner-meta-row .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;}
.banner-form-actions{display:flex;align-items:center;gap:8px;margin-top:5px;}
.banner-form-actions .btn{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1.2;min-height:38px;}
@media (max-width: 767px){.banner-form-actions{flex-wrap:wrap}.banner-form-actions .btn{width:auto;}}


/* Final banner Type/Sort row fix: Type is now a native select, not Select2, so it matches Sort exactly */
.banner-inline-field{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;}
.banner-inline-field label{display:block;height:15px;line-height:15px;margin:0 0 8px 0;}
.banner-inline-field .form-control,.banner-native-select,.banner-sort-input{display:block;width:100%;height:40px!important;min-height:40px!important;line-height:1.5;margin:0;padding-top:8px;padding-bottom:8px;box-sizing:border-box;}
.banner-native-select{appearance:auto;-webkit-appearance:menulist;}
.banner-type-group .select2-container{display:none!important;}


/* Readable soft contrast theme */
:root{
  --cp-bg:#eef3f8;
  --cp-panel:#ffffff;
  --cp-panel-soft:#f8fafc;
  --cp-header:#172033;
  --cp-header-2:#202b42;
  --cp-border:#c5cfdc;
  --cp-border-soft:#d9e1ea;
  --cp-text:#1f2937;
  --cp-muted:#64748b;
  --cp-primary:#2563eb;
  --cp-primary-dark:#1d4ed8;
  --cp-primary-soft:#e8f0ff;
  --cp-danger:#dc2626;
  --cp-success:#15803d;
}

body,
.slim-mainpanel{
  background:var(--cp-bg)!important;
  color:var(--cp-text)!important;
}

.slim-header{
  background:var(--cp-header)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.13);
}
.slim-header .slim-logo a,
.slim-header .slim-logo a:hover{
  color:#ffffff!important;
}
.slim-header .slim-logo span{
  background:var(--cp-primary)!important;
}
.slim-header .logged-user span,
.slim-header .logged-user i{
  color:#e5edff!important;
}
.slim-header .logged-user:hover span,
.slim-header .logged-user:hover i{
  color:#ffffff!important;
}

.slim-navbar{
  background:var(--cp-header-2)!important;
  border-bottom:0!important;
  box-shadow:0 8px 20px rgba(15,23,42,.12);
}
.slim-navbar .nav-link{
  color:#cbd5e1!important;
}
.slim-navbar .nav-link:hover,
.slim-navbar .nav-item.active .nav-link{
  color:#ffffff!important;
  background:rgba(255,255,255,.08)!important;
}
.slim-navbar .nav-link i{
  color:#93c5fd!important;
}

.slim-pageheader{
  border-bottom:1px solid var(--cp-border-soft)!important;
}
.slim-pagetitle,
.section-title,
.card-title,
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,
.section-wrapper h1,.section-wrapper h2,.section-wrapper h3,.section-wrapper h4,.section-wrapper h5,.section-wrapper h6{
  color:var(--cp-text)!important;
}
.slim-breadcrumb .breadcrumb-item,
.slim-breadcrumb .breadcrumb-item a,
.tx-gray-600,
.form-help,
.page-empty,
.card .tx-12,
.section-wrapper .tx-12{
  color:var(--cp-muted)!important;
}

.card,
.section-wrapper,
.dropdown-menu,
.modal-content,
.list-group-item,
.signin-box{
  background:var(--cp-panel)!important;
  border:1px solid var(--cp-border-soft)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
}
.card,
.section-wrapper{
  border-radius:10px!important;
}
.metric-card .card-body{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-radius:10px;
}

label,
.form-control-label,
.col-form-label,
.form-group label{
  color:#334155!important;
  font-weight:600;
}
.form-control,
.custom-file-label,
.custom-select,
select.form-control,
textarea.form-control,
input.form-control{
  background:var(--cp-panel-soft)!important;
  color:var(--cp-text)!important;
  border:1px solid var(--cp-border)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;
}
.form-control::placeholder{
  color:#94a3b8!important;
}
.form-control:focus,
.custom-select:focus,
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus{
  background:#ffffff!important;
  border-color:var(--cp-primary)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.16)!important;
  color:var(--cp-text)!important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  background:var(--cp-panel-soft)!important;
  border:1px solid var(--cp-border)!important;
  color:var(--cp-text)!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--cp-text)!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:#94a3b8!important;
}
.select2-dropdown{
  border-color:var(--cp-border)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.14)!important;
}

.table{
  color:var(--cp-text)!important;
}
.table thead th{
  background:#f1f5f9!important;
  color:#334155!important;
  border-top:0!important;
  border-bottom:1px solid var(--cp-border)!important;
  font-weight:700!important;
}
.table tbody td,
.table tbody th{
  border-top:1px solid var(--cp-border-soft)!important;
}
.table-hover tbody tr:hover{
  background:#eef6ff!important;
}
.table-striped tbody tr:nth-of-type(odd){
  background:#f8fafc!important;
}

.btn-primary{
  background:var(--cp-primary)!important;
  border-color:var(--cp-primary)!important;
  color:#ffffff!important;
  box-shadow:0 8px 16px rgba(37,99,235,.18);
}
.btn-primary:hover,
.btn-primary:focus{
  background:var(--cp-primary-dark)!important;
  border-color:var(--cp-primary-dark)!important;
  color:#ffffff!important;
}
.btn-secondary,
.btn-light{
  background:#e2e8f0!important;
  border-color:#cbd5e1!important;
  color:#1e293b!important;
}
.btn-outline-primary{
  color:var(--cp-primary)!important;
  border-color:var(--cp-primary)!important;
  background:#ffffff!important;
}
.btn-outline-primary:hover{
  color:#ffffff!important;
  background:var(--cp-primary)!important;
}
.btn-danger{
  background:var(--cp-danger)!important;
  border-color:var(--cp-danger)!important;
  color:#ffffff!important;
}

.badge,
.status-dot{
  box-shadow:0 0 0 1px rgba(15,23,42,.08);
}
a{
  color:var(--cp-primary);
}
a:hover{
  color:var(--cp-primary-dark);
}
.short-link{
  color:var(--cp-primary)!important;
  font-weight:600;
}

.alert{
  border-radius:8px!important;
  border-width:1px!important;
}
.alert-success{
  background:#ecfdf5!important;
  border-color:#bbf7d0!important;
  color:#166534!important;
}
.alert-danger,
.alert-error{
  background:#fef2f2!important;
  border-color:#fecaca!important;
  color:#991b1b!important;
}
.alert-warning{
  background:#fffbeb!important;
  border-color:#fde68a!important;
  color:#92400e!important;
}

.slim-footer{
  background:var(--cp-bg)!important;
  border-top:1px solid var(--cp-border-soft)!important;
  color:var(--cp-muted)!important;
}

.signin-wrapper{
  background:radial-gradient(circle at top left,#dbeafe 0,#eef3f8 38%,#e2e8f0 100%)!important;
}
.signin-title-primary{
  color:var(--cp-text)!important;
}
.signin-title-secondary{
  color:var(--cp-muted)!important;
}
.signin-box .slim-logo a{
  color:var(--cp-header)!important;
}
.signin-box .slim-logo span{
  background:var(--cp-primary)!important;
}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#e2e8f0;}
::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px;border:2px solid #e2e8f0;}
::-webkit-scrollbar-thumb:hover{background:#64748b;}