/* The approved card panel stays strictly inside the terrain. */
#eventOverlay.approved-card-window{position:absolute;inset:0;z-index:120;container-type:size}
#eventOverlay.approved-card-window::before{background:transparent;backdrop-filter:none}
.approved-card-window .event-card-reveal{position:relative;display:block;width:min(580px,calc(100% - 32px));height:min(440px,calc(100% - 32px));max-height:none;overflow:auto;overscroll-behavior:contain;border:1px solid #9c8155;border-radius:8px;background:#21180f url('./assets/ui/leather-dark-seamless-v1.webp') repeat;background-size:420px;box-shadow:0 12px 36px #0009;text-align:left;animation:none;padding:0;scrollbar-color:#b3945d #21180f}
.approved-card-window .event-card-layout{position:relative;box-sizing:border-box;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(110px,1fr) 142px;gap:12px 18px;min-width:540px;min-height:420px;height:100%;padding:18px;align-items:stretch;justify-content:normal}
.approved-card-window #eventCardDisplay{grid-column:1;grid-row:1/3;width:180px;align-self:center;cursor:pointer;outline-offset:3px}
.approved-card-window .event-card-holder{width:100%;height:auto;aspect-ratio:9/16}
.approved-card-window .event-preview-flip-card{width:100%;height:100%;aspect-ratio:9/16}
.approved-card-window .event-card-copy{grid-column:2;grid-row:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.approved-card-window #eventTitle{flex:none;min-height:32px;margin:0 32px 0 0;color:#f4e4c4!important;font:700 18px/1.2 system-ui;letter-spacing:0;text-transform:none}
.approved-card-window #eventCardDescSlot{flex:1;min-height:0;min-width:0;width:auto;overflow:auto;scrollbar-width:thin;scrollbar-color:#b3945d #21180f}
.approved-card-window #eventCardDescSlot .card-desc{font:14px/1.45 system-ui;color:#eadcc3;max-height:none;height:auto;width:auto;padding:0;margin:0;overflow:visible;background:transparent;border:0}
.approved-card-window #eventCardActions{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,44px);gap:5px;width:auto;height:auto;align-self:stretch}
.approved-card-window #eventCardActions button{display:flex;gap:6px;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:5px;border:1px solid #877047;border-radius:6px;background:#251c13;color:#eadcc3;transform:none;font:12px/1.15 system-ui;box-shadow:none}
.approved-card-window #eventCardActions img{width:26px;height:26px;object-fit:contain;transform:none;flex:none}
.approved-card-window #eventCardActions .action-caption{display:block;min-width:0}
.approved-card-window #eventUseBtn{grid-column:1/-1;background:#64481f!important;border-color:#d4b16f!important;justify-content:center!important;font-size:15px!important;font-weight:700!important}
.approved-card-window #eventFlipBtn{display:none!important}
.approved-card-window #eventOkBtn{position:absolute;right:max(22px,calc((100% - 580px)/2 + 6px));top:max(22px,calc((100% - 440px)/2 + 6px));width:40px;height:40px;min-height:40px;padding:8px;border:0;background:#21180fee;z-index:4;border-radius:5px}
.approved-card-window #eventOkBtn img{width:100%;height:100%;object-fit:contain}.approved-card-window #eventOkBtn span{display:none}
.approved-card-window button:disabled{opacity:.4}.approved-card-window button:focus-visible,.approved-card-window [tabindex]:focus-visible{outline:2px solid #f0c97b}
.approved-card-window[data-layout]:not([data-layout=desktop]) .event-card-reveal{width:100%;height:100%;border:0;border-radius:0}
.approved-card-window[data-layout]:not([data-layout=desktop]) #eventOkBtn{top:6px;right:6px}
.approved-card-window[data-layout=square] .event-card-layout{min-width:300px;min-height:285px;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(120px,1fr) 142px;gap:8px;padding:8px}
.approved-card-window[data-layout=square] #eventCardDisplay{width:76px;grid-row:1;align-self:start}
.approved-card-window[data-layout=square] #eventCardActions{grid-column:1/-1}
.approved-card-window[data-layout=square] #eventTitle{font-size:16px}
.approved-card-window[data-layout=square] #eventCardDescSlot .card-desc{font-size:12px}
.approved-card-window[data-layout=landscape] .event-card-layout{min-width:350px;min-height:265px;grid-template-columns:96px minmax(0,1fr);padding:8px;gap:6px 8px;grid-template-rows:minmax(105px,1fr) 142px}
.approved-card-window[data-layout=landscape] #eventCardDisplay{width:96px;align-self:start}
.approved-card-window[data-layout=landscape] #eventTitle{font-size:14px}.approved-card-window[data-layout=landscape] #eventCardDescSlot .card-desc{font-size:12px}
.approved-card-window[data-layout=portrait] .event-card-layout{min-width:300px;min-height:560px;display:flex;flex-direction:column;padding:44px 12px 12px;gap:12px}
.approved-card-window[data-layout=portrait] #eventCardDisplay{width:170px;align-self:center;flex:none}.approved-card-window[data-layout=portrait] .event-card-copy{flex:1;min-height:90px}.approved-card-window[data-layout=portrait] #eventCardActions{flex:none;display:grid}.approved-card-window[data-layout=portrait] #eventTitle{min-height:0;margin:0;text-align:center}
.approved-card-window .event-card-layout.oak-choice-mode{display:block}.approved-card-window .oak-choice-mode #eventCardDisplay{width:100%}.approved-card-window .oak-choice-mode #eventCardActions{display:none}.approved-card-window .oak-choice-mode .event-card-copy{max-height:100px}