/* CCSA Natal Midlands v55.12.119
   Admin Centre mobile layout only.
   Desktop layout and member-facing screens intentionally untouched. */

@media (max-width: 720px) {
  /* Keep every override inside Admin Centre. */
  #screen-admin,
  #screen-admin * { min-width: 0; box-sizing: border-box; }

  #screen-admin {
    padding-inline: 8px !important;
  }
  #screen-admin .admin-page-header {
    margin-inline: 2px !important;
  }
  #screen-admin .admin-dashboard,
  #screen-admin .admin-login-card,
  #screen-admin .admin-setup-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
  #screen-admin .admin-dashboard {
    padding: 12px 10px 24px !important;
    border-radius: 18px !important;
  }

  /* Welcome row: name gets the room; sign-out never becomes a vertical word. */
  #screen-admin .admin-welcome {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 2px 2px 11px !important;
  }
  #screen-admin .admin-welcome > div { min-width: 0 !important; }
  #screen-admin .admin-welcome h3 {
    margin: 3px 0 0 !important;
    font-size: clamp(1.25rem, 6.2vw, 1.62rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  #screen-admin .admin-overline {
    font-size: .68rem !important;
    line-height: 1.2 !important;
  }
  #screen-admin .admin-signout {
    width: auto !important;
    min-width: 78px !important;
    max-width: none !important;
    min-height: 42px !important;
    padding: 0 11px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-size: .82rem !important;
    line-height: 1 !important;
  }

  /* Five destinations stay on one line and swipe horizontally instead of squeezing. */
  #screen-admin .admin-section-nav {
    display: flex !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 6px !important;
    margin: 0 0 12px !important;
    padding: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #screen-admin .admin-section-nav::-webkit-scrollbar { display: none; }
  #screen-admin .admin-section-nav button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 76px !important;
    min-height: 42px !important;
    padding: 7px 11px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-size: .78rem !important;
    line-height: 1.15 !important;
  }
  #screen-admin .admin-section-nav button[data-admin-section="tasks"] { min-width: 124px !important; }
  #screen-admin .admin-section-nav button[data-admin-section="contacts"] { min-width: 88px !important; }

  #screen-admin .admin-section-heading {
    margin: 2px 2px 10px !important;
  }
  #screen-admin .admin-section-heading > span { font-size: .68rem !important; }
  #screen-admin .admin-section-heading h3 {
    margin: 3px 0 !important;
    font-size: clamp(1.35rem, 6.5vw, 1.7rem) !important;
    line-height: 1.08 !important;
  }
  #screen-admin .admin-section-heading p {
    font-size: .84rem !important;
    line-height: 1.4 !important;
  }

  /* Statistics controls and summary tiles. */
  #screen-admin .admin-stats-heading-row {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  #screen-admin .admin-stats-view-toggle {
    width: 100% !important;
    min-width: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
  }
  #screen-admin .admin-stats-view-toggle button {
    min-height: 40px !important;
    padding: 6px 8px !important;
    white-space: nowrap !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
  }
  #screen-admin .admin-viz-metrics {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  #screen-admin .admin-viz-metric {
    min-height: 96px !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }
  #screen-admin .admin-viz-metric::after {
    width: 78px !important;
    height: 78px !important;
    right: -31px !important;
    bottom: -35px !important;
    border-width: 12px !important;
  }
  #screen-admin .admin-viz-metric > span {
    font-size: .62rem !important;
    line-height: 1.18 !important;
    letter-spacing: .08em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  #screen-admin .admin-viz-metric > strong {
    margin: 5px 0 3px !important;
    font-size: clamp(1.75rem, 9vw, 2.25rem) !important;
    line-height: .95 !important;
  }
  #screen-admin .admin-viz-metric > small {
    font-size: .69rem !important;
    line-height: 1.25 !important;
  }

  #screen-admin .admin-visual-dashboard { gap: 10px !important; }
  #screen-admin .admin-viz-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #screen-admin .admin-viz-card {
    padding: 13px !important;
    border-radius: 17px !important;
  }
  #screen-admin .admin-viz-card > header {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  #screen-admin .admin-viz-card > header span { font-size: .61rem !important; }
  #screen-admin .admin-viz-card > header h4 {
    margin-top: 2px !important;
    font-size: 1.04rem !important;
    line-height: 1.12 !important;
  }
  #screen-admin .admin-viz-card > header > strong { font-size: 1.45rem !important; }

  /* Database footprint stays side-by-side on a phone rather than becoming a long stack. */
  #screen-admin .admin-viz-donut-layout {
    grid-template-columns: 112px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }
  #screen-admin .admin-viz-donut {
    width: 108px !important;
    max-width: 108px !important;
  }
  #screen-admin .admin-viz-donut strong { font-size: 1.65rem !important; }
  #screen-admin .admin-viz-donut small { font-size: .58rem !important; }
  #screen-admin .admin-viz-legend { gap: 5px !important; }
  #screen-admin .admin-viz-legend > div {
    grid-template-columns: 8px minmax(0,1fr) auto !important;
    gap: 6px !important;
    padding: 6px 7px !important;
    border-radius: 9px !important;
  }
  #screen-admin .admin-viz-legend i {
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 0 2px color-mix(in srgb,var(--legend-color) 18%,transparent) !important;
  }
  #screen-admin .admin-viz-legend span,
  #screen-admin .admin-viz-legend strong {
    font-size: .68rem !important;
    line-height: 1.2 !important;
  }

  #screen-admin .admin-viz-bars { gap: 8px !important; }
  #screen-admin .admin-viz-bar-row > div:first-child {
    margin-bottom: 4px !important;
    font-size: .72rem !important;
  }
  #screen-admin .admin-viz-bar-track { height: 9px !important; }

  #screen-admin .admin-viz-rings { gap: 8px !important; }
  #screen-admin .admin-viz-ring-item {
    grid-template-columns: 50px minmax(0,1fr) !important;
    gap: 9px !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }
  #screen-admin .admin-viz-ring { width: 46px !important; }
  #screen-admin .admin-viz-ring strong { font-size: .82rem !important; }
  #screen-admin .admin-viz-ring-item > div:last-child > strong { font-size: .78rem !important; }
  #screen-admin .admin-viz-ring-item small { font-size: .68rem !important; }

  #screen-admin .admin-viz-activity { gap: 6px !important; }
  #screen-admin .admin-viz-activity-row {
    grid-template-columns: 8px minmax(0,1fr) auto !important;
    gap: 8px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
  }
  #screen-admin .admin-viz-activity-icon { width: 7px !important; height: 7px !important; box-shadow: none !important; }
  #screen-admin .admin-viz-activity-row strong { font-size: .73rem !important; }
  #screen-admin .admin-viz-activity-row small { font-size: .66rem !important; }
  #screen-admin .admin-viz-activity-row b { min-width: 24px !important; font-size: 1rem !important; }

  /* Classic stats, if selected, are compact two-column tiles. */
  #screen-admin .admin-stats,
  #screen-admin .admin-stats.admin-stats-ten,
  #screen-admin .admin-stats.admin-stats-nine,
  #screen-admin .admin-stats.admin-stats-seven,
  #screen-admin .admin-stats.admin-stats-six,
  #screen-admin .admin-stats.admin-stats-five {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  #screen-admin .admin-stats > div {
    min-height: 72px !important;
    padding: 9px 8px !important;
    border-radius: 13px !important;
  }
  #screen-admin .admin-stats span { font-size: .62rem !important; line-height: 1.2 !important; }
  #screen-admin .admin-stats strong { margin-top: 3px !important; font-size: 1.6rem !important; }

  /* Secondary Admin statistics blocks. */
  #screen-admin .admin-member-access,
  #screen-admin .admin-club-export,
  #screen-admin .admin-classified-storage,
  #screen-admin .admin-game-testing-tools,
  #screen-admin .admin-app-links-card {
    margin: 13px 0 !important;
    padding: 12px !important;
    border-radius: 15px !important;
  }
  #screen-admin .admin-member-access-heading h4,
  #screen-admin .admin-club-export-heading h4,
  #screen-admin .admin-classified-storage-heading h4,
  #screen-admin .admin-game-testing-tools h4,
  #screen-admin .admin-app-links-card h4 {
    font-size: 1.08rem !important;
    line-height: 1.15 !important;
  }
  #screen-admin .admin-member-access-heading p,
  #screen-admin .admin-club-export-heading p,
  #screen-admin .admin-classified-storage-heading p,
  #screen-admin .admin-classified-storage > p,
  #screen-admin .admin-game-testing-tools p,
  #screen-admin .admin-app-links-card p {
    font-size: .75rem !important;
    line-height: 1.4 !important;
  }
  #screen-admin .admin-classified-storage-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  #screen-admin .admin-classified-storage-grid > div {
    padding: 9px !important;
    min-height: 68px !important;
  }
  #screen-admin .admin-classified-storage-grid > div:last-child { grid-column: auto !important; }
  #screen-admin .admin-classified-storage-grid span { font-size: .62rem !important; }
  #screen-admin .admin-classified-storage-grid strong { font-size: 1.35rem !important; }

  /* Edit App: wider two-column buttons; Editing: compact toolbar and records. */
  #screen-admin .admin-edit-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    padding: 4px !important;
  }
  #screen-admin .admin-edit-grid button {
    min-height: 44px !important;
    padding: 7px 8px !important;
    font-size: .76rem !important;
    line-height: 1.18 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  #screen-admin #adminEditingSection {
    display: block !important;
  }
  #screen-admin #adminEditingSection[hidden] { display: none !important; }
  #screen-admin .admin-desktop-sidebar { display: none !important; }
  #screen-admin .admin-editing-header {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    gap: 9px !important;
    margin: 0 0 9px !important;
  }
  #screen-admin .admin-editing-header > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    font-size: .74rem !important;
  }
  #screen-admin .admin-editing-header h3 { font-size: 1.25rem !important; }
  #screen-admin .admin-toolbar {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    padding: 6px !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  #screen-admin .admin-search,
  #screen-admin .admin-add-btn { min-height: 43px !important; }
  #screen-admin .admin-add-btn {
    width: auto !important;
    padding: 0 11px !important;
    white-space: nowrap !important;
    font-size: .74rem !important;
  }
  #screen-admin .admin-record-list { gap: 7px !important; }
  #screen-admin .admin-record-card {
    padding: 10px !important;
    gap: 7px !important;
    border-radius: 13px !important;
  }
  #screen-admin .admin-record-main strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    font-size: .84rem !important;
    line-height: 1.25 !important;
  }
  #screen-admin .admin-record-main small { font-size: .7rem !important; }
  #screen-admin .admin-record-number { font-size: .62rem !important; }
  #screen-admin .admin-count-pills { flex-wrap: wrap !important; }
  #screen-admin .admin-count-pills span { font-size: .66rem !important; padding: 4px 7px !important; }
  #screen-admin .admin-record-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    gap: 6px !important;
  }
  #screen-admin .admin-record-actions button {
    width: 100% !important;
    min-height: 40px !important;
    padding: 6px 7px !important;
    white-space: normal !important;
    word-break: normal !important;
    font-size: .72rem !important;
    line-height: 1.15 !important;
  }

  /* Contacts section. */
  #screen-admin .admin-contacts-header {
    gap: 9px !important;
    margin-bottom: 11px !important;
  }
  #screen-admin .admin-contacts-header > button { width: 100% !important; }

  /* Committee Tasks inside Admin: readable but substantially shorter. */
  #screen-admin .committee-task-portfolio-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 10px 0 15px !important;
  }
  #screen-admin .committee-task-portfolio {
    gap: 8px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }
  #screen-admin .committee-task-portfolio-heading strong { font-size: 1rem !important; }
  #screen-admin .committee-task-portfolio-heading span,
  #screen-admin .chairman-task-workspace-heading span,
  #screen-admin .committee-task-editor-heading span,
  #screen-admin .chairman-task-document-card > div > span { font-size: .62rem !important; }
  #screen-admin .committee-task-portfolio p,
  #screen-admin .chairman-task-workspace-heading p,
  #screen-admin .committee-task-editor-heading p,
  #screen-admin .chairman-task-document-card p {
    font-size: .75rem !important;
    line-height: 1.38 !important;
  }
  #screen-admin .committee-task-portfolio button,
  #screen-admin .committee-task-editor-toolbar button,
  #screen-admin .chairman-task-workspace-heading button,
  #screen-admin .chairman-task-document-card button {
    min-height: 42px !important;
    padding: 7px 9px !important;
    font-size: .76rem !important;
  }
  #screen-admin .chairman-task-workspace { padding-top: 15px !important; }
  #screen-admin .chairman-task-workspace-heading h4,
  #screen-admin .committee-task-editor-heading h4 {
    margin: 3px 0 !important;
    font-size: 1.22rem !important;
  }
  #screen-admin .chairman-task-rally-selector { gap: 8px !important; margin: 10px 0 !important; }
  #screen-admin .chairman-task-document-grid { gap: 8px !important; margin-bottom: 11px !important; }
  #screen-admin .chairman-task-document-card { gap: 9px !important; padding: 11px !important; border-radius: 14px !important; }
  #screen-admin .chairman-task-document-card h5 { font-size: 1.05rem !important; }
  #screen-admin .committee-task-editor { margin-top: 10px !important; padding: 11px !important; border-radius: 15px !important; }
  #screen-admin .committee-task-editor-heading { gap: 8px !important; padding-bottom: 9px !important; }
  #screen-admin .committee-task-editor-toolbar { gap: 7px !important; padding: 9px 0 !important; }
  #screen-admin .committee-task-form-sections { gap: 9px !important; padding: 10px 0 !important; }
  #screen-admin .committee-task-form-section { padding: 10px !important; border-radius: 13px !important; }
  #screen-admin .committee-task-form-section h5 { margin-bottom: 8px !important; font-size: 1rem !important; }
  #screen-admin .committee-task-field-grid { gap: 8px !important; }

  /* Forms and modal sheets use the whole phone width without giant padding. */
  #screen-admin .admin-modal-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 12px calc(16px + env(safe-area-inset-bottom)) !important;
    border-radius: 20px 20px 0 0 !important;
  }
  #screen-admin .admin-record-form #adminRecordFields { gap: 8px !important; }
  #screen-admin .admin-login-form input,
  #screen-admin .admin-record-form input,
  #screen-admin .admin-record-form select,
  #screen-admin .admin-record-form textarea,
  #screen-admin .admin-search input {
    font-size: 16px !important; /* prevents mobile browser zoom */
  }
}

