/* Housing Court Filer — Cases Workspace.
   Ported from the approved cases screen (the workspace blocks of assets/styles.css).
   Loaded only while /cases is rendered and every rule is prefixed with .cases-page so no
   other module's styling changes. */

.cases-page{
  --navy:#213d66;--navy-dark:#193354;--navy-deep:#132b4a;
  --gold:#e4b64f;--line:#e1e6ed;--line-dark:#cbd4df;
  --ink:#172941;--muted:var(--hcf-navy);--green:#13815f;
  --shadow-sm:0 3px 12px rgba(27,48,79,.08);
  color:var(--hcf-text);
}
.cases-page .icon{width:1.15em;height:1.15em;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. */
.cases-page :where(a){color:inherit;text-decoration:none}
.cases-page :where(button){cursor:pointer;font:inherit;color:inherit}
.cases-page input,.cases-page select{padding:8px 11px;outline:none;width:100%}
.cases-page input:focus,.cases-page select:focus{border-color:#7897c0}
.cases-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ------------------------------------------------------------ workspace card */
.cases-page .workspace-card{overflow:hidden}
.cases-page .workspace-head{display:flex;align-items:center}
.cases-page .workspace-head h1{margin:0}
.cases-page .workspace-controls{margin-left:auto;display:flex;gap:3px;align-items:center}
.cases-page .workspace-controls select{min-width:200px}
.cases-page .workspace-controls label{margin:0}
.cases-page .view-toggle{display:flex;border:1px solid #aab6c6;border-radius:10px;overflow:hidden}
.cases-page .view-toggle button{width:42px;height:42px;border:0;background:#fff;color:var(--hcf-text-meta);display:grid;place-items:center}
.cases-page .view-toggle button.active{background:var(--navy);color:var(--hcf-text-inverse)}
.cases-page .square-refresh .icon{width:19px;height:19px}

/* ------------------------------------------------------------- search row */
.cases-page .case-search-row{display:grid;grid-template-columns:repeat(3,1fr) 1fr;gap:7px;padding:13px 20px}
.cases-page .case-search-row label{position:relative;display:grid;gap:5px;margin:0}
.cases-page .case-search-label{font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label);letter-spacing:var(--hcf-tracking-caps);color:var(--hcf-text-meta);text-transform:uppercase}
.cases-page .case-search-row .icon{position:absolute;right:12px;bottom:13px;color:var(--hcf-text-meta)}
.cases-page .case-search-row input{padding-right:40px}
.cases-page .case-search-row .advanced-button{align-self:end}
.cases-page .case-advanced-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 20px 13px}
.cases-page .case-advanced-row label{display:grid;gap:5px;margin:0}

/* ------------------------------------------------------------- case cards */
.cases-page .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:12px 20px 24px}
.cases-page .case-card{min-width:0}
.cases-page .case-card>:not(header){margin-inline:14px}
.cases-page .case-card header{display:flex;align-items:center;gap:8px}
.cases-page .case-card header>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.cases-page .case-card header>div:first-child a{font-weight:var(--hcf-weight-bold);color:var(--hcf-text-link)}
.cases-page .case-type-chip,.cases-page .active-status,.cases-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}
.cases-page .case-type-chip{background:#eef2ff;color:var(--hcf-text-meta)}
.cases-page .active-status{background:#1f9664;color:var(--hcf-text-inverse)}
.cases-page .status-chip.amber{background:#fff0d0;color:var(--hcf-text-warning)}
.cases-page .status-chip.gray{background:#eef1f5;color:var(--hcf-text-meta)}
.cases-page .status-chip.blue{background:#eaf2ff;color:var(--hcf-text-meta)}
.cases-page .case-card-icons{margin-left:auto;display:flex;gap:6px}
.cases-page .row-actions a{border:0;background:none;color:var(--hcf-text-link);padding:2px;display:inline-grid;place-items:center}
.cases-page .case-card-icons .icon,.cases-page .row-actions .icon{width:16px;height:16px}
.cases-page .case-card dl{padding:13px 0;margin-block:0;border-bottom:1px solid var(--line)}
.cases-page .case-card dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:5px}
.cases-page .case-card dt{font-weight:var(--hcf-weight-bold)}
.cases-page .case-card dd{margin:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hcf-text-meta)}
.cases-page .case-card footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:43px}
.cases-page .case-card footer time{text-align:right}

/* ------------------------------------------------------------ table view */
.cases-page .case-table-wrap{padding:0 20px 24px;overflow-x:auto}
.cases-page .hcf-table{width:100%;border-collapse:collapse;margin:0}
.cases-page .hcf-table th,.cases-page .hcf-table td{padding:10px 12px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}
.cases-page .hcf-table th{background:#fafafa}
.cases-page .hcf-table tr:hover td{background:#fbfcfe}
.cases-page .hcf-table a{font-weight:var(--hcf-weight-bold);color:var(--hcf-text-link)}

.cases-page .no-case-results{text-align:center;padding:30px;color:var(--hcf-text-meta)}
.cases-page .case-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 20px 22px;color:var(--hcf-text-meta);font-weight:var(--hcf-weight-bold)}

@media(max-width:1180px){
  .cases-page .workspace-head{align-items:flex-start;flex-direction:column;gap:12px}
  .cases-page .workspace-controls{margin-left:0;flex-wrap:wrap}
  .cases-page .workspace-controls select{min-width:150px}
  .cases-page .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cases-page .case-advanced-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .cases-page .case-grid{grid-template-columns:1fr}
  .cases-page .case-search-row{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .cases-page .case-search-row,.cases-page .case-advanced-row{grid-template-columns:1fr}
  .cases-page .workspace-controls select{width:100%}
}
/* The shared tab bar (.hcf-tabs in app.css) is inset from the card it heads. */
.cases-page .workspace-tabs{margin:12px 16px 0}