/* 製造の記録の企業の消費者画面（body.manufacturing-account-consumer）の帯。流通トレーサビリティの企業と同じ見た目
   （channel.css の「上部の帯」「企業の帯」）を、流通モード専用の body のクラスと変数を持ち込まずに作る。
   流通モードの .channel-account-consumer はページ全体の変数を差し替えるが、ここでは帯・書体と主ボタンの色（--color-primary）だけに当てる。
   帯は白の地で、下辺の線が企業のブランド色（設定があるとき）か紺。ほかの企業には当たらない。 */
.manufacturing-account-consumer{--portal-band-line-width:3px;--consumer-band:var(--tenant-brand,var(--portal-brand,#12336F));--color-primary:var(--consumer-band);--color-primary-dark:color-mix(in srgb,var(--consumer-band) 82%,#000);--color-primary-light:color-mix(in srgb,var(--consumer-band) 70%,#fff);font-family:var(--sans,"Figtree","Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif)}
.manufacturing-account-consumer .consumer-band-header{background:var(--portal-band,#fff);color:var(--portal-on-band,#0E2038);border-bottom:var(--portal-band-line-width) solid var(--tenant-brand,var(--portal-band-line,#12336F))}
.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-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,#0E2038);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,#ECEFF3)}
.manufacturing-account-consumer .consumer-band-header>div :is(a,button):focus-visible{outline:2px solid var(--portal-band-focus,#12336F);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;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:480px){.manufacturing-account-consumer .consumer-company-band .company-identity-name{font-size:12px}}
.manufacturing-account-consumer .app-product-gallery{background:#fff}
.manufacturing-account-consumer .consumer-company-band .company-identity-name:only-child{text-align:left}
/* 「そろっています」の面: 石屋の .channel-verification と同じく企業の色（未設定は紺）の地 5%・枠 30% */
.manufacturing-account-consumer .manufacturing-records.bg-primary-subtle{background-color:color-mix(in srgb,var(--consumer-band) 5%,#fff);border-color:color-mix(in srgb,var(--consumer-band) 30%,#fff)}