.sdh{--sdh-bg:transparent;--sdh-bg-split:68%;--sdh-radius:0;--sdh-padding-x:var(--spacing-xl);--sdh-padding-y:var(--spacing-xl);--sdh-accent-bar:4px;--sdh-accent-color:var(--color-primary);--sdh-icon-size:3.5rem;--sdh-icon-bg:var(--color-primary);--sdh-icon-radius:50%;background:linear-gradient(to bottom, var(--sdh-bg) 0, var(--sdh-bg) var(--sdh-bg-split), var(--color-white) var(--sdh-bg-split), var(--color-white) 100%);border-radius:var(--sdh-radius);border-top:var(--sdh-accent-bar) solid var(--sdh-accent-color);padding:var(--sdh-padding-y) var(--sdh-padding-x);flex-direction:column;gap:0;display:flex;overflow:hidden}.sdh__hero{gap:var(--spacing-xl);padding-bottom:calc(var(--spacing-xxl) * 3);flex-direction:column;display:flex}.sdh__back{display:flex}.sdh__back-link{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-primary);font-family:var(--font-primary);background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.sdh__back-link:hover{text-decoration:underline}.sdh__main{justify-content:space-between;align-items:center;gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);display:flex}.sdh__identity{align-items:center;gap:var(--spacing-lg);display:flex}.sdh__icon-wrap{width:var(--sdh-icon-size);height:var(--sdh-icon-size);border-radius:var(--sdh-icon-radius);background:var(--sdh-icon-bg);color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sdh__title-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.sdh__title{color:var(--color-neutral-10);margin:0}.sdh__id{color:var(--color-neutral-20);margin:0}.sdh__panel{background:var(--color-white);padding:var(--spacing-lg);margin-top:calc(var(--spacing-xxl) * -3);border-radius:1.5rem;position:relative;box-shadow:0 2px 8px #33333326}.sdh__fields-wrapper{align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.sdh__fields{gap:var(--spacing-xxl);flex-wrap:wrap;display:flex}.sdh__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.sdh__field-label{align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-50);flex-direction:row;display:flex}.sdh__field-value{align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-10);display:inline-flex}.sdh__field-icon{color:var(--sdh-accent-color);flex-shrink:0;align-items:center;display:inline-flex}.sdh__field-icon svg{width:auto;height:auto}.sdh__details-button{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-primary);font-family:var(--font-primary);background:0 0;border:none;flex-shrink:0;place-self:center end;padding:0;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.sdh__details-button svg{display:block}.sdh__details-button:hover{text-decoration:underline}@media (max-width:768px){.sdh__fields{gap:var(--spacing-lg)}.sdh__field--small-screen-hidden{display:none}.sdh__fields-wrapper{gap:var(--spacing-lg)}.sdh__field{flex:0 auto;min-width:6.25rem}}@media (max-width:480px){.sdh__fields{width:100%}.sdh__details-link{width:100%;margin-left:0;margin-top:var(--spacing-md)}}.sdh__details-link{flex-shrink:0;align-self:center;margin-left:auto}.sdh__details-modal{width:min(45rem,92vw);gap:var(--spacing-lg)!important}.sdh__details-modal-body{min-height:auto}.sdh__details-modal-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sdh__details-modal-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.sdh__details-modal-label{color:var(--color-neutral-40);gap:var(--spacing-sm);display:inline-flex}.sdh__details-modal-value{align-items:center;gap:var(--spacing-sm);color:var(--color-neutral-10);word-break:break-all;display:flex}.sdh__details-modal-icon{color:var(--sdh-accent-color);flex-shrink:0;align-items:center;display:inline-flex}.sdh__details-modal-separator{background:var(--color-neutral-80);height:.0625rem;margin:var(--spacing-lg) 0 0 0}.sdh__details-modal-section-title{color:var(--color-neutral-30);margin-bottom:var(--spacing-xl)}.sdh__details-modal-section-title:before{content:"";background:var(--color-neutral-85);height:.0625rem;margin-bottom:var(--spacing-lg);display:block}@media (max-width:768px){.sdh__fields-wrapper{grid-template-columns:1fr}.sdh__details-button{justify-self:start}}
.sdhc{--sdhc-bg:transparent;--sdhc-accent-bar:4px;--sdhc-accent-color:var(--color-primary);--sdhc-padding-x:var(--spacing-xl);--sdhc-padding-y:var(--spacing-md);--sdhc-divider-color:var(--color-neutral-80);background:var(--sdhc-bg);border-top:var(--sdhc-accent-bar) solid var(--sdhc-accent-color);padding:var(--sdhc-padding-y) var(--sdhc-padding-x);align-items:center;gap:var(--spacing-xxl);display:flex}.sdhc__back{flex-shrink:0}.sdhc__back-link{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-primary);background:0 0;border:none;padding:0;text-decoration:none;display:inline-flex}.sdhc__back-link:hover{text-decoration:underline}.sdhc__divider{background:var(--sdhc-divider-color);flex-shrink:0;width:.0625rem;height:2.5rem}.sdhc__identity{gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.sdhc__supply-id{color:var(--color-neutral-50)}.sdhc__icon-supply{align-items:center;gap:var(--spacing-sm);display:flex}.sdhc__icon{color:var(--sdhc-accent-color);align-items:center;display:flex}.sdhc__supply-name{color:var(--color-neutral-10)}.sdhc__fields{align-items:flex-start;gap:var(--spacing-xxl);flex:1;display:flex}.sdhc__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.sdhc__field-label{color:var(--color-neutral-50)}.sdhc__field-value{align-items:center;gap:var(--spacing-sm);color:var(--color-neutral-10);display:flex}.sdhc__field-icon{color:var(--sdhc-accent-color);align-items:center;display:flex}@media (max-width:1240px){.sdhc__field--small-screen-hidden{display:none}}
.sh{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.sh__title-group{align-items:center;gap:var(--spacing-sm);display:flex}.sh__leading-icon{flex-shrink:0;align-items:center;display:flex}.sh__title{color:var(--color-neutral-10)}.sh__badge{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-lg);background-color:var(--color-neutral-98);color:var(--color-neutral-40);white-space:nowrap;border-radius:.5rem;align-items:center;display:inline-flex}.sh__action-btn{align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-primary);font-family:var(--font-primary);background:0 0;border:none;padding:0;display:inline-flex}.sh__action-btn:hover{text-decoration:underline}