.formal-product-storage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;margin-bottom:24px;padding:28px;border-left:5px solid #197891}
.formal-product-storage span{color:#197891;font-weight:800;letter-spacing:.14em}.formal-product-storage h2{margin:6px 0 8px}.formal-product-storage p{margin:0;line-height:1.8}
.formal-storage-status{display:grid;gap:4px;min-width:180px;padding:14px 18px;border-radius:12px;background:#eaf7f2;color:#145d47}
.formal-product-storage button{grid-column:1/-1;min-height:48px}
.order-status-manager{padding:26px!important;background:#fff;border:1px solid #cbd8df!important;border-radius:14px!important}
.order-status-manager>div:first-child{margin-bottom:20px}.order-status-manager>div:first-child h3{margin:0 0 6px;font-size:20px}.order-status-manager>div:first-child p{margin:0;color:#526875;line-height:1.7}
#order-status-list{display:grid;gap:10px}
.order-status-setting-v2{position:relative;display:grid!important;grid-template-columns:34px 42px minmax(180px,.9fr) 28px minmax(310px,1.35fr) 58px;gap:12px;align-items:center;min-height:72px;padding:10px 14px!important;border:1px solid #d4dfe5!important;border-left:4px solid var(--status-color)!important;border-radius:10px;background:#fbfcfd;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .16s}
.order-status-setting-v2:hover{border-color:#9fb3bf!important;box-shadow:0 5px 15px rgba(16,45,62,.07)}
.status-drag-handle{display:grid;gap:4px;align-content:center;justify-content:center;width:32px;height:42px;padding:0;border:0!important;border-radius:7px;background:transparent!important;cursor:grab}.status-drag-handle:active{cursor:grabbing}.status-drag-handle i{display:block;width:16px;height:2px;border-radius:2px;background:#82949f}
.status-sequence{color:#80909a;font-size:13px;font-weight:800;letter-spacing:.08em}
.status-admin-name{display:flex;align-items:center;gap:10px;min-width:0}.status-admin-name>i{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--status-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--status-color) 15%,transparent)}
.status-admin-name>span{display:grid;gap:2px;min-width:0}.status-admin-name small,.status-customer-mapping small{color:#71828d;font-size:11px;font-weight:700;letter-spacing:.04em}.status-admin-name b{overflow:hidden;color:var(--status-color);font-size:16px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.status-map-arrow{color:#8497a2;font-size:19px;text-align:center}
.status-customer-mapping{display:grid!important;grid-template-columns:90px minmax(0,1fr);gap:10px!important;align-items:center}.status-customer-mapping small{font-size:12px}.order-status-setting-v2 select{width:100%;min-height:44px;border:1px solid #b8c8d2;border-radius:8px;padding:0 36px 0 12px;background:#fff;color:#102d3e;font-size:15px;font-weight:700}
.status-standard-label{justify-self:end;padding:6px 9px;border:1px solid #cad5db;border-radius:999px;color:#607581;font-size:12px;font-style:normal;font-weight:700}.status-delete-button{justify-self:end;min-height:36px!important;padding:0 11px!important;border-color:#e5b7b2!important;color:#a64238!important;font-size:12px!important}
.order-status-setting-v2.is-dragging{opacity:.42;transform:scale(.99)}.order-status-setting-v2.is-drop-before::before,.order-status-setting-v2.is-drop-after::after{content:"";position:absolute;z-index:2;left:8px;right:8px;height:3px;border-radius:3px;background:#167893;box-shadow:0 0 0 3px rgba(22,120,147,.12)}.order-status-setting-v2.is-drop-before::before{top:-7px}.order-status-setting-v2.is-drop-after::after{bottom:-7px}
#add-order-status-form{display:grid!important;grid-template-columns:minmax(220px,1fr) auto;gap:10px;max-width:620px;margin-top:20px;padding-top:20px;border-top:1px solid #dce4e9}#add-order-status-form input{min-height:44px;border:1px solid #b9c9d2;border-radius:8px;padding:0 12px;font-size:15px}#add-order-status-form button{min-height:44px}
.customer-order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 14px 28px;margin:4px 0 24px;list-style:none;border:1px solid #d8e2e8;border-radius:14px;background:#f8fafb}
.customer-order-progress li{position:relative;display:grid;justify-items:center;gap:8px;color:#82919b;text-align:center;font-weight:700}
.customer-order-progress li:not(:last-child)::after{content:"";position:absolute;z-index:0;top:16px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:#ced8de}
.customer-order-progress i{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #c2cfd7;border-radius:50%;background:#fff;font-style:normal}
.customer-order-progress .is-complete,.customer-order-progress .is-current{color:#0e627c}
.customer-order-progress .is-complete i,.customer-order-progress .is-current i{border-color:#167893;background:#167893;color:#fff}
.customer-order-progress .is-complete::after{background:#167893!important}
.partial-shipment-note{margin:-12px 0 24px;padding:13px 16px;border-left:4px solid #b27814;background:#fff8e9;color:#684b16;font-weight:700}
@media(max-width:900px){.order-status-setting-v2{grid-template-columns:34px 36px minmax(150px,1fr) 22px minmax(250px,1.3fr) 50px}.status-customer-mapping{grid-template-columns:1fr}.status-customer-mapping small{display:none}}
@media(max-width:760px){.formal-product-storage{grid-template-columns:1fr}.formal-product-storage button{grid-column:1}.order-status-manager{padding:16px!important}.order-status-setting-v2{grid-template-columns:30px 32px minmax(0,1fr) auto;gap:8px;padding:10px!important}.status-map-arrow{display:none}.status-customer-mapping{grid-column:3/-1;grid-template-columns:1fr}.status-customer-mapping small{display:block}.status-standard-label,.status-delete-button{grid-column:4;grid-row:1}.customer-order-progress{padding:18px 4px 22px}.customer-order-progress li{gap:6px;font-size:11px}.customer-order-progress i{width:30px;height:30px}.customer-order-progress li:not(:last-child)::after{top:14px;left:calc(50% + 16px);width:calc(100% - 32px)}}
