/* PharmDecks OSCE – v0.3.1 polished, Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.pd-osce-app{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);border-radius:16px;padding:18px;max-width:980px;margin:0 auto;background:var(--wp--preset--color--base, #fff);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.pd-osce-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.pd-osce-picker{display:flex;align-items:center;gap:8px;font-weight:500}
.pd-osce-picker select{min-width:240px;padding:10px 12px;border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);border-radius:10px;background:var(--wp--preset--color--base, #fff);font-family:inherit}
.pd-osce-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}
.pd-osce-header h3{font-size:clamp(20px,2.2vw,26px);margin:0 0 4px 0}
.pd-osce-brief{opacity:.92;margin:4px 0 0 0;line-height:1.6;font-size:clamp(14px,1.6vw,16px)}
.pd-osce-controls-inline{display:flex;align-items:center;gap:14px}
.pd-voice-toggle,.pd-autosend-toggle{display:flex;gap:.45rem;align-items:center;white-space:nowrap;font-size:14px}
.pd-osce-timer{font-weight:700;min-width:66px;text-align:right}

.pd-osce-controls{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.pd-osce-inputbar{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}
#pd-osce-input{width:100%;min-height:62px;max-height:220px;resize:vertical;border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);border-radius:14px;padding:12px 14px;background:var(--wp--preset--color--base, #fff);line-height:1.5;font-family:inherit}
.pd-btn{background:#0f172a;color:#fff;border:none;border-radius:9999px;padding:12px 18px;cursor:pointer;transition:transform .06s ease,opacity .15s}
.pd-btn:hover{opacity:.95}
.pd-btn:active{transform:translateY(1px)}
.pd-btn:disabled{opacity:.55;cursor:not-allowed}
.pd-btn-danger{background:#b91c1c}
.pd-btn-icon{width:46px;height:46px;border-radius:9999px;border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);background:var(--wp--preset--color--base, #fff);cursor:pointer;font-size:20px}
.pd-btn-icon.recording{background:#fee2e2;border-color:#ef4444}
.pd-status{font-size:13px;opacity:.9;min-height:1.2em}

.pd-osce-transcript{border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);border-radius:14px;padding:12px;height:480px;overflow:auto;background:var(--wp--preset--color--base, #fff)}
.pd-chat{margin:8px 0;padding:12px;border-radius:12px;font-size:15px}
.pd-chat.user{background:rgba(59,130,246,.08)}
.pd-chat.assistant{background:rgba(16,185,129,.08)}
.pd-chat.system{background:rgba(107,114,128,.1)}

.pd-osce-results{margin-top:18px;border-top:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);padding-top:14px}
.pd-osce-results h4{font-size:20px;margin:.25rem 0 .75rem 0}
.pd-mark-heading{margin:.9rem 0 .4rem 0;font-weight:600;text-transform:capitalize}
.pd-mark-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.pd-mark-item{display:flex;gap:.6rem;align-items:center}
.pd-summary{margin-top:.6rem;display:grid;gap:.35rem;font-size:14px}

.pd-osce-locked{border:1px dashed #9ca3af;border-radius:12px;padding:16px;background:rgba(249,250,251,.6)}

@media (max-width: 720px){
  .pd-osce-inputbar{grid-template-columns:auto 1fr auto;grid-auto-flow:row}
  .pd-osce-topbar{flex-direction:column;align-items:flex-start}
  .pd-osce-controls-inline{width:100%;justify-content:space-between}
  .pd-osce-transcript{height:58vh}
}