/* Shared system palette. Company-specific branding remains supplied by the company settings. */
:root { --home-ink:#253345; --home-blue:#007ac2; --home-line:#c6cfd8; --home-surface:#e6eaee; }
.btn-primary { --bs-btn-bg:#0077ed; --bs-btn-border-color:#0077ed; --bs-btn-hover-bg:#0062c7; --bs-btn-hover-border-color:#0062c7; }
[data-user-layout="new"] { color:var(--home-ink); background:var(--home-surface)!important; font-family:Arial,Helvetica,sans-serif; }
[data-user-layout="new"] .sidebar { top:66px!important; width:220px!important; height:calc(100dvh - 66px)!important; border-right:1px solid var(--home-line); background:#f2f8fe; }
[data-user-layout="new"] main { margin-left:220px!important; width:calc(100% - 220px)!important; padding-top:66px; }
[data-user-layout="new"] .top-shell { position:fixed!important; inset:0 0 auto 0; height:66px; min-height:66px!important; gap:18px!important; padding:8px 20px!important; background:#fff!important; border-bottom:1px solid var(--home-line); }
.home-header-brand { width:180px; min-width:180px; display:flex; align-items:center; }
.home-header-brand img { width:100%; height:46px; object-fit:contain; }
[data-user-layout="new"] .top-shell-left { flex:0 1 auto!important; max-width:26%; }
[data-user-layout="new"] .top-breadcrumbs { gap:4px!important; }
[data-user-layout="new"] .breadcrumb-chip,[data-user-layout="new"] .breadcrumb-link { font-size:11px!important; padding:3px!important; }
[data-user-layout="new"] .top-shell-right { flex:1; min-width:0; gap:16px!important; }
[data-user-layout="new"] .global-search-form { flex:1; width:auto!important; max-width:none!important; }
[data-user-layout="new"] .global-search-input { width:100%; border:1px solid #dce6f3; background:#fbfdff; border-radius:5px; }
[data-user-layout="new"] .profile-name { font-size:12px; }
[data-user-layout="new"] .shell-circle-button { width:34px; height:34px; background:transparent; box-shadow:none; }
[data-user-layout="new"] .nav-menu-shell,[data-user-layout="new"] .nav-scrollable { background:#f2f8fe!important; }
[data-user-layout="new"] .nav-menu-shell .top-row { display:none; }
[data-user-layout="new"] .nav-scrollable { height:100%!important; padding:12px 8px; }
[data-user-layout="new"] .sidebar .nav-item { padding:0!important; margin:3px 0; }
[data-user-layout="new"] .sidebar .nav-link { color:#294573!important; border-radius:4px!important; padding:12px 14px!important; font-size:13px!important; min-height:42px; background:transparent!important; }
[data-user-layout="new"] .sidebar .nav-link.active { color:#005bd4!important; background:#deefff!important; border-left:3px solid #0077ed; font-weight:700; }
[data-user-layout="new"] .sidebar .nav-link .bi { filter:brightness(.4) sepia(1) saturate(5) hue-rotate(175deg); }
[data-user-layout="new"] .content { padding:14px 18px!important; }
[data-user-layout="new"] .dashboard-page-header { margin-bottom:10px; align-items:center; }
[data-user-layout="new"] .dashboard-page-header h1 { font-size:20px; margin:0; }
[data-user-layout="new"] .dashboard-page-subtitle { display:none; }
[data-user-layout="new"] .dashboard-page-shell { --dashboard-gap:10px; --dashboard-row-height:88px; }
[data-user-layout="new"] .dashboard-layout-grid-responsive { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:10px!important; grid-auto-rows:88px!important; }
[data-user-layout="new"] .dashboard-layout-grid-responsive > .dashboard-widget-shell { grid-column:var(--widget-col-start) / span var(--widget-col-span)!important; grid-row:var(--widget-row-start) / span var(--widget-row-span)!important; }
[data-user-layout="new"] .dashboard-widget-card { border:1px solid var(--home-line)!important; border-radius:6px!important; box-shadow:0 2px 7px #213e7010!important; background:white!important; padding:0!important; height:100%; overflow:auto; }
[data-user-layout="new"] .widget-header { padding:10px 12px 6px!important; border:0; min-height:0!important; }
[data-user-layout="new"] .widget-title { font-size:13px!important; font-weight:700; color:var(--home-ink); }
[data-user-layout="new"] .widget-title:before { content:'▣'; color:#0077ed; margin-right:8px; font-size:17px; }
[data-user-layout="new"] .accent-orange .widget-title:before { color:#ef702e; }
[data-user-layout="new"] .accent-green .widget-title:before { color:#128755; }
[data-user-layout="new"] .accent-purple .widget-title:before { color:#8b38c4; }
[data-user-layout="new"] .widget-subtitle { font-size:11px; }
[data-user-layout="new"] .widget-body { padding:8px 12px!important; font-size:12px; }
[data-user-layout="new"] .widget-footer { padding:6px 12px; font-size:11px; }
.home-card-content { padding:6px 12px 10px; font-size:12px; }
.home-card-content p { margin:5px 0 8px; }
.home-entry { display:flex; gap:8px; align-items:center; padding:7px 0; border-bottom:1px solid #edf2f8; }
.home-entry>div { flex:1; min-width:0; }
.home-entry strong { display:block; font-size:11px; }
.home-entry small { display:block; color:#667797; font-size:10px; }
.home-entry a { font-size:10px; background:#e9f4ff; border-radius:4px; padding:5px 9px; white-space:nowrap; text-decoration:none; }
.home-entry-symbol { color:#0077ed; font-size:20px; }
.home-view-all { display:block; font-size:11px; margin-top:8px; text-decoration:none; }
.home-quicklinks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.home-quicklinks .home-entry { background:#eff7ff; padding:8px; text-align:center; flex-direction:column; border:0; border-radius:4px; }
.home-learning-progress { display:flex; align-items:center; gap:14px; margin:4px 0 10px; }
.home-learning-progress small { display:block; font-size:10px; color:#607395; }
.home-progress-ring { display:grid; place-items:center; width:58px; height:58px; flex-shrink:0; border-radius:50%; background:conic-gradient(#159447 var(--progress),#dff2e7 0); position:relative; }
.home-progress-ring:before { content:''; position:absolute; inset:6px; border-radius:50%; background:white; }
.home-progress-ring strong { position:relative; font-size:14px; }
.home-media { position:relative; min-height:110px; height:100%; overflow:hidden; background:#184468; border-radius:5px; }
.home-media img { position:absolute; width:100%; height:100%; object-fit:cover; }
.home-media-copy { position:relative; display:flex; flex-direction:column; justify-content:end; padding:16px; height:100%; min-height:inherit; background:linear-gradient(0deg,#072f5ce6,transparent 95%); color:white; }
.home-media-copy h2 { font-size:clamp(20px,2.2vw,32px); font-weight:700; margin:0 0 3px; }
.home-media-copy p { margin:0; font-size:13px; }
.home-media-copy a { color:white; font-size:11px; margin-top:6px; }
[data-user-layout="new"] .type-banner>.widget-header { display:none; }
[data-user-layout="new"] .type-banner .home-media { min-height:88px; }
[data-user-layout="new"] .type-image .home-media { margin:0 10px 10px; height:calc(100% - 44px); }
[data-user-layout="new"] .type-editorial.accent-blue { background:#eaf5ff; }
@media (max-width:1100px) {
 [data-user-layout="new"] .sidebar { width:180px!important; }
 [data-user-layout="new"] main { margin-left:180px!important; width:calc(100% - 180px)!important; }
 .home-header-brand { width:140px; min-width:140px; }
 [data-user-layout="new"] .top-shell-left { max-width:18%; }
 [data-user-layout="new"] .dashboard-layout-grid-responsive { grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:minmax(160px,auto)!important; }
 [data-user-layout="new"] .dashboard-layout-grid-responsive > .dashboard-widget-shell { grid-column:auto!important; grid-row:auto!important; }
 [data-user-layout="new"] .dashboard-widget-shell:has(.type-banner) { grid-column:1/-1!important; }
}
@media (max-width:755px) {
 [data-user-layout="new"] main { width:100%!important; margin-left:0!important; padding-top:110px; }
 [data-user-layout="new"] .top-shell { height:110px; flex-wrap:wrap; gap:5px!important; padding-left:55px!important; }
 [data-user-layout="new"] .top-shell-right { flex-basis:100%; gap:8px!important; }
 [data-user-layout="new"] .sidebar { width:100%!important; top:110px!important; height:auto!important; overflow:visible!important; z-index:10001; }
 [data-user-layout="new"] .nav-menu-shell .top-row { display:flex; position:fixed; top:10px; left:4px; width:45px; background:transparent!important; }
 [data-user-layout="new"] .navbar-brand { display:none; }
 [data-user-layout="new"] .burger-button span { background:#173871; }
 [data-user-layout="new"] .nav-scrollable { height:calc(100dvh - 110px)!important; }
 [data-user-layout="new"] .dashboard-layout-grid-responsive { grid-template-columns:minmax(0,1fr)!important; }
 [data-user-layout="new"] .top-shell-left { max-width:55%; }
}

/* Default system branding follows the same palette in both layouts. */
.nav-menu-shell[data-system-brand="true"] .top-row,
.nav-menu-shell[data-system-brand="true"] .nav-scrollable { background:#f2f8fe!important; }
.nav-menu-shell[data-system-brand="true"] .nav-link { color:#294573!important; }
.nav-menu-shell[data-system-brand="true"] .nav-link.active { color:#005bd4!important; background:#deefff!important; }
.nav-menu-shell[data-system-brand="true"] .burger-button span { background:#173871; }
.nav-menu-shell[data-system-brand="true"] .nav-link .bi { filter:brightness(.4) sepia(1) saturate(5) hue-rotate(175deg); }
[data-user-layout="new"] .dashboard-widget-card { justify-content:flex-start!important; gap:0!important; }
[data-user-layout="new"] .dashboard-widget-shell:before { display:none!important; }
[data-user-layout="new"] .widget-header { flex-shrink:0; }
[data-user-layout="new"] .home-card-content { flex:1; }
[data-user-layout="new"] .home-quicklinks { gap:4px; }
[data-user-layout="new"] .home-quicklinks .home-entry { gap:2px; padding:5px; }
[data-user-layout="new"] .home-quicklinks .home-entry small { display:none; }
[data-user-layout="new"] .home-media img { object-position:center 35%; }
[data-user-layout="new"] .type-banner .home-media { flex:1; }

[data-user-layout="existing"] .home-header-brand { display:none; }

[data-user-layout="new"] .dashboard-widget-card::before { display:none!important; }
[data-user-layout="new"] .widget-header { margin-bottom:0!important; }
[data-user-layout="new"] .accent-blue .type-editorial { background:#eaf5ff!important; }
[data-user-layout="new"] .accent-green .type-successstories { background:#edf9f2!important; }
[data-user-layout="new"] .sds-glance .widget-title { display:none; }
[data-user-layout="new"] .survey-splash-card { padding:8px!important; border:0!important; background:transparent!important; }
[data-user-layout="new"] .survey-splash-title { font-size:12px!important; }
[data-user-layout="new"] .survey-splash-text { font-size:11px!important; }
@media(max-width:755px){[data-user-layout="new"] .nav-scrollable{top:110px!important;}[data-user-layout="new"] .nav-overlay{top:110px;}}
[data-user-layout="new"] .dashboard-widget-card{min-height:0!important;}

/* Dunk & Associates: charcoal, blue, red and warm orange from the company logo. */
:root { --dunk-charcoal:#24282c; --dunk-blue:#007ac2; --dunk-red:#d72e35; --dunk-orange:#ec8a24; }
.btn-primary { --bs-btn-bg:var(--dunk-blue); --bs-btn-border-color:var(--dunk-blue); --bs-btn-hover-bg:#00629c; --bs-btn-hover-border-color:#00629c; }
[data-user-layout="new"] .top-shell { background:#f9f6f2!important; border-bottom:1px solid #bdc7d1; box-shadow:0 2px 8px #26354512; gap:16px!important; }
[data-user-layout="new"] .home-header-brand { padding-right:14px; border-right:1px solid #d7dce1; }
[data-user-layout="new"] .top-shell-left { flex:0 1 auto!important; max-width:24%; }
[data-user-layout="new"] .top-breadcrumbs { gap:6px!important; }
[data-user-layout="new"] .breadcrumb-chip,[data-user-layout="new"] .breadcrumb-link { font-size:12px!important; background:transparent; border:0; border-radius:0; color:#35465b; }
[data-user-layout="new"] .breadcrumb-chip-active { color:#006aa8; font-weight:700; }
[data-user-layout="new"] .top-shell-right { display:flex; align-items:center; gap:14px!important; }
[data-user-layout="new"] .global-search-form { min-width:80px; }
[data-user-layout="new"] .global-search-input { height:38px; min-height:38px; padding:8px 40px 8px 12px; border-color:#bdcad5; border-radius:5px; background:#fff; font-size:13px; }
[data-user-layout="new"] .header-popover-shell,[data-user-layout="new"] .profile-dropdown-shell { flex:0 0 auto; }
[data-user-layout="new"] .shell-circle-button { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; min-width:38px; padding:0; border:1px solid #c2d6e7; border-radius:8px; color:#00649f; background:#e1edf7; box-shadow:none; cursor:pointer; flex-shrink:0; }
[data-user-layout="new"] .chat-button { background:#fff0df; border-color:#e8c9a7; color:#974a08; }
.header-action-icon { display:block; flex-shrink:0; pointer-events:none; }
[data-user-layout="new"] .shell-circle-button:hover,[data-user-layout="new"] .header-menu-details[open]>.shell-circle-button { background:#cde3f3; border-color:#83add0; color:#004c7a; }
[data-user-layout="new"] .shell-circle-button:focus-visible,[data-user-layout="new"] .profile-summary:focus-visible { outline:2px solid #007ac2; outline-offset:3px; }
[data-user-layout="new"] .shell-count-badge { top:-5px; right:-5px; min-width:17px; height:17px; padding:0 3px; border:2px solid #f9f6f2; background:#d72e35; color:white; font-size:9px; box-shadow:none; }
[data-user-layout="new"] .profile-summary { gap:9px; padding:0 2px 0 4px; border-radius:6px; }
[data-user-layout="new"] .profile-avatar { order:-1; width:36px; height:36px; background:#007ac2; color:white; box-shadow:none; font-size:12px; }
[data-user-layout="new"] .profile-summary:after { content:''; width:6px; height:6px; border-right:1.5px solid #35465b; border-bottom:1.5px solid #35465b; transform:rotate(45deg); margin:0 5px 3px; }
[data-user-layout="new"] .profile-name { font-size:12px; color:#253345; max-width:150px; overflow:hidden; text-overflow:ellipsis; }
[data-user-layout="new"] .sidebar,[data-user-layout="new"] .nav-menu-shell,[data-user-layout="new"] .nav-scrollable,
.nav-menu-shell[data-system-brand="true"] .nav-scrollable { background:#24282c!important; border-color:#353b42; }
[data-user-layout="new"] .sidebar .nav-link,.nav-menu-shell[data-system-brand="true"] .nav-link { color:#edf2f6!important; }
[data-user-layout="new"] .sidebar .nav-link.active,.nav-menu-shell[data-system-brand="true"] .nav-link.active { background:#344754!important; color:white!important; border-left:3px solid #ec8a24; }
[data-user-layout="new"] .sidebar .nav-link:hover,.nav-menu-shell[data-system-brand="true"] .nav-link:hover { background:#343d45!important; }
[data-user-layout="new"] .sidebar .nav-link .bi,.nav-menu-shell[data-system-brand="true"] .nav-link .bi { filter:brightness(0) invert(1); }
[data-user-layout="new"] .dashboard-widget-card { border-color:#c6cfd8!important; box-shadow:0 2px 6px #25334516!important; }
[data-user-layout="new"] .widget-header { background:#edf1f4; border-bottom:1px solid #d7dfe5; padding:10px 12px!important; }
[data-user-layout="new"] .accent-orange .widget-header { background:#fff0df; }
[data-user-layout="new"] .accent-green .widget-header { background:#e2f1e8; }
[data-user-layout="new"] .accent-purple .widget-header { background:#eee8f4; }
[data-user-layout="new"] .widget-title:before { color:#007ac2; }
[data-user-layout="new"] .accent-orange .widget-title:before { color:#bb5d0b; }
@media(max-width:1100px){[data-user-layout="new"] .top-shell-left{max-width:20%;}[data-user-layout="new"] .top-shell-right{gap:10px!important;}}
@media(max-width:755px){
 [data-user-layout="new"] .top-shell{gap:5px!important;}
 [data-user-layout="new"] .top-shell-left{max-width:55%;}
 [data-user-layout="new"] .top-shell-right{gap:10px!important;}
 [data-user-layout="new"] .profile-meta{display:none;}
 [data-user-layout="new"] .shell-circle-button{width:34px;height:34px;min-width:34px;}
 [data-user-layout="new"] .profile-avatar{width:32px;height:32px;}
}
@media(max-width:755px){[data-user-layout="new"] .top-shell{display:grid!important;grid-template-columns:minmax(110px,1fr) auto;grid-template-rows:44px 40px;gap:4px 6px!important;padding:8px 12px 10px 52px!important;height:110px;align-items:center;}[data-user-layout="new"] .home-header-brand{width:130px;min-width:0;padding-right:8px;}[data-user-layout="new"] .home-header-brand img{height:40px;}[data-user-layout="new"] .top-shell-left{max-width:none;grid-column:2;}[data-user-layout="new"] .top-breadcrumbs{gap:3px!important;}[data-user-layout="new"] .breadcrumb-chip,[data-user-layout="new"] .breadcrumb-link{font-size:10px!important;}[data-user-layout="new"] .top-shell-right{grid-column:1/-1;min-width:0;height:40px;width:100%;}[data-user-layout="new"] .profile-summary{gap:5px;}}

/* The brand divider shares the sidebar's boundary; search remains a compact action. */
[data-user-layout="new"] { --home-nav-width:220px; }
@media (min-width:756px) {
 [data-user-layout="new"] .sidebar { width:var(--home-nav-width)!important; }
 [data-user-layout="new"] main { margin-left:var(--home-nav-width)!important; width:calc(100% - var(--home-nav-width))!important; }
 [data-user-layout="new"] .top-shell { padding-left:0!important; }
 [data-user-layout="new"] .home-header-brand { box-sizing:border-box; flex:0 0 var(--home-nav-width); width:var(--home-nav-width); min-width:var(--home-nav-width); height:50px; padding:4px 18px; }
 [data-user-layout="new"] .top-shell-left { flex:1 1 auto!important; min-width:0; max-width:none!important; }
 [data-user-layout="new"] .top-shell-right { flex:0 0 auto!important; width:auto; margin-left:auto; }
 [data-user-layout="new"] .global-search-form { flex:0 0 240px; width:240px!important; min-width:0; max-width:240px!important; }
}
@media (min-width:756px) and (max-width:1100px) {
 [data-user-layout="new"] { --home-nav-width:180px; }
 [data-user-layout="new"] .global-search-form { flex-basis:180px; width:180px!important; max-width:180px!important; }
}
@media (max-width:755px) {
 [data-user-layout="new"] .global-search-form { flex:0 1 180px; width:180px!important; min-width:60px; max-width:180px!important; margin-left:auto; }
}
[data-user-layout="new"] .content .nav-link:not(.active) { color:#254566; }
[data-user-layout="new"] .content .nav-link:not(.active):hover { color:#005c91; background:#dce8f1; }
[data-user-layout="new"] .content .nav-pills .nav-link.active { background:#006ba8; color:#fff; }
[data-user-layout="new"] .profile-dropdown-panel { background:#fff; color:#253345; }
[data-user-layout="new"] .profile-dropdown-link,[data-user-layout="new"] .profile-dropdown-button { color:#253345; }
@media(min-width:756px){[data-user-layout="new"] .top-shell{flex-wrap:nowrap;align-items:center;}[data-user-layout="new"] .top-shell-left{width:auto;}[data-user-layout="new"] .top-shell-right{flex-wrap:nowrap;justify-content:flex-end;}}@media(min-width:756px) and (max-width:900px){[data-user-layout="new"] .profile-meta{display:none;}}
/* Compact Home context menu and unclipped news images. */
[data-user-layout="new"] .home-dashboard>.dashboard-page-header{justify-content:flex-end;min-height:0;margin:0 0 6px;padding:0;}
.home-view-menu{position:relative;font-size:12px;z-index:30;}
.home-view-menu>summary{list-style:none;cursor:pointer;color:#35465b;padding:3px 8px;border-radius:6px;}
.home-view-menu>summary::-webkit-details-marker{display:none;}
.home-view-menu>summary:hover,.home-view-menu[open]>summary{background:#d4dfe8;}
.home-view-options{position:absolute;right:0;top:100%;width:max-content;max-width:min(320px,85vw);min-width:180px;background:white;border:1px solid #bdcbd6;border-radius:8px;padding:6px;box-shadow:0 6px 20px #25334520;}
.home-view-options button{display:block;text-align:left;width:100%;border:0;background:white;color:#253345;padding:9px 12px;border-radius:4px;white-space:normal;}
.home-view-options button[aria-pressed="true"],.home-view-options button:hover{background:#e1edf7;color:#005d94;}
[data-user-layout="new"] .dashboard-widget-shell,[data-user-layout="new"] .dashboard-widget-card,[data-user-layout="new"] .widget-body{min-width:0;max-width:100%;overflow-x:hidden!important;overflow-wrap:anywhere;}
[data-user-layout="new"] .dashboard-widget-card .home-entry{min-width:0;flex-wrap:wrap;}
[data-user-layout="new"] .dashboard-widget-card table{max-width:100%;width:100%;table-layout:fixed;}
[data-user-layout="new"] .dashboard-widget-card img,[data-user-layout="new"] .dashboard-widget-card video{max-width:100%;}
[data-user-layout="new"] .type-banner{overflow:hidden!important;}
[data-user-layout="new"] .type-banner .home-media{min-height:0!important;}
[data-user-layout="new"] .type-banner .home-media-copy{box-sizing:border-box;min-height:0;justify-content:center;}
.news-carousel{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;margin:6px 10px 10px;}
.news-carousel-stage{position:relative;flex:1;aspect-ratio:16/9;min-height:220px;background:#163349;border-radius:5px;overflow:hidden;}
.news-carousel-slide{position:absolute;inset:0;margin:0;}
.news-carousel-slide[hidden]{display:none!important;}
.news-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.news-carousel-slide figcaption{position:absolute;inset:auto 0 0;padding:44px 14px 34px;color:white;font-size:18px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;background:linear-gradient(transparent,#072f5cee);}
.news-carousel-slide figcaption a{color:inherit;text-decoration:none;}
.news-carousel-slide figcaption a:hover{text-decoration:underline;}
.news-carousel-controls{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:2px;}
.news-carousel-controls button[data-news-slide]{font-size:0;position:relative;display:grid;place-items:center;border:0;background:transparent;width:24px;height:24px;padding:0;cursor:pointer;border-radius:50%;}
.news-carousel-controls button[data-news-slide]::before{content:"";width:7px;height:7px;border-radius:50%;background:white;opacity:.5;box-shadow:0 0 2px #163349;}
.news-carousel-controls button[data-news-slide][aria-pressed="true"]::before{opacity:1;}
.news-carousel-controls button[data-news-slide]:focus-visible{outline:2px solid white;outline-offset:1px;}
[data-user-layout="new"] .type-carousel{overflow:hidden!important;}
[data-user-layout="new"] .breadcrumb-chip{border:0!important;border-radius:999px!important;padding:7px 12px!important;min-height:30px;background:#e9eefc!important;color:#4058a0!important;box-shadow:none!important;}
@media(max-width:1100px){.news-carousel{min-height:160px;}}

/* Display widgets grow with their content; scrolling belongs to the page.
   Keep the organizer's fixed sizing grid independent of the display grid. */
[data-user-layout="new"] .dashboard-layout-grid-responsive {
    grid-auto-rows:minmax(88px,auto)!important;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive > .dashboard-widget-shell {
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:min-content;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive .dashboard-widget-card {
    flex:1 0 auto;
    height:auto!important;
    max-height:none;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive > .dashboard-widget-shell,
[data-user-layout="new"] .dashboard-layout-grid-responsive .dashboard-widget-card,
[data-user-layout="new"] .dashboard-layout-grid-responsive .widget-body {
    overflow-x:clip!important;
    overflow-y:visible!important;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive .dashboard-widget-card > * {
    flex-shrink:0;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive .home-media,
[data-user-layout="new"] .dashboard-layout-grid-responsive .home-media-copy {
    height:auto;
}
[data-user-layout="new"] .dashboard-layout-grid-responsive .home-media {
    flex:1 0 auto;
}
@media(max-width:1100px) {
    [data-user-layout="new"] .dashboard-layout-grid-responsive {
        grid-auto-rows:minmax(160px,auto)!important;
    }
}

/* An already-open Blazor session can retain the previous control markup during
   a stylesheet update. Only slide selectors belong in the dot navigation. */
.news-carousel-controls > :not(button[data-news-slide]){display:none!important;}

/* Live Home uses the same card proportions, typography and actions as the sample.
   Keep these selectors separate from the legacy dashboard and sample preview. */
[data-user-layout="new"] .home-reference-card { color:#17365d; border-color:#d5e1ee!important; box-shadow:none!important; background:white!important; }
[data-user-layout="new"] .home-reference-card .widget-body { padding:0 12px 12px!important; font-size:12px; }
[data-user-layout="new"] .home-reference-card.type-successstories { background:#e6f6ef!important; }
[data-user-layout="new"] .home-reference-card.type-editorial { background:white!important; }
.home-card-heading { display:flex; align-items:start; justify-content:space-between; gap:8px; padding:12px 12px 8px; }
.home-card-heading h3 { display:flex; align-items:center; gap:8px; min-width:0; margin:0; color:#153c82; font:700 14px/1.4 Arial,sans-serif; }
.home-card-icon { width:20px; height:20px; flex-shrink:0; color:#0575d1; }
.home-card-heading .home-heading-link { flex-shrink:0; font-size:10px; white-space:nowrap; }
.home-heading-link { display:inline-block; background:none; border:0; padding:3px 0; color:#007be7; font:inherit; font-size:11px; text-decoration:none; text-align:left; cursor:pointer; }
.home-heading-link:hover { color:#005ba9; text-decoration:underline; }
.home-card-subtitle { margin:0; padding:0 12px 8px; color:#627993; font-size:11px; }
.home-card-content { padding:0 12px 12px; color:#17365d; font:12px/1.5 Arial,sans-serif; }
.home-count { display:inline-grid; place-items:center; border-radius:999px; background:#dc2545; color:white; min-width:18px; height:18px; padding:0 5px; font-size:12px; }
.home-learning-progress { gap:16px; margin:3px 0 12px; font-size:15px; }
.home-learning-progress small { font-size:11px; margin-top:3px; color:#627993; }
.home-progress-ring { width:72px; height:72px; background:conic-gradient(#159b65 var(--progress),#e4f3ec 0); }
.home-progress-ring:before { inset:6.5px; }
.home-progress-ring strong { font-size:18px; color:#166341; }
[data-user-layout="new"] .home-reference-card .home-entry { flex-wrap:nowrap; gap:7px; padding:7px 0; border-color:#e8eff7; }
.home-entry strong { font-size:11px; line-height:1.45; }
.home-entry small { font-size:10px; line-height:1.5; color:#627993; }
.home-action,.home-entry a.home-action { display:inline-block; width:fit-content; border:0; border-radius:3px; background:#edf6ff; color:#007be7; padding:5px 7px; font:12px/1.3 Arial,sans-serif; text-decoration:none; cursor:pointer; flex-shrink:0; white-space:nowrap; }
.home-action:hover { background:#dceeff; color:#005ba9; }
.home-action:focus-visible,.home-heading-link:focus-visible,.home-quicklink:focus-visible { outline:2px solid #007be7; outline-offset:3px; }
.home-entry a.home-entry-title { padding:0; background:none; color:#17365d; font-size:12px; font-weight:600; white-space:normal; }
.home-entry a.home-entry-title:hover { text-decoration:underline; }
.home-content-editorial .home-entry strong,.home-content-schedule .home-entry strong { font-size:12px; font-weight:500; }
.home-content-editorial .home-entry small,.home-content-schedule .home-entry small,.home-content-jobs .home-entry small { margin-top:4px; font-size:11px; }
.home-content-jobs .home-entry { border:0; }
.home-content-jobs .home-entry a.home-entry-title { display:inline-block; padding:5px 6px; background:#edf6ff; color:#007be7; font-weight:400; }
.home-empty { color:#627993; margin:8px 0!important; font-size:12px; }
[data-user-layout="new"] .home-reference-card .home-quicklinks { grid-template-columns:repeat(var(--home-link-columns,3),minmax(0,1fr)); gap:8px; }
.home-quicklink { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:98px; background:#edf6ff; border-radius:6px; padding:14px 5px; color:#007be7; text-align:center; text-decoration:none; font-size:11px; font-weight:600; }
.home-quicklink:hover { background:#dfedff; color:#005ba9; }
.home-quicklink .home-card-icon { width:24px; height:24px; }
.home-quicklink small { font-weight:400; color:#627993; }
.home-content-birthdays { display:flex; flex-direction:column; justify-content:center; }
.home-birthdays { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 8px; margin:4px 0; }
.home-birthday { display:flex; flex-direction:column; align-items:center; text-align:center; gap:7px; min-width:0; font-size:11px; }
.home-birthday small { font-size:10px; }
.home-person-avatar { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; border-radius:50%; background:#d6e9fa; color:#1e5089; font-size:14px; font-weight:700; }
.home-birthday:nth-child(3n+2) .home-person-avatar { background:#e4def5; color:#65418e; }
.home-birthday:nth-child(3n) .home-person-avatar { background:#e1f1e7; color:#267451; }
.home-recognition { display:flex; gap:12px; align-items:center; margin:4px 0 14px; }
.home-recognition small,.home-recognition strong { display:block; }
.home-recognition strong { font-size:16px; }.home-recognition small { font-size:14px; }
.home-recognition-copy { font-size:12px; margin:0 0 6px; line-height:1.5; }
.home-achievement { display:flex; flex-direction:column; align-items:center; gap:4px; margin:10px auto 24px; padding:6px; text-align:center; }
.home-badge { width:65px; height:75px; margin-bottom:4px; }
.home-achievement small { font-size:14px; }.home-achievement strong { font-size:16px; }
.home-reference-card .home-blog { display:flex; flex-direction:row; height:auto; gap:12px; padding:0; border:0; background:transparent; box-shadow:none; align-items:flex-start; }
.home-reference-card .home-blog .blog-widget-image { width:90px; height:90px; flex:0 0 90px; object-fit:cover; border-radius:4px; }
.home-reference-card .home-blog .blog-widget-content { min-width:0; padding:0; }
.home-reference-card .home-blog .blog-widget-title { font-size:12px; font-weight:600; color:#17365d; }
.home-reference-card .home-blog .blog-widget-description { font-size:12px; color:#17365d; margin:0 0 14px; line-height:1.5; display:block; overflow:visible; }
.home-reference-card .home-blog small { font-size:10px; }
.home-feedback-item { padding:4px 0 8px; border-bottom:1px solid #e8eff7; margin-bottom:5px; }
.home-feedback-item strong { font-weight:500; }.home-feedback-item p { color:#627993; font-size:11px; margin:3px 0; }
.home-feedback-item small { display:block; color:#627993; font-size:10px; margin:3px 0 8px; }
.home-feedback .home-action { display:block; }.home-completed-surveys { color:#627993; font-size:11px; margin-top:8px; }
.home-completed-surveys button { display:block; }
.home-schedule-layout { display:grid; grid-template-columns:55px minmax(0,1fr); gap:8px; }
.home-schedule-date { align-self:start; text-align:center; background:#edf6ff; padding:10px 5px; color:#1252a0; font-size:11px; }
.home-schedule-date strong { display:block; font-size:22px; }
.home-quote { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; padding:20px; background:#e0f1ff; color:#14559c; font:18px/1.5 'Segoe Print',cursive; text-align:center; border-radius:6px; }
.home-quote p { margin:0; }.home-quote small,.home-quote a { font:12px Arial,sans-serif; margin-top:6px; }
.home-promotion { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; padding:20px 10px; background:#eaf5ff; color:#14529b; border-radius:6px; }
.home-mountain { width:100px; height:100px; max-width:100%; color:#006cc4; }
.home-promotion strong { font:16px/1.7 'Segoe Print',cursive; }.home-promotion p { font-size:12px; }
.home-promotion .home-action { border:1px solid #aecbf3; background:white; font-size:11px; white-space:normal; }
[data-user-layout="new"] .home-reference-card.type-banner .home-media-copy { padding:22px; background:linear-gradient(90deg,#062a50c9,transparent); min-height:106px; }
[data-user-layout="new"] .home-reference-card .home-media-copy h2 { font-size:28px; }
[data-user-layout="new"] .home-reference-card .home-media img { object-position:center 45%; }
[data-user-layout="new"] .home-reference-card.type-image .home-media { margin:0; height:auto; }
.home-reference-card .news-carousel { margin:0 12px 12px; flex:1; }
.home-reference-card .news-carousel-stage { min-height:220px; aspect-ratio:auto; }
.home-reference-card .news-carousel-slide figcaption { white-space:pre-line; font-size:11px; font-weight:400; line-height:1.3; padding:36px 12px 30px; }
.home-reference-card .news-carousel-slide figcaption::first-line { font-size:16px; font-weight:700; }
.home-reference-card.type-carousel .home-card-heading .home-card-icon,.home-reference-card.type-editorial .home-card-heading .home-card-icon { color:#f16a24; }
.home-reference-card.type-successstories .home-card-heading .home-card-icon { color:#008454; }
.home-reference-card.type-employeeacknowledgement .home-card-heading .home-card-icon,.home-reference-card.type-birthdays .home-card-heading .home-card-icon { color:#7039bd; }
.home-reference-card.type-survey .home-card-heading .home-card-icon { color:#e3a400; }
.home-reference-card:has(.home-content-schedule) .home-card-heading .home-card-icon { color:#0575d1; }
.home-reference-card:has(.home-content-jobs) .home-card-heading .home-card-icon { color:#008454; }
@media(max-width:755px) {
 .home-card-heading { flex-wrap:wrap; }
 .home-card-heading .home-heading-link { margin-left:auto; }
 .home-action,.home-entry a.home-action { min-height:32px; display:inline-flex; align-items:center; }
 [data-user-layout="new"] .home-reference-card .home-media-copy h2 { font-size:24px; }
}