@media (max-width: 370px) {
  #screen-admin .admin-viz-donut-layout { grid-template-columns: 96px minmax(0,1fr) !important; gap: 8px !important; }
  #screen-admin .admin-viz-donut { width: 92px !important; max-width: 92px !important; }
  #screen-admin .admin-section-nav button { min-width: 72px !important; padding-inline: 9px !important; }
  #screen-admin .admin-section-nav button[data-admin-section="tasks"] { min-width: 116px !important; }
}


/* v55.12.119 — Admin mobile refinement pass 2.
   Dense stats are collapsible; Contacts and Club Records export are shorter and higher contrast. */
@media (max-width: 720px) {
  /* Collapsible visual-dashboard sections: desktop remains fully open. */
  #screen-admin .admin-viz-card[data-admin-mobile-collapse] > header {
    align-items: center !important;
    margin-bottom: 0 !important;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse]:not(.is-mobile-collapsed) > header {
    margin-bottom: 10px !important;
  }
  #screen-admin .admin-mobile-collapse-toggle {
    display: inline-grid !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb,var(--gold) 58%,transparent) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--gold-light) !important;
  }
  #screen-admin .admin-mobile-collapse-toggle span {
    display: block !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    transform: rotate(0deg);
    transition: transform .18s ease;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse]:not(.is-mobile-collapsed) .admin-mobile-collapse-toggle span {
    transform: rotate(180deg);
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse].is-mobile-collapsed > .admin-mobile-collapse-body {
    display: none !important;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse].is-mobile-collapsed {
    padding-block: 11px !important;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse].is-mobile-collapsed > header h4 {
    font-size: .98rem !important;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse].is-mobile-collapsed > header span {
    font-size: .58rem !important;
  }
  #screen-admin .admin-viz-card[data-admin-mobile-collapse] > header > strong {
    margin-left: auto !important;
    font-size: 1.22rem !important;
  }

  /* Club records export: shorter, readable and no vertical PDF badge. */
  #screen-admin .admin-club-export {
    padding: 10px !important;
    margin-block: 10px !important;
    border-radius: 14px !important;
  }
  #screen-admin .admin-club-export-heading {
    align-items: flex-start !important;
    gap: 8px !important;
  }
  #screen-admin .admin-club-export-heading h4 {
    margin: 2px 0 4px !important;
    font-size: .98rem !important;
    line-height: 1.12 !important;
  }
  #screen-admin .admin-club-export-heading p {
    font-size: .68rem !important;
    line-height: 1.36 !important;
  }
  #screen-admin .admin-club-export-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 44px !important;
    width: auto !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
  }
  #screen-admin .admin-club-export-options {
    gap: 6px !important;
    margin-top: 9px !important;
  }
  #screen-admin .admin-club-export-options label {
    min-height: 0 !important;
    gap: 8px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
    background: rgba(7,54,36,.92) !important;
  }
  #screen-admin .admin-club-export-options input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
  }
  #screen-admin .admin-club-export-options strong {
    color: #fff8e7 !important;
    font-size: .76rem !important;
    line-height: 1.2 !important;
  }
  #screen-admin .admin-club-export-options small {
    color: rgba(255,248,231,.72) !important;
    font-size: .64rem !important;
    line-height: 1.28 !important;
  }
  #screen-admin .admin-club-export-actions {
    gap: 7px !important;
    margin-top: 9px !important;
  }
  #screen-admin .admin-club-export-actions .admin-primary-btn {
    min-height: 40px !important;
    padding: 7px 10px !important;
    font-size: .76rem !important;
    line-height: 1.15 !important;
  }
  #screen-admin .admin-club-export-actions p {
    font-size: .67rem !important;
    line-height: 1.35 !important;
  }

  /* Contacts: compact cards, less duplicate decoration and two-column phone/email details. */
  #screen-admin #adminContactsSection .admin-section-heading h3 {
    font-size: 1.28rem !important;
  }
  #screen-admin #adminContactsSection .admin-section-heading p {
    font-size: .72rem !important;
    line-height: 1.35 !important;
  }
  #screen-admin .admin-contacts-header {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }
  #screen-admin .admin-contacts-header > button {
    min-height: 40px !important;
    padding: 6px 10px !important;
    font-size: .76rem !important;
  }
  #screen-admin .admin-contact-search-wrap {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }
  #screen-admin .admin-contact-search input {
    min-height: 42px !important;
    padding-inline: 11px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }
  #screen-admin .admin-contact-count {
    font-size: .68rem !important;
  }
  #screen-admin .admin-phonebook {
    gap: 10px !important;
  }
  #screen-admin .admin-phonebook-group {
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 6px !important;
  }
  #screen-admin .admin-phonebook-letter {
    width: 23px !important;
    height: 23px !important;
    font-size: .62rem !important;
  }
  #screen-admin .admin-phonebook-list {
    border-radius: 14px !important;
  }
  #screen-admin .admin-phonebook-contact {
    grid-template-columns: minmax(0,1fr) 30px !important;
    gap: 7px !important;
    min-height: 0 !important;
    padding: 9px !important;
  }
  #screen-admin .admin-contact-avatar {
    display: none !important;
  }
  #screen-admin .admin-contact-main {
    grid-column: 1 !important;
    gap: 1px !important;
  }
  #screen-admin .admin-contact-main strong {
    font-size: .86rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  #screen-admin .admin-contact-main span {
    font-size: .7rem !important;
  }
  #screen-admin .admin-contact-main small {
    font-size: .62rem !important;
    line-height: 1.25 !important;
  }
  #screen-admin .admin-contact-chevron {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 1.15rem !important;
  }
  #screen-admin .admin-contact-detail {
    grid-column: 1 / 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
  }
  #screen-admin .admin-contact-detail a {
    padding: 6px 7px !important;
    border-radius: 9px !important;
  }
  #screen-admin .admin-contact-detail a span {
    font-size: .5rem !important;
  }
  #screen-admin .admin-contact-detail a strong {
    margin-top: 1px !important;
    font-size: .66rem !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 721px) {
  #screen-admin .admin-mobile-collapse-toggle { display: none !important; }
  #screen-admin .admin-mobile-collapse-body { display: grid; }
  #screen-admin .admin-viz-bars.admin-mobile-collapse-body,
  #screen-admin .admin-viz-rings.admin-mobile-collapse-body { display: grid; }
}