@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.hh-refresher-recordings-hub,.hh-refresher-recordings-hub *{box-sizing:border-box}.hh-refresher-recordings-hub *{margin:0;padding:0}.hh-refresher-recordings-hub{--ink: #17323a;--muted: #5a6f76;--muted-strong: #41575f;--surface: #fcfefd;--surface-soft: #f3faf8;--line: rgba(23, 50, 58, .12);--line-strong: rgba(13, 139, 135, .2);--teal: #0d8b87;--teal-dark: #0a6d69;--teal-soft: #e1f4f1;--amber: #b87528;--amber-soft: #faefde;width:100%;color:var(--ink);font-family:DM Sans,Arial,Helvetica,sans-serif;background:transparent}.hh-refresher-recordings-hub .hub-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 34px}.hh-refresher-recordings-hub .section-head{display:flex;align-items:flex-end;margin-bottom:16px}.hh-refresher-recordings-hub .title-block{max-width:720px}.hh-refresher-recordings-hub h2{color:var(--ink);font-size:clamp(1.85rem,3vw,2.4rem);font-weight:700;line-height:1.08}.hh-refresher-recordings-hub .recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:stretch}.hh-refresher-recordings-hub .recording-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;text-decoration:none;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hh-refresher-recordings-hub .recording-card:hover{border-color:var(--line-strong);box-shadow:0 14px 28px #0f262c14;transform:translateY(-2px)}.hh-refresher-recordings-hub .recording-card:focus-visible{outline:3px solid rgba(13,139,135,.28);outline-offset:3px}.hh-refresher-recordings-hub .thumb-shell{position:relative;background:#d7ebe7;aspect-ratio:16 / 9;overflow:hidden}.hh-refresher-recordings-hub .cover-art{position:absolute;inset:0;overflow:hidden;color:#f2faf8;background:radial-gradient(circle at 18% 18%,rgba(80,188,179,.22),transparent 28%),radial-gradient(circle at 84% 22%,rgba(255,193,124,.18),transparent 24%),linear-gradient(160deg,#17313a,#214652 48%,#11252e)}.hh-refresher-recordings-hub .cover-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;opacity:.18}.hh-refresher-recordings-hub .cover-art:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,#0a151b00,#0a151bc7)}.hh-refresher-recordings-hub .cover-kicker{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#f2faf81f;box-shadow:inset 0 0 0 1px #f2faf81f;color:#f2faf8eb;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px)}.hh-refresher-recordings-hub .clean-cover{background:linear-gradient(135deg,#edf8f5fa,#ddf1eefa);color:var(--ink)}.hh-refresher-recordings-hub .clean-cover:before{background-image:linear-gradient(rgba(13,139,135,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(13,139,135,.07) 1px,transparent 1px);background-size:34px 34px;opacity:.36}.hh-refresher-recordings-hub .clean-cover:after{height:42%;background:linear-gradient(180deg,#edf8f500,#12373e1c)}.hh-refresher-recordings-hub .clean-cover .cover-kicker{background:#fcfefdd6;box-shadow:inset 0 0 0 1px #0d8b8724,0 8px 18px #14313a14;color:var(--teal-dark);backdrop-filter:none}.hh-refresher-recordings-hub .cover-templates-clean{background:radial-gradient(circle at 80% 18%,rgba(250,191,119,.2),transparent 28%),linear-gradient(135deg,#eef8f5,#dbeeea)}.hh-refresher-recordings-hub .cover-notes-clean{background:radial-gradient(circle at 20% 18%,rgba(118,178,214,.18),transparent 28%),linear-gradient(135deg,#eff8fb,#dbeef2)}.hh-refresher-recordings-hub .cover-evidence-clean{background:radial-gradient(circle at 78% 18%,rgba(136,208,170,.18),transparent 28%),linear-gradient(135deg,#f0f8f2,#deefe3)}.hh-refresher-recordings-hub .template-illustration,.hh-refresher-recordings-hub .notes-illustration,.hh-refresher-recordings-hub .evidence-illustration{position:absolute;inset:54px 28px 28px;z-index:1}.hh-refresher-recordings-hub .template-document{position:absolute;left:0;top:4px;width:62%;height:74%;border-radius:18px;background:#fcfefde6;box-shadow:0 20px 34px #14313a1f,inset 0 0 0 1px #0d8b871f}.hh-refresher-recordings-hub .template-document:before{content:"";position:absolute;left:20px;top:18px;width:46%;height:12px;border-radius:999px;background:#0d8b8738;box-shadow:0 30px #17323a1c,0 52px #17323a17,0 74px #17323a14}.hh-refresher-recordings-hub .template-document:after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:34px;border-radius:12px;background:#0d8b871a}.hh-refresher-recordings-hub .template-steps{position:absolute;right:0;top:0;width:34%;display:grid;gap:10px}.hh-refresher-recordings-hub .template-steps span{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border-radius:14px;background:#fcfefdd1;box-shadow:0 12px 22px #14313a14,inset 0 0 0 1px #0d8b871c;color:#17323aad;font-size:0}.hh-refresher-recordings-hub .template-steps span:before{content:"";width:22px;height:22px;border-radius:8px;background:#0d8b8729}.hh-refresher-recordings-hub .template-steps span:after{content:"";height:8px;border-radius:999px;background:#17323a29}.hh-refresher-recordings-hub .template-form{position:absolute;right:6%;bottom:0;width:34%;min-height:36px;border-radius:13px;background:#b8752821;box-shadow:inset 0 0 0 1px #b8752829}.hh-refresher-recordings-hub .template-form:before{content:"";position:absolute;left:14px;top:13px;right:14px;height:9px;border-radius:999px;background:#b8752852}.hh-refresher-recordings-hub .notes-sheet-clean{position:absolute;left:0;top:0;width:52%;height:80%;border-radius:18px;background:#fcfefde0;box-shadow:0 20px 34px #14313a1f,inset 0 0 0 1px #2c6f971f;transform:rotate(-3deg)}.hh-refresher-recordings-hub .notes-sheet-clean:before{content:"";position:absolute;left:20px;top:22px;width:58%;height:11px;border-radius:999px;background:#2c6f9733;box-shadow:0 30px #17323a1a,0 52px #17323a14,0 74px #17323a14}.hh-refresher-recordings-hub .task-board-clean{position:absolute;right:0;top:12px;width:42%;display:grid;gap:10px}.hh-refresher-recordings-hub .task-board-clean span{position:relative;min-height:52px;border-radius:16px;background:#fcfefdd6;box-shadow:0 14px 24px #14313a1a,inset 0 0 0 1px #2c6f971c}.hh-refresher-recordings-hub .task-board-clean span:before{content:"";position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:8px;background:#0d8b8742}.hh-refresher-recordings-hub .task-board-clean span:after{content:"";position:absolute;left:48px;right:16px;top:18px;height:8px;border-radius:999px;background:#17323a29;box-shadow:0 16px #17323a17}.hh-refresher-recordings-hub .notes-output-clean{position:absolute;right:5%;bottom:0;width:45%;min-height:36px;border-radius:13px;background:#2c6f971f;box-shadow:inset 0 0 0 1px #2c6f971f}.hh-refresher-recordings-hub .notes-output-clean:before{content:"";position:absolute;left:14px;right:14px;top:13px;height:9px;border-radius:999px;background:#2c6f9747}.hh-refresher-recordings-hub .evidence-browser{position:absolute;left:0;top:0;width:58%;height:78%;border-radius:18px;background:#fcfefde6;box-shadow:0 20px 34px #14313a1f,inset 0 0 0 1px #488f601f;overflow:hidden}.hh-refresher-recordings-hub .evidence-browser:before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:#488f601f;box-shadow:inset 0 -1px #488f6014}.hh-refresher-recordings-hub .evidence-browser:after{content:"";position:absolute;left:20px;top:34px;width:34%;height:11px;border-radius:999px;background:#488f6038;box-shadow:0 28px #17323a1a,0 50px #17323a14,0 72px #17323a14}.hh-refresher-recordings-hub .evidence-source-list{position:absolute;right:0;top:8px;width:36%;display:grid;gap:10px}.hh-refresher-recordings-hub .evidence-source-list span{position:relative;min-height:44px;border-radius:14px;background:#fcfefddb;box-shadow:0 12px 22px #14313a14,inset 0 0 0 1px #488f601a}.hh-refresher-recordings-hub .evidence-source-list span:before{content:"";position:absolute;left:14px;top:13px;width:18px;height:18px;border-radius:50%;background:#488f6038}.hh-refresher-recordings-hub .evidence-source-list span:after{content:"";position:absolute;left:42px;right:14px;top:18px;height:8px;border-radius:999px;background:#17323a24}.hh-refresher-recordings-hub .evidence-query{position:absolute;right:4%;bottom:0;width:42%;min-height:38px;border-radius:13px;background:#488f601f;box-shadow:inset 0 0 0 1px #488f6024}.hh-refresher-recordings-hub .evidence-query:before{content:"";position:absolute;left:14px;right:40px;top:14px;height:9px;border-radius:999px;background:#488f6047}.hh-refresher-recordings-hub .evidence-query:after{content:"";position:absolute;right:14px;top:11px;width:16px;height:16px;border-radius:50%;background:#488f6038}.hh-refresher-recordings-hub .thumb-topline{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.hh-refresher-recordings-hub .status-pill,.hh-refresher-recordings-hub .duration-pill{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1}.hh-refresher-recordings-hub .status-pill{background:#fcfefde6;color:var(--teal-dark)}.hh-refresher-recordings-hub .duration-pill{background:#0a171dd1;color:#f7fffd;margin-left:auto}.hh-refresher-recordings-hub .play-chip{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:6px 10px;border-radius:999px;background:#0a171dc2;color:#f7fffd;font-size:12px;font-weight:700;line-height:1;pointer-events:none}.hh-refresher-recordings-hub .play-chip svg{width:13px;height:13px;fill:currentColor;flex-shrink:0}.hh-refresher-recordings-hub .card-body{display:flex;flex:1;flex-direction:column;gap:11px;padding:15px}.hh-refresher-recordings-hub .card-title{color:var(--ink);font-size:18px;font-weight:700;line-height:1.3}.hh-refresher-recordings-hub .card-summary{color:var(--muted);font-size:14px;line-height:1.6;flex:1}.hh-refresher-recordings-hub .card-meta{display:flex;flex-wrap:wrap;gap:6px}.hh-refresher-recordings-hub .card-meta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted-strong);font-size:11px;font-weight:700;line-height:1}.hh-refresher-recordings-hub .card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;color:var(--muted);font-size:12px;line-height:1.4}.hh-refresher-recordings-hub .card-action{color:var(--teal);font-weight:700;white-space:nowrap}.hh-refresher-recordings-hub .empty-state{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:14px;line-height:1.65}@media(max-width:720px){.hh-refresher-recordings-hub .hub-wrap{width:min(100%,calc(100% - 24px));padding:18px 0 28px}.hh-refresher-recordings-hub .recordings-grid{grid-template-columns:1fr}}.refresher-recordings-page{width:100%;max-width:100vw;overflow-x:hidden;background:#fafafa;padding-top:7rem}