/* RP1.1: compact control groups, readable supporting text and fleet-level artwork.
   Deliberately page-scoped. Native values, status colors and shared owners are unchanged. */
#applicationMain [data-rp1] {
    --rp-copy:#d0e3ed;
    --rp-label:#b4dbe9;
}
#applicationMain [data-rp1] .rp11-register-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; align-items:center; }
#applicationMain [data-rp1] .rp11-register-tools>.rp1-disclosure-controls { display:contents; }
#applicationMain [data-rp1] .rp11-register-tools .rp1-page-note { display:none; }
#applicationMain [data-rp1] .rp11-register-tools [data-eco-expand] { grid-column:2; grid-row:1; justify-self:end; inline-size:auto; white-space:nowrap; }
#applicationMain [data-rp1] .rp11-register-tools .eco-register-sort { grid-column:1; grid-row:1; }
#applicationMain [data-rp1] .rp11-register-tools>span { grid-column:1/-1; color:var(--rp-copy); }
#applicationMain [data-rp1="processing"] .rp11-register-tools { grid-template-columns:minmax(0,1fr) auto auto; }
#applicationMain [data-rp1="processing"] .processing-register-tools-context { grid-column:1; grid-row:1; min-inline-size:0; color:var(--rp-copy); }
#applicationMain [data-rp1="processing"] .rp11-register-tools>.px-size { grid-column:3; grid-row:1; }
#applicationMain [data-rp1="processing"] .rp11-register-tools>.processing-compact-sorts { grid-column:1/-1; grid-row:2; order:initial; }
#applicationMain [data-rp1] .rp11-register-tools:has([data-eco-expand][hidden]) { grid-template-columns:minmax(0,1fr) auto; }
#applicationMain [data-rp1="processing"] .rp11-register-tools:has([data-eco-expand][hidden])>.px-size { grid-column:2; }

/* Readable blue-white units and context; keep colored warnings and recorded states. */
#applicationMain [data-rp1="processing"] .processing-measurement-value small { color:#c7e1ed!important; opacity:1; }
#applicationMain [data-rp1="processing"] :is(.processing-event-file-identity small,.processing-register-count>small,.processing-register-title>span,.processing-active-filter-label,.px-size>small,.processing-route-asset-link small,.processing-route-external-asset small) { color:var(--rp-label)!important; opacity:1; }
#applicationMain [data-rp1="processing"] :is(.processing-date-value,.processing-register-title>p,.processing-volume-cell>span:not(.processing-volume-note)) { color:var(--rp-copy)!important; }
#applicationMain [data-rp1] :is(.eco-register-range small,.eco-page-sizes>span,.fleet-facility,.fleet-latest small,.fleet-kicker,.eco-mobile-code) { color:var(--rp-label)!important; opacity:1; }
#applicationMain [data-rp1] .rp1-dock input::placeholder { color:#bad8e5; }

/* A fleet is a group. Reuse the accepted dimensional art without new image bytes.
   These illustrations are decorative and do not describe actual fleet composition. */
#applicationMain [data-rp1="fleet"] .rp11-fleet-mark { position:relative; display:inline-block; inline-size:96px; block-size:78px; flex:none; vertical-align:middle; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-mark>span { display:block; position:absolute; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-rear { inset-inline-start:0; inset-block-start:0; z-index:1; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-middle { inset-inline-start:34px; inset-block-start:4px; z-index:2; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-front { inset-inline-start:10px; inset-block-start:27px; z-index:3; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-mark .eco-register-art43 { --eco-register-art-width:62px!important; }
#applicationMain [data-rp1="fleet"] .rp11-fleet-front .eco-register-art43 { --eco-register-art-width:76px!important; }
#applicationMain [data-rp1="fleet"] .fleet-operation-open { grid-template-columns:96px minmax(0,1fr) 178px; }
#applicationMain [data-rp1="fleet"] .fleet-art { inline-size:96px; }
#applicationMain [data-rp1="fleet"] .fleet-panel-mark { display:grid; place-items:center; inline-size:72px; block-size:62px; flex:none; overflow:visible; }
#applicationMain [data-rp1="fleet"] .fleet-panel-mark>.rp11-fleet-mark { transform:scale(.72); transform-origin:center; }

/* At narrower widths the primary action stays beside its record identity.
   Compact controls keep intrinsic widths; a lone command never stretches across a row. */
