/* ============================================================
   MOD-174-26 · Education trash, purge and reset management
============================================================ */

.mod17426-page .mod17411-stat.is-trash .mod17411-stat-icon { background: #fff1f2; color: #be123c; }
.mod17426-page[data-lifecycle="trash"] .mod17411-stat.is-trash { border-color: #fb7185; box-shadow: 0 0 0 2px rgba(244,63,94,.12); }
.mod17426-page[data-lifecycle="trash"] [data-detail-form] input:not([type="hidden"]),
.mod17426-page[data-lifecycle="trash"] [data-detail-form] select,
.mod17426-page[data-lifecycle="trash"] [data-detail-form] textarea { background: #f8fafc; }
.mod17426-page [data-trash-admin-info] dd { overflow-wrap: anywhere; }
.mod17426-page .mod17426-lifecycle-dialog > div { max-width: 520px; }
.mod17426-page .mod17426-lifecycle-dialog label { display: grid; font-weight: 700; gap: 7px; text-align: left; width: 100%; }

.mod17426-data-page { background: #f4f7fb; min-height: calc(100vh - 100px); padding: 18px 0 44px; }
.mod17426-data-container { max-width: 1180px; }
.mod17426-data-hero { align-items: center; background: linear-gradient(135deg,#0f172a,#1e3a5f); border-radius: 18px; color: #fff; display: flex; justify-content: space-between; margin-bottom: 14px; padding: 22px 26px; }
.mod17426-data-hero h1 { font-size: 1.65rem; margin: 5px 0; }
.mod17426-data-hero p { color: #dbeafe; margin: 0; }
.mod17426-status-card,
.mod17426-action-card { background: #fff; border: 1px solid #dbe4ef; border-radius: 16px; box-shadow: 0 10px 30px rgba(15,23,42,.05); }
.mod17426-status-card { align-items: center; display: grid; gap: 24px; grid-template-columns: minmax(180px,.7fr) minmax(0,1.6fr); margin: 15px 0; padding: 20px; }
.mod17426-status-card h2,
.mod17426-action-card h2 { font-size: 1.12rem; margin: 0 0 6px; }
.mod17426-status-card p,
.mod17426-action-card p { color: #64748b; margin: 0; }
.mod17426-status-card dl { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; }
.mod17426-status-card dl div { background: #f8fafc; border-radius: 10px; padding: 10px 12px; }
.mod17426-status-card dt { color: #64748b; font-size: .75rem; }
.mod17426-status-card dd { color: #0f172a; margin: 3px 0 0; }
.mod17426-status-card dd strong { font-size: 1.15rem; }
.mod17426-data-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.mod17426-action-card { align-content: start; display: grid; gap: 12px; grid-template-columns: auto minmax(0,1fr); padding: 22px; }
.mod17426-action-card > .btn,
.mod17426-action-card > .mod17426-flag-note,
.mod17426-action-card > [data-reset-status] { grid-column: 1 / -1; }
.mod17426-action-card > .btn { justify-self: start; }
.mod17426-card-icon { align-items: center; background: #e0f2fe; border-radius: 12px; color: #0369a1; display: inline-flex; font-size: 1.3rem; height: 44px; justify-content: center; width: 44px; }
.mod17426-action-card.is-danger { border-color: #fecdd3; }
.mod17426-action-card.is-danger .mod17426-card-icon { background: #fff1f2; color: #be123c; }
.mod17426-flag-note { background: #fff7ed; border-radius: 9px; color: #9a3412 !important; font-size: .8rem; padding: 9px 11px; }
.mod17426-flag-note code { color: inherit; }
.mod17426-reset-dialog { align-items: center; background: rgba(15,23,42,.62); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 1090; }
.mod17426-reset-dialog[hidden] { display: none; }
.mod17426-reset-dialog > div { background: #fff; border-radius: 18px; box-shadow: 0 28px 80px rgba(0,0,0,.28); max-height: calc(100vh - 40px); max-width: 760px; overflow: auto; padding: 22px; width: 100%; }
.mod17426-reset-dialog header { align-items: center; display: flex; justify-content: space-between; }
.mod17426-reset-dialog header h2 { font-size: 1.25rem; margin: 0; }
.mod17426-reset-dialog header button { background: transparent; border: 0; padding: 8px; }
.mod17426-reset-columns { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 18px 0; }
.mod17426-reset-columns section { background: #fff1f2; border: 1px solid #fecdd3; border-radius: 12px; padding: 14px; }
.mod17426-reset-columns section.is-preserved { background: #ecfdf5; border-color: #a7f3d0; }
.mod17426-reset-columns h3 { font-size: .95rem; }
.mod17426-reset-columns ul { font-size: .82rem; margin: 0; padding-left: 18px; }
.mod17426-reset-columns li + li { margin-top: 6px; }
.mod17426-reset-dialog label { display: grid; font-weight: 700; gap: 7px; }
.mod17426-reset-dialog footer { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.mod17426-expiry { color: #64748b; font-size: .8rem; }
body.mod17426-dialog-open { overflow: hidden; }

@media (max-width: 768px) {
  .mod17426-data-hero { align-items: stretch; flex-direction: column; gap: 14px; padding: 18px; }
  .mod17426-data-hero .btn { align-self: flex-start; }
  .mod17426-status-card { grid-template-columns: 1fr; }
  .mod17426-status-card dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mod17426-data-grid,
  .mod17426-reset-columns { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
  .mod17426-data-page { padding-top: 8px; }
  .mod17426-status-card dl { grid-template-columns: 1fr; }
  .mod17426-reset-dialog { padding: 8px; }
  .mod17426-reset-dialog > div { max-height: calc(100vh - 16px); padding: 16px; }
  .mod17426-reset-dialog footer { align-items: stretch; flex-direction: column-reverse; }
  .mod17426-reset-dialog footer .btn { width: 100%; }
}