.agent-message{display:grid;gap:4px;margin-top:10px;padding:9px;border:1px solid #24518d;border-radius:7px;background:#102441}
.agent-message b{color:#7fb0ff;font-size:9px}
.agent-message span{color:#dce9fb;font-size:11px;line-height:1.4}
.agent-message small{color:#7894bb!important;font-size:9px}
.message-settings{display:flex;align-items:center;justify-content:space-between;gap:14px}
.message-settings p{margin:7px 0 0;color:#9cabbf;font-size:11px}
.message-settings select{min-width:92px;padding:9px;border:1px solid #31588d;border-radius:7px;background:#10213a;color:#e4ebf9}
.model-manager{display:grid;gap:8px}
.model-manager article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid #1d304d;border-radius:8px;background:#0d1a2d}
.model-manager p{margin:4px 0;color:#aab8cb;font-size:12px}
.model-manager small{color:#7894bb;font-size:10px}
.model-manager select{width:min(360px,48%);padding:9px;border:1px solid #31588d;border-radius:7px;background:#10213a;color:#e4ebf9}
.section-action{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-action button{padding:8px 10px;border:1px solid #41536c;border-radius:6px;color:#b9c7d9}
.message-list{display:grid;gap:7px;max-height:340px;margin-top:10px;overflow:auto}
.message-list article{padding:11px;border:1px solid #1d304d;border-radius:7px;background:#0d1a2d}
.message-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.message-list p{margin:7px 0 0;color:#c9d5e5;font-size:12px;line-height:1.45}
.message-list time{color:#7186a3;font-size:10px}
.message-type{padding:4px 6px;border-radius:5px;background:#15335d;color:#82b2ff;font-size:9px;font-weight:800}
.message-type.blocked{background:#4b1723;color:#fb7185}
.message-type.resolved{background:#0b3a2a;color:#32e986}
.drawer-primary{width:100%;padding:11px;border-radius:7px;background:#2357ad;color:#fff;font-weight:700}
#task-popup{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:#0009}
#task-popup[hidden]{display:none!important}
.task-popup-card{width:min(780px,96vw);max-height:86vh;padding:20px;border:1px solid #31588d;border-radius:11px;background:#0a1525;overflow:auto;box-shadow:0 22px 70px #0008}
.task-popup-card>#task-popup-close{float:right;color:#aab8cb;font-size:28px}
.task-popup-card h3{margin:7px 0 14px}
.task-tabs{display:flex;gap:7px;overflow:auto}
.task-tabs button{padding:10px;border:1px solid #294567;border-radius:7px;color:#aebbd0;white-space:nowrap}
.task-tabs button.active{border-color:#3978dd;background:#16386f;color:#fff}
.task-popup-card section{margin-top:16px;padding-top:14px;border-top:1px solid #1d304d}
@media(max-width:720px){
  .message-settings{align-items:flex-start;flex-direction:column}
  .message-settings select{width:100%;min-height:44px}
  .model-manager article{align-items:flex-start;flex-direction:column}
  .model-manager select{width:100%;min-height:44px}
  .section-action{align-items:flex-start;flex-direction:column}
  .section-action button,.drawer-primary{min-height:44px;width:100%}
  .task-popup-card{position:absolute;right:0;bottom:0;left:0;width:100%;max-height:92vh;border-radius:14px 14px 0 0}
  .task-tabs{position:sticky;top:-20px;z-index:1;padding:8px 0;background:#0a1525}
  .task-tabs button{min-height:44px}
}