.agent-planning[hidden] { display: none !important; }
.agent-planning { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: #5b2a86; font-size: 13px; line-height: 1.35; }
.agent-planning button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d4bfdf; border-radius: 12px; background: #f6f0fa; color: #5b2a86; cursor: pointer; box-shadow: 0 2px 4px #40205118; }
.agent-planning svg { width: 22px; height: 22px; }
.agent-planning button:focus-visible, .agent-planning-close:focus-visible { outline: 3px solid #743ca8; outline-offset: 3px; }
.agent-planning-dialog { box-sizing: border-box; width: min(480px, calc(100vw - 32px)); max-height: 85dvh; overflow: auto; padding: 24px; border: 1px solid #d4bfdf; border-radius: 20px; background: #fff; color: #34243f; box-shadow: 0 20px 70px #25123155; }
.agent-planning-dialog::backdrop { background: #20112b88; }
.agent-planning-dialog h2 { clear: both; font-size: 22px; line-height: 1.25; padding-top: 14px; }
.agent-planning-dialog p { font-size: 15px; line-height: 1.5; }
.agent-planning-dialog ul { list-style: none; padding: 0; }
.agent-planning-dialog li { padding: 12px 0; border-bottom: 1px solid #eee3f4; font-size: 15px; }
.agent-planning-close { float: right; padding: 10px 14px; background: #f6f0fa; color: #5b2a86; border: 1px solid #d4bfdf; border-radius: 10px; cursor: pointer; font: inherit; }