.order-center{margin-top:16px}.oc-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;color:var(--text-muted)}
.oc-summary button{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;padding:9px 12px;min-height:44px}.oc-summary button.active{border-color:var(--accent);color:var(--accent)}
.oc-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}.oc-filters label,.oc-reason label{display:flex;flex-direction:column;gap:6px;font-size:13px}.oc-filters input,.oc-filters select,.oc-reason textarea{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);min-height:44px}.oc-search{flex:1;min-width:220px}.oc-more{width:100%}.oc-more summary{cursor:pointer;padding:10px}.oc-filter-extra{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:12px 0}.oc-filters button,.oc-paging button,.oc-card button,.oc-reason button{min-height:44px;padding:9px 14px;border-radius:8px}
.oc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible}.oc-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);min-width:0}.oc-card-top,.oc-meta,.oc-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.oc-card h4{margin:12px 0 8px;overflow-wrap:anywhere}.oc-reference{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.oc-type{color:var(--accent);font-size:12px}.oc-state{padding:5px 8px;border-radius:6px;background:rgba(128,128,128,.12);font-size:12px}.oc-warning-state{color:#e3a237}.oc-meta{font-size:13px;margin-top:12px;flex-wrap:wrap}.oc-meta strong{font-size:18px;color:var(--accent)}.oc-card-footer{margin-top:16px;flex-wrap:wrap}.oc-card-footer small{color:var(--text-muted);overflow-wrap:anywhere;flex:1}.oc-paging{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:20px}.oc-paging span{font-size:13px}.oc-empty{grid-column:1/-1;padding:24px;text-align:center}.oc-list[aria-busy=true]{opacity:.65}
.oc-modal-card{width:min(780px,calc(100vw - 32px));max-width:780px;max-height:90dvh;display:flex;flex-direction:column;padding:0;overflow:hidden}.oc-modal-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.oc-modal-header h3{font-size:16px;overflow-wrap:anywhere;margin:0}.oc-modal-header button{flex-shrink:0;min-width:44px;min-height:44px}.oc-modal-body{padding:20px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.oc-modal-body h4{margin:20px 0 12px;color:var(--accent)}.oc-modal-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid var(--border);background:var(--card-bg);padding-bottom:max(16px,env(safe-area-inset-bottom))}.oc-modal-footer button{min-height:44px;flex:1;min-width:120px}.oc-modal-footer .submit-btn{margin:0}.oc-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oc-details dt{font-size:12px;color:var(--text-muted)}.oc-details dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.oc-warning{padding:14px;background:rgba(227,162,55,.12);border-radius:10px;color:#e3a237}.oc-evidence{display:block;max-width:100%;max-height:300px;border-radius:8px}.oc-ledger{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.oc-ledger small{width:100%;color:var(--text-muted)}.oc-timeline{padding-left:20px}.oc-timeline li{margin:14px 0}.oc-timeline time,.oc-timeline small,.oc-muted{font-size:12px;color:var(--text-muted)}.oc-timeline p{margin:4px 0}.oc-reason{padding:16px;border:1px solid var(--accent);border-radius:10px;margin-top:18px}.oc-reason textarea{width:100%;box-sizing:border-box;margin-bottom:12px}#ocActionMessage{color:var(--red)}
@media(max-width:680px){.oc-list{grid-template-columns:1fr}.oc-filters>label{flex:1;min-width:130px}.oc-search{flex-basis:100%!important}.oc-filter-extra label{flex:1;min-width:130px}.oc-modal-card{width:calc(100vw - 16px);max-height:94dvh}.oc-modal-body{padding:16px}.oc-modal-header{padding:14px 16px}.oc-details{grid-template-columns:1fr}.oc-modal-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.oc-paging{gap:8px}.oc-paging button{padding:8px}.oc-card-footer button{width:100%}.oc-card{padding:16px}}
.oc-focused-order{outline:2px solid var(--accent);outline-offset:3px}
#orderCenterModal{z-index:1500}
.oc-card h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oc-bulk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:12px}
.oc-bulk label,.oc-select,.oc-cleanup-confirm{display:flex;align-items:center;gap:7px;cursor:pointer}
.oc-bulk input,.oc-select input,.oc-cleanup-confirm input,#ocCleanupEnabled{width:18px;height:18px;flex-shrink:0}
.oc-select{font-size:12px;margin-bottom:10px}.oc-cleanup-preview{max-height:280px;overflow:auto;padding-left:20px;overflow-wrap:anywhere}.oc-cleanup-preview li{margin:10px 0}.oc-cleanup-confirm{margin:14px 0}
.oc-reason input[type=number]{min-height:44px;padding:10px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px}.oc-reason label:has(input[type=checkbox]){flex-direction:row;align-items:center}.oc-bulk button,[data-run-cleanup]{min-height:44px;padding:9px 14px;border-radius:8px}
.oc-trash-expiry{font-size:12px;color:var(--text-muted);margin:12px 0 0;overflow-wrap:anywhere}
.oc-reason select,.oc-reason input[type=text],.oc-reason input:not([type]){width:100%;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);margin-bottom:12px}
.oc-reason input[type=checkbox],#ocTimeoutEnabled,#ocTimeoutConfirm{width:18px;height:18px;flex-shrink:0}
.oc-modal-body>label:has(#ocTimeoutEnabled),.oc-modal-body>label:has(#ocTimeoutConfirm){display:flex;gap:8px;align-items:flex-start;margin:16px 0;line-height:1.6}
[data-save-timeout],[data-run-timeout]{min-height:44px;margin-bottom:12px}
@media(max-width:600px){.oc-bulk>label,.oc-bulk>.oc-muted{width:100%}.oc-bulk button{flex:1;min-height:44px}.oc-cleanup-confirm{align-items:flex-start}}