/* ARC extends the existing cream, olive, and charcoal portal design. */
.arc-note{color:var(--muted);font-size:12px;margin:0 0 22px}
.arc-filters>label:not(.property-search){display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);max-width:100%}
.arc-filters select{max-width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--charcoal);font:inherit;min-height:44px}
.arc-table{min-width:1250px}.arc-table td,.arc-table th{padding:14px 16px}
.arc-table .arc-description{min-width:180px;max-width:280px;overflow-wrap:anywhere}
.arc-table .badge{white-space:normal}.arc-table tbody tr:hover{background:var(--olive-light)}
dialog.arc-detail{max-width:980px}.arc-detail h4{font-size:13px;margin:18px 0 10px}
.arc-detail .property-summary{align-items:start}.arc-detail .property-actions .button{margin-top:0}
.arc-detail p,.arc-detail li,.arc-detail dd{font-size:13px}
.arc-detail .property-section>h3{margin-bottom:12px}
.arc-text{white-space:pre-wrap;overflow-wrap:anywhere}
.arc-review{margin:0}.arc-review dt{font-size:11px;color:var(--muted);margin-top:12px}.arc-review dd{margin:4px 0 12px}
.arc-attachments{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arc-attachments li,.arc-notice-card{padding:16px;border:1px solid var(--border);border-radius:4px;margin-bottom:12px;background:var(--page);min-width:0;overflow-wrap:anywhere}
.arc-attachments .badge{margin:8px 0;display:table}.arc-attachments small,.arc-notice-card small{display:block;color:var(--muted);font-size:11px}
.arc-detail summary,.property-detail summary{cursor:pointer;color:var(--olive-dark);font-size:12px;padding:10px 0}
.arc-detail summary:focus-visible,.property-detail summary:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
.arc-feedback:empty{display:none}.arc-feedback:not(:empty){padding:12px;border-left:3px solid var(--olive);background:var(--olive-light)}
.arc-detail #arc-form-error{color:#7a6b49}
.arc-letter{background:white;color:var(--charcoal);border:1px solid var(--border);padding:32px;margin:20px 0;font-size:14px}
.arc-letterhead{display:flex;align-items:center;gap:24px;border-bottom:2px solid var(--olive);padding-bottom:20px;margin-bottom:24px}
.arc-letterhead .logo{flex-shrink:0}.arc-letterhead strong{font-family:Georgia,serif;font-size:24px;font-weight:400}
.arc-letterhead p{margin:6px 0 0}.arc-letter h2{font-family:Georgia,serif;font-size:22px;margin:24px 0}
.arc-letter .arc-letter-demo{font-size:10px;letter-spacing:1px;color:var(--olive-dark)}
.arc-letter footer{padding:24px 0 0;margin-top:32px;border-top:1px solid var(--border);font-size:10px}
#arc-print{display:none}
@media(max-width:760px){.arc-filters>label:not(.property-search){flex:1 1 150px}.arc-attachments{grid-template-columns:1fr}.arc-letter{padding:18px}.arc-letterhead{flex-direction:column;align-items:flex-start;gap:10px}.arc-detail .property-actions .button{min-height:40px}}
@media print{
  body.printing-arc{background:white;margin:0}
  body.printing-arc>*{display:none!important}
  body.printing-arc>#arc-print{display:block!important}
  body.printing-arc dialog::backdrop{display:none!important}
  #arc-print .arc-letter{border:0;margin:0;padding:0;font:12pt/1.5 Georgia,serif}
  #arc-print .arc-letterhead{break-inside:avoid;flex-direction:row;align-items:center}
  #arc-print .arc-letter h2{break-after:avoid}
  #arc-print .arc-text{orphans:3;widows:3}
  #arc-print .arc-letter-demo{font-family:Arial,sans-serif}
  @page{size:letter;margin:0.7in}
}