/* Approved stationery design, scoped to these two dialogs only. */
#agentDetailsDialog,#parentNotesDialog{box-sizing:border-box!important;width:min(680px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:88dvh!important;overflow:auto!important;padding:0!important;border:2px solid #cba759!important;border-radius:16px!important;background:linear-gradient(120deg,#f1e1bc,#fff9e9 30%,#faf0d6 80%,#f0dfb8)!important;color:#123d2d!important;font:17px/1.6 Georgia,'Times New Roman',serif!important;box-shadow:0 22px 80px #00170ec9,inset 0 0 0 5px #d4b16c22!important;scrollbar-color:#a68b50 #f6ecd1;scrollbar-width:thin}
#agentDetailsDialog::backdrop,#parentNotesDialog::backdrop{background:#001d1bc4;backdrop-filter:blur(3px)}
#agentDetailsDialog .agent-modal-heading,#parentNotesDialog .notes-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:19px 24px;background:linear-gradient(120deg,#07523c,#032f24)!important;border-bottom:2px solid #d6b36a;color:#fff3d2!important;box-shadow:0 3px 9px #543e171c}
#agentDetailsDialog h2,#parentNotesDialog h2{font:700 28px/1.2 Georgia,serif!important;color:inherit!important;margin:0!important}
#agentDetailsDialog .agent-modal-heading button,#parentNotesDialog #closeParentNotes{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px!important;min-width:44px;margin:0!important;padding:9px 13px!important;border:1px solid #dbbb73!important;border-radius:9px!important;background:#073c2b!important;color:#fff5d8!important;font:700 15px/1.3 Georgia,serif!important;cursor:pointer}
#agentDetailsDialog .detail-body,#parentNotesDialog .notes-content{padding:24px 30px!important}
#agentDetailsDialog dl{display:grid!important;grid-template-columns:165px minmax(0,1fr)!important;gap:14px 18px!important;margin:0 0 25px!important;padding:0 0 24px;border-bottom:1px solid #c6a765;align-items:center}
#agentDetailsDialog dt{font-size:16px;font-weight:bold;color:#315140}#agentDetailsDialog dd{margin:0!important;min-width:0;font-size:19px;overflow-wrap:anywhere}
#agentDetailsDialog dd img{max-width:100px!important;max-height:130px!important;object-fit:contain;border:1px solid #c6a765;border-radius:12px;box-shadow:0 4px 10px #74551d2b}
#agentDetailsDialog h3{font-size:24px;line-height:1.3;margin:0 0 14px;color:#123d2d}#agentDetailsDialog .detail-credentials p{font-size:16px;line-height:1.65;margin:12px 0;color:#274a39}
#agentDetailsDialog output{display:block;max-width:100%;font:700 34px/1.4 Georgia,serif!important;letter-spacing:.18em!important;padding:14px 16px;margin-top:8px;text-align:center;color:#113e2c!important;background:#fff8e7;border:3px double #b59044;border-radius:10px;overflow-wrap:anywhere;box-shadow:inset 0 2px 8px #bd984716}
#agentDetailsDialog details{padding:13px 15px;border:1px solid #c4ac78;border-radius:9px;margin:20px 0;background:#f2e7ce}#agentDetailsDialog summary{cursor:pointer;font-size:16px;min-height:28px}#agentDetailsDialog details p{margin-bottom:0!important}
#agentDetailsDialog .detail-credentials>button,#parentNotesDialog #saveParentNote{display:block!important;width:100%!important;min-height:52px!important;margin:18px 0 0!important;padding:12px 16px!important;border:3px double #d5b261!important;border-radius:10px!important;background:linear-gradient(135deg,#0b533d,#023022)!important;color:#fff5db!important;font:700 19px/1.4 Georgia,serif!important;box-shadow:0 3px 8px #4b3d1a25;cursor:pointer}
#agentDetailsDialog>.detail-close{display:block!important;width:calc(100% - 60px)!important;margin:0 30px 25px!important;min-height:48px!important;border:1px solid #b99b59!important;border-radius:9px!important;background:#f0e3c2!important;color:#173f2e!important;font:700 16px/1.4 Georgia,serif!important;cursor:pointer}
#parentNotesDialog .notes-content>p:first-child{padding-bottom:20px;margin:0 0 20px!important;border-bottom:1px solid #cbae70;font-size:16px!important;line-height:1.7;color:#304d3c}
#parentNotesDialog label{display:block;margin:18px 0 7px;font-size:17px!important;font-weight:bold;color:#143d2d}#parentNotesDialog select,#parentNotesDialog textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:12px 14px!important;border:1px solid #a99668!important;border-radius:8px!important;background:#fffefa!important;color:#143d2d!important;font:16px/1.5 Georgia,serif!important}#parentNotesDialog select{min-height:48px}#parentNotesDialog textarea{min-height:170px;resize:vertical}#parentNotesDialog #parentNoteCount{display:block;text-align:right;font:13px/1.4 Arial,sans-serif;color:#53614d;margin:7px 0 14px}
#parentNotesDialog #parentNotesMessage{margin:20px 0 0!important;font:15px/1.6 Georgia,serif!important;color:#254330}#parentNotesDialog #parentNotesMessage:not(:empty){padding:13px 15px!important;background:#f3e7cb!important;border:1px solid #c3a366!important;border-radius:9px!important}#parentNotesDialog #refreshParentNotes{min-height:46px!important;margin:16px 0 0!important;padding:11px 18px!important;border:1px solid #b89c63!important;border-radius:8px!important;background:#fff6e3!important;color:#174b35!important;font:16px/1.4 Georgia,serif!important;cursor:pointer}
#agentDetailsDialog button:hover,#parentNotesDialog button:hover{filter:brightness(1.08)}#agentDetailsDialog button:disabled,#parentNotesDialog button:disabled{opacity:.6;cursor:wait}#agentDetailsDialog :focus-visible,#parentNotesDialog :focus-visible{outline:3px solid #b67b15!important;outline-offset:3px}#agentDetailsDialog .agent-modal-heading :focus-visible,#parentNotesDialog .notes-heading :focus-visible{outline-color:#fff0ab!important}#parentNotesDialog [hidden]{display:none!important}
@media(max-width:550px){#agentDetailsDialog,#parentNotesDialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:92dvh!important;border-radius:12px!important}#agentDetailsDialog .agent-modal-heading,#parentNotesDialog .notes-heading{padding:16px;gap:10px}#agentDetailsDialog h2,#parentNotesDialog h2{font-size:23px!important}#agentDetailsDialog .detail-body,#parentNotesDialog .notes-content{padding:20px!important}#agentDetailsDialog dl{grid-template-columns:125px minmax(0,1fr)!important;gap:12px!important}#agentDetailsDialog dt{font-size:14px}#agentDetailsDialog dd{font-size:17px}#agentDetailsDialog h3{font-size:22px}#agentDetailsDialog output{font-size:30px!important;letter-spacing:.14em!important}#agentDetailsDialog>.detail-close{width:calc(100% - 40px)!important;margin:0 20px 20px!important}#parentNotesDialog select,#parentNotesDialog textarea{font-size:16px!important}}
#agentDetailsDialog .partner-card{flex-wrap:wrap;gap:12px}#agentDetailsDialog .partner-card strong{font-size:19px}

/* Mrs. Claus workshop stationery. Existing action-button rules above are retained. */
#agentDetailsDialog,#parentNotesDialog{height:min(880px,92dvh)!important;max-height:92dvh!important;overflow:hidden!important;border:0!important;border-radius:17px!important;background:#fff6e5 url('art/mrs-claus-stationery.webp') center/100% 100% no-repeat!important;box-shadow:0 24px 80px #00170ed9!important;}
#agentDetailsDialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto}
#parentNotesDialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr)}
#agentDetailsDialog .agent-modal-heading,#parentNotesDialog .notes-heading{position:relative!important;display:block!important;margin:0 30px!important;padding:62px 42px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center;color:#153e2e!important;}
#agentDetailsDialog .agent-modal-heading::before,#parentNotesDialog .notes-heading::before{content:'FROM THE WORKSHOP OF';display:block;font:10px/1.6 Georgia,serif;letter-spacing:.2em;color:#795422;}
#agentDetailsDialog .agent-modal-heading h2::before,#parentNotesDialog .notes-heading h2::before{content:'MRS. CLAUS';display:block;margin:0 0 26px;font:15px/1.6 Georgia,serif;letter-spacing:.22em;color:#795422;}
#agentDetailsDialog h2,#parentNotesDialog h2{font-size:29px!important;color:#153e2e!important;}
#agentDetailsDialog .agent-modal-heading button,#parentNotesDialog #closeParentNotes{position:absolute!important;right:-4px!important;top:26px!important;width:64px!important;height:64px!important;padding:0!important;border:5px double #d1a459!important;border-radius:48% 53% 46% 51%!important;background:radial-gradient(circle at 35% 25%,#b92e42,#7b1024 65%,#500b17)!important;color:#f4d27e!important;box-shadow:0 3px 6px #53251670,inset 0 0 0 4px #6c1421,inset 0 0 0 6px #d7a664!important;font:36px/1 Georgia,serif!important;}
#agentDetailsDialog .detail-body,#parentNotesDialog .notes-content{min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:10px 0 26px!important;margin:0 58px 36px!important;scrollbar-width:thin;scrollbar-color:#a78b51 transparent;}
#agentDetailsDialog .detail-body{margin-bottom:14px!important;}
#agentDetailsDialog>.detail-close{margin-bottom:44px!important;}
#agentDetailsDialog .chosen-elf-portrait img{position:absolute!important;left:0!important;top:0!important;height:100%!important;max-height:none!important;width:auto!important;max-width:none!important;min-width:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;object-fit:fill!important;}
#agentDetailsDialog .partner-card{background:transparent!important;border:0!important;padding:0!important;}
#parentNotesDialog textarea,#parentNotesDialog select{background:#fffaf0e8!important;}
@media(max-width:550px){
#agentDetailsDialog,#parentNotesDialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:92dvh!important;}
#agentDetailsDialog .agent-modal-heading,#parentNotesDialog .notes-heading{margin:0 18px!important;padding:54px 34px 14px!important;}
#agentDetailsDialog h2,#parentNotesDialog h2{font-size:23px!important;}
#agentDetailsDialog .agent-modal-heading h2::before,#parentNotesDialog .notes-heading h2::before{font-size:12px;margin-bottom:22px;}
#agentDetailsDialog .agent-modal-heading button,#parentNotesDialog #closeParentNotes{width:48px!important;height:48px!important;top:22px!important;right:-4px!important;font-size:29px!important;}
#agentDetailsDialog .detail-body,#parentNotesDialog .notes-content{margin-left:30px!important;margin-right:30px!important;margin-bottom:30px!important;padding:8px 0 20px!important;}
#agentDetailsDialog dl{grid-template-columns:1fr!important;gap:5px!important;}
#agentDetailsDialog dd{margin-bottom:12px!important;}
#agentDetailsDialog>.detail-close{margin-bottom:32px!important;}
}
/* Keep content and controls clear of the stationery's corner decoration. */
#parentNotesDialog .notes-content{margin-bottom:92px!important;}
#agentDetailsDialog>.detail-close{width:calc(100% - 116px)!important;margin:0 58px 68px!important;}
@media(max-width:550px){#parentNotesDialog .notes-content{margin-bottom:72px!important;}#agentDetailsDialog>.detail-close{width:calc(100% - 60px)!important;margin:0 30px 54px!important;}}