/* Socren's working interior: the same expressive ambition as the public story.
   Composition and interaction are scoped here; API and data contracts are unchanged. */
.app-shell:not(.anonymous) .workspace {
  background: radial-gradient(ellipse at 90% 4%, #8b1e3f25, transparent 52%),
    radial-gradient(ellipse at 5% 80%, #35556a45, transparent 58%), #101923;
}
.app-shell:not(.anonymous) .topbar {
  background: #101923bb; border-bottom: 1px solid #d998ae1f;
  backdrop-filter: blur(22px); padding-inline: 32px; gap: 24px;
}
.app-shell.sidebar-collapsed .topbar-brand { display: block; width: 112px; height: 43px; margin-left: 26px; overflow: hidden }
.app-shell.sidebar-collapsed .topbar-brand img { width: 134px; max-width: none; margin: -5px 0 0 -10px }
.study-nav { gap: 2px; padding: 4px; border: 1px solid #8e9daa28; border-radius: 100px; background: #25324180; box-shadow: inset 0 1px #ffffff06 }
.study-nav button { min-height: 39px; padding: 0 23px; border-radius: 100px; display: flex; align-items: center; gap: 9px; overflow: hidden; transition: background .22s, box-shadow .22s, color .22s }
.study-nav button::before { content: ''; width: 13px; height: 13px; flex: none; border: 1px solid currentColor; opacity: .7 }
.study-nav button[data-study-area='consulta']::before { border-radius: 50% 50% 50% 0; transform: rotate(-12deg) }
.study-nav button[data-study-area='casos']::before { border-radius: 2px; transform: rotate(-12deg); box-shadow: 3px 2px 0 -1px #253241, 3px 2px 0 0 currentColor }
.study-nav button[data-study-area='mapas']::before { border-radius: 50%; width: 6px; height: 6px; margin: 3px; box-shadow: 6px -3px 0 -1px currentColor, -5px 4px 0 -1px currentColor }
.study-nav button[aria-current='page'], .study-nav button[aria-current='true'] { background: linear-gradient(110deg, #8b1e3f, #57243c); box-shadow: 0 3px 14px #05090d55, inset 0 1px #e7bac347; color: #f7f3ea }
.study-nav button[aria-current='page']::after, .study-nav button[aria-current='true']::after { display: none }
.study-nav button:hover:not([aria-current='page']):not([aria-current='true']) { background: #3b4e6066; color: #f7f3ea }
.top-actions { margin-left: auto }
.top-actions>.quiet { border: 1px solid #d998ae33; border-radius: 100px; padding-inline: 15px; background: #d998ae08 }
.profile { background: linear-gradient(135deg, #36546a, #622039); border-color: #d998ae77; box-shadow: 0 0 0 4px #d998ae09 }
.sidebar { background: linear-gradient(164deg, #182738, #101923 66%); border-right-color: #d998ae26; padding-inline: 19px }
.sidebar #new-chat { border-radius: 100px; background: linear-gradient(110deg, #8b1e3f, #60233c); box-shadow: 0 9px 26px #05090d33, inset 0 1px #d998ae40; min-height: 44px }
.conversation-row { border-radius: 12px; padding: 13px 12px; margin-block: 4px; transition: background .2s, transform .2s; border-left-width: 2px }
.conversation-row:hover { transform: translateX(3px); background: #32485888 }
.conversation-row[aria-current='page'] { background: linear-gradient(110deg, #60233c88, #253241); border-left-color: #d998ae }
.sidebar-toggle { border-color: #d998ae55; background: #253241; width: 31px; height: 31px; font-size: 19px }
.experience-kicker { margin: 0 0 18px; color: #d998ae; font-size: 10px; letter-spacing: .18em; font-weight: 600 }
#view:has(>.consult-workspace) { max-width: 1500px; padding: 44px 4.5vw 40px }
.study.consult-workspace, html[data-motion='false'] .study.consult-workspace {
  display: block; max-width: none; width: 100%; min-height: 0; padding: 0; margin: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.consult-scene { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .8fr); gap: 35px 5%; align-items: center; min-width: 0 }
.consult-desk { min-width: 0; padding: 28px 0 18px; position: relative }
.consult-heading { position: relative; z-index: 1; margin-bottom: 33px }
.study.consult-workspace .experience-kicker { font-size: 10px; line-height: 1.5; color: #d998ae }
.study.consult-workspace .consult-intro { font-size: 14px; line-height: 1.75 }
.study.consult-workspace .consult-starters-note { font-size: 10px; line-height: 1.6 }
.consult-workspace .consult-heading h1 { text-align: left; font-family: var(--font-display); font-weight: 440; font-size: clamp(45px, 5vw, 78px); line-height: 1.04; letter-spacing: -.06em; max-width: 11ch; margin: 0; text-wrap: initial }
.consult-heading h1 em { display: block; font-style: normal; color: #d998ae; font-weight: 380; font-variation-settings: 'SOFT' 65, 'WONK' 1 }
.consult-intro { color: #c0cbd3; font-size: 14px; line-height: 1.75; max-width: 41ch; margin: 23px 0 0 }
.consult-workspace .composer { border: 1px solid #d998ae66; border-radius: 24px; padding: 18px 21px 15px; margin: 0; background: linear-gradient(135deg, #2c4050c4, #1c2835e8 65%, #4723387d); box-shadow: 0 20px 55px #05090d40, inset 0 1px #ffffff10; position: relative; transition: border-color .25s, box-shadow .25s, background .25s }
.consult-workspace .composer textarea { font-size: 16px; min-height: 107px; max-height: 32dvh; padding: 2px 0 14px; color: #f7f3ea }
.consult-workspace .composer:focus-within { border-color: #d998ae; background: linear-gradient(135deg, #314958, #1e2c3b 65%, #4f253c); box-shadow: 0 0 0 4px #d998ae09, 0 23px 60px #05090d60 }
.composer-hint { color: #aeb8c3; font-size: 10px; letter-spacing: .02em; margin-right: auto; align-self: center }
.composer-footer { gap: 12px; align-items: center; flex-direction: row }
.composer-footer .primary { display: inline-flex; align-items: center; gap: 15px; border-radius: 100px; min-height: 40px; background: #8b1e3f; padding: 9px 17px; color: #f7f3ea; box-shadow: inset 0 1px #ffffff19 }
.composer-footer .primary::after { content: '↗'; font-size: 20px; line-height: 1; transition: transform .2s }
.composer-footer .primary:hover::after { transform: translate(2px,-2px) }
.consult-starters { align-self: stretch; display: flex; flex-direction: column; position: relative; isolation: isolate; min-width: 0; padding: 36px 0 24px; perspective: 950px }
.consult-starters>.experience-kicker { margin-top: 95px; margin-bottom: 10px }
.consult-starters h2 { position: relative; max-width: 18ch; font-family: var(--font-display); font-size: 28px; font-weight: 430; line-height: 1.15; letter-spacing: -.035em; margin: 0 0 26px }
.consult-orbit { position: absolute; top: -12px; right: 8px; width: 200px; height: 150px; z-index: -1; transform: rotate(-18deg); color: #d998ae }
.consult-orbit span { position: absolute; inset: 0; display: grid; place-items: center; font: 91px/1 var(--font-display); opacity: .65; text-shadow: 0 0 55px #d998ae40; transform: rotate(18deg) }
.consult-orbit i { position: absolute; inset: 15px -22px; border: 1px solid #d998ae3d; border-radius: 50%; transform: rotate(20deg) }
.consult-orbit i:nth-child(3) { transform: rotate(70deg); border-color: #6894b555 }
.consult-orbit i:nth-child(4) { transform: rotate(-35deg); inset: 10px -5px; border-style: dashed; opacity: .5 }
.consult-orbit i::before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #d998ae; top: 16%; left: 12%; box-shadow: 0 0 15px #d998ae77 }
.consult-workspace .suggested-questions { display: flex; flex-direction: column; gap: 12px; width: 100%; margin: 0; padding: 0; border: 0; counter-reset: question; background: none }
.consult-workspace .suggestion { position: relative; display: grid; grid-template-columns: 1fr 24px; gap: 9px 16px; padding: 20px 23px; background: linear-gradient(110deg, #253b4d, #1e2b3b); border: 1px solid #89a4b65c; border-radius: 19px; color: #f7f3ea; text-align: left; box-shadow: 0 10px 30px #05090d25; transform: rotate(1.5deg); transition: transform .25s, box-shadow .25s, background .25s, border-color .25s }
.consult-workspace .suggestion:nth-child(2) { transform: translateX(-11px) rotate(-1.2deg); background: linear-gradient(120deg, #3a2a3b, #252b3a); border-color: #d998ae33 }
.consult-workspace .suggestion:nth-child(3) { transform: translateX(4px) rotate(.6deg) }
.consult-workspace .suggestion small { grid-column: 1; color: #d998ae; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; margin: 0; padding: 0 }
.consult-workspace .suggestion span { grid-row: 2; font-size: 14px; line-height: 1.5; max-width: 34ch }
.consult-workspace .suggestion::after { content: '↖'; grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 21px; color: #d998ae; transition: transform .25s }
.consult-workspace .suggestion:hover, .consult-workspace .suggestion:focus-visible { transform: translate(-7px, -4px) rotate(0); border-color: #d998aeaa; box-shadow: 6px 13px 28px #05090d50; background: linear-gradient(110deg, #314b60, #412a40) }
.consult-workspace .suggestion:hover::after { transform: translate(-3px,-3px) }
.consult-starters-note { color: #9fadb9; font-size: 10px; margin: 22px 0 0; max-width: 33ch }
.consult-routes { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 24px; border-top: 1px solid #8f9caa25 }
.consult-route { color: #f7f3ea; display: flex; align-items: center; gap: 19px; text-decoration: none; padding: 12px 8px 12px 0; min-width: 0 }
.consult-route-number { font-family: var(--font-display); font-size: 38px; color: #7690a7; font-weight: 300; line-height: 1 }
.consult-route-copy { display: grid; gap: 5px }
.consult-route strong { font-family: var(--font-display); font-size: 23px; font-weight: 420; line-height: 1.1 }
.consult-route small { font-size: 11px; color: #aeb8c3 }
.consult-route-arrow { margin-left: auto; display: grid; place-items: center; border: 1px solid #d998ae4a; background: #d998ae09; border-radius: 50%; width: 40px; height: 40px; flex: none; font-size: 22px; color: #d998ae; transition: transform .22s, background .22s }
.consult-route:hover .consult-route-arrow { transform: translate(2px,-3px); background: #8b1e3f; color: #f7f3ea }
.consult-route:hover strong { color: #d998ae }
/* The conversation is a document in the same studio, rather than a stack of chat cards. */
.conversation-head { position: relative; background: radial-gradient(ellipse at 100% 0, #8b1e3f24, transparent 68%); border: 1px solid #d998ae4a; border-radius: 24px; padding: 28px 29px 32px; margin-bottom: 28px }
.conversation .page-title { font-size: clamp(27px, 3.5vw, 46px); font-weight: 420; letter-spacing: -.045em; max-width: 29ch }
.conversation-head .experience-kicker { margin-bottom: 15px; font-size: 9px }
.message.assistant { position: relative; padding-left: 29px; border-left: 1px solid #8c9eae2d; border-bottom: 0; padding-bottom: 30px }
.message.assistant::before { content: ''; position: absolute; left: -5px; top: 7px; width: 8px; height: 8px; background: #d998ae; border-radius: 50%; box-shadow: 0 0 0 5px #d998ae0d }
.message.user { margin-block: 15px 30px; padding: 17px 23px; background: linear-gradient(115deg, #2c4355, #452b3f); border: 1px solid #d998ae26 }
.message-label { color: #d998ae; font-size: 9px; letter-spacing: .14em; margin-bottom: 7px }
.conversation .composer.sticky { border-radius: 22px; background: #1b2a38ed; box-shadow: 0 -12px 40px #1019238c, inset 0 1px #ffffff08; backdrop-filter: blur(20px); border-color: #d998ae4d; padding: 12px 19px }
.citation, .citation-source { background: #d998ae0c; color: #e5b2c3; border-bottom-color: #d998ae88; transition: background .18s, box-shadow .18s }
.citation:hover, .citation-source:hover { background: #8b1e3f77; box-shadow: 0 0 0 3px #8b1e3f22; border-bottom-color: #d998ae }
.message-tools { padding: 10px 0 0; border-top: 1px solid #d998ae1c }
.message-tools .tool { border-radius: 100px; background: #25324144 }
.message-tools .tool:hover { background: #8b1e3f66; color: #f7f3ea }
.drawer { background: #182635; border-left-color: #d998ae55; box-shadow: -24px 0 80px #05090d77 }
.drawer header { background: linear-gradient(115deg, #243b4a, #51293e); padding-block: 26px; border-bottom: 1px solid #d998ae30 }
.drawer header h2 { font-size: 34px; font-weight: 410 }
.reader-preview { background: linear-gradient(140deg, #2a4152, #24283a); border-color: #d998ae66; box-shadow: 0 18px 60px #05090d88; border-radius: 20px }
/* Administration: a compact control atlas, its navigation separated from its working stage. */
.admin-layout { grid-template-columns: 176px minmax(0,1fr); gap: 28px 32px }
.admin-control-heading { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 30px; padding-bottom: 22px; border-bottom: 1px solid #d998ae26 }
.admin-control-heading>.experience-kicker { margin: 0 }
.admin-control-title { font: 400 27px/1.2 var(--font-display); letter-spacing: -.025em; color: #d7b6c5; margin: 0 }
.admin-nav { flex-direction: column; align-items: stretch; flex-wrap: nowrap; border: 0; border-right: 1px solid #839aad25; padding: 4px 15px 12px 0; gap: 9px; align-self: start; position: sticky; top: 0; counter-reset: admin-section; background: none }
.admin-nav button { text-align: left; white-space: normal; justify-content: flex-start; gap: 10px; padding: 12px 11px; border-radius: 14px; line-height: 1.4; font-size: 12px; transition: background .2s, transform .2s; min-height: 45px }
.admin-nav button::before { counter-increment: admin-section; content: '0' counter(admin-section); font: 400 15px/1 var(--font-display); color: #d998ae; opacity: .7 }
.admin-nav button[aria-current='page'] { background: linear-gradient(120deg, #8b1e3f, #56253b); border-color: #d998ae4d; box-shadow: 0 8px 20px #05090d30 }
.admin-nav button[aria-current='page']::before { color: #f7f3ea }
.admin-nav button:hover { transform: translateX(2px) }
.admin-stage { min-width: 0 }
.admin-layout .page-header { padding: 8px 0 25px; align-items: start; border-bottom: 1px solid #8fa7b62b }
.admin-layout .page-title { font-size: clamp(35px,3.7vw,53px); font-weight: 410; letter-spacing: -.05em }
.admin-layout .filters { border: 1px solid #8fa7b640; border-radius: 18px; background: #29435475; padding: 18px; gap: 15px; box-shadow: inset 0 1px #8caac522 }
.admin-layout .filters input, .admin-layout .filters select { background-color: #101d29a6; border-color: #8fa7b640; border-radius: 10px }
.admin-layout .admin-query-controls { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; margin-block: 0 20px; padding: 20px; background: #29435475 }
.admin-query-controls label { min-width: 0; display: grid; gap: 7px; color: #d5dfe7; font-size: 10px }
.admin-query-controls input { width: 100%; min-width: 0; font-size: 12px; background: #101d29a6; border-color: #8fa7b640 }
.admin-layout[data-section='queries'] td:last-child { white-space: nowrap }
.admin-layout .table-wrap { border: 1px solid #8fa7b640; border-radius: 16px; background: #15222f; box-shadow: inset 0 1px #819eae33 }
.admin-layout th { background: #2c4354; text-transform: uppercase; font-size: 9px; letter-spacing: .065em; padding-block: 16px; color: #dae2e7 }
.admin-layout td { border-color: #8fa7b61d; padding-block: 16px }
.admin-layout tbody tr:nth-child(even) { background: #25324135 }
.admin-layout tr:hover td { background: #392b4088 }
.admin-layout .panel { border: 1px solid #8fa7b640; border-radius: 18px; background: linear-gradient(135deg, #213547, #182635); box-shadow: inset 0 1px #a6b4c126; padding: 24px }
.admin-layout .panel h2 { font-family: var(--font-display); font-weight: 440; font-size: 29px; letter-spacing: -.035em }
.compare-side { border: 1px solid #d998ae70; border-radius: 19px; background: linear-gradient(140deg, #243c4f, #1a2838); padding: 24px }
.compare-side:nth-child(even) { border-color: #819fb8; background: linear-gradient(140deg, #352a3e, #1a2838) }
.admin-layout .primary, .admin-layout .tool { border-radius: 100px }
select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23d998ae' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 35px }
.modal { border-color: #d998ae4a; border-radius: 25px; box-shadow: 0 35px 130px #05090dc4 }
.modal header { border-radius: 25px 25px 0 0; background: linear-gradient(120deg,#243b4a,#4e293d); border-bottom-color: #d998ae30 }
.modal header h2 { font-size: 32px; font-weight: 410 }
.modal footer { border-radius: 0 0 25px 25px }
.account-panel .tabs { border: 0; padding: 5px; gap: 5px; background: #101d29; border-radius: 100px }
.account-panel, .account-pane { grid-template-columns: minmax(0,1fr); min-width: 0 }
.account-panel .usage-table { min-width: 0 }
.account-panel .tab { flex: 1; border: 0; border-radius: 100px; min-height: 42px }
.account-panel .tab[aria-selected='true'] { background: #8b1e3f; box-shadow: 0 3px 14px #05090d66; color: #f7f3ea }
.account-avatar { box-shadow: 0 0 0 7px #d998ae0f; border: 1px solid #d998ae77; background: linear-gradient(135deg,#40627b,#8b1e3f) }
.usage-counts { gap: 15px; padding-block: 17px 28px }
.usage-counts>div { border: 0; border-bottom: 1px solid #d998ae44; padding: 14px 5px; background: none; border-radius: 0 }
.usage-counts dd { font-family: var(--font-display); font-size: 51px; font-weight: 360; color: #f7f3ea; letter-spacing: -.05em }
.usage-bar { background: linear-gradient(0deg, #64243e, #d998ae); border-radius: 6px 6px 0 0 }
.usage-bar[aria-pressed='true'] { outline: 2px solid #e9c3d0; outline-offset: 3px; background: linear-gradient(0deg, #8b1e3f, #e9c3d0) }
.account-menu { background: linear-gradient(140deg, #2b4254, #2b2334); border-color: #d998ae55; border-radius: 17px; box-shadow: 0 17px 50px #05090d88 }
.account-menu-item:hover { background: #8b1e3f66 }
@media (min-width:801px) and (prefers-reduced-motion:no-preference) {
  html:not([data-motion='false']) .consult-heading { animation: studio-arrive .52s cubic-bezier(.16,1,.3,1) both }
  html:not([data-motion='false']) .consult-workspace .composer { animation: studio-arrive .65s cubic-bezier(.16,1,.3,1) both }
  html:not([data-motion='false']) .consult-starters { animation: studio-arrive .75s cubic-bezier(.16,1,.3,1) both }
  html:not([data-motion='false']) .admin-stage { animation: studio-arrive .3s ease both }
}
@keyframes studio-arrive { from { opacity: 0; translate: 0 15px } to { opacity: 1; translate: 0 0 } }
@media (min-width:801px) and (max-width:1120px) {
  .app-shell:not(.anonymous) .topbar { padding-inline: 24px; gap: 16px }
  .study-nav button { padding-inline: 16px }
  #view:has(>.consult-workspace) { padding-inline: 32px }
  .consult-scene { gap: 30px; grid-template-columns: minmax(0,1.2fr) minmax(255px,.85fr) }
  .consult-workspace .consult-heading h1 { font-size: 55px }
  .consult-starters { padding-top: 20px }
  .consult-workspace .suggestion { padding: 17px }
  .admin-layout { grid-template-columns: 150px minmax(0,1fr); gap: 24px }
}
@media (max-width:800px) {
  .app-shell:not(.anonymous) .topbar { padding: 8px 15px 7px; gap: 5px; background: #101923ef }
  .app-shell.sidebar-collapsed .topbar-brand { height: 35px; width: 100px; margin-left: 36px }
  .app-shell.sidebar-collapsed .topbar-brand img { width: 117px; margin-top: -6px }
  .top-actions>.quiet { padding-inline: 8px; font-size: 9px; border: 0; background: none }
  .study-nav { gap: 2px; padding: 3px; border-radius: 100px; margin: 0 18px; width: calc(100% - 36px) }
  .study-nav button { min-height: 35px; padding-inline: 12px; font-size: 11px; justify-content: center; gap: 8px }
  #view:has(>.consult-workspace) { padding: 30px 24px 38px }
  .consult-scene { grid-template-columns: 1fr; gap: 27px }
  .consult-desk { padding: 9px 0 0 }
  .consult-heading { margin-bottom: 26px }
  .consult-workspace .consult-heading h1 { font-size: clamp(43px, 9vw, 65px); max-width: 12ch }
  .consult-intro { margin-top: 18px; font-size: 12px; max-width: 34ch }
  .experience-kicker { font-size: 8px; margin-bottom: 17px }
  .study.consult-workspace .experience-kicker { font-size: 9px }
  .study.consult-workspace .consult-intro { font-size: 13px }
  .consult-workspace .composer { padding: 17px 16px 13px; border-radius: 21px }
  .consult-workspace .composer textarea { font-size: 14px; min-height: 108px }
  .composer-hint { font-size: 9px; max-width: 18ch; line-height: 1.4 }
  .consult-starters { padding-top: 8px }
  .consult-starters>.experience-kicker { margin-top: 15px; max-width: 22ch }
  .consult-starters h2 { font-size: 25px; max-width: 15ch; margin-bottom: 24px }
  .consult-orbit { width: 110px; height: 90px; right: 12px; top: -8px }
  .consult-orbit span { font-size: 60px }
  .consult-orbit i { inset: 11px -15px }
  .consult-workspace .suggestion { padding: 18px 21px }
  .consult-workspace .suggestion span { font-size: 13px }
  .consult-workspace .suggestion:nth-child(2) { transform: translateX(-3px) rotate(-1deg) }
  .consult-workspace .suggestion:nth-child(3) { transform: rotate(.5deg) }
  .consult-starters-note { margin-top: 17px }
  .consult-routes { grid-template-columns: 1fr; gap: 18px; padding-top: 20px }
  .consult-route strong { font-size: 24px }
  .consult-route small { font-size: 10px; max-width: 28ch }
  .consult-route-number { font-size: 36px }
  .consult-route-arrow { width: 36px; height: 36px }
  .conversation-head { padding: 22px 19px 25px; border-radius: 21px; margin-bottom: 23px }
  .conversation .page-title { font-size: 28px }
  .conversation-head .experience-kicker { font-size: 8px }
  .message.assistant { padding-left: 15px; padding-right: 0 }
  .conversation .composer.sticky { padding: 10px 14px; border-radius: 18px }
  .composer-footer .primary { min-height: 35px; padding: 7px 14px }
  .admin-layout { grid-template-columns: minmax(0,1fr); gap: 18px }
  .admin-control-heading { padding-bottom: 17px; gap: 10px }
  .admin-control-title { font-size: 23px }
  .admin-nav { position: relative; flex-direction: row; overflow-x: auto; padding: 0 0 10px; border: 0; gap: 8px }
  .admin-nav button { flex: none; min-height: 41px; white-space: nowrap; font-size: 11px; padding: 10px 13px; border-radius: 100px; background: #25324180 }
  .admin-nav button::before { font-size: 13px }
  .admin-layout .page-header { padding-block: 0 18px }
  .admin-layout .page-title { font-size: 36px }
  .admin-layout .panel { padding: 19px; border-radius: 15px }
  .admin-layout th { font-size: 9px }
  .admin-layout td { font-size: 11px }
  .admin-layout .filters { padding: 15px }
  .admin-layout .admin-query-controls { grid-template-columns: 1fr 1fr; gap: 13px; padding: 16px }
  .admin-query-controls label:first-child { grid-column: 1 / -1 }
  .modal { border-radius: 20px }
  .modal header { border-radius: 20px 20px 0 0 }
  .modal header h2 { font-size: 30px }
  .drawer header h2 { font-size: 29px }
}
@media (prefers-reduced-motion:reduce) {
  .consult-workspace *, .study-nav *, .conversation-row, .admin-nav *, .consult-route * { animation: none!important; transition: none!important }
}
html[data-motion='false'] .consult-workspace *, html[data-motion='false'] .admin-stage { animation: none!important; transition: none!important }