/* Approved F presentation. Scoped to existing ticket copies, never the shell geometry. */
.arc .tf-ticket { display:flex; flex-direction:column; gap:5px!important; padding:6px!important; min-height:0; height:100%; box-sizing:border-box; }
.arc :is(.tf-ticket,.tf-controls) .tf-group { display:flex; flex-direction:column; gap:4px; border:1px solid var(--rule); border-radius:2px; padding:8px; min-width:0; }
.arc .tf-heading { font:8px/1.5 'Press Start 2P',monospace; color:var(--pal-b); text-shadow:none!important; margin:0 0 2px; }
.arc :is(.tf-ticket,.tf-controls) .tk-sec { gap:3px; min-width:0; }
.arc :is(.tf-ticket,.tf-controls) .tk-row { padding:0; border:0; gap:5px; }
.arc :is(.tf-ticket,.tf-controls) .tk-label,.arc :is(.tf-ticket,.tf-controls) .tk-aside,.arc :is(.tf-ticket,.tf-controls) .tk-sub { font-size:10.5px; line-height:1.35; }
.arc :is(.tf-ticket,.tf-controls) .tk-field { padding:4px 6px; border:2px solid var(--rule); background:var(--sunk,var(--surface)); box-shadow:inset 2px 2px 0 var(--rule); }
.arc :is(.tf-ticket,.tf-controls) .tk-input { font-size:13px; }
.arc :is(.tf-ticket,.tf-controls) .tk-val { font-size:12px; }
.arc .tf-ticket .gmx-dir-row { gap:8px; margin-bottom:3px; }
.arc .tf-ticket .gmx-dir-row button { font:8px/1.7 'Press Start 2P',monospace; padding:6px 0; border:2px solid var(--edge,var(--rule)); box-shadow:3px 3px 0 var(--edge,var(--rule)); }
.arc .tf-ticket .tf-position,.arc :is(.tf-ticket,.tf-controls) .tf-exits { flex:none; }
.arc .tf-ticket .tf-position>.tk-sec+.tk-sec { padding-top:3px; }
.arc :is(.tf-ticket,.tf-controls) .tf-exits>.tk-sec+.tk-sec { border-top:1px solid var(--rule); padding-top:6px; margin-top:2px; }
.arc :is(.tf-ticket,.tf-controls) .tk-range { height:14px; flex:none; margin:0; }
.arc :is(.tf-ticket,.tf-controls) .tf-clear { margin-left:auto; font-size:9px; }
.arc :is(.tf-ticket,.tf-controls) .tf-stop-control { display:flex; align-items:center; gap:5px; }
.arc :is(.tf-ticket,.tf-controls) .tf-stop-control .tf-slider { flex:1; min-width:0; width:auto; }
.arc .tf-ticket .tf-endpoint { font-size:9px; color:var(--ink-soft); white-space:nowrap; }
.arc .tf-ticket .tf-draft-cap { display:none; font-size:9px; color:var(--ink-soft); white-space:nowrap; }
.arc .tf-ticket.tf-draft { gap:4px!important; }
.arc .tf-ticket.tf-draft .tf-draft-cap { display:inline; }
.arc .tf-ticket.tf-draft .tk-steps { display:none; }
.arc .tf-ticket .tf-extra-reserve[hidden] { display:none; }
.arc .tf-ticket .tf-info { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; margin-left:3px; border:1px solid var(--rule); border-radius:50%; color:var(--pal-b); font-size:9px; line-height:1; text-decoration:none; vertical-align:1px; }
.arc .tf-ticket .tf-info:hover,.arc .tf-ticket .tf-info:focus-visible { border-color:var(--pal-b); outline:none; }
.arc #m-reserve-info .m-card { max-width:380px; }
.arc #m-reserve-info .m-title { font:8px/1.5 'Press Start 2P',monospace; color:var(--pal-b); text-transform:uppercase; }
.arc #m-reserve-info ul.m-note { padding-left:18px; line-height:1.6; }
.arc :is(.tf-ticket,.tf-controls) .tk-tp { grid-template-columns:minmax(0,1fr); }
.arc .arlo-home { text-decoration:none; }
.arc .tf-ticket.tf-draft .tf-position [data-balance] { display:none!important; }
.arc .tf-ticket .tf-stop-state { font-size:9px; margin-left:auto; color:var(--pal-c); }
.arc .tf-ticket[data-stop-choice="full-margin"] .tf-endpoint { color:var(--red); font-weight:600; }
.arc .tf-ticket .tf-engine-node { display:none!important; }
.arc .tf-ticket .tf-outcomes { background:var(--sunk,var(--surface)); padding:9px 8px; gap:5px; }
.arc .tf-ticket .tf-outcome { display:flex; justify-content:space-between; align-items:baseline; gap:5px; font-size:10px; }
.arc .tf-ticket .tf-values { display:flex; align-items:baseline; gap:4px; white-space:nowrap; }
.arc .tf-ticket .tf-values strong { font-size:20px; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.arc .tf-ticket .tf-percent { font-size:9px; color:var(--ink-soft); }
.arc .tf-ticket .tf-price-outcome { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; }
.arc .tf-ticket .tf-price-outcome .tk-field { min-width:0; }
.arc .tf-ticket .tf-price-outcome .tf-outcome { flex-direction:column; align-items:flex-end; gap:0; font-size:9px; }
.arc .tf-ticket .tf-price-outcome .tf-values { flex-direction:column; align-items:flex-end; gap:0; }
.arc .tf-ticket .tf-price-outcome .tf-values strong { font-size:13px; }
.arc .tf-ticket .tf-room { border-top:1px solid var(--rule); padding-top:5px; }
.arc .tf-ticket .tf-room .tk-val { font-size:13px; }
.arc .tf-ticket .tk-bar { height:3px; }
.arc .tf-ticket.tf-empty .tk-bar { visibility:hidden; }
.arc .tf-ticket .tf-room-note { font-size:9px; color:var(--ink-soft); line-height:1.4; margin:0; }
.arc .tf-ticket .tk-more { flex:none; }
.arc .tf-ticket .tk-more>summary { display:block; width:100%; box-sizing:border-box; padding:7px 4px!important; font:8px/1.7 'Press Start 2P',monospace!important; }
.arc .tf-ticket .tk-more>summary::after { content:none; }
.arc .tf-ticket .tk-open { padding:7px 4px!important; font-size:8px!important; line-height:1.7; flex:none; margin-top:auto; }
.arc .tf-ticket .tk-steps { font-size:10px; line-height:1.4; margin:0; flex:none; }
.arc .tf-ticket .tk-note { font-size:10px; min-height:0; margin:0; flex:none; }
.arc .tf-ticket [data-arlo-ticket-note] { font-size:9px!important; padding:0!important; }
.arc :is(.tf-ticket,.tf-controls) .tf-exits .tk-aside { display:none; }
.arc :is(.tf-ticket,.tf-controls) .tk-field:has([aria-invalid="true"]) { border-color:var(--red); }
.arc .tf-ticket .tk-more>summary:focus-visible { outline:2px solid var(--pal-a); outline-offset:2px; }
.arc .tf-ticket .tf-fee-note { font-size:10.5px; line-height:1.5; }
.arc .frame>.shell { display:flex; flex-direction:column; flex:1; min-height:0; }
.arc .frame>.shell>.grid { grid-template-rows:minmax(0,1fr); padding-bottom:12px!important; box-sizing:border-box; }
.arc .col-r>.r-off,.arc .col-r>.r-on,.arc .col-r .vblock:has(>.tf-ticket) { height:100%; min-height:0; }
.arc .col-r .tf-ticket { width:calc(100% + 28px)!important; height:calc(100% + 24px); margin:-12px -14px; padding:8px!important; box-sizing:border-box; }
.arc .tf-ticket .tk-open { width:100%; box-sizing:border-box; }
.arc .tf-ticket .tk-more>summary { max-width:100%; }
@media(max-width:800px) { .arc .tf-ticket { height:auto; } }
@media(max-width:800px) { .arc .c-0121 .mid-box:last-child [style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr)!important; } }

