
.oat-hrd-app{--blue:#105fa8;--navy:#15354f;--line:#d9e1e8;--muted:#667784;max-width:1280px;margin:0 auto;padding:22px 18px 50px;color:#273846;font-family:Arial,Helvetica,sans-serif}
.oat-hrd-header{text-align:center;padding:20px 10px 25px}.oat-hrd-header h1{margin:0 0 9px;font-family:Georgia,serif;font-size:38px;color:#17364f}.oat-hrd-header p{margin:0;color:#60717d}
.oat-hrd-adminbar{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#f4f8fb;border:1px solid #dbe8f2;border-left:5px solid var(--blue);padding:12px 14px;border-radius:8px;margin-bottom:14px}.oat-hrd-adminbar span{font-size:13px;color:#5d6d78}
.oat-hrd-primary,.oat-hrd-filterbar button{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important;border-radius:6px;padding:10px 15px;font-weight:700;cursor:pointer}
.oat-hrd-message{display:none;margin:10px 0;padding:10px 14px;border-radius:6px;background:#edf8ee;border:1px solid #b9ddb9}.oat-hrd-message.is-visible{display:block}
.oat-hrd-filterbar{display:grid;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:10px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 3px 14px rgba(31,60,80,.06)}
.oat-hrd-filterbar input,.oat-hrd-filterbar select{width:100%;min-height:42px;border:1px solid #cbd6df;border-radius:5px;padding:8px 10px;background:#fff}.oat-hrd-reset{align-self:center;color:var(--blue);font-weight:700;text-decoration:none}
.oat-hrd-results-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;border-bottom:1px solid #dfe5ea}.oat-hrd-results-head h2{font-family:Georgia,serif;font-size:25px;color:#193b56;margin:0 0 10px}
.oat-hrd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oat-hrd-card{background:#fff;border:1px solid #dbe2e7;border-radius:8px;overflow:hidden;box-shadow:0 5px 17px rgba(34,54,69,.09);display:flex;flex-direction:column}
.oat-hrd-preview{display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;background:#edf1f4;overflow:hidden;cursor:pointer}.oat-hrd-preview img{width:100%;height:100%;object-fit:cover;display:block}.oat-hrd-no-preview,.oat-hrd-pdf-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#586a78;background:linear-gradient(135deg,#edf1f4,#dfe6eb)}.oat-hrd-no-preview span{font-size:42px}.oat-hrd-pdf-preview span{font:700 34px Georgia,serif;color:#9a3e3e}
.oat-hrd-card-body{padding:15px 17px 16px;display:flex;flex-direction:column;flex:1}.oat-hrd-card-topline{display:flex;justify-content:space-between;gap:8px;align-items:center}.oat-hrd-type,.oat-hrd-badge{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;border-radius:15px;padding:4px 8px}.oat-hrd-type{background:#eaf3fb;color:#1b5b8c}.oat-hrd-badge{background:#f3efe3;color:#735f27}
.oat-hrd-card h3{font:700 20px/1.25 Georgia,serif;margin:12px 0 6px}.oat-hrd-card h3 button{font:inherit;color:#163d5d;background:none;border:0;padding:0;text-align:left;cursor:pointer}.oat-hrd-people{font-size:13px;color:#536c7e;margin:0 0 10px}.oat-hrd-card dl{margin:0}.oat-hrd-card dl div{display:grid;grid-template-columns:82px 1fr;gap:7px;padding:5px 0;border-top:1px solid #edf0f2;font-size:12px}.oat-hrd-card dt{font-weight:700;color:#546773}.oat-hrd-card dd{margin:0;color:#344a59}.oat-hrd-card-actions{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:14px}.oat-hrd-card-actions button{background:#fff;border:1px solid #b8c9d6;border-radius:5px;color:#165d95;padding:7px 10px;cursor:pointer;font-weight:700}.oat-hrd-card-actions .oat-hrd-danger-link{border-color:#e2bcbc;color:#a23232}
.oat-hrd-empty,.oat-hrd-notice{padding:24px;text-align:center;background:#fff;border:1px solid #dce3e8;border-radius:8px}
.oat-hrd-modal[hidden]{display:none!important}.oat-hrd-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:25px}.oat-hrd-modal-backdrop{position:absolute;inset:0;background:rgba(8,22,32,.78)}.oat-hrd-modal-panel{position:relative;z-index:1;width:min(1100px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:10px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.oat-hrd-close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:33px;color:#3d5362;cursor:pointer}
.oat-hrd-view-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:25px}.oat-hrd-view-media img,.oat-hrd-view-media iframe{width:100%;max-height:72vh;object-fit:contain;background:#f0f0f0}.oat-hrd-view-media iframe{height:70vh}.oat-hrd-view-details h2{font:700 30px Georgia,serif;color:#173b59;margin:0 0 14px}.oat-hrd-view-section{border-top:1px solid #dde4e9;padding-top:13px;margin-top:13px}.oat-hrd-view-section h3{font:700 17px Georgia,serif;color:#234965;margin:0 0 7px}
.oat-hrd-editor-panel{width:min(1050px,96vw)}.oat-hrd-editor-panel h2{font:700 28px Georgia,serif;color:#173c5b;margin-top:0}.oat-hrd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oat-hrd-form-grid label{font-weight:700;color:#314a5c}.oat-hrd-form-grid input,.oat-hrd-form-grid select,.oat-hrd-form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #bfcdd7;border-radius:5px;padding:9px;background:#fff}.oat-hrd-span-2{grid-column:1/-1}.oat-hrd-media-row{display:flex;gap:8px}.oat-hrd-media-row input{flex:1}.oat-hrd-media-row button{white-space:nowrap;border:1px solid #aac1d3;background:#f2f7fa;color:#155f98;border-radius:5px;padding:8px 11px;font-weight:700;cursor:pointer}.oat-hrd-people-search{margin-bottom:8px!important}.oat-hrd-people-list{max-height:190px;overflow:auto;border:1px solid #d6e0e7;border-radius:5px;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.oat-hrd-people-list label{font-weight:400;padding:4px}.oat-hrd-people-list input{display:inline;width:auto;margin:0 5px 0 0}.oat-hrd-form-actions{display:flex;gap:10px;margin-top:18px}.oat-hrd-form-actions button{padding:10px 15px;border-radius:5px;border:1px solid #b8c6cf;background:#fff;cursor:pointer}
@media(max-width:980px){.oat-hrd-filterbar{grid-template-columns:1fr 1fr}.oat-hrd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oat-hrd-view-layout{grid-template-columns:1fr}.oat-hrd-people-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.oat-hrd-app{padding-left:8px;padding-right:8px}.oat-hrd-grid,.oat-hrd-filterbar,.oat-hrd-form-grid{grid-template-columns:1fr}.oat-hrd-span-2{grid-column:auto}.oat-hrd-adminbar{align-items:flex-start;flex-direction:column}.oat-hrd-people-list{grid-template-columns:1fr}.oat-hrd-modal{padding:8px}.oat-hrd-modal-panel{padding:22px 14px}.oat-hrd-media-row{flex-direction:column}}

/* OAT Historical Records v1.1 — theme inheritance / transparency */
.oat-hrd-app{
  --blue:currentColor;
  --navy:currentColor;
  --line:currentColor;
  --muted:currentColor;
  color:inherit!important;
  font-family:inherit!important;
}
.oat-hrd-app,
.oat-hrd-header,
.oat-hrd-adminbar,
.oat-hrd-filterbar,
.oat-hrd-card,
.oat-hrd-card-body,
.oat-hrd-preview,
.oat-hrd-no-preview,
.oat-hrd-pdf-preview,
.oat-hrd-empty,
.oat-hrd-notice,
.oat-hrd-message,
.oat-hrd-modal-panel,
.oat-hrd-view-media img,
.oat-hrd-view-media iframe,
.oat-hrd-people-list,
.oat-hrd-type,
.oat-hrd-badge{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
}
.oat-hrd-header h1,
.oat-hrd-header p,
.oat-hrd-adminbar span,
.oat-hrd-results-head h2,
.oat-hrd-card h3,
.oat-hrd-card h3 button,
.oat-hrd-people,
.oat-hrd-card dt,
.oat-hrd-card dd,
.oat-hrd-view-details h2,
.oat-hrd-view-section h3,
.oat-hrd-editor-panel h2,
.oat-hrd-form-grid label,
.oat-hrd-close,
.oat-hrd-type,
.oat-hrd-badge,
.oat-hrd-no-preview,
.oat-hrd-pdf-preview,
.oat-hrd-pdf-preview span{
  color:inherit!important;
}
.oat-hrd-primary,
.oat-hrd-filterbar button,
.oat-hrd-card-actions button,
.oat-hrd-media-row button,
.oat-hrd-form-actions button,
.oat-hrd-card h3 button,
.oat-hrd-preview,
.oat-hrd-close{
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  box-shadow:none!important;
}
.oat-hrd-primary:hover,
.oat-hrd-primary:focus,
.oat-hrd-primary:active,
.oat-hrd-filterbar button:hover,
.oat-hrd-filterbar button:focus,
.oat-hrd-filterbar button:active,
.oat-hrd-card-actions button:hover,
.oat-hrd-card-actions button:focus,
.oat-hrd-card-actions button:active,
.oat-hrd-media-row button:hover,
.oat-hrd-media-row button:focus,
.oat-hrd-media-row button:active,
.oat-hrd-form-actions button:hover,
.oat-hrd-form-actions button:focus,
.oat-hrd-form-actions button:active,
.oat-hrd-card h3 button:hover,
.oat-hrd-card h3 button:focus,
.oat-hrd-card h3 button:active{
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
}
.oat-hrd-filterbar input,
.oat-hrd-filterbar select,
.oat-hrd-form-grid input,
.oat-hrd-form-grid select,
.oat-hrd-form-grid textarea,
.oat-hrd-people-search,
.oat-hrd-media-row input{
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  box-shadow:none!important;
}
.oat-hrd-filterbar input::placeholder,
.oat-hrd-form-grid input::placeholder,
.oat-hrd-form-grid textarea::placeholder{
  color:inherit!important;
  opacity:.7;
}
.oat-hrd-reset,
.oat-hrd-app a,
.oat-hrd-app a:visited,
.oat-hrd-app a:hover,
.oat-hrd-app a:focus{
  color:inherit!important;
  background:transparent!important;
}
.oat-hrd-adminbar,
.oat-hrd-filterbar,
.oat-hrd-card,
.oat-hrd-empty,
.oat-hrd-notice,
.oat-hrd-message,
.oat-hrd-modal-panel,
.oat-hrd-people-list{
  border-color:currentColor!important;
}
.oat-hrd-card dl div,
.oat-hrd-results-head,
.oat-hrd-view-section{
  border-color:currentColor!important;
}
.oat-hrd-card-actions .oat-hrd-danger-link{
  color:inherit!important;
  border-color:currentColor!important;
}
/* Keep only the screen-dimming layer so dialogs remain readable as dialogs. */
.oat-hrd-modal-backdrop{background:rgba(0,0,0,.55)!important;}


/* OAT Historical Records v1.2 — readable record viewer */
/* Keep the opened historical-record viewer on a solid reading surface,
   while the directory itself continues to inherit the website theme. */
[data-oat-hrd-viewer] .oat-hrd-modal-panel{
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  border-color:#d7d7d7!important;
  box-shadow:0 20px 70px rgba(0,0,0,.35)!important;
}
[data-oat-hrd-viewer] .oat-hrd-modal-panel,
[data-oat-hrd-viewer] .oat-hrd-modal-panel p,
[data-oat-hrd-viewer] .oat-hrd-modal-panel div,
[data-oat-hrd-viewer] .oat-hrd-modal-panel span,
[data-oat-hrd-viewer] .oat-hrd-modal-panel dl,
[data-oat-hrd-viewer] .oat-hrd-modal-panel dt,
[data-oat-hrd-viewer] .oat-hrd-modal-panel dd,
[data-oat-hrd-viewer] .oat-hrd-view-details h2,
[data-oat-hrd-viewer] .oat-hrd-view-section h3,
[data-oat-hrd-viewer] .oat-hrd-close{
  color:#111!important;
}
[data-oat-hrd-viewer] .oat-hrd-modal-panel a,
[data-oat-hrd-viewer] .oat-hrd-modal-panel a:visited,
[data-oat-hrd-viewer] .oat-hrd-modal-panel a:hover,
[data-oat-hrd-viewer] .oat-hrd-modal-panel a:focus{
  color:#111!important;
  background:transparent!important;
  text-decoration:underline;
}
[data-oat-hrd-viewer] .oat-hrd-view-section{
  border-color:#d9d9d9!important;
}
[data-oat-hrd-viewer] .oat-hrd-view-media img,
[data-oat-hrd-viewer] .oat-hrd-view-media iframe{
  background:#f5f5f5!important;
}

/* OAT Historical Records v1.3 — linked Sources */
.oat-hrd-source-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.oat-hrd-source-row select{flex:1;min-width:240px}
.oat-hrd-source-action{display:inline-flex;align-items:center;min-height:40px;padding:7px 11px;border:1px solid currentColor;border-radius:5px;text-decoration:none;font-weight:700}
.oat-hrd-source-help{display:block;margin-top:6px;font-weight:400;opacity:.78;line-height:1.4}
.oat-hrd-source-missing{font-weight:400;opacity:.75}
.oat-hrd-form-grid textarea[readonly]{opacity:.8;cursor:not-allowed}
@media(max-width:620px){.oat-hrd-source-row{align-items:stretch;flex-direction:column}.oat-hrd-source-row select{min-width:0;width:100%}.oat-hrd-source-action{justify-content:center}}

/* v1.3.1 — Records tab links should render as plain theme links, never white boxes. */
.oat-hrd-app a,
.oat-hrd-app a:link,
.oat-hrd-app a:visited,
.oat-hrd-app a:hover,
.oat-hrd-app a:focus,
.oat-hrd-app a:active,
.oat-hrd-card dd a,
.oat-hrd-view-details a,
.oat-hrd-source-action{
  display:inline!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  outline-offset:2px;
  text-decoration:underline;
  color:inherit!important;
}

/* v1.3.2: Sources-tab synchronization controls */
.oat-hrd-sync-check{display:flex;gap:.55rem;align-items:flex-start;margin-top:.65rem;font-size:.92em;line-height:1.4}
.oat-hrd-sync-check input{margin-top:.18rem;flex:0 0 auto}

/* v1.3.5 — genealogy citation generator */
.oat-hrd-citation-generator{border:1px solid currentColor;border-radius:6px;padding:14px;margin:4px 0 2px}
.oat-hrd-citation-generator legend{font-weight:700;padding:0 6px}
.oat-hrd-citation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:10px}
.oat-hrd-citation-grid label{min-width:0}
.oat-hrd-citation-grid input{width:100%}
.oat-hrd-citation-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.oat-hrd-citation-actions button{min-height:40px;padding:7px 12px}
.oat-hrd-citation-actions button[disabled]{opacity:.5;cursor:not-allowed}
.oat-hrd-citation-preview{display:block}
.oat-hrd-citation-preview textarea{width:100%;margin-top:5px}
@media(max-width:620px){.oat-hrd-citation-grid{grid-template-columns:1fr}.oat-hrd-citation-grid .oat-hrd-span-2{grid-column:auto}}
