/* マイページ (2026-10-26, design approved by the user): the same language as 選品データ and the home page — a light
   grey canvas, white cards with a 1px line and 14px corners, Furima pink as the one accent (main buttons, the page you
   are on, icons), steel-blue text links, no kickers above titles. Computers: the account and its five pages in a left
   column; phones: a card with a row of page chips. Loaded after the shared stylesheets, so its rules win ties. */
body.customer-account{--ac-ink:#1f2d3d;--ac-text:#344256;--ac-muted:#66727f;--ac-faint:#8a94a3;--ac-line:#e5e8f0;--ac-field:#d9dee8;--ac-soft:#f6f7fb;
  --ac-brand:var(--sc-brand,#e8335f);--ac-brand-strong:var(--sc-brand-strong,#c9214b);--ac-tint:#fdeef2;--ac-link:#3f6f8f;--ac-ok:#1f8a5b;--ac-danger:#c62f3a;
  min-height:100vh;background:var(--ac-soft);color:var(--ac-ink);
  --ac-deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='64' viewBox='0 0 150 64'%3E%3Crect x='4' y='8' width='14' height='14' rx='3' fill='%23FBD38D'/%3E%3Ccircle cx='38' cy='15' r='7' fill='%239AD5C0'/%3E%3Ccircle cx='66' cy='15' r='8' fill='none' stroke='%23F4A6B8' stroke-width='3'/%3E%3Cpath d='M88 6L104 22H88Z' fill='%23A9C7E8'/%3E%3Cg fill='%23CBD5E1'%3E%3Ccircle cx='118' cy='8' r='2'/%3E%3Ccircle cx='128' cy='8' r='2'/%3E%3Ccircle cx='138' cy='8' r='2'/%3E%3Ccircle cx='118' cy='18' r='2'/%3E%3Ccircle cx='128' cy='18' r='2'/%3E%3Ccircle cx='138' cy='18' r='2'/%3E%3Ccircle cx='118' cy='28' r='2'/%3E%3Ccircle cx='128' cy='28' r='2'/%3E%3Ccircle cx='138' cy='28' r='2'/%3E%3C/g%3E%3Crect x='22' y='38' width='9' height='9' rx='1.5' transform='rotate(45 26.5 42.5)' fill='%23E8335F' fill-opacity='.55'/%3E%3Cpath d='M50 56a10 10 0 0 1 20 0Z' fill='%23FCE7A8'/%3E%3Crect x='84' y='40' width='22' height='8' rx='4' fill='%23C7E3F4'/%3E%3C/svg%3E")}
body.customer-account .portal{max-width:1200px;min-height:0;margin:28px auto 72px;padding:0 24px}
body.customer-account .portal-title{margin:0 0 20px;font-size:22px;line-height:1.35;font-weight:700;letter-spacing:0;color:var(--ac-ink)}
body.customer-account .account-loading{margin:0;font-size:14px;color:var(--ac-muted)}
body.customer-account #account-message{margin:0 0 16px}
body.customer-account #account-message:empty{display:none}
body.customer-account .account-updated{display:flex;gap:13px;align-items:center;margin:0 0 16px;padding:16px 20px;background:#ebf6ef;border:1px solid #badbc8;border-radius:14px}
body.customer-account .account-updated>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#267653;color:#fff}
body.customer-account .account-updated strong{font-size:14px;color:#285a42}
body.customer-account .account-updated p{margin:4px 0 0;font-size:13px;color:#527761}
body.customer-account .account-updated[hidden]{display:none}
body.customer-account #account-content{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;align-items:start}
body.customer-account #account-content>[role=tabpanel]{grid-column:2;grid-row:1;min-width:0;margin:0}

/* Left column */
body.customer-account .account-side{grid-column:1;grid-row:1;position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:12px;background:#fff;border:1px solid var(--ac-line);border-radius:14px}
body.customer-account .account-who{display:flex;gap:12px;align-items:center;margin:0 0 8px;padding:6px 6px 14px;border-bottom:1px solid var(--ac-line)}
body.customer-account .account-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:linear-gradient(135deg,#6c5cf6,#12a9c4);color:#fff;font-size:18px;font-weight:700}
body.customer-account .account-who__text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
body.customer-account .account-who__name{max-width:100%;font-size:15px;line-height:1.4;font-weight:700;color:var(--ac-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.customer-account .account-who__mail{max-width:100%;font-size:12px;line-height:1.5;color:var(--ac-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.customer-account .account-tier-badge{margin:6px 0 0;padding:2px 10px;border:1px solid #ecdcb4;border-radius:999px;background:#fffaf0;color:#385674;font-size:12px;line-height:1.6;font-weight:700;white-space:nowrap}
body.customer-account .account-side .portal-tabs{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible}
body.customer-account .account-side .portal-tabs button,body.customer-account .account-logout{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;margin:0;padding:0 12px;
  border:0;border-radius:9px;background:none;color:var(--ac-text);font-size:14px;font-weight:600;line-height:1.4;text-align:left;white-space:nowrap;box-shadow:none;cursor:pointer}
body.customer-account .account-side svg{width:18px;height:18px;flex:none;color:var(--ac-faint)}
body.customer-account .account-side .portal-tabs button:hover,body.customer-account .account-logout:hover{background:var(--ac-soft);color:var(--ac-ink)}
body.customer-account .account-side .portal-tabs button[aria-selected=true]{background:var(--ac-tint);color:var(--ac-brand-strong);box-shadow:none}
body.customer-account .account-side .portal-tabs button[aria-selected=true] svg{color:var(--ac-brand)}
body.customer-account .account-logout{margin-top:8px;padding-top:8px;min-height:48px;border-top:1px solid var(--ac-line);border-radius:0 0 9px 9px;color:var(--ac-muted);font-weight:500}

/* Cards, titles, notes, links */
body.customer-account :is(.portal-card,.mb-card,.join-card){position:relative;margin:0;padding:24px;background:#fff;border:1px solid var(--ac-line);border-radius:14px;box-shadow:none;max-width:none;overflow:visible}
body.customer-account :is(.portal-card,.mb-card,.join-card) h2{margin:0 0 6px;font-size:16px;line-height:1.45;font-weight:700;letter-spacing:0;color:var(--ac-ink)}
body.customer-account :is(.join-note,.mb-note){margin:0 0 12px;font-size:13px;line-height:1.7;color:var(--ac-muted)}
body.customer-account .account-section-heading{display:block;margin:0 0 10px;font-size:16px;line-height:1.45;font-weight:700;color:var(--ac-ink)}
body.customer-account :is(.text-link,.mb-card a:not(.mb-button)){color:var(--ac-link);font-size:13px;font-weight:600;text-decoration:none}
body.customer-account :is(.text-link,.mb-card a:not(.mb-button)):hover{text-decoration:underline}

/* Buttons: pink = the one thing to do, white = the others, red text = cancelling or signing out everywhere. */
body.customer-account :is(.primary,.mb-button):not(.mb-button--ghost):not(.mb-button--danger){display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:40px;margin:0;padding:0 18px;
  border:1px solid var(--ac-brand);border-radius:10px;background:var(--ac-brand);color:#fff!important;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px rgb(201 33 75/.2)}
body.customer-account :is(.primary,.mb-button):not(.mb-button--ghost):not(.mb-button--danger):hover{background:var(--ac-brand-strong);border-color:var(--ac-brand-strong)}
body.customer-account :is(.secondary-button,.mb-button--ghost,.mb-button--danger){display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:40px;margin:0;padding:0 16px;
  border:1px solid var(--ac-field);border-radius:10px;background:#fff;color:var(--ac-ink)!important;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;box-shadow:none}
body.customer-account :is(.secondary-button,.mb-button--ghost):hover{border-color:#b9c1ce;background:#fafbfd}
body.customer-account :is(.mb-button--danger,[data-logout-all]){border-color:#f0c9cd;color:var(--ac-danger)!important}
body.customer-account :is(.mb-button--danger,[data-logout-all]):hover{background:#fdf2f3;border-color:#e8a9b0}

/* 概要: the plan on one line; the AI 利用枠 panel on the left; where to go next on the right. */
body.customer-account #overview:not([hidden]){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"plan plan" "quota head" "quota links" "quota app";
  grid-template-rows:auto auto auto 1fr;gap:0 16px;align-items:start}
body.customer-account .account-plan{grid-area:plan;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"metric note act";align-items:center;gap:12px 20px;margin:0 0 16px;padding:20px 24px;
  background:#fff var(--ac-deco) no-repeat right 190px center}
body.customer-account .account-plan .metric{grid-area:metric;display:block;margin:0;font-size:28px;line-height:1.2;font-weight:700}
body.customer-account .account-plan #membership-note{grid-area:note;margin:0;font-size:13px;line-height:1.6;color:var(--ac-muted)}
body.customer-account .account-facts{display:flex;flex-wrap:wrap;gap:6px}
body.customer-account .account-facts span{padding:3px 11px;border:1px solid #e3e7ec;border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;line-height:1.6;color:#4a5a6b;white-space:nowrap}
body.customer-account .account-plan .account-card-actions{grid-area:act;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0}
body.customer-account .account-quota{grid-area:quota}
body.customer-account .account-quota>h2{margin-bottom:12px}
body.customer-account #overview>.account-section-heading{grid-area:head}
body.customer-account .account-shortcuts{grid-area:links;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
body.customer-account .account-shortcuts a{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--ac-line);border-radius:14px;color:var(--ac-ink);text-decoration:none;
  transition:border-color .15s ease,box-shadow .15s ease}
body.customer-account .account-shortcuts a:hover{border-color:#f2b5c5;box-shadow:0 6px 18px -8px rgb(232 51 95/.25)}
body.customer-account :is(.shortcut-icon,.portal-download__icon){display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:10px;background:var(--ac-tint);color:var(--ac-brand)}
body.customer-account :is(.shortcut-icon,.portal-download__icon) svg{width:20px;height:20px}
body.customer-account .account-shortcuts strong{display:block;margin:0;font-size:14px;line-height:1.45;font-weight:700}
body.customer-account .account-shortcuts p{margin:2px 0 0;font-size:12.5px;line-height:1.55;color:var(--ac-muted)}
body.customer-account .shortcut-arrow{position:static;margin-left:auto;align-self:center;color:var(--ac-faint);font-size:14px}
body.customer-account .portal-download{grid-area:app;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px 14px;margin:10px 0 0;padding:18px;border:1px solid var(--ac-line);border-radius:14px;background:#fff}
body.customer-account .portal-download__icon{width:44px;height:44px;border-radius:12px}
body.customer-account .portal-download__icon svg{width:24px;height:24px}
body.customer-account .portal-download>div{min-width:0}
body.customer-account .portal-download h2{margin:0 0 2px;font-size:15px;font-weight:700;letter-spacing:0;color:var(--ac-ink)}
body.customer-account .portal-download p{margin:0;font-size:13px;line-height:1.6;color:var(--ac-muted)}
body.customer-account .portal-download .primary{grid-column:1/-1;width:100%}

/* 利用履歴 */
body.customer-account .fq-usage{gap:16px}
body.customer-account .fq-usage__kpis{gap:0;margin:14px 0 0;border:1px solid var(--ac-line);border-radius:12px;overflow:hidden}
body.customer-account .fq-usage__kpi{padding:16px 18px;border:0;border-right:1px solid var(--ac-line);border-radius:0}
body.customer-account .fq-usage__kpi:last-child{border-right:0}
body.customer-account .fq-usage__kpi span{font-weight:600}
body.customer-account .fq-usage__kpi strong{margin:4px 0 0;font-size:22px;font-weight:700;color:var(--ac-ink)}
body.customer-account .fq-usage__chart{margin:20px 0 0;padding:16px 18px 12px;border:1px solid var(--ac-line);border-radius:12px}
body.customer-account .fq-usage__bars{height:96px;gap:4px}
body.customer-account .fq-usage__subhead{margin-top:20px}
body.customer-account .fq-usage__kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
body.customer-account .fq-history{margin-top:8px;border-top:1px solid var(--ac-line)}
body.customer-account .fq-history li{grid-template-columns:8.5em minmax(0,1fr) auto;align-items:center;padding:14px 4px}
body.customer-account .fq-history__what{flex-direction:column;align-items:flex-start;gap:2px}
body.customer-account .fq-history__what b{font-size:14px;font-weight:600}
body.customer-account .fq-history__change{font-size:14px;font-weight:700}
body.customer-account .fq-history__change[data-sign=plus]{color:var(--ac-ok)}
body.customer-account .fq-history li[data-type=credit] .fq-history__what b::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--ac-ok);vertical-align:1px}

/* プラン・お支払い */
body.customer-account .mb-choice{display:grid;gap:16px;max-width:none;margin:0}
body.customer-account #billing .mb-card{padding:24px;border-radius:14px}
body.customer-account #billing .mb-card h2{font-size:16px}
body.customer-account #billing .mb-card:first-child{background:#fff var(--ac-deco) no-repeat right 24px top 22px}
body.customer-account .mb-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:14px 0 12px}
body.customer-account .mb-status>strong{font-size:28px;line-height:1.2}
body.customer-account .mb-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6}
body.customer-account .mb-pill[data-tone=good]{background:#e8f6ef;color:#17603f;border:1px solid #bfe3cf}
body.customer-account .mb-pill[data-tone=good]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ac-ok)}
body.customer-account #billing .mb-card>p.account-facts{margin:0}
body.customer-account .mb-facts{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:18px 0 0;border:1px solid var(--ac-line);border-radius:12px;overflow:hidden}
body.customer-account .mb-facts dt{margin:0;padding:14px 18px 2px;background:none;font-size:12px;font-weight:600;color:var(--ac-muted);border:0;border-right:1px solid var(--ac-line)}
body.customer-account .mb-facts dd{margin:0;padding:0 18px 14px;background:none;font-size:14px;font-weight:600;color:var(--ac-ink);border:0;border-right:1px solid var(--ac-line)}
body.customer-account .mb-facts :is(dt,dd):nth-last-child(-n+2){border-right:0}
body.customer-account .mb-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0}
body.customer-account .mb-actions .mb-button--danger{margin-left:auto}
body.customer-account .mb-table-wrap{margin:8px 0 0;border:1px solid var(--ac-line);border-radius:12px;overflow-x:auto}
body.customer-account .mb-table{width:100%;border-collapse:collapse;font-size:14px}
body.customer-account .mb-table th{padding:10px 16px;border-bottom:1px solid var(--ac-line);background:none;text-align:left;font-size:12px;font-weight:600;color:var(--ac-muted);white-space:nowrap}
body.customer-account .mb-table td{padding:14px 16px;border-bottom:1px solid var(--ac-line);color:var(--ac-ink);white-space:nowrap}
body.customer-account .mb-table tr:last-child td{border-bottom:0}
body.customer-account .mb-table :is(th:nth-child(3),td.num){text-align:right;font-variant-numeric:tabular-nums}
body.customer-account .mb-table td:first-child{color:var(--ac-muted);font-variant-numeric:tabular-nums}
body.customer-account .mb-choice>p.mb-note:last-child{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0 4px}
body.customer-account .mb-choice>p.mb-note:last-child a{color:var(--ac-muted);font-size:12.5px;font-weight:500;text-decoration:none}

/* アカウント設定 */
body.customer-account .portal-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
body.customer-account :is(#profile-form,#password-form){display:grid;gap:16px;margin:16px 0 0}
body.customer-account :is(#profile-form,#password-form) label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:600;color:var(--ac-text)}
body.customer-account :is(#profile-form,#password-form,.share-field) input{width:100%;height:42px;min-height:42px;margin:0;padding:0 12px;border:1px solid var(--ac-field);border-radius:10px;background:#fff;
  font-size:14px;font-weight:400;color:var(--ac-ink);box-shadow:none}
body.customer-account :is(#profile-form,.share-field) input[readonly]{background:var(--ac-soft);color:var(--ac-muted)}
body.customer-account :is(#profile-form,#password-form,.share-field) input:focus{border-color:var(--ac-brand);box-shadow:0 0 0 3px rgb(232 51 95/.14);outline:0}
body.customer-account :is(#profile-form,#password-form) .form-message:empty{display:none}
body.customer-account :is(#profile-form,#password-form) .primary{justify-self:start;margin:4px 0 0}
body.customer-account #profile-form .join-note{margin:0;padding-top:14px;border-top:1px solid var(--ac-line);font-size:12.5px}
body.customer-account #invitation-card>.join-note:first-of-type{margin-bottom:18px}
body.customer-account .share-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin:0 0 16px}
body.customer-account .share-field label{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--ac-text)}
body.customer-account .share-field input{font-family:var(--sc-mono,ui-monospace,monospace);font-size:13px}
body.customer-account .share-field button{justify-self:stretch;min-height:42px}
body.customer-account #copy-invitation{margin:4px 0 0}
body.customer-account #share-message:empty{display:none}
body.customer-account #share-message{margin:12px 0 0}
body.customer-account #invite-summary{margin:20px 0 0;padding:14px 16px 4px;border:0;border-radius:12px 12px 0 0;background:var(--ac-soft);font-size:14px;font-weight:700;color:var(--ac-ink)}
body.customer-account #invite-terms{margin:0;padding:0 16px 14px;border-radius:0 0 12px 12px;background:var(--ac-soft);font-size:12.5px}

/* セキュリティ */
body.customer-account #security:not([hidden]){display:grid;gap:16px}
body.customer-account .security-card{max-width:none;border-top:1px solid var(--ac-line)}
body.customer-account .security-card:first-child{display:grid;grid-template-columns:minmax(0,260px) minmax(0,460px);grid-template-rows:auto 1fr;column-gap:48px;align-items:start}
body.customer-account .security-card:first-child>h2{grid-column:1;grid-row:1}
body.customer-account .security-card:first-child>.join-note{grid-column:1;grid-row:2;margin:0}
body.customer-account .security-card:first-child>#password-form{grid-column:2;grid-row:1/3;margin:0}
body.customer-account #password-form [data-reveal]{color:var(--ac-link)!important}
body.customer-account .security-card>.join-note{margin-bottom:16px}
body.customer-account [data-connections]{margin:0 0 16px;border-top:1px solid var(--ac-line);font-size:14px;color:var(--ac-muted)}
body.customer-account [data-connections]:not(:has(.connection-row)){padding-top:14px}
body.customer-account .connection-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:14px 0;border-bottom:1px solid var(--ac-line)}
body.customer-account .connection-row::before{content:"";grid-row:1/3;width:40px;height:40px;border-radius:10px;background:var(--ac-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366727f' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='13' rx='2'/%3E%3Cpath d='M8 20.5h8M12 17.5v3'/%3E%3C/svg%3E") center/22px no-repeat}
body.customer-account .connection-row strong{font-size:14px;font-weight:600;color:var(--ac-ink)}
body.customer-account .connection-row .join-note{grid-column:2;margin:0;font-size:12.5px}
body.customer-account .connection-row button{grid-column:3;grid-row:1/3}
body.customer-account [data-note]:empty{display:none}
body.customer-account .connection-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Narrower computers: 概要 in one column. */
@media (max-width:1100px){
  body.customer-account #overview:not([hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:"plan" "quota" "head" "links" "app";grid-template-rows:none}
  body.customer-account #overview>.account-section-heading{margin-top:20px}
  body.customer-account .account-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.customer-account .portal-download{grid-template-columns:44px minmax(0,1fr) auto}
  body.customer-account .portal-download .primary{grid-column:auto;width:auto}
  body.customer-account .mb-facts{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
  body.customer-account .mb-facts dt{border-right:0}
  body.customer-account .mb-facts dd{border-right:0}
  body.customer-account .mb-facts :is(dt,dd):nth-child(-n+4){border-right:1px solid var(--ac-line)}
}
/* Phones */
@media (max-width:760px){
  body.customer-account .portal{margin:16px auto 48px;padding:0 16px}
  body.customer-account .portal-title{margin:0 0 14px;font-size:20px}
  body.customer-account #account-content{display:block}
  body.customer-account .account-side{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 8px;margin:0 0 16px;padding:14px}
  body.customer-account .account-who{grid-column:1;margin:0;padding:0;border:0}
  body.customer-account .account-logout{grid-column:2;grid-row:1;width:auto;min-height:36px;margin:0;padding:0 12px;border:1px solid var(--ac-line);border-radius:10px;font-size:13px}
  body.customer-account .account-side .portal-tabs{grid-column:1/-1;flex-direction:row;gap:6px;margin:0 -14px;padding:12px 14px 0;border-top:1px solid var(--ac-line);overflow-x:auto;scrollbar-width:none}
  body.customer-account .account-side .portal-tabs::-webkit-scrollbar{display:none}
  body.customer-account .account-side .portal-tabs button{flex:none;width:auto;min-height:36px;padding:0 14px;border:1px solid var(--ac-line);border-radius:999px;font-size:13px}
  body.customer-account .account-side .portal-tabs button svg{display:none}
  body.customer-account .account-side .portal-tabs button[aria-selected=true]{border-color:#f5bccb}
  body.customer-account :is(.portal-card,.mb-card,.join-card),body.customer-account #billing .mb-card{padding:18px}
  body.customer-account .portal-settings{grid-template-columns:minmax(0,1fr)}
  body.customer-account .account-plan{grid-template-columns:minmax(0,1fr);grid-template-areas:"metric" "note" "act";padding:18px;background-position:right 14px top 16px;background-size:104px auto}
  body.customer-account .account-plan .metric{font-size:26px}
  body.customer-account .account-shortcuts{grid-template-columns:minmax(0,1fr)}
  body.customer-account .portal-download{grid-template-columns:44px minmax(0,1fr)}
  body.customer-account .portal-download .primary{grid-column:1/-1;width:100%}
  body.customer-account .fq-usage__kpis{grid-template-columns:minmax(0,1fr)}
  body.customer-account .fq-usage__kpi{border-right:0;border-bottom:1px solid var(--ac-line)}
  body.customer-account .fq-usage__kpi:last-child{border-bottom:0}
  body.customer-account .fq-usage__kinds{grid-template-columns:minmax(0,1fr)}
  body.customer-account .fq-history li{grid-template-columns:minmax(0,1fr) auto}
  body.customer-account .fq-history time{grid-column:1/-1}
  body.customer-account #billing .mb-card:first-child{background-size:104px auto;background-position:right 16px top 16px}
  body.customer-account .mb-facts{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}
  body.customer-account .mb-facts :is(dt,dd),body.customer-account .mb-facts :is(dt,dd):nth-child(-n+4){border-right:0}
  body.customer-account .mb-facts dt{padding:12px 14px 0}
  body.customer-account .mb-facts dd{padding:0 14px 12px;border-bottom:1px solid var(--ac-line)}
  body.customer-account .mb-facts dd:last-child{border-bottom:0}
  body.customer-account .mb-actions{flex-direction:column;align-items:stretch}
  body.customer-account .mb-actions .mb-button--danger{margin-left:0}
  body.customer-account .mb-table-wrap{border:0;border-radius:0}
  body.customer-account :is(#profile-form,#password-form) .primary,body.customer-account #copy-invitation{width:100%;justify-self:stretch}
  body.customer-account .security-card:first-child{display:block}
  body.customer-account .security-card:first-child>#password-form{margin-top:16px}
  body.customer-account .connection-row{grid-template-columns:40px minmax(0,1fr)}
  body.customer-account .connection-row button{grid-column:1/-1;grid-row:auto;margin-top:8px}
  body.customer-account .connection-actions{flex-direction:column}
  body.customer-account .connection-actions button{width:100%}
}