html{--reading-scale:1}
html[data-font-size="large"]{--reading-scale:1.12}
html[data-font-size="extra"]{--reading-scale:1.25}

.operations-orders .operations-order-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;column-gap:24px;row-gap:12px}
.operations-orders .operations-order-toolbar>label{max-width:none;min-width:0}
.operations-orders .order-toolbar-actions{display:flex;align-items:end;gap:12px;min-width:0}
.operations-orders .order-toolbar-actions>label{min-width:160px}
.operations-orders .operations-board-caption{grid-column:1/-1}
.operations-orders .order-status-tabs{gap:8px;margin-bottom:20px}
.operations-orders .order-status-tabs button{font-size:calc(13px * var(--reading-scale));min-height:44px}
.operations-orders .operation-order-card{border:1px solid var(--border);box-shadow:0 2px 10px rgba(15,38,33,.04)}
.operations-orders .operation-order-card:hover,.operations-orders .operation-order-card:focus-visible{border-color:var(--primary);box-shadow:0 6px 22px rgba(15,38,33,.1)}
.operations-orders .operation-order-number{font-size:calc(30px * var(--reading-scale));line-height:1.06;letter-spacing:-.04em}
.operations-orders .operation-order-place{font-size:calc(15px * var(--reading-scale));font-weight:650}
.operations-orders .operation-order-customer,.operations-orders .operation-order-meta,.operations-orders .operation-order-items{font-size:calc(12px * var(--reading-scale));line-height:1.4}
.operations-orders .operation-order-footer b{font-size:calc(17px * var(--reading-scale))}
.order-detail-heading .order-detail-place{font-size:calc(13px * var(--reading-scale));line-height:1.35;color:var(--muted);font-weight:500;margin-bottom:5px}
.order-detail-heading .order-detail-number{font-size:calc(30px * var(--reading-scale));line-height:1.12;letter-spacing:-.035em;font-weight:750}
.expanded-detail .operation-detail-meta,.expanded-detail .operation-items-table td:first-child,.expanded-detail .operation-items-table td>b,.expanded-detail .summary-line{font-size:calc(14px * var(--reading-scale))}
.expanded-detail .operation-items-table td small,.expanded-detail .item-launch-meta{font-size:calc(11px * var(--reading-scale))}
.expanded-detail .drawer-total strong{font-size:calc(27px * var(--reading-scale))}
.expanded-detail .action-groups h3,.expanded-detail .action-groups button{font-size:calc(14px * var(--reading-scale))}
.nav-item,.mobile-nav button,.table-toolbar label,.input-control,.select-control,.primary-button,.secondary-button,.ghost-button{font-size:calc(13px * var(--reading-scale))}

.reading-preferences{max-width:960px}.reading-panel{padding:24px}.reading-panel h3{font-size:22px}.reading-panel>p{margin-top:6px;color:var(--muted);line-height:1.5}.reading-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.reading-option{text-align:left;display:grid;gap:5px;padding:18px;min-height:86px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.reading-option span{font-size:16px;font-weight:700}.reading-option small{color:var(--muted);font-size:12px;line-height:1.4}.reading-option[aria-pressed="true"]{border:2px solid var(--primary);background:var(--primary-soft);padding:17px}.reading-option:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.reading-preview{display:grid;gap:6px;padding:20px;border-radius:10px;background:var(--raised)}.reading-preview small{font-size:11px;letter-spacing:.12em;color:var(--muted)}.reading-preview strong{font-size:calc(28px * var(--reading-scale))}.reading-preview span{font-size:calc(14px * var(--reading-scale))}

@media(max-width:599px){
  .operations-orders .operations-order-toolbar{grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}
  .operations-orders .operations-order-toolbar>label{width:100%;max-width:none}
  .operations-orders .order-toolbar-actions{width:100%;justify-content:space-between;gap:12px}
  .operations-orders .order-toolbar-actions>label{flex:1;min-width:0}
  .operations-orders .order-toolbar-actions #refresh-orders{flex:0 0 46px}
  .operations-orders .order-status-tabs{margin-top:18px}
  .operations-orders .operation-order-number{font-size:calc(27px * var(--reading-scale))}
  .order-detail-heading .order-detail-number{font-size:calc(27px * var(--reading-scale))!important}
  .order-detail-heading .order-detail-place{font-size:calc(13px * var(--reading-scale))}
  .reading-options{grid-template-columns:1fr;gap:10px}
  .reading-option{min-height:68px}
}