/* OwnzYou template cleanup layer
   Centralizes repeated inline styles and fixes spacing, form, table and mobile issues. */
:root{
  --oy-bg:#0b1020;
  --oy-panel:#111827;
  --oy-panel-2:#151f34;
  --oy-border:rgba(5,10,18,.92);
  --oy-text:#e5e7eb;
  --oy-muted:#9ca3af;
  --oy-accent:#f59e0b;
  --oy-accent-soft:rgba(245,158,11,.14);
  --oy-blue:#3b82f6;
  --oy-danger:#ef4444;
  --oy-success:#22c55e;
}
html{scroll-behavior:smooth}
body.alt-menu.sidebar-noneoverflow{background:var(--oy-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--oy-text)}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}
a:focus,button:focus,input:focus,textarea:focus{outline:2px solid rgba(245,158,11,.45);outline-offset:2px}
.brand-logo img{max-width:210px;height:auto;display:block}.navbar-logo{max-height:34px}.menu.single-menu i{width:22px;text-align:center;margin-right:8px}.nav-chevron{font-size:12px;margin-left:auto;opacity:.7}.topbar-nav .menu-categories .menu.single-menu>a{border-radius:10px}.topbar-nav .menu-categories .menu.single-menu.active>a{box-shadow:0 0 0 1px rgba(245,158,11,.18)}
.banner-wrap{display:flex;justify-content:center;align-items:center;width:100%;padding:18px 0 6px}.banner{display:inline-flex;text-decoration:none}.banner-img{width:300px;max-width:90%;height:auto;display:block;border-radius:10px;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22))}.banner-img:hover{transform:translateY(-1px) scale(1.015);filter:brightness(1.08) drop-shadow(0 10px 26px rgba(245,158,11,.28))}@media (prefers-reduced-motion:reduce){.banner-img{animation:none!important;transition:none!important}}
.widget,.statbox,.widget-content-area,.card{border-radius:12px!important;border:1px solid var(--oy-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}.box-shadow{box-shadow:0 12px 30px rgba(0,0,0,.16)!important}.widget-header h4{letter-spacing:.01em}.widget .w-value{min-height:34px}.footer-wrapper{margin-top:20px}.footer-section{gap:10px;flex-wrap:wrap}.template-note{font-size:12px;line-height:1.55;color:var(--oy-muted)!important;opacity:1!important}.admin-badge{font-size:12px;border:1px solid #3b3f5c;border-radius:999px;padding:3px 8px;color:#e0e6ed}
.form-control,textarea.form-control,select.form-control{background-color:#111c31!important;color:#e0e6ed!important;border-color:#334155!important;border-radius:9px!important}.form-control::placeholder,textarea.form-control::placeholder{color:#7f8ea3}.form-control:focus,textarea.form-control:focus,select.form-control:focus{background-color:#101a2e!important;color:#fff!important;border-color:rgba(245,158,11,.75)!important;box-shadow:0 0 0 .18rem rgba(245,158,11,.12)!important}.input-group-text{background-color:#141d33!important;border-color:#334155!important;color:#bfc9d4!important;border-radius:9px 0 0 9px!important}.input-group>.form-control:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.btn{border-radius:9px;font-weight:600}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;opacity:0;cursor:pointer}.captcha-placeholder{min-height:78px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.025)}
.table-responsive{border-radius:12px}.demo-table,.js-data-table{width:100%!important;margin-bottom:0!important}.demo-table tbody td,.js-data-table tbody td{vertical-align:middle}.demo-table td,.demo-table th,.js-data-table td,.js-data-table th{white-space:nowrap}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:#111c31!important;border:1px solid #334155!important;color:#e0e6ed!important;border-radius:8px!important}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{color:#a7b1c2!important}.dataTables_wrapper .pagination .page-link{background:#111c31;border-color:#334155;color:#dbe4f0}.dataTables_wrapper .pagination .page-item.active .page-link{background:var(--oy-accent);border-color:var(--oy-accent);color:#111827}.badge.badge-pill.badge-primary{background:var(--oy-blue);font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--oy-success)}
.mock-iframe,.mirror-frame{width:100%;min-height:520px;border:1px solid var(--oy-border);background:linear-gradient(135deg,#111827,#050816);border-radius:12px;color:#d1d5db}.mock-iframe{display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}.mirror-frame{display:block}.zone-meta p{margin-bottom:.65rem}.zone-meta i{color:var(--oy-accent);margin-right:6px}.zone-meta strong{font-weight:700}.static-callout{border:1px solid rgba(245,158,11,.2);background:var(--oy-accent-soft);border-radius:12px;padding:14px 16px;color:#f9fafb}.ownzyou-toast-stack{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:10px}.ownzyou-toast{min-width:260px;max-width:360px;padding:12px 14px;border-radius:12px;border:1px solid var(--oy-border);background:#111827;color:#e5e7eb;box-shadow:0 18px 50px rgba(0,0,0,.35);font-weight:600}.ownzyou-toast.success{border-color:rgba(34,197,94,.4)}.ownzyou-toast.error{border-color:rgba(239,68,68,.45)}.ownzyou-toast.info{border-color:rgba(59,130,246,.45)}
@media(max-width:991.98px){.brand-logo img{max-width:170px}.banner-wrap{padding-top:12px}.widget-statistic>[class*=col-]{margin-bottom:14px}.main-content .layout-px-spacing{padding-left:12px!important;padding-right:12px!important}.demo-table td,.demo-table th,.js-data-table td,.js-data-table th{font-size:13px}.mock-iframe,.mirror-frame{min-height:360px}}
@media(max-width:575.98px){.brand-logo img{max-width:145px}.banner-img{width:230px}.footer-section{display:block;text-align:center}.btn{width:100%;margin-top:6px}.d-flex.justify-content-end{display:block!important}}


/* 2026-05-13 UI calibration: navbar, statistic cards and pagination */
/* Keep the CORK/OwnzYou horizontal navbar close to the original. */
.topbar-nav.header nav#topbar ul.menu-categories li.menu > a{
  border-radius:0!important;
  box-shadow:none!important;
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu a > div .fas:not(.nav-chevron){
  width:25px;
  margin-right:6px;
  text-align:center;
  color:#e0e6ed;
  font-size:15px;
  vertical-align:bottom;
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu.active > a > div .fas:not(.nav-chevron),
.topbar-nav.header nav#topbar ul.menu-categories li.menu:hover > a > div .fas:not(.nav-chevron){
  color:#25d5e4;
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu > a .nav-chevron{
  margin-left:6px!important;
  margin-right:0!important;
  width:auto!important;
  font-size:10px;
  color:#888ea8;
  opacity:.8;
  align-self:center;
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu.active > a .nav-chevron,
.topbar-nav.header nav#topbar ul.menu-categories li.menu:hover > a .nav-chevron{
  color:#25d5e4;
}

/* Restore compact statistic card proportions while keeping icons perfectly centered. */
.widget-statistic .widget-one_hybrid{
  background:#0e1726!important;
  border:0!important;
  border-radius:6px!important;
  box-shadow:none!important;
  min-height:auto!important;
}
.widget-statistic .widget-one_hybrid .widget-heading{
  padding:20px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.widget-statistic .widget-one_hybrid .widget-heading .w-icon{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  margin-bottom:15px!important;
}
.widget-statistic .widget-one_hybrid .widget-heading .w-icon i{
  margin:0!important;
  width:auto!important;
  line-height:1!important;
  font-size:15px!important;
}
.widget-statistic .widget-one_hybrid .widget-heading .w-value{
  min-height:0!important;
  font-size:21px!important;
  line-height:1.25!important;
  width:100%!important;
  margin:0 auto 2px!important;
  text-align:center!important;
}
.widget-statistic .widget-one_hybrid .widget-heading h5{
  font-size:15px!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}

/* Modern dark/cyan pagination: no yellow active state. */
.dataTables_wrapper .pagination{
  gap:6px;
  align-items:center;
  justify-content:center;
}
.dataTables_wrapper .pagination .page-item .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button{
  min-width:34px;
  height:34px;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#0e1726!important;
  border:1px solid #263857!important;
  color:#c8d3e3!important;
  font-weight:600!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
.dataTables_wrapper .pagination .page-item .page-link:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:#12213a!important;
  border-color:#25d5e4!important;
  color:#25d5e4!important;
}
.dataTables_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:rgba(37,213,228,.13)!important;
  border-color:#25d5e4!important;
  color:#25d5e4!important;
}
.dataTables_wrapper .pagination .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}


/* 2026-05-13 statistic card width calibration to match reference layout */
.widget-statistic{
  display:flex!important;
  flex-wrap:wrap!important;
  margin-left:-14px!important;
  margin-right:-14px!important;
}
.widget-statistic > [class*=col-]{
  flex:0 0 25%!important;
  max-width:25%!important;
  padding-left:14px!important;
  padding-right:14px!important;
  margin-bottom:18px!important;
}
.widget-statistic .widget-one_hybrid{
  width:100%!important;
  min-height:106px!important;
}
.widget-statistic .widget-one_hybrid .widget-heading{
  min-height:106px!important;
  padding:18px 12px!important;
}
@media (max-width: 1199.98px){
  .widget-statistic > [class*=col-]{
    flex:0 0 50%!important;
    max-width:50%!important;
  }
}
@media (max-width: 575.98px){
  .widget-statistic{
    margin-left:-8px!important;
    margin-right:-8px!important;
  }
  .widget-statistic > [class*=col-]{
    flex:0 0 100%!important;
    max-width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}
