/* Sierra Hub v1.9.7 — refined brand shell, compact authentication, logo-free loader, and channel palette UI */
:root{
  --shph-shell-radius:18px;
  --shph-shell-radius-sm:13px;
  --shph-shell-line:color-mix(in srgb,currentColor 10%,transparent);
  --shph-shell-shadow:0 18px 48px rgba(20,24,34,.10);
}

/* Public header */
.site-header .navbar{min-height:68px;padding-block:8px}
.site-header .navbar-brand{display:inline-flex;align-items:center;min-height:44px;padding:0;margin-right:clamp(16px,3vw,38px)}
.navbar-brand .shph-public-brand-logo .shph-theme-logo__image{max-width:clamp(112px,15vw,190px);max-height:40px}
.site-header .navbar-nav{align-items:center;gap:2px}
.site-header .nav-link{min-height:40px;display:flex;align-items:center;padding:.58rem .74rem!important;border-radius:11px!important;font-size:.875rem;font-weight:650;letter-spacing:-.01em}
.site-header .nav-link.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shph-primary) 15%,transparent)}
.site-header .header-actions{gap:8px}
.site-header .header-actions .icon-button{width:40px;height:40px;border-radius:12px!important}
.site-header .btn-subscribe{min-height:40px;padding:.58rem .9rem!important;border-radius:12px!important;font-size:.82rem;font-weight:750}
.site-header .btn-subscribe i{font-size:15px}
@media(max-width:1199.98px) and (min-width:992px){
  .site-header .nav-link{padding:.56rem .6rem!important;font-size:.82rem}
  .navbar-brand .shph-public-brand-logo .shph-theme-logo__image{max-width:156px;max-height:38px}
  .site-header .btn-subscribe span{display:none}
  .site-header .btn-subscribe{width:40px;padding:0!important}
}
@media(max-width:991.98px){
  .site-header .navbar{min-height:64px;padding-block:7px}
  .site-header .navbar-brand{min-height:42px;margin-right:auto}
  .navbar-brand .shph-public-brand-logo .shph-theme-logo__image{max-width:min(164px,44vw);max-height:38px}
  .shph-menu-toggle{width:42px!important;height:42px!important;border-radius:12px!important}
  .shph-public-nav-panel{top:calc(100% + 7px)!important;left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;padding:9px!important;border-radius:17px!important;box-shadow:0 22px 56px rgba(8,12,20,.18)!important}
  .shph-public-nav-panel .nav-link{min-height:43px;padding:.68rem .76rem!important;border-radius:10px!important}
  .shph-public-nav-panel .header-actions{margin-top:7px!important;padding-top:8px!important;border-top:1px solid var(--shph-header-border)!important}
}
@media(max-width:575.98px){
  .navbar-brand .shph-public-brand-logo .shph-theme-logo__image{max-width:min(142px,42vw);max-height:35px}
  .site-header .navbar{min-height:60px}
}

