/* Same shell and reading area for every supplier tab. */
html body #supplier-dialog.zv-supplier-dialog,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab]{width:min(1200px,calc(100vw - 32px))!important;height:min(820px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important}
html body #supplier-dialog.zv-supplier-dialog .sp-hero,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] .sp-hero{padding:14px 24px!important;gap:16px!important;min-height:94px;flex-wrap:nowrap}
html body #supplier-dialog.zv-supplier-dialog .sp-kicker{display:none}
html body #supplier-dialog.zv-supplier-dialog .sp-actions{flex-direction:row!important}
html body #supplier-dialog.zv-supplier-dialog .sp-tabs{display:grid;grid-template-columns:repeat(4,140px);gap:0!important;padding:0 24px!important;overflow:visible}
html body #supplier-dialog.zv-supplier-dialog .sp-tabs button{height:48px;min-height:48px;padding:8px 12px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-panel,
html body #supplier-dialog.zv-supplier-dialog #sp-map{flex:1 1 0!important;padding:18px 24px!important;scrollbar-gutter:auto;overflow:auto}
html body #supplier-dialog.zv-supplier-dialog .sp-foot{padding:8px 24px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-panel-head{margin-bottom:12px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:16px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-grid>div{display:contents}
html body #supplier-dialog.zv-supplier-dialog :is(.sp-section,.sp-grid>aside){padding:16px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-row{margin-top:10px}
html body #supplier-dialog.zv-supplier-dialog .sp-row+.sp-row{margin-top:10px!important;padding-top:10px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-values :is(dt,dd){min-height:36px}
html body #supplier-dialog.zv-supplier-dialog .sp-part{padding-bottom:10px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-overview-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
html body #supplier-dialog.zv-supplier-dialog .sp-disclosure summary{padding:10px 16px!important;min-height:44px}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section{min-width:0;background:#fff;border:1px solid var(--sd-line);border-radius:14px;padding:14px 18px}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section h4{font-size:14px;font-weight:600;margin-bottom:4px}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details{grid-template-columns:140px minmax(0,1fr)}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details :is(dt,dd){padding-top:8px!important;padding-bottom:8px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details>:nth-last-child(-n+2){border-bottom:0!important}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-note{margin:8px 0!important}
html body #supplier-dialog.zv-supplier-dialog .sp-source{padding:10px 16px!important}
html body #supplier-dialog.zv-supplier-dialog #sp-map{--sp-photo-height:clamp(150px,23dvh,230px)}
@media(max-width:950px){
html body #supplier-dialog.zv-supplier-dialog .sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html body #supplier-dialog.zv-supplier-dialog .sp-grid>div{display:flex}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details{grid-template-columns:1fr!important}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details dt{border-bottom:0!important;padding-bottom:0!important}
html body #supplier-dialog.zv-supplier-dialog .sp-legal-section .sp-details dd{padding-top:2px!important;padding-left:0!important}
}
@media(max-width:600px){
html body #supplier-dialog.zv-supplier-dialog,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab]{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}
html body #supplier-dialog.zv-supplier-dialog .sp-hero,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] .sp-hero{padding:10px 16px!important;gap:10px!important;min-height:92px;flex-wrap:wrap}
html body #supplier-dialog.zv-supplier-dialog .sp-avatar{width:48px;height:48px}
html body #supplier-dialog.zv-supplier-dialog .sp-avatar img{width:36px;height:36px}
html body #supplier-dialog.zv-supplier-dialog #dialog-title,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] #dialog-title{font-size:22px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-subtitle>span{display:none}
html body #supplier-dialog.zv-supplier-dialog .sp-actions,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] .sp-actions{width:100%!important;margin:0!important}
html body #supplier-dialog.zv-supplier-dialog .sp-actions #dialog-website,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] .sp-actions #dialog-website{display:inline-flex}
html body #supplier-dialog.zv-supplier-dialog .sp-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px!important;gap:0!important}
html body #supplier-dialog.zv-supplier-dialog .sp-tabs button{font-size:13px!important;padding:8px 2px!important;min-width:0}
html body #supplier-dialog.zv-supplier-dialog .sp-panel,
html body #supplier-dialog.zv-supplier-dialog #sp-map{padding:14px 16px!important}
html body #supplier-dialog.zv-supplier-dialog :is(.sp-grid,.sp-legal-grid,.sp-overview-details){grid-template-columns:1fr;gap:12px}
html body #supplier-dialog.zv-supplier-dialog .sp-grid>div{display:contents}
html body #supplier-dialog.zv-supplier-dialog .sp-foot{padding:8px 16px!important}
}
@media(min-width:951px) and (max-height:760px){
html body #supplier-dialog.zv-supplier-dialog .sp-hero,
html body #supplier-dialog.zv-supplier-dialog[data-active-tab] .sp-hero{min-height:84px;padding:10px 24px!important}
html body #supplier-dialog.zv-supplier-dialog .sp-tabs button{height:44px;min-height:44px}
html body #supplier-dialog.zv-supplier-dialog .sp-panel,
html body #supplier-dialog.zv-supplier-dialog #sp-map{padding-top:14px!important;padding-bottom:14px!important}
html body #supplier-dialog.zv-supplier-dialog #sp-info>.sp-muted{margin-bottom:8px}
html body #supplier-dialog.zv-supplier-dialog .sp-values :is(dt,dd){min-height:32px}
}