.serialPanel{margin:24px 0 0;padding:22px;border:1px solid #d8c49e;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#fffdfa);box-shadow:0 8px 24px #3523100a}
.serialPanelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.serialPanel h3{margin:0;font-size:21px;color:#152033}
.serialPanel p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#665b4b}
.serialStats{max-width:310px;padding:13px 16px;border-radius:11px;background:#142238;color:#f5d79e;font-size:12px;font-weight:750;line-height:1.55}
.serialControls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:17px}
.serialControls label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#5d5548}
.serialControls input{width:150px;height:42px;padding:0 11px;border:1px solid #d7cbb9;border-radius:9px;background:#fff;font:inherit;font-size:14px;color:#17202a}
.serialControls button,.serialControls a{min-height:42px;padding:10px 14px;border:1px solid #b9945b;border-radius:9px;background:#fff7e9;color:#332b21;font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}
.serialControls #serialCreateBtn{background:#142238;border-color:#142238;color:#fff}
.serialControls button:disabled{opacity:.5;cursor:not-allowed}
.serialControls a:hover,.serialControls button:not(:disabled):hover{filter:brightness(.96)}
.customer{grid-template-columns:22px minmax(0,1fr) auto}
.customerSerial{grid-column:2;grid-row:3;color:#79551e;font-weight:750}
.customerAddress{grid-column:2/-1;grid-row:4;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.serialPanelHead{flex-direction:column}.serialStats{max-width:none;width:100%}.serialControls label{flex:1 1 130px}.serialControls input{width:100%}}
@media(max-width:560px){.customerSerial{grid-column:2;grid-row:5}.customerAddress{grid-column:2;grid-row:6}.rowSelect{grid-row:1/7}}