/* SHUT v7.1 – consistent admin style */

/* Admin Pro should feel like classic admin, not like a different app */
body.admin-pro-page .wrap,
body.admin-pro-page .shut-layout,
body.import-page .shut-layout,
body.referee-page .shut-layout,
body.results-page .shut-layout{
  width:min(1320px, calc(100% - 32px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Admin Pro: calmer two-column structure on desktop */
body.admin-pro-page .grid{
  display:grid!important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.admin-pro-page .card{
  min-width:0!important;
}
body.admin-pro-page .card.full{
  grid-column:1 / -1!important;
}

/* Keep cards same visual weight as classic admin cards */
body.admin-pro-page .card,
body.import-page .shut-card,
body.referee-page .shut-card,
body.results-page .shut-card{
  background:rgba(13,25,44,.78)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.30)!important;
}

/* Cleaner headings on subpages */
body.admin-pro-page h1,
body.import-page .shut-page-title h1,
body.referee-page .shut-page-title h1,
body.results-page .shut-page-title h1{
  font-size:clamp(34px,4vw,48px)!important;
  letter-spacing:-.05em!important;
  line-height:1!important;
}

/* Less giant form fields */
body.admin-pro-page input,
body.admin-pro-page select,
body.admin-pro-page textarea,
body.import-page input,
body.import-page select,
body.referee-page input,
body.results-page input{
  min-height:44px!important;
  padding:10px 13px!important;
}

/* Admin Pro rows behave more predictably */
body.admin-pro-page .row,
body.admin-pro-page .row3,
body.admin-pro-page .staffline{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Validation/action buttons */
body.admin-pro-page .btn,
body.import-page .btn,
body.referee-page .btn,
body.results-page .btn{
  padding:10px 14px!important;
  font-size:13px!important;
}

/* Tables consistent */
body.referee-page table,
body.results-page table{
  width:100%!important;
  display:table!important;
  white-space:normal!important;
}

/* Preview should not crush layout */
body.admin-pro-page .preview{
  max-height:540px!important;
  overflow:auto!important;
}

/* Mobile */
@media(max-width:900px){
  body.admin-pro-page .grid,
  body.admin-pro-page .row,
  body.admin-pro-page .row3,
  body.admin-pro-page .staffline{
    grid-template-columns:1fr!important;
  }

  body.admin-pro-page .wrap,
  body.admin-pro-page .shut-layout,
  body.import-page .shut-layout,
  body.referee-page .shut-layout,
  body.results-page .shut-layout{
    width:calc(100% - 18px)!important;
  }

  body.referee-page table,
  body.results-page table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
}


/* v7.2 status/tools */
.shut-statusbar{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px;
  padding:10px; border-radius:18px; background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
}
.shut-statusbar .stat{
  display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px;
  font-weight:900; font-size:12px; border:1px solid rgba(255,255,255,.12);
}
.shut-statusbar .ok{background:rgba(34,197,94,.12); color:#bbf7d0;}
.shut-statusbar .warn{background:rgba(245,158,11,.13); color:#fde68a;}
.shut-toolrow{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px;}
.shut-toolrow a{display:inline-flex; padding:9px 12px; border-radius:999px; text-decoration:none!important; font-weight:900; font-size:12px; background:rgba(21,36,59,.96); color:#fff!important; border:1px solid rgba(148,163,184,.28);}


/* v7.3 polished status/import */
.shut-status-panel{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 54px rgba(0,0,0,.22);
}
.shut-status-title{
  min-width:120px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.shut-status-title span{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#9fb4d8;
  font-weight:900;
}
.shut-status-title small{
  color:#dbeafe;
  font-weight:800;
  font-size:13px;
}
.shut-status-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  flex:1;
}
.shut-status-badge{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(15,23,42,.72);
}
.shut-status-badge .lbl{
  color:#9fb4d8;
  font-weight:800;
}
.shut-status-badge strong{
  color:#fff;
  font-weight:950;
}
.shut-status-badge.ok{
  border-color:rgba(34,197,94,.24);
  background:rgba(34,197,94,.10);
}
.shut-status-badge.warn{
  border-color:rgba(245,158,11,.28);
  background:rgba(245,158,11,.12);
}
.shut-status-badge.warn strong{color:#fde68a}
.shut-toolrow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
}
.shut-toolrow a{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  text-decoration:none!important;
  font-weight:900;
  font-size:12px;
  background:rgba(21,36,59,.96);
  color:#fff!important;
  border:1px solid rgba(148,163,184,.28);
}
@media(max-width:760px){
  .shut-status-panel{display:block}
  .shut-status-title{margin-bottom:10px}
  .shut-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .shut-status-badge{justify-content:space-between}
}