@media screen {
 .crm-ui .op-section {margin:0 0 16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:rgb(255 255 255 / 88%);min-width:0}
 .crm-ui .op-section h3 {margin:0 0 16px;font-size:17px;line-height:1.4}
 .crm-ui .op-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .crm-ui .op-wide {grid-column:1 / -1}
 .crm-ui .op-section label {min-width:0;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:left}
 .crm-ui .op-section label > span {width:auto;text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary)}
 .crm-ui .op-section input,.crm-ui .op-section select,.crm-ui .op-section textarea {width:100%;min-width:0}
 .crm-ui .op-payment .fn-date {display:block;margin:0}
 .crm-ui .op-payment .fn-date label {margin:8px 0 14px}
 .crm-ui .op-payment .fn-receipt > div {display:flex;align-items:end;gap:12px}
 .crm-ui .op-payment .fn-receipt > div label {flex:1}
 .crm-ui .op-payment .fn-receipt input {font-size:24px;font-weight:700}
 .crm-ui .op-payment .fn-cash-block label {margin-bottom:14px}
 .crm-ui .op-asset-editor .form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .crm-ui .op-asset-editor [name=serial] + button {white-space:normal;min-height:44px;align-self:stretch;margin:4px 0 0}
 .crm-ui .op-stock-editor [data-panel=general] > .wh-grid:empty {display:none}
 .crm-ui .op-stock-editor [data-wh=new-supplier] {margin-top:5px;min-height:40px;white-space:normal}
 .crm-ui .op-stock-editor [data-panel=items] {border:1px solid var(--border);border-radius:18px;padding:20px;background:rgb(255 255 255 / 88%)}
 .crm-ui .op-stock-editor .wh-form-tabs {margin-bottom:20px}
 .crm-ui .op-stock-editor footer {display:flex;gap:8px;flex-wrap:wrap}
 @media (width <= 760px) {
  .crm-ui .op-section {padding:16px;border-radius:14px}
  .crm-ui .op-fields,.crm-ui .op-asset-editor .form-grid {grid-template-columns:minmax(0,1fr)}
  .crm-ui .op-stock-editor [data-panel=items] {padding:14px}
 }
}