/* Administration header */
.page-wrapper.compact-wrapper .page-header.shph-admin-header{height:auto!important;min-height:68px!important}
.shph-admin-header .header-wrapper{min-height:68px!important;padding:0 22px!important;gap:12px;border-bottom:1px solid var(--shph-border)!important;box-shadow:none!important}
.shph-admin-brand{min-width:120px;max-width:190px}
.shph-admin-brand .shph-theme-logo__image{max-width:176px;max-height:34px}
.shph-top-search{height:40px;max-width:320px;border-radius:12px!important;background:var(--shph-surface-soft)!important;border:1px solid transparent!important}
.shph-top-search:focus-within{border-color:color-mix(in srgb,var(--theme-deafult) 35%,var(--shph-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-deafult) 9%,transparent)!important}
.shph-channel-switch{height:40px;border-radius:12px!important;background:var(--shph-surface-soft)!important;border:1px solid transparent!important}
.shph-channel-switch .form-select{min-height:38px!important}
.shph-header-actions .shph-icon-button,.shph-profile-trigger{min-height:40px!important;border-radius:12px!important}
.shph-profile-trigger{padding:4px 7px 4px 5px!important;border:1px solid transparent!important;background:transparent!important}
.shph-profile-trigger:hover,.shph-profile-trigger:focus-visible{background:var(--shph-surface-soft)!important;border-color:var(--shph-border)!important}
.shph-profile-trigger .shph-avatar{width:34px;height:34px;border-radius:10px}
.shph-profile-trigger .media-body>span:first-child{font-size:12px;font-weight:760}
.shph-profile-trigger .media-body>span:last-child{font-size:10px}
.shph-account-dropdown{border-radius:16px!important;border-color:var(--shph-border)!important;box-shadow:0 22px 58px rgba(10,14,22,.16)!important}
@media(max-width:991.98px){
  .shph-admin-header .header-wrapper{min-height:62px!important;padding:0 12px!important;gap:9px}
  .shph-header-menu-button{width:41px!important;height:41px!important;border-radius:12px!important}
  .shph-admin-mobile-brand{max-width:124px;min-width:0}
  .shph-admin-mobile-brand .shph-theme-logo__image{max-width:min(112px,27vw);max-height:31px}
  .shph-mobile-header-context{display:flex!important;flex-direction:column;justify-content:center;line-height:1.18;max-width:min(38vw,250px)}
  .shph-mobile-header-context strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shph-mobile-header-context span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--shph-muted)}
  .shph-header-actions .nav-menus{gap:5px!important}
  .shph-header-actions .shph-icon-button{width:39px!important;height:39px!important}
  .shph-profile-trigger{padding:2px!important}
}
@media(max-width:575.98px){
  .shph-mobile-header-context{display:none!important}
  .shph-admin-mobile-brand{margin-right:auto}
}

/* Footer */
.channel-cta{padding:clamp(34px,6vw,66px) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--shph-primary) 88%,#111827),color-mix(in srgb,var(--shph-secondary) 82%,#111827));}
.channel-cta-inner{align-items:center;gap:24px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.channel-cta .eyebrow{display:none}
.channel-cta h2{max-width:680px;margin:0;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.045em}
.channel-cta p{max-width:640px;margin:.65rem 0 0;color:rgba(255,255,255,.72);font-size:.95rem}
.channel-cta .btn{min-height:46px;border:0;border-radius:14px;padding:.72rem 1rem;font-size:.86rem;font-weight:760;white-space:nowrap}
.site-footer{padding:clamp(42px,6vw,70px) 0 24px;background:#0c1017!important}
.site-footer .row{--bs-gutter-y:2rem!important}
.footer-logo .shph-footer-brand-logo .shph-theme-logo__image{max-width:min(190px,58vw);max-height:46px}
.footer-intro{max-width:430px;margin:17px 0 20px!important;color:rgba(255,255,255,.58)!important;font-size:.88rem;line-height:1.65}
.site-footer h3{margin-bottom:14px;font-size:.72rem!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48)!important}
.site-footer ul{display:grid;gap:9px}
.site-footer a{color:rgba(255,255,255,.76)!important}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff!important}
.site-footer .rights-note{max-width:310px;color:rgba(255,255,255,.56)!important;font-size:.84rem;line-height:1.65}
.social-row{gap:8px}
.social-row a{width:38px;height:38px;border:1px solid rgba(255,255,255,.1)!important;border-radius:11px!important;background:rgba(255,255,255,.04)!important}
.footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.42)!important;font-size:.76rem}
@media(max-width:767.98px){
  .channel-cta-inner{display:grid!important;text-align:left}
  .channel-cta .btn{justify-self:start}
  .site-footer{padding-top:42px}
  .footer-bottom{display:flex!important;gap:8px;align-items:flex-start;flex-direction:column}
}

