.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-width); background: var(--navy); color: #BDCAE0; display: flex; flex-direction: column; z-index: 50; padding: 28px 18px 20px; overflow-y: auto; }
.sidebar-brand { padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; }
.sidebar-brand .brand-text { font-size: 15px; } .sidebar-brand .brand-placeholder { width: 37px; height: 40px; font-size: 11px; }
.workspace-label { border: 1px solid #FFFFFF20; background: #FFFFFF05; padding: 12px; display: flex; align-items: center; gap: 10px; border-radius: 8px; margin-bottom: 32px; }
.workspace-symbol { width: 30px; height: 30px; color: #85D6FA; background: #0098DA20; border-radius: 6px; }
.workspace-label strong { display: block; font-size: 11px; color: white; font-weight: 600; } .workspace-label small { display: block; font-size: 9px; margin-top: 2px; }
.workspace-label > .status-dot { margin-left: auto; color: #72C9AD; width: 5px; height: 5px; }
.nav-group-title { font-size: 8px; font-weight: 700; letter-spacing: .18em; padding-left: 14px; margin-bottom: 10px; color: #8FA8D1; }
.nav-item { display: flex; align-items: center; gap: 13px; min-height: 45px; padding: 10px 14px; border-radius: 7px; font-size: 12px; margin: 3px 0; position: relative; transition: background var(--transition),color var(--transition); }
.nav-item:hover { background: #FFFFFF0E; color: white; } .nav-item[aria-current="page"] { background: #FFFFFF12; color: white; font-weight: 650; }
.nav-item[aria-current="page"]::before { content: ""; position: absolute; inset: 12px auto 12px -18px; width: 3px; background: var(--red); border-radius: 0 3px 3px 0; }
.nav-item .icon { width: 18px; height: 18px; color: #91AAD1; } .nav-item[aria-current="page"] .icon { color: #82D6FA; }
.nav-count { margin-left: auto; background: #FFFFFF14; color: #DAE6F8; padding: 0 6px; border-radius: 4px; font-size: 9px; }
.nav-tag { margin-left: auto; font: 8px var(--font-mono); background: #FFFFFF15; padding: 2px 4px; border-radius: 3px; }
.sidebar-bottom { margin-top: auto; padding-top: 35px; }
.sidebar-prototype { border-top: 1px solid #FFFFFF15; margin-top: 20px; padding: 18px 10px 0; display: flex; align-items: center; gap: 7px; font: 7px var(--font-mono); letter-spacing: .06em; color: #91AAD1; }
.sidebar-prototype .status-dot { color: var(--sky); width: 4px; height: 4px; }
.admin-workspace { margin-left: var(--sidebar-width); min-height: 100dvh; display: flex; flex-direction: column; }
.admin-header { min-height: var(--header-height); background: #FFFFFFF5; border-bottom: 1px solid var(--border); padding: 0 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; position: sticky; top: 0; z-index: 30; backdrop-filter: blur(12px); }
.header-left, .header-actions { display: flex; align-items: center; gap: 15px; min-width: 0; }
.breadcrumbs { display: flex; list-style: none; font-size: 11px; color: var(--muted); flex-wrap: wrap; gap: 10px; }
.breadcrumbs li + li::before { content: "/"; color: #B7C1CE; margin-right: 10px; } .breadcrumbs [aria-current] { color: var(--navy); font-weight: 600; }
.user-menu-button { display: flex; align-items: center; gap: 10px; background: transparent; border: 0; border-left: 1px solid var(--border); padding: 0 0 0 20px; text-align: left; min-height: 44px; color: var(--text); }
.user-menu-text strong { display: block; font-size: 11px; } .user-menu-text small { display: block; font-size: 9px; color: var(--muted); margin-top: 2px; }
.user-menu-button > .icon { width: 13px; height: 13px; margin-left: 10px; } .user-dropdown { position: relative; }
.dropdown-panel { position: absolute; right: 0; top: calc(100% + 18px); width: 245px; background: white; border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow); padding: 18px; z-index: 60; }
.dropdown-label { font-size: 8px; font-weight: 700; letter-spacing: .13em; color: var(--muted); margin-bottom: 7px; } .dropdown-panel > strong { font-size: 13px; }
.dropdown-panel a, .dropdown-panel button { display: block; width: 100%; text-align: left; border: 0; background: transparent; border-top: 1px solid var(--border); font-size: 12px; padding: 12px 0; margin-top: 10px; color: var(--navy); }
.dropdown-panel button { margin: 0; padding-bottom: 0; }
.admin-content { padding: 32px 36px 40px; width: 100%; max-width: 1560px; margin-inline: auto; flex: 1; min-width: 0; }
.page-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 28px; }
.page-heading h1 { font-size: clamp(1.8rem,2.5vw,2.2rem); } .page-heading p { margin-top: 8px; font-size: 12px; color: var(--muted); }
.heading-actions { display: flex; gap: 10px; align-items: center; } .date-label { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); white-space: nowrap; }
.date-label .icon { width: 15px; height: 15px; }
.stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: 26px; }
.stat-card { padding: 19px 20px; background: white; border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow-sm); min-width: 0; }
.stat-top { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.stat-top p { font-size: 11px; color: var(--muted); font-weight: 600; } .stat-icon { width: 31px; height: 31px; border-radius: 8px; background: var(--navy-soft); color: var(--navy); display: grid; place-items: center; } .stat-icon .icon { width: 16px; height: 16px; }
.stat-value { font-size: clamp(1.6rem,2.5vw,2rem); font-weight: 750; letter-spacing: -.045em; color: var(--navy); line-height: 1.15; margin: 11px 0; } .stat-value small { font-size: 12px; letter-spacing: 0; font-weight: 500; color: var(--muted); }
.stat-foot { display: flex; gap: 5px; font-size: 9px; align-items: center; color: var(--muted); flex-wrap: wrap; } .stat-foot .accent { color: var(--success); font-weight: 600; }
.overview-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(270px,1fr); gap: 24px; }
.overview-primary, .overview-secondary { display: grid; gap: 24px; align-content: start; min-width: 0; }
.fixture-card .card-header { border-bottom: 0; padding-bottom: 0; }
.fixture-content { padding: 24px; } .fixture-meta { display: flex; gap: 7px; align-items: center; font-size: 10px; color: var(--muted); }
.fixture-teams { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 28px 8px; } .team { display: flex; align-items: center; gap: 12px; }
.team-badge { background: var(--navy); color: white; width: 49px; height: 54px; border-radius: 12px; display: grid; place-items: center; font-size: 12px; font-weight: 850; border-bottom: 4px solid var(--red); flex: 0 0 auto; }
.team-badge.opponent { background: #F0F2F6; border: 1px solid #D9DFE8; color: #6A7587; } .team-name { font-size: 13px; font-weight: 750; color: var(--navy); } .team-name small { display: block; font-size: 10px; font-weight: 400; color: var(--muted); margin-top: 3px; }
.versus { color: #A4ADBB; font-size: 10px; font-weight: 700; }
.fixture-details { display: flex; flex-wrap: wrap; gap: 20px; padding: 15px 0; border-top: 1px solid var(--border); font-size: 11px; color: var(--muted); }
.fixture-details span { display: flex; align-items: center; gap: 7px; } .fixture-details .icon { width: 15px; height: 15px; }
.fixture-footer { background: #F9FAFC; border-top: 1px solid var(--border); padding: 16px 24px; display: flex; gap: 16px; justify-content: space-between; align-items: center; }
.fixture-footer > div { display: flex; gap: 10px; align-items: center; font-size: 10px; color: var(--muted); }
.availability-count { color: var(--navy); font-weight: 700; }
.welcome-card { background: var(--navy); color: white; border: 0; padding: 25px; position: relative; overflow: hidden; }
.welcome-card::after { content: ""; position: absolute; width: 160px; height: 160px; border: 1px solid #FFFFFF12; border-radius: 50%; right: -75px; top: -55px; box-shadow: 0 0 0 25px #FFFFFF03,0 0 0 50px #FFFFFF03; }
.welcome-card h2 { color: white; font-size: 1.35rem; line-height: 1.25; position: relative; z-index: 1; margin: 14px 0 12px; max-width: 230px; }
.welcome-card p { color: #B8CCE7; font-size: 11px; line-height: 1.75; } .welcome-card > .eyebrow { font-size: 8px; margin: 0; color: #86CAE9; }
.welcome-card .button { margin-top: 22px; background: white; color: var(--navy); font-size: 11px; }
.activity-list { list-style: none; padding: 4px 24px; } .activity-list li { display: flex; gap: 12px; align-items: start; padding: 17px 0; }
.activity-marker { display: grid; place-items: center; width: 30px; height: 30px; background: var(--navy-soft); color: var(--navy); border-radius: 9px; flex: 0 0 auto; } .activity-marker .icon { width: 15px; height: 15px; }
.activity-list strong { display: block; font-size: 11px; } .activity-list p { font-size: 10px; color: var(--muted); margin-top: 4px; } .activity-list small { font: 8px var(--font-mono); color: #7C8798; display: block; margin-top: 5px; }
.module-preview-note { margin-top: 24px; font-size: 10px; color: var(--muted); display: flex; gap: 8px; align-items: center; } .module-preview-note .icon { width: 14px; height: 14px; }
.admin-footer { padding: 18px 36px; border-top: 1px solid var(--border); display: flex; gap: 18px; align-items: center; justify-content: space-between; color: var(--muted); font-size: 9px; }
.admin-footer > span:first-child { display: flex; align-items: center; gap: 6px; } .admin-footer .status-dot { color: var(--sky); width: 4px; height: 4px; }
.drawer-toggle, .sidebar-close { display: none; } .drawer-scrim { position: fixed; inset: 0; background: #08142685; z-index: 45; }
.planned-card { margin-top: 12px; min-height: 380px; display: grid; place-items: center; } .planned-context { margin-top: 22px; padding: 18px 22px; border-left: 3px solid var(--sky); background: white; border-radius: 0 8px 8px 0; font-size: 12px; color: var(--muted); }
.design-intro { margin-bottom: 24px; }
@media(min-width:1440px) { .admin-content { padding: 40px 48px; } }
@media(max-width:1250px) { .admin-header { padding-inline: 26px; } .admin-content { padding-inline: 26px; } .overview-grid { grid-template-columns: minmax(0,1fr); } .overview-secondary { grid-template-columns: 1fr 1fr; } .stat-grid { gap: 12px; } .stat-card { padding: 17px; } .date-label { display: none; } }
@media(max-width:1099px) { .sidebar { transform: translateX(-100%); transition: transform var(--transition); width: min(280px,85vw); } .sidebar.is-open { transform: translateX(0); } .sidebar-close { display: flex; color: white; width: 32px; } .sidebar-close:hover { background: #FFFFFF20; } .sidebar-brand { gap: 5px; } .admin-workspace { margin-left: 0; } .drawer-toggle { display: inline-flex; } .admin-header { min-height: 72px; } }
@media(max-width:767px) { .admin-header { padding: 10px 16px; gap: 12px; } .header-actions { gap: 4px; } .header-left { gap: 5px; } .user-menu-text, .user-menu-button > .icon, .player-app-link { display: none; } .user-menu-button { padding-left: 8px; } .admin-content { padding: 24px 16px; } .page-heading { align-items: start; flex-direction: column; gap: 16px; margin-bottom: 22px; } .stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .stat-value { font-size: 1.8rem; } .overview-secondary { grid-template-columns: 1fr; } .fixture-teams { padding: 24px 0; gap: 8px; } .team { gap: 8px; } .team-name { font-size: 11px; } .team-badge { width: 36px; height: 43px; font-size: 10px; border-radius: 8px; } .fixture-content { padding: 20px; } .fixture-footer { padding: 14px 20px; flex-wrap: wrap; } .fixture-footer > div { font-size: 9px; } .admin-footer { padding-inline: 16px; flex-wrap: wrap; gap: 8px; } .breadcrumbs { font-size: 10px; gap: 6px; } .breadcrumbs li + li::before { margin-right: 6px; } .stat-top p { font-size: 10px; } .stat-icon { width: 27px; height: 27px; } td,th { padding-inline: 18px; } }


/* Static Super Admin shell */

/* Super Admin shell. Legacy dashboard styles and shared auth styles stay isolated. */
.sa-page { --text:#081426; --sa-width:270px; color:var(--text); }
.sa-sidebar { position:fixed; inset:0 auto 0 0; z-index:50; width:var(--sa-width); background:white; border-right:1px solid var(--border); overflow-y:auto; padding:20px 14px; transition:width 200ms,transform 200ms; }
.sa-brand { display:flex; align-items:center; justify-content:space-between; min-height:80px; padding:0 18px; }
.sa-brand img { object-fit:contain; width:164px; height:79px; }
.sa-workspace-label { color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.13em; margin:17px 12px 19px; }
.sa-nav-link { display:flex; position:relative; align-items:center; gap:12px; min-height:42px; padding:9px 12px; margin:2px 0; border-radius:7px; color:#4d5b70; font-size:13px; line-height:1.4; transition:background 200ms,color 200ms; }
.sa-nav-link .icon { width:18px; height:18px; }
.sa-nav-link:hover { background:var(--background); color:var(--navy); }
.sa-nav-link[aria-current] { background:var(--navy-soft); color:var(--navy); font-weight:650; }
.sa-nav-link[aria-current]::before { content:""; position:absolute; left:0; top:11px; bottom:11px; width:3px; border-radius:2px; background:var(--red); }
.sa-group { margin-top:15px; }
.sa-section-toggle { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; background:none; color:var(--muted); font-size:10px; letter-spacing:.055em; font-weight:700; text-transform:uppercase; padding:9px 12px; min-height:35px; text-align:left; }
.sa-section-toggle .icon { width:13px; height:13px; transition:transform 200ms; }
.sa-section-toggle[aria-expanded="false"] .icon { transform:rotate(-90deg); }
.sa-group-body { display:grid; grid-template-rows:1fr; transition:grid-template-rows 200ms; }
.sa-group-body>div { min-height:0; overflow:hidden; }
.sa-group.is-closed .sa-group-body { grid-template-rows:0fr; }
.sa-sidebar-footer { border-top:1px solid var(--border); margin-top:26px; padding:20px 12px 2px; display:flex; align-items:center; gap:9px; font-size:10px; color:var(--muted); }
.sa-sidebar-footer>span:first-child { width:6px; height:6px; border-radius:50%; background:var(--sky); flex-shrink:0; }
.sa-workspace { margin-left:var(--sa-width); min-height:100dvh; display:flex; flex-direction:column; transition:margin-left 200ms; min-width:0; }
.sa-header { min-height:80px; border-bottom:1px solid var(--border); background:#fff; padding:14px 32px; display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:0; z-index:30; }
.sa-header-left,.sa-actions { display:flex; align-items:center; gap:12px; min-width:0; }
.sa-actions { position:relative; flex-shrink:0; gap:6px; }
.sa-breadcrumb { list-style:none; display:flex; flex-wrap:wrap; gap:5px 10px; font-size:12px; color:var(--muted); }
.sa-breadcrumb li+li::before { content:"/"; margin-right:10px; color:#9da9b9; }
.sa-breadcrumb [aria-current] { color:var(--navy); font-weight:600; }
.sa-profile { display:flex; align-items:center; gap:10px; text-align:left; background:none; border:0; border-left:1px solid var(--border); padding:0 0 0 16px; margin-left:8px; min-height:44px; color:var(--navy); }
.sa-profile-name { font-size:12px; font-weight:650; }
.sa-profile-name small { display:block; font-size:10px; font-weight:400; color:var(--muted); }
.sa-profile>.icon { width:14px; }
.sa-notification>span { position:absolute; top:3px; right:3px; min-width:15px; height:15px; line-height:15px; font-size:9px; color:white; background:var(--red); border-radius:50%; }
.sa-popover { position:absolute; right:0; top:calc(100% + 18px); width:300px; max-width:calc(100vw - 32px); background:#fff; padding:18px; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); font-size:13px; }
.sa-popover p { margin:8px 0; color:var(--muted); }
.sa-popover button,.sa-popover a { display:flex; align-items:center; gap:10px; min-height:44px; background:none; border:0; padding:10px; width:100%; text-align:left; color:var(--navy); border-radius:6px; }
.sa-popover button:hover,.sa-popover a:hover { background:var(--navy-soft); }
.sa-popover label { display:block; font-weight:650; margin-bottom:8px; }
.sa-popover input { width:100%; min-height:44px; border:1px solid var(--border); border-radius:6px; padding:10px; }
#sa-search-results { max-height:310px; overflow:auto; }
.sa-content { width:100%; max-width:1600px; padding:32px; margin:0 auto; flex:1; }
.sa-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.sa-page-heading h1 { font-size:28px; }
.sa-page-heading p { color:var(--muted); font-size:13px; margin-top:8px; }
.sa-demo-label { display:inline-flex; align-items:center; gap:7px; font-size:10px; color:var(--muted); flex-shrink:0; }
.sa-demo-label .icon { width:15px; height:15px; color:var(--sky); }
.sa-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px 32px; border-radius:12px; background:var(--navy); border-bottom:3px solid var(--red); margin-bottom:24px; color:#d0ddf0; }
.sa-welcome h2 { color:white; font-size:26px; margin-bottom:10px; }
.sa-welcome .eyebrow { color:#a7dff7; font-size:10px; }
.sa-welcome p { font-size:13px; }
.sa-season { border:1px solid #ffffff35; border-radius:30px; padding:7px 13px; font-size:11px; white-space:nowrap; }
.sa-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.sa-stat,.sa-panel { background:white; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-sm); min-width:0; }
.sa-stat { padding:20px; }
.sa-stat-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sa-stat h2 { font-size:12px; color:var(--muted); line-height:1.5; letter-spacing:0; font-weight:600; }
.sa-symbol { width:34px; height:34px; border-radius:9px; background:var(--navy-soft); color:var(--navy); display:grid; place-items:center; flex-shrink:0; }
.sa-symbol .icon { width:18px; height:18px; }
.sa-value { font-size:clamp(22px,2vw,30px); font-weight:750; color:var(--navy); letter-spacing:-.045em; margin:16px 0 8px; }
.sa-muted { font-size:12px; color:var(--muted); }
.sa-panels { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; }
.sa-panel-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; border-bottom:1px solid var(--border); padding:22px; }
.sa-panel-heading h2 { font-size:16px; }
.sa-small-label { font-size:9px; color:var(--muted); letter-spacing:.07em; }
.sa-activity { list-style:none; padding:0 22px; }
.sa-activity li { display:flex; align-items:start; gap:12px; padding:20px 0; border-bottom:1px solid var(--border); }
.sa-activity li:last-child { border-bottom:0; }
.sa-activity .icon { color:var(--sky); width:18px; height:18px; margin-top:2px; }
.sa-activity strong { font-size:12px; font-weight:600; }
.sa-activity p { font-size:11px; color:var(--muted); margin-top:3px; }
.sa-activity small { font-size:10px; color:var(--muted); margin-left:auto; white-space:nowrap; }
.sa-panel-note { border-top:1px solid var(--border); padding:15px 22px; font-size:11px; color:var(--muted); }
.sa-fixture { padding:26px 22px; font-size:12px; color:var(--muted); }
.sa-fixture .icon { width:15px; height:15px; margin-right:5px; }
.sa-teams { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:30px 0; }
.sa-teams strong { font-size:25px; line-height:1.25; color:var(--navy); letter-spacing:-.035em; }
.sa-teams>strong:last-child { text-align:right; }
.sa-teams>span { font-size:11px; color:var(--muted); }
.sa-placeholder { min-height:410px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:40px 24px; }
.sa-placeholder-icon { width:68px; height:68px; display:grid; place-items:center; color:var(--navy); background:var(--navy-soft); border-radius:18px; margin-bottom:24px; }
.sa-placeholder-icon .icon { width:30px; height:30px; }
.sa-placeholder h2 { font-size:24px; max-width:520px; }
.sa-placeholder>p:not(.eyebrow) { color:var(--muted); font-size:13px; margin:14px 0 24px; }
.sa-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:20px 32px; border-top:1px solid var(--border); color:var(--muted); font-size:10px; }
.sa-menu,.sa-close { display:none; }
.sa-enhanced .sa-menu { display:inline-flex; }
.sa-backdrop { position:fixed; inset:0; z-index:45; background:#08142680; }
.sa-page.sa-compact { --sa-width:76px; }
.sa-compact .sa-nav-text,.sa-compact .sa-workspace-label { display:none; }
.sa-compact .sa-brand { padding:0; min-height:52px; }
.sa-compact .sa-brand img { width:46px; height:auto; }
.sa-compact .sa-section-toggle { display:none; }
.sa-compact .sa-group { padding-top:8px; border-top:1px solid var(--border); margin-top:8px; }
.sa-compact .sa-group-body { grid-template-rows:1fr; }
.sa-compact .sa-nav-link { justify-content:center; }
@media (max-width:1199px) { .sa-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .sa-panels { grid-template-columns:1fr; } .sa-page-heading { align-items:flex-start; flex-direction:column; gap:12px; } }
@media (max-width:767px) {
 .sa-page { --sa-width:270px; }
 .sa-sidebar { position:relative; width:100%; }
 .sa-workspace { margin-left:0; }
 .sa-enhanced .sa-sidebar { position:fixed; width:270px; max-width:calc(100vw - 32px); transform:translateX(-100%); visibility:hidden; transition:transform 200ms,visibility 200ms; }
 .sa-enhanced.sa-drawer-open .sa-sidebar { transform:translateX(0); visibility:visible; }
 .sa-drawer-open { overflow:hidden; }
 .sa-enhanced .sa-close { display:inline-flex; }
 .sa-brand { padding:0 6px; }
 .sa-header { padding:12px 16px; flex-wrap:wrap; gap:8px; }
 .sa-header-left { flex:1; gap:8px; }
 .sa-breadcrumb { font-size:10px; gap:3px; }
 .sa-breadcrumb li+li::before { margin-right:4px; }
 .sa-actions { gap:0; }
 .sa-actions>.icon-button { width:40px; }
 .sa-profile { padding-left:8px; margin-left:4px; gap:0; }
 .sa-profile-name,.sa-profile>.icon { display:none; }
 .sa-content { padding:24px 16px; }
 .sa-page-heading h1 { font-size:26px; }
 .sa-welcome { padding:24px; align-items:flex-start; flex-direction:column; }
 .sa-welcome h2 { font-size:25px; }
 .sa-stats { gap:12px; }
 .sa-stat { padding:16px; }
 .sa-stat-top { align-items:flex-start; flex-direction:column-reverse; }
 .sa-value { font-size:24px; }
 .sa-muted { font-size:11px; }
 .sa-activity li { flex-wrap:wrap; gap:8px; }
 .sa-activity li>div { flex:1; }
 .sa-activity small { width:100%; padding-left:26px; }
 .sa-placeholder { min-height:380px; }
 .sa-placeholder h2 { font-size:22px; }
 .sa-footer { padding:18px 16px; }
}