/* V169 – Neues DB-Markendesign portalweit */
body.v169-db-redesign{
  --portal-topbar-h:82px;
  --v169-red:#ec0016;
  --v169-red-dark:#b50014;
  --v169-ink:#282d37;
  --v169-muted:#626b78;
  --v169-bg:#f3f5f7;
  --v169-surface:#ffffff;
  --v169-surface-soft:#f8f9fb;
  --v169-border:#dde2e7;
  --v169-border-soft:#e9edf1;
  --v169-shadow:0 8px 28px rgba(40,45,55,.08);
  --v169-shadow-lg:0 16px 44px rgba(40,45,55,.11);
  background:var(--v169-bg)!important;
  color:var(--v169-ink);
  font-family:"DB Office","Segoe UI",Arial,sans-serif;
}
body.v169-db-redesign .topbar{
  min-height:82px!important;padding:11px 28px!important;background:var(--v169-red)!important;
  border:0!important;box-shadow:0 7px 24px rgba(120,0,15,.18)!important;overflow:hidden;isolation:isolate;
}
body.v169-db-redesign .topbar::after{
  content:"";position:absolute;z-index:-1;top:-27px;left:45%;width:470px;height:145px;
  background:url('DB_Schwelle_White_RGB.svg') center/contain no-repeat;opacity:.14;pointer-events:none;
}
body.v169-db-redesign .brand{gap:15px;position:relative;z-index:2}
body.v169-db-redesign .brand-logo{display:none!important}
body.v169-db-redesign .v168-user-db-logo{
  display:block!important;width:58px;height:auto;max-height:46px;object-fit:contain;flex:0 0 auto;
  cursor:pointer;filter:drop-shadow(0 2px 3px rgba(0,0,0,.10));
}
body.v169-db-redesign .brand-text h1{color:#fff!important;font-size:25px!important;line-height:1.12;letter-spacing:-.012em;font-weight:800}
body.v169-db-redesign .version-badge{border-radius:999px;padding:5px 9px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);color:#fff;font-size:11px}
body.v169-db-redesign .topbar .actions{gap:10px;position:relative;z-index:2}
body.v169-db-redesign .contact-btn,body.v169-db-redesign .theme-switch{
  min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.06);box-shadow:none;color:#fff
}
body.v169-db-redesign .contact-btn:hover,body.v169-db-redesign .theme-switch:hover{background:rgba(255,255,255,.14);transform:none}
body.v169-db-redesign .page{padding-top:104px!important;background:var(--v169-bg)!important}
body.v169-db-redesign .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--v169-border-soft)!important;box-shadow:var(--v169-shadow)!important;background:var(--v169-surface)!important}
body.v169-db-redesign .glass::before{display:none!important}
body.v169-db-redesign .btn{border-radius:10px;box-shadow:none}
body.v169-db-redesign .btn-primary{background:var(--v169-red)!important;color:#fff!important;box-shadow:none!important}
body.v169-db-redesign .btn-primary:hover{background:var(--v169-red-dark)!important}
body.v169-db-redesign .btn-secondary,body.v169-db-redesign .btn-ghost{background:#fff;color:var(--v169-ink);border:1px solid var(--v169-border)}
body.v169-db-redesign input,body.v169-db-redesign select,body.v169-db-redesign textarea{border-radius:10px;border-color:var(--v169-border);background:#fff;color:var(--v169-ink)}
body.v169-db-redesign input:focus,body.v169-db-redesign select:focus,body.v169-db-redesign textarea:focus{border-color:rgba(236,0,22,.45);box-shadow:0 0 0 3px rgba(236,0,22,.08)}

/* Login */
body.v169-db-redesign .page.login-mode{max-width:none;min-height:100vh;padding-top:126px!important;align-items:flex-start}
body.v169-db-redesign .login-shell{width:min(820px,calc(100vw - 32px));border-radius:16px!important;overflow:hidden;box-shadow:var(--v169-shadow-lg)!important;position:relative}
body.v169-db-redesign .login-shell::after{
  content:"";position:absolute;right:-70px;bottom:-85px;width:310px;height:190px;background:url('DB_Schwelle_White_RGB.svg') center/contain no-repeat;
  filter:invert(16%) sepia(99%) saturate(6583%) hue-rotate(348deg) brightness(106%) contrast(114%);opacity:.035;pointer-events:none
}
body.v169-db-redesign .login-card{min-height:500px;background:#fff}
body.v169-db-redesign .tabs{padding:10px;border-bottom:1px solid var(--v169-border-soft);background:#fff;gap:8px}
body.v169-db-redesign .tab{border-radius:10px;min-height:46px;color:#4d5663;background:transparent;box-shadow:none}
body.v169-db-redesign .tab.active{background:var(--v169-red);color:#fff;box-shadow:none}
body.v169-db-redesign .tab-content{padding:34px 38px 38px}
body.v169-db-redesign .panel-head h3{color:var(--v169-ink);font-size:28px;letter-spacing:-.02em}
body.v169-db-redesign .panel-head p{color:var(--v169-muted)}

/* Benutzerportal – bestehendes V168-Layout bleibt erhalten */
body.v169-db-redesign.v168-user-open #userPortalShell .side-nav,
body.v169-db-redesign.v168-user-open #userPortalShell .content-card:not(:has(#view-home.active)){box-shadow:var(--v169-shadow)!important}

/* Admin – neue Designsprache */
body.v169-db-redesign.admin-open .page{padding-top:var(--portal-topbar-h)!important}
body.v169-db-redesign.admin-open #adminTabsDock .admin-tabs{
  min-height:62px!important;padding:8px 24px!important;background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid var(--v169-border-soft)!important;box-shadow:0 7px 20px rgba(40,45,55,.08)!important;
  gap:6px;align-items:center;overflow-x:auto;flex-wrap:nowrap
}
body.v169-db-redesign.admin-open #adminTabsDock .admin-tab{min-width:145px;min-height:44px;padding:10px 14px;border-radius:10px;color:#414a57;background:transparent;box-shadow:none;white-space:nowrap;font-weight:800}
body.v169-db-redesign.admin-open #adminTabsDock .admin-tab.active{background:var(--v169-red);color:#fff;box-shadow:none}
body.v169-db-redesign #adminPortal,body.v169-db-redesign #adminPortal.active,body.v169-db-redesign.admin-open #adminPortal{padding-top:90px!important;max-width:2100px;margin:0 auto!important}
body.v169-db-redesign #adminPortal .admin-card-shell{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.v169-db-redesign #adminPortal .admin-panel{padding:0 34px 42px!important;background:transparent!important}
body.v169-db-redesign #adminPortal .panel-head{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--v169-border-soft)}
body.v169-db-redesign #adminPortal .panel-head h3{font-size:30px;color:var(--v169-ink);letter-spacing:-.025em}
body.v169-db-redesign #adminPortal .panel-head p{color:var(--v169-muted);margin-top:6px}
body.v169-db-redesign #adminPortal .admin-section,
body.v169-db-redesign #adminPortal .selection-box,
body.v169-db-redesign #adminPortal .permission-group,
body.v169-db-redesign #adminPortal .news-card,
body.v169-db-redesign #adminPortal .history-item,
body.v169-db-redesign #adminPortal .rights-check-item,
body.v169-db-redesign #adminPortal .ticket-card,
body.v169-db-redesign #adminPortal .log-table-wrap,
body.v169-db-redesign #adminPortal .ticket-toolbar,
body.v169-db-redesign #adminPortal .user-admin-filters,
body.v169-db-redesign #adminPortal .data-maintenance-filters,
body.v169-db-redesign #adminPortal .personal-target-checks,
body.v169-db-redesign #adminPortal .personal-user-checks,
body.v169-db-redesign #adminPortal .easteregg-control-card,
body.v169-db-redesign #adminPortal .sound-library-item{
  background:#fff!important;border:1px solid var(--v169-border-soft)!important;box-shadow:var(--v169-shadow)!important;border-radius:14px!important;color:var(--v169-ink)
}
body.v169-db-redesign #adminPortal .admin-subdetails{margin-top:14px;background:#fff;border:1px solid var(--v169-border-soft);border-radius:14px;box-shadow:0 4px 16px rgba(40,45,55,.045)}
body.v169-db-redesign #adminPortal .admin-subdetails>summary{min-height:54px;padding:14px 16px;color:var(--v169-ink);font-weight:850}
body.v169-db-redesign #adminPortal .admin-subdetails>summary::after{width:28px;height:28px;border-radius:9px;background:#fff0f2;color:var(--v169-red);font-size:20px}
body.v169-db-redesign #adminPortal .admin-subdetails[open]>summary{border-bottom:1px solid var(--v169-border-soft)}
body.v169-db-redesign #adminPortal .admin-subdetails-body{padding:16px}

/* Dashboard */
body.v169-db-redesign #admin-panel-dashboard .dashboard-grid{grid-template-columns:repeat(4,minmax(210px,1fr))!important;gap:14px!important;margin-top:16px}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card{
  min-height:118px;padding:17px 18px;border-radius:14px;background:#fff!important;border:1px solid var(--v169-border-soft)!important;
  box-shadow:0 5px 18px rgba(40,45,55,.055)!important;position:relative;overflow:hidden
}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card::after{
  content:"";position:absolute;right:-28px;top:-18px;width:100px;height:72px;background:url('DB_Schwelle_White_RGB.svg') center/contain no-repeat;
  filter:invert(18%) sepia(99%) saturate(6400%) hue-rotate(348deg) brightness(107%) contrast(113%);opacity:.025;pointer-events:none
}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card .label{color:#68717e;font-size:11px;font-weight:900;letter-spacing:.055em}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card .value{color:var(--v169-ink);font-size:30px;margin-top:8px;letter-spacing:-.03em}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card .sub{color:#737c89;font-size:11px}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card.ok-attention{border-left:4px solid #138a36!important}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card.warning-attention{border-left:4px solid #f59e0b!important}
body.v169-db-redesign #admin-panel-dashboard .dashboard-card.needs-attention{border-left:4px solid var(--v169-red)!important}
body.v169-db-redesign #admin-panel-dashboard .system-grid{gap:16px!important;margin-top:18px}
body.v169-db-redesign #admin-panel-dashboard .system-row,body.v169-db-redesign #admin-panel-dashboard .error-log-item{border-radius:10px;background:#fafbfc;border:1px solid var(--v169-border-soft);box-shadow:none}

/* Tabellen und Unterbereiche */
body.v169-db-redesign #adminPortal table{background:#fff;color:var(--v169-ink)}
body.v169-db-redesign #adminPortal th{color:#5f6875;background:#f7f8fa;border-bottom:1px solid var(--v169-border);font-size:11px}
body.v169-db-redesign #adminPortal td{border-bottom:1px solid var(--v169-border-soft)}
body.v169-db-redesign #adminPortal tbody tr:hover{background:#fafbfc}
body.v169-db-redesign #adminPortal .log-table-wrap{overflow:auto}
body.v169-db-redesign #adminPortal .log-subtab{border-radius:10px;border:1px solid var(--v169-border);background:#fff;color:var(--v169-ink);box-shadow:none}
body.v169-db-redesign #adminPortal .log-subtab.active{background:var(--v169-red);border-color:var(--v169-red);color:#fff;box-shadow:none}
body.v169-db-redesign #adminPortal .admin-news-fold{border-radius:14px;background:#fff;border:1px solid var(--v169-border-soft);box-shadow:var(--v169-shadow)}
body.v169-db-redesign #adminPortal .admin-news-fold>summary{border-radius:10px;background:#fafbfc;border:1px solid var(--v169-border-soft);color:var(--v169-ink)}
body.v169-db-redesign #adminPortal .admin-news-fold[open]>summary{background:var(--v169-red);color:#fff;border-color:var(--v169-red)}
body.v169-db-redesign .modal{border-radius:16px;background:#fff;border:1px solid var(--v169-border);box-shadow:0 26px 70px rgba(40,45,55,.22)}
body.v169-db-redesign .toast{border-radius:12px;background:#fff;border:1px solid var(--v169-border);box-shadow:0 16px 38px rgba(40,45,55,.16)}

/* Darkmode */
body.v169-db-redesign.dark-mode{
  --v169-ink:#f4f6f8;--v169-muted:#b8c0ca;--v169-bg:#11161d;--v169-surface:#171d25;--v169-surface-soft:#1c232d;
  --v169-border:#343d49;--v169-border-soft:#2a323d;background:#11161d!important;color:#f4f6f8
}
body.v169-db-redesign.dark-mode .page{background:#11161d!important}
body.v169-db-redesign.dark-mode .glass,
body.v169-db-redesign.dark-mode .login-card,
body.v169-db-redesign.dark-mode .tabs,
body.v169-db-redesign.dark-mode #adminPortal .admin-section,
body.v169-db-redesign.dark-mode #adminPortal .selection-box,
body.v169-db-redesign.dark-mode #adminPortal .permission-group,
body.v169-db-redesign.dark-mode #adminPortal .news-card,
body.v169-db-redesign.dark-mode #adminPortal .history-item,
body.v169-db-redesign.dark-mode #adminPortal .rights-check-item,
body.v169-db-redesign.dark-mode #adminPortal .ticket-card,
body.v169-db-redesign.dark-mode #adminPortal .log-table-wrap,
body.v169-db-redesign.dark-mode #adminPortal .ticket-toolbar,
body.v169-db-redesign.dark-mode #adminPortal .user-admin-filters,
body.v169-db-redesign.dark-mode #adminPortal .data-maintenance-filters,
body.v169-db-redesign.dark-mode #adminPortal .personal-target-checks,
body.v169-db-redesign.dark-mode #adminPortal .personal-user-checks,
body.v169-db-redesign.dark-mode #adminPortal .easteregg-control-card,
body.v169-db-redesign.dark-mode #adminPortal .sound-library-item,
body.v169-db-redesign.dark-mode #adminPortal .admin-subdetails,
body.v169-db-redesign.dark-mode #admin-panel-dashboard .dashboard-card,
body.v169-db-redesign.dark-mode .modal,
body.v169-db-redesign.dark-mode .toast{background:#171d25!important;color:#f4f6f8!important;border-color:#2f3844!important}
body.v169-db-redesign.dark-mode.admin-open #adminTabsDock .admin-tabs{background:#171d25!important;border-bottom-color:#2f3844!important}
body.v169-db-redesign.dark-mode.admin-open #adminTabsDock .admin-tab:not(.active){color:#d9dee5}
body.v169-db-redesign.dark-mode input,body.v169-db-redesign.dark-mode select,body.v169-db-redesign.dark-mode textarea{background:#11161d!important;border-color:#394351!important;color:#f4f6f8!important}
body.v169-db-redesign.dark-mode #adminPortal .panel-head h3,body.v169-db-redesign.dark-mode #admin-panel-dashboard .dashboard-card .value,body.v169-db-redesign.dark-mode .panel-head h3{color:#fff!important}
body.v169-db-redesign.dark-mode #admin-panel-dashboard .dashboard-card .label,body.v169-db-redesign.dark-mode #admin-panel-dashboard .dashboard-card .sub,body.v169-db-redesign.dark-mode #adminPortal .panel-head p{color:#b8c0ca!important}
body.v169-db-redesign.dark-mode #adminPortal table{background:#171d25;color:#f4f6f8}
body.v169-db-redesign.dark-mode #adminPortal th{background:#1c232d;color:#d6dce4;border-bottom-color:#343d49}
body.v169-db-redesign.dark-mode #adminPortal td{border-bottom-color:#2a323d;color:#f4f6f8}
body.v169-db-redesign.dark-mode #adminPortal tbody tr:hover{background:#1c232d}
body.v169-db-redesign.dark-mode #admin-panel-dashboard .system-row,body.v169-db-redesign.dark-mode #admin-panel-dashboard .error-log-item{background:#1c232d;border-color:#303946;color:#f4f6f8}
body.v169-db-redesign.dark-mode .btn-secondary,body.v169-db-redesign.dark-mode .btn-ghost{background:#1c232d;color:#f4f6f8;border-color:#394351}

@media(max-width:1450px){
  body.v169-db-redesign #admin-panel-dashboard .dashboard-grid{grid-template-columns:repeat(3,minmax(200px,1fr))!important}
  body.v169-db-redesign .brand-text h1{font-size:22px!important}
}
@media(max-width:1100px){
  body.v169-db-redesign #admin-panel-dashboard .dashboard-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}
  body.v169-db-redesign #adminPortal .admin-panel{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:820px){
  body.v169-db-redesign .topbar{padding:10px 14px!important}
  body.v169-db-redesign .topbar::after{display:none}
  body.v169-db-redesign .v168-user-db-logo{width:48px}
  body.v169-db-redesign .brand-text h1{font-size:18px!important}
  body.v169-db-redesign #admin-panel-dashboard .dashboard-grid{grid-template-columns:1fr!important}
  body.v169-db-redesign.admin-open #adminTabsDock .admin-tabs{padding-left:10px!important;padding-right:10px!important}
  body.v169-db-redesign .tab-content{padding:26px 22px 30px}
}

/* V170 – Darkmode-Fix für externe Links ohne Farbmarkierung */
body.v169-db-redesign.v168-user-open.dark-mode .external-link-item .external-nav-btn:not([class*="ext-color-"]){
  background:#171c24 !important;
  background-image:none !important;
  border-color:#394351 !important;
  color:#f6f7f9 !important;
}
body.v169-db-redesign.v168-user-open.dark-mode .external-link-item .external-nav-btn:not([class*="ext-color-"]):hover{
  background:#1d232d !important;
  border-color:#505865 !important;
  color:#ffffff !important;
  filter:none !important;
}

/* V171: Schicht-Eastereggs, Zugmodell- und Versionsbildverwaltung */
.v171-shift-admin{border-top:1px solid rgba(17,24,39,.10);padding-top:14px}
.v171-shift-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(120px,.6fr) minmax(120px,.6fr);gap:10px;align-items:end;margin-top:10px}
.v171-shift-row .field{margin:0}
.v171-asset-preview{margin-top:10px;min-height:92px;border:1px dashed rgba(17,24,39,.16);border-radius:14px;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}
.v171-asset-preview img{display:block;max-width:100%;max-height:150px;object-fit:contain}
.v171-version-preview{min-height:150px}
.v171-image-library{display:grid;gap:8px;margin-top:10px;max-height:290px;overflow:auto}
.v171-image-library-item{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(17,24,39,.08);border-radius:14px;background:rgba(255,255,255,.76)}
.v171-image-library-item.is-selected{border-color:rgba(236,0,22,.45);box-shadow:0 0 0 2px rgba(236,0,22,.08)}
.v171-image-library-item>img{width:74px;height:52px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.86);border:1px solid rgba(17,24,39,.06)}
.v171-image-library-meta{min-width:0}.v171-image-library-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v171-image-library-meta small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.v171-easter-train-image{position:fixed;left:-44vw;bottom:24px;z-index:5000;width:min(40vw,680px);height:150px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 16px 18px rgba(0,0,0,.30));animation:v171TrainImageRide 5.25s cubic-bezier(.15,.64,.25,1) forwards}
.v171-easter-train-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}
@keyframes v171TrainImageRide{0%{transform:translateX(0)}100%{transform:translateX(calc(144vw + 900px))}}
.v171-image-modal-card{width:min(900px,calc(100vw - 32px));max-height:90vh;overflow:auto}
.v171-version-image-modal{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:16px auto 0;border-radius:16px;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.v171-shift-scene{position:fixed;inset:0;z-index:5300;overflow:hidden;pointer-events:none;animation:v166NightIn .55s ease}
.v171-shift-scene.shift-early{background:linear-gradient(180deg,#16294a 0%,#f48b62 42%,#ffd79f 67%,#7eb169 100%)}
.v171-shift-scene.shift-late{background:linear-gradient(180deg,#182444 0%,#784a74 38%,#ef8259 63%,#172333 100%)}
.v171-shift-scene.shift-night{background:radial-gradient(circle at 72% 24%,#233766 0,#0b1630 24%,#050915 68%,#02040a 100%)}
.v171-shift-orb{position:absolute;right:13vw;top:10vh;font-size:min(140px,22vw);filter:drop-shadow(0 0 32px rgba(255,215,120,.5));animation:v166MoonPulse 2s ease-in-out infinite}
.v171-shift-landscape{position:absolute;left:0;right:0;bottom:10vh;text-align:center;font-size:min(180px,29vw);filter:drop-shadow(0 18px 22px rgba(0,0,0,.30))}
.v171-shift-text{position:absolute;left:0;right:0;bottom:7vh;text-align:center;color:#fff;font-size:clamp(26px,3.3vw,44px);font-weight:900;text-shadow:0 4px 24px rgba(0,0,0,.75);letter-spacing:.02em}
.v171-shift-text span{font-size:.55em;font-weight:700;opacity:.9}
body.dark-mode .v171-shift-admin{border-top-color:rgba(255,255,255,.12)}
body.dark-mode .v171-asset-preview,body.dark-mode .v171-image-library-item{background:rgba(15,23,42,.76);border-color:rgba(255,255,255,.14);color:#f8fafc}
body.dark-mode .v171-image-library-item>img{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
body.dark-mode .v171-image-library-meta small{color:#cbd5e1}
@media(max-width:900px){.v171-shift-row{grid-template-columns:1fr 1fr}.v171-shift-row>.check{grid-column:1/-1}.v171-image-library-item{grid-template-columns:58px minmax(0,1fr)}.v171-image-library-item>.actions{grid-column:1/-1}.v171-image-library-item>img{width:58px;height:44px}}
@media(max-width:560px){.v171-shift-row{grid-template-columns:1fr}.v171-shift-row>.check{grid-column:auto}.v171-easter-train-image{width:70vw;left:-75vw;height:110px}}

/* V172: Persönliche Einstellungen flexibler + Easteregg-Testcenter */
#userSettingsModal .settings-modal{
  width:min(1040px,calc(100vw - 40px))!important;
  max-height:min(90vh,920px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#userSettingsModal .settings-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;
}
#userSettingsModal .settings-personal-links-card{
  grid-column:auto!important;
  min-width:0;
}
#userSettingsModal .settings-card{
  min-width:0;
}
#userSettingsModal .personal-links-list{
  max-height:300px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding-right:4px;
}
#userSettingsModal .personal-link-btn{
  min-width:0;
}
#userSettingsModal .personal-link-btn > *{
  min-width:0;
}
#userSettingsModal .actions{
  position:sticky;
  bottom:-1px;
  z-index:4;
  margin-left:-2px;
  margin-right:-2px;
  padding:14px 2px 2px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 24%,rgba(255,255,255,.99));
}
body.dark-mode #userSettingsModal .actions{
  background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.96) 24%,rgba(15,23,42,.99));
}

.v172-easteregg-test-card{
  width:100%;
}
.v172-test-head h4{margin:0 0 4px;}
.v172-easteregg-test-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.v172-easteregg-test-grid .btn{
  min-height:44px;
  justify-content:flex-start;
  text-align:left;
}

@media(max-width:1100px){
  #userSettingsModal .settings-modal{width:min(900px,calc(100vw - 28px))!important;max-height:92vh!important;}
  .v172-easteregg-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  #userSettingsModal .settings-modal{width:calc(100vw - 20px)!important;max-height:94vh!important;padding:18px!important;}
  #userSettingsModal .settings-grid{grid-template-columns:1fr!important;}
  #userSettingsModal .personal-links-list{max-height:240px;}
  .v172-easteregg-test-grid{grid-template-columns:1fr;}
}