/* PLAUD-inspired workspace. Brand, authentication and data ownership remain ours. */
:root, .light { --sidebar-width: 248px; --header-height: 0px; --text: #292929; --text-secondary: #626262; --border: #ececec; --accent: #7650d8; --accent-hover: #6040bd; --accent-soft: #f4efff; }
body.signed-in { background: #fff; }
body.signed-in > header { display: none; }
body.signed-in main:not(#reader-root):not(#record-view) { padding: 32px 44px; }
.nav { top: 0; width: var(--sidebar-width); height: 100dvh; background: #f8f8f8; border-right: 1px solid #ededed; padding: 24px 14px 14px; display: flex; flex-direction: column; overflow: hidden; }
.nav > :not(.nav-inner) { flex-shrink: 0; }
.nav a.workspace-brand { padding: 0 10px 24px; background: none; color: #222; display: flex; gap: 12px; align-items: center; font-size: 18px; font-weight: 600; min-height: auto; }
.workspace-brand img { border-radius: 9px; }
.workspace-caption { padding: 0 12px 16px; color: #777; font-size: 12px; }
.workspace-upload { margin: 0 8px 20px; border: 1px solid #d6d6d6; background: transparent; border-radius: 7px; min-height: 42px; font-size: 13px; }
.workspace-upload span { font-size: 19px; margin-right: 5px; font-weight: 400; }
.workspace-upload:hover { background: #fff; border-color: #bcbcbc; }
.workspace-search { display: flex; gap: 12px; align-items: center; text-align: left; border: 0; background: none; font-weight: 400; padding: 12px; font-size: 13px; color: #555; }
.workspace-shortcut { margin-left: auto; border: 1px solid #e5e5e5; border-radius: 4px; color: #888; padding: 0 4px; font-size: 10px; }
.i-spark { -webkit-mask-image: url('assets/icons/spark.svg'); mask-image: url('assets/icons/spark.svg'); }
.i-template { -webkit-mask-image: url('assets/icons/template.svg'); mask-image: url('assets/icons/template.svg'); }
.i-inbox { -webkit-mask-image: url('assets/icons/inbox.svg'); mask-image: url('assets/icons/inbox.svg'); }
.i-telegram { -webkit-mask-image: url('assets/icons/brand-telegram.svg'); mask-image: url('assets/icons/brand-telegram.svg'); }
.workspace-nav-group { position: relative; margin: 8px 0; }
.workspace-nav-group summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 8px 12px; color: #888; font-size: 12px; cursor: pointer; width: calc(100% - 36px); }
.workspace-nav-group summary::-webkit-details-marker { display: none; }
.workspace-nav-group[open] summary > svg { transform: rotate(180deg); }
.workspace-folder-add { position: absolute; top: 2px; right: 8px; border: 0; border-radius: 5px; background: none; padding: 5px; display: grid; place-items: center; color: #888; }
.workspace-folder-add:hover { background: #eee; }
.workspace-nav-group a > span:not(.icon) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-nav-group a > svg { flex-shrink: 0; }
.workspace-nav-empty { font-size: 11px; border: 0; background: none; color: #888; padding: 10px 12px; text-align: left; width: 100%; }
.workspace-search-scopes { display: flex; gap: 8px; padding: 14px 20px 0; flex-wrap: wrap; }
.workspace-search-scopes button { border: 1px solid #eee; border-radius: 6px; padding: 6px 10px; font-size: 11px; background: #fff; color: #777; }
.workspace-search-scopes button[aria-pressed="true"] { background: #f4efff; border-color: #ded0fa; color: #7650d8; }
.workspace-search-snippet { display: block; color: #777; font-size: 11px; line-height: 1.6; margin-top: 8px; white-space: normal; }
.workspace-search-results > button > span:first-child { flex: 1; }
.workspace-search-results > button > span:last-child:not(:first-child) { flex-shrink: 0; max-width: none; }
.workspace-folder-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: -12px 0 24px; }
.workspace-folder-actions button { font-size: 12px; border: 1px solid #eee; border-radius: 6px; background: #fff; padding: 8px 10px; }
.workspace-folder-actions span { color: #999; font-size: 11px; }
.workspace-template-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.workspace-template-grid button { display: grid; gap: 14px; text-align: left; border: 1px solid #eee; border-radius: 10px; background: #fff; padding: 24px; }
.workspace-template-grid button:hover { border-color: #d9cbf5; background: #fdfbff; }
.workspace-template-grid strong { font-size: 16px; font-weight: 500; }
.workspace-template-grid span:not(.workspace-template-symbol) { color: #888; font-size: 12px; line-height: 1.6; }
.workspace-template-symbol { color: #7650d8; font-size: 26px; }
.workspace-template-grid small { color: #7650d8; font-size: 11px; margin-top: 12px; }
.workspace-ask { max-width: 780px; }
.workspace-ask label { display: grid; gap: 10px; font-size: 12px; color: #777; margin: 20px 0; }
.workspace-ask select, .workspace-ask textarea { width: 100%; font: 13px Inter,sans-serif; line-height: 1.7; color: #333; background: #fff; border: 1px solid #e4e4e4; border-radius: 8px; padding: 12px; }
.workspace-ask textarea { resize: vertical; min-height: 130px; }
.workspace-question-examples { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-question-examples button { border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; color: #777; padding: 8px 10px; font-size: 11px; }
.workspace-ask-submit { width: 100%; border: 0; border-radius: 8px; background: #252525; color: #fff; padding: 15px; font-size: 13px; }
.workspace-ask-submit:disabled { opacity: .45; cursor: default; }
.workspace-answer { margin-top: 32px; padding: 24px; border: 1px solid #e9e3f4; border-radius: 10px; background: #fdfbff; }
.workspace-answer-meta, .workspace-answer small { color: #999; font-size: 11px; display: block; }
.workspace-markdown { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; margin: 20px 0 24px; }
.workspace-markdown p { margin: 0 0 14px; }
.workspace-markdown h1, .workspace-markdown h2, .workspace-markdown h3, .workspace-markdown h4, .workspace-markdown h5, .workspace-markdown h6 { font-weight: 600; line-height: 1.4; margin: 24px 0 12px; font-size: 16px; }
.workspace-markdown h1 { font-size: 21px; }
.workspace-markdown h2 { font-size: 18px; }
.workspace-markdown > :first-child { margin-top: 0; }
.workspace-markdown strong { font-weight: 600; }
.workspace-markdown ul, .workspace-markdown ol { padding-left: 24px; margin: 0 0 18px; }
.workspace-markdown li { padding-left: 4px; margin: 7px 0; }
.workspace-markdown li > p { margin: 4px 0; }
.workspace-markdown blockquote { margin: 16px 0; border-left: 3px solid #ded0fa; padding: 4px 16px; color: #666; }
.workspace-markdown pre { background: #f4f1f8; border-radius: 6px; padding: 14px; overflow-x: auto; white-space: pre; }
.workspace-markdown code { font-size: 12px; background: #f4f1f8; border-radius: 3px; padding: 2px 4px; }
.workspace-markdown pre code { padding: 0; }
.workspace-markdown hr { border: 0; border-top: 1px solid #e9e3f4; margin: 24px 0; }
.workspace-answer a { color: #7650d8; font-size: 12px; display: block; margin-bottom: 20px; }
@media (max-width: 600px) { .workspace-template-grid { grid-template-columns: 1fr; } }
.nav-inner { display: flex; flex-direction: column; padding: 0 0 10px; gap: 3px; max-width: none; margin: 0; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.nav-inner > * { flex-shrink: 0; }
.nav .nav-inner a { font-size: 13px; font-weight: 400; min-height: 42px; margin: 0; padding: 10px 12px; border: 0; border-radius: 7px; gap: 12px; }
.nav a.active { background: #eaeaea; color: #252525; }
.nav a:hover { background: #efefef; }
.workspace-hash { width: 19px; font-size: 22px; line-height: 19px; text-align: center; }
.nav-count { color: #777; margin-left: auto; font-size: 11px; }
.workspace-section-label { border-top: 1px solid #e8e8e8; margin: 16px 8px 5px; padding: 16px 4px 0; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #888; }
.nav .nav-settings { margin: 0; padding: 16px 12px 14px; border-radius: 0; border-top: 1px solid #e8e8e8; min-height: 48px; font-size: 12px; text-align: left; }
.nav .nav-settings.needs-authorization { margin-top: auto; padding: 12px; border-radius: 7px; border: 1px solid #f4d69c; }
.nav #user-box { border-top: 1px solid #e8e8e8; display: block; width: 100%; margin: 0; padding: 8px 0 0; min-width: 0; }
.nav #user-trigger { width: 100%; min-height: 44px; padding: 8px; gap: 8px; justify-content: flex-start; align-items: center; font-size: 12px; }
.nav #user-trigger > span:first-child { flex: 1; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; }
.nav .badge-admin { display: none; }
.nav .avatar { order: -1; width: 28px; height: 28px; font-size: 10px; flex-shrink: 0; }
.nav .user-menu { top: auto; bottom: calc(100% + 6px); left: 0; right: auto; width: 100%; }
body.signed-in #reader-root { height: 100dvh; }
.workspace-layout { display: block; overflow: auto; background: #fff; }
.workspace-layout.has-record { display: grid; grid-template-columns: 274px minmax(0, 1fr); overflow: hidden; }
.workspace-layout.has-record.inbox-collapsed { grid-template-columns: minmax(0, 1fr); }
.workspace-page { width: min(1180px, 100%); margin: 0 auto; padding: 54px 60px 48px; }
.workspace-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 36px; }
.workspace-page-heading h1 { font-size: 32px; letter-spacing: -.7px; font-weight: 500; margin: 0; line-height: 1.2; }
.workspace-eyebrow { margin: 0 0 10px; color: #888; font-size: 11px; }
.workspace-page-heading button { border: 1px solid #dedede; padding: 9px 12px; border-radius: 7px; color: #333; background: #fff; font-size: 12px; }
.workspace-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 22px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 38px; }
.workspace-overview > div { padding: 0 24px; border-right: 1px solid #eee; }
.workspace-overview > div:first-child { padding-left: 0; }
.workspace-overview > div:last-child { border: 0; }
.workspace-overview span { display: block; color: #777; font-size: 12px; margin-bottom: 10px; }
.workspace-overview strong { font-size: 27px; font-weight: 500; letter-spacing: -.5px; }
.workspace-overview small { color: #888; margin-left: 8px; font-size: 11px; }
.workspace-section-heading { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; gap: 12px; }
.workspace-section-heading h2 { font-size: 20px; font-weight: 500; margin: 0; }
.workspace-section-heading a { color: #777; text-decoration: none; font-size: 12px; }
.workspace-table { width: 100%; margin-top: 10px; }
.workspace-table-head, .workspace-file-row { display: grid; grid-template-columns: minmax(140px, 1fr) 96px 140px 125px 30px; align-items: center; gap: 16px; }
.workspace-table-head { color: #888; font-size: 11px; padding: 14px 12px; border-bottom: 1px solid #ededed; }
.workspace-table-head button { text-align: left; font-size: inherit; border: 0; background: none; padding: 0; color: inherit; font-weight: 400; }
.workspace-file-row { min-height: 78px; padding: 16px 12px; border-bottom: 1px solid #f3f3f3; border-radius: 6px; }
.workspace-file-row:hover { background: #fafafa; }
.workspace-file-name { min-width: 0; }
.workspace-file-name > a { color: #292929; font-size: 13px; font-weight: 500; display: block; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-file-name > a:hover { color: #7650d8; }
.workspace-file-duration, .workspace-file-date { font-size: 12px; color: #888; }
.workspace-file-status { font-size: 10px; }
.workspace-file-status > span { max-width: 100%; }
.workspace-file-status * { font-size: 10px; }
.workspace-record-tags { margin: -8px 0 20px; }
.workspace-record-tags button { font-size: 11px; }
.workspace-record-tags .workspace-add-tag { border: 1px dashed #dedede; background: transparent; color: #999; }
.workspace-file-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.workspace-file-tags:empty { display: none; }
.workspace-file-tags button { border: 0; border-radius: 4px; background: #f2f0f7; color: #796792; padding: 2px 6px; font-size: 10px; margin-top: 6px; max-width: 100%; overflow-wrap: anywhere; }
.workspace-row-menu { position: relative; }
.workspace-row-menu summary { cursor: pointer; list-style: none; width: 28px; height: 30px; display: grid; place-items: center; border-radius: 5px; color: #777; }
.workspace-row-menu summary::-webkit-details-marker { display: none; }
.workspace-row-menu summary:hover { background: #eee; }
.workspace-row-dropdown { position: absolute; top: 32px; right: 0; z-index: 25; width: 190px; background: white; border: 1px solid #e8e8e8; box-shadow: 0 8px 24px #00000012; border-radius: 8px; padding: 5px; }
.workspace-row-dropdown button, .workspace-row-dropdown a { display: block; text-align: left; width: 100%; border: 0; text-decoration: none; background: none; padding: 9px 10px; font-size: 12px; color: #444; border-radius: 4px; font-weight: 400; }
.workspace-row-dropdown button:hover, .workspace-row-dropdown a:hover { background: #f5f5f5; }
.workspace-row-dropdown .workspace-danger { color: #b42318; }
.workspace-toolbar { display: flex; gap: 10px; align-items: center; margin-bottom: 16px; }
.workspace-toolbar .reader-search { margin: 0; flex: 1; max-width: 400px; border-color: #e4e4e4; }
.workspace-toolbar select, .workspace-filters select { color: #666; background: #fff; border: 1px solid #e4e4e4; border-radius: 6px; height: 35px; padding: 0 10px; font-size: 12px; }
.workspace-toolbar button { font-size: 12px; }
.workspace-toolbar .workspace-owner-filter { min-width: 170px; max-width: 240px; text-overflow: ellipsis; }
.workspace-filters { background: #fafafa; border: 1px solid #eee; border-radius: 8px; padding: 16px; display: flex; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.workspace-filters label { display: grid; gap: 5px; font-size: 11px; flex: 1; min-width: 150px; }
.workspace-active-filters { display: flex; align-items: center; gap: 16px; margin: 10px 0 16px; font-size: 12px; color: #777; }
.workspace-active-filters button { border: 0; padding: 0; background: none; color: #7650d8; font-size: 12px; }
.workspace-home-bottom { margin-top: 36px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; }
.workspace-connection, .workspace-tip { padding: 22px; border: 1px solid #eee; border-radius: 10px; background: #fcfcfc; }
.workspace-connection { display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.workspace-connection > div { flex: 1; min-width: 160px; }
.workspace-home-bottom h3 { font-size: 13px; font-weight: 500; margin: 0 0 6px; }
.workspace-home-bottom p { color: #888; font-size: 12px; line-height: 1.7; margin: 0; }
.workspace-connection button { padding: 0; border: 0; font-size: 11px; color: #7650d8; background: none; }
.workspace-connection-dot { width: 7px; height: 7px; border-radius: 50%; background: #aaa; margin-top: 6px; }
.workspace-connection-dot.connected { background: #339377; }
.workspace-notice { font-size: 12px; padding: 12px 16px; border: 1px solid #eee; border-radius: 7px; margin: 12px 0; color: #666; }
.workspace-notice.reader-error { color: #b42318; border-color: #f4ceca; }
.workspace-answer-question { font-size: 12px; color: #666; padding-bottom: 14px; border-bottom: 1px solid #eee; overflow-wrap: anywhere; }
.workspace-notice.workspace-storage { color: #946100; background: #fff9ef; border-color: #f0dfbb; }
.workspace-intro { color: #888; font-size: 13px; margin: -10px 0 28px; }
.workspace-tags-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.workspace-tags-grid button { text-align: left; padding: 22px; border: 1px solid #e9e9e9; border-radius: 9px; background: #fff; overflow-wrap: anywhere; }
.workspace-tags-grid button:hover { border-color: #d7c8f6; background: #fcfaff; }
.workspace-tags-grid span { display: block; font-size: 14px; font-weight: 500; }
.workspace-tags-grid small { display: block; color: #888; font-size: 11px; margin-top: 16px; }
.workspace-layout .reader-inbox-head { padding: 18px 16px; border-bottom: 1px solid #eee; }
.reader-inbox-head > a { display: flex; align-items: center; gap: 7px; color: #777; font-size: 12px; text-decoration: none; }
.reader-inbox-head > button { border: 0; padding: 4px; background: none; color: #888; min-height: auto; }
.workspace-layout .reader-item { padding: 15px 18px; border-bottom: 1px solid #f3f3f3; }
.workspace-layout .reader-item strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-layout .reader-item .reader-date { font-size: 10px; color: #888; }
.workspace-layout .reader-item > span * { font-size: 9px; }
.workspace-record-nav { display: flex; align-items: center; justify-content: space-between; padding: 16px 32px; border-bottom: 1px solid #eee; }
.workspace-record-nav button { border: 0; background: none; color: #888; font-size: 11px; padding: 0; display: flex; gap: 6px; align-items: center; }
body.signed-in #record-view { padding: 24px 36px 60px; }
#record-view .reader-breadcrumb { display: none; }
#reader-root #record-view .record-heading-card { margin-top: 18px; }
#record-title { font-size: 25px; font-weight: 500; letter-spacing: -.5px; resize: none; field-sizing: content; height: auto; min-height: 34px; white-space: pre-wrap; overflow-wrap: anywhere; font-family: Inter,sans-serif; }
.reader-summary { font-size: 11px; margin: 10px 0 20px; gap: 10px; }
#record-audio { height: 40px; margin-bottom: 18px; }
.reader-action-bar { margin-bottom: 20px; }
.reader-tabs { gap: 24px; }
.reader-tabs button { font-size: 12px; padding: 12px 0; }
.transcript-versions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 0 0 18px; margin: 0 0 20px; border: 0; border-bottom: 1px solid #eee; border-radius: 0; background: transparent; }
.transcript-model-line { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.transcript-model-tag { font-size: 11px; border: 0; border-radius: 5px; padding: 3px 7px; background: #f4f1fa; color: #755897; }
.transcript-version-control { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 180px; max-width: 520px; margin-top: 0; }
.transcript-version-control label { font-size: 10px; white-space: nowrap; color: #888; margin: 0; }
.transcript-version-control select { width: 100%; min-width: 0; font-size: 10px; padding: 6px 8px; background: #fff; border: 1px solid #eee; }
.reader-model-footer { display: none; }
.speaker-note { font-size: 10px; color: #999; line-height: 1.6; margin-bottom: 24px; }
#record-transcript .seg { grid-template-columns: 40px minmax(0,1fr); gap: 14px; padding-bottom: 18px; }
#record-transcript .seg .s { font-size: 14px; line-height: 1.8; }
#record-transcript .seg .t { font-size: 10px; padding-top: 2px; }
.speaker-label { font-size: 10px; }
.workspace-search-dialog { width: min(620px, calc(100vw - 32px)); padding: 0; border: 1px solid #e5e5e5; border-radius: 12px; font-family: Inter,sans-serif; color: #333; background: #fff; }
.workspace-search-dialog::backdrop { background: #0005; backdrop-filter: blur(3px); }
.workspace-search-field { display: flex; gap: 12px; padding: 20px; border-bottom: 1px solid #eee; align-items: center; }
.workspace-search-field input { border: 0; box-shadow: none; font: 14px Inter,sans-serif; outline: none; min-width: 0; flex: 1; padding: 0; }
.workspace-search-field button { border: 0; background: none; padding: 3px; color: #888; }
.workspace-search-caption { margin: 16px 20px 8px; font-size: 11px; color: #999; }
.workspace-search-results { max-height: 55dvh; overflow: auto; padding: 0 10px 10px; }
.workspace-search-results > button { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; border-radius: 6px; background: #fff; text-align: left; width: 100%; padding: 12px 10px; font-size: 12px; font-weight: 400; }
.workspace-search-results > button.selected { background: #f3f3f3; }
.workspace-search-results > button > span { min-width: 0; overflow-wrap: anywhere; }
.workspace-search-results small { display: block; color: #999; font-size: 10px; margin-top: 3px; }
.workspace-search-help { padding: 12px 20px; font-size: 10px; color: #999; border-top: 1px solid #eee; }
.reader-empty { text-align: center; padding: 44px 20px; }
.reader-empty h2 { font-size: 20px; font-weight: 500; color: #555; }
.reader-empty a { color: #7650d8; }
:is(button,a,input,textarea,select,summary):focus-visible { outline: 2px solid #a188d2; outline-offset: 3px; }
@media (max-width: 1200px) {
  :root { --sidebar-width: 220px; }
  .workspace-page { padding: 38px 32px; }
  .workspace-table-head, .workspace-file-row { grid-template-columns: minmax(140px, 1fr) 70px 115px 105px 26px; gap: 12px; }
  .workspace-layout.has-record { grid-template-columns: 240px minmax(0, 1fr); }
  body.signed-in #record-view { padding: 22px 26px 44px; }
  .workspace-home-bottom { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  :root { --sidebar-width: 0px; --header-height: 56px; }
  body.signed-in > header { display: block; }
  .header-inner { height: 56px; padding: 0 18px; justify-content: flex-start; }
  .header-inner .brand { font-size: 14px; }
  .header-inner .org { display: none; }
  #nav-toggle { display: inline-flex; }
  .nav { width: 248px; top: 56px; height: calc(100dvh - 56px); transform: translateX(-100%); z-index: 40; box-shadow: 8px 0 30px #00000010; }
  .nav-open .nav { transform: translateX(0); }
  body.signed-in #reader-root { height: calc(100dvh - 56px); }
  .workspace-layout.has-record { grid-template-columns: minmax(0, 1fr); }
  .workspace-layout.has-record .reader-inbox { display: none; }
  .workspace-record-nav > button:first-child { display: none; }
  .workspace-record-nav { justify-content: flex-end; }
  .workspace-tags-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nav #user-trigger > span:first-child { display: block; }
}
@media (max-width: 600px) {
  .workspace-page { padding: 26px 18px 36px; }
  .workspace-page-heading { gap: 10px; margin-bottom: 26px; }
  .workspace-page-heading h1 { font-size: 26px; }
  .workspace-page-heading button { font-size: 11px; padding: 9px; }
  .workspace-eyebrow { font-size: 10px; }
  .workspace-overview { margin-bottom: 28px; padding: 18px 0; }
  .workspace-overview > div { padding: 0 12px; }
  .workspace-overview span { font-size: 10px; }
  .workspace-overview strong { font-size: 24px; }
  .workspace-overview small { display: block; margin: 0; font-size: 9px; }
  .workspace-section-heading h2 { font-size: 18px; }
  .workspace-table-head { display: none; }
  .workspace-file-row { grid-template-columns: minmax(0, 1fr) 30px; gap: 8px; padding: 17px 0; }
  .workspace-file-name { grid-column: 1; }
  .workspace-file-name > a { font-size: 13px; }
  .workspace-file-duration { grid-column: 1; grid-row: 2; font-size: 10px; }
  .workspace-file-date { grid-column: 1; grid-row: 3; font-size: 10px; }
  .workspace-file-status { grid-column: 1; grid-row: 4; }
  .workspace-file-row > div:last-child { grid-column: 2; grid-row: 1 / 5; }
  .workspace-toolbar { flex-wrap: wrap; }
  .workspace-toolbar .reader-search { flex-basis: 100%; max-width: none; }
  .workspace-toolbar select { flex: 1; }
  .workspace-toolbar button, .workspace-toolbar select, .workspace-row-menu summary { min-height: 40px; }
  .workspace-home-bottom { margin-top: 26px; }
  .workspace-tags-grid { grid-template-columns: 1fr; }
  body.signed-in #record-view { padding: 18px 20px 40px; }
  #record-title { font-size: 23px; }
  .reader-tabs { gap: 18px; }
  .reader-tabs button { min-height: 44px; }
  .reader-action-bar { flex-wrap: wrap; }
  .transcript-version-control { max-width: 100%; flex-wrap: wrap; }
  #record-transcript .seg .s { font-size: 14px; }
  .workspace-connection button { min-height: 36px; }
}