/* Readable controls and constrained responsive layout verified during QA. */
.demo-notice{font-size:14px;line-height:1.7}
.summary-card .label,.summary-card small,.card-head p,.quick small,.product-cell small,th,td,.status,.history-item strong,.history-item small,.topbar p{font-size:14px}
.summary-card{min-width:0}.summary-card small{line-height:1.6}
.two-col{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr)}
.welcome{flex-wrap:wrap}.welcome>.actions{max-width:100%}
.btn,.nav-item,.tab,.mobile-link{font-family:inherit}
.btn{min-height:44px}.field input,.field select,.field textarea{min-height:44px}
td,th{line-height:1.6}.product-cell strong{font-size:14px}
.modal,.confirm-card{overflow-wrap:anywhere}.confirm-card p{font-size:14px;white-space:pre-line}
.quick strong{font-size:14px}.quick-grid{gap:12px}.history-item{grid-template-columns:34px minmax(0,1fr) auto}
@media(max-width:1150px){.two-col{grid-template-columns:minmax(0,1fr)}}
@media(min-width:781px) and (max-width:1024px){
 body{padding-bottom:72px}.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #0004}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:12px 20px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:70px;display:grid;grid-template-columns:repeat(5,1fr);background:white;border-top:1px solid var(--line);z-index:25}.mobile-link{border:0;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:14px}.mobile-link.active{color:var(--green);font-weight:700}.content{padding:24px 20px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-link{font-size:12px}.summary-card small{font-size:12px}.summary-card .label{font-size:14px}.summary-card{padding:14px}.top-actions .sync{display:none}.welcome .actions .btn{padding:10px}.modal .form-actions{flex-wrap:wrap}.demo-notice{padding:10px 14px}}