:root {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",sans-serif;
  color:#263143;
  background:#f6f7fb;
  font-synthesis:none;
  --blue:#4964d9;
  --muted:#788296;
  --line:#e7eaf0;
  --ink:#263143;
  --green:#27836b;
  --amber:#9c6a20;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
  font-size:13px;
  line-height:1.5;
}
button,input,select {
  font:inherit;
}
button,a,input,select {
  outline-offset:4px;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #91a4ff;
}
button {
  cursor:pointer;
}
button:disabled {
  cursor:default;
  opacity:.48;
}
a {
  color:var(--blue);
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
button,a {
  touch-action:manipulation;
}
.selection-cell { width:44px; }
.operation-result { max-width:440px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--green); font-size:12px; }
input[type="checkbox"] { width:16px; height:16px; min-height:16px; flex:none; }
.wide-management-dialog { width:min(1180px,96vw); max-width:1180px; }
.relationship-fields { border:0; padding:0; min-width:0; }
.relationship-fields .production-actions { margin-bottom:12px; }
.relationship-fields input { width:100%; min-width:110px; }
.relationship-fields .select[multiple] { height:90px; min-width:110px; }
.relationship-fields .table-scroll { max-height:52vh; }
.confirmation-row { display:flex; gap:8px; align-items:center; margin:12px 0; }
.asset-sentence { max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.checkin-issues { display:grid; gap:6px; }
.quiz-option { display:flex; gap:10px; padding:5px 0; }
.checkin-issues .notice { margin:0; padding:8px 10px; }
.wide-management-dialog th { white-space:nowrap; }
.wide-management-dialog td { max-width:330px; }
button {
  border:0;
}
h1,h2,h3,p {
  margin:0;
}
h1 {
  font-size:23px;
  font-weight:680;
  line-height:1.35;
  letter-spacing:-.6px;
}
h2 {
  font-size:15px;
  font-weight:650;
  line-height:1.5;
}
h3 {
  font-size:15px;
  font-weight:600;
}
small,.subtle {
  color:var(--muted);
}
.subtle {
  font-size:13px;
}
.code {
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;
  overflow-wrap:anywhere;
  line-height:1.65;
  color:#7a8495;
}
.initial-loading {
  min-height:100vh;
  display:grid;
  place-content:center;
  color:var(--muted);
}
.eyebrow {
  color:var(--blue);
  letter-spacing:2px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.logo-mark {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--blue);
  color:#fff;
  font-size:23px;
  box-shadow:0 4px 12px #3e5ed91a;
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
}
.brand-name {
  font-size:19px;
  font-weight:700;
  letter-spacing:-.5px;
  color:#26324b;
}
.brand-name span {
  display:block;
  font-size:10px;
  letter-spacing:1.4px;
  color:#8b94a5;
  font-weight:600;
  margin-top:-2px;
}
.app-shell {
  display:flex;
  min-height:100vh;
}
.sidebar {
  width:176px;
  flex-shrink:0;
  background:#fff;
  border-right:1px solid var(--line);
  padding:20px 12px;
  position:fixed;
  inset:0 auto 0 0;
  display:flex;
  flex-direction:column;
  z-index:5;
}
.sidebar .brand {
  margin:0 5px 27px;
}
.nav-heading {
  font-size:10px;
  letter-spacing:1.5px;
  color:#9aa2b1;
  font-weight:650;
  padding:0 14px;
  margin-bottom:11px;
}
.nav-list {
  display:flex;
  flex-direction:column;
  gap:5px;
}
.nav-link {
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 11px;
  border-radius:8px;
  color:#717d90;
  font-weight:540;
  text-decoration:none;
}
.nav-link:hover {
  background:#f5f7fb;
  text-decoration:none;
}
.nav-link.active {
  background:#edf1ff;
  color:#425bd0;
}
.nav-icon {
  width:19px;
  height:19px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.sidebar-bottom {
  margin-top:auto;
  padding:18px 5px 0;
}
.sidebar-note {
  font-size:11px;
  color:#929bab;
  line-height:1.8;
  margin:0 0 20px;
}
.user-area {
  border-top:1px solid var(--line);
  padding-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.avatar {
  width:32px;
  height:32px;
  background:#eff1f6;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:650;
  color:#67738b;
}
.user-copy {
  flex:1;
  font-size:12px;
  font-weight:550;
}
.user-copy small {
  display:block;
  font-size:10px;
  font-weight:400;
  white-space:nowrap;
}
.workspace {
  margin-left:176px;
  flex:1;
  min-width:0;
}
.topbar {
  height:46px;
  background:#ffffffb8;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  gap:15px;
}
.topbar-title {
  font-size:12px;
  color:#7e889a;
}
.environment {
  display:flex;
  gap:7px;
  align-items:center;
  color:#688375;
  font-size:11px;
}
.environment::before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#5b9b78;
}
.main-content {
  padding:16px 18px 24px;
  max-width:1800px;
  margin:0 auto;
}
.page-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.page-heading h1 {
  overflow-wrap:anywhere;
}
.topbar-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:7px;
  padding:5px 11px;
  background:var(--blue);
  color:white;
  font-size:13px;
  font-weight:550;
  min-height:32px;
  border:1px solid transparent;
  white-space:nowrap;
}
.button:hover {
  background:#3a55c6;
  text-decoration:none;
}
.button.secondary {
  background:white;
  border-color:#dfe4ed;
  color:#5e6c83;
}
.button.secondary:hover {
  background:#f7f8fb;
}
.button.quiet {
  background:transparent;
  color:#6c7890;
  padding:6px 8px;
  min-height:30px;
}
.button.quiet:hover {
  background:#f1f4f9;
}
.button.danger {
  background:#fff;
  border-color:#f0d5d6;
  color:#af4b56;
}
.button.danger:hover {
  background:#fff4f4;
}
.button.small {
  padding:5px 10px;
  min-height:30px;
  font-size:12px;
}
.button.full {
  width:100%;
}
.stats {
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:0;
  margin-bottom:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:7px;
}
.stat {
  display:grid;
  grid-template-columns:auto auto;
  justify-content:start;
  align-content:center;
  align-items:baseline;
  column-gap:10px;
  padding:8px 15px;
  flex:1 1 150px;
}
.stat+.stat {
  border-left:1px solid var(--line);
}
.stat-label {
  color:#69768a;
  font-size:11px;
}
.stat-value {
  font-size:18px;
  font-weight:650;
  line-height:1.3;
  font-variant-numeric:tabular-nums;
}
.stat-note {
  grid-column:1/-1;
  font-size:10px;
  color:#8993a3;
  line-height:1.4;
}
.panel {
  background:white;
  border:1px solid var(--line);
  border-radius:7px;
  overflow:hidden;
  margin-bottom:12px;
}
.panel-header {
  padding:11px 14px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.panel-body {
  padding:14px;
}
.toolbar {
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.search-field {
  display:flex;
  align-items:center;
  gap:8px;
  background:#f7f8fb;
  border:1px solid #e6eaf0;
  border-radius:7px;
  padding:0 12px;
  flex:1;
  max-width:490px;
  min-width:220px;
  color:#94a0b1;
}
.search-field input {
  border:0;
  background:transparent;
  padding:6px 0;
  outline:none;
  min-width:0;
  width:100%;
  font-size:12px;
  color:var(--ink);
}
.search-field:focus-within {
  outline:3px solid #c9d3ff;
  outline-offset:1px;
}
.search-field input::placeholder {
  color:#9ba4b3;
}
.select {
  border:1px solid #e1e6ee;
  background:#fff;
  padding:5px 26px 5px 9px;
  border-radius:7px;
  font-size:12px;
  color:#64718a;
  min-height:32px;
}
.toolbar-count {
  margin-left:auto;
  font-size:12px;
  color:#929bad;
}
.table-scroll {
  overflow:auto;
}
table {
  border-collapse:collapse;
  width:100%;
  text-align:left;
}
th {
  background:#fafbfd;
  color:#627187;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
  padding:8px 12px;
  border-bottom:1px solid var(--line);
}
td {
  padding:8px 12px;
  border-bottom:1px solid #eef0f5;
  vertical-align:middle;
  font-size:12px;
}
tbody tr:last-child td {
  border-bottom:0;
}
tbody tr:hover {
  background:#f4f7fd;
}
.title-cell {
  min-width:210px;
  max-width:400px;
}
.entity-title {
  font-size:13px;
  font-weight:620;
  color:#3d4f79;
  display:inline-block;
  line-height:1.55;
}
.entity-subtitle {
  font-size:11px;
  color:#8d96a6;
  margin-top:1px;
}
.table-number {
  font-variant-numeric:tabular-nums;
  color:#64728a;
}
.badge {
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:5px;
  padding:2px 6px;
  font-size:10px;
  font-weight:550;
  line-height:1.6;
  background:#f0f2f6;
  color:#7b8598;
  white-space:nowrap;
}
.badge.green {
  background:#edf7f2;
  color:#39856d;
}
.badge.amber {
  background:#fff5e4;
  color:#a27732;
}
.badge.blue {
  background:#eef1ff;
  color:#6675bb;
}
.badge.red {
  background:#fff0f0;
  color:#b56669;
}
.badge-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.pager {
  padding:8px 12px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:11px;
  color:#8b96a8;
}
.pager-actions {
  display:flex;
  gap:7px;
}
.empty-state {
  padding:34px 16px;
  text-align:center;
}
.empty-state h2 {
  font-size:16px;
  margin-bottom:8px;
}
.empty-state p {
  font-size:12px;
  color:#8b96a6;
  max-width:490px;
  margin:auto;
}
.loading {
  padding:35px;
  text-align:center;
  color:#7c89a0;
  font-size:13px;
}
.spinner {
  display:inline-block;
  width:14px;
  height:14px;
  border:2px solid #dce3f7;
  border-top-color:var(--blue);
  border-radius:50%;
  vertical-align:-2px;
  margin-right:9px;
  animation:spin .75s linear infinite;
}
@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}
.notice {
  display:flex;
  gap:11px;
  border:1px solid #e4e9f4;
  background:#f4f7fe;
  border-radius:8px;
  padding:9px 12px;
  font-size:12px;
  color:#7181a2;
  margin-bottom:12px;
  line-height:1.7;
}
.notice.warning {
  background:#fffaf0;
  border-color:#f2e6cc;
  color:#947645;
}
.notice.error {
  background:#fff6f6;
  border-color:#f0dede;
  color:#a4565e;
}
.notice.success {
  background:#f1f9f5;
  border-color:#dcefe4;
  color:#44856b;
}
.notice-title {
  font-weight:650;
}
.notice small {
  display:block;
  color:inherit;
  opacity:.85;
  font-size:10px;
  overflow-wrap:anywhere;
}
.breadcrumb {
  display:flex;
  gap:9px;
  font-size:12px;
  color:#9ba3b0;
  margin-bottom:10px;
}
.breadcrumb a {
  color:#7c89a2;
}
.detail-header {
  margin-bottom:12px;
}
.detail-header .badge-row {
  margin-top:7px;
}
.detail-tabs {
  display:flex;
  gap:21px;
  border-bottom:1px solid var(--line);
  margin:0 0 12px;
  overflow:auto;
}
.tab {
  padding:8px 1px;
  font-size:12px;
  color:#8792a5;
  white-space:nowrap;
  border-bottom:2px solid transparent;
}
.tab:hover {
  text-decoration:none;
  color:var(--blue);
}
.tab.active {
  color:var(--blue);
  border-bottom-color:var(--blue);
  font-weight:600;
}
.definition-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 22px;
  margin:0;
}
.definition dt {
  font-size:11px;
  color:#78869b;
  margin-bottom:3px;
}
.definition dd {
  margin:0;
  font-size:13px;
  color:#506079;
  overflow-wrap:anywhere;
}
.definition.wide {
  grid-column:1/-1;
}
.body-copy {
  white-space:pre-wrap;
  line-height:1.8;
  font-size:13px;
  color:#57647b;
}
.section-caption {
  font-size:11px;
  color:#96a0af;
  line-height:1.8;
  margin-top:12px;
}
.recording-card+.recording-card {
  margin-top:10px;
}
.recording-heading {
  padding:12px 14px;
  display:flex;
  align-items:flex-start;
  gap:15px;
}
.album-artwork {
  height:43px;
  width:43px;
  flex:none;
  position:relative;
  overflow:hidden;
  border-radius:7px;
}
.album-placeholder {
  height:43px;
  width:43px;
  border-radius:7px;
  background:linear-gradient(135deg,#e9edf9,#f4f1fa);
  display:grid;
  place-content:center;
  color:#9b9ec2;
  font-size:25px;
}
.album-image {
  position:absolute;
  inset:0;
  display:block;
  height:43px;
  width:43px;
  object-fit:cover;
}
.recording-people {
  display:flex;
  flex-wrap:wrap;
  column-gap:16px;
  row-gap:3px;
  margin:5px 0;
  font-size:12px;
}
.recording-person {
  display:inline-flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:baseline;
}
.recording-person-name {
  color:#354665;
  font-weight:500;
}
.recording-person-role {
  color:var(--muted);
  font-size:11px;
}
.recording-info {
  min-width:0;
  flex:1;
}
.recording-info h3 {
  font-size:14px;
  color:#4d5e7b;
}
.recording-info .badge-row {
  margin-top:8px;
}
.anchor-list {
  margin-top:7px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.anchor-item {
  font-size:10px;
  border:1px solid #e7ebf2;
  background:#f8f9fc;
  border-radius:5px;
  padding:2px 6px;
  color:#7a879d;
}
.details {
  border-top:1px solid var(--line);
}
.details>summary {
  cursor:pointer;
  padding:9px 14px;
  color:#7c8aa3;
  font-size:12px;
  list-style-position:inside;
}
.details[open]>summary {
  border-bottom:1px solid var(--line);
}
.details .panel-body {
  padding-top:15px;
}
.guide-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:14px;
  align-items:start;
}
.guide-paper {
  padding:20px 24px;
}
.guide-paper h1 {
  font-size:23px;
  color:#35445f;
  letter-spacing:-.3px;
  margin-bottom:7px;
}
.guide-section {
  margin-top:22px;
}
.guide-section h3 {
  font-size:15px;
  color:#4f607f;
  margin-bottom:8px;
}
.sentence {
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  margin-top:6px;
}
.sentence-number {
  font-family:ui-monospace,SFMono-Regular,monospace;
  font-size:10px;
  padding-top:5px;
  color:#b0b7c3;
  text-align:right;
  user-select:none;
}
.sentence-text {
  font-size:14px;
  line-height:1.8;
  color:#53617a;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.guide-aside .panel-body {
  padding:12px;
}
.guide-aside .definition-grid {
  grid-template-columns:1fr;
  gap:11px;
}
.guide-aside .definition dd {
  font-size:12px;
}
.audio-card+.audio-card {
  border-top:1px solid var(--line);
  margin-top:12px;
  padding-top:12px;
}
.audio-card h3 {
  font-size:12px;
  overflow-wrap:anywhere;
  margin-bottom:9px;
}
.coverage-meter {
  width:100%;
  height:5px;
  border-radius:3px;
  overflow:hidden;
  background:#eef1f6;
  margin:10px 0 8px;
}
.coverage-meter::-webkit-meter-bar {
  background:#eef1f6;
  border:0;
  border-radius:3px;
}
.coverage-meter::-webkit-meter-optimum-value {
  background:#8495de;
  border-radius:3px;
}
.coverage-meter::-moz-meter-bar {
  background:#8495de;
  border-radius:3px;
}
.coverage-caption {
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#8c97aa;
}
.audio-issues {
  margin-top:10px;
}
.audio-issues summary {
  font-size:11px;
  color:#9e7b43;
  cursor:pointer;
}
.issue-list {
  padding-left:15px;
  margin:8px 0 0;
  font-size:11px;
  color:#9a8190;
}
.issue-list li {
  margin:5px 0;
}
.issue-list code {
  display:block;
  font-size:9px;
  color:#a3a9b4;
  overflow-wrap:anywhere;
}
.security-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);
  gap:14px;
}
.credential {
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 14px;
  border-bottom:1px solid var(--line);
}
.credential:last-child {
  border-bottom:0;
}
.credential-icon {
  width:36px;
  height:36px;
  border-radius:9px;
  background:#f1f4fb;
  color:#8798c1;
  display:grid;
  place-content:center;
}
.credential-copy {
  flex:1;
  min-width:0;
}
.credential-copy h3 {
  font-size:13px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.credential-copy p {
  font-size:11px;
  color:#919caf;
  margin-top:5px;
}
.security-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.field {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:17px;
}
.field label {
  font-size:12px;
  font-weight:550;
  color:#6c7c96;
}
.field input {
  border:1px solid #dfe5f0;
  border-radius:7px;
  background:white;
  padding:10px 12px;
  min-width:0;
  color:#465775;
  font-size:13px;
}
.field input::placeholder {
  color:#abb3c0;
}
.auth-layout {
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(450px,1.1fr);
}
.auth-story {
  background:#edf0fa;
  position:relative;
  overflow:hidden;
  padding:54px 66px;
  display:flex;
  flex-direction:column;
}
.auth-story:after {
  content:"";
  position:absolute;
  width:640px;
  height:640px;
  border-radius:50%;
  border:1px solid #dce2f3;
  right:-220px;
  bottom:-240px;
  box-shadow:0 0 0 50px #e7ebf640,0 0 0 100px #e1e7f438,0 0 0 150px #e2e7f229;
  pointer-events:none;
}
.auth-story .brand {
  z-index:1;
}
.auth-story-content {
  margin:auto 0;
  z-index:1;
  padding:75px 0;
  max-width:440px;
}
.auth-story h1 {
  font-size:43px;
  line-height:1.4;
  letter-spacing:-1.5px;
  color:#3c4b71;
  font-weight:570;
  margin:23px 0 20px;
}
.auth-story p {
  font-size:14px;
  line-height:2;
  color:#8190ad;
  max-width:360px;
}
.auth-footnote {
  font-size:10px;
  color:#a1adc6;
  z-index:1;
  letter-spacing:1px;
}
.auth-main {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:50px 40px;
  background:#fff;
}
.auth-card {
  width:100%;
  max-width:355px;
}
.auth-key {
  height:54px;
  width:54px;
  display:grid;
  place-content:center;
  background:#f0f3ff;
  border-radius:15px;
  color:#6e80ca;
  margin-bottom:25px;
}
.auth-key .nav-icon {
  height:26px;
  width:26px;
}
.auth-card h2 {
  font-size:25px;
  letter-spacing:-.4px;
  margin-bottom:8px;
}
.auth-description {
  font-size:13px;
  color:#929cad;
  line-height:1.85;
  margin-bottom:29px;
}
.auth-divider {
  height:1px;
  background:var(--line);
  margin:27px 0;
}
.auth-small {
  font-size:11px;
  color:#a0a9b8;
  line-height:1.85;
  margin-top:15px;
}
.auth-switch {
  width:100%;
  text-align:center;
  background:none;
  color:#8995ad;
  font-size:12px;
  padding:7px;
}
.auth-switch:hover {
  color:var(--blue);
}
.auth-message:empty {
  display:none;
}
.auth-message .notice {
  margin-top:0;
}
.auth-card .notice {
  font-size:12px;
}
.mobile-brand {
  display:none;
}
.inline-form {
  max-width:390px;
}
.toast {
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);
  max-width:calc(100% - 40px);
  padding:8px 12px;
  background:#33425a;
  color:white;
  border-radius:9px;
  font-size:12px;
  box-shadow:0 7px 30px #26334d20;
  z-index:20;
}
.page-error {
  max-width:700px;
}
.page-error .button {
  margin-top:12px;
}
.plain-list {
  display:flex;
  flex-direction:column;
  gap:7px;
}
.no-wrap {
  white-space:nowrap;
}
.section-stack {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.source-table td,.source-table th {
  padding:8px 12px;
}
.source-ref {
  display:block;
  margin-top:3px;
}
.mobile-label {
  display:none;
}
.footer-note {
  font-size:10px;
  color:#a6adba;
  text-align:center;
  margin-top:12px;
}
.sidebar .user-area {
  gap:7px;
}
.sidebar .avatar {
  width:24px;
  height:24px;
  font-size:10px;
  flex:none;
}
.sidebar .user-copy {
  font-size:11px;
}
.sidebar .user-copy small {
  font-size:9px;
}
.sidebar .user-area>.button {
  padding:4px;
}
.inventory-page {
  max-width:none;
}
.inventory-page>.stats,
.inventory-page>.notice,
.inventory-page>.subtle,
.inventory-page>.footer-note {
  flex:none;
}
.inventory-page>.footer-note {
  margin-top:0;
  text-align:right;
}
.inventory-page>.subtle {
  font-size:11px;
  margin-bottom:6px;
}
.inventory-page .toolbar,
.inventory-page .filter-bar,
.inventory-page .inventory-summary,
.inventory-page .pager {
  flex:none;
}
.filter-bar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:8px 12px;
  border-bottom:1px solid var(--line);
}
.filter-chip {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:28px;
  padding:3px 8px;
  border:1px solid #e2e7ef;
  border-radius:5px;
  background:#fff;
  color:#66758c;
  font-size:11px;
  line-height:1.5;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.filter-chip:hover {
  background:#f3f6fc;
  text-decoration:none;
}
.filter-chip.active,
.filter-chip[aria-pressed="true"] {
  color:#425dcb;
  background:#edf1ff;
  border-color:#b8c5f3;
  font-weight:600;
}
.filter-chip small,
.filter-chip .filter-count {
  color:inherit;
  opacity:.8;
  font-size:10px;
}
.inventory-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:5px 12px;
  padding:7px 12px;
  border-bottom:1px solid var(--line);
  color:#77849a;
  font-size:11px;
  line-height:1.5;
}
.inventory-summary .subtle {
  font-size:11px;
}
.density-select {
  min-height:30px;
  padding:4px 23px 4px 8px;
  border:1px solid #e1e6ee;
  border-radius:5px;
  background:#fff;
  color:#65758c;
  font-size:11px;
}
.inventory-table {
  min-height:0;
  max-height:calc(100dvh - 265px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-padding-top:36px;
}
.inventory-table table {
  min-width:1020px;
  border-collapse:separate;
  border-spacing:0;
}
.inventory-table th {
  position:sticky;
  top:0;
  z-index:2;
  height:33px;
  padding:6px 10px;
  background:#f6f8fc;
  box-shadow:0 1px 0 #e1e6ef;
}
.inventory-table td {
  padding:6px 10px;
  line-height:1.4;
}
.inventory-table tbody tr:nth-child(even) {
  background:#fafbfd;
}
.inventory-table tbody tr:hover,
.inventory-table tbody tr:focus-within {
  background:#edf2fc;
}
.inventory-table .title-cell {
  min-width:220px;
  max-width:350px;
}
.inventory-table .entity-title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.inventory-table .entity-subtitle {
  max-width:350px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  line-height:1.45;
}
.inventory-table .plain-list {
  gap:3px;
}
.inventory-table .badge-row {
  gap:4px;
}
.inventory-table .badge {
  padding:1px 5px;
  line-height:1.5;
}
.sort-button {
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  margin:-2px -4px;
  padding:2px 4px;
  border-radius:3px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:inherit;
  white-space:nowrap;
}
.sort-button:hover {
  color:#3e57b9;
  background:#e9eef9;
}
th[aria-sort="ascending"] .sort-button,
th[aria-sort="descending"] .sort-button,
.sort-button.active {
  color:#3e57b9;
}
.cell-detail {
  display:block;
  margin-top:2px;
  color:#7d899b;
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.attention-list {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:3px;
  min-width:110px;
  max-width:245px;
}
.attention-list .cell-detail {
  flex-basis:100%;
}
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table td {
  padding-top:7px;
  padding-bottom:7px;
}
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table .entity-title {
  display:block;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table .title-cell>.cell-detail,
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table .coverage-cell .cell-detail {
  display:none;
}
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table .attention-list {
  flex-wrap:nowrap;
  max-width:none;
  white-space:nowrap;
}
.inventory-page:not([data-density="comfortable"]):not(.density-comfortable) .inventory-table .attention-list .cell-detail {
  display:inline;
  flex:none;
  margin-top:0;
}
.inventory-page[data-density="comfortable"] .inventory-table td,
.inventory-page.density-comfortable .inventory-table td {
  padding-top:11px;
  padding-bottom:11px;
}
.inventory-page[data-density="comfortable"] .inventory-table .entity-title,
.inventory-page.density-comfortable .inventory-table .entity-title {
  font-size:13px;
  line-height:1.5;
}
@media(min-width:801px) and (min-height:601px) {
  .inventory-page {
    height:calc(100dvh - 46px);
    display:flex;
    flex-direction:column;
    padding-bottom:12px;
  }
  .inventory-page>.panel {
    display:flex;
    flex:1;
    min-height:0;
    flex-direction:column;
    margin-bottom:8px;
  }
  .inventory-page .inventory-table {
    flex:1;
    max-height:none;
  }
}
@media(max-width:800px), (max-height:600px) {
  .inventory-table {
    min-height:160px;
    max-height:max(220px,calc(100dvh - 270px));
  }
}
@media(max-width:1100px) {
  .sidebar {
    width:164px;
    padding-left:13px;
    padding-right:13px;
  }
  .workspace {
    margin-left:164px;
  }
  .main-content {
    padding:14px 16px 20px;
  }
  .topbar {
    padding:0 16px;
  }
  .guide-layout {
    grid-template-columns:minmax(0,1fr) 260px;
  }
  .guide-paper {
    padding:18px 20px;
  }
  .auth-story {
    padding:45px;
  }
  .auth-story h1 {
    font-size:36px;
  }
  .security-grid {
    grid-template-columns:1fr;
  }
  .definition-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:800px) {
  .sidebar {
    width:62px;
    padding:16px 7px;
  }
  .sidebar .brand {
    margin:0 auto 22px;
  }
  .sidebar .brand-name,.nav-heading,.nav-link span,.sidebar-bottom {
    display:none;
  }
  .nav-link {
    justify-content:center;
    padding:12px;
  }
  .workspace {
    margin-left:62px;
  }
  .main-content {
    padding:12px 14px 20px;
  }
  .topbar {
    height:46px;
    padding:0 14px;
  }
  .stat {
    flex-basis:calc(50% - 1px);
  }
  .stat:nth-child(odd) {
    border-left:0;
  }
  .stat:nth-child(n+3) {
    border-top:1px solid var(--line);
  }
  .guide-layout {
    grid-template-columns:1fr;
  }
  .guide-aside {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
  }
  .auth-layout {
    grid-template-columns:1fr;
  }
  .auth-story {
    display:none;
  }
  .auth-main {
    min-height:100vh;
    padding:40px 25px;
  }
  .mobile-brand {
    display:block;
    margin-bottom:45px;
  }
  .page-heading {
    gap:12px;
  }
  .page-heading h1 {
    font-size:25px;
  }
  .definition-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  th,td {
    padding-left:10px;
    padding-right:10px;
  }
  .topbar-actions .button {
    padding:7px 10px;
  }
  .auth-card {
    max-width:380px;
  }
}
@media(max-width:520px) {
  .sidebar {
    width:60px;
    padding:20px 7px;
  }
  .sidebar .logo-mark {
    width:33px;
    height:33px;
    border-radius:10px;
  }
  .workspace {
    margin-left:60px;
  }
  .main-content {
    padding:12px 10px 18px;
  }
  .topbar {
    padding:0 10px;
  }
  .environment {
    font-size:10px;
  }
  .topbar-title {
    max-width:95px;
  }
  .page-heading {
    flex-direction:column;
    margin-bottom:18px;
  }
  .stat {
    padding:7px 10px;
  }
  .stat-note {
    font-size:10px;
  }
  .toolbar {
    padding:9px;
    gap:7px;
  }
  .search-field {
    min-width:0;
    max-width:none;
    flex-basis:100%;
  }
  .toolbar-count {
    font-size:11px;
  }
  .guide-aside {
    grid-template-columns:1fr;
  }
  .guide-paper {
    padding:18px 12px;
  }
  .panel-body {
    padding:12px;
  }
  .panel-header {
    padding:10px 12px;
  }
  .definition-grid {
    grid-template-columns:1fr;
    gap:11px;
  }
  .detail-tabs {
    gap:18px;
  }
  .credential {
    padding:12px;
    gap:10px;
    flex-wrap:wrap;
  }
  .credential-copy {
    flex-basis:65%;
  }
  .credential>.button {
    margin-left:45px;
  }
  .pager {
    padding:8px 10px;
    flex-wrap:wrap;
  }
  .guide-paper h1 {
    font-size:21px;
  }
  .topbar-title {
    font-size:11px;
  }
  .sentence {
    grid-template-columns:18px minmax(0,1fr);
    gap:7px;
  }
  .sentence-text {
    font-size:13px;
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    animation:none!important;
  }
}

/* Metadata edits stay inside the existing Work detail. */
.work-edit-dialog {
  width:min(880px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  padding:0;
  border:1px solid #dbe1ec;
  border-radius:10px;
  color:var(--ink);
  background:#fff;
  box-shadow:0 18px 65px #23314933;
}
.work-edit-dialog::backdrop { background:#1e2a4059; }
.work-edit-dialog[open] { display:flex; flex-direction:column; }
.edit-header { padding:14px 18px; border-bottom:1px solid var(--line); flex:none; }
.edit-header h2 { font-size:16px; }
.edit-body { padding:16px 18px; min-height:0; overflow:auto; }
.edit-feedback { flex:none; max-height:180px; overflow:auto; }
.edit-feedback:not(:empty) { padding:12px 18px 0; }
.edit-feedback .notice { margin:0 0 7px; }
.edit-summary { color:var(--muted); font-size:12px; margin-bottom:10px; }
.edit-footer { display:flex; justify-content:flex-end; gap:8px; padding:12px 18px; border-top:1px solid var(--line); flex:none; }
.metadata-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; border:0; padding:0; margin:0; min-width:0; }
.metadata-form .field { margin:0; min-width:0; }
.metadata-form .edit-wide { grid-column:1/-1; }
.metadata-form label { display:block; font-size:12px; font-weight:600; color:#58667d; margin-bottom:5px; }
.metadata-form input,.metadata-form textarea { width:100%; min-width:0; border:1px solid #dbe2ec; border-radius:5px; padding:8px 10px; font:inherit; font-size:13px; line-height:1.5; color:var(--ink); background:#fff; }
.metadata-form textarea { min-height:116px; max-height:260px; resize:vertical; }
.metadata-form small { display:block; font-size:10px; margin-top:3px; }
.metadata-form:disabled input,.metadata-form:disabled textarea { background:#f6f7fb; color:var(--muted); }
.edit-diff { white-space:pre-wrap; overflow-wrap:anywhere; min-width:180px; max-width:330px; vertical-align:top; font-size:12px; }
.work-edit-dialog .table-scroll { max-height:48vh; overflow:auto; }
.work-edit-dialog .section-caption { margin-top:12px; }
.work-edit-dialog .notice { margin-top:12px; }
.change-detail { min-width:180px; }
.change-detail summary { cursor:pointer; color:var(--blue); }
.change-detail[open] { min-width:450px; }
.change-detail>.table-scroll { margin-top:9px; border:1px solid var(--line); max-height:300px; }
.work-change-history .panel { margin-top:12px; }
.work-change-history> .pager { margin-top:-12px; margin-bottom:14px; }
@media(max-width:600px) {
  .work-edit-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .metadata-form { grid-template-columns:1fr; gap:10px; }
  .edit-header,.edit-body,.edit-footer { padding:12px; }
  .edit-footer { flex-wrap:wrap; }
}

/* Content production stays within the existing compact Work / Guide surfaces. */
.production-actions,.tts-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.production-actions .button,.tts-controls .button { margin:0; }
.work-production-actions { margin:10px 0 2px; }
.content-job { padding:10px 0; border-bottom:1px solid var(--line); }
.content-job:last-child { border-bottom:0; }
.content-job progress { width:100%; height:8px; margin:8px 0; accent-color:var(--blue); }
.content-job .production-actions + .production-actions { margin-top:7px; }
.job-error { color:#a54343; font-size:12px; margin:6px 0; }
.tts-controls { margin:12px 0; }
.tts-controls select { min-width:0; max-width:100%; flex:1; }
.audio-audition { display:grid; gap:8px; margin-top:12px; min-width:0; }
.audio-audition .select { min-width:0; width:100%; }
.guide-audio-player { width:100%; height:36px; }
.guide-versions { margin-top:12px; font-size:12px; }
.version-row { display:flex; flex-wrap:wrap; gap:8px; padding:7px 0; border-bottom:1px solid var(--line); }
.guide-edit-dialog { width:min(960px,calc(100vw - 32px)); }
.guide-editor-fields { display:grid; gap:12px; border:0; margin:0; padding:0; min-width:0; }
.guide-markdown { width:100%; min-height:340px; resize:vertical; font-size:14px; line-height:1.8; }
.guide-editor-preview { padding:0 8px; font-size:14px; }
.guide-editor-preview .guide-section { margin-top:18px; }
.guide-editor-fields[hidden],.guide-editor-preview[hidden],.metadata-form[hidden] { display:none; }
.guide-aside .production-actions>.button { flex:1; }
.guide-aside .badge-row { margin-bottom:8px; }
@media(max-width:600px) {
  .guide-edit-dialog { width:calc(100vw - 16px); }
  .guide-markdown { min-height:260px; }
}
.work-edit-dialog [hidden] { display:none !important; }