/* PROJECT Account + Settings + Auth UI Refresh v1.10.57.98 */
:root{
  --v98-red:#ff0000;
  --v98-ink:#17191d;
  --v98-text:#343940;
  --v98-muted:#7b8490;
  --v98-line:rgba(20,28,40,.085);
  --v98-bg:#f7f8fa;
  --v98-surface:rgba(255,255,255,.90);
  --v98-radius:16px;
  --v98-shadow:0 12px 32px rgba(15,23,42,.055);
}

/* Typography baseline: Roboto + restrained hierarchy */
html,body,button,input,select,textarea{font-family:Roboto,"Segoe UI",Arial,sans-serif!important}
body.app-page{font-weight:400}
body.app-page h1{font-weight:600!important}
body.app-page h2,body.app-page h3,body.app-page h4{font-weight:500!important}
body.app-page .topbar-title h1{font-size:22px!important;line-height:28px!important;font-weight:600!important}
body.app-page .section-head h2{font-size:16px!important;line-height:24px!important;font-weight:500!important}
body.app-page strong{font-weight:500}
body.app-page th{font-weight:500!important;letter-spacing:.02em!important}
body.app-page .btn{font-weight:500!important}
body.app-page .badge{font-weight:500!important}
body.app-page label{font-weight:400!important}
body.app-page small,body.app-page .muted{font-weight:400!important}

/* Shared account/settings surfaces */
body.app-page .profile-card,
body.app-page .notification-page-grid>.card,
body.app-page .access-ui-shell,
body.app-page .nsg>.card,
body.app-page .mt47-tool,
body.app-page .mapping-table,
body.app-page .settings-tabs{
  border-color:var(--v98-line)!important;
  box-shadow:var(--v98-shadow)!important;
}
body.app-page .profile-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important}
body.app-page .profile-card{padding:20px!important;align-self:start}
body.app-page .profile-card .avatar.large{width:76px!important;height:76px!important;font-size:24px!important}
body.app-page .profile-card h2{font-size:18px!important;line-height:24px!important;font-weight:500!important;margin-top:10px!important}
body.app-page .profile-card p{font-size:13px!important;line-height:19px!important;margin:3px 0!important}
body.app-page .profile-layout .grid{gap:16px!important}
body.app-page .profile-layout textarea{min-height:86px!important}
body.app-page .profile-layout label>small{display:none!important}

/* User management */
body.app-page .split{gap:16px}
body.app-page .split>.card{min-width:0}
body.app-page .split>.card:first-child form.stack{gap:12px!important}
body.app-page .split>.card:first-child h2{font-size:16px!important;font-weight:500!important;margin-top:0}
body.app-page .split>.card table td:first-child strong{font-weight:500!important}

