/* Internal workspace layout. Scope screen controls separately from printable sheets. */
@media screen {
  #appShell, #vehiclePreview {
    --ui-gap: var(--space-2);
    --ui-control: 42px;
    --ui-radius: var(--radius-md);
    font-variant-numeric: tabular-nums;
  }
  #appShell .rp-archive {container-type:inline-size}
  #appShell [hidden], #vehiclePreview [hidden] {display:none!important}
  #appShell :is(.cmeta,.nav-text,.v-category strong,.gf-question p,.vc-qtext,.rp-candidate-list p,.rp-table td) {
    text-align: start;
    overflow-wrap: break-word;
    min-inline-size: 0;
  }
  #appShell :is(.gf-fields,.rp-fields,.vc-form-grid,.v-form) {gap: 12px 16px;align-items:start}
  #appShell :is(.gf-fields,.rp-fields,.vc-form-grid,.v-form) label {min-inline-size:0;line-height:1.65}
  #appShell :is(.gf-fields,.rp-fields,.vc-form-grid,.v-form) :is(input:not([type=checkbox],[type=radio]),select,textarea) {box-sizing:border-box;max-inline-size:100%}
  #appShell :is(.gf-actions,.v-actions,.rp-actions,.rp-bottom,.rp-choice,.v-tabs,.gf-step,.rp-steps), #vehiclePreview .vc-modal-toolbar {
    display:flex;flex-wrap:wrap;gap:var(--ui-gap);align-items:center;justify-content:flex-start;
  }
  #appShell :is(.v-btn,.v-tabs button,.gf-step button,.rp-steps button,.rp-choice button), #vehiclePreview .vc-modal-toolbar button {
    box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;
    min-block-size:var(--ui-control);line-height:1.5;text-align:center;padding:6px 12px;border-radius:var(--ui-radius);
  }
  #appShell :is(button,a,input,select,textarea):focus-visible, #vehiclePreview button:focus-visible {outline:2px solid var(--color-focus);outline-offset:2px}
  #appShell :is(.nav button,.cicon,.v-icon,.iconbtn,#shellToggle) svg:not(.chev) {
    inline-size:21px;block-size:21px;flex:none;stroke-linecap:round;stroke-linejoin:round;
  }
  #appShell .nav button {gap:10px;align-items:center;line-height:1.6}
  #appShell .nav .chev {margin-inline-start:auto;flex:none}
  #appShell :is(.cicon,.v-icon,.iconbtn,#shellToggle) {display:inline-grid;place-items:center;flex:none}
  #appShell .v-category {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;text-align:start;height:auto}
  #appShell .v-category .v-icon {margin:0 0 5px}
  #appShell .v-category :is(strong,small) {margin:0;white-space:normal}
  #appShell .card {min-inline-size:0;height:auto;min-block-size:104px;align-items:center;gap:12px}
  #appShell .cmeta {display:grid;gap:3px;align-content:center}
  #appShell #genericForm>.gf-pages {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
  #appShell #gfPageSelect {justify-self:center;max-inline-size:100%;min-inline-size:0}
  #appShell .rp-archive-table th,#appShell .rp-archive-table td {vertical-align:middle;text-align:start}
  #appShell .rp-archive-table .rp-row-actions {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:6px}
  #appShell .rp-row-actions button {justify-content:flex-start;white-space:nowrap;min-block-size:36px}
  #appShell .rp-row-actions svg {width:16px;height:16px;flex:none;pointer-events:none}
  #appShell .rp-row-actions [data-action=delete] {color:#933e38}
  #vehiclePreview .vc-modal-toolbar>span {flex:1 1 14em;min-inline-size:0;text-align:end}
}
@media screen and (max-width:760px) {
  #appShell,#vehiclePreview {--ui-control:44px}
  #appShell .gf-fields,#appShell .rp-fields,#appShell .vc-form-grid {grid-template-columns:minmax(0,1fr)}
  #vehiclePreview .vc-modal-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:35vh;overflow:auto}
  #vehiclePreview .vc-modal-toolbar>span {grid-column:1/-1;text-align:start}
}

@media screen {
 @container (max-width: 880px) {
  #appShell .rp-archive-table {display:block;width:100%;min-width:0;max-width:none}
  #appShell .rp-archive-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #appShell .rp-archive-table tbody {display:grid;gap:12px}
  #appShell .rp-archive-table tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;border:1px solid var(--ui-border);border-radius:12px;padding:12px;background:#ffffffbd}
  #appShell .rp-archive-table tbody td {display:block;min-width:0;max-width:none;border:0;padding:0;white-space:normal;overflow-wrap:anywhere}
  #appShell .rp-archive-table tbody td::before {content:attr(data-label);display:block;font-size:11px;color:#526c63}
  #appShell .rp-archive-table td:last-child {grid-column:1/-1;border-block-start:1px solid var(--ui-border);padding-block-start:8px}
  #appShell .rp-archive-table td:last-child::before {display:none}
  #appShell .rp-row-actions button {min-block-size:44px}
 }
}

/* Each print fact owns one column. Long values wrap within their own column. */
.gf-paper .sheet-facts {direction:rtl;display:grid;grid-template-columns:repeat(var(--facts),minmax(0,1fr));white-space:normal;align-items:start;text-align:start}
.gf-paper .sheet-fact {min-width:0;padding:1.2mm 2mm;line-height:1.55}
.gf-paper .sheet-fact+.sheet-fact {border-inline-start:.4pt solid #b7bfbb}
.gf-paper .sheet-fact>span {display:block;font-size:8pt!important;color:#39453f;font-weight:500}
.gf-paper .sheet-fact>bdi {display:block;font-size:10pt!important;min-height:1.5em;overflow-wrap:anywhere;color:#111}
.gf-paper .report-finding-row td {vertical-align:top;text-align:start;overflow-wrap:break-word}
.gf-paper .report-finding-row .report-number {text-align:center;font-variant-numeric:tabular-nums}
.gf-paper .report-strength-content {align-items:baseline;text-align:start}
.gf-paper .report-strength-text,.gf-paper .gf-signature-item {min-width:0;overflow-wrap:break-word}
.report-paper .report-finding-row td:nth-child(4){font-size:8pt!important;line-height:1.45!important;overflow-wrap:anywhere}.report-paper .report-main,.report-paper .report-company{width:calc(100% - 2px)!important;margin-inline:auto!important;border:1px solid var(--color-print-ink)!important;box-sizing:border-box}.report-paper .report-main>tbody>tr>*:first-child{border-right:1px solid var(--color-print-ink)!important}@media print{@page{margin:12mm 13mm 16mm;@bottom-center{content:'صفحه ' counter(page) ' از ' counter(pages);font-size:9pt}}.report-print,.report-paper{max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}}
@media(min-width:761px){#appShell .rp-row-actions button{min-block-size:30px;padding:3px 7px;font-size:12px}}
/* Keep the complete sheet reachable on a narrow preview. */
@media screen {
  #vehiclePreview.vc-modal .vc-paper-host {
    direction: ltr;
    overflow: auto;
    min-width: 0;
  }
  #vehiclePreview.vc-modal .vc-print-pages {
    width: var(--paper-width, 215.9mm);
    max-width: none;
  }
  #vehiclePreview.vc-modal .vc-paper {
    box-sizing: border-box;
    max-width: 100%;
  }
}