/* 189 — Access-code account history (Admin viewer). Pairs with js/190-otac-history-admin.js. Remove the <link> + <script> to roll back. */
.ocx-seen.ohx-seen-btn{cursor:pointer;border-radius:6px;padding:1px 4px;margin-inline-start:-4px;transition:background .15s,color .15s}
.ocx-seen.ohx-seen-btn i{font-size:10px;opacity:.55;margin-inline-start:2px}
.ocx-seen.ohx-seen-btn:hover,.ocx-seen.ohx-seen-btn:focus-visible{background:#FFF3D6;color:#8a5a00;outline:0}
.ocx-seen.ohx-seen-btn:hover i{opacity:1}
html.ohx-lock{overflow:hidden}
.ohx-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(10,22,40,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:ohxIn .18s ease-out}
@keyframes ohxIn{from{opacity:0}to{opacity:1}}
.ohx-card-modal{width:min(1040px,100%);height:min(780px,100%);background:#F5F7FA;border-radius:18px;box-shadow:0 30px 80px -20px rgba(8,20,40,.55);display:flex;flex-direction:column;overflow:hidden;color:#162D4C;font-size:13px}
.ohx-card-modal *{box-sizing:border-box}
.ohx-hd{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#16294A,#1d3a66);color:#fff}
.ohx-av{width:40px;height:40px;border-radius:50%;background:#E8B64A;color:#16294A;font-weight:800;display:grid;place-items:center;flex:none}
.ohx-who{min-width:0;flex:1}.ohx-who b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ohx-who small{opacity:.8;font-size:12px}
.ohx-tools{display:flex;gap:6px;align-items:center;flex:none}
.ohx-tools select,.ohx-tools button{height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:12px;padding:0 10px;cursor:pointer}
.ohx-tools select option{color:#162D4C}
.ohx-tools button{width:32px;padding:0;display:grid;place-items:center}.ohx-tools button:hover:not(:disabled){background:rgba(255,255,255,.22)}.ohx-tools button:disabled{opacity:.4;cursor:default}
.ohx-tabs{display:flex;gap:2px;padding:8px 14px 0;background:#fff;border-bottom:1px solid #E3E8EF;overflow-x:auto;scrollbar-width:none}
.ohx-tabs button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:#5b6b82;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.ohx-tabs button.is-on{color:#16294A;border-bottom-color:#E8B64A}.ohx-tabs button:hover{color:#16294A}
.ohx-tabs em{font-style:normal;background:#D93A3A;color:#fff;border-radius:9px;font-size:10px;padding:1px 6px}
.ohx-body{flex:1;overflow:auto;padding:16px 18px 24px;-webkit-overflow-scrolling:touch}
.ohx-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:240px;color:#5b6b82;text-align:center}
.ohx-state.is-err{color:#b3261e}.ohx-state.is-err i{font-size:26px}.ohx-state button{border:1px solid #16294A;background:#16294A;color:#fff;border-radius:9px;padding:7px 16px;cursor:pointer;font:inherit}
.ohx-spin{width:26px;height:26px;border-radius:50%;border:3px solid #D5DBE3;border-top-color:#16294A;animation:ohxSp .8s linear infinite}@keyframes ohxSp{to{transform:rotate(360deg)}}
.ohx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:12px}
.ohx-kpi{background:#fff;border:1px solid #E3E8EF;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.ohx-kpi-ic{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#EEF2F8;color:#16294A;display:grid;place-items:center}
.ohx-kpi b{font-size:18px;line-height:1.1}.ohx-kpi>span:not(.ohx-kpi-ic){font-size:11.5px;color:#5b6b82}.ohx-kpi small{grid-column:1/-1;margin-top:6px;font-size:10.5px;color:#7a889c}
.ohx-kpi.is-warn{border-color:#F0C676;background:#FFFAF0}.ohx-kpi.is-warn .ohx-kpi-ic{background:#FFEBC2;color:#B86E00}
.ohx-sig{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:12px;border:1px solid}
.ohx-sig-ic{font-size:20px;line-height:1.2}.ohx-sig ul{margin:6px 0 0;padding-inline-start:18px}.ohx-sig li{margin:2px 0}.ohx-sig small{display:block;margin-top:2px;opacity:.85}
.ohx-sig.is-ok{background:#EDF8F1;border-color:#BFE3CC;color:#1d6b3b}.ohx-sig.is-watch{background:#FFF7E6;border-color:#F0D090;color:#8a5a00}.ohx-sig.is-high{background:#FDECEC;border-color:#F2B8B8;color:#a52a2a}
.ohx-card{background:#fff;border:1px solid #E3E8EF;border-radius:12px;padding:13px 14px;margin-bottom:12px}
.ohx-card h4{margin:0 0 10px;font-size:13px;display:flex;align-items:baseline;gap:8px}.ohx-card h4 small{font-weight:400;color:#7a889c;font-size:11px}
.ohx-two{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.ohx-two .ohx-card{margin-bottom:12px}
.ohx-bars,.ohx-hours{display:flex;align-items:flex-end;gap:3px;height:120px}
.ohx-bar,.ohx-hours>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.ohx-bar i,.ohx-hours i{display:block;width:100%;max-width:22px;background:#1d3a66;border-radius:4px 4px 0 0;min-height:0}
.ohx-bar.has-conf i{background:#D9822B}.ohx-bar:hover i,.ohx-hours>div:hover i{background:#E8B64A}
.ohx-bar span,.ohx-hours span{font-size:9.5px;color:#7a889c;height:14px;line-height:14px;margin-top:3px}
.ohx-hours{height:90px}.ohx-hours i{background:#5b7fb0}
.ohx-top{list-style:none;margin:0;padding:0}.ohx-top li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid #F0F3F7}.ohx-top li:last-child{border:0}.ohx-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ohx-top small{color:#7a889c;min-width:30px;text-align:end}
.ohx-empty-s{color:#7a889c;margin:4px 0}
.ohx-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ohx-filters button{border:1px solid #D5DBE3;background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;color:#34465f}.ohx-filters button.is-on{background:#16294A;border-color:#16294A;color:#fff}
.ohx-count{margin-inline-start:auto;color:#7a889c;font-size:12px}
.ohx-day{background:#fff;border:1px solid #E3E8EF;border-radius:12px;margin-bottom:10px;overflow:hidden}
.ohx-day>summary{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;cursor:pointer;list-style:none;background:#FAFBFD}.ohx-day>summary::-webkit-details-marker{display:none}
.ohx-day>summary span{color:#7a889c;font-size:12px}.ohx-day[open]>summary{border-bottom:1px solid #EDF0F5}
.ohx-tl{list-style:none;margin:0;padding:6px 14px 10px}
.ohx-tl li{display:grid;grid-template-columns:46px 26px 1fr;gap:8px;padding:7px 0;border-bottom:1px dashed #EEF1F5;align-items:start}.ohx-tl li:last-child{border:0}
.ohx-tl time{color:#7a889c;font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}
.ohx-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#EEF2F8;color:#34465f;flex:none}
.t-ok .ohx-dot{background:#DDF3E5;color:#1d6b3b}.t-warn .ohx-dot{background:#FFEBC2;color:#B86E00}.t-bad .ohx-dot{background:#FADADA;color:#B3261E}.t-pg .ohx-dot{background:#E4ECF8;color:#2a4f86}
.ohx-tl small,.ohx-conf small{color:#7a889c;font-size:11.5px;overflow-wrap:anywhere}
.ohx-dur{background:#EEF2F8;border-radius:6px;padding:1px 7px;font-size:11px;margin-inline-start:4px;white-space:nowrap}.ohx-dur i{font-style:normal;opacity:.65}
.ohx-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;align-items:center}
.ohx-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#7a889c;min-width:58px}
.ohx-chip{display:inline-flex;align-items:center;gap:5px;background:#F0F3F8;border-radius:7px;padding:2px 8px;font-size:11.5px;color:#34465f;max-width:100%}
.ohx-chip i{font-size:10px;opacity:.7}.ohx-chip em{font-style:normal;opacity:.6}.ohx-ip{font-variant-numeric:tabular-nums;background:#EAF0FA}.ohx-dim{opacity:.75}
.ohx-more{display:block;margin:8px auto 0;border:1px solid #D5DBE3;background:#fff;border-radius:9px;padding:8px 18px;cursor:pointer;font:inherit}
.ohx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 10px;color:#7a889c;text-align:center}.ohx-empty i{font-size:28px;opacity:.5}.ohx-empty b{color:#34465f}.ohx-empty.ok i{color:#2e9d5b;opacity:.9}
.ohx-note{display:flex;gap:10px;background:#EAF1FB;border:1px solid #CFE0F5;color:#274a7a;border-radius:10px;padding:10px 12px;margin-bottom:10px;line-height:1.5}.ohx-note i{margin-top:3px}
.ohx-sumline{margin:0 0 12px;color:#34465f}.ohx-sumline .ohx-dim{color:#7a889c}
.ohx-devs{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.ohx-dev{background:#fff;border:1px solid #E3E8EF;border-inline-start:4px solid #9aa4b2;border-radius:12px;padding:12px 14px}
.ohx-dev.is-live{border-inline-start-color:#22a45d}.ohx-dev.is-slot{border-inline-start-color:#E8B64A}
.ohx-dev header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ohx-dev header b{display:block}.ohx-dev header small{color:#7a889c}.ohx-dev header>div{flex:1;min-width:0}
.ohx-dev-ic{width:34px;height:34px;border-radius:10px;background:#EEF2F8;display:grid;place-items:center}
.ohx-pill{font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 9px;background:#EEF1F5;color:#5b6b82;white-space:nowrap}.ohx-pill.is-live{background:#DDF3E5;color:#1d6b3b}.ohx-pill.is-slot{background:#FFF1CC;color:#8a5a00}
.ohx-dev dl{display:grid;grid-template-columns:96px 1fr;gap:5px 10px;margin:0}.ohx-dev dt{color:#7a889c;font-size:11.5px}.ohx-dev dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ohx-dev dd .ohx-chip{margin:0 4px 4px 0}.ohx-dev code{font-size:11px;background:#F0F3F8;padding:1px 5px;border-radius:5px}
.ohx-cp{border:0;background:none;color:#7a889c;cursor:pointer;padding:0 3px}.ohx-cp:hover{color:#16294A}
.ohx-conf{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ohx-conf li{background:#fff;border:1px solid #E3E8EF;border-inline-start:4px solid #E8B64A;border-radius:12px;padding:10px 14px}.ohx-conf li.t-bad{border-inline-start-color:#D93A3A}
.ohx-conf header{display:flex;gap:8px;align-items:center;margin-bottom:4px;color:#7a889c;font-size:12px}
.ohx-tblw{overflow-x:auto}.ohx-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.ohx-tbl th{text-align:start;font-size:11px;color:#7a889c;font-weight:600;padding:6px 8px;border-bottom:1px solid #E3E8EF;white-space:nowrap}
.ohx-tbl td{padding:7px 8px;border-bottom:1px solid #F0F3F7;vertical-align:top}.ohx-tbl td small{display:block;color:#7a889c;font-size:11px}.ohx-tbl td:not(:first-child){white-space:nowrap}
.ohx-tags{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:700px){
  .ohx-modal{padding:0;align-items:stretch}.ohx-card-modal{height:100%;border-radius:0;width:100%}
  .ohx-hd{padding:12px;flex-wrap:wrap}.ohx-who{flex-basis:calc(100% - 56px)}.ohx-who small{display:block;white-space:normal}.ohx-tools{width:100%;justify-content:flex-end}.ohx-two{grid-template-columns:1fr}.ohx-kpis{grid-template-columns:repeat(2,1fr)}
  .ohx-tl li{grid-template-columns:40px 24px 1fr}.ohx-body{padding:12px 12px 24px}.ohx-devs{grid-template-columns:1fr}
  .ohx-tabs button{padding:10px 11px}.ohx-tabs button span{font-size:12px}.ohx-tools select{padding:0 4px}
}

html body .vc-otac-panel .ocx .ohx-hist-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid #E1C98A;background:#FFF8E6;color:#8a5a00;font-size:11px;cursor:pointer}
html body .vc-otac-panel .ocx .ohx-hist-btn i{font-size:11px}
html body .vc-otac-panel .ocx .ohx-hist-btn:hover,html body .vc-otac-panel .ocx .ohx-hist-btn:focus-visible{background:#FFEFC2;outline:0}
@media(min-width:701px){html body .vc-otac-panel .ocx .ocx-stat{flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}}