/* ModiBind workspaces: readable data, generous controls, restrained surfaces. */ :is(#view-database,#view-binder,#view-jobs,#view-resources) { color:#19334e; font-size:14px; line-height:1.65; } :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(.section-heading h2) { font-size:clamp(25px,2.3vw,32px); line-height:1.3; letter-spacing:-.025em; color:#19334e; } :is(#view-database,#view-binder,#view-jobs,#view-resources) .section-heading {gap:20px;margin-bottom:26px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .section-heading p {font-size:14px;color:#61758a;line-height:1.8;margin-top:9px;max-width:760px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .eyebrow {font-size:11px;letter-spacing:1.5px;line-height:1.7;margin-bottom:9px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(.panel,.filter-card,.results-card,.search-panel,.flow-card,.reference-card) {border-color:#dce6ef;border-radius:12px;box-shadow:0 3px 16px #19334e04;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(.btn,.text-btn,.page-btn) {min-height:44px;font-size:13px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .btn {border-radius:8px;padding:10px 16px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .text-btn {display:inline-flex;align-items:center;gap:6px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(.badge,.tiny,.field-help,.local-notice,.data-notice,.side-footer-note,.mapping-note) {font-size:12px;line-height:1.75;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(.muted,.field-help,.side-footer-note,.data-notice) {color:#667b90;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .badge {padding:4px 8px;border-radius:5px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .local-notice {color:#4e6c87;background:#f1f6fb;border-color:#dce6ef;border-radius:9px;align-items:flex-start;padding:14px 18px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .local-notice>.icon {flex-shrink:0;margin-top:3px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(input,select,textarea) {accent-color:#286bbb;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(button,a,select,input,textarea,summary):focus-visible {outline:3px solid #4c88c9;outline-offset:3px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .table-scroll:focus-visible {outline:3px solid #4c88c9;outline-offset:-3px;} /* Database and evidence browser */ #view-database .database-subnav {gap:30px;margin-bottom:28px;} #view-database .database-subnav button {min-height:48px;font-size:14px;padding:0 3px 13px;} #view-database .database-subnav button>span {font-size:12px;padding:3px 7px;} #view-database .database-inner-heading {margin-bottom:20px;} #view-database .database-inner-heading h3 {font-size:20px;color:#19334e;} #view-database .database-inner-heading>.badge {font-size:12px;max-width:none;} #view-database .search-panel {padding:20px;margin-bottom:22px;background:white;} #view-database .search-box {padding:5px;border-color:#cbd9e6;border-radius:9px;min-height:58px;} #view-database .search-box:focus-within {border-color:#4c88c9;box-shadow:0 0 0 3px #286bbb15;} #view-database .search-box select {width:148px;height:42px;font-size:13px;color:#415b74;} #view-database .search-box input {font-size:14px;min-height:44px;padding:10px 15px;} #view-database .search-box input::placeholder {color:#7a8a9a;} #view-database .search-box .btn {min-height:46px;} #view-database .keyboard-key {font-size:12px;color:#667b90;} #view-database .search-meta {font-size:12px;color:#667b90;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:12px;} #view-database .search-examples {display:flex;align-items:center;gap:7px;flex-wrap:wrap;} #view-database .search-examples button {font-size:12px;min-height:32px;padding:4px 8px;background:#f4f7fb;border-radius:5px;color:#286bbb;} #view-database .database-grid {grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;} #view-database .database-grid>* {min-width:0;} #view-database .filter-card {padding:20px 18px 4px;} #view-database .filter-top {gap:10px;margin-bottom:17px;} #view-database .filter-top h3 {font-size:15px;} #view-database .filter-group {margin-bottom:21px;} #view-database .filter-group h4 {font-size:12px;letter-spacing:.2px;color:#526b82;font-weight:600;margin-bottom:9px;} #view-database .filter-group select {font-size:12px;min-height:42px;border-color:#dce6ef;border-radius:7px;padding:8px 10px;color:#415b74;} #view-database .filter-option {font-size:13px;min-height:36px;gap:8px;color:#415b74;} #view-database .filter-option input {width:16px;height:16px;flex-shrink:0;} #view-database .filter-option .count {font-size:11px;color:#61758a;} #view-database .mini-promo {border-radius:12px;padding:22px 19px;} #view-database .mini-promo h3 {font-size:18px;} #view-database .mini-promo p {font-size:12px;color:#c5d6e6;line-height:1.8;} #view-database .mini-promo button {font-size:13px;min-height:44px;border-radius:7px;padding:10px 12px;} #view-database .results-card {overflow:hidden;} :is(#view-database,#view-jobs) .results-toolbar {min-height:72px;padding:16px 20px;gap:14px;flex-wrap:wrap;} :is(#view-database,#view-jobs) .results-title {font-size:15px;color:#19334e;gap:10px;} #view-database .results-actions {gap:10px;flex-wrap:wrap;} #view-database .sort-select {min-height:44px;max-width:none;font-size:12px;color:#526b82;border:1px solid #dce6ef;border-radius:7px;background:#fff;padding:8px 10px;} #view-database .result-count {font-size:13px;} #view-database .filter-summary {padding:12px 20px;} #view-database .chip {font-size:12px;padding:5px 9px;} :is(#view-database,#view-jobs) table {min-width:780px;} :is(#view-database,#view-jobs) th {font-size:12px;font-weight:600;color:#546c82;background:#f4f7fb;padding:14px 16px;} :is(#view-database,#view-jobs) td {font-size:13px;padding:15px 16px;height:80px;color:#415b74;} #view-database td:first-child,#view-database th:first-child {width:45px;padding-right:5px;} #view-database :is(td,th) input[type=checkbox] {width:17px;height:17px;} :is(#view-database,#view-jobs) .target-name {font-size:14px;color:#286bbb;} :is(#view-database,#view-jobs) .target-id {font-size:12px;line-height:1.5;color:#657b91;} #view-database :is(.site-name,.organism) {font-size:13px;} #view-database .organism {color:#546c82;} #view-database .evidence-line {font-size:11px;max-width:175px;color:#667b90;line-height:1.6;} #view-database .row-actions {gap:10px;} #view-database .row-actions .text-btn {font-size:13px;} #view-database .design-row {min-width:44px;min-height:44px;border-radius:7px;} :is(#view-database,#view-jobs) tbody tr:hover {background:#f7faff;} #view-database tbody tr.selected {background:#edf5ff;} #view-database .table-footer {padding:17px 20px;font-size:12px;color:#61758a;flex-wrap:wrap;} #view-database .pagination {gap:5px;flex-wrap:wrap;} #view-database .page-btn {min-width:40px;border-radius:7px;font-size:12px;} #view-database .data-notice {padding:2px 3px;margin-top:16px;} #view-database .database-subpanel .evidence-tabs {padding:6px;gap:6px;flex-wrap:wrap;background:#edf3f8;border-radius:10px;} #view-database .database-subpanel .evidence-tabs button {font-size:13px;min-height:46px;padding:10px 15px;border-radius:6px;} #view-database .evidence-tabs button b {font-size:12px;color:#526b82;padding:3px 7px;} #view-database .evidence-search {gap:12px;padding:15px 18px;} #view-database .evidence-search>input {min-width:0;min-height:44px;font-size:14px;} #view-database .evidence-item {padding:24px;border-color:#e5edf4;} #view-database .evidence-record-title {font-size:16px;color:#286bbb;overflow-wrap:anywhere;} #view-database .evidence-record-sub {font-size:12px;color:#667b90;line-height:1.7;} #view-database .evidence-summary {font-size:14px;color:#415b74;line-height:1.85;margin:12px 0;} #view-database .evidence-pmids a {font-size:12px;color:#286bbb;line-height:1.8;} #view-database .evidence-results .results-toolbar strong {font-size:14px;color:#19334e;} :is(#view-database,.dialog) .annotation-detail {border-radius:8px;font-size:13px;} :is(#view-database,.dialog) .annotation-detail>summary {font-size:12px;min-height:44px;padding:12px 15px;color:#4e6c87;line-height:1.7;} :is(#view-database,.dialog) .annotation-raw>div {grid-template-columns:160px minmax(0,1fr);font-size:12px;line-height:1.8;padding:7px 0;} :is(#view-database,.dialog) .annotation-raw strong {font-size:11px;color:#526b82;} :is(#view-database,.dialog) .annotation-raw small {font-size:11px;color:#667b90;} /* Binder configuration */ #view-binder .studio-grid {grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:26px;} #view-binder .studio-grid>* {min-width:0;} #view-binder .studio-form {overflow:hidden;} #view-binder .stepper {padding:20px 26px;background:#f8fafc;gap:12px;} #view-binder .stepper button {font-size:13px;min-height:44px;gap:9px;color:#61758a;} #view-binder .stepper button.active {color:#286bbb;} #view-binder .stepper .step-number {width:29px;height:29px;font-size:11px;flex-shrink:0;} #view-binder .form-step {padding:26px;} #view-binder .form-intro {margin-bottom:23px;} #view-binder .form-intro h3 {font-size:20px;color:#19334e;line-height:1.5;} #view-binder .form-intro p {font-size:13px;color:#61758a;line-height:1.8;margin-top:8px;} #view-binder .form-row {gap:20px;} #view-binder .form-field {min-width:0;margin-bottom:22px;} #view-binder :is(.form-field>label,.field-label,.field-top label) {font-size:13px;color:#415b74;line-height:1.6;} #view-binder .field-input {font-size:14px;color:#19334e;min-height:46px;border:1px solid #cfdde9;border-radius:8px;padding:11px 13px;line-height:1.55;background:#fff;} #view-binder .sequence-input {font-size:13px;line-height:1.9;min-height:136px;} #view-binder .sequence-meta {font-size:12px;color:#667b90;flex-wrap:wrap;} #view-binder .file-btn {min-height:36px;font-size:12px;} #view-binder .residue-indicator {min-width:46px;min-height:46px;font-size:16px;} #view-binder .mapping-note {border-radius:8px;color:#80633b;margin:0 0 23px;} #view-binder .upload-zone {padding:22px 18px;border-radius:9px;gap:14px;} #view-binder .upload-zone strong {font-size:13px;color:#415b74;} #view-binder .upload-zone small {font-size:12px;line-height:1.8;color:#667b90;} #view-binder .uploaded-file {font-size:12px;} #view-binder .check-card {padding:15px;border-radius:8px;gap:12px;} #view-binder .check-card strong {font-size:13px;} #view-binder .check-card small {font-size:12px;color:#667b90;line-height:1.75;} #view-binder .checks-inline {min-height:44px;gap:16px;flex-wrap:wrap;font-size:13px;} #view-binder .checks-inline label {min-height:44px;display:inline-flex;align-items:center;gap:7px;} #view-binder .form-footer {padding:19px 26px;gap:12px;background:#f8fafc;flex-wrap:wrap;} #view-binder .form-footer-actions {gap:9px;flex-wrap:wrap;} #view-binder .step-counter {font-size:11px;color:#667b90;} #view-binder .summary-panel {padding:22px;} #view-binder .summary-panel h3 {font-size:17px;} #view-binder .summary-panel>.spread {gap:10px;flex-wrap:wrap;} #view-binder .summary-dl {font-size:13px;gap:12px 16px;margin:22px 0;} #view-binder .summary-dl dt {color:#667b90;} #view-binder .summary-dl dd {color:#19334e;overflow-wrap:anywhere;} #view-binder .summary-dl dd.mono {font-size:12px;} #view-binder .epitope-label {font-size:12px;flex-wrap:wrap;gap:7px;color:#61758a;} #view-binder .epitope-sequence {font-size:13px;line-height:1.9;letter-spacing:1px;overflow-wrap:anywhere;} #view-binder .backend-note {font-size:12px;line-height:1.85;color:#61758a;} #view-binder .structure-panel {border-radius:12px;} #view-binder :is(.structure-top,.structure-bottom) {font-size:11px;gap:10px;flex-wrap:wrap;} #view-binder .review-banner p {font-size:12px;line-height:1.7;} #view-binder .review-grid {font-size:13px;gap:16px;} :is(#view-binder,.dialog) .code-box {font-size:12px;line-height:1.85;color:#415b74;border-color:#dce6ef;border-radius:8px;} #view-binder .error-box {font-size:13px;line-height:1.75;border-radius:8px;} /* Local tasks and documentation */ #view-jobs .jobs-card {overflow:hidden;} :is(#view-jobs,#view-database) .empty-state {padding:52px 24px;} :is(#view-jobs,#view-database) .empty-state h3 {font-size:21px;color:#19334e;line-height:1.5;} :is(#view-jobs,#view-database) .empty-state p {font-size:13px;line-height:1.9;color:#61758a;max-width:550px;margin:12px auto 22px;} #view-jobs .job-actions {gap:8px;} #view-jobs .job-actions .text-btn {min-width:44px;justify-content:center;} /* The task renderer contains legacy inline font sizes. */ #view-jobs .target-name {font-size:13px!important;} #view-jobs .site-name,#view-jobs td[style] {font-size:13px!important;} #view-jobs .below-grid {gap:24px;margin-top:24px;} #view-jobs .below-grid p {font-size:13px!important;color:#61758a!important;line-height:1.9!important;} #view-jobs .card-heading {flex-wrap:wrap;gap:10px;} #view-jobs .card-heading h3 {font-size:17px;} #view-jobs .card-heading small {font-size:11px;color:#667b90;} #view-resources .resource-layout {grid-template-columns:210px minmax(0,1fr);gap:26px;} #view-resources .resource-layout>* {min-width:0;} #view-resources .resource-nav {padding:9px;} #view-resources .resource-nav button {font-size:14px;min-height:48px;padding:12px 14px;gap:10px;color:#526b82;border-radius:7px;} #view-resources .resource-nav button.active {color:#286bbb;background:#edf5ff;font-weight:600;} #view-resources .resource-nav button .icon {width:17px;height:17px;flex-shrink:0;} #view-resources .resource-content {padding:30px 34px;} #view-resources .resource-content h3 {font-size:23px;line-height:1.4;color:#19334e;margin-bottom:13px;} #view-resources .resource-content h4 {font-size:16px;color:#19334e;line-height:1.5;margin-top:27px;} #view-resources .resource-content p {font-size:14px;line-height:1.95;color:#526b82;} #view-resources .resource-content section>p {margin-bottom:21px;max-width:900px;} #view-resources .resource-content details {padding:17px 0;border-color:#e5edf4;} #view-resources .resource-content summary {font-size:14px;color:#19334e;line-height:1.7;min-height:30px;padding:3px 0;} #view-resources .resource-content details p {font-size:13px;color:#61758a;line-height:1.95;margin-top:13px;padding-left:19px;} #view-resources .resource-content details[open]>summary {color:#286bbb;} #view-resources :is(.download-card,.v2-panel) {border-color:#dce6ef;border-radius:9px;} #view-resources .download-grid {gap:16px;margin-top:25px;} #view-resources .download-card {padding:21px;gap:14px;} #view-resources .download-card strong {font-size:14px;color:#19334e;} #view-resources .download-card small {font-size:12px;color:#667b90;line-height:1.75;} #view-resources .download-card .text-btn {font-size:13px;} #view-resources :is(.field-table,.audit-table) {font-size:13px;} #view-resources :is(.field-table,.audit-table) :is(th,td) {font-size:13px;padding:14px 16px;height:auto;line-height:1.85;} #view-resources :is(.field-table,.audit-table) th {font-size:12px;font-weight:600;color:#546c82;background:#f4f7fb;} #view-resources .field-table td:first-child {width:240px;font-size:12px;color:#286bbb;overflow-wrap:anywhere;} #view-resources .audit-table td:nth-child(3) {font-size:12px;color:#61758a;} #view-resources .endpoint {padding:15px;gap:12px;flex-wrap:wrap;border-color:#dce6ef;} #view-resources .endpoint code {font-size:13px;color:#415b74;overflow-wrap:anywhere;white-space:normal;min-width:0;} #view-resources .endpoint small {font-size:12px;color:#667b90;} #view-resources .method {font-size:11px;} #view-resources .snapshot-source {font-size:12px;line-height:1.8;gap:9px 20px;padding:14px 16px;} #view-resources .statistics-overview-grid {gap:22px;} #view-resources .v2-panel {min-width:0;} #view-resources .v2-panel h3 {font-size:18px;} #view-resources .qc-row {font-size:13px;line-height:1.7;padding:12px 0;color:#526b82;} #view-resources .qc-row strong {font-size:14px;color:#19334e;} #view-resources .historical-snapshot {padding:18px 20px!important;} #view-resources .historical-snapshot>summary {font-size:13px;} #view-resources .statistics-bottom-note {font-size:12px;color:#667b90;line-height:1.85;} /* Site and task dialogs */ .dialog {color:#19334e;border-color:#dce6ef;border-radius:14px;width:min(780px,calc(100% - 40px));} .dialog .dialog-header {padding:24px;gap:18px;} .dialog .dialog-header h2 {font-size:23px;line-height:1.4;} .dialog .dialog-header p {font-size:12px;color:#61758a;line-height:1.75;} .dialog .dialog-body {padding:24px;} .dialog .dialog-footer {padding:18px 24px;gap:12px;flex-wrap:wrap;} .dialog .btn {min-height:44px;font-size:13px;border-radius:8px;padding:10px 15px;} .dialog .btn.icon-only {min-width:44px;padding:10px;} .dialog .badge {font-size:12px;line-height:1.6;} .dialog .detail-grid {gap:20px;} .dialog .detail-grid dt {font-size:12px;color:#667b90;} .dialog .detail-grid dd {font-size:14px;color:#19334e;line-height:1.75;} .dialog :is(.detail-note,.local-notice) {font-size:12px;line-height:1.9;} .dialog .evidence-metrics>span {font-size:12px;padding:15px 10px;color:#61758a;line-height:1.6;} .dialog .evidence-metrics strong {font-size:24px;color:#286bbb;} .dialog .detail-source {font-size:12px;color:#61758a;} .dialog .detail-source>strong {font-size:14px;color:#19334e;} .dialog .detail-source>span,.dialog .detail-source p {font-size:12px;line-height:1.8;} .dialog .reference-links a {font-size:12px;min-height:38px;padding:8px 10px;} @media(max-width:1150px) { #view-database .database-grid {grid-template-columns:215px minmax(0,1fr);gap:19px;} #view-binder .studio-grid {grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;} #view-binder .stepper {gap:8px;padding:18px;} #view-binder .stepper button {gap:6px;font-size:12px;} #view-binder .form-step {padding:23px;} #view-resources .resource-layout {grid-template-columns:185px minmax(0,1fr);gap:20px;} #view-resources .resource-content {padding:26px;} #view-resources .statistics-overview-grid {grid-template-columns:1fr;} } @media(max-width:960px) { #view-binder .studio-grid {grid-template-columns:1fr;} #view-binder .studio-side {position:static;grid-template-columns:1fr 1fr;gap:18px;} #view-binder .side-footer-note {grid-column:1/-1;} #view-resources .resource-layout {grid-template-columns:1fr;} #view-resources .resource-nav {display:flex;overflow:auto;gap:7px;} #view-resources .resource-nav button {flex:0 0 auto;width:auto;white-space:nowrap;font-size:13px;} } @media(max-width:760px) { :is(#view-database,#view-binder,#view-jobs,#view-resources) .section-heading {align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:23px;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .section-heading p {font-size:13px;max-width:none;} :is(#view-database,#view-binder,#view-jobs,#view-resources) .section-heading>.badge {margin-top:0;} :is(#view-database,#view-binder,#view-jobs,#view-resources) :is(input:not([type=checkbox]):not([type=file]),select,textarea) {font-size:16px;} #view-database .database-grid {display:block;} #view-database .database-sidebar {margin-bottom:20px;} #view-database .filter-card {padding:18px 18px 4px;} #view-database .filter-group {display:block;margin-bottom:18px;} #view-database .filter-group h4 {font-size:12px;margin:0 0 8px;} #view-database .filter-options {gap:5px 17px;} #view-database .filter-option {font-size:13px;min-height:44px;gap:8px;} #view-database .filter-group select {width:100%;max-width:none;min-height:44px;} #view-database .species-filter-group #species-more {margin-top:8px;width:100%;} #view-database .search-panel {padding:15px;} #view-database .search-box {flex-wrap:wrap;gap:7px;padding:9px;} #view-database .search-box select {width:126px;font-size:14px;} #view-database .search-box input {flex:1 1 150px;padding:8px;} #view-database .search-box .btn {margin-left:auto;min-width:88px;} #view-database .keyboard-key {display:none;} #view-database .search-examples button {min-height:40px;} :is(#view-database,#view-jobs) .results-toolbar {padding:16px;} #view-database .results-actions {width:100%;justify-content:space-between;} #view-database .sort-select {min-width:0;max-width:100%;font-size:14px;} #view-database .table-footer {padding:15px 16px;gap:16px;} #view-database .mobile-table-hint {font-size:12px;line-height:1.6;padding:10px 16px;color:#61758a;} #view-database .database-subpanel .evidence-tabs {display:grid;grid-template-columns:1fr 1fr;} #view-database .database-subpanel .evidence-tabs button {font-size:12px;justify-content:space-between;padding:11px;white-space:normal;} #view-database .evidence-search {flex-wrap:wrap;} #view-database .evidence-search>input {flex:1 1 100%;border:1px solid #dce6ef;border-radius:7px;padding:10px;} #view-database .evidence-search>.btn {flex:1;} #view-database .evidence-item {padding:19px;} #view-database .evidence-item-head {flex-wrap:wrap;gap:12px;} #view-database .evidence-item-head .btn {min-height:44px;font-size:12px;} #view-binder .stepper {padding:17px 20px;gap:9px;} #view-binder .stepper button {font-size:13px;} #view-binder .form-row {grid-template-columns:1fr;gap:0;} #view-binder .form-row.three {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #view-binder .field-top {flex-wrap:wrap;gap:8px;} #view-binder .form-footer {padding:18px 23px;} #view-binder .form-footer .btn {font-size:13px;min-height:44px;padding:10px 14px;} #view-jobs .below-grid {grid-template-columns:1fr;gap:16px;} #view-resources .resource-nav {padding:7px;} #view-resources .resource-nav button {min-height:46px;padding:11px 13px;font-size:13px;} #view-resources .resource-content {padding:23px;} #view-resources .resource-content h3 {font-size:21px;} #view-resources .resource-content summary {min-height:44px;display:list-item;padding:9px 0;} #view-resources .download-grid {grid-template-columns:1fr;} #view-resources .field-table {min-width:540px;} #view-resources .endpoint small {margin-left:0;flex-basis:100%;} .dialog {width:calc(100% - 24px);max-height:92dvh;} .dialog .dialog-header,.dialog .dialog-body {padding:20px;} .dialog .dialog-footer {padding:16px 20px;} .dialog .detail-grid {grid-template-columns:1fr 1fr;gap:17px;} } @media(max-width:480px) { #view-database .database-subnav {gap:15px;} #view-database .database-subnav button {font-size:13px;gap:7px;} #view-database .database-subnav button>span {font-size:11px;padding:3px 5px;} #view-database .database-subnav button>.icon {display:none;} #view-database .search-box select {width:100%;border-right:0;border-bottom:1px solid #e5edf4;padding:4px 8px;} #view-database .search-box input {flex-basis:100%;} #view-database .search-box .btn {width:100%;} #view-database .results-actions {align-items:stretch;flex-direction:column;} #view-database .sort-select {width:100%;} #view-database .results-actions .btn {justify-content:center;} #view-database .database-subpanel .evidence-tabs button {font-size:12px;gap:5px;} :is(#view-database,.dialog) .annotation-raw>div {grid-template-columns:1fr;gap:3px;padding:9px 0;} #view-binder .studio-side {grid-template-columns:1fr;} #view-binder .stepper {padding:13px 15px;gap:5px;} #view-binder .stepper button {flex:1;flex-direction:column;font-size:12px;gap:7px;line-height:1.5;} #view-binder .stepper .step-line {display:none;} #view-binder .form-step {padding:20px 17px;} #view-binder .form-row.three {grid-template-columns:1fr;gap:0;} #view-binder .form-intro .spread {flex-wrap:wrap;gap:9px;} #view-binder .upload-zone {padding:17px 14px;gap:10px;} #view-binder .upload-zone>.icon {display:none;} #view-binder .form-footer {padding:17px;} #view-binder .form-footer-actions {width:100%;} #view-binder .form-footer-actions .btn {flex:1;justify-content:center;} #view-binder .summary-panel {padding:19px;} #view-resources .resource-nav button {font-size:13px;padding:10px 12px;} #view-resources .resource-nav button .icon {display:none;} #view-resources .resource-content {padding:20px 17px;} #view-resources .resource-content p {font-size:13px;} #view-resources .resource-content details p {padding-left:0;} #view-resources .historical-snapshot {padding:15px!important;} .dialog .dialog-header,.dialog .dialog-body {padding:17px;} .dialog .dialog-footer {padding:15px 17px;} .dialog .dialog-footer .btn {flex:1;justify-content:center;} .dialog .detail-grid {grid-template-columns:1fr;} .dialog .evidence-metrics {grid-template-columns:1fr;} .dialog .evidence-metrics>span {text-align:left;display:flex;align-items:center;gap:12px;} .dialog .evidence-metrics strong {margin:0;font-size:21px;} }