[hidden] { display: none !important; }
.ar-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.ar-fields label, .ar-admin-form label, .ar-resolve label, #agentLoginForm label { display: grid; gap: 8px; margin-bottom: 14px; color: #50634f; }
.ar-fields .check-row { display: flex; }
.ar-fields input, .ar-fields select, .ar-admin input, .ar-admin select, .ar-admin textarea, .ar-compose textarea, #agentLoginForm input { width: 100%; min-width: 0; border: 1px solid #bac9bc; border-radius: 5px; background: #ffffffc9; padding: 11px 12px; color: #233a30; }
.ar-fields input[type="checkbox"] { width: auto; }
.ar-player-orders { grid-column: 1 / -1; grid-row: 3; }
.ar-section-head, .ar-agent-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.ar-section-head h2, .ar-agent-title h1 { margin: 0; }
.ar-orders-layout { display: grid; grid-template-columns: minmax(200px, 0.7fr) minmax(0, 1.3fr); gap: 18px; align-items: start; }
.ar-order-list { display: grid; gap: 9px; max-height: 680px; overflow-y: auto; align-content: start; }
.ar-order, .ar-agent-row { display: grid; gap: 7px; border: 1px solid #cedbcf; padding: 14px; border-radius: 7px; text-align: left; background: #ffffffa6; color: #273e34; cursor: pointer; overflow-wrap: anywhere; width: 100%; }
.ar-order > span:first-child { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.ar-order strong { font-size: 19px; color: #95442d; }
.ar-order:hover, .ar-order.selected, .ar-agent-row:hover { border-color: #bba267; background: #fff7e9; }
.ar-order small, .ar-message small, .ar-chat-head small, .ar-hint, .ar-compose-tools small, .ar-ledger small, .ar-connection { color: #61776a; font-size: 12px; }
.ar-status { white-space: nowrap; font-size: 12px; border-radius: 15px; padding: 5px 8px; background: #e7eddf; color: #53643d; }
.ar-status-success { background: #d9edda; color: #316443; }
.ar-status-review, .ar-status-processing, .ar-status-cancel_requested { background: #fff0ca; color: #886222; }
.ar-status-failed, .ar-status-cancelled { background: #ece9e6; color: #725a51; }
.ar-unread { display: inline-block; padding: 2px 7px; border-radius: 10px; background: #a64332; color: white; }
.ar-chat { display: grid; gap: 12px; min-width: 0; }
.ar-chat-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-bottom: 1px solid #d8e0d4; padding-bottom: 12px; overflow-wrap: anywhere; }
.ar-chat-head > div { display: grid; gap: 7px; }
.ar-chat-head strong { font-size: 20px; }
.ar-quota { padding: 13px 15px; border-left: 3px solid #a78545; background: #f8f0d8; color: #765b27; font-size: 13px; line-height: 1.75; }
.ar-order-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.ar-order-actions:empty { display: none; }
.ar-tier-choice { display: grid; gap: 4px; min-width: 190px; }
.ar-tier-choice span { color: #61776a; font-size: 12px; }
.ar-tier-choice select { width: 100%; min-width: 0; border: 1px solid #bac9bc; border-radius: 5px; background: #fff; padding: 10px 34px 10px 11px; color: #233a30; }
.ar-messages { height: 340px; overflow-y: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 13px; padding: 15px; border: 1px solid #d5dfd2; border-radius: 7px; background: #eef4ed; overscroll-behavior: contain; }
.ar-messages:empty::before { content: "暂无聊天记录"; margin: auto; color: #70836f; }
.ar-message { max-width: 90%; display: grid; gap: 6px; }
.ar-message.mine { align-self: flex-end; }
.ar-message p { padding: 10px 13px; background: white; color: #254133; border-radius: 0 9px 9px 9px; line-height: 1.7; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; box-shadow: 0 2px 5px #23483308; }
.ar-message.mine p { background: #e2e9c9; border-radius: 9px 0 9px 9px; }
.ar-chat-state { font-size: 13px; color: #63705e; margin: 0; }
.ar-chat-state:empty { display: none; }
.ar-compose { display: grid; gap: 8px; }
.ar-compose textarea { resize: vertical; min-height: 76px; }
.ar-compose-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.ar-image-upload { cursor: pointer; margin: 0 !important; }
.ar-image-message { padding: 0; border: 1px solid #c2d0bb; border-radius: 7px; background: #fff; cursor: zoom-in; overflow: hidden; color: #3f5a4a; }
.ar-image-message img { display: block; max-width: min(260px, 100%); max-height: 220px; object-fit: contain; }
.ar-image-dialog { width: fit-content; max-width: 95vw; max-height: 95vh; border: 0; border-radius: 8px; padding: 12px; background: #f9fbf5; }
.ar-image-dialog::backdrop { background: #132119cf; }
.ar-image-dialog button { display: block; margin-left: auto; margin-bottom: 8px; }
.ar-image-dialog img { display: block; max-width: 88vw; max-height: 78vh; object-fit: contain; }
.ar-confirm-dialog { width: min(460px, 92vw); border: 1px solid #c9d5bd; padding: 26px; border-radius: 9px; background: #f9fbf4; color: #30482f; }
.ar-confirm-dialog::backdrop { background: #142519a8; }
.ar-confirm-dialog h2 { margin-top: 0; font-size: 21px; }
.ar-confirm-dialog p { line-height: 1.8; overflow-wrap: anywhere; margin-bottom: 22px; }
.ar-admin { grid-column: 1 / -1; }
.ar-admin-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 16px 0 24px; }
.ar-admin-summary article { min-width: 0; padding: 15px; border: 1px solid #d5dfc9; border-radius: 7px; background: #f8fbf6; display: grid; gap: 5px; }
.ar-admin-summary article.attention { border-color: #d6a065; background: #fff7e7; }
.ar-admin-summary span, .ar-admin-summary small { color: #65785b; font-size: 12px; }
.ar-admin-summary strong { color: #704a24; font-size: 22px; overflow-wrap: anywhere; }
.ar-admin-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.ar-admin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; grid-column: 1 / -1; }
.ar-search { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; margin: 20px 0 12px; }
.ar-admin-filters { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(150px, .35fr); gap: 12px; margin: 20px 0 12px; }
.ar-admin-filters label { display: grid; gap: 7px; color: #50634f; }
.ar-admin-audit-grids { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ar-agent-list { display: grid; gap: 8px; max-height: 320px; overflow-y: auto; }
.ar-agent-row small { color: #74816d; }
.ar-admin details, .ar-agent-ledger details { margin: 20px 0; }
.ar-admin summary, .ar-agent-ledger summary { cursor: pointer; font-weight: bold; color: #3a5744; padding: 8px 0; }
.ar-ledger { max-height: 350px; overflow-y: auto; }
.ar-ledger article { padding: 12px 0; border-bottom: 1px solid #d8e0d5; overflow-wrap: anywhere; }
.ar-ledger article > div { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.ar-ledger p { margin: 5px 0; color: #536750; font-size: 13px; }
.ar-resolve { padding: 15px; border: 1px solid #d4b987; background: #fff8e9; border-radius: 7px; margin-top: 18px; }
.ar-resolve p { font-size: 13px; color: #806139; }
.ar-resolve textarea { min-height: 85px; }
.ar-admin-order-audit { display: grid; gap: 8px; }
.ar-admin-order-audit details { border-top: 1px solid #d8e0d5; padding-top: 8px; }
.ar-admin-order-audit summary { cursor: pointer; color: #3a5744; font-weight: bold; }
.ar-attempt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0; }
.ar-attempt-grid section { min-width: 0; }
.ar-attempt-grid pre { max-height: 220px; overflow: auto; padding: 10px; border: 1px solid #d8e0d5; border-radius: 5px; background: #f5f7f2; color: #35483b; font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ar-agent-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding: 18px max(20px, calc((100vw - 1500px) / 2)); border-bottom: 1px solid #d0ddcb; background: #ffffff9e; }
#agentAccountBar { display: flex; align-items: center; gap: 14px; }
.ar-agent-main { max-width: 1540px; padding: 32px 24px 60px; margin: 0 auto; }
.ar-agent-login { max-width: 460px; margin: 60px auto; }
.ar-agent-login h1 { font-size: 29px; margin: 0; }
.ar-agent-login > p { line-height: 1.8; }
.ar-agent-title .eyebrow { margin: 0 0 8px; }
.ar-quota-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
.ar-quota-cards article { padding: 22px; border: 1px solid #d5dfc9; border-radius: 8px; background: #ffffffbd; display: grid; gap: 10px; }
.ar-quota-cards span { color: #65785b; }
.ar-quota-cards strong { font-size: 28px; color: #865a24; }
.ar-workspace-grid { display: grid; grid-template-columns: minmax(200px, .7fr) minmax(200px, .7fr) minmax(340px, 1.4fr); gap: 18px; align-items: start; }
.ar-workspace-grid > .record-panel { padding: 20px; }
.ar-workspace-grid h2 { font-size: 19px; }
.ar-pool-order { padding: 13px; border: 1px solid #d3decb; border-radius: 6px; background: #fffffff0; display: grid; gap: 9px; overflow-wrap: anywhere; }
.ar-pool-order > div { display: flex; justify-content: space-between; gap: 10px; }
.ar-pool-order strong { color: #955028; }
.ar-pool-order > span { font-size: 13px; color: #506c55; }
.ar-pool-order > small { font-size: 11px; color: #65755f; }
.ar-pool-order button { justify-self: start; }
.ar-agent-ledger { margin-top: 20px; }
.ar-agent-ledger details { margin: 0; }
.ar-connection.error, .ar-chat-error.error, .ar-admin-message.error, .ar-list-error.error { color: #a83f2d; }
@media (max-width: 1150px) {
  .ar-workspace-grid { grid-template-columns: 1fr 1fr; }
  .ar-agent-chat { grid-column: 1 / -1; }
  .ar-workspace-grid .ar-order-list { max-height: 350px; }
  .ar-admin-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .ar-orders-layout, .ar-admin-form, .ar-workspace-grid, .ar-admin-filters, .ar-admin-audit-grids, .ar-attempt-grid { grid-template-columns: 1fr; }
  .ar-agent-chat { grid-column: auto; }
  .ar-order-list { max-height: 310px; }
  .ar-search { grid-template-columns: 1fr; }
  .ar-agent-main { padding: 24px 12px 40px; }
  .ar-quota-cards { gap: 7px; }
  .ar-quota-cards article { padding: 14px 8px; }
  .ar-quota-cards strong { font-size: 20px; }
  .ar-quota-cards span { font-size: 12px; }
  .ar-agent-title { display: grid; }
  .ar-messages { height: 320px; padding: 10px; }
  .ar-message { max-width: 94%; }
  .ar-compose-tools small { flex: 1 1 100%; order: 3; }
}