/* The existing author and collection lists open in one focused, reversible view. */
.dashboard.profile-record-open { overflow:hidden; }
.dashboard .profile-record-dialog { width:min(1180px,calc(100% - 48px)); height:min(680px,calc(100dvh - 36px)); max-width:none; max-height:calc(100dvh - 36px); margin:auto; padding:20px 26px 22px; border:1px solid #d8e2d5; border-radius:20px; background:#f5f5ee; color:#17483e; box-shadow:0 28px 100px #163c3430; }
.profile-record-dialog::backdrop { background:#25352e32; backdrop-filter:blur(7px); }
.profile-record-top { display:flex; justify-content:space-between; gap:12px; margin-bottom:14px; }
.dashboard .profile-record-top button { min-height:32px; padding:3px 0; font-size:12px; color:#617d6b; background:transparent; border:0; }
.dashboard .profile-record-dialog #profile-results { margin:0; padding:0; }
.profile-record-dialog .profile-result-heading { display:flex; align-items:center; gap:16px; padding:22px 24px 18px; border:1px solid #e0e7dc; border-bottom:0; border-radius:20px 20px 0 0; background:#fff; }
.profile-record-dialog .profile-result-heading > div:not(.profile-record-avatar) { min-width:0; flex:1; }
.profile-record-kind { margin:0 0 5px; color:#8a998d; font-size:11px; }
.profile-record-dialog .profile-author-line h3 { font-size:23px; line-height:1.4; margin:0; }
.profile-record-dialog .profile-record-avatar .video-cover { width:56px; height:56px; min-width:56px; border-radius:50%; }
.profile-record-dialog .profile-read-info { margin:7px 0 0; font-size:11px; }
.profile-record-dialog #profile-notice:empty { display:none; }
.profile-record-stats { display:flex; gap:30px; padding:15px 24px 18px; background:#fff; border:1px solid #e0e7dc; border-top:1px solid #edf0e8; border-radius:0 0 20px 20px; }
.profile-record-stats > div { display:flex; align-items:baseline; gap:8px; color:#809080; font-size:11px; }
.profile-record-stats strong { font-size:22px; color:#2c5143; font-weight:600; }
.profile-record-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:19px 0 13px; }
.profile-record-filters { display:flex; gap:4px; padding:4px; border-radius:11px; background:#eaf0e5; }
.dashboard .profile-record-filters button { border:0; border-radius:8px; padding:8px 14px; min-height:35px; color:#768674; background:transparent; font-size:12px; }
.dashboard .profile-record-filters button[aria-pressed=true] { color:#234b3c; background:#fff; font-weight:600; }
.profile-record-dialog #profile-filter { max-width:260px; width:45%; height:38px; min-height:38px; font-size:12px; background:#fff; }
.dashboard .profile-record-dialog .profile-selection-controls { display:flex; align-items:center; gap:15px; margin:0 0 13px; padding:10px 13px; border:1px solid #e0e7dd; border-radius:12px; background:#fff; }
.dashboard .profile-record-dialog .profile-selection-controls button { min-height:30px; font-size:11px; }
.dashboard .profile-record-dialog #profile-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; min-height:300px; align-content:start; margin:0; }
.profile-record-dialog #profile-list > .records-empty { grid-column:1/-1; display:grid; place-content:center; min-height:300px; margin:0; padding:20px; border-radius:14px; background:#fff; color:#879481; font-size:12px; }
.dashboard .profile-record-dialog .profile-item { display:flex; flex-direction:column; gap:0; min-width:0; padding:3px; border:1px solid #e0e6da; border-radius:16px; background:#fff; overflow:hidden; }
.dashboard .profile-record-dialog .profile-item[data-selected=true] { box-shadow:0 0 0 2px #698b79; }
.dashboard .profile-record-dialog .profile-choice { display:block; width:100%; min-height:0; }
.dashboard .profile-record-dialog .profile-item .video-cover { width:100%; height:auto; aspect-ratio:3/4; flex:none; border-radius:12px; }
.dashboard .profile-record-dialog .profile-choice input { position:absolute; width:17px; height:17px; top:9px; left:9px; }
.profile-work-duration { position:absolute; bottom:8px; right:8px; padding:2px 5px; border-radius:5px; background:#1d352ccc; color:white; font-size:10px; }
.dashboard .profile-record-dialog .profile-identity { padding:10px 8px 5px; width:100%; }
.dashboard .profile-record-dialog .profile-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; font-size:12px; line-height:1.65; min-height:40px; font-weight:600; }
.profile-record-dialog .profile-duration { font-size:10px; margin:6px 0 0; color:#879481; }
.profile-record-dialog .profile-excerpt { display:none; }
.profile-work-footer { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-top:10px; }
.profile-record-dialog .profile-pending { margin:0; padding:3px 5px; border-radius:5px; color:#96824f; background:#f4f0e5; font-size:10px; white-space:nowrap; }
.dashboard .profile-work-extract { padding:5px 0; border:0; background:transparent; color:#2b6350; min-height:30px; font-size:11px; white-space:nowrap; }
.dashboard .profile-record-dialog .profile-selection-bar { position:sticky; bottom:-22px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding:12px 14px; border:1px solid #dce6da; border-radius:12px; background:#fffffff5; box-shadow:none; }
.profile-record-dialog #profile-selected { margin:0; font-size:12px; }
.dashboard .profile-record-dialog #profile-extract { min-height:36px; font-size:12px; padding:8px 15px; }
.dashboard .profile-record-dialog .profile-selection-controls > .profile-selection-bar { position:static; flex:1; padding:0; border:0; margin:0 0 0 auto; background:transparent; }
.profile-record-mode { display:flex; align-items:center; gap:8px; margin-left:auto; color:#63746b; font-size:11px; white-space:nowrap; }
.profile-record-mode select { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.profile-mode-choices { display:inline-flex; align-items:center; gap:3px; padding:3px; border:1px solid #d8e2d5; border-radius:11px; background:#f2f6f1; }
.dashboard .profile-mode-choices .profile-mode-choice { min-height:34px; padding:7px 13px; border:0; border-radius:8px; background:transparent; color:#607468; font-size:12px; font-weight:500; }
.dashboard .profile-mode-choices .profile-mode-choice[aria-pressed=true] { background:#fff; color:#164b39; font-weight:650; box-shadow:0 1px 4px #183b2a16; }
.dashboard .profile-mode-choices .profile-mode-choice:focus-visible { outline:2px solid #44886b; outline-offset:2px; }
.dashboard .profile-record-dialog { background:#f7f9f6; border-color:#e1e9e2; }
.dashboard .profile-record-dialog #profile-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; user-select:none; -webkit-user-select:none; }
.dashboard .profile-record-dialog .profile-item { border-color:#dfe8df; border-radius:17px; box-shadow:0 2px 9px #234f3710; }
.dashboard .profile-record-dialog .profile-item[data-selected=true] { background:#f4faf5; border-color:#32815d; box-shadow:0 0 0 2px #32815d; }
.profile-selection-rectangle { position:fixed; z-index:10001; pointer-events:none; border:1px solid #258459; border-radius:6px; background:#399a6350; }
.dashboard .profile-bulk-status { display:grid; gap:9px; padding:14px 16px; margin:0 0 16px; border:1px solid #b9d7c2; border-radius:14px; background:#f2faf4; color:#225840; }
.dashboard .profile-bulk-status[hidden] { display:none; }
.profile-bulk-status > div:first-child { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.profile-bulk-status strong { font-size:14px; font-weight:650; }
.dashboard .profile-bulk-status button { min-height:35px; border-radius:9px; background:#fff; color:#1b674a; }
.profile-bulk-fill { height:8px; overflow:hidden; border-radius:999px; background:#dbe9dd; }
.profile-bulk-fill::before { content:''; display:block; width:calc(var(--extract-progress,0) * 100%); height:100%; border-radius:inherit; background:linear-gradient(90deg,#378c62,#61bc73); transition:width .4s ease; }
.profile-bulk-status p { margin:0; font-size:12px; color:#617868; }
@media(max-width:700px) { .dashboard .profile-record-dialog .profile-selection-controls { flex-wrap:wrap; }.dashboard .profile-record-dialog .profile-selection-controls > .profile-selection-bar { flex-basis:100%; flex-wrap:wrap; }.profile-record-mode { margin-left:auto; } }
/* Keep six demo works visible without stretching the embedded home screen. */
.dashboard.extraction-demo .profile-record-dialog { height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); width:calc(100% - 24px); padding:12px 16px; }
.extraction-demo .profile-record-top { margin-bottom:8px; }
.dashboard.extraction-demo .profile-record-top button { min-height:24px; }
.extraction-demo .profile-record-dialog .profile-result-heading { padding:10px 14px; }
.dashboard.extraction-demo .profile-record-dialog #profile-author { margin:0; font-size:21px; line-height:1.3; }
.extraction-demo .profile-record-kind { margin-bottom:2px; }
.extraction-demo .profile-record-stats { padding:6px 14px; }
.extraction-demo .profile-record-stats strong { font-size:19px; }
.extraction-demo .profile-record-toolbar { margin:12px 0 10px; }
.dashboard.extraction-demo .profile-record-dialog .profile-selection-controls { padding:6px 11px; margin-bottom:10px; gap:12px; }
.dashboard.extraction-demo .profile-record-dialog #profile-extract { min-height:30px; padding:5px 12px; }
.extraction-demo .profile-work-footer { margin-top:6px; }
.dashboard.extraction-demo .profile-record-dialog .profile-identity { padding:8px 6px 5px; }
.dashboard.extraction-demo .profile-record-dialog .profile-item .video-cover { max-height:170px; }
.dashboard.extraction-demo .profile-record-dialog .profile-title { min-height:36px; }
@media(max-width:860px) {
  .dashboard .profile-record-dialog { width:calc(100% - 24px); padding:14px 15px 16px; max-height:calc(100dvh - 24px); }
  .profile-record-dialog .profile-result-heading { padding:16px; gap:10px; }
  .profile-record-dialog .profile-author-line h3 { font-size:19px; }
  .profile-record-stats { padding:12px 16px 15px; justify-content:space-between; gap:10px; }
  .profile-record-stats > div { gap:5px; font-size:10px; }
  .profile-record-stats strong { font-size:19px; }
  .profile-record-toolbar { flex-wrap:wrap; gap:10px; }
  .profile-record-dialog #profile-filter { width:100%; max-width:none; }
  .profile-record-filters { width:100%; }.profile-record-filters button { flex:1; }
  .dashboard .profile-record-dialog #profile-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .dashboard .profile-record-dialog .profile-selection-bar { bottom:-16px; }
}
@media(max-width:500px) { .dashboard .profile-record-dialog #profile-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-record-dialog .profile-record-avatar .video-cover { width:42px; height:42px; min-width:42px; }.dashboard .profile-work-extract { min-height:40px; } }
@media(max-width:860px) { .dashboard.extraction-demo .profile-record-dialog { position:fixed; inset:14px auto auto 50%; transform:translateX(-50%); margin:0; height:min(calc(100dvh - 28px),var(--demo-visible-height,700px)); max-height:min(calc(100dvh - 28px),var(--demo-visible-height,700px)); }.dashboard.extraction-demo .profile-record-dialog .profile-selection-controls { flex-wrap:wrap; }.dashboard.extraction-demo .profile-record-dialog .profile-selection-controls > .profile-selection-bar { flex-basis:100%; } }
