.customer-file-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:#59636d}.customer-file-tool{width:44px;height:44px;min-width:44px;padding:10px!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8d1d7;border-radius:6px;background:#f7f9fa;color:#293d37;cursor:pointer}.customer-file-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.customer-file-queue{list-style:none;padding:0;margin:0;display:grid;gap:6px}.customer-file-queue li,.customer-file{display:flex;align-items:center;gap:8px;min-width:0}.customer-file-queue span,.customer-file>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.customer-file{padding:8px 10px;border-top:1px solid #d9e2df;max-width:100%}.customer-file-preview{width:min(900px,calc(100% - 24px));max-height:90dvh;border:1px solid #c8d1d7;padding:12px;border-radius:8px}.customer-file-preview img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain}.customer-file-preview::backdrop{background:#0008}.customer-order-editor{display:grid;gap:12px}.customer-order-editor label{display:grid;gap:5px;font-size:13px}.customer-order-editor input,.customer-order-editor textarea{width:100%;box-sizing:border-box;border:1px solid #bbc8c2;border-radius:4px;padding:10px;font:inherit}.customer-order-items{display:grid;gap:8px}.customer-order-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,130px) 44px;gap:8px}.customer-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.customer-order-actions button{min-height:44px;padding:9px 14px}.customer-order-dialog{width:min(660px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #c8d1d7;border-radius:8px;padding:20px;color:#22382f;background:white}.customer-order-dialog::backdrop{background:#0006}.customer-order-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px}.customer-order-dialog h2{font-size:20px}.customer-order-dialog [role=status]{min-height:24px;font-size:13px}.customer-order-dialog [hidden]{display:none!important}@media(max-width:500px){.customer-order-item{grid-template-columns:minmax(0,1fr) 90px 44px}.customer-order-dialog{padding:14px}.customer-file{flex-wrap:wrap}.customer-file>span{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.customer-order-dialog *,.customer-file-preview *{animation:none!important;transition:none!important}}
.customer-icon{width:20px;height:20px;min-width:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.crm-nav__item>.customer-icon{margin-right:8px}

.customer-file-with-thumbnail{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;max-width:100%;align-items:center}
.customer-file-with-thumbnail>.customer-file-thumbnail{grid-column:1/-1}
.customer-file-with-thumbnail>span{min-width:0;overflow-wrap:anywhere}
.customer-file-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;width:min(240px,100%);height:156px;box-sizing:border-box;overflow:hidden;padding:0;border:1px solid #d6dfdc;border-radius:6px;background:#edf2f0;color:#64756d;cursor:pointer}
.customer-file-thumbnail>svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}
.customer-file-thumbnail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f6f8f7}
.customer-file-thumbnail.is-loaded>svg{visibility:hidden}
.customer-file-thumbnail:focus-visible{outline:2px solid #286b52;outline-offset:3px}
.tasks-v2-file-row{display:grid;gap:6px;min-width:0;width:240px;max-width:100%;flex:0 1 240px}.tasks-v2-file-row>a{overflow-wrap:anywhere}.tasks-v2-file-thumbnail{font-size:12px;width:100%}.tasks-v2-files{max-width:100%;min-width:0;flex-wrap:wrap}
@media(max-width:500px){.customer-file-with-thumbnail>span{grid-column:1;flex-basis:auto}.customer-file-thumbnail{height:140px}}