/* OP-20260728-208: every inner surface is natively reduced to about 75%; the cinematic home page is excluded. */

@media (min-width:721px) {
  body.tx-app[data-surface]:not([data-surface="cinematic"]),
  body.tx-tool:not(.tx-tool-viral) {
    font-size:12px !important;
  }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(p,li,dt,dd,label),
  body.tx-tool:not(.tx-tool-viral) :is(p,li,dt,dd,label) {
    font-size:11px !important;
    line-height:1.55 !important;
  }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) small,
  body.tx-tool:not(.tx-tool-viral) small { font-size:9px !important; }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(button,.btn,a.btn,input,select,textarea),
  body.tx-tool:not(.tx-tool-viral) :is(button,.btn,a.btn,input,select,textarea) {
    font-size:11px !important;
  }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(button,.btn,a.btn),
  body.tx-tool:not(.tx-tool-viral) :is(button,.btn,a.btn) {
    min-height:32px !important;
    padding-inline:13px !important;
    border-radius:5px !important;
  }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(input:not([type="checkbox"]):not([type="radio"]),select),
  body.tx-tool:not(.tx-tool-viral) :is(input:not([type="checkbox"]):not([type="radio"]),select) {
    min-height:30px !important;
  }

  /* Public inner pages and signed-in workspaces. */
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .site-header { height:48px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .nav {
    max-width:1095px !important;
    height:48px !important;
    padding-inline:21px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .brand-logo { height:36px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .brand-copy strong { font-size:11px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .brand-copy small { font-size:8px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .nav-links { gap:16px !important; font-size:10px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .btn { min-height:32px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .btn.small { min-height:26px !important; }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.auth-page,.learn-page,.admin-page) {
    min-height:calc(100vh - 48px) !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .auth-shell {
    max-width:840px !important;
    min-height:calc(100vh - 48px) !important;
    padding:48px 21px !important;
    grid-template-columns:minmax(0,1fr) 323px !important;
    gap:63px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .auth-copy { padding-left:20px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .auth-copy h1 { margin:11px 0 15px !important; font-size:39px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .auth-card { padding:21px !important; }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.member-center,.checkout-page,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) {
    width:min(960px,100%) !important;
    max-width:960px !important;
    padding:35px 21px 68px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.member-welcome,.activation-card,.member-buy,.member-boundary,.member-course-open,.checkout-form>section,.checkout-aside,.order-result,.coin-recharge-history,.copyright-history,.community-account-card,.community-login-prompt,.community-order-history,.expert-application,.expert-directory,.community-trust-note) {
    padding:15px !important;
    border-radius:6px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .member-welcome { padding:23px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .member-welcome h1 { font-size:29px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.checkout-head h1,.help-hero h1,.community-membership-hero h1,.coin-recharge-hero h1,.copyright-hero h1) {
    font-size:29px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.help-hero,.community-membership-hero,.coin-recharge-hero,.copyright-hero) {
    padding-top:18px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(.help-question-card,.help-detail,.help-public-rules,.help-guide-card,.expert-directory-card,.community-boundaries article) {
    padding:13px !important;
    border-radius:5px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .legal-consent { padding:10px !important; }

  body.tx-app[data-surface="workbench"] .learn-wrap {
    width:min(1080px,calc(100% - 24px)) !important;
    max-width:1080px !important;
    padding:18px 21px 65px !important;
  }
  body.tx-app[data-surface="workbench"] .learn-hero { padding:20px 21px !important; }
  body.tx-app[data-surface="workbench"] .learn-hero h1 { font-size:27px !important; }
  body.tx-app[data-surface="workbench"] .student-tool-grid { gap:8px !important; }
  body.tx-app[data-surface="workbench"] .tool-banner { min-height:78px !important; padding:12px !important; }
  body.tx-app[data-surface="workbench"] .learn-grid { grid-template-columns:225px minmax(0,1fr) !important; gap:11px !important; }
  body.tx-app[data-surface="workbench"] .catalog { top:59px !important; padding:8px !important; }
  body.tx-app[data-surface="workbench"] .catalog-toggle { min-height:26px !important; padding:4px 5px !important; font-size:8px !important; }
  body.tx-app[data-surface="workbench"] .lesson-btn { min-height:30px !important; padding:6px 8px !important; }
  body.tx-app[data-surface="workbench"] .lesson-check { width:17px !important; height:17px !important; }
  body.tx-app[data-surface="workbench"] .lesson-view { padding:15px !important; }
  body.tx-app[data-surface="workbench"] .lesson-view h2 { font-size:27px !important; }
  body.tx-app[data-surface="workbench"] .lesson-study-layout.has-materials { grid-template-columns:minmax(0,1fr) minmax(195px,218px) !important; gap:9px !important; }

  body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
    max-width:1200px !important;
    grid-template-columns:177px minmax(0,1fr) !important;
    gap:12px !important;
    padding:12px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
    top:12px !important;
    min-height:calc(100vh - 24px) !important;
    padding:10px 8px !important;
    border-radius:6px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .seal { width:29px !important; height:29px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav button {
    min-height:29px !important;
    padding:7px 8px !important;
    font-size:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-main { padding:0 3px 45px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head { min-height:59px !important; padding:8px 3px 13px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head h1 { font-size:21px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card { padding:15px !important; margin-top:9px !important; border-radius:6px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .stat { padding:14px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .stat strong { font-size:23px !important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(th,td) { padding:8px !important; font-size:9px !important; }

  body.tx-app[data-surface]:not([data-surface="cinematic"]) .premium-center-hero { max-width:960px !important; padding-top:47px !important; }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .premium-center-hero h1 { font-size:47px !important; }
  body.tx-app.legal-body .legal-page { max-width:840px !important; padding-top:48px !important; }
  body.tx-app.legal-body .legal-hero h1 { font-size:41px !important; }
  body.tx-app.legal-body .legal-toc { top:48px !important; }

  /* Creative tools except the predictor, which owns an exact OP207 density layer. */
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .topbar {
    min-height:48px !important;
    padding:7px max(16px,calc((100vw - 1125px)/2)) !important;
  }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .brand img { width:32px !important; height:32px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.brand strong,.brand-block h1) { font-size:12px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.coin-chip,.back-link,.icon-button) { min-height:27px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .page-shell {
    width:min(1125px,calc(100% - 30px)) !important;
    padding:21px 0 36px !important;
  }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .app-shell {
    width:min(1155px,100%) !important;
    padding:0 20px 36px !important;
  }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .intro-band { padding:14px 0 18px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .intro-band h1 { font-size:29px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .workspace { gap:9px !important; padding-block:11px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.input-panel,.control-panel,.canvas-panel,.preview-panel,.history-section,.mixer,.ai-generation-panel) {
    padding:12px !important;
    border-radius:6px !important;
  }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .panel-heading { gap:8px !important; margin-bottom:9px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .panel-heading h2 { font-size:14px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.field input,.field select) { height:29px !important; min-height:29px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .content-field textarea { min-height:218px !important; padding:8px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .prompt-field textarea { min-height:135px !important; padding:8px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .prompt-field.compact textarea { min-height:57px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.submit-row button,.button-primary,.button-ai,.download-button,.preview-actions button) { min-height:32px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .result-head {
    min-height:71px !important;
    grid-template-columns:57px minmax(0,1fr) !important;
    gap:9px !important;
    padding:11px 12px 8px !important;
  }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) :is(.score-box,.seal-box) { width:57px !important; height:57px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .result-head h2 { font-size:14px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .result-body { padding:11px 12px 14px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .empty-state { min-height:143px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .history-section { margin-top:9px !important; }
  body.tx-tool:not(.tx-tool-viral):not(.tx-tool-video) .preview-stage { min-height:330px !important; }

  /* The infinite canvas keeps the viewport full-size; its visible controls and panels are reduced. */
  body.tx-tool-video { --drawer-width:248px; }
  body.tx-tool-video .flow-header {
    height:41px !important;
    grid-template-columns:195px minmax(0,1fr) 225px !important;
    padding-inline:14px !important;
  }
  body.tx-tool-video .flow-app { height:calc(100dvh - 41px) !important; }
  body.tx-tool-video .flow-brand { gap:8px !important; }
  body.tx-tool-video .flow-brand a { width:24px !important; height:24px !important; border-radius:8px !important; }
  body.tx-tool-video .flow-brand img { width:20px !important; height:20px !important; }
  body.tx-tool-video .flow-brand strong { font-size:10px !important; }
  body.tx-tool-video :is(.flow-header-nav button,.flow-header-nav span) { height:26px !important; padding-inline:10px !important; }
  body.tx-tool-video :is(.flow-header-actions>a,.coin-state,.save-state,.flow-theme-toggle) { min-height:24px !important; height:24px !important; }
  body.tx-tool-video .flow-library { padding:23px clamp(21px,3vw,60px) 51px !important; }
  body.tx-tool-video .library-heading { gap:14px !important; margin-bottom:15px !important; }
  body.tx-tool-video .library-heading h1 { font-size:33px !important; }
  body.tx-tool-video .primary-action { height:30px !important; }
  body.tx-tool-video .library-tools { gap:6px !important; margin-bottom:12px !important; }
  body.tx-tool-video .library-tools label { width:min(255px,100%) !important; height:29px !important; }
  body.tx-tool-video .library-tools button { height:29px !important; }
  body.tx-tool-video .flow-project-grid { grid-template-columns:repeat(auto-fill,195px) !important; gap:9px !important; }
  body.tx-tool-video :is(.flow-project-card,.flow-project-create) { width:195px !important; height:115px !important; border-radius:12px !important; }
  body.tx-tool-video .project-card-preview { height:72px !important; }
  body.tx-tool-video .project-card-info { padding:7px 9px !important; }
  body.tx-tool-video .canvas-topbar { left:12px !important; top:11px !important; gap:8px !important; }
  body.tx-tool-video .canvas-topbar>button { height:29px !important; padding-inline:9px !important; }
  body.tx-tool-video .selection-toolbar { top:72px !important; max-width:calc(100% - 24px) !important; height:29px !important; padding:3px !important; }
  body.tx-tool-video .selection-toolbar button { height:21px !important; padding-inline:7px !important; }
  body.tx-tool-video .flow-dock { bottom:14px !important; height:36px !important; padding:4px !important; }
  body.tx-tool-video .flow-dock button { height:27px !important; min-width:27px !important; padding-inline:8px !important; }
  body.tx-tool-video .flow-dock .dock-add { width:29px !important; }
  body.tx-tool-video .asset-drawer { right:9px !important; top:9px !important; bottom:9px !important; gap:8px !important; padding:9px !important; border-radius:12px !important; }
  body.tx-tool-video .folder-tools button,
  body.tx-tool-video .private-library-actions button { height:27px !important; }
  body.tx-tool-video .material-tabs button { height:23px !important; }
  body.tx-tool-video .asset-search { height:26px !important; }
  body.tx-tool-video .add-node-menu { bottom:56px !important; width:203px !important; padding:8px !important; }
  body.tx-tool-video .appearance-panel { left:12px !important; top:45px !important; width:188px !important; padding:9px !important; }
  body.tx-tool-video .flow-minimap { left:11px !important; bottom:11px !important; width:138px !important; height:89px !important; }
}

/* OP233: staff workbench tables expand with the page instead of being trapped in a 68vh inner scroller. */
@media (min-width:721px) {
  body.tx-app[data-surface="workbench"] .admin-page :is(.admin-main,#adminBody,#operatorBody,#teacherBody) {
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .table-wrap {
    max-height:none !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    scrollbar-gutter:stable !important;
  }
}

/* OP219: checkout keeps every legal acknowledgement behind one compact, explicit consent. */
@media (min-width:721px) {
  body.tx-app[data-surface="service"] .checkout-consent-section {
    padding:12px 15px !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-section .checkout-section-head {
    margin-bottom:7px !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-compact {
    grid-template-columns:14px minmax(0,1fr) !important;
    gap:7px !important;
    margin:0 !important;
    padding:7px 9px !important;
    font-size:9px !important;
    line-height:1.55 !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-compact input {
    width:13px !important;
    height:13px !important;
    margin-top:1px !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-compact span,
  body.tx-app[data-surface="service"] .checkout-consent-compact strong,
  body.tx-app[data-surface="service"] .checkout-consent-compact a {
    font-size:9px !important;
    line-height:1.55 !important;
  }
}

@media (max-width:720px) {
  body.tx-app[data-surface="service"] .checkout-consent-compact {
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:8px !important;
    margin:0 !important;
    padding:10px !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-compact input {
    width:18px !important;
    height:18px !important;
  }
  body.tx-app[data-surface="service"] .checkout-consent-compact span,
  body.tx-app[data-surface="service"] .checkout-consent-compact strong,
  body.tx-app[data-surface="service"] .checkout-consent-compact a {
    font-size:12px !important;
    line-height:1.65 !important;
  }
}

/* Mobile keeps safe touch targets even though the visual rhythm stays compact. */
@media (max-width:720px) {
  body.tx-app[data-surface]:not([data-surface="cinematic"]) :is(button,.btn,a.btn,input:not([type="checkbox"]):not([type="radio"]),select),
  body.tx-tool :is(button,input:not([type="checkbox"]):not([type="radio"]),select) {
    min-height:44px !important;
    font-size:16px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) textarea,
  body.tx-tool textarea { font-size:16px !important; }
}

/* OP229: owner/operator/teacher workbenches use an 80% dense, full-width desktop canvas. */
@media (min-width:721px) {
  body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
    width:100% !important;
    max-width:none !important;
    grid-template-columns:142px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-main {
    width:100% !important;
    max-width:none !important;
    padding:0 2px 36px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
    top:10px !important;
    min-height:calc(100dvh - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    padding:8px 6px !important;
    border-radius:5px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand {
    min-height:50px !important;
    padding:6px 7px 12px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .seal {
    flex-basis:24px !important;
    width:24px !important;
    height:24px !important;
    border-radius:8px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav button {
    min-height:24px !important;
    padding:5px 7px 5px 10px !important;
    border-radius:7px !important;
    font-size:8px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav-section-label,
  body.tx-app[data-surface="workbench"] .admin-page .teacher-rank { font-size:8px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head {
    min-height:48px !important;
    margin-bottom:10px !important;
    padding:7px 10px !important;
    border-radius:14px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head h1 { font-size:17px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head .eyebrow { font-size:8px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-section-context {
    min-height:20px !important;
    margin-top:5px !important;
    padding:3px 7px !important;
    font-size:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(#adminBody,#operatorBody,#teacherBody) { gap:10px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card {
    padding:12px !important;
    margin-top:7px !important;
    border-radius:12px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card .admin-card { padding:10px !important; }
  body.tx-app[data-surface="workbench"] .admin-page .card-head {
    gap:12px !important;
    margin-bottom:10px !important;
    padding-bottom:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.admin-card,.admin-overview-command) h2 { font-size:15px !important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(p,li,dt,dd,label,.muted,.tiny,small,.field label) {
    font-size:9px !important;
    line-height:1.45 !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.stats,.admin-kpi-grid,.operator-workbench-grid,.operator-profit-grid,.order-admin-summary,.platform-ledger-summary,.admin-priority-grid) {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,152px),1fr)) !important;
    gap:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article,.operator-profit-grid article,.order-admin-summary>div,.platform-ledger-summary>*) { padding:11px !important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article) strong { font-size:19px !important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.form-grid,.student-profile-form,.student-pin-form,.background-media-form) {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,224px),1fr)) !important;
    gap:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height:30px !important;
    padding:7px 9px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page textarea { min-height:83px !important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn) {
    min-height:28px !important;
    padding:0 11px !important;
    border-radius:8px !important;
    font-size:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .table-wrap {
    width:100% !important;
    max-width:none !important;
    margin-top:7px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page table {
    width:100% !important;
    min-width:1100px !important;
    font-size:9px !important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(th,td) {
    padding:6px 7px !important;
    font-size:8px !important;
    line-height:1.4 !important;
  }
}

/* OP-20260826-611：学习中心桌面首屏纵向紧凑，手机端保持原样。 */
@media (min-width:901px) {
  body.tx-app[data-surface="workbench"] .learn-wrap {
    gap:10px !important;
  }
  body.tx-app[data-surface="workbench"] .learning-nudge,
  body.tx-app[data-surface="workbench"] .learner-required-notice,
  body.tx-app[data-surface="workbench"] .learn-grid {
    margin-block:0 !important;
  }
}

/* OP679: student login behavior slider is a visual drag handle, not a generic tap button. */
@media (min-width:721px) {
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .student-auth-page .student-auth-card .behavior-track > button.behavior-thumb {
    box-sizing:border-box !important;
    left:0 !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    padding:0 !important;
    border-radius:50% !important;
  }

  /* OP792: desktop login slider track hugs the 30px thumb vertically as well as horizontally. */
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .student-auth-page .student-auth-card .behavior-track {
    height:30px !important;
  }
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .student-auth-page .student-auth-card .behavior-track > button.behavior-thumb {
    top:0 !important;
  }
}
@media (max-width:720px) {
  body.tx-app[data-surface]:not([data-surface="cinematic"]) .student-auth-page .student-auth-card .behavior-track > button.behavior-thumb {
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    padding:0 !important;
  }
}