/* R35 Fix4: mobile-first controls and R34-inspired setup dropdowns. */
.mobile-hint{margin-top:10px;background:#edf7f5;border:1px solid #d6eae8;color:#345f61;padding:11px 13px;border-radius:9px;font-size:calc(12px * var(--ui-scale,1));line-height:1.65}
.read-only-select:disabled{opacity:1;background:#f3f7f9;color:#49616e;border-style:dashed;cursor:not-allowed}
.ticket-workspace{margin-bottom:18px}.ticket-mode-fields{display:flex;flex-direction:column;gap:14px;margin:16px 0}
.ticket-mode-fields label,.block-label{display:flex;flex-direction:column;gap:7px;font-size:calc(12px * var(--ui-scale,1));color:#506978;font-weight:650}
.ticket-mode-fields input,.ticket-mode-fields select,.ticket-mode-fields textarea,.block-label input[type=file]{width:100%;padding:10px 11px;border:1px solid #ccdae1;border-radius:9px;color:var(--ink);background:#fff;font-size:calc(14px * var(--ui-scale,1))}
.ticket-mode-fields textarea{min-height:100px;resize:vertical}
.ticket-paper{max-height:780px;min-height:240px}.ticket-paper canvas{max-width:100%}
.legacy-test{margin-top:12px}.legacy-test>summary{padding:15px 18px;background:#e8f0f3;border:1px solid #cedfe7;border-radius:11px;color:#3d6677;cursor:pointer;font-weight:750;margin-bottom:15px;font-size:calc(13px * var(--ui-scale,1))}
.legacy-test:not([open])>summary{margin-bottom:0}
.nv-paper{min-height:185px;max-height:350px}.nv-paper img{display:block;width:100%;height:auto;max-width:384px;object-fit:contain;background:white}
.readout-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.readout-grid>div{font-size:calc(11px * var(--ui-scale,1));color:#6c8190;background:#f3f8fa;padding:13px 11px;border:1px solid #e3ebef;border-radius:10px}
.readout-grid strong{display:block;font-size:calc(18px * var(--ui-scale,1));font-weight:800;color:#214d5a;margin-top:9px;overflow-wrap:anywhere}
@media(max-width:950px){.readout-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.page{padding:14px 12px}.hero-status{max-width:none}.tab{padding:12px 10px}.toolbar .btn{white-space:normal}.readout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-workspace{grid-template-columns:1fr}.card{border-radius:11px;padding:15px}.ticket-paper{max-height:530px}.header-tag{display:none}.connection-actions .btn{flex:1 1 160px}#portInfo{max-width:160px;overflow-wrap:anywhere}.hero h1{font-size:calc(26px * var(--ui-scale,1))}}

/* Make the difference between an editable draft and a verified EEPROM write unambiguous. */
.preview-only-select{border:1px solid #bfdae4;background:#f1f9fc;color:#284e68}
.ticket-mode-fields[hidden],.granted-port[hidden]{display:none!important}
.field.modified .preview-only-select{border-color:#dcad68;background:#fff8e8}
@media(max-width:620px){.connection-grid,.two-cols{grid-template-columns:minmax(0,1fr)}.field{grid-template-columns:minmax(0,1fr)}.ticket-workspace .result-card{order:-1}}