/* Disconnected release states reuse the confirmed mobile and desktop palette. */
button:disabled{opacity:1;color:#65707d;cursor:not-allowed}
.button.primary:disabled{background:#dfe3e8;border-color:#d4dae1;color:#53606f}
.button.primary:disabled .icon{filter:none;opacity:.6}
.button.secondary:disabled{background:#f4f5f7;color:#65707d;border-color:#dfe3e8}
.mfx-brandbar>div>a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px}
.mfx-brandbar button:disabled{color:#8a939e}
.header-tools>.icon-button:disabled{color:#65707d}
.brand-mark{display:grid;place-items:center;flex:none;width:76px;height:76px}
.brand-mark>.product-art{width:100%;height:100%;object-fit:contain}
.brand-mark[data-brand=apple]{background:#fff;border:1px solid var(--line);border-radius:14px}
.brand-mark[data-brand=apple]>.product-art{width:66%;height:72%;filter:none}
.brand-card>.icon{width:14px;height:14px;transform:rotate(-90deg)}
.card-face[data-brand=apple]{background:#fff;border-color:#d6dce3;color:#111316}
.card-face[data-brand=apple]>.card-art{filter:none}
.card-face[data-brand] .card-face-bottom{justify-content:center;text-align:center}
.card-face[data-brand] .card-face-bottom small{font-size:3.3cqw;letter-spacing:0;margin-top:2cqw;color:inherit;opacity:.8}
.release-plan-empty{display:flex;align-items:center;justify-content:center;min-height:96px;padding:20px;background:#fff;border:1px dashed #c8ced7;border-radius:12px;color:#65707d;font-size:14px}
.quantity-row>label{font-weight:600;font-size:14px}
.release-quantity{width:80px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f4f5f7;color:#65707d;text-align:center;opacity:1;-webkit-text-fill-color:#65707d}
.release-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:300px;padding:40px 24px;background:#fff;border:1px solid var(--line);border-radius:16px}
.release-empty .large-icon{margin:0}
.release-empty h2{font-size:20px;font-weight:650}
.release-empty p{font-size:14px;line-height:1.8;color:#65707d;max-width:360px}
.release-empty .button{max-width:300px;width:100%}
.release-coming{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:36px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px}
.release-coming-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e9edf2;margin-bottom:22px}
.release-coming-icon .mfx-icon{width:32px;height:32px}
.release-coming h2{font-size:28px;line-height:1.3;letter-spacing:-.5px}
.release-coming p{font-size:14px;line-height:1.8;color:#65707d;margin:16px 0 28px;max-width:420px}
.release-coming .button{min-width:160px}
.mfx-assets-page .vault-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.mfx-assets-page .vault-heading :is(h1,h2){font-size:23px;margin:0}
.mfx-assets-page .vault-heading .text-link{font-size:12px;margin:0}
.release-vault .filter-tabs button:disabled{color:#65707d}
.release-vault .filter-tabs [aria-selected=true]{color:#111316;border-color:#111316}
.mfx-home>.desktop-subscriptions{margin:24px 0 0}
.desktop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;min-height:44px}
.desktop-section-heading h2{font-size:20px;font-weight:650}
.desktop-section-heading>a{min-height:44px;display:flex;align-items:center;font-size:12px;color:#65707d}
.desktop-brand-grid{display:grid;gap:12px}
.desktop-brand-choice{display:flex;align-items:center;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}
.desktop-brand-mark{width:64px;height:64px;margin:0}
.desktop-brand-choice h3{font-size:22px;font-weight:650}
.desktop-brand-choice p{font-size:12px;color:#65707d;margin:3px 0 6px}
.desktop-brand-choice>div>span{font-size:12px;color:#53606f}
.subscription-addon label{color:#65707d;cursor:not-allowed}
.policy-draft-state{font-size:12px}
@media(max-width:760px){
  .brand-card{grid-template-columns:72px minmax(0,1fr) 14px}
  .brand-card>.brand-mark{width:72px;height:72px}
  .mfx-preview>.release-empty{margin-top:20px}
  .mfx-assets-page .mfx-vault-bridge{margin-top:24px}
  .mfx-assets-page .vault-shell{padding-bottom:0}
  .mfx-assets-page>.mfx-preview-card{margin-top:20px}
  .release-empty{padding:30px 20px;min-height:280px}
  .bag-layout>.release-empty{min-height:280px}
  .release-vault .vault-heading{align-items:center;gap:12px;flex-wrap:wrap}
  .release-vault .vault-heading h1{margin-top:0}
  .release-coming{min-height:360px;margin-top:20px}
}
@media(min-width:761px){
  .mfx-home,.mfx-preview{padding-top:36px}
  .desktop-brand-mark{width:56px;height:56px;margin:0}
  .desktop-brand-mark[data-brand=apple]{background:#fff}
  .desktop-brand-mark[data-brand=apple] .product-art{filter:none;width:66%;height:72%}
  .mfx-home>.desktop-subscriptions{grid-column:1/-1;margin:0}
  .desktop-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .desktop-brand-choice{min-height:156px;gap:20px;padding:28px;display:flex}
  .desktop-brand-choice h3{font-size:24px}
  .desktop-brand-choice p{font-size:13px}
  .mfx-preview:not(.mfx-assets-page){align-items:start}
  .release-upcoming>.mfx-preview-heading{grid-column:1/-1}
  .mfx-assets-page>.mfx-assets{grid-row:2}
  .mfx-assets-page .release-vault{padding:0}
  .mfx-assets-page .release-vault .vault-heading{display:flex}
  .mfx-assets-page .release-vault .vault-heading :is(h1,h2){font-size:23px}
  .mfx-assets-page .release-empty{min-height:300px}
  .release-coming{min-height:420px}
  .product-shell .delivery-note{display:block;text-align:left;margin-top:14px}
  .bag-layout>.release-empty{min-height:360px}
}
@media(min-width:761px) and (max-width:1199px){
  .purchase-summary>.delivery-note{grid-column:2;grid-row:2;margin:0}
  .brand-card>.brand-mark{width:56px;height:56px}
  .desktop-brand-choice{padding:22px;gap:14px}
  .desktop-brand-choice h3{font-size:21px}
}
@media(min-width:761px) and (max-width:900px){
  .brand-card{grid-template-columns:1fr}
  .desktop-brand-grid{gap:14px}
  .desktop-brand-choice{display:block;padding:20px}
  .desktop-brand-choice .brand-mark{margin-bottom:12px}
}
@media(max-width:374px){.brand-card>.brand-mark{width:64px;height:64px}.brand-card{grid-template-columns:64px minmax(0,1fr) 14px}}
