.company-archive { min-width: 0; }
.company-archive-heading, .company-archive-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.company-archive-heading h3 { margin: 0; font-size: 22px; }
.company-archive-heading p { color: #60656b; margin: 6px 0 0; }
.company-archive-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(160px, 1fr)); gap: 16px; margin: 22px 0; }
.company-archive label, .company-archive-dialog label { display: grid; gap: 6px; min-width: 0; font-size: 13px; }
.company-archive input, .company-archive select, .company-archive-dialog input, .company-archive-dialog select, .company-archive-dialog textarea { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cbd0d5; border-radius: 5px; background: white; color: #26282b; font: inherit; }
.company-archive-folder { border-top: 1px solid #dce0e4; }
.company-archive-folder > summary { display: flex; align-items: center; gap: 14px; cursor: pointer; padding: 16px 0; font-weight: 650; }
.company-archive-folder > summary::before { content: "+"; width: 22px; text-align: center; font-size: 20px; color: #aa470e; }
.company-archive-folder[open] > summary::before { content: "-"; }
.company-archive-table-wrap { overflow-x: auto; }
.company-archive table { width: 100%; }
.company-archive td { vertical-align: top; }
.company-archive td:first-child { min-width: 220px; max-width: 380px; overflow-wrap: anywhere; }
.company-archive td small { display: block; color: #636870; margin-top: 5px; }
.company-archive-note { margin: 8px 0 0; white-space: pre-wrap; font-size: 12px; }
.company-archive-row-actions { display: flex; flex-wrap: wrap; gap: 10px; min-width: 155px; }
.company-archive-row-actions a { text-decoration: none; }
.company-archive-empty { padding: 24px 0; border-top: 1px solid #dce0e4; color: #636870; }
.company-archive-status:empty { display: none; }
.company-archive-dialog { width: min(780px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px); padding: 0; border: 1px solid #d1d5da; border-radius: 8px; box-shadow: 0 18px 70px #0004; color: #272a2d; background: white; }
.company-archive-dialog::backdrop { background: #15171999; }
.company-archive-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; border-bottom: 1px solid #ddd; position: sticky; top: 0; background: white; z-index: 2; }
.company-archive-dialog h2 { font-size: 21px; margin: 0; }
.company-archive-dialog header p { font-size: 13px; color: #62666b; margin: 6px 0 0; }
.company-archive-dialog form { padding: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.company-archive-dialog .wide, .company-archive-file-name { grid-column: 1 / -1; }
.company-archive-file-name { overflow-wrap: anywhere; margin: 0; }
.company-archive-dialog footer { display: flex; justify-content: flex-end; }
.company-archive .primary-button, .company-archive-dialog .primary-button { background: #ed6a16; color: #171717; border: 1px solid #ce5106; box-shadow: none; }
.company-archive-error { color: #b32331; margin: 0; white-space: pre-wrap; }
.company-archive-error:empty { display: none; }
@media (max-width: 700px) {
  .company-archive-filters, .company-archive-dialog form { grid-template-columns: minmax(0, 1fr); }
  .company-archive-dialog form, .company-archive-dialog > header { padding: 16px; }
  .company-archive-heading h3 { font-size: 20px; }
}