.ps-deal-journal { margin: 12px 0; padding: 10px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; color: #172033; font: 14px/1.5 system-ui, sans-serif; }
.ps-deal-journal[hidden] { display: none !important; }
.ps-deal-journal summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 700; }
.ps-deal-journal p { margin: 9px 0; overflow-wrap: anywhere; }
.ps-deal-journal h3 { font-size: 16px; margin: 14px 0 6px; }
.ps-deal-journal details details { border-top: 1px solid #dbe1e8; padding: 5px 0; }
.ps-deal-journal button, .ps-deal-journal select, .ps-deal-journal input { min-height: 44px; max-width: 100%; padding: 8px 10px; border: 1px solid #94a3b8; border-radius: 7px; background: #f8fafc; color: #172033; font: inherit; }
.ps-deal-journal button { margin: 4px 4px 4px 0; cursor: pointer; }
.ps-deal-journal button:disabled, .ps-deal-journal select:disabled, .ps-deal-journal input:disabled { opacity: .6; cursor: default; }
.ps-deal-journal :focus-visible { outline: 3px solid #7c3aed; outline-offset: 2px; }
.ps-deal-journal form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.ps-deal-journal label { display: block; flex: 1 1 160px; }
.ps-deal-journal select, .ps-deal-journal input { display: block; width: 100%; }
.ps-deal-journal output { display: block; margin-top: 8px; }
@media (max-width: 420px) { .ps-deal-journal form { display: block; } .ps-deal-journal label { margin: 8px 0; } .ps-deal-journal button { width: 100%; } }