/* s24 BMS email problems: page css. Demo buttons are marked .demo. */
html{overflow-y:scroll;scrollbar-gutter:stable}
.ep{padding:var(--s-5)}
.ep-crumb{font-size:var(--t-xs);color:var(--color-muted);margin-bottom:var(--s-2)}
.ep-crumb a{color:var(--color-muted)}
.ep-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s-5);align-items:start}
@media(max-width:1000px){.ep-grid{grid-template-columns:1fr}}
.ep-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden}
.ep-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap}
.ep-tab{border:1px solid var(--color-line);background:var(--color-card);color:var(--color-ink);border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:var(--t-sm);cursor:pointer}
.ep-tab.on{background:var(--fk-ink);color:#fff;border-color:var(--fk-ink)}
.ep-row{display:grid;grid-template-columns:7.5rem minmax(0,1.3fr) minmax(0,1fr) 7rem;gap:var(--s-3);padding:.75rem 1rem;border-top:1px solid var(--color-line);cursor:pointer;align-items:center;font-size:var(--t-sm)}
.ep-row:first-child{border-top:0}
.ep-row:hover{background:var(--color-bg)}
.ep-row.sel{background:var(--color-accent-wash);box-shadow:inset 3px 0 0 var(--color-accent)}
.ep-head{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);cursor:default;background:var(--color-bg)}
.ep-head:hover{background:var(--color-bg)}
.ep-row .t{color:var(--color-ink);font-weight:700}
.ep-row .s{color:var(--color-muted);font-size:var(--t-xs)}
@media(max-width:720px){.ep-row{grid-template-columns:1fr auto;grid-template-areas:"st when" "em em" "rs rs";gap:.35rem var(--s-3)}.ep-row>:nth-child(1){grid-area:st}.ep-row>:nth-child(2){grid-area:em}.ep-row>:nth-child(3){grid-area:rs}.ep-row>:nth-child(4){grid-area:when;text-align:right}.ep-head{display:none}}
.st{display:inline-block;font-size:var(--t-xs);font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}
.st.held{background:var(--color-danger-wash);color:var(--color-danger-ink)}
.st.failed{background:var(--color-warning-wash);color:var(--color-warning-ink)}
.ep-detail{padding:var(--s-4)}
.ep-detail h2{margin:0 0 var(--s-2);font-size:var(--t-lg);color:var(--color-ink)}
.ep-dl{display:grid;grid-template-columns:8rem 1fr;gap:.35rem var(--s-3);font-size:var(--t-sm);margin:var(--s-3) 0}
.ep-dl dt{color:var(--color-muted)}.ep-dl dd{margin:0;color:var(--color-ink)}
.ep-warn{background:var(--color-danger-wash);color:var(--color-danger-ink);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:var(--t-sm);margin:var(--s-3) 0}
.ep-note{background:var(--color-info-wash);color:var(--color-info-ink);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:var(--t-sm);margin:var(--s-3) 0}
.ep-actions{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-4)}
.ep-btn{font:inherit;font-weight:700;font-size:var(--t-sm);border-radius:var(--radius-sm);padding:.55rem 1rem;cursor:pointer;border:1px solid var(--fk-ink);background:#fff;color:var(--fk-ink)}
.ep-btn.pri{background:var(--fk-ink);border-color:var(--fk-ink);color:#fff;box-shadow:inset 0 -3px 0 var(--color-accent)}
.ep-btn:focus-visible{outline:3px solid var(--fk-ink);outline-offset:2px}
.ep-empty{text-align:center;padding:var(--s-7) var(--s-4);color:var(--color-muted)}
.ep-empty b{display:block;color:var(--color-ink);font-size:var(--t-lg);margin-bottom:.3rem}
.ep-modal{position:fixed;inset:0;background:rgba(22,52,80,.45);display:none;align-items:center;justify-content:center;z-index:50;padding:1rem}
.ep-modal.open{display:flex}
.ep-modal .box{background:#fff;border-radius:var(--radius);padding:var(--s-5);max-width:30rem;width:100%;box-shadow:var(--shadow)}
.ep-modal h3{margin:0 0 var(--s-2);color:var(--fk-ink)}
.ep-modal textarea{width:100%;font:inherit;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.5rem;min-height:4rem;box-sizing:border-box}
.ep-toast{position:fixed;bottom:1rem;right:1rem;background:var(--fk-ink);color:#fff;padding:.7rem 1rem;border-radius:var(--radius-sm);display:none;z-index:60;font-size:var(--t-sm)}
.ep-toast.show{display:block}
.demo{border:1px dashed var(--color-muted);background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);padding:.3rem .7rem;font:inherit;font-size:var(--t-xs);cursor:pointer}
.ep-dbnote{max-width:60rem;margin:var(--s-6) 0 0;font-size:var(--t-sm);color:var(--color-body)}
.ep-dbnote h2{font-size:var(--t-lg);color:var(--fk-ink)}
.ep-dbnote code{background:var(--color-bg);padding:1px 5px;border-radius:4px;font-size:.92em}
.ep-dbnote table{border-collapse:collapse;width:100%;margin:var(--s-3) 0}
.ep-dbnote th,.ep-dbnote td{border:1px solid var(--color-line);padding:.5rem .6rem;text-align:left;vertical-align:top}
.ep-dbnote th{background:var(--color-bg)}

.ep-btn[disabled]{cursor:not-allowed}
.bms-muted-sm,.bms-muted{color:var(--color-muted);font-size:var(--t-sm)}
.ep-row:focus-visible{outline:3px solid var(--fk-ink);outline-offset:-3px}
.ep .bms-pg-head{flex-wrap:wrap;gap:var(--s-2)}