/* Shell modal treatment: use the existing theme tokens, rows and button sizes. */
.arc #m-order-details .m-title,.arc #m-order-status .m-title { font:8px/1.5 'Press Start 2P',monospace; color:var(--pal-b); text-transform:uppercase; }
.arc #m-order-details .m-row { border-bottom:1px solid var(--rule); }
.arc #m-order-details .m-row .v { color:var(--pal-a); }
.arc #m-order-details ul.m-note { padding-left:18px; }
.arc #m-order-details [data-details-close] { display:block; }
.arc a.btn[hidden] { display:none; }
.arc #m-order-details .order-detail-columns { gap:18px; }
.arc #m-order-details .m-row { padding:8px 0; }
@media(max-width:800px) { .arc #m-order-details .order-detail-columns { grid-template-columns:minmax(0,1fr); } }
.arc .r-replace:has([data-arlo-position-panel]:not([data-arlo-hidden])) { height:100%; overflow:visible; }
.arc [data-position-budget] { border-top:1px solid var(--rule); padding-top:8px; }
.arc [data-position-orders] { border-top:1px solid var(--rule); padding-top:8px; }

/* Order status: the signed receipt's pixel heading, badge and ruled rows. */
.arc #m-order-status .order-status-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:10px; border-bottom:1px solid var(--rule); }
.arc #m-order-status .m-title { padding:0; }
.arc #m-order-status .order-status-badge { border:1px solid var(--rule); border-radius:2px; padding:5px 10px 4px; font-size:8.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-soft); }
.arc #m-order-status .order-status-heading { font:10px/1.7 'Press Start 2P',monospace; letter-spacing:.02em; color:var(--ink); margin:18px 0 8px; }
.arc #m-order-status .order-status-context { padding:0 0 10px; }
.arc #m-order-status .order-status-message { font-size:12px; line-height:1.6; color:var(--ink-soft); border-left:3px solid var(--pal-c); padding:10px 12px; margin:8px 0 18px; overflow-wrap:anywhere; }
.arc #m-order-status [data-tone="watch"] .order-status-badge { color:var(--pal-c); }
.arc #m-order-status [data-tone="ready"] .order-status-badge { color:var(--pal-a); }
.arc #m-order-status [data-tone="ready"] .order-status-message { border-left-color:var(--pal-a); }
.arc #m-order-status [data-tone="neutral"] .order-status-message { border-left-color:var(--rule); }
.arc #m-order-status .order-status-transactions { border-top:1px solid var(--rule); margin-bottom:10px; }
.arc #m-order-status .m-row { border-bottom:1px solid var(--rule); padding:8px 0; }
.arc #m-order-status .m-row a { color:var(--pal-b); white-space:nowrap; }
.arc #m-order-status [hidden] { display:none; }

/* Position editor stays inside the shell; long order lists page two at a time. */
.arc [data-arlo-position-panel] { display:flex; flex-direction:column; gap:6px; min-height:0; }
.arc [data-arlo-position-panel] > .tk-sec { margin:0; }
.arc [data-position-actions] { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px!important; padding-top:6px!important; }
.arc [data-position-actions] > [data-position-action="stop"],.arc [data-position-actions] > [data-position-action="desk"] { grid-column:1 / -1; }
.arc [data-position-actions] .btn { padding:7px 4px; }
.arc [data-position-message]:empty { display:none; }
.arc [data-position-message] { font-size:11px; line-height:1.4; }
.arc .position-order-row { border-bottom:1px solid var(--rule); padding:5px 0; font-size:10px; }
.arc .position-order-row strong { display:block; font-weight:400; }
.arc .position-order-row .btn { padding:7px 4px; }
.arc [data-position-orders] .tk-sub { font-size:9px; }

.arc [data-position-actions] { grid-template-columns:minmax(0,1fr); gap:6px!important; }
.arc [data-position-actions] > .btn { grid-column:1; }
.arc [data-arlo-position-panel] .tk-row > .btn { padding:4px; font-size:8px; }
.arc [data-arlo-position-panel] > .tk-sec { padding-top:4px; }
.arc [data-arlo-position-panel] .tk-sub { font-size:9px; line-height:1.4; }
.arc [data-arlo-position-panel] [hidden] { display:none; }
.arc [data-arlo-position-panel] > .amt-box { padding:8px; background:var(--surface); }