/* Settings/access */
body.app-page .settings-tabs{padding:6px!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important}
body.app-page .settings-tabs a{font-weight:500!important}
body.app-page .access-ui-head h2,
body.app-page .access-ui-drawer-head h2{font-weight:500!important}
body.app-page .access-ui-eyebrow,
body.app-page .access-ui-help,
body.app-page .mapping-help,
body.app-page .mt47-note{font-weight:400!important}
body.app-page .access-ui-item{border-color:var(--v98-line)!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;box-shadow:none!important}
body.app-page .access-ui-item:hover{border-color:rgba(255,0,0,.14)!important;background:#fff!important}
body.app-page .access-ui-name-row strong{font-weight:500!important}
body.app-page .access-ui-chip{font-weight:400!important}
body.app-page .access-ui-chip.strong{font-weight:500!important}
body.app-page .access-ui-drawer{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
body.app-page .nsg-stat strong,
body.app-page .mt47-stat strong,
body.app-page .mt47-count{font-weight:600!important}

/* Notifications: readable, compact, no ornamental copy */
body.app-page .notification-page-grid{gap:16px!important}
body.app-page .notification-page-grid .section-head p.muted,
body.app-page .notification-page-grid .broadcast-history-head+*.muted{display:none!important}
body.app-page .notification-list{display:grid;gap:6px}
body.app-page .notification-list-item{border:1px solid transparent!important;border-radius:13px!important;padding:12px!important;background:rgba(255,255,255,.56)!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important}
body.app-page .notification-list-item:hover{background:#fff!important;border-color:var(--v98-line)!important;transform:translateY(-1px)}
body.app-page .notification-list-item strong{font-weight:500!important}
body.app-page .notification-list-item p{font-size:13px!important;line-height:19px!important;margin:2px 0!important;color:#5f6772!important}
body.app-page .notification-list-item small{font-size:11px!important;line-height:16px!important}
body.app-page .broadcast-history-item{border-color:var(--v98-line)!important;border-radius:14px!important;padding:14px!important}
body.app-page .broadcast-history-item p{font-size:13px!important;line-height:20px!important}

/* Global list interaction: row/card itself is the edit affordance */
body.app-page .ds-row-clickable{cursor:pointer!important;transition:background .14s ease,box-shadow .14s ease,transform .14s ease!important}
body.app-page tr.ds-row-clickable:hover{background:rgba(255,0,0,.025)!important}
body.app-page .ds-row-clickable:not(tr):hover{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;transform:translateY(-1px)}
body.app-page .ds-row-clickable:focus-visible{outline:2px solid rgba(255,0,0,.42)!important;outline-offset:-2px!important}
body.app-page [data-ds-row-edit-anchor="1"]{display:none!important}
body.app-page td.ds-row-action-cell{white-space:nowrap}

/* More compact controls for data-heavy work */
body.app-page .table-wrap{border-radius:14px!important}
body.app-page th{padding:11px 13px!important}
body.app-page td{padding:12px 13px!important}
body.app-page .btn.small{min-height:36px!important;padding:7px 11px!important;font-size:12px!important}
body.app-page input,body.app-page select{min-height:42px!important}
body.app-page textarea{min-height:88px}

/* Login / authentication */
body.auth-page{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 84% 10%,rgba(255,0,0,.055),transparent 26%),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.96),transparent 32%),
    var(--v98-bg)!important;
  color:var(--v98-text)!important;
  font-family:Roboto,"Segoe UI",Arial,sans-serif!important;
}
body.auth-page .auth-card{
  width:min(420px,100%)!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.11)!important;
  backdrop-filter:blur(24px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.08)!important;
}
body.auth-page .auth-card::before{display:none!important}
body.auth-page .niceso-auth-logo{width:164px!important;max-width:64%!important;margin:0 auto 18px!important;box-shadow:none!important;border-radius:0!important}
body.auth-page .auth-card h1{font-size:24px!important;line-height:30px!important;font-weight:600!important;letter-spacing:-.02em!important;text-align:center!important;margin:0 0 20px!important}
body.auth-page .auth-card>p.muted{display:none!important}
body.auth-page .auth-card form.stack{gap:14px!important}
body.auth-page .auth-card label{font-size:14px!important;line-height:20px!important;font-weight:400!important;color:#3d4249!important;gap:7px!important}
body.auth-page .auth-card input{min-height:44px!important;border:1px solid #dfe3e8!important;border-radius:12px!important;padding:10px 12px!important;background:#fff!important;box-shadow:none!important}
body.auth-page .auth-card input:focus{border-color:rgba(255,0,0,.66)!important;box-shadow:0 0 0 4px rgba(255,0,0,.07)!important}
body.auth-page .auth-card .btn{min-height:44px!important;border-radius:12px!important;font-size:15px!important;line-height:20px!important;font-weight:500!important}
body.auth-page .auth-card .btn.primary{background:var(--v98-red)!important;color:#fff!important;border-color:var(--v98-red)!important;box-shadow:0 10px 24px rgba(255,0,0,.16)!important}
body.auth-page .password-toggle{font-family:Roboto,"Segoe UI",Arial,sans-serif!important}

@media(max-width:780px){
  body.app-page .profile-layout{grid-template-columns:1fr!important}
  body.app-page .profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;text-align:left!important;align-items:center}
  body.app-page .profile-card .avatar{grid-row:1/4;margin:0!important}
  body.app-page .profile-card h2,body.app-page .profile-card p{grid-column:2;margin:0!important}
  body.app-page .ds-row-clickable{min-height:44px}
  body.auth-page{padding:16px!important}
  body.auth-page .auth-card{padding:22px!important;border-radius:20px!important}
}