/* assets/css/common.css */

/* layout base */
.ocrdoe { --primary:#0a6fb7; --muted:#f5f7fa; --text:#1a1a1a; font-family:inherit; }

/* tabs */
.ocrdoe-tabs{display:flex;gap:.5rem;margin:0 0 1rem;}
.ocrdoe-tab{
  appearance:none;border:1px solid var(--primary);background:#fff;color:var(--primary);
  padding:.6rem .9rem;border-radius:.4rem;cursor:pointer;font-weight:600;
}
.ocrdoe-tab.is-active{background:var(--primary);color:#fff}

/* panels */
.ocrdoe-panel{display:none}
.ocrdoe-panel.is-active{display:block}

/* list/items */
.ocrdoe-list{display:flex;flex-direction:column;gap:.75rem}
.ocrdoe-item{background:#fff;border:1px solid #e6e9ef;border-radius:.5rem;padding:.75rem}
.ocrdoe-item__hd{font-size:.85rem;color:#556;opacity:.9;margin-bottom:.25rem}
.ocrdoe-item__title{font-weight:600;margin-bottom:.25rem}
.ocrdoe-item__snippet{font-size:.95rem;color:#333}
.ocrdoe-item__actions{margin-top:.5rem}
.ocrdoe-btn{background:var(--primary);color:#fff;border:0;border-radius:.35rem;padding:.4rem .6rem;cursor:pointer}
.ocrdoe-btn--sm{font-size:.85rem;padding:.3rem .55rem}

/* modal */
.ocrdoe-modal{position:fixed;inset:0;z-index:9999}
.ocrdoe-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.ocrdoe-modal__dialog{
  position:absolute;inset:4% 3%;background:#fff;border-radius:.6rem;display:flex;flex-direction:column;overflow:hidden;
}
.ocrdoe-modal__hd{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--muted);border-bottom:1px solid #e6e9ef}
.ocrdoe-modal__title{margin:0;font-size:1.05rem}
.ocrdoe-modal__close{border:0;background:#fff;color:#333;border-radius:.35rem;padding:.35rem .6rem;cursor:pointer}
.ocrdoe-modal__bd{padding:1rem;overflow:auto;height:100%}

/* doc viewer */
.ocrdoe-doc{display:grid;grid-template-columns:minmax(240px,40%) 1fr;gap:1rem;align-items:flex-start}
.ocrdoe-docimg{max-width:100%;height:auto;border:1px solid #e6e9ef;border-radius:.4rem}
.ocrdoe-doctext{max-height:70vh;overflow:auto;background:#fafbfe;border:1px solid #e6e9ef;border-radius:.4rem;padding:.75rem}
.ocrdoe-doctext pre{white-space:pre-wrap;margin:0}

/* publications carousel */
.ocrdoe-pub__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-bottom:.75rem}
.ocrdoe-pub__thumbs{display:flex;gap:.5rem;overflow:auto;padding:.25rem;background:#fafbfe;border:1px solid #e6e9ef;border-radius:.4rem}
.ocrdoe-thumb{border:0;background:#fff;padding:.2rem;border-radius:.35rem;cursor:pointer;border:1px solid #e6e9ef}
.ocrdoe-thumb img{display:block;height:72px}

/* preloader */
.ocrdoe-preloader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}
.ocrdoe-preloader__box{background:#fff;border-radius:.6rem;padding:1rem 1.25rem;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;align-items:center;gap:.75rem}
.ocrdoe-spinner{width:28px;height:28px;border-radius:50%;border:4px solid #e6e9ef;border-top-color:var(--primary);animation:ocrdoe-spin 0.9s linear infinite}
@keyframes ocrdoe-spin{to{transform:rotate(360deg)}}
.ocrdoe-sr{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}