#purchase-warning-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;font-size:12px;margin-top:8px}
#purchase-warning-tools.hidden{display:none}.warning-filters{display:flex;gap:6px}.warning-rule{color:#7d8b8b;margin-left:auto}
#purchase-warning-sort{padding:6px;border:1px solid var(--line);border-radius:5px;background:white}
[data-warning-filter="overdue"]{color:#cc3030;border-color:#efbaba}.overdue-badge{display:inline-block;background:#fff0ed;color:#cf3030;border-radius:4px;padding:2px 5px;margin-left:6px;font-size:11px;white-space:nowrap;cursor:pointer}
.overdue-badge[hidden]{display:none}.order-overdue-warning{border-left:3px solid #ed5555;padding:6px 4px 6px 7px;margin-top:8px;color:#d62f2f;font-size:12px;line-height:1.6;white-space:nowrap}
.order-overdue-warning strong{font-weight:600}.order-overdue-warning span{display:block;font-size:11px}.order-date-invalid{color:#a86c1b;font-size:12px;margin-top:6px}
#flow-content .panel-head:has(#purchase-warning-tools:not(.hidden)){flex-wrap:wrap}
#flow-content .panel-title-row:has(#purchase-warning-tools:not(.hidden)){flex:1 1 100%;max-width:100%}
/* V2.4.3: all order fields belong to one responsive card, no pinned columns. */
#purchase-price-alert-modal{padding:16px;z-index:1000}
#purchase-price-alert-modal .purchase-price-alert-modal{width:100%;max-width:1888px;height:calc(100dvh - 32px);max-height:none;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:12px}
#purchase-price-alert-modal .modal-head{padding:16px 20px;flex-shrink:0}
#purchase-price-alert-modal .purchase-price-modal-body{padding:14px 20px 0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#purchase-price-alert-modal .price-alert-tabs{flex-shrink:0;gap:7px;margin-bottom:12px}
#purchase-price-alert-modal .price-alert-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0;margin-bottom:14px}
#purchase-price-alert-modal .price-summary-item{min-width:0;min-height:62px;padding:10px 13px}
#purchase-price-alert-modal .price-summary-item strong{font-size:20px;overflow-wrap:anywhere}
#purchase-price-alert-modal .price-summary-item:last-child{background:#fff9ed;border-color:#f0dfbe}
#purchase-price-alert-modal .price-summary-item:last-child strong{color:#ad6317}
#purchase-price-alert-modal .price-alert-table-wrap{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;border:0;background:#f8faf9;scrollbar-gutter:stable;padding:0 2px 12px}
#purchase-price-alert-modal .price-alert-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0 10px}
#purchase-price-alert-modal .price-alert-card-cell{padding:0;border:0;white-space:normal;background:transparent}
#purchase-price-alert-modal .alert-card{background:white;border:1px solid #dce5df;border-radius:9px;overflow:hidden;text-align:left}
#purchase-price-alert-modal .alert-main{padding:14px;display:grid;grid-template-columns:minmax(205px,1.65fr) repeat(7,minmax(72px,1fr));gap:10px;align-items:stretch}
#purchase-price-alert-modal .alert-main>*{min-width:0}
#purchase-price-alert-modal .price-alert-product{display:flex;align-items:flex-start;gap:10px;min-width:0}
#purchase-price-alert-modal .price-alert-product>:first-child{flex-shrink:0;width:38px;height:40px}
#purchase-price-alert-modal .price-alert-product-meta{min-width:0;max-width:none;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
#purchase-price-alert-modal .price-alert-product-meta strong{font-size:13px;display:block}
#purchase-price-alert-modal .price-alert-product-meta small{font-size:11px;color:#809087;display:block}
#purchase-price-alert-modal .badge-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#5b7569;margin-top:6px}
#purchase-price-alert-modal .metric{border-left:1px solid #edf1ee;padding-left:11px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
#purchase-price-alert-modal .metric-label{font-size:11px;color:#718178;line-height:1.5;white-space:normal}
#purchase-price-alert-modal .metric-value{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
#purchase-price-alert-modal .metric.current .metric-value{color:#255d48}
#purchase-price-alert-modal .metric.rise,#purchase-price-alert-modal .metric.extra{background:#fff5f2;border:0;border-radius:6px;padding:9px 10px;margin-top:-3px;margin-bottom:-3px}
#purchase-price-alert-modal .metric.rise .metric-value,#purchase-price-alert-modal .metric.extra .metric-value{color:#c73b31}
#purchase-price-alert-modal .metric small{font-size:11px;color:#bb574e;overflow-wrap:anywhere;max-width:100%}
#purchase-price-alert-modal .metric .price-history-link{font-size:16px;font-weight:650;color:#167565;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:0;min-width:0}
#purchase-price-alert-modal .metric .small-btn{width:auto;font-size:11px;min-width:0;padding:4px 8px;white-space:nowrap;background:white}
#purchase-price-alert-modal .alert-detail{border-top:1px solid #edf1ed;background:#fbfcfb;padding:10px 14px;display:grid;grid-template-columns:minmax(165px,.75fr) minmax(250px,2fr) 100px;gap:16px;align-items:center}
#purchase-price-alert-modal .confirm-reason{align-self:stretch;border-right:1px solid #e6ece7;padding-right:12px;min-width:0}
#purchase-price-alert-modal .detail-label{font-size:11px;color:#75857d;display:block;margin-bottom:6px}
#purchase-price-alert-modal .confirm-reason p{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
#purchase-price-alert-modal .reason-editor{min-width:0}
#purchase-price-alert-modal .increase-reason-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#748878;margin-bottom:6px}
#purchase-price-alert-modal .reason-entry{display:flex;align-items:center;gap:9px}
#purchase-price-alert-modal .reason-entry textarea{box-sizing:border-box;flex:1 1 0;width:auto;min-width:0;resize:none;height:44px;min-height:44px;border:1px solid #d4e1d8;border-radius:5px;padding:5px 8px;background:white;font-family:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
#purchase-price-alert-modal .reason-entry textarea:focus{outline:2px solid #d1e7da;border-color:#568c6b}
#purchase-price-alert-modal .reason-entry button{width:auto;max-width:110px;min-width:0;flex-shrink:0;font-size:12px;white-space:nowrap;padding:7px 11px;color:#23764f;background:white}
#purchase-price-alert-modal .increase-reason-readonly{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
#purchase-price-alert-modal .record-action{display:flex;flex-direction:column;align-items:stretch;font-size:12px;text-align:center}
#purchase-price-alert-modal .record-action button{width:100%;font-size:12px;white-space:nowrap}
#purchase-price-alert-modal .modal-actions{padding:10px 20px;border-top:1px solid #e1e8e3;flex-shrink:0}
/* History is a child dialog above alerts, below system prompts (z-index 3000). */
#purchase-price-history-modal{z-index:1200;background:rgba(18,31,25,.5);padding:28px}
#purchase-price-history-modal .purchase-price-history-modal{width:min(1380px,100%);max-height:calc(100dvh - 56px);display:flex;flex-direction:column;overflow:hidden;border-radius:11px}
#purchase-price-history-modal .modal-head{flex-shrink:0}
#purchase-price-history-modal .purchase-price-modal-body{overflow:auto;padding:16px;min-height:0}
#purchase-price-history-modal .price-history-summary{grid-template-columns:repeat(7,minmax(0,1fr))}
#purchase-price-history-modal .price-summary-item{min-width:0}
#purchase-price-history-modal .price-summary-item strong{font-size:16px;overflow-wrap:anywhere}
#purchase-price-history-modal .price-history-table{min-width:0;width:100%;table-layout:fixed;font-size:12px}
#purchase-price-history-modal .price-history-table th,#purchase-price-history-modal .price-history-table td{padding:11px 8px;overflow-wrap:anywhere;white-space:normal}
#purchase-price-history-modal .price-history-table-wrap{max-height:48vh;overflow-x:hidden}
#purchase-price-history-modal .modal-actions{border-top:1px solid #e2e9e4;padding:12px 16px;flex-shrink:0}
#purchase-price-history-title{font-size:17px;overflow-wrap:anywhere;min-width:0}
@media(max-width:1100px){
 #purchase-price-alert-modal .alert-main{grid-template-columns:190px repeat(4,minmax(0,1fr))}
 #purchase-price-alert-modal .price-alert-product{grid-row:span 2}
 #purchase-price-alert-modal .metric{min-height:65px}
 #purchase-price-alert-modal .alert-detail{grid-template-columns:150px minmax(200px,1fr) 100px}
 #purchase-price-history-modal .price-history-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
 #purchase-price-alert-modal{padding:6px}
 #purchase-price-alert-modal .purchase-price-alert-modal{height:calc(100dvh - 12px)}
 #purchase-price-alert-modal .modal-head,#purchase-price-alert-modal .purchase-price-modal-body{padding-left:10px;padding-right:10px}
 #purchase-price-alert-modal .price-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #purchase-price-alert-modal .alert-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #purchase-price-alert-modal .price-alert-product{grid-column:1/-1;grid-row:auto}
 #purchase-price-alert-modal .alert-detail{grid-template-columns:minmax(0,1fr);gap:10px}
 #purchase-price-alert-modal .confirm-reason{border:0}
 #purchase-price-alert-modal .record-action{align-items:flex-end}
 #purchase-price-alert-modal .record-action button{width:auto}
 #purchase-price-history-modal{padding:10px}
 #purchase-price-history-modal .price-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}