@container rp1-register (max-width:900px) {
    #applicationMain [data-rp1="processing"] .rp1-process-main { grid-template-columns:minmax(0,1fr) auto; }
    #applicationMain [data-rp1="processing"] .rp1-identity { grid-column:1; grid-row:1; }
    #applicationMain [data-rp1="processing"] .rp1-process-actions { grid-column:2; grid-row:1; align-self:center; }
    #applicationMain [data-rp1="processing"] .rp1-process-measures { grid-column:1/-1; grid-row:2; }
    #applicationMain [data-rp1="fleet"] .fleet-operation-open { grid-template-columns:96px minmax(0,1fr); }
    #applicationMain [data-rp1="fleet"] .fleet-operation-action { grid-column:2; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:14px; align-items:center; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record { grid-template-columns:minmax(0,1fr) auto; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity { grid-column:1; grid-row:1; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-actions { grid-column:2; grid-row:1; align-self:center; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-facts { grid-column:1/-1; grid-row:2; padding:14px 0; border-inline-start:0; border-block-start:1px solid #345668; }
    #applicationMain [data-rp1="processing"] .rp11-register-tools { grid-template-columns:minmax(0,1fr) auto; }
    #applicationMain [data-rp1="processing"] .rp11-register-tools>.px-size { grid-column:1; grid-row:2; justify-self:start; }
    #applicationMain [data-rp1="processing"] .rp11-register-tools>.processing-compact-sorts { grid-row:3; }
}
@container rp1-register (max-width:580px) {
    #applicationMain [data-rp1] .rp11-register-tools { padding-inline:14px; gap:10px; }
    #applicationMain [data-rp1] .rp11-register-tools .eco-register-sort { grid-column:1/-1; grid-row:1; }
    #applicationMain [data-rp1] .rp11-register-tools>span { grid-column:1; grid-row:2; min-inline-size:0; font-size:.76rem; }
    #applicationMain [data-rp1] .rp11-register-tools [data-eco-expand] { grid-column:2; grid-row:2; padding:8px 10px!important; font-size:.7rem!important; gap:9px; }
    #applicationMain [data-rp1="processing"] .rp11-register-tools [data-eco-expand] { grid-row:1; }
    #applicationMain [data-rp1="processing"] .processing-register-tools-context>span { display:none; }
    #applicationMain [data-rp1="processing"] .rp11-register-tools>.px-size { grid-column:1/-1; grid-row:2; }
    #applicationMain [data-rp1] .rp1-directory-dock .rp1-dock-main { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
    #applicationMain [data-rp1] .rp1-directory-dock .rp1-dock-main>label { grid-column:1; }
    #applicationMain [data-rp1] .rp1-directory-dock .rp1-dock-main>button { grid-column:2; inline-size:auto; padding-inline:12px!important; }
    #applicationMain [data-rp1] .rp11-action-detail { display:none; }
    #applicationMain [data-rp1="processing"] .rp1-process-main { grid-template-columns:minmax(0,1fr) auto; column-gap:10px; }
    #applicationMain [data-rp1="processing"] .rp1-process-actions { justify-self:end; }
    #applicationMain [data-rp1="processing"] .rp1-process-actions>a { inline-size:auto; padding:9px 11px!important; gap:10px; font-size:.72rem!important; }
    #applicationMain [data-rp1="processing"] .processing-event-file-identity { grid-template-columns:44px minmax(0,1fr)!important; gap:7px!important; }
    #applicationMain [data-rp1="processing"] .processing-event-file-identity .eco-register-art43 { --eco-register-art-width:44px!important; }
    #applicationMain [data-rp1="processing"] .processing-event-details-link { font-size:.93rem!important; }
    #applicationMain [data-rp1="processing"] .processing-event-file-type { display:none; }
    #applicationMain [data-rp1="fleet"] .fleet-operation-open { grid-template-columns:76px minmax(0,1fr); column-gap:10px; }
    #applicationMain [data-rp1="fleet"] .fleet-art { inline-size:76px; }
    #applicationMain [data-rp1="fleet"] .fleet-art>.rp11-fleet-mark { transform:scale(.78); transform-origin:top left; inline-size:96px; }
    #applicationMain [data-rp1="fleet"] .fleet-operation-action { grid-column:1/-1; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:12px; }
    #applicationMain [data-rp1="fleet"] .fleet-open-label { padding:10px 12px; font-size:.72rem; }
    #applicationMain [data-rp1="fleet"] .fleet-latest { border:0; padding:0; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record { grid-template-columns:minmax(0,1fr) auto; column-gap:10px; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity { grid-template-columns:44px minmax(0,1fr); gap:7px; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity .eco-register-art43 { --eco-register-art-width:44px!important; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity h3 { font-size:.92rem; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-actions { justify-self:end; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-actions>.eco-technical-action { inline-size:auto; padding:9px 11px!important; gap:10px; font-size:.72rem!important; }
}
@container rp1-register (max-width:580px) {
    /* Give names the full card width; pair Inspect with saved status in its lower band. */
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity { grid-column:1/-1; position:relative; padding:10px 10px 60px; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-identity:has(.eco-mobile-statuses>span:nth-child(2)) { padding-block-end:88px; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-statuses { position:absolute; inset-inline-start:10px; inset-inline-end:100px; inset-block-end:13px; margin:0; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-statuses .eco-status { white-space:nowrap; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-actions { align-self:end; margin:0 10px 10px 0; z-index:1; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-record-tools>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-inline:12px; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-tool { padding:9px 10px!important; gap:8px; font-size:.73rem!important; }
    #applicationMain [data-rp1="mobile"] .eco-mobile-tool>svg { display:none; }
    #applicationMain [data-rp1="fleet"] .rp1-operation-tools-body nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #applicationMain [data-rp1="fleet"] .rp1-operation-tools-body a { font-size:.75rem; padding:8px; }
    #applicationMain [data-rp1="processing"] .processing-pagination .px-pager { display:grid; grid-template-columns:minmax(0,1fr); }
}
#applicationMain [data-rp1="mobile"] .eco-mobile-record-actions { padding:0; }