/* CHAMP OS 4.0 — Brand UI
   Presentation layer only. No application or Supabase logic is changed. */

:root{
  --bg:#050505;
  --bg2:#090909;
  --panel:#0d0d0d;
  --panel2:#121212;
  --line:#2c2a24;
  --line2:#5e4b20;
  --text:#f4f0e7;
  --muted:#918d84;
  --muted2:#68645d;
  --blue:#d5a52f;
  --cyan:#edc04d;
  --gold:#d5a52f;
  --gold2:#edc04d;
  --green:#64bd86;
  --orange:#dd9250;
  --red:#df6c72;
  --violet:#b89acb;
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --sidebar:248px;
  --radius:2px;
  --font-display:"Monument Extended","Arial Black","Helvetica Neue",Arial,sans-serif;
  --font-body:Inter,"Helvetica Neue",Arial,sans-serif;
  --champ-gold:#d5a52f;
  --champ-gold-bright:#edc04d;
  --champ-ink:#050505;
  --champ-paper:#f4f0e7;
}

*{scrollbar-width:thin;scrollbar-color:#55451f #0a0a0a}
*::selection{background:var(--champ-gold);color:#080704}
html,body{
  background:
    radial-gradient(circle at 80% -15%,rgba(213,165,47,.09),transparent 34%),
    linear-gradient(180deg,#070707,#030303 62%);
  color:var(--text);
  font-family:var(--font-body);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:52px 52px;
}
button,input,select,textarea{font-family:var(--font-body)}
.app{position:relative;z-index:1}

/* Navigation — black stage, gold signal */
.sidebar{
  width:var(--sidebar);
  background:linear-gradient(180deg,#090909,#050505 74%);
  border-right:1px solid #2e2a20;
  box-shadow:14px 0 54px rgba(0,0,0,.34);
}
.sidebar:after{right:-1px;top:0;height:138px;width:1px;background:linear-gradient(180deg,var(--champ-gold),transparent);box-shadow:none}
.brand{padding:26px 22px 20px;border-bottom:1px solid #292720}
.brand img{width:154px;height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 24px rgba(213,165,47,.08))}
.brand .version{
  margin-top:10px!important;padding:5px 7px!important;border:1px solid #58471f!important;border-radius:0!important;
  background:#0d0b06!important;color:#d9b654!important;font-family:var(--font-display);font-size:7px!important;letter-spacing:.16em!important;
}
.nav{padding:18px 12px;gap:2px}
.nav button{
  min-height:43px;padding:10px 12px;border:0;border-bottom:1px solid transparent;border-radius:0;
  grid-template-columns:28px 1fr auto;gap:10px;color:#918f89;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.nav button:hover{background:#10100f;border-color:#27251f;color:#f5f0e6}
.nav button.active{
  color:#fff;background:linear-gradient(90deg,rgba(213,165,47,.14),rgba(213,165,47,.015));
  border-color:#4b3d1e;box-shadow:inset 2px 0 0 var(--champ-gold);
}
.nav .ico{
  font-family:var(--font-display);font-size:8px;letter-spacing:.04em;color:#6f6b62;text-align:left;
}
.nav button.active .ico{color:var(--champ-gold-bright)}
.nav .arrow{font-size:15px;color:#665524}
.nav button.active .arrow{color:var(--champ-gold)}
.divider{margin:10px 12px;background:#29261e}
.profile{margin:auto 14px 16px;padding:12px;border:1px solid #302d25;border-radius:0;background:#0a0a09}
.avatar,.mini-avatar,.roster-avatar,.cw-avatar,.tm-avatar-349,.hud-avatar348{
  border-radius:0!important;background:linear-gradient(145deg,#211b0c,#090909)!important;
  border-color:#665321!important;color:var(--champ-gold-bright)!important;box-shadow:none!important;
}
.profile strong{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}

/* Top bar */
.main{grid-template-rows:72px minmax(0,1fr)}
.topbar{padding:0 30px;background:rgba(5,5,5,.92);border-bottom:1px solid #2b2922;backdrop-filter:blur(18px)}
.search{height:40px;width:min(610px,55vw);border:0;border-bottom:1px solid #403b2e;border-radius:0;background:transparent;color:#756f62;padding:0 2px}
.search:focus-within{border-bottom-color:var(--champ-gold)}
.search input{color:#f1ede4;font-size:12px}
.search input::placeholder{color:#706c64}
.search kbd{border-color:#3a3529;border-radius:0;color:#77736b;background:#0d0d0c}
.icon-btn{border-radius:0;color:#aaa59a}
.icon-btn:hover{background:#14130f;border-color:#5f4c20;color:var(--champ-gold-bright)}
.top-actions #backupBtn{border-color:#38342b;background:#0b0b0a}
.top-actions #backupBtn:hover{border-color:#6d5724;background:#151208}
.create{
  min-width:108px;border:1px solid var(--champ-gold);border-radius:0;background:var(--champ-gold);color:#080704;
  font-family:var(--font-display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;box-shadow:none;
}
.create:hover{background:var(--champ-gold-bright);border-color:var(--champ-gold-bright)}
.workspace{max-width:1780px;padding:30px 34px 52px}

/* Editorial hierarchy */
.page-head{position:relative;align-items:flex-end;margin-bottom:22px;padding:5px 0 18px;border-bottom:1px solid #312e26}
.page-head:after{content:"";position:absolute;bottom:-1px;left:0;width:74px;height:2px;background:var(--champ-gold)}
.eyebrow,.section-label,.cw-section-label,.hud-kicker348,.boot-kicker,.sub362-list-head small,.cand373-list-head span{
  color:var(--champ-gold)!important;font-family:var(--font-display);letter-spacing:.16em!important;text-transform:uppercase;
}
h1,.cw-title h1,.hud-id348 h1{
  font-family:var(--font-display);font-weight:900;letter-spacing:-.035em;text-transform:uppercase;
}
h2,h3,.panel-head h3,.bucket-head h3,.priority-title h3,.cw-section-head h2{
  color:var(--champ-paper);letter-spacing:-.02em;
}
.subtitle{color:#8f8b83;font-size:12px;line-height:1.65}

/* Shared surfaces */
.card,.panel,.kpi-card,.cw-panel,.cw-nav,.cw-info,.cw-note,.cw-finance-stat,.cw-finance-block,.cw-finance-group,
.cw-dev-summary,.cw-dev-card,.cw-dev-empty,.team-member-349,.team-help-349,.sales370-panel,.sales371-panel,
.lpe350-card,.lpe350-panel,.hud-panel348,.hud-decision348,.hud-offer348,.sub360-live,.sub362-now,.cand373-list,
.finance-periodbar,.finance-movement-card,.finance-mini-stat,.appointment-card,.client-roster-card,.dev-work-card,
.session-section,.calendar-month,.calendar-week-full,.backup-action{
  background:linear-gradient(180deg,#11110f,#0b0b0a)!important;
  border-color:#343128!important;border-radius:2px!important;box-shadow:none!important;
}
.card:hover,.client-roster-card:hover,.team-member-349:hover,.finance-movement-card:hover{
  border-color:#574820!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important;
}
.panel,.cw-panel,.dev-work-card,.session-section{padding:18px}
.kpi,.kpi-card,.cand373-kpis>div{position:relative;overflow:hidden;background:#0d0d0c!important;border-color:#343128!important;border-radius:2px!important}
.kpi:before,.kpi-card:before,.cand373-kpis>div:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--champ-gold),rgba(213,165,47,.05));
}
.kpi:after{right:-28px;top:-55px;width:110px;height:110px;border-color:rgba(213,165,47,.10);border-radius:0;transform:rotate(45deg)}
.kpi-label,.cand373-kpis small{color:#a49e92!important;font-family:var(--font-display);font-size:8px!important;letter-spacing:.13em!important}
.kpi-value,.cand373-kpis b,.bucket-head>b,.finance-total{font-family:var(--font-display);color:#f6f0e3;font-weight:900}
.kpi-sub,.empty,.hint,.finance-note,.finance-scope-note{color:#817d75}

/* Controls */
.btn,.hud-iconbtn348,.hud-command-btn348,.cw-back,.text-back,.cand373-filter,.segmented button{
  min-height:36px;border:1px solid #3b382f;background:#0c0c0b;color:#d6d0c5;border-radius:0;
  font-size:10px;font-weight:800;letter-spacing:.035em;transition:.16s ease;
}
.btn:hover,.hud-iconbtn348:hover,.hud-command-btn348:hover{background:#17150f;border-color:#735c25;color:#fff}
.btn.gold,.btn.blue,.segmented button.active,.sub360-tabs button.active,.sales-tabs .active,.finance-tabs .active{
  border-color:var(--champ-gold)!important;background:var(--champ-gold)!important;color:#080704!important;
}
.btn.green{border-color:#36694a;color:#78cb96;background:#0b1710}
.btn.red,.btn.danger-outline,.danger-outline{border-color:#67383c!important;color:#e4878d!important;background:#160d0e!important}
.btn:active,.create:active{transform:translateY(1px)}
.actions{gap:7px}
input,select,textarea,.toolbar input,.toolbar select,.finance-toolbar input,.finance-toolbar select,
.archive-tools input,.archive-tools select,.field input,.field select,.field textarea,.cand373-search input,.cand373-search select,
.sub362-list-toolbar input,.sub362-list-toolbar select,.cw-dev-selects select,.cw-dev-card select,.cw-dev-card textarea,.cw-dev-summary textarea{
  background:#080808!important;border:1px solid #39362e!important;border-radius:0!important;color:#eee9df!important;outline:0;
}
input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--champ-gold)!important;box-shadow:0 0 0 2px rgba(213,165,47,.10)!important;
}
input::placeholder,textarea::placeholder{color:#67635d!important}

/* Tables and dense operational views */
.table-wrap,.cw-table .table-wrap{
  border-color:#332f27!important;border-radius:0!important;background:#090909!important;
}
.table th,.cw-table .table th,.cand373-table thead th,.sub362-scroll table thead{
  background:#11100d!important;border-color:#3b3527!important;color:#aaa397!important;
  font-family:var(--font-display);font-size:7px!important;letter-spacing:.13em!important;
}
.table td,.cw-table .table td,.cand373-table td,.cand373-table th{border-color:#26241f!important;color:#ddd7cc}
.table tr[data-click]:hover td,.cw-table .table tr:hover td,.cand373-table tbody tr:hover{background:rgba(213,165,47,.045)!important}
.person b,.cand373-person b{color:#f0ebe2}
.mini-avatar{font-family:var(--font-display)}
.pill,.finance-chip,.cand373-type,.cand373-state,.cand373-mobile-meta span,.tm-roles-349 span,.count-badge{
  border-radius:999px;background:#11100d;border-color:#51431f;color:#d8b451;
}
.pill.green{border-color:#356148;color:#78c998;background:#0d1711}.pill.orange{border-color:#704922;color:#e4a15e;background:#1a120a}.pill.red{border-color:#683a3e;color:#e8878c;background:#190d0f}.pill.violet{border-color:#57445f;color:#c4a3d1;background:#150f18}.pill.gray{border-color:#45423c;color:#aaa59b;background:#11110f}
.ref-link,.text-back,.cw-back,.hud-link348{color:var(--champ-gold-bright)!important}

/* Dashboard */
.dashboard-grid,.dashboard-focus-grid,.priority-grid,.sales-focus-grid{gap:16px}
.revenue-track{border-color:#373228}
.revenue-bar,.bar{background:linear-gradient(180deg,#75642f,#352b12)!important;border-color:#8a712b!important;border-radius:0!important;box-shadow:none!important}
.revenue-bar.current,.bar.goldbar{background:linear-gradient(180deg,var(--champ-gold-bright),#8e6919)!important;border-color:var(--champ-gold-bright)!important}
.appointment-date,.priority-icon,.mix-status-strip span,.roster-body>div{
  border-radius:0!important;background:#090909!important;border-color:#39342a!important;
}
.priority-icon{color:var(--champ-gold)!important}
.lead-focus-row{border-radius:0;background:#0b0b0a}
.lead-focus-row:hover{border-color:#5e4b20;background:#12100b}
.dot{background:var(--champ-gold);box-shadow:none}

/* Pipelines and tabs */
.pipeline,.lead-stage-strip,.hud-pipeline348{
  border-color:#39342a!important;border-radius:0!important;background:#080808!important;
}
.stage,.lead-stage-node,.hud-pipe348{border-color:#302c24!important}
.stage:hover,.hud-pipe348:hover{background:rgba(213,165,47,.04)!important}
.stage.active,.lead-stage-node.current,.hud-pipe348.current,.hud-pipe348.is-current{
  background:linear-gradient(180deg,rgba(213,165,47,.13),rgba(213,165,47,.025))!important;
  box-shadow:inset 0 -2px 0 var(--champ-gold)!important;
}
.subnav,.tabs{border-color:#39342a}
.subnav button.active{border-bottom-color:var(--champ-gold);color:#fff}
.segmented{background:#080808;border-color:#39342a;border-radius:0}

/* Client workspace */
#view-clientDetail{
  --cw-bg:#050505;--cw-panel:#0b0b0a;--cw-panel2:#11110f;--cw-line:#343128;--cw-muted:#8d8980;
  --cw-text:#f4f0e7;--cw-gold:#d5a52f;--cw-green:#64bd86;--cw-blue:#d5a52f;
  background:radial-gradient(circle at 82% 0,rgba(213,165,47,.07),transparent 31%);
}
.cw-nav button{border-radius:0;color:#969087}
.cw-nav button:hover{background:#13110d;color:#fff}
.cw-nav button.active{background:linear-gradient(90deg,rgba(213,165,47,.13),transparent);box-shadow:inset 2px 0 var(--champ-gold)}
.cw-nav button .cw-nav-count{background:#0d0d0c;color:#8b857a;border-radius:999px}
.cw-progress-line{background:#080808;border-radius:0}.cw-progress-line i{background:var(--champ-gold);border-radius:0}
.cw-dev-card:before{background:var(--champ-gold)}

/* Submissions and candidatures */
.sub360-live,.sub362-now{border-left:3px solid var(--champ-gold)!important}
.sub360-linkbar code{background:#080808;border-color:#3b362a;border-radius:0;color:#c9c1b3}
.sub362-list-toolbar{border-color:#343027;background:rgba(8,8,8,.96)}
.sub362-count{border-color:#4b4025;border-radius:0;color:var(--champ-gold-bright)}
.sub362-row.is-playing td,.sub360-mobile-card.is-playing{background:rgba(213,165,47,.055)!important}
.sub360-q,.sub362-now-number{color:var(--champ-gold);font-family:var(--font-display)}
.sub360-status.playing{color:var(--champ-gold-bright)}
.cand373-kpis{gap:10px;margin:16px 0}
.cand373-kpis>div{padding:15px 16px}
.cand373-filter{border-radius:999px;background:transparent}
.cand373-filter.active{color:#f2d376;border-color:#8d6f1c;background:rgba(191,145,26,.10)}
.cand373-list-head{border-color:#342f25;padding:16px 17px}
.cand373-mobile{background:#0d0d0c;border-color:#343128;border-radius:2px}
.cand373-type.sessione{color:#d8c7a2;border-color:#66562f;background:#17130b}

/* Team, calendar, finance */
.tm-roles-349 span{background:#11100d;color:#c9c1b2}
.tm-status-349{border-radius:999px}.tm-status-349.on{color:#74c995;background:#0c1811;border-color:#305d43}.tm-status-349.off{color:#9c978e;background:#11110f;border-color:#403d37}
.calendar-month,.calendar-week-full{border-color:#373229}.cal-weekdays{background:#0f0e0c;border-color:#373229}
.cal-month-day,.cal-week-day{border-color:#2c2923}.cal-month-day.today,.cal-week-day.today{background:rgba(213,165,47,.06);box-shadow:inset 0 0 0 1px #6c5725}
.cal-month-day.today header b{background:var(--champ-gold);color:#090704}.cal-event{border-radius:0;background:#11100d;border-left-color:var(--champ-gold)}
.finance-periodbar{border-left:3px solid var(--champ-gold)!important}
.finance-bar.in{background:linear-gradient(180deg,#6bb78b,#315e43)!important;border-color:#75c795!important}
.finance-bar.out{background:linear-gradient(180deg,#d28e50,#71401f)!important;border-color:#d99b60!important}
.finance-chip{border-color:#3f3a30;color:#a9a297}

/* Sales & lead processor namespaces */
[class^="sales370-"][class*="card"],[class^="sales371-"][class*="card"],[class^="lpe350-"][class*="card"]{
  background:linear-gradient(180deg,#11110f,#0b0b0a)!important;border-color:#343128!important;border-radius:2px!important;
}
[class^="sales370-"] input,[class^="sales370-"] select,[class^="sales371-"] input,[class^="sales371-"] select,
[class^="lpe350-"] input,[class^="lpe350-"] select,[class^="lpe350-"] textarea{
  background:#080808!important;border-color:#39362e!important;border-radius:0!important;color:#eee9df!important;
}
.hud-tabs348 button,.hud-stage348,.hud-check348,.hud-data-block348,.hud-intel-mini348,.hud-objective348,.hud-next348,.hud-capture348{
  border-color:#343128!important;background:#0d0d0c!important;border-radius:2px!important;
}
.hud-tabs348 button.active,.hud-tabs348 button.is-active{color:#080704!important;background:var(--champ-gold)!important;border-color:var(--champ-gold)!important}
.hud-iconbtn348 span{color:var(--champ-gold)}

/* Modal, search, notices */
.modal-bg{background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}
.modal{background:#0b0b0a;border-color:#655220;border-radius:2px;box-shadow:0 40px 120px rgba(0,0,0,.72);padding:20px}
.modal-head{padding-bottom:14px;border-bottom:1px solid #332f27}
.modal-head small{color:var(--champ-gold);font-family:var(--font-display)}
.modal-head h3{font-family:var(--font-display);text-transform:uppercase}
.search-results{top:63px;background:#0a0a09;border-color:#4d4024;border-radius:0}
.search-result{border-color:#2b2821}.search-result:hover{background:#15120b}
.search-result .kind{border-radius:0;background:#17130b;border-color:#5d4b21;color:var(--champ-gold)}
.toast{right:24px;bottom:24px;background:#12100a;border-color:#816722;color:#f0e6cd;border-radius:0;font-size:11px}
.alert,.archive-banner{border-radius:0;border-color:#5b4821;background:linear-gradient(90deg,rgba(213,165,47,.10),rgba(213,165,47,.01))}

/* Cloud boot and authentication injected by cloud-adapter */
#boot-splash{background:radial-gradient(circle at 50% 28%,rgba(213,165,47,.10),transparent 29%),#050505;color:var(--champ-paper)}
#boot-splash .boot-card{border-color:#695523;background:#0b0b0a;border-radius:2px;box-shadow:0 30px 100px rgba(0,0,0,.55)}
#boot-splash .boot-title{font-family:var(--font-display);font-size:22px;text-transform:uppercase;line-height:1.15}
#boot-splash .boot-sub{color:#8d887e}
#boot-splash .boot-line{height:2px;border-radius:0;background:linear-gradient(90deg,var(--champ-gold),var(--champ-gold-bright),rgba(213,165,47,.08))}
#cloudLogin{background:radial-gradient(circle at 50% 15%,rgba(213,165,47,.11),transparent 29%),#050505!important;color:var(--champ-paper)!important}
#cloudLogin>div{background:#0c0c0b!important;border:1px solid #6d5824!important;border-radius:2px!important;box-shadow:0 36px 100px rgba(0,0,0,.65)!important}
#cloudLogin img{filter:drop-shadow(0 12px 30px rgba(213,165,47,.11))}
#cloudLogin h2{font-family:var(--font-display)!important;text-transform:uppercase!important;letter-spacing:-.03em!important}
#cloudLogin input{background:#070707!important;border:1px solid #3a362e!important;border-radius:0!important;color:#f2eee5!important}
#cloudLogin button{background:var(--champ-gold)!important;border:1px solid var(--champ-gold)!important;border-radius:0!important;color:#080704!important;font-family:var(--font-display)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#cloudStatus{background:#11100b!important;border-color:#6d5724!important;border-radius:0!important;color:#ddc37a!important;box-shadow:none!important}

/* Responsive behavior */
@media(max-width:1280px){
  :root{--sidebar:86px}
  .brand{padding:15px 8px}.brand img{width:66px;height:58px;margin:auto;object-position:center}.brand .version{justify-content:center}
  .nav{padding:11px 7px}.nav button{grid-template-columns:1fr;padding:11px 5px}.nav .ico{text-align:center;font-size:8px}
  .workspace{padding:24px 20px 46px}.search-results{left:104px;width:calc(100vw - 124px)}
}
@media(max-width:760px){
  :root{--sidebar:62px}
  body:before{background-size:38px 38px;opacity:.2}
  .main{grid-template-rows:58px minmax(0,1fr)}
  .brand{padding:10px 4px}.brand img{width:50px;height:43px}.brand .version{display:none!important}
  .nav{padding:8px 4px}.nav button{min-height:39px;padding:8px 2px}.nav .ico{font-size:7px}
  .topbar{padding:0 7px}.search{width:calc(100vw - var(--sidebar) - 82px);height:35px}.create{width:72px;min-width:72px;height:35px;font-size:8px;padding:0 4px}
  .workspace{padding:18px 10px 46px}.page-head{padding-bottom:14px;margin-bottom:17px}.page-head:after{width:52px}
  h1{font-size:clamp(23px,8vw,31px)}
  .panel,.cw-panel,.dev-work-card,.session-section{padding:14px}
  .cand373-kpis>div{padding:13px 12px}.cand373-search{display:grid;grid-template-columns:1fr}.cand373-search input{width:100%}
  .search-results{left:69px;right:7px;width:auto;top:52px}
  .toast{left:72px;right:10px;bottom:12px}
  .modal{padding:15px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Standalone submission player */
body .sp-shell{position:relative;z-index:1;width:min(1040px,100%);padding:32px 28px 60px}
.sp-logo{width:126px!important}.sp-back{border:1px solid #49402a!important;background:#0b0b0a!important;color:#d6cdbd!important;border-radius:0!important}
.sp-back:hover{border-color:var(--champ-gold)!important;color:var(--champ-gold-bright)!important}
.sp-kicker{color:var(--champ-gold)!important;font-family:var(--font-display);letter-spacing:.18em!important}
.sp-title{padding-bottom:20px;border-bottom:1px solid #373229}
.sp-title h1{font-family:var(--font-display)!important;letter-spacing:-.045em!important}
.sp-q{color:var(--champ-gold)!important;font-family:var(--font-display)!important}
.sp-chip{border-color:#4c4128!important;border-radius:999px!important;background:#100f0c!important;color:#aaa397!important}
.sp-card{border-color:#5a4920!important;border-radius:2px!important;background:linear-gradient(145deg,#11110f,#090909)!important;box-shadow:0 32px 90px rgba(0,0,0,.36)!important}
.sp-song{color:#8f897f!important}.sp-song b{color:var(--champ-paper)!important}
.sp-btn{border-color:#403b31!important;background:#0b0b0a!important;color:#ddd6ca!important;border-radius:0!important}
.sp-btn.primary{background:var(--champ-gold)!important;border-color:var(--champ-gold)!important;color:#080704!important}
.sp-btn.gold{border-color:#6e5723!important;color:var(--champ-gold-bright)!important}
.sp-note{color:#7e796f!important}.sp-state{border-color:#3c382f!important;border-radius:0!important;color:#aaa398!important;background:#090909!important}
.sp-state.ok{border-color:#356148!important;color:#78c998!important;background:#0c1510!important}.sp-error{border-radius:0!important}
@media(max-width:650px){body .sp-shell{padding:22px 15px 42px}.sp-logo{width:100px!important}.sp-title{padding-bottom:16px}}