/* NOTEA 7.8.3.53 — Compact Settings dashboard
   Visual-only reorganization. Existing data attributes and behaviors are preserved. */

.settings-desktop-language{display:none}

@media (min-width:761px){
  .settings-screen{
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased;
  }
  .portal[data-active-module="settings"] .portal-main{
    width:100%!important;
    max-width:none!important;
    padding-top:24px!important;
  }

  .settings-screen{
    width:min(100%,1320px)!important;
    max-width:1320px!important;
    margin:0 auto!important;
    padding:0 18px 30px!important;
  }

  .settings-screen .compact-settings-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
    min-height:72px!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  .settings-screen .compact-settings-header .back-button,
  .settings-screen .compact-settings-header .settings-section-icon,
  .settings-screen .settings-title-copy .eyebrow{display:none!important}
  .settings-screen .settings-title-copy{min-width:0!important}
  .settings-screen .settings-title-copy h1{
    margin:0!important;
    font-family:var(--c-display,var(--display))!important;
    font-size:34px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    color:var(--c-ink,var(--text))!important;
  }
  .settings-screen .settings-title-copy>p:last-child{
    display:block!important;
    margin:7px 0 0!important;
    font:600 12.5px/1.4 var(--c-ui,var(--ui))!important;
    color:var(--c-muted,var(--muted))!important;
  }

  .settings-desktop-language{
    display:grid!important;
    grid-template-columns:25px minmax(82px,auto)!important;
    align-items:center!important;
    gap:8px!important;
    height:48px!important;
    min-width:132px!important;
    padding:0 12px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:14px!important;
    background:var(--c-paper,var(--paper))!important;
    box-shadow:var(--c-shadow-soft,0 8px 20px rgba(30,58,95,.05))!important;
    color:var(--c-ink,var(--text))!important;
  }
  .settings-language-globe{width:23px;height:23px;display:grid;place-items:center;color:var(--c-muted,var(--muted))}
  .settings-language-globe svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .settings-desktop-language select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 24px 0 0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:var(--c-ink,var(--text))!important;
    font:750 11.5px/1 var(--c-ui,var(--ui))!important;
    cursor:pointer!important;
  }

  .settings-screen .settings-layout{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "profile profile"
      "appearance ministry"
      "data app"
      "support support"!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
  }
  .settings-screen .profile-settings-group{grid-area:profile!important}
  .settings-screen .appearance-settings-group{grid-area:appearance!important}
  .settings-screen .ministry-settings-group{grid-area:ministry!important}
  .settings-screen .data-settings-group{grid-area:data!important}
  .settings-screen .app-settings-group{grid-area:app!important}
  .settings-screen .support-settings-group{grid-area:support!important}
  .settings-screen .privacy-note{display:none!important}

  .settings-screen .settings-group{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0 14px 14px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:17px!important;
    background:var(--c-paper,var(--paper))!important;
    box-shadow:0 10px 28px color-mix(in srgb,var(--c-ink,var(--text)) 6%,transparent)!important;
    overflow:hidden!important;
  }
  .settings-screen .settings-group>header{
    min-height:51px!important;
    margin:0 -14px 12px!important;
    padding:10px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border-bottom:1px solid var(--c-line,var(--line))!important;
    background:linear-gradient(90deg,var(--c-paper,var(--paper)),var(--c-paper-2,var(--panel)))!important;
  }
  .settings-screen .settings-group>header>span{
    width:31px!important;height:31px!important;min-width:31px!important;
    border-radius:10px!important;
    display:grid!important;place-items:center!important;
    background:var(--c-accent-soft,var(--accent-soft))!important;
    color:var(--c-accent-deep,var(--accent))!important;
    font-size:14px!important;
  }
  .settings-screen .settings-group>header>div{min-width:0!important}
  .settings-screen .settings-group h2{
    margin:0!important;
    font-family:var(--c-display,var(--display))!important;
    font-size:17px!important;
    line-height:1.1!important;
    color:var(--c-ink,var(--text))!important;
  }
  .settings-screen .settings-group>header p{display:none!important}

  /* Profile: one compact horizontal row, like the reference. */
  .settings-screen .profile-settings-group{padding-bottom:12px!important}
  .profile-settings-group .avatar-profile-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    min-height:68px!important;
    padding:0 10px!important;
  }
  .profile-settings-group .avatar-profile-current{
    display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;flex:1 1 auto!important;
  }
  .profile-settings-group .avatar-profile-image{
    width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;
  }
  .profile-settings-group .avatar-profile-copy{display:grid!important;gap:3px!important;min-width:0!important}
  .profile-settings-group .avatar-profile-copy>strong{display:none!important}
  .profile-settings-group .avatar-profile-copy b{font-size:16px!important;line-height:1.1!important;color:var(--c-ink,var(--text))!important}
  .profile-settings-group .avatar-profile-copy small{font-size:11px!important;color:var(--c-muted,var(--muted))!important;max-width:none!important}
  .profile-settings-group .avatar-profile-actions{
    display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;
  }
  .profile-settings-group .avatar-change-button,
  .profile-settings-group .avatar-reset-button{
    min-height:40px!important;height:40px!important;border-radius:11px!important;padding:0 16px!important;font-size:11.5px!important;
  }
  .profile-settings-group .avatar-change-button i{display:none!important}
  .profile-settings-group .avatar-local-note{display:none!important}

  /* Appearance: 12 themes in two rows of six. */
  .settings-screen .appearance-settings-group{
    display:block!important;
    min-height:208px!important;
  }
  .appearance-settings-group .theme-select-control{display:none!important}
  .appearance-settings-group .theme-palette{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  .appearance-settings-group .theme-palette button{
    min-width:0!important;
    min-height:58px!important;
    padding:7px 6px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:12px!important;
    background:var(--c-paper-2,var(--panel))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    text-align:center!important;
    color:var(--c-ink,var(--text))!important;
    font:700 10.25px/1.18 var(--c-ui,var(--ui))!important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
  }
  .appearance-settings-group .theme-palette button:hover{transform:translateY(-1px)!important;border-color:var(--c-accent,var(--accent))!important;background:var(--c-accent-soft,var(--accent-soft))!important}
  .appearance-settings-group .theme-palette button.is-active{
    border-color:var(--c-accent-deep,var(--accent))!important;
    background:var(--c-paper,var(--paper))!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--c-accent,var(--accent)) 20%,transparent)!important;
  }
  .appearance-settings-group .theme-palette button i{width:20px!important;height:20px!important;border-radius:50%!important;flex:0 0 auto!important}
  .appearance-settings-group>.settings-control:last-child{display:none!important}

  /* Ministry: profile + two compact information bands. */
  .settings-screen .ministry-settings-group{min-height:208px!important}
  .ministry-settings-group>.settings-control{
    min-height:44px!important;
    padding:0 8px!important;
    border:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  }
  .ministry-settings-group>.settings-control>span{font-size:11.5px!important;font-weight:750!important;color:var(--c-ink,var(--text))!important}
  .ministry-settings-group>[data-ministry-aux-row][hidden]{display:none!important}
  .ministry-settings-group>.settings-control select{height:36px!important;min-width:172px!important;max-width:55%!important;border-radius:10px!important;font-size:11.5px!important}
  .ministry-settings-group .ministry-rule-note{
    margin:7px 0 8px!important;
    min-height:43px!important;
    padding:9px 11px!important;
    border:1px solid color-mix(in srgb,var(--c-blue,var(--accent)) 20%,var(--c-line,var(--line)))!important;
    border-radius:11px!important;
    background:var(--c-blue-soft,var(--accent-soft))!important;
  }
  .ministry-settings-group .ministry-rule-note strong{font-size:11px!important}
  .ministry-settings-group .ministry-rule-note p{font-size:10.5px!important;line-height:1.35!important;margin-top:2px!important}
  .ministry-settings-group .ministry-facts{
    margin:0!important;
    padding:8px 10px!important;
    min-height:45px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:11px!important;
    background:var(--c-paper-2,var(--panel))!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
  }
  .ministry-settings-group .ministry-facts>span{width:24px!important;height:24px!important;font-size:11px!important;background:var(--c-paper,var(--paper))!important}
  .ministry-settings-group .ministry-facts>div{min-width:0!important;display:grid!important;gap:2px!important}
  .ministry-settings-group .ministry-facts strong{font-size:11px!important;line-height:1.25!important;color:var(--c-ink,var(--text))!important}
  .ministry-settings-group .ministry-facts small{font-size:10.25px!important;line-height:1.35!important;color:var(--c-muted,var(--muted))!important}

  /* Data: two-column action grid. All existing actions remain available. */
  .settings-screen .data-settings-group{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 10px!important;
    align-content:start!important;
    /* Tighten only the lower-left column: Data sits closer to Appearance. */
    margin-top:-28px!important;
  }
  .data-settings-group>header{grid-column:1/-1!important}
  .data-settings-group>.settings-action{
    min-height:52px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:11px!important;
    background:var(--c-paper-2,var(--panel))!important;
    color:var(--c-ink,var(--text))!important;
  }
  .data-settings-group>.settings-action:hover{transform:translateY(-1px)!important;border-color:var(--c-accent,var(--accent))!important;background:var(--c-accent-soft,var(--accent-soft))!important}
  .data-settings-group>.settings-action b{font-size:11px!important}
  .data-settings-group>.settings-action small{font-size:10px!important;line-height:1.32!important;margin-top:2px!important}
  .data-settings-group>.settings-action i{font-size:15px!important;color:var(--c-accent-deep,var(--accent))!important}
  .data-settings-group>[data-trash-open]{grid-column:1!important}
  .data-settings-group>.logout-settings-button{grid-column:2!important;background:color-mix(in srgb,var(--c-paper-2,var(--panel)) 78%,#f5dede)!important}

  /* Application: notification card first, About becomes a compact footer row. */
  .settings-screen .app-settings-group{display:flex!important;flex-direction:column!important;gap:8px!important}
  .app-settings-group>header{width:calc(100% + 28px)!important;flex:0 0 auto!important}
  .app-settings-group .notification-settings-panel{
    order:1!important;
    margin:0!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    gap:7px!important;
  }
  .app-settings-group>[data-about-open]{order:2!important}
  .app-settings-group>.settings-action{
    min-height:36px!important;
    padding:5px 8px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:10px!important;
    background:var(--c-paper-2,var(--panel))!important;
  }
  .app-settings-group>.settings-action b{font-size:10.5px!important}
  .app-settings-group>.settings-action small{font-size:10px!important}
  .notification-settings-head{grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important}
  .notification-settings-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:13px!important}
  .notification-settings-copy b{font-size:11.5px!important}.notification-settings-copy small{font-size:10px!important}
  .notification-enable-button{min-height:32px!important;height:32px!important;padding:0 12px!important;font-size:10px!important;border-radius:9px!important}
  .notification-status-row{display:none!important}
  .notification-pref-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .notification-pref{min-height:45px!important;padding:7px!important;border-radius:10px!important}
  .notification-pref span b{font-size:10.25px!important;line-height:1.25!important}.notification-pref span small{display:none!important}
  .notification-test-button{min-height:32px!important;padding:6px 8px!important;border-radius:9px!important;font-size:10px!important}
  .notification-background-note{display:none!important}

  /* Help: exactly one full-width strip with three compact actions. */
  .settings-screen .support-settings-group{
    padding-bottom:12px!important;
    /* Follow the compacted data row upward without changing card order. */
    margin-top:0!important;
  }
  .support-settings-group .support-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:calc(66.666% - 4px)!important;
    float:left!important;
    padding-right:10px!important;
  }
  .support-settings-group .support-action,
  .support-settings-group .support-contact-note{
    min-height:50px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid var(--c-line,var(--line))!important;
    border-radius:11px!important;
    background:var(--c-paper-2,var(--panel))!important;
  }
  .support-settings-group .support-action b,.support-settings-group .support-contact-note b{font-size:11px!important}
  .support-settings-group .support-action small,.support-settings-group .support-contact-note a{font-size:10px!important}
  .support-settings-group .support-contact-note{
    width:33.333%!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  .support-settings-group .support-contact-note>span:first-child{font-size:16px!important;color:var(--c-accent-deep,var(--accent))!important}
  .support-settings-group .support-privacy-copy{display:none!important}
  .support-settings-group::after{content:"";display:block;clear:both}

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .settings-desktop-language,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .settings-screen .settings-group,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .data-settings-group>.settings-action,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .support-settings-group .support-action,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .support-settings-group .support-contact-note{
    background:var(--c-paper,var(--paper))!important;
    border-color:var(--c-line,var(--line))!important;
  }
}

@media (min-width:761px) and (max-width:1060px){
  .settings-screen{padding-inline:12px!important}
  .settings-screen .settings-layout{gap:12px!important}
  .appearance-settings-group .theme-palette{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .appearance-settings-group .theme-palette button{min-height:50px!important}
  .settings-screen .appearance-settings-group,.settings-screen .ministry-settings-group{min-height:248px!important}
  .notification-pref-grid{grid-template-columns:1fr!important}
  .notification-pref{min-height:34px!important}
  .support-settings-group .support-actions{width:100%!important;float:none!important;padding-right:0!important}
  .support-settings-group .support-contact-note{width:100%!important;margin-top:8px!important}
}

@media (max-width:760px){
  .settings-desktop-language{display:none!important}
}