/* Authentication */
body.shph-auth-body{display:grid!important;place-items:center;min-height:100dvh;padding:32px 16px!important;background:var(--shph-bg)!important}
body.shph-auth-body::before{display:none!important}
.shph-auth-shell{width:min(100%,410px)!important;padding:0!important}
.shph-auth-card{border:1px solid var(--shph-border)!important;border-radius:20px!important;background:var(--shph-surface)!important;box-shadow:0 24px 70px rgba(15,20,30,.11)!important;backdrop-filter:none!important}
.shph-auth-card .card-body{padding:clamp(24px,5vw,34px)!important}
.shph-auth-brand.has-theme-logo{margin-bottom:24px!important}
.shph-auth-brand .shph-auth-theme-logo .shph-theme-logo__image{max-width:min(172px,58vw);max-height:45px}
.shph-auth-brand-mark{width:42px!important;height:42px!important;border-radius:12px!important;box-shadow:none!important}
.shph-auth-heading{margin-bottom:20px!important;text-align:left}
.shph-auth-heading h1{font-size:1.55rem!important;letter-spacing:-.04em!important}
.shph-auth-heading p{margin-top:6px!important;font-size:.82rem!important;line-height:1.55!important}
.shph-auth-card .form-label{font-size:.76rem;font-weight:700}
.shph-auth-card .form-control{min-height:46px!important;border-radius:12px!important}
.shph-auth-card .btn{min-height:46px!important;border-radius:12px!important}
.shph-auth-links{margin-top:18px!important;font-size:.76rem!important}
.shph-auth-links>span{opacity:.35}
.shph-auth-theme{right:14px!important;top:14px!important}
.shph-auth-theme button{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:none!important;background:var(--shph-surface)!important}
@media(max-width:575.98px){
  body.shph-auth-body{padding:68px 12px 20px!important;align-items:start}
  .shph-auth-card{border-radius:17px!important}
  .shph-auth-card .card-body{padding:23px!important}
}

/* Logo-free loading screen */
.shph-loader-shell{width:min(100%,340px)!important;padding:24px!important;gap:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.shph-loader-stage{min-height:72px!important}
.shph-loader-copy{display:grid;gap:5px;text-align:center;color:var(--shph-loader-text)}
.shph-loader-copy span{font-size:.78rem;letter-spacing:.015em;opacity:.68}
.shph-loader-credit{font-size:.62rem!important;opacity:.42!important}
.shph-loader-brand{display:none!important}
.shph-loader-preview-layer .shph-loader-copy{display:grid}
.shph-loader-preview-close{border-radius:12px!important}

/* Channel palette recommender */
.channel-palette{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--shph-border)}
.channel-palette__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.channel-palette__head h6{margin:0;font-size:.9rem;font-weight:800;color:var(--shph-heading)}
.channel-palette__head p{margin:4px 0 0;font-size:.74rem;color:var(--shph-muted);line-height:1.45}
.channel-palette__badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--theme-deafult) 10%,transparent);color:var(--theme-deafult);font-size:.65rem;font-weight:800;white-space:nowrap}
.channel-palette__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.channel-palette__controls .form-select,.channel-palette__controls .btn{min-height:40px!important;border-radius:11px!important}
.channel-palette__source{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-height:74px;padding:10px;border-radius:14px;background:var(--shph-surface-soft)}
.channel-palette__image{display:grid;place-items:center;width:64px;height:54px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--shph-heading) 5%,transparent)}
.channel-palette__image img{display:block;width:100%;height:100%;object-fit:cover}
.channel-palette__image span{font-size:10px;color:var(--shph-muted)}
.channel-palette__source strong{display:block;font-size:.78rem;color:var(--shph-heading)}
.channel-palette__source small{display:block;margin-top:3px;font-size:.68rem;color:var(--shph-muted);line-height:1.4}
.channel-palette__results{display:grid;gap:8px}
.channel-palette-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--shph-border);border-radius:13px;background:var(--shph-surface)}
.channel-palette-option__swatches{display:flex;overflow:hidden;width:68px;height:34px;border-radius:9px;border:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.channel-palette-option__swatches span{flex:1}
.channel-palette-option strong{display:block;font-size:.75rem;color:var(--shph-heading)}
.channel-palette-option small{display:block;margin-top:2px;font:600 .64rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--shph-muted)}
.channel-palette-option .btn{min-height:34px!important;padding:.42rem .65rem!important;border-radius:9px!important;font-size:.68rem!important}
.channel-palette__status{min-height:18px;margin:0;font-size:.7rem;color:var(--shph-muted)}
.channel-palette__upload{position:relative;overflow:hidden}
.channel-palette__upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
@media(max-width:575.98px){
  .channel-palette__controls{grid-template-columns:1fr}
  .channel-palette-option{grid-template-columns:auto minmax(0,1fr)}
  .channel-palette-option .btn{grid-column:1/-1;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .site-header,.shph-public-nav-panel,.shph-account-dropdown,.shph-site-loader{transition:none!important}
}