.package-status-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px;border:1px solid transparent;border-radius:6px;background:#edf0eb;color:var(--green);font:inherit;font-size:var(--fs-xs);font-weight:500;line-height:1.4;white-space:nowrap;text-align:left;vertical-align:middle}
button.package-status-badge{cursor:pointer;min-height:32px}
button.package-status-badge:hover{border-color:currentColor}
.package-status-badge:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.package-status-dot{width:5px;height:5px;flex:none;background:currentColor;border-radius:50%}
.package-status-badge.tone-warning{background:#fbf0d8;color:#805816}
.package-status-badge.tone-muted{background:var(--surface-subtle);color:var(--muted)}
.package-status-badge.tone-success{background:#e5eddf;color:#36552b}
.package-status-customer{color:var(--muted);font-size:var(--fs-sm);margin:0 0 22px}
.package-status-steps{list-style:none;margin:0;padding:0}
.package-status-steps>li{display:flex;gap:13px;align-items:flex-start;position:relative;padding:0 0 24px;min-height:63px}
.package-status-steps>li:last-child{padding-bottom:0}
.package-status-steps>li:not(:last-child):before{content:"";position:absolute;left:14px;top:31px;bottom:3px;border-left:1px solid var(--line)}
.package-status-step-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:var(--fs-xs);background:var(--white)}
.package-status-step-icon .icon{width:15px;height:15px}
.package-status-steps .is-complete .package-status-step-icon{background:#e5eddf;border-color:#e5eddf;color:var(--green)}
.package-status-steps .is-warning .package-status-step-icon{background:#fbf0d8;border-color:#fbf0d8;color:#805816}
.package-status-steps li>div{padding-top:2px;min-width:0}
.package-status-steps strong{display:block;font-weight:550;font-size:var(--fs-sm);line-height:1.6}
.package-status-steps li>div>span{display:block;font-size:var(--fs-xs);color:var(--muted);line-height:1.65;margin-top:2px}
.package-status-help,.package-status-alert{font-size:var(--fs-xs);line-height:1.7;margin:21px 0 0;color:var(--muted)}
.package-status-alert{color:#805816}
.package-status-footer>.action-menu{margin-right:auto}
.package-quotation-registration{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.package-quotation-registration strong{font-weight:550;font-size:var(--fs-sm)}
.package-quotation-registration p{font-size:var(--fs-xs);color:var(--muted);line-height:1.65;margin:4px 0 0}
.package-round-orders .package-order-status-cell{width:1%;white-space:nowrap}
.package-orders-filter{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--muted)}
.package-orders-filter select{min-width:155px;max-width:100%;padding:8px 30px 8px 11px;font-size:var(--fs-xs);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);background-color:var(--white)}
.package-orders-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.package-orders-heading .package-round-summary{margin:0}
@media(max-width:760px){
 .package-round-orders .data-table tr{grid-template-areas:"identity amount actions" "receipt quantity actions" "status status actions";row-gap:6px}
 .package-round-orders .data-table td.package-order-status-cell{grid-area:status;white-space:normal;width:auto}
 .package-round-orders .data-table td.package-order-amount{grid-area:amount}
 .package-round-orders .data-table td.actions-cell{grid-area:actions}
 .package-round-orders .data-table .package-status-badge{padding:3px 7px;min-height:28px}
}
@media(max-width:540px){
 .package-quotation-registration{align-items:flex-start;flex-direction:column;gap:12px}
 .package-status-footer{flex-wrap:wrap}
 .package-status-footer>.btn-primary{flex-basis:100%;justify-content:center}
 .package-orders-filter{width:100%}
 .package-orders-filter select{width:100%}
}
