.supplier-mailbox{border:1px solid var(--line);width:min(960px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);border-radius:14px;padding:0;box-shadow:0 16px 70px #14284430}.supplier-mailbox[open]{flex-direction:column;display:flex}.supplier-mailbox::backdrop{background:#14284466}.supplier-mailbox-header,.supplier-mailbox-footer{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.supplier-mailbox-access form:first-of-type{grid-template-columns:minmax(0,1fr) auto;display:grid}.supplier-mailbox-access form:first-of-type label{grid-column:1/-1}.supplier-passkeys{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.supplier-passkeys .supplier-mailbox-list-heading p{margin:6px 0 0;font-size:13px}.supplier-passkey-list{margin:20px 0;padding:0;list-style:none}.supplier-passkey-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.supplier-passkey-list li div{overflow-wrap:anywhere;min-width:0}.supplier-passkey-list span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.supplier-passkey-add{align-items:end;gap:12px;margin-top:16px;display:flex}.supplier-passkey-add label{flex:1;min-width:0}.supplier-passkey-add input{width:100%;margin-top:6px}.supplier-passkey-reauth{background:#f3f7fd;border-radius:10px;padding:12px 16px}.supplier-passkey-entry{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.login .supplier-passkey-entry{grid-column:1/-1}.supplier-passkey-entry p{flex-basis:100%;margin:4px 0 0}.supplier-mailbox-header{border-bottom:1px solid var(--line)}.supplier-mailbox-header h1{margin:0 0 6px;font-size:24px}.supplier-mailbox-header p{color:var(--muted);overflow-wrap:anywhere;margin:0}.supplier-mailbox-body{overscroll-behavior:contain;min-height:0;padding:24px;overflow-y:auto}.supplier-mailbox h2{margin:0;font-size:18px}.supplier-mailbox p{line-height:1.5}.supplier-mailbox-access{max-width:600px}.supplier-mailbox-access form{align-items:end;gap:12px;margin-top:20px;display:flex}.supplier-mailbox-access label{flex:1;min-width:0}.supplier-mailbox-access input{width:100%;margin-top:6px}.supplier-mailbox-message{background:#f3f7fd;border:1px solid #b9d0f0;border-radius:8px;padding:12px 16px}.supplier-mailbox-message.is-error{color:#923535;background:#fff5f5;border-color:#efb4b4}.supplier-mailbox-list-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.supplier-mailbox-list{margin:16px 0 0;padding:0;list-style:none}.supplier-mailbox-list li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 0;display:grid}.supplier-mailbox-request{overflow-wrap:anywhere;min-width:0}.supplier-mailbox-request h3{margin:0 0 6px;font-size:16px}.supplier-mailbox-request p{color:var(--muted);margin:3px 0 0;font-size:13px}.supplier-mailbox-status{white-space:nowrap;background:#edf0f4;border-radius:20px;padding:5px 9px;font-size:12px}.supplier-mailbox-status.is-open{color:#234fb8;background:#eaf1ff}.supplier-mailbox-status.is-submitted{color:#226842;background:#e8f4ed}.supplier-mailbox-more{margin-top:16px}.supplier-mailbox-footer{border-top:1px solid var(--line);font-size:12px}@media (max-width:600px){[data-supplier-portal] .topbar:has(.supplier-mailbox-entry){height:auto;min-height:var(--header-height);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px 16px;display:grid}[data-supplier-portal] .topbar:has(.supplier-mailbox-entry) .top-actions{display:contents}[data-supplier-portal] .supplier-mailbox-entry{grid-area:1/2}[data-supplier-portal] .topbar:has(.supplier-mailbox-entry) .header-save-status{grid-area:2/1;max-width:none}[data-supplier-portal] .topbar:has(.supplier-mailbox-entry) .top-actions>button:not(.supplier-mailbox-entry){grid-area:2/2}.supplier-mailbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.supplier-mailbox-header,.supplier-mailbox-footer,.supplier-mailbox-body{padding:16px}.supplier-mailbox-header{align-items:start}.supplier-mailbox-header h1{font-size:21px}.supplier-mailbox-header button{padding-inline:10px}.supplier-mailbox-access form{flex-direction:column;align-items:stretch}.supplier-mailbox-access form:first-of-type{grid-template-columns:minmax(0,1fr)}.supplier-passkey-add{flex-direction:column;align-items:stretch}.supplier-passkeys .supplier-mailbox-list-heading{flex-direction:column;align-items:start;gap:10px}.supplier-mailbox-list li{grid-template-columns:minmax(0,1fr) auto;gap:10px}.supplier-mailbox-request{grid-column:1/-1}.supplier-mailbox-status{justify-self:start}.supplier-mailbox-footer{flex-wrap:wrap;gap:8px}.supplier-mailbox-footer button{width:100%}}@media print{.supplier-mailbox,.supplier-mailbox-entry{display:none!important}}