/* ═══════════════════════════════════════════════════════════════════════
   Страницы мероприятия у организатора — в виде админки (static/admin.css).
   Участники (manager.php), Статистика, Чекин, Витрина проектов, Протоколы.
   Подключается после admin.css; всё, что ниже, — под .org-page, чтобы не
   задеть другие страницы с теми же классами (page-edu-manager и т. п.).
   1) страница: фон, ширина, «← назад», заголовок;
   2) таблица на <table> (.ad-tbl), плитки-итоги (.ad-stats);
   3) рамка окон старого образца (w3-modal + case-modal, modal.css):
      белая шапка, поля 44 px, кнопки трёх видов, поверх липкого меню.
   ═══════════════════════════════════════════════════════════════════════ */

body:has(.org-page){background:#f8f9fa;}
.org-page{max-width:1240px;margin:24px auto 64px!important;padding:0 24px;box-sizing:border-box;font-family:'Montserrat',sans-serif;color:var(--ad-ink);}
.org-page *,.org-page *::before,.org-page *::after{box-sizing:border-box;}
.org-page .ad-page{max-width:none;}

/* «← Участники» над заголовком */
.ad-crumb{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:14px;font-weight:600;color:var(--ad-primary-hover);text-decoration:none;}
.ad-crumb:hover{color:#8f3a10;text-decoration:none;}
.ad-head__sub{flex:1 1 100%;margin:-6px 0 0;font-size:14px;color:var(--ad-muted);}

/* Подсказка (?) не расширяет страницу, на телефоне — полосой внизу экрана */
.org-page .rc-hint__tip{display:none;}
.org-page .rc-hint:hover .rc-hint__tip,.org-page .rc-hint:focus .rc-hint__tip{display:block;}

/* ── Плитки-итоги ── */
.ad-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;}
.ad-stat{background:#fff;border-radius:16px;box-shadow:0 1.5px 7px rgba(0,0,0,.06);padding:16px 18px;display:flex;flex-direction:column;gap:4px;}
.ad-stat__value{font-size:28px;font-weight:700;line-height:1.1;color:var(--ad-ink);}
.ad-stat__label{font-size:13px;color:var(--ad-muted);}

/* ── Таблица на <table> ── */
.ad-tbl-wrap{background:#fff;border-radius:16px;box-shadow:0 1.5px 7px rgba(0,0,0,.06);overflow-x:auto;}
.ad-tbl{width:100%;border-collapse:collapse;font-size:14px;color:var(--ad-ink);}
.ad-tbl th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:var(--ad-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#fbfbfc;border-bottom:1px solid var(--ad-line2);}
.ad-tbl td{padding:12px 16px;border-bottom:1px solid var(--ad-line2);vertical-align:middle;}
.ad-tbl tbody tr:hover td{background:#fcfcfd;}
.ad-tbl tbody tr:last-child td{border-bottom:0;}
.ad-tbl tfoot td{font-weight:700;background:#fbfbfc;border-top:1px solid var(--ad-line);border-bottom:0;}
.ad-tbl .num{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;}
.ad-tbl .muted{color:var(--ad-muted);}

/* ── Рамка окон ── */
.org-page .w3-modal{z-index:1100;background-color:rgba(15,23,42,.55);padding-top:48px;}
.org-page .w3-modal-content.case-modal{border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.25);font-family:'Montserrat',sans-serif;color:var(--ad-ink);}
.org-page .case-modal__header,
.org-page .case-modal__header[class*="w3-"]{background:#fff!important;color:var(--ad-ink)!important;border-bottom:1px solid var(--ad-line);padding:18px 22px;}
.org-page .case-modal__header h3{font-size:18px;font-weight:700;line-height:1.25;font-family:'Montserrat',sans-serif;}
.org-page .case-modal__close{width:44px;height:44px;margin:-8px -10px -8px auto;padding:0!important;color:var(--ad-muted)!important;font-size:26px;}
.org-page .case-modal__close:hover,.org-page .case-modal__close:focus{background:#f1f5f9!important;color:var(--ad-ink)!important;}
.org-page .case-modal__body{padding:16px 24px 24px;}
.org-page .case-modal__footer{padding:14px 22px;border-top:1px solid var(--ad-line);display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;}
.org-page .w3-modal .w3-input:not(textarea),.org-page .w3-modal .w3-select,.org-page .w3-modal select.w3-input{min-height:44px;}
.org-page .w3-modal .w3-input,.org-page .w3-modal .w3-select,.org-page .w3-modal textarea{border:1px solid var(--ad-field)!important;border-radius:10px!important;font-family:inherit;}
.org-page .w3-modal .w3-input:focus,.org-page .w3-modal .w3-select:focus,.org-page .w3-modal textarea:focus{border-color:var(--ad-brand)!important;outline:none;box-shadow:0 0 0 3px rgba(255,117,56,.18);}
.org-page .w3-modal input[type="checkbox"],.org-page .w3-modal input[type="radio"]{accent-color:var(--ad-primary);}

/* Кнопки старого образца: зелёные, синие, оранжевые — основная; светлые и белые — вторичная; красные — опасная */
.org-page .w3-button{border-radius:30px!important;font-family:inherit;font-weight:600;}
.org-page .w3-button.w3-green,.org-page .w3-button.w3-blue,.org-page .w3-button.w3-teal,
.org-page .w3-button.w3-orange,.org-page .w3-button.w3-deep-orange{background-color:var(--ad-primary)!important;border:1px solid var(--ad-primary)!important;color:#fff!important;font-weight:700;}
.org-page .w3-button.w3-green:hover,.org-page .w3-button.w3-blue:hover,.org-page .w3-button.w3-teal:hover,
.org-page .w3-button.w3-orange:hover,.org-page .w3-button.w3-deep-orange:hover{background-color:var(--ad-primary-hover)!important;border-color:var(--ad-primary-hover)!important;color:#fff!important;}
.org-page .w3-button.w3-light-grey,.org-page .w3-button.w3-white,.org-page .w3-button.w3-border{background-color:#fff!important;border:1px solid var(--ad-field)!important;color:var(--ad-ink)!important;}
.org-page .w3-button.w3-light-grey:hover,.org-page .w3-button.w3-white:hover,.org-page .w3-button.w3-border:hover{border-color:var(--ad-brand)!important;color:var(--ad-primary-hover)!important;background-color:#fff!important;}
.org-page .w3-button.w3-red{background-color:#fff!important;border:1px solid #f0cfcf!important;color:#c62828!important;}
.org-page .w3-button.w3-red:hover{background-color:#fce4ec!important;}
.org-page .case-modal__footer .w3-button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}

/* Сообщения старого образца */
.org-page .w3-panel.w3-pale-red{background:#fdecea!important;color:#a12b1f!important;border:0!important;border-radius:12px;}
.org-page .w3-panel.w3-pale-yellow{background:#fff7ea!important;color:#6b4a1a!important;border:1px solid #f6dcae!important;border-radius:12px;}
.org-page .w3-panel.w3-pale-green{background:#ecfdf3!important;color:#166534!important;border:0!important;border-radius:12px;}
.org-page .w3-panel.w3-pale-blue{background:#eef4ff!important;color:#1648b8!important;border:0!important;border-radius:12px;}

@media (max-width:767px){
  /* .ad-tbl--cards: на телефоне строка — карточка, подписи из data-label */
  .ad-tbl--cards thead{display:none;}
  .ad-tbl--cards tr{display:block;padding:12px 16px;border-top:1px solid var(--ad-line2);}
  .ad-tbl--cards tbody tr:first-child{border-top:0;}
  .ad-tbl--cards td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;border:0!important;background:none!important;text-align:right;}
  .ad-tbl--cards td.num{text-align:right;}
  .ad-tbl--cards td[data-label]::before{content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:600;color:#8a9099;text-transform:uppercase;letter-spacing:.04em;text-align:left;}
  .ad-tbl--cards td.ad-tbl__main{display:block;text-align:left;padding-bottom:6px;}
  .ad-tbl--cards td.ad-tbl__block{display:block;text-align:left;}
  .ad-tbl--cards td.ad-tbl__block[data-label]::before{display:block;margin-bottom:2px;}
  .ad-tbl--cards td:empty,.ad-tbl--cards .ad-tbl__m-hide{display:none;}
  .ad-tbl--cards tfoot tr{background:#fbfbfc;}
  .org-page{padding:0 16px;margin-top:20px!important;}
  .org-page .rc-hint__tip{position:fixed;top:auto;bottom:16px;left:16px;right:16px;width:auto;max-width:none;font-size:13.5px;}
  .ad-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .ad-stat{padding:14px;}
  .ad-stat__value{font-size:24px;}
  .org-page .w3-modal{padding-top:0;}
  .org-page .w3-modal-content.case-modal{width:100%!important;max-width:none!important;min-height:100%;margin:0;border-radius:0;}
  .org-page .case-modal__header{padding:12px 12px 12px 16px;}
  .org-page .case-modal__body{padding:16px;}
  .org-page .case-modal__footer{padding:12px 16px 16px;}
}