:root{color:#18202a;background:#f5f7f9;font-family:Inter,Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #aab4bf;background:#fff;border-radius:6px;padding:8px 12px;cursor:pointer}button:hover{border-color:#23405f}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginPanel{width:min(420px,100%);display:grid;gap:16px;background:#fff;border:1px solid #d8dde3;border-radius:8px;padding:24px}label{display:grid;gap:6px;color:#43515f}input,select,textarea{border:1px solid #c4ccd4;border-radius:6px;padding:10px;background:#fff}.hint{color:#607080;font-size:13px}.error,.banner{color:#8b1f1f}.shell{min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;background:#fff;border-bottom:1px solid #dce2e8}header h1,header p{margin:0}.brandBlock{display:flex;align-items:center;gap:14px;min-width:0}.brandLogo{width:148px;height:55px;object-fit:contain;flex:0 0 auto}.toolbar{display:flex;gap:8px}.newOrderButton{background:#143f54;border-color:#143f54;color:#fff;font-weight:700;box-shadow:0 2px #143f543d}.newOrderButton:hover{background:#0d3143;border-color:#0d3143}.newOrderButton:focus-visible{outline:3px solid rgba(20,63,84,.28);outline-offset:2px}.banner{position:fixed;z-index:1000;top:16px;left:24px;right:24px;margin:0;padding:10px 12px;border:1px solid #e0a4a4;background:#fff3f3;border-radius:6px;box-shadow:0 8px 24px #18202a24}.banner.error{color:#8b1f1f;border-color:#e0a4a4;background:#fff3f3}.banner.warning{color:#8a4b00;border-color:#e3a545;background:#fff6e6}.banner.success{color:#14633a;border-color:#8fcaab;background:#eefaf2}.bannerInline{display:grid;gap:4px;border:1px solid #d8dde3;border-radius:6px;padding:10px 12px;background:#fff}.bannerInline.error{color:#8b1f1f;border-color:#e0a4a4;background:#fff3f3}.bannerInline.warning{color:#8a4b00;border-color:#e3a545;background:#fff6e6}.banner strong,.banner span{display:block}.banner span{margin-top:4px}.layout{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:24px}.userAccessPage{display:grid;gap:16px;padding:24px}.userAccessHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.userAccessHeader h2,.userAccessHeader p{margin:0}.userAccessList{display:grid;gap:14px}.userAccessCard{display:grid;gap:16px}.userAccessTitle{display:flex;align-items:start;justify-content:space-between;gap:14px}.userAccessTitle h3,.userAccessTitle p{margin:0}.rolePill{border:1px solid #c4ccd4;border-radius:999px;padding:6px 10px;color:#263646;background:#f7f9fb;font-size:13px;font-weight:700;white-space:nowrap}.rolePill.super_admin{color:#17394a;border-color:#8eb3c6;background:#eef7fb}.rolePill.normal_user{color:#35502b;border-color:#9ec18f;background:#f1faf0}.rolePill.factory{color:#7a4b00;border-color:#e0b56d;background:#fff7e8}.rolePill.customer{color:#51416f;border-color:#b9abc9;background:#f8f4fc}.userAccessActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.userAccessActions button{min-width:150px;background:#17394a;border-color:#17394a;color:#fff}.userAccessButtonGroup{display:flex;justify-content:flex-end;gap:8px}.userAccessActions .dangerButton{background:#fff;border-color:#b42318;color:#b42318}.userAccessActions .dangerButton:disabled{border-color:#d8dde3;color:#9aa5af;cursor:not-allowed}aside{display:grid;align-content:start;gap:10px}.orderSidebar{display:flex;flex-direction:column}aside h2{margin:0 0 6px}.activeOrderGroups,.orderGroup{display:grid;gap:8px}.orderArchive{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #d8dde3}.archiveGroup{display:grid;gap:8px}.archiveGroupToggle{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border-color:#d1d9e0;background:#eef2f5;color:#263646;text-align:left}.archiveGroupToggle:hover{border-color:#8fa4b8}.archiveGroupToggle>span{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#fff;color:#43515f;font-weight:800;line-height:1}.archiveGroupToggle small{min-width:24px;border-radius:999px;background:#fff;padding:2px 7px;color:#43515f;font-size:12px;text-align:center}.archiveGroupOrders{display:grid;gap:8px}.orderGroup h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 0;color:#263646;font-size:13px;font-weight:700}.orderGroup h3 small{min-width:24px;border-radius:999px;background:#e8edf2;padding:2px 7px;color:#43515f;font-size:12px;text-align:center}.order{display:grid;gap:4px;text-align:left;border-radius:6px;background:#fff}.order.active{border-color:#23405f;box-shadow:0 0 0 2px #23405f1f}.order span,.summary p,.inboxItem span,.inboxItem small{color:#607080}.batchSelectActions{display:flex;gap:6px}.batchSelectActions button{padding:4px 8px;font-size:12px}.batchOrder{grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:stretch;border:1px solid #aab4bf;padding:0}.batchOrder.active{border-color:#23405f;box-shadow:0 0 0 2px #23405f1f}.batchCheckbox{display:grid;place-items:center;padding:10px 0 10px 10px}.batchCheckbox input{width:18px;height:18px}.orderSelectButton{display:grid;gap:4px;min-width:0;border:0;padding-left:4px;text-align:left}.orderSelectButton:hover{border:0}.inboxPanel{display:grid;gap:8px;margin-top:16px}.inboxItem{display:grid;gap:4px;text-align:left;background:#fff}.inboxItem small{line-height:1.35}.detail{display:grid;gap:16px}.summary,.panel{background:#fff;border:1px solid #d8dde3;border-radius:8px;padding:16px}.summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.summaryActions{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px}.summary h2,.summary p,.panel h3{margin:0}.panelTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.panelTitleRow button{justify-self:end}.designReferencePanel{display:grid;gap:12px}.referenceUploadDrawer{display:grid;gap:12px;border-top:1px solid #d8dde3;padding-top:12px}.stageProgress{--stage-progress: 0%;--stage-step-size: calc(100% / 15);align-self:start;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;min-width:min(420px,100%);max-width:100%;border:1px solid #8fa4b8;background:#eef4f8;color:#17394a;padding:10px 18px;border-radius:999px;font-size:18px;font-weight:800;line-height:1.15;box-shadow:none}.stageProgress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:var(--stage-progress);background:linear-gradient(90deg,#9bd9ca,#8ac5e9 58%,#b1b9ff);transition:width .22s ease}.stageProgress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--stage-step-size) - 1px),rgba(23,57,74,.16) calc(var(--stage-step-size) - 1px),rgba(23,57,74,.16) var(--stage-step-size));pointer-events:none}.stageProgressLabel{position:relative;z-index:1;overflow-wrap:anywhere;text-align:center}.dangerButton{border-color:#b42318;color:#b42318;background:#fff7f6}.dangerButton:hover{background:#fee4e2}.dangerOutlineButton{color:#b42318;border-color:#e0a4a4;background:#fff}.dangerOutlineButton:hover{border-color:#b42318;background:#fff7f6}.dangerOutlineButton:disabled{cursor:not-allowed;opacity:.55}.assignmentPanel,.documentPanel{display:grid;grid-template-columns:1fr minmax(360px,.7fr);gap:16px;align-items:end}.assignmentPanel p,.documentPanel p{margin:6px 0 0;color:#607080}.assignmentPanel form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.factoryAssignButton{min-width:170px;background:#0f4f73;border-color:#0f4f73;color:#fff;font-weight:800;box-shadow:0 0 0 3px #0f4f7324,0 3px #0f4f733d}.factoryAssignButton:hover{background:#0a3f5d;border-color:#0a3f5d}.factoryAssignButton:focus-visible{outline:3px solid rgba(15,79,115,.32);outline-offset:2px}.assignmentPanelCompact{padding:10px 14px}.assignmentPanelCompact summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.assignmentPanelCompact summary::-webkit-details-marker{display:none}.assignmentPanelCompact summary span:first-child{display:flex;align-items:baseline;gap:10px}.assignmentPanelCompact summary strong{color:#263646}.assignmentPanelCompact summary small{color:#607080;font-size:14px}.assignmentPanelCompact summary span:last-child{color:#1d5f82;font-size:13px;font-weight:700}.assignmentPanelCompact form{margin-top:12px}.documentPanel .links{grid-column:1 / -1}.priceSummaryPanel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,auto);gap:16px;align-items:start;border-color:#94b8ca;background:#f8fcff}.priceSummaryPanel h3{margin-bottom:4px}.priceSummaryPanel p{margin:0;color:#607080}.priceSummaryTotal{display:grid;gap:4px;justify-items:end;padding:12px 14px;border:1px solid #b9d2df;border-radius:6px;background:#fff}.priceSummaryTotal span,.priceSummaryRows span,.priceSummaryRows small{color:#607080}.priceSummaryTotal strong{color:#0f4458;font-size:22px}.priceSummaryRows{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.priceSummaryRows>div{display:grid;gap:4px;padding:10px 12px;border:1px solid #d4dde5;border-radius:6px;background:#fff}.priceSummaryRows strong{color:#102333}.documentPreviews{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.documentPreviews article{display:grid;gap:8px}.documentPreviews h4{margin:0;color:#263646;font-size:14px}.documentPreviews iframe{width:100%;min-height:520px;border:1px solid #c4ccd4;border-radius:6px;background:#fff}.pendingDocument{min-height:520px;display:grid;place-content:center;gap:8px;border:1px dashed #aab4bf;border-radius:6px;background:#f7f9fb;color:#607080;text-align:center}.pendingDocument strong{color:#263646}.productionOrderPreview{display:grid;gap:10px;min-height:520px}.productionOrderPreview .assetTile>button:first-child{display:grid;gap:8px;align-content:start;text-align:left;background:#fff}.productionOrderPreview img{width:100%;max-height:520px;object-fit:contain;border:1px solid #c4ccd4;border-radius:6px;background:#fff}.productionOrderPreview span:last-child{color:#43515f;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}dl{display:grid;grid-template-columns:120px 1fr;gap:8px 12px}dt{color:#607080}dd{margin:0}.ok{color:#12623b}.blocked{color:#9a3412}.links{display:grid;gap:8px;margin-top:12px}.links button{justify-self:start;border:0;background:transparent;color:#1d5f82;padding:0;font:inherit;text-align:left;cursor:pointer}.links button:hover{text-decoration:underline}.downloadButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #17394a;border-radius:6px;background:#17394a;color:#fff;padding:10px 16px;font-weight:700;text-decoration:none}.downloadButton:hover{background:#234f66;border-color:#234f66;text-decoration:none}.inlineAssetAction{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.assetDeleteButton{width:28px;min-width:28px;height:28px;min-height:28px;border:1px solid #f0b4b4;border-radius:999px;background:#fff7f6f5;color:#b42318;padding:0;font-size:20px;font-weight:800;line-height:1;display:inline-grid;place-items:center;box-shadow:0 4px 10px #0f172a1f}.assetDeleteButton:hover{background:#fee4e2}.workflowActionPanel{display:grid;align-content:start;gap:12px}.headerActionButton{min-height:46px;max-width:360px;white-space:normal;text-align:center}.headerApprovals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px}.headerApproval{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center;min-height:38px;border:1px solid #cbd5df;border-radius:7px;padding:6px 10px;background:#f8fafc;color:#263646;font-size:13px;white-space:nowrap}.headerApproval.approved{border-color:#9dc8af;background:#f0fdf4}.headerApproval.rejected{border-color:#f0b4b4;background:#fff1f2}.headerApproval.pending{border-color:#cbd5df;background:#fff}.headerApproval strong{color:#43515f;font-size:12px;text-transform:capitalize}.headerApproval.approved strong{color:#12623b}.headerApproval.rejected strong{color:#9a3412}.headerApproval div{grid-column:1 / -1;display:flex;gap:5px}.headerApproval button{min-height:28px;padding:4px 7px;font-size:12px}.shippingInfoPanel{display:grid;align-content:start;gap:12px}.shippingInfoPanel dl{margin:0}.shippingInfoPanel button{justify-self:start;color:#1d5f82;text-align:left}.primaryActionButton{min-height:48px;border:2px solid #0d3f52;border-radius:8px;background:#0d3f52;color:#fff;padding:12px 18px;font-weight:800;box-shadow:0 10px 22px #0d3f523d}.primaryActionButton:hover{background:#15536a;border-color:#15536a}.lfiUploadPanel{display:grid;gap:12px}.lfiUploadGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:16px;align-items:start}.feaReportDownloads{display:grid;gap:12px;margin-top:0}.reportRow{display:grid;gap:10px;align-items:stretch;border:2px solid #0d3f52;border-radius:8px;padding:12px;background:#f2fbfd}.reportRow>div{display:grid;gap:4px}.reportRow strong{color:#092f3d;font-size:14px}.reportRow span{color:#43515f;font-size:13px;line-height:1.35}.reportDownloadButton{min-height:42px;border:2px solid #0d3f52;border-radius:7px;background:#fff;color:#0d3f52;padding:10px 12px;font-weight:800}.reportDownloadButton.primary{background:#0d3f52;color:#fff;box-shadow:0 10px 22px #0d3f5247}.reportDownloadButton:hover{transform:translateY(-1px)}.emptyReportSlot{display:none}.specDownloadButton{margin-top:14px}.approval{display:grid;grid-template-columns:1fr 110px auto auto;gap:8px;align-items:center;border-top:1px solid #edf0f3;padding-top:8px}.approval>span:first-child{display:grid;gap:3px}.approval>span:first-child strong{color:#263646}.approval small,.approval em{color:#607080;font-size:12px;font-style:normal}.approval em{grid-column:1 / -1}.approval button:disabled{cursor:not-allowed;opacity:.45}.feaForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.feaForm label,.createOrderForm label,.changeRequestForm label{font-size:13px}.factoryTaskForm{display:grid;gap:12px}.factoryTaskForm fieldset{display:grid;gap:12px;margin:0;padding:0;border:0}.factoryTaskForm fieldset:disabled{opacity:.58}.factoryTaskForm label{font-size:13px}.feaTargetOverrides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feaTargetOverrides label{display:grid;gap:6px}.liveStatus{display:grid;gap:12px;margin-top:12px}.liveStatus .stageProgress{justify-self:start;font-size:20px;padding:12px 18px}.liveStatus dl{grid-template-columns:150px 1fr;margin:0}.factoryFileList{display:grid;gap:8px}.separateFileList{margin-top:12px}.fileSections{display:grid;gap:18px}.fileSection{display:grid;gap:10px}.fileSection h4{margin:0;color:#17394a;font-size:16px}.designReferenceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px}.assetTile{position:relative;display:grid;align-content:start}.assetTile>.assetDeleteButton{position:absolute;top:6px;right:6px;z-index:2}.designReferenceCard{display:grid;gap:8px;padding:8px;text-align:left;background:#fff}.designReferenceCard img,.imagePlaceholder{width:100%;aspect-ratio:4 / 3;border:1px solid #d8dde3;border-radius:4px;background:#f5f7f9}.designReferenceCard img{object-fit:contain}.imagePlaceholder{display:grid;place-items:center;color:#607080;font-size:13px}.designReferenceCard span{overflow-wrap:anywhere;color:#43515f;font-size:13px}.designReferenceCard small{color:#607080;font-size:12px}.fileListRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.factoryFileList .fileListRow>button:first-child{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;text-align:left;background:#fff}.factoryFileList span,.factoryFileList small{color:#607080}.lightboxOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#080f17c7}.lightboxPanel{width:min(1180px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;border:1px solid #d8dde3;border-radius:8px;padding:14px;background:#fff;box-shadow:0 24px 60px #00000059}.lightboxHeader{display:flex;align-items:start;justify-content:space-between;gap:16px}.lightboxHeader>div:first-child{display:grid;gap:4px;min-width:0}.lightboxHeader strong,.lightboxHeader span{overflow-wrap:anywhere}.lightboxHeader span{color:#607080;font-size:13px}.lightboxActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lightboxImage,.lightboxPlaceholder{width:100%;max-height:calc(100vh - 150px);border:1px solid #d8dde3;border-radius:6px;background:#f5f7f9}.lightboxImage{object-fit:contain}.lightboxPlaceholder{min-height:360px;display:grid;place-items:center;color:#607080}.rejectionDialog{width:min(620px,100%);display:grid;gap:14px;border:1px solid #d8dde3;border-radius:8px;padding:18px;background:#fff;box-shadow:0 24px 60px #00000059}.rejectionDialog label{display:grid;gap:6px;color:#607080;font-weight:700}.rejectionDialog textarea{width:100%}.dialogActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dangerButton{border-color:#c91f16;color:#c91f16}.dropZone{border:1px dashed #9fb0bf;border-radius:8px;padding:14px;background:#f7f9fb}.dropZone.active{border-color:#2f6f88;background:#edf7fb}.dropZone span{color:#607080}.dropZone input{margin-top:4px}.uploadDropZone{min-height:118px;align-content:center}.uploadDropZone input{width:100%}.selectedFiles{display:flex;flex-wrap:wrap;gap:8px}.selectedFiles span{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5df;border-radius:999px;padding:5px 8px 5px 10px;background:#fff;font-size:13px}.selectedFiles button{padding:3px 7px;font-size:12px}.feaForm button{align-self:end}.spotcheckForm{display:grid;grid-template-columns:190px 1fr auto;gap:12px;margin-top:12px;align-items:end}.spotcheckForm fieldset{display:contents}.spotcheckForm fieldset:disabled{opacity:.58}.createOrderForm,.changeRequestForm{display:grid;gap:18px;margin-top:14px}.changeRequestPanel{display:grid;gap:12px}.changeRequestForm .primaryActionButton{justify-self:stretch}.formBand{display:grid;gap:12px;border-top:1px solid #edf0f3;padding-top:14px}.formBand:first-child{border-top:0;padding-top:0}.formBand h4{margin:0;color:#263646;font-size:14px}.formGrid{display:grid;grid-template-columns:1fr;gap:12px}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.fourColumns{grid-template-columns:repeat(4,minmax(0,1fr))}.checkboxField{align-self:end;display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c4ccd4;border-radius:6px;padding:10px;background:#fff}.checkboxField input{width:18px;height:18px;margin:0}.segmentedField{display:inline-grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px;width:min(420px,100%);padding:4px;border:1px solid #c4ccd4;border-radius:8px;background:#f7f9fb}.segmentedField label{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid transparent;border-radius:6px;color:#43515f;cursor:pointer}.segmentedField label.selected{border-color:#2f6f88;background:#fff;color:#17394a;box-shadow:0 1px 2px #18202a14}.segmentedField input{margin:0}.formActions{display:flex;justify-content:flex-end}.formActions button{min-width:180px;background:#17394a;border-color:#17394a;color:#fff}.quantitySplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-self:end}.quantitySplit label{gap:4px}.quantitySplit input{min-width:0;text-align:center}.wideField{grid-column:1 / -1}.fieldLabelRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.compactSelect{width:auto;min-width:62px;padding:4px 8px;font-size:14px}.inspectionList{display:grid;gap:10px;margin-top:14px}.inspection{display:grid;gap:8px;border-top:1px solid #edf0f3;padding-top:10px}.inspection>div:first-child,.rowActions{display:flex;align-items:center;gap:8px;justify-content:space-between}.inspection p{margin:0}.inspection span,.compactList{color:#607080}.inspection.pass strong{color:#12623b}.inspection.flag strong,.inspection.needs_review strong,.inspection.stale strong{color:#9a3412}.attemptList{display:grid;gap:10px}.attempt{display:grid;gap:6px;border-left:5px solid #64748b;border-radius:6px;padding:10px 12px;background:#f8fafc}.attempt.accepted{border-left-color:#15803d;background:#f0fdf4}.attempt.rejected,.attempt.needs_review{border-left-color:#b91c1c;background:#fff1f2}.attempt div{display:flex;justify-content:space-between;gap:12px}.attempt p{margin:0}.attempt span,.attempt small{color:#526171}.compactList{margin:6px 0 0;padding-left:18px}.timelinePanel{grid-column:1 / -1}.timelineList{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.timelineItem{display:grid;gap:5px;border-left:5px solid #64748b;border-radius:6px;padding:9px 11px;background:#f8fafc}.timelineItem.factory_to_lfi{border-left-color:#0f766e;background:#f0fdfa}.timelineItem.lfi_to_factory{border-left-color:#0f4c5c;background:#eef8fb}.timelineItem.customer_to_lfi{border-left-color:#7c3aed;background:#f5f3ff}.timelineItem.system{border-left-color:#475569;background:#f8fafc}.timelineMeta,.timelineBody{display:flex;justify-content:space-between;gap:12px}.timelineMeta span,.timelineBody small,.timelineItem p{color:#526171}.timelineItem p{margin:0}.timelineDownloadButton{justify-self:start;padding:5px 9px;font-size:13px;color:#0f4c5c;border-color:#8bb6c1;background:#fff}.timelineDownloadButton:hover{border-color:#0f4c5c}.invoicePanel{display:grid;gap:16px}.invoiceForm,.invoiceSubForm{display:grid;gap:12px}.invoiceActions,.invoiceStatusCard,.invoiceExternalLinks,.paymentList>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.invoiceActions button,.invoiceSubForm button{min-width:180px;background:#17394a;border-color:#17394a;color:#fff}.invoiceRecovery{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8dde3;border-radius:8px;padding:12px;background:#f8fafc}.invoiceRecovery>div{display:grid;gap:4px}.invoiceRecovery span{color:#526171}.invoiceRecovery.missing{border-color:#e3a545;background:#fff8ed}.invoiceRecovery button{min-width:180px;background:#17394a;border-color:#17394a;color:#fff}.invoiceStatusCard{border:1px solid #c4ccd4;border-radius:8px;padding:12px;background:#fff}.invoiceStatusCard>div:first-child{display:grid;gap:4px}.invoiceStatusCard.paid{border-color:#8fcaab;background:#eefaf2}.invoiceStatusCard.open{border-color:#e3a545;background:#fff8ed}.invoiceStatusCard span,.invoiceStatusCard small,.paymentList span{color:#526171}.invoiceExternalLinks a{color:#0f4c5c;font-weight:700}.invoiceWorkflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.invoiceSubForm{border-top:1px solid #edf0f3;padding-top:12px}.invoiceSubForm h4{margin:0}.paymentList{display:grid;gap:8px}.paymentList>div{border:1px solid #d8dde3;border-radius:6px;padding:8px 10px;background:#fff}@media(max-width:900px){.layout,.grid,.lfiUploadGrid,.assignmentPanel,.documentPanel,.documentPreviews,.assignmentPanel form,.feaForm,.spotcheckForm,.twoColumns,.threeColumns,.fourColumns,.quantitySplit,.fileListRow,.factoryFileList .fileListRow>button:first-child,.invoiceWorkflows,.reportRow{grid-template-columns:1fr}}