.of-view{max-width:1600px;margin:auto}.of-toolbar,.of-tabs{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}.of-toolbar label{min-width:170px}.of-tabs{border-bottom:1px solid #dce2eb;padding-bottom:12px}.of-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:18px 0}.of-kpis>div{border:1px solid #dce2eb;background:#fff;border-radius:10px;padding:16px}.of-kpis span,.of-kpis small{display:block;color:#5c6a7d}.of-kpis strong{font-size:23px;display:block;margin:7px 0;overflow-wrap:anywhere}.of-table-wrap{overflow:auto;background:#fff;border:1px solid #dce2eb;border-radius:8px}.of-table-wrap table{min-width:960px;width:100%;border-collapse:collapse}.of-table-wrap th{background:#eff3f8;text-align:left;padding:12px;white-space:nowrap}.of-table-wrap td{padding:12px;border-top:1px solid #e7ebf1;vertical-align:middle}.of-table-wrap td small{display:block;max-width:270px;white-space:normal;color:#65748a}.of-warning{background:#fff1cb;color:#865700;padding:9px;border-radius:5px}.of-loss{background:#fde7e7;color:#9c2424}.of-void{opacity:.65;text-decoration:line-through}.of-upload{display:block;margin-top:8px;font-size:13px}.of-upload input{max-width:170px}.of-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:12px;padding:24px}.of-dialog::backdrop{background:#172b4d66}.of-dialog-head{display:flex;justify-content:space-between;align-items:center}.of-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.of-dialog textarea{min-height:65px}.of-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.of-dialog .of-check{flex-direction:row;align-items:center}.of-check input{width:auto}.of-quote-heading{display:flex;gap:20px;margin:20px 0}.of-quote-heading img{width:140px;height:140px;object-fit:contain;background:#fff}.of-view [role=alert],.of-dialog [role=alert]{color:#b42318}.of-view #ofProducts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media(max-width:700px){.of-form-grid{grid-template-columns:1fr}.of-toolbar>*{flex:1 1 145px}.of-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.of-kpis strong{font-size:20px}.of-dialog{padding:16px}.of-quote-heading{flex-direction:column}.of-toolbar button{min-height:44px}}