/* Lite: retain the existing layout, with readable fields and touch targets. */
button,input,select,textarea,summary{min-height:44px}
input,select,textarea{font-size:16px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc6500;outline-offset:3px}
.cost-row>div,.grid>div,.order-head>*,.order-status-controls>*{min-width:0}
.item,.order-card,.row-cost,.order-meta,.order-finance{overflow-wrap:anywhere}
.order-head{flex-wrap:wrap}
.tabs button{flex-shrink:0}
.app-tools{margin-top:12px}
.app-tools summary{cursor:pointer;display:flex;align-items:center;font-weight:650}
.app-tools p{font-size:14px}
.app-tools button{margin:4px 4px 4px 0}
#connectionStatus{font-size:13px;margin:8px 0}
#updateNotice{border:2px solid #176b5b;padding:12px;border-radius:10px;background:#edf7f2}
[hidden]{display:none!important}
@media(max-width:430px){.order-actions button{min-width:100px}.cost-row{column-gap:10px!important}.wrap{padding:12px}.card{padding:14px}header h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}