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

   The static screen draws the workspace as a fixed overlay above the case page because both
   live in one HTML file. Here Actions is its own route inside the application shell, so the
   same surface is laid out in flow; every rule below it is the approved one, unchanged. */

.actions-page{
  --navy:#213d66;--navy-dark:#193354;--navy-deep:#132b4a;
  --gold:#e4b64f;--gold-dark:#d4a73d;--ivory:#faf5e9;
  --line:#e1e6ed;--line-dark:#cbd4df;--surface-soft:#fafbfd;
  --ink:#172941;--muted:var(--hcf-navy);--muted-2:var(--hcf-navy);--green:#13815f;--green-soft:#e7f5ef;--red:#c74343;
  --shadow-sm:0 3px 12px rgba(27,48,79,.08);
  color:var(--hcf-text);
}
.actions-page .icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.actions-page :where(a){color:inherit;text-decoration:none}
.actions-page :where(button){cursor:pointer;font:inherit;color:inherit}
.actions-page input,.actions-page select,.actions-page textarea{width:100%}
.actions-page input[type=radio],.actions-page input[type=checkbox]{width:auto;min-height:0;padding:0;box-shadow:none}
.actions-page label b{color:var(--hcf-text-danger)}
.actions-page .read-only{background:#edf3fc!important;font-weight:var(--hcf-weight-bold)}
.actions-page .wide-upload{width:100%}
.actions-page button[disabled]{opacity:.55;cursor:not-allowed}
.actions-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}
.actions-page .status-chip.green{background:#1f9664;color:var(--hcf-text-inverse)}
.actions-page .status-chip.amber{background:#fff0d0;color:var(--hcf-text-warning)}
.actions-page .status-chip.blue{background:#eaf2ff;color:var(--hcf-text-meta)}
.actions-page .status-chip.gray{background:#eef1f5;color:var(--hcf-text-meta)}
.actions-page .switch{display:inline-flex;align-items:center}
.actions-page .switch input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}
.actions-page .switch span{display:inline-block;width:47px;height:25px;background:#e2eaf4;border:1px solid #bac8d8;border-radius:999px;position:relative;transition:.18s}
.actions-page .switch span:after{content:"";position:absolute;width:19px;height:19px;background:#6e8bb4;border-radius:50%;top:2px;left:3px;transition:.18s}
.actions-page .switch input:checked+span{background:#dcf3e9;border-color:#96d2b7}
.actions-page .switch input:checked+span:after{left:23px;background:var(--green)}
.actions-page .input-with-icon{display:flex;border:1px solid #d7e0ea;border-radius:10px;overflow:visible;background:#fff}
.actions-page .input-with-icon .icon{margin:14px 0 0 14px}
.actions-page .input-with-icon input{border:0;border-radius:0;box-shadow:none!important}
.actions-page .span-2{grid-column:span 2}
.actions-page .hcf-table{width:100%;border-collapse:collapse}
.actions-page .hcf-table th,.actions-page .hcf-table td{padding:10px 12px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}
.actions-page .hcf-table th{background:#fafafa}

/* The approved overlay: a full-height panel anchored to the right of the application shell,
   leaving the left navigation visible exactly as on the static screen. */

/* The approved overlay: a full-height panel anchored to the right of the application shell,
   leaving the left navigation visible exactly as on the static screen. */
.actions-page .actions-overlay{position:fixed;z-index:200;top:0;right:0;bottom:0;left:var(--hcf-sidebar,250px);background:#fff;box-shadow:-12px 0 30px rgba(27,44,70,.16);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.actions-page .action-underlay{filter:none}

/* Non-LT uses the approved action drawer: one action rail beside the active shared form. */
.actions-page .nonlt-actions-overlay{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.actions-page .nonlt-actions-overlay .actions-header{grid-column:1/-1}
.actions-page .nonlt-actions-overlay .actions-body{grid-column:2;grid-row:2;padding:25px;min-width:0}
.actions-page .nonlt-actions-overlay .action-footer{grid-column:1/-1;grid-row:3}
.actions-page .nonlt-action-nav{grid-column:1;grid-row:2;border-right:1px solid var(--line);background:#f8fafc;padding:16px;display:flex;flex-direction:column;gap:7px;overflow:auto}
.actions-page .nonlt-action-nav button,.actions-page .nonlt-action-nav a{border:1px solid transparent;border-radius:10px;text-align:left;padding:12px 13px;background:none;min-height:48px;display:block;color:var(--hcf-text)}
.actions-page .nonlt-action-nav button.active{background:#fff;border-color:#b3c5da;color:var(--hcf-text-meta);box-shadow:var(--shadow-sm)}
.actions-page .nonlt-action-nav strong{display:block;font-size:var(--hcf-text-table)}
.actions-page .nonlt-action-nav span{display:block;font-size:var(--hcf-text-caption);color:var(--hcf-text-meta);margin-top:2px;font-weight:var(--hcf-weight-regular)}
.actions-page .nonlt-action-nav a:hover,.actions-page .nonlt-action-nav button:hover{background:#fff;border-color:#d7e0ea}
.actions-page .action-workspace.nonlt-matter-workspace{display:block;width:100%}
.actions-page .nonlt-action-intro{margin-bottom:20px}
.actions-page .nonlt-action-intro h2{margin:0 0 5px}
.actions-page .nonlt-action-intro p{margin:0;color:var(--hcf-text-meta);font-size:var(--hcf-text-table)}
.actions-page .nonlt-actions-overlay .action-footer .outline-action{min-width:120px}

/* The matter context that stays visible behind the panel, as on the approved screen. */
.actions-page .case-breadcrumb{display:flex;gap:9px;align-items:center;font-weight:var(--hcf-weight-bold);margin-bottom:14px;color:var(--hcf-text-meta)}
.actions-page .case-breadcrumb a:first-child{color:var(--hcf-text)}
.actions-page .matter-banner{background:linear-gradient(105deg,#17365e,#2c6282);border-radius:19px;color:var(--hcf-text-inverse);padding:19px 23px;display:flex;align-items:center;min-height:120px}
.actions-page .matter-pills{display:flex;gap:8px;margin-bottom:5px}
.actions-page .matter-pills span{background:rgba(255,255,255,.16);padding:5px 10px;border-radius:999px;font-size:var(--hcf-text-column);font-weight:var(--hcf-weight-label)}
.actions-page .matter-banner h1{margin:0 0 3px}
.actions-page .matter-banner p{margin:0;color:var(--hcf-text-inverse-meta)}
.actions-page .matter-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}
.actions-page .matter-metric{min-height:94px}
.actions-page .matter-metrics header{display:flex;justify-content:space-between;color:var(--hcf-text-meta);font-weight:var(--hcf-weight-bold)}
.actions-page .matter-metrics i{font-style:normal;width:31px;height:31px;border-radius:9px;background:#eaf2ff;display:grid;place-items:center;color:var(--hcf-text-meta)}
.actions-page .matter-metrics strong{font-size:var(--hcf-text-metric);display:block;padding:14px 16px}
.actions-page .active-dot:before{content:"";display:inline-block;width:8px;height:8px;background:#159464;border-radius:50%;margin-right:8px}

.actions-page .actions-header{display:flex;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--line)}
.actions-page .actions-header h1{margin:0}
.actions-page .actions-header p{margin:4px 0 0;color:var(--hcf-text-meta)}
.actions-page .actions-close{margin-left:auto}
.actions-page .actions-close .icon{width:24px;height:24px}
.actions-page .actions-tabs{margin:16px 18px 14px}
.actions-page .actions-body{min-height:0;overflow:auto;padding:0 18px 12px}
.actions-page .action-panel{height:100%}
.actions-page .action-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px}
.actions-page .action-step-list{display:grid;align-content:start;gap:12px}
.actions-page .action-step-list button{border:1px solid var(--line);border-radius:12px;background:#fff;min-height:88px;padding:13px 15px;text-align:left;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px}
.actions-page .action-step-list button span{width:27px;height:27px;border-radius:50%;background:#edf2fa;display:grid;place-items:center;font-weight:var(--hcf-weight-bold)}
.actions-page .action-step-list button strong{font-size:var(--hcf-text-table)}
.actions-page .action-step-list button small{grid-column:2;color:var(--hcf-text-meta);font-size:var(--hcf-text-caption)}
.actions-page .action-step-list button.active{background:#eef4fd;border:2px solid var(--navy)}
.actions-page .action-step-list button.active span{background:var(--navy);color:var(--hcf-text-inverse)}
.actions-page .action-step-content{min-width:0}
.actions-page .action-title-card{min-height:60px;padding:13px 16px;display:flex;align-items:center;margin-bottom:13px}
.actions-page .action-title-card h2{margin:0}
.actions-page .action-title-card span{margin-left:auto;background:#edf3fd;color:var(--hcf-text-meta);border-radius:999px;padding:7px 12px;font-size:var(--hcf-text-caption);font-weight:var(--hcf-weight-label)}
.actions-page .action-form-card{padding:16px;margin-bottom:13px}
.actions-page .action-form-card>header{margin:-16px -16px 14px}
.actions-page .action-form-card h3{margin:0 0 13px}
.actions-page .action-form-card>header h3{margin:0}
.actions-page .action-form-card>header span{color:var(--hcf-text-meta);font-size:var(--hcf-text-column)}
.actions-page .action-form-grid{display:grid;gap:12px}
.actions-page .action-form-grid.two{grid-template-columns:repeat(2,1fr)}
.actions-page .action-form-grid.three{grid-template-columns:repeat(3,1fr)}
.actions-page .action-form-grid.four, .actions-page .notice-grid{grid-template-columns:repeat(4,1fr)}
.actions-page .action-form-grid input, .actions-page .action-form-grid select{margin-top:5px}
.actions-page .action-form-grid label>.date-field{margin-top:5px}
.actions-page .good-cause-toggle, .actions-page .toggle-label{display:flex!important;align-items:center;justify-content:space-between;background:#f2f6fc;border-radius:8px;padding:10px 12px;min-height:47px;margin-top:22px}
.actions-page .action-footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px 20px;background:#fff}
.actions-page .action-footer button{min-width:120px}
.actions-page .action-footer-error{flex:0 0 100%;display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid #d99b9b;border-radius:8px;background:#fff2f2;color:var(--hcf-text-danger)}
.actions-page .action-footer-error strong{white-space:nowrap}
.actions-page .action-context-strip{background:#edf3fb;border-radius:8px;padding:9px 13px;margin-bottom:13px;display:flex;align-items:center;gap:10px}
.actions-page .action-context-strip span{color:var(--hcf-text-meta);font-size:var(--hcf-text-column)}
.actions-page .action-context-strip em{margin-left:auto;background:#fff5d6;border-radius:999px;padding:5px 9px;font-size:var(--hcf-text-caption);font-style:normal;font-weight:var(--hcf-weight-label)}
.actions-page .action-context-strip div{margin-left:auto;display:flex;gap:5px}
.actions-page .upload-dropzone{margin-top:12px;border:1px solid #adb8c7;border-radius:7px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:#fff;font-size:var(--hcf-text-body);font-weight:var(--hcf-weight-regular);letter-spacing:normal;text-transform:none}
.actions-page .upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.actions-page .upload-dropzone .icon{width:28px;height:28px;color:var(--hcf-text-meta)}
.actions-page .upload-dropzone small{color:var(--hcf-text-meta)}
.actions-page .upload-dropzone em{color:var(--hcf-text-danger);font-size:var(--hcf-text-caption);margin-top:6px;font-style:normal}
.actions-page .upload-dropzone.compact{min-height:145px}
.actions-page .selected-files{display:grid;gap:5px;margin-top:10px}
.actions-page .selected-files span{background:#eef4fa;padding:8px;border-radius:7px}
.actions-page .opposing-row{display:flex;align-items:center;gap:14px;margin-top:14px}
.actions-page .filing-type-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.actions-page .filing-type-buttons button{height:42px;background:#fff;border:1px solid #c7d1dd;border-radius:8px;font-weight:var(--hcf-weight-bold)}
.actions-page .filing-type-buttons button.active{background:#f5f8fd;border:2px solid var(--navy)}
.actions-page .document-paper{width:72%;min-height:430px;background:#fff;border:1px solid #d8d8d8;margin:18px auto 0;padding:35px;box-shadow:0 8px 20px rgba(0,0,0,.08);font-family:var(--hcf-font-document);color:#111}
.actions-page .court-caption{text-align:center;border-bottom:1px solid #111;padding-bottom:8px}
.actions-page .court-caption span{display:block;font-size:var(--hcf-text-column)}
.actions-page .info-banner{background:#eaf7f3;color:var(--hcf-text-success);padding:9px 12px;border-radius:6px;font-size:var(--hcf-text-column)}
.actions-page .service-package{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}
.actions-page .service-package label{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:8px}
.actions-page .service-package span{display:grid}
.actions-page .service-package small{color:var(--hcf-text-meta)}
.actions-page .add-contact{align-self:end}
.actions-page .reminder-toolbar{display:flex;gap:8px;align-items:center}
.actions-page .inline-reminder-form{display:grid;grid-template-columns:1fr 180px auto;gap:8px;margin-top:12px;align-items:end}
.actions-page .document-preview-modal{z-index:400}
.actions-page .document-preview-modal[hidden]{display:none}
.actions-page .preview-dialog{width:min(760px,90vw);max-height:90vh;overflow:auto}
.actions-page .preview-dialog>header h2{margin:0}
.actions-page .deadline-groups{display:grid;gap:14px;padding:4px 0 2px}
.actions-page .deadline-group h3{margin:0 0 7px}
.actions-page .deadline-group ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.actions-page .deadline-group li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}
.actions-page .deadline-group li strong{display:block;font-size:var(--hcf-text-small);color:var(--hcf-text-meta)}
.actions-page .deadline-group li small{display:block;color:var(--hcf-text-meta);font-size:var(--hcf-text-caption)}
.actions-page .deadline-group li .status-chip{margin-left:auto;white-space:nowrap}
.actions-page .date-time-row{display:flex;gap:9px;align-items:stretch}
.actions-page .date-time-row .date-field{flex:1 1 62%}
.actions-page .date-time-row>input[type="time"]{flex:0 1 38%;min-width:110px}

/* Hearing: appearance format radio cards. */
.actions-page .format-options{display:flex;gap:10px;margin:10px 0}
.actions-page .format-options label{border:1px solid var(--line);border-radius:9px;padding:9px 16px}
.actions-page .switch-label{display:flex;align-items:center;gap:6px;font-size:var(--hcf-text-caption)}
.actions-page .input-with-end-icon{position:relative}
.actions-page .input-with-end-icon .icon{position:absolute;right:13px;top:13px}
.actions-page .input-with-end-icon input{padding-right:40px}

/* Filings: attach-documents checklist and the draft-preview paper. */
.actions-page .document-choice{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}
.actions-page .document-choice span{display:grid}
.actions-page .document-choice small{color:var(--hcf-text-meta)}
.actions-page .document-choice em{margin-left:auto;font-style:normal;color:var(--hcf-text-meta)}
.actions-page .document-row-actions{display:flex;gap:6px;align-items:center}
.actions-page .document-row-empty{color:var(--hcf-text-meta)}
.actions-page .paper-grid{display:grid;grid-template-columns:1.7fr 1fr;border-bottom:1px solid #111}
.actions-page .paper-grid>div{padding:13px}
.actions-page .paper-grid>div+div{border-left:1px solid #111}

/* Notes: the single large textarea and its inline save button. */
.actions-page .large-textarea{min-height:300px}
.actions-page .action-inline-save{float:right;margin-top:10px}

/* Reminder: health score, toolbar filters and the checklist. */
.actions-page .reminder-health{background:#f2f5f8;border-radius:7px;padding:10px 13px;display:flex;align-items:center;margin-bottom:9px}
.actions-page .reminder-health div{display:grid}
.actions-page .reminder-health span{font-size:var(--hcf-text-column);color:var(--hcf-text-meta)}
.actions-page .reminder-health b{margin-left:auto;color:var(--hcf-text-success);font-size:var(--hcf-text-card-title)}
.actions-page .reminder-filters{display:flex;gap:9px;margin-left:10px}
.actions-page .reminder-filters button{border:0;background:none;font-weight:var(--hcf-weight-bold)}
.actions-page .reminder-filters button.active{background:var(--gold);border-radius:999px;padding:7px 12px}
.actions-page .reminder-filters span{background:#eee;border-radius:50%;padding:1px 5px}
.actions-page .reminder-list{display:grid;gap:8px;margin-top:12px}
.actions-page .reminder-list label{border:1px solid var(--line);padding:10px;border-radius:7px;display:flex;align-items:center;gap:10px}

@media(max-width:1180px){
  .actions-page .action-form-grid.four,.actions-page .notice-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1180px){
  .actions-page .actions-overlay{left:150px}
  .actions-page .matter-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .actions-page .actions-overlay{left:58px}
  .actions-page .action-workspace{grid-template-columns:1fr}
  .actions-page .action-step-list{display:flex;overflow:auto}
  .actions-page .action-step-list button{min-width:190px}
  .actions-page .action-form-grid.three{grid-template-columns:1fr}
  .actions-page .action-form-grid.four,.actions-page .notice-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .actions-page .actions-overlay{left:0}
  .actions-page .nonlt-actions-overlay{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}
  .actions-page .nonlt-actions-overlay .actions-header{grid-column:1;grid-row:1}
  .actions-page .nonlt-action-nav{grid-column:1;grid-row:2;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px;max-height:100px}
  .actions-page .nonlt-action-nav button,.actions-page .nonlt-action-nav a{white-space:nowrap;min-width:max-content;min-height:44px;padding:8px 12px}
  .actions-page .nonlt-action-nav span{display:none}
  .actions-page .nonlt-actions-overlay .actions-body{grid-column:1;grid-row:3;padding:18px}
  .actions-page .nonlt-actions-overlay .action-footer{grid-column:1;grid-row:4}
  .actions-page .matter-metrics{grid-template-columns:1fr}
  .actions-page .actions-header{padding:12px}
  .actions-page .actions-tabs{margin:8px}
  .actions-page .actions-body{padding:0 8px}
  .actions-page .action-footer{padding:8px}
  .actions-page .action-footer button{min-width:auto;flex:1}
  .actions-page .action-form-grid.four,.actions-page .notice-grid,.actions-page .action-form-grid.two{grid-template-columns:1fr}
  .actions-page .service-package{grid-template-columns:1fr}
  .actions-page .opposing-row,.actions-page .reminder-toolbar{align-items:stretch;flex-direction:column}
  .actions-page .inline-reminder-form{grid-template-columns:1fr}
  .actions-page .filing-type-buttons{grid-template-columns:repeat(2,1fr)}
  .actions-page .document-paper{width:95%}
}