/* CONTROL_ONE_8030_UI_V2
 * Presentation-only integration. Existing API, state and permission logic stay in
 * shopper-ui-v122.js and app.py.
 */
:root{
  --control-red:#c8102e;
  --control-red-pressed:#a90d27;
  --control-red-soft:#fff0f2;
  --control-ink:#15171b;
  --control-muted:#6b7280;
  --control-line:#d9dee6;
  --control-hair:#edf0f4;
  --control-bg:#f5f6f8;
}

/* LOGIN_UNIFIED_CARD_V183 LOGIN_RESPONSIVE_V184 */
.control-login-v2{min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;color:#111827!important;background:radial-gradient(circle at 22% 38%,rgba(199,0,11,.045),transparent 34%),linear-gradient(180deg,#f7f8fa 0,#edf1f5 100%)!important;overflow:auto!important}
.control-login-shell-v2{width:100%;max-width:360px;min-height:0!important;margin:0!important;padding:0!important;transform:translateY(-18px)!important}
.control-login-topbar-v0523{width:100%;height:58px;display:flex;align-items:center;padding:0 12px;background:rgba(255,255,255,.95);border:1px solid rgba(213,219,227,.96);box-shadow:0 10px 28px rgba(17,24,39,.08)}
.control-login-brand-v0523{min-width:0;display:flex;flex-direction:column;justify-content:center}.control-login-brand-v0523 h1{margin:0;color:#c7000b;font-size:22px;line-height:1;font-weight:1000;letter-spacing:.045em}.control-login-brand-v0523 span{display:block;margin-top:5px;color:#667085;font-size:10px;line-height:1;font-weight:850}
.control-login-scene-v0523{flex:none;width:62px;height:40px;display:grid;align-content:center;justify-items:center;border-left:1px solid #e8ecf2;color:#344054;line-height:1}.control-login-scene-v0523 strong{font-size:11px;font-weight:1000}.control-login-scene-v0523 span{margin-top:4px;color:#667085;font-size:9px;font-weight:850}
.control-login-v2 .control-login-form-v2{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(213,219,227,.98)!important;border-radius:0!important;background:#fff!important;box-shadow:0 18px 46px rgba(17,24,39,.1)!important;transform:none!important}
.control-login-v2 .shopper-login-card.control-login-form-v2::before{display:none!important}
.control-login-unified-head{position:relative;padding:21px 22px 18px 26px;border-bottom:1px solid #e8ecf2;background:#fff}
.control-login-unified-head::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;background:#c7000b}
.control-login-unified-head span{display:block;color:#98a2b3;font-size:8px;line-height:1;font-weight:950;letter-spacing:.18em}
.control-login-unified-head h1{margin:8px 0 0;color:#c7000b;font-size:25px;line-height:1;font-weight:1000;letter-spacing:.035em}
.control-login-unified-body{padding:18px 22px 16px}
.control-login-unified-body>label{display:block;margin:0 0 8px;color:#667085;font-size:10px;line-height:1;font-weight:900}
.control-login-form-head-v0523{padding:15px 18px 13px 20px;border-bottom:1px solid #e8ecf2}.control-login-form-head-v0523 small{display:block;color:#667085;font-size:9px;font-weight:900}.control-login-form-head-v0523 strong{display:block;margin-top:4px;color:#111827;font-size:18px;line-height:1.15;font-weight:1000;letter-spacing:-.025em}.control-login-form-head-v0523 span{display:block;margin-top:6px;color:#667085;font-size:10px;font-weight:800}
.control-login-body-v0523{padding:18px 16px 10px 20px}.control-login-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.control-login-v2 .control-login-input-v2{width:100%;height:47px;padding:0 13px;border:1px solid #d8dee8!important;border-radius:0!important;background:#fff!important;color:#111827;font-size:14px;font-weight:850;outline:none!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}.control-login-v2 .control-login-input-v2::placeholder{color:#98a2b3;font-weight:800}.control-login-v2 .control-login-input-v2:focus{border-color:#c7000b!important;outline:none!important;box-shadow:inset 3px 0 0 #c7000b!important}
.control-login-v2 .control-login-submit-v2{width:100%;height:46px;margin-top:11px;border:1px solid #c7000b!important;border-radius:0!important;background:#c7000b!important;color:#fff!important;font-size:12px;font-weight:1000;letter-spacing:.03em;box-shadow:none!important;appearance:none;-webkit-appearance:none}.control-login-v2 .control-login-submit-v2:active{background:#a90000!important;border-color:#a90000!important;transform:translateY(1px)}
.control-login-v2 .login-feedback-v2{min-height:16px;margin-top:7px;color:#c7000b;font-size:10px;font-weight:900;text-align:center}

.control-report-v2{background:var(--control-bg)!important}
.control-report-v2 .shopper-topbar,
.control-report-v2 .shopper-editor,
.control-report-v2 .shopper-history,
.control-report-v2 .shopper-hero{
  border-color:var(--control-line)!important;border-radius:0!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(20,23,28,.055)!important;
}
.control-report-v2 .shopper-status-dot{background:var(--control-red)!important}
.control-report-v2 .shopper-segmented{border-radius:0!important;background:#f7f8fa!important}
.control-report-v2 .shopper-segmented .segmented__indicator{border-radius:0!important;background:var(--control-red)!important}
.control-report-v2 .shopper-segmented button.is-active{color:#fff!important}
.control-report-v2 .shopper-date-panel,
.control-report-v2 .shopper-brand-row,
.control-report-v2 .stepper button{border-radius:0!important}
.control-report-v2 .stepper button{color:var(--control-red)!important}
.control-report-v2 .shopper-brand-row.is-huawei{background:linear-gradient(90deg,var(--control-red-soft),#fff)!important}
.control-report-v2 .shopper-brand-row.is-huawei .shopper-brand-name{color:var(--control-red)!important}
.shopper-submit-wrap .shopper-submit-panel{border-radius:0!important}
.shopper-submit-wrap .shopper-submit-btn{border-radius:0!important;background:var(--control-red)!important;color:#fff!important}
.shopper-submit-wrap .shopper-submit-btn:active{background:var(--control-red-pressed)!important}
.control-report-v2 .shopper-history-pill.is-missing{background:var(--control-red-soft)!important;color:var(--control-red)!important}

/* control-report-compact-hero: match the accepted v0.5.23 report surface. */
.control-report-v2 .shopper-shell{
  width:min(100%,405px)!important;
  padding:calc(env(safe-area-inset-top) + 72px) 10px calc(env(safe-area-inset-bottom) + 88px)!important;
}
.control-report-v2 .shopper-stack{gap:10px!important}
.control-report-v2 .topbar{
  top:calc(env(safe-area-inset-top) + 8px)!important;
  width:min(405px,calc(100vw - 20px))!important;
  min-height:58px!important;
  padding:0 10px 0 12px!important;
  border:1px solid var(--control-line)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(17,24,39,.08)!important;
}
.control-report-v2 .topbar .app-logo{display:none!important}
.control-report-v2 .topbar .topbar__title strong{font-size:15px!important;color:var(--control-ink)!important}
.control-report-v2 .topbar .topbar__title span{font-size:9px!important;color:var(--control-muted)!important}
.control-report-v2 .topbar .icon-button{
  width:40px!important;height:40px!important;border:0!important;border-radius:0!important;
  background:#f5f6f8!important;box-shadow:none!important;color:var(--control-muted)!important;
}
.control-report-v2 .shopper-achievement-hero{
  min-height:0!important;
  padding:14px!important;
  color:var(--control-ink)!important;
  border:1px solid var(--control-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(20,23,28,.055)!important;
}
.control-report-v2 .shopper-achievement-hero::before,
.control-report-v2 .shopper-achievement-hero::after{display:none!important}
.control-report-v2 .shopper-mini-hero-top{color:var(--control-muted)!important;font-size:8px!important}
.control-report-v2 .shopper-mini-hero-main{margin-top:9px!important}
.control-report-v2 .shopper-mini-hero-main small{color:var(--control-muted)!important;font-size:8px!important}
.control-report-v2 .shopper-mini-hero-main strong{color:var(--control-ink)!important;font-size:28px!important;text-shadow:none!important}
.control-report-v2 .shopper-mini-hero-main b{
  padding:5px 7px!important;border-radius:0!important;background:var(--control-red-soft)!important;
  color:var(--control-red)!important;font-size:8px!important;
}
.control-report-v2 .shopper-mini-hero-grid{margin-top:9px!important;border-top:1px solid var(--control-hair)!important}
.control-report-v2 .shopper-mini-hero-grid article{min-height:0!important;padding:8px 7px 0!important;background:transparent!important;border:0!important;border-radius:0!important}
.control-report-v2 .shopper-mini-hero-grid article+article{border-left:1px solid var(--control-hair)!important}
.control-report-v2 .shopper-mini-hero-grid span,
.control-report-v2 .shopper-mini-hero-grid small{color:var(--control-muted)!important;font-size:8px!important}
.control-report-v2 .shopper-mini-hero-grid strong{margin-top:4px!important;color:var(--control-ink)!important;font-size:12px!important;text-shadow:none!important}

.control-report-v2 .shopper-editor{padding:0!important}
.control-report-v2 .shopper-date-panel{
  min-height:52px!important;padding:0 12px!important;border:0!important;border-bottom:1px solid var(--control-hair)!important;
  background:#fff!important;box-shadow:none!important;
}
.control-report-v2 .shopper-date-icon{display:none!important}
.control-report-v2 .shopper-date-copy small{font-size:8px!important}
.control-report-v2 .shopper-date-copy strong{font-size:13px!important}
.control-report-v2 .shopper-autosave-inline{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--control-green,#12805c)!important;font-size:8px!important;
}
.control-report-v2 .shopper-entry-segmented{
  gap:6px!important;margin:0!important;padding:8px!important;border:0!important;border-bottom:1px solid var(--control-hair)!important;
}
.control-report-v2 .shopper-entry-segmented button{min-height:40px!important;border-radius:0!important;font-size:10px!important}
.control-report-v2 .shopper-brand-grid{
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:0!important;
  padding:0 12px!important;
  background:#fff!important;
}
.control-report-v2 .shopper-brand-row{
  min-height:52px!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid var(--control-hair)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.control-report-v2 .shopper-brand-row:first-child{background:linear-gradient(90deg,var(--control-red-soft),#fff 65%)!important}
.control-report-v2 .shopper-brand-row>span:first-child{padding-left:4px!important;font-size:12px!important;color:var(--control-ink)!important}
.control-report-v2 .shopper-brand-row:first-child>span:first-child{color:var(--control-red)!important;font-weight:900!important}
.control-report-v2 .stepper{display:grid!important;grid-template-columns:40px 28px 40px!important;align-items:center!important}
.control-report-v2 .stepper button{width:40px!important;height:40px!important;border-radius:0!important;background:#f4f6f9!important;font-size:17px!important}
.control-report-v2 .stepper button::before{display:none!important}
.control-report-v2 .stepper button:last-child{background:var(--control-red-soft)!important;color:var(--control-red)!important}
.control-report-v2 .stepper strong{width:28px!important;font-size:14px!important}
.control-report-v2 .shopper-fusion-row{background:#fff!important}
.control-report-v2 .shopper-input-summary{
  min-height:48px!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:0!important;
  border-top:1px solid var(--control-hair)!important;background:#fff!important;
}
.control-report-v2 .shopper-input-summary span{font-size:8px!important}
.control-report-v2 .shopper-input-summary strong{font-size:13px!important;color:var(--control-ink)!important}

/* control-report-history-list */
.control-report-v2 .shopper-history-section{gap:6px!important}
.control-report-v2 .shopper-history-head{margin:0 2px!important}
.control-report-v2 .shopper-history-head strong{font-size:12px!important}
.control-report-v2 .shopper-history-head span{font-size:9px!important}
.control-report-v2 .shopper-history{border-radius:0!important}
.control-report-v2 .shopper-history-row{min-height:58px!important;padding:7px 9px 7px 12px!important}
.control-report-v2 .shopper-history-copy b{font-size:11px!important}
.control-report-v2 .shopper-history-copy small{font-size:8px!important}
.control-report-v2 .shopper-history-pill{border-radius:0!important;font-size:8px!important}
.shopper-submit-wrap{width:min(405px,100%)!important}
.shopper-submit-wrap .shopper-submit-panel{
  border:1px solid var(--control-line)!important;background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 42px rgba(17,24,39,.14)!important;
}
.shopper-submit-wrap .shopper-submit-metrics article{padding:7px!important}
.shopper-submit-wrap .shopper-submit-metrics span{font-size:7px!important}
.shopper-submit-wrap .shopper-submit-metrics strong{font-size:12px!important}
.shopper-submit-wrap .shopper-submit-btn{height:52px!important;min-width:138px!important;font-size:10px!important}

/* Beat the legacy high-specificity unified layer loaded before this file. */
body:not(.admin-shell) #app .control-report-v2 .topbar{
  border-radius:0!important;
  border-color:var(--control-line)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(17,24,39,.08)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-hero.shopper-achievement-hero{
  min-height:0!important;
  padding:14px!important;
  color:var(--control-ink)!important;
  border:1px solid var(--control-line)!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 8px 24px rgba(20,23,28,.055)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-hero.shopper-achievement-hero *{
  text-shadow:none!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-top,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-top span,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-main,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-main small,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-empty,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-grid span,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-grid small{
  color:var(--control-muted)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-main strong,
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-grid strong{
  color:var(--control-ink)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-reference-section--hero .shopper-mini-hero-main>b{
  color:var(--control-red)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-editor{
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(20,23,28,.055)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-editor .shopper-brand-grid{
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0 12px!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-editor .shopper-brand-row{
  min-height:52px!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid var(--control-hair)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-editor .shopper-brand-row:first-child{
  background:linear-gradient(90deg,var(--control-red-soft),#fff 65%)!important;
}
body:not(.admin-shell) #app .control-report-v2 .shopper-history{
  border-radius:0!important;
  border-color:var(--control-line)!important;
  background:#fff!important;
}
body:not(.admin-shell) .shopper-submit-wrap .shopper-submit-panel,
body:not(.admin-shell) .shopper-submit-wrap .shopper-submit-btn{
  border-radius:0!important;
}
body:not(.admin-shell) .shopper-submit-wrap .shopper-submit-btn{color:#fff!important}

@media(max-width:430px){
  .control-login-shell-v2{max-width:340px;transform:translateY(-40px)!important}
  .control-login-unified-head{padding:18px 20px 16px 24px}
  .control-login-unified-head::before{top:16px;bottom:16px}
  .control-login-unified-head span{font-size:7.5px}
  .control-login-unified-head h1{margin-top:7px;font-size:22px}
  .control-login-unified-body{padding:16px 18px 13px}
  .control-login-unified-body>label{font-size:9px}
  .control-login-v2 .control-login-input-v2{height:45px;font-size:13px}
  .control-login-v2 .control-login-submit-v2{height:44px;font-size:11.5px}
}
@media(min-width:431px) and (max-width:899px){
  .control-login-shell-v2{max-width:380px;transform:translateY(-24px)!important}
}
@media(min-width:900px){
  .control-login-shell-v2{max-width:440px;transform:translateY(-28px)!important}
  .control-login-unified-head{padding:26px 30px 22px 34px}
  .control-login-unified-head::before{top:22px;bottom:22px}
  .control-login-unified-head span{font-size:9px}
  .control-login-unified-head h1{margin-top:9px;font-size:29px}
  .control-login-unified-body{padding:24px 30px 22px}
  .control-login-unified-body>label{margin-bottom:9px;font-size:11px}
  .control-login-v2 .control-login-input-v2{height:52px;padding:0 15px;font-size:15px}
  .control-login-v2 .control-login-submit-v2{height:50px;margin-top:12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .control-login-v2 *, .control-report-v2 *{animation:none!important;transition:none!important}
}

/* control-one-guide-v0523 — exact shopper surface ported from the accepted guide.
 * control-guide-v0523-achievement
 * control-guide-v0523-brand-grid
 * control-guide-v0523-submit
 */
:root{
  --red:#c7000b;--red-pressed:#a90000;--red-soft:#fff1f3;
  --orange:#b86600;--green:#087443;--green-soft:#edf8f2;
  --ink:#111827;--ink-2:#344054;--muted:#667085;--faint:#98a2b3;
  --line:#d6dce5;--hair:#e8ecf2;--surface:#fff;--page:#f4f6f9;
  --shadow:0 10px 28px rgba(17,24,39,.06);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:max(8px,env(safe-area-inset-top,0px));
  --page-max:760px;--page-gutter:14px;--page-inset:28px;
  --page-width:min(calc(100vw - var(--page-inset) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),var(--page-max));
  --fixed-safe:max(28px,calc(env(safe-area-inset-bottom,0px) + 12px));
}
body:has(.control-one-guide-v0523){
  min-height:100%;overflow-x:hidden;
  padding:calc(74px + var(--safe-top)) 0 calc(78px + var(--fixed-safe))!important;
  background:linear-gradient(180deg,#f7f8fa 0,#edf1f5 100%)!important;
  color:var(--ink)!important;
}
body:has(.control-one-guide-v0523) .ambient{display:none!important}
.control-one-guide-v0523{
  width:var(--page-width)!important;max-width:none!important;height:auto!important;min-height:0!important;
  margin:0 auto!important;padding:0!important;overflow:visible!important;background:transparent!important;
}
.control-one-guide-v0523 .topbar.control-guide-v0523-topbar{
  position:fixed!important;top:var(--safe-top)!important;left:50%!important;z-index:40!important;
  width:var(--page-width)!important;height:58px!important;min-height:58px!important;
  margin:0!important;padding:0 10px 0 12px!important;transform:translateX(-50%)!important;
  background:rgba(255,255,255,.94)!important;border:1px solid rgba(213,219,227,.96)!important;
  border-radius:0!important;box-shadow:0 10px 28px rgba(17,24,39,.08)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.control-one-guide-v0523 .topline{height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.control-one-guide-v0523 .brand-block{min-width:0;display:flex;flex-direction:column;justify-content:center}
.control-one-guide-v0523 .brand-block h1{margin:0;color:var(--red);font-size:22px;line-height:1;font-weight:1000;letter-spacing:.045em}
.control-one-guide-v0523 .identity{display:block;max-width:240px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.control-one-guide-v0523 .brand-meta{flex:none;height:40px;display:flex;align-items:stretch;color:var(--muted);font-weight:850;border-left:1px solid var(--hair)}
.control-one-guide-v0523 .header-date{width:62px;height:40px;min-height:40px;margin:0;padding:4px 8px;border:0;background:transparent;color:var(--ink-2);display:grid;align-content:center;justify-items:center;line-height:1;white-space:nowrap}
.control-one-guide-v0523 .header-date strong{font-size:11px;font-weight:1000}.control-one-guide-v0523 .header-date span{margin-top:4px;color:var(--muted);font-size:9px;font-weight:850}
.control-one-guide-v0523 .actor-button{width:44px;height:40px;padding:0;border:0;border-left:1px solid var(--hair);background:transparent;color:var(--ink-2);font-size:10px;font-weight:950;white-space:nowrap}
.control-one-guide-v0523 .card{background:var(--surface)!important;border:1px solid rgba(213,219,227,.96)!important;border-radius:0!important;box-shadow:var(--shadow)!important;margin:0 0 8px!important}
.control-one-guide-v0523 .inner{padding:10px}
.control-one-guide-v0523 .achievement{position:relative;overflow:hidden;padding:0!important;min-height:0!important}
.control-one-guide-v0523 .achievement:before{display:block!important;content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red)}
.control-one-guide-v0523 .achievement:after{display:none!important}
.control-one-guide-v0523 .ach-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px 7px;color:var(--muted)!important;font-size:10px!important;font-weight:900}
.control-one-guide-v0523 .ach-main{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 2px 9px 7px;margin:0!important}
.control-one-guide-v0523 .ach-main small{display:block;color:var(--muted)!important;font-size:9.5px!important;font-weight:850}
.control-one-guide-v0523 .ach-main strong{display:inline-flex;align-items:baseline;gap:3px;margin-top:2px;color:var(--ink)!important;font-size:27px!important;line-height:1;font-weight:1000;letter-spacing:-.04em;text-shadow:none!important}
.control-one-guide-v0523 .ach-main strong em{font-size:12px;line-height:1;font-style:normal;font-weight:950;letter-spacing:0}
.control-one-guide-v0523 .coefficient{height:32px;display:flex;align-items:center;padding:0 11px!important;border-radius:0!important;background:var(--ink)!important;color:#fff!important;font-size:10.5px!important;font-weight:1000}
.control-one-guide-v0523 .ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:0!important;margin:0 0 0 7px!important;border-top:1px solid var(--hair)!important}
.control-one-guide-v0523 .ach-grid article{min-height:0!important;padding:9px 10px!important;border:0!important;border-radius:0!important;background:transparent!important}
.control-one-guide-v0523 .ach-grid article+article{border-left:1px solid var(--hair)!important}
.control-one-guide-v0523 .ach-grid span{display:block;color:var(--muted)!important;font-size:9px!important;font-weight:850}
.control-one-guide-v0523 .ach-grid strong{display:block;margin-top:4px;color:var(--ink)!important;font-size:15px!important;font-weight:1000;text-shadow:none!important}
.control-one-guide-v0523 .ach-grid small{display:block;margin-top:4px;color:var(--muted)!important;font-size:9px!important;font-weight:800}
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .inner{background:#fff!important;background-image:none!important;color:var(--ink)!important}
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-top,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-top span,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-main small,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-grid span,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-grid small,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .shopper-mini-hero-empty{color:var(--muted)!important;text-shadow:none!important}
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-main strong,
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .ach-grid strong{color:var(--ink)!important;text-shadow:none!important}
body:not(.admin-shell) #app .control-one-guide-v0523 .achievement .coefficient{background:var(--ink)!important;color:#fff!important}

.control-one-guide-v0523 .editor{padding:0!important;overflow:hidden}
.control-one-guide-v0523 .date-panel{width:100%;min-height:52px;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:10px;padding:7px 10px!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left;color:inherit}
.control-one-guide-v0523 .date-copy{min-width:0;display:flex;align-items:center;gap:8px}
.control-one-guide-v0523 .date-copy small{flex:none;color:var(--muted)!important;font-size:9px!important;font-weight:900}
.control-one-guide-v0523 .date-copy strong{min-width:0;color:var(--ink)!important;font-size:14px!important;font-weight:1000;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.control-one-guide-v0523 .autosave{display:flex;align-items:center;gap:5px;padding:0!important;border:0!important;background:transparent!important;color:var(--green)!important;font-size:9.5px!important;font-weight:1000;white-space:nowrap}
.control-one-guide-v0523 .autosave i{width:6px;height:6px;background:var(--green);border-radius:50%}
.control-one-guide-v0523 .segmented{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0!important;padding:8px!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;background:#fbfcfd!important}
.control-one-guide-v0523 .segment{min-height:42px!important;border:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;color:var(--ink-2)!important;font-size:11px!important;font-weight:1000}
.control-one-guide-v0523 .segment.active{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.control-one-guide-v0523 .brand-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important;padding:8px!important;background:#fff!important}
body:not(.admin-shell) #app .control-one-guide-v0523 .editor .brand-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:8px!important}
.control-one-guide-v0523 .brand-row{min-height:64px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:7px!important;padding:8px 8px 8px 12px!important;border:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.control-one-guide-v0523 .brand-row:first-child{background:#fff!important}
.control-one-guide-v0523 .brand-row>span{padding:0!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:1000;white-space:nowrap}
.control-one-guide-v0523 .stepper{display:grid!important;grid-template-columns:44px 28px 44px!important;align-items:center;justify-items:center}
.control-one-guide-v0523 .stepper button{width:44px!important;height:44px!important;border:0!important;border-radius:0!important;background:#f4f6f9!important;color:var(--muted)!important;font-size:18px!important;font-weight:1000}
.control-one-guide-v0523 .stepper button.plus{background:var(--red-soft)!important;color:var(--red)!important}
.control-one-guide-v0523 .stepper button:disabled{opacity:.35}.control-one-guide-v0523 .stepper strong{width:auto!important;text-align:center;font-size:15px!important;font-weight:1000;font-variant-numeric:tabular-nums}
.control-one-guide-v0523 .fusion{grid-column:1/-1}.control-one-guide-v0523 .fusion>span b{display:block;font-size:12px}

.control-one-guide-v0523 .shopper-issue-card{padding:0!important}
body:not(.admin-shell) #app .control-one-guide-v0523 .shopper-issue-card{border:1px solid rgba(213,219,227,.96)!important;border-radius:0!important;background:#fff!important;box-shadow:var(--shadow)!important}
.control-one-guide-v0523 .shopper-issue-head{padding:10px 12px!important;border-bottom:1px solid var(--hair)}
.control-one-guide-v0523 .shopper-issue-panel{padding:10px 12px 12px!important}
.control-one-guide-v0523 .shopper-issue-reason,.control-one-guide-v0523 .shopper-issue-textarea,.control-one-guide-v0523 .shopper-issue-actions button{border-radius:0!important}
.control-one-guide-v0523 .shopper-issue-reason.is-active,.control-one-guide-v0523 .shopper-issue-actions .solid-button{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}

.control-one-guide-v0523 .history-head{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 0 4px!important;margin:0!important}
.control-one-guide-v0523 .history-head strong{font-size:15px!important;font-weight:1000}.control-one-guide-v0523 .history-head span{color:var(--muted);font-size:9.5px!important;font-weight:850}
.control-one-guide-v0523 .history-card{overflow:hidden}
.control-one-guide-v0523 .history-row{position:relative;width:100%;min-height:62px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:8px;align-items:center;padding:9px 9px 9px 14px!important;border:0!important;border-bottom:1px solid var(--hair)!important;background:#fff!important;text-align:left;color:inherit}
.control-one-guide-v0523 .history-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}
.control-one-guide-v0523 .history-row.missing{background:linear-gradient(90deg,var(--red-soft),#fff 48%)!important}.control-one-guide-v0523 .history-row.missing:before{background:var(--red)}
.control-one-guide-v0523 .history-copy b{display:flex;align-items:center;gap:5px;font-size:13px!important;font-weight:1000}.control-one-guide-v0523 .history-copy em{height:17px;display:inline-flex;align-items:center;padding:0 5px;background:var(--red-soft);color:var(--red);font-size:7.5px;font-style:normal;font-weight:1000}
.control-one-guide-v0523 .history-copy small{display:block;margin-top:5px;color:var(--muted)!important;font-size:9.5px!important;font-weight:800}
.control-one-guide-v0523 .pill{height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:0!important;background:#f8fafc!important;color:var(--green)!important;font-size:9.5px!important;font-weight:1000}.control-one-guide-v0523 .missing .pill{border-color:#efb6bd;background:var(--red-soft)!important;color:var(--red)!important}
.control-one-guide-v0523 .history-toggle{width:100%;height:42px;border:0;background:#f8fafc;color:var(--red);font-size:10px;font-weight:1000}

.submit-wrap.control-one-guide-v0523-submit,.control-one-guide-v0523 + .submit-wrap{position:fixed!important;left:50%!important;width:var(--page-width)!important;bottom:var(--fixed-safe)!important;z-index:30!important;transform:translateX(-50%)!important}
.control-one-guide-v0523 + .submit-wrap .submit-panel{width:100%!important;max-width:none!important;min-height:52px!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(128px,35%,138px)!important;align-items:center;border:1px solid rgba(213,219,227,.96)!important;border-radius:0!important;background:rgba(255,255,255,.95)!important;box-shadow:0 16px 42px rgba(17,24,39,.14)!important}
.control-one-guide-v0523 + .submit-wrap .submit-metrics{height:52px;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.control-one-guide-v0523 + .submit-wrap .submit-metrics article{min-width:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:center;align-content:center;column-gap:2px;row-gap:4px;padding:5px 6px;text-align:center}
.control-one-guide-v0523 + .submit-wrap .submit-metrics span{grid-column:1/-1;grid-row:1;display:block;margin:0;color:var(--muted);font-size:8px;font-weight:850;line-height:1.05;white-space:nowrap}
.control-one-guide-v0523 + .submit-wrap .submit-metrics strong{grid-column:1;grid-row:2;display:block;margin:0;align-self:baseline;color:var(--ink);font-size:14px;font-weight:1000;line-height:1}.control-one-guide-v0523 + .submit-wrap .submit-metrics small{grid-column:2;grid-row:2;display:block;margin:0;align-self:baseline;color:var(--muted);font-size:7.5px;line-height:1}
.control-one-guide-v0523 + .submit-wrap .submit-metrics strong:last-child{grid-column:1/-1}
.control-one-guide-v0523 + .submit-wrap .submit-btn{height:52px!important;border:0!important;border-radius:0!important;background:var(--red)!important;color:#fff!important;font-size:11px!important;font-weight:1000}

@media(max-width:640px){body:has(.control-one-guide-v0523){padding-top:calc(70px + var(--safe-top))!important}.control-one-guide-v0523 .topbar.control-guide-v0523-topbar{height:54px!important;min-height:54px!important;padding:0 8px 0 10px!important}.control-one-guide-v0523 .brand-block h1{font-size:21px}.control-one-guide-v0523 .brand-meta{height:38px}.control-one-guide-v0523 .header-date{width:58px;height:38px;min-height:38px;padding:3px 6px}.control-one-guide-v0523 .actor-button{width:40px;height:38px}}
@media(max-width:380px){.control-one-guide-v0523 .identity{max-width:210px;font-size:9px}.control-one-guide-v0523 .stepper{grid-template-columns:42px 26px 42px!important}.control-one-guide-v0523 .stepper button{width:42px!important;height:42px!important}.control-one-guide-v0523 + .submit-wrap .submit-panel{grid-template-columns:minmax(0,1fr) 122px!important}}
@media(max-width:340px){.control-one-guide-v0523 .brand-grid,body:not(.admin-shell) #app .control-one-guide-v0523 .editor .brand-grid{grid-template-columns:1fr!important}.control-one-guide-v0523 .brand-row{min-height:58px!important}}