/* 製造の記録の企業の消費者画面（body.manufacturing-account-consumer）の帯。流通トレーサビリティの企業と同じ見た目
   （channel.css の「上部の帯」「企業の帯」）を、流通モード専用の body のクラスと変数を持ち込まずに作る。
   流通モードの .channel-account-consumer は --color-primary などページ全体の変数を差し替えるため、ここでは帯と書体だけに当てる。
   帯の地は企業のブランド色（設定があるとき）か紺。ほかの企業には当たらない。 */
.manufacturing-account-consumer{--consumer-band:var(--tenant-brand,var(--portal-brand,#12336F));font-family:var(--sans,"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif)}
.manufacturing-account-consumer .consumer-band-header{background:var(--consumer-band);color:var(--portal-on-band,#fff);border-bottom:0}
.manufacturing-account-consumer .consumer-band-header>div{gap:8px}
.manufacturing-account-consumer .consumer-band-brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1 1 auto;min-width:0}
.manufacturing-account-consumer .consumer-band-wordmark{font-size:15px;font-weight:700;line-height:1.5;white-space:nowrap;color:var(--portal-on-band,#fff)}
.manufacturing-account-consumer .consumer-band-header .environment-badge{border-radius:var(--portal-radius,2px)}
.manufacturing-account-consumer .consumer-band-header>div>[data-controller=dropdown]{flex:0 0 auto}
.manufacturing-account-consumer .consumer-band-header>div>[data-controller=dropdown]>button{color:var(--portal-on-band,#fff);border-radius:var(--portal-radius,2px)}
.manufacturing-account-consumer .consumer-band-header>div>[data-controller=dropdown]>button svg{color:inherit}
.manufacturing-account-consumer .consumer-band-header>div>[data-controller=dropdown]>button:hover{background:var(--portal-band-hover,rgba(255,255,255,.12))}
.manufacturing-account-consumer .consumer-band-header>div :is(a,button):focus-visible{outline:2px solid var(--portal-band-focus,#fff);outline-offset:2px}
.manufacturing-account-consumer .consumer-band-header [data-dropdown-target=menu]{color:var(--portal-ink,#0E2038);background:var(--portal-surface,#fff);border-color:var(--portal-line,#E2E7ED);border-radius:var(--portal-radius-field,4px);box-shadow:0 4px 12px rgba(14,32,56,.08)}
.manufacturing-account-consumer .consumer-band-header [data-dropdown-target=menu] :is(a,button):focus-visible{outline-color:var(--portal-brand,#12336F)}
/* 企業の帯: 帯の直下の白い面に企業のロゴ（元の色のまま）と名前。ロゴが無ければ名前だけを左に。
   中身の幅は商品パスポートの列（PC 幅の lg:max-w-md）にそろえ、ロゴと企業名が画面の両端へ離れないようにする */
.manufacturing-account-consumer .consumer-company-band{display:flex;align-items:center;min-height:60px;padding:0 16px;background:var(--portal-surface,#fff);border-bottom:1px solid var(--portal-line,#E2E7ED)}
.manufacturing-account-consumer .consumer-company-band .company-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 auto;min-width:0;max-width:28rem;margin-inline:auto}
.manufacturing-account-consumer .consumer-company-band .company-identity-logo{display:block;height:30px;width:auto;max-width:160px;min-width:0;object-fit:contain;object-position:left center}
.manufacturing-account-consumer .consumer-company-band .company-identity-name{min-width:0;font-size:13px;line-height:1.5;color:var(--portal-sub,#5C6B7C);text-align:right;overflow-wrap:anywhere}
.manufacturing-account-consumer .consumer-company-band .company-identity-name:only-child{text-align:left}