#order-alerts{margin:24px 0;padding:24px;border:1px solid #d9e3dc;border-radius:18px;background:#fff}.order-alert-heading,.order-alert-toolbar,.order-alert-card header,.order-alert-card footer,.order-alert-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-alert-heading h2{font-size:20px;margin:7px 0}.order-alert-heading p,.order-alert-card p{color:#607266;line-height:1.7;margin:6px 0}.order-alert-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.order-alert-count{padding:15px;border-radius:12px;background:#faf2e8}.order-alert-count.info{background:#eff5f1}.order-alert-count strong{display:block;font-size:28px;margin:8px 0}.order-alert-count small{color:#6c766f}.order-alert-toolbar{justify-content:flex-start;flex-wrap:wrap}.order-alert-toolbar input{flex:1;min-width:190px}.order-alert-toolbar input,.order-alert-toolbar select{padding:11px;border:1px solid #d5ded8;border-radius:9px;background:white}.order-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-alert-card{border:1px solid #dde5df;border-radius:14px;overflow:hidden}.order-alert-card header{padding:17px;background:#f6f9f6;align-items:flex-start}.order-alert-card h3{margin:0 0 7px;font-size:18px}.order-alert-card header span{font-size:12px;color:#617265;overflow-wrap:anywhere}.order-alert-state{padding:6px 9px;flex-shrink:0;border-radius:20px;background:#e7f0e9}.order-alert-card ul{list-style:none;padding:0 17px;margin:8px 0}.order-alert-card li{padding:12px 0;border-bottom:1px solid #edf1ed}.order-alert-card li.warning strong{color:#a25c18}.order-alert-card li.info strong{color:#526d5d}.order-alert-card footer{padding:12px 17px;color:#65766c}.order-alert-pagination{margin-top:15px}.order-alert-pagination>div{display:flex;gap:8px}@media(max-width:1000px){.order-alert-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.order-alert-list{grid-template-columns:1fr}}@media(max-width:600px){#order-alerts{padding:15px}.order-alert-heading{align-items:flex-start;flex-direction:column}.order-alert-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.order-alert-card header{gap:8px}.order-alert-state{max-width:100px}}