.fabricListCard .searchGroup{display:flex;gap:8px;flex:1}.fabricListCard .searchGroup input{max-width:520px}.clickRow{cursor:pointer}.clickRow:hover{background:#f7faff}.fabricDetail{max-width:1500px;margin:0 auto}.fabricDetailTop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.fabricTitleRow{display:flex;gap:12px;align-items:center}.fabricTitleRow h2{margin:5px 0 2px;font-size:28px}.fabricTitleRow h2 span{font-weight:500;color:#526176}.backLink{border:0;background:transparent;color:#1d5da8;padding:0;font-weight:700;cursor:pointer}.detailActions{display:flex;gap:7px;flex-wrap:wrap}.fabricKpiGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.fabricKpi{padding:13px}.fabricKpi span{display:block;color:#667085;font-size:12px;font-weight:700}.fabricKpi b{display:block;font-size:21px;margin-top:5px}.fabricKpi small{display:block;color:#667085;margin-top:3px}.fabricTabs{display:flex;gap:5px;overflow:auto;padding:4px 0 9px;position:sticky;top:0;z-index:10;background:#f5f7fb}.fabricTabs button{white-space:nowrap;border:1px solid #d8e0eb;background:#fff;color:#42526a;border-radius:9px;padding:9px 11px;font-weight:700;cursor:pointer}.fabricTabs button.active{background:#10284d;color:#fff;border-color:#10284d}.fabricTwoCol{display:grid;grid-template-columns:1.35fr .9fr;gap:12px}.sectionHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.sectionHead h3{margin:0}.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.infoItem{border:1px solid #e7ebf1;border-radius:10px;padding:10px}.infoItem span{display:block;color:#667085;font-size:11px;margin-bottom:4px}.recipeCard{border:1px solid #e2e7ef;border-radius:10px;padding:11px;margin:8px 0}.recipeCard>div:first-child{display:flex;justify-content:space-between}.recipeCard p{white-space:pre-wrap;margin-bottom:0;color:#4b5565}.timeline{position:relative}.timelineItem{display:grid;grid-template-columns:14px 86px 1fr;gap:9px;min-height:62px;position:relative}.timelineDot{width:10px;height:10px;border-radius:50%;background:#1d5da8;margin-top:6px;position:relative}.timelineItem:not(:last-child) .timelineDot:after{content:"";position:absolute;left:4px;top:10px;width:2px;height:55px;background:#dde4ed}.timelineDate{font-size:12px;color:#667085;padding-top:4px}.timelineItem b{margin-left:7px}.timelineItem p{margin:4px 0 0;color:#667085}.fabricPill{display:inline-block;padding:3px 7px;border-radius:999px;background:#edf3ff;color:#1d5da8;font-size:10px;font-weight:800}.fabricPill.goodPill{background:#ecfdf3;color:#067647}.fabricPill.warnPill{background:#fff7e6;color:#b54708}.fabricPill.badPill{background:#fff0ee;color:#b42318}.lotGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lotCard{border:1px solid #dfe5ef;border-radius:12px;padding:13px;background:#fff}.lotHead{display:flex;justify-content:space-between;gap:8px}.lotStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.lotStats span{background:#f8fafc;border-radius:8px;padding:8px;color:#667085}.lotStats b{display:block;color:#14213d;font-size:16px}.rollPanel{margin-top:10px}.stockLoc{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f4;padding:10px 0}.fabricCostTotal{display:flex;justify-content:space-between;align-items:center;border:1px solid #dbe5f2;background:#f6f9fd;border-radius:12px;padding:14px;margin:10px 0 14px}.fabricCostTotal b{font-size:25px}.cardelaPreview{border:1px solid #dbe2eb;border-radius:14px;padding:20px;max-width:520px;margin:auto;text-align:center;background:#fff}.cardelaPreview img{width:190px;max-height:80px;object-fit:contain}.cardelaCode{font-size:27px;font-weight:900;margin-top:16px}.cardelaCare{margin:15px 0;padding:10px;background:#f8fafc;border-radius:8px;white-space:pre-wrap}.cardelaMeta{font-size:11px;color:#667085}.fabricQuick{grid-template-columns:repeat(2,1fr)}.modalTitle h3{margin-bottom:3px}.switchRow{display:flex!important;align-items:center;gap:8px}.switchRow input{width:auto}.fabricForm textarea{min-height:70px}
@media(max-width:1100px){.fabricKpiGrid{grid-template-columns:repeat(3,1fr)}.infoGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.fabricDetail{margin:-5px 0 0}.fabricDetailTop{flex-direction:column}.detailActions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.detailActions .btn{padding:10px 7px;font-size:12px}.fabricKpiGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fabricKpi b{font-size:18px}.fabricTwoCol{grid-template-columns:1fr}.infoGrid{grid-template-columns:1fr 1fr}.lotGrid{grid-template-columns:1fr}.fabricTabs{top:-1px}.fabricListCard .searchGroup{width:100%;flex-direction:column}.fabricQuick{grid-template-columns:1fr}.fabricDetailTop h2{font-size:23px}.sectionHead{align-items:flex-start}}
@media(max-width:480px){.fabricKpiGrid{grid-template-columns:1fr 1fr}.infoGrid{grid-template-columns:1fr}.detailActions{grid-template-columns:1fr 1fr}.lotStats{grid-template-columns:repeat(3,1fr);font-size:11px}.timelineItem{grid-template-columns:12px 70px 1fr}.fabricKpi{padding:10px}}
.inventoryDashStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px}.miniDash{padding:12px}.miniDash span,.miniDash small{display:block;color:#667085}.miniDash b{display:block;font-size:20px;margin:4px 0}@media(max-width:900px){.inventoryDashStrip{grid-template-columns:repeat(2,1fr)}}
