/* Housing Court Filer — Reminder Center.
   Ported from the approved reminder-center screen (assets/styles.css .page-breadcrumb,
   .module-heading, .standard-card, .hcf-table, .reminder-filters.page, .row-actions blocks).
   Loaded only while /reminder-center is rendered and every rule is prefixed with
   .reminder-center-page so no other module's styling changes. */

.reminder-center-page{
  --navy:#213d66;--navy-dark:#193354;
  --gold:#e4b64f;--gold-dark:#d4a73d;
  --line:#e1e6ed;--muted:var(--hcf-navy);--ink:#172941;
  --green:#1f9664;--amber-bg:#fff0d0;--amber-ink:#976600;
  --red-bg:#fbeaea;--red-ink:#b42318;--gray-bg:#eef1f5;--gray-ink:var(--hcf-navy);
  color:var(--hcf-text);
}
.reminder-center-page .icon{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Held at one-class weight (:where) so the shared buttons in components.css keep their own colours. */
.reminder-center-page :where(a){color:inherit;text-decoration:none}
.reminder-center-page :where(button){cursor:pointer;font:inherit;color:inherit}
.reminder-center-page input,.reminder-center-page select{padding:8px 11px;outline:none;width:100%}
.reminder-center-page input:focus,.reminder-center-page select:focus{border-color:#7897c0}
.reminder-center-page label{display:grid;gap:6px}

/* ------------------------------------------------------------- breadcrumb, heading */
.reminder-center-page .page-breadcrumb{display:flex;gap:8px;align-items:center;margin:4px 0 18px}
.reminder-center-page .module-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:14px}
.reminder-center-page .module-heading h1{margin:0}
.reminder-center-page .module-heading p{margin:4px 0 0}

/* -------------------------------------------------------------------- standard card */
.reminder-center-page .standard-card{overflow:hidden;margin-bottom:18px}
.reminder-center-page .standard-card>header{flex-wrap:wrap;gap:10px}

.reminder-center-page .reminder-filters{display:flex;gap:9px;flex-wrap:wrap}
.reminder-center-page .reminder-filters.page{margin-left:0}
.reminder-center-page .reminder-filters button{border:0;background:none;font-weight:var(--hcf-weight-bold);padding:7px 12px;border-radius:999px;color:var(--hcf-text-meta)}
.reminder-center-page .reminder-filters button.active{background:var(--gold);color:var(--hcf-text)}
.reminder-center-page .reminder-filters span{background:#eee;border-radius:50%;padding:1px 7px;margin-left:5px;font-size:var(--hcf-text-column)}
.reminder-center-page .reminder-filters button.active span{background:rgba(0,0,0,.12)}

/* -------------------------------------------------------------------------- table */
.reminder-center-page .hcf-table-wrap{overflow:auto}
.reminder-center-page .hcf-table{width:100%;border-collapse:collapse}
.reminder-center-page .hcf-table th,.reminder-center-page .hcf-table td{padding:10px 12px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:middle}
.reminder-center-page .hcf-table th{background:#fafafa}
.reminder-center-page .hcf-table tr:hover td{background:#fbfcfe}
.reminder-center-page .hcf-table td small{display:block;color:var(--hcf-text-meta);margin-top:3px}
.reminder-center-page .empty-table{text-align:center!important;padding:34px!important}

.reminder-center-page .status-chip{display:inline-flex;align-items:center;border-radius:7px;padding:3px 8px;font-size:var(--hcf-text-column);font-weight:var(--hcf-weight-label);white-space:nowrap}
.reminder-center-page .status-chip.green{background:var(--green);color:var(--hcf-text-inverse)}
.reminder-center-page .status-chip.amber{background:var(--amber-bg);color:var(--hcf-text-warning)}
.reminder-center-page .status-chip.red{background:var(--red-bg);color:var(--hcf-text-danger)}
.reminder-center-page .status-chip.gray{background:var(--gray-bg);color:var(--hcf-text-meta)}

.reminder-center-page .row-actions{white-space:nowrap;display:flex;gap:4px}
.reminder-center-page .row-actions button[disabled]{opacity:.35;cursor:not-allowed}
.reminder-center-page .row-actions .icon{width:16px;height:16px}

/* --------------------------------------------------------------- create/edit panel */
.reminder-center-page .reminder-form-panel{padding:18px;margin-bottom:18px}
.reminder-center-page .reminder-form-panel h2{margin:0 0 14px}
.reminder-center-page .reminder-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reminder-center-page .reminder-form-grid .span-2{grid-column:span 2}
.reminder-center-page .reminder-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.reminder-center-page .case-picker-search{margin-bottom:8px}

@media(max-width:900px){
  .reminder-center-page .module-heading{align-items:flex-start;flex-direction:column}
  .reminder-center-page .reminder-form-grid{grid-template-columns:1fr}
  .reminder-center-page .reminder-form-grid .span-2{grid-column:auto}
  .reminder-center-page .reminder-filters{overflow:auto}
}