/* v1.21 — responsive polish for the add-on pages, mobile More sheet, 2-step rule card */
.v121-nb{font-style:normal;margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:rgba(124,58,237,.14);color:#6d28d9;font-size:10px;display:grid;place-items:center;padding:0 5px;font-weight:600}
html.theme-dark .v121-nb{color:#c4b5fd}
.v121-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:9999;background:#0f172a;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 10px 30px rgba(15,23,42,.25);transition:opacity .3s;max-width:calc(100vw - 32px)}
.v121-toast.bad{background:#b91c1c}.v121-toast.out{opacity:0}

/* header rows of add-on pages never squeeze the title */
.v118-hd>div:first-child,.v116-hd>div:first-child,.v119-hd>div:first-child{min-width:0;flex:1 1 320px}
.v119-t td,.v119-t th{word-break:normal;overflow-wrap:normal}
.v119-who small,.v119-t small{overflow-wrap:anywhere}
.v119-t td .btn-primary,.v119-t td .btn-secondary{white-space:nowrap}

/* tablets / small laptops */
@media (max-width:1180px){
  .v119-t{font-size:12.5px}
  .v119-t th,.v119-t td{padding:8px 6px}
  .v119-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v120-ur{grid-template-columns:minmax(140px,1.3fr) minmax(110px,1fr) minmax(130px,1.1fr) 100px 64px}
}

/* tables become cards wherever the page is too narrow for all columns */
@media (max-width:1180px){
  /* tables become cards */
  .v119-tw,.v120-tw .v119-tw{overflow:visible;margin:0}
  table.v119-t,table.v119-t tbody{display:block;width:100%}
  table.v119-t thead{display:none}
  table.v119-t tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;padding:12px;border:1px solid rgba(100,116,139,.22);border-radius:12px;margin-bottom:10px;background:var(--surface,transparent)}
  table.v119-t td{display:flex;flex-direction:column;gap:2px;padding:0 !important;border:0 !important;min-width:0;text-align:left !important}
  table.v119-t td[data-label]:not([data-label=""])::before{content:attr(data-label);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.55}
  table.v119-t td:first-child,table.v119-t td[data-full]{grid-column:1/-1}
  table.v119-t td:first-child::before{display:none}
  table.v119-t td:first-child,table.v119-t td:first-child>*{text-align:left !important;align-items:flex-start;justify-content:flex-start}
  table.v119-t td[data-act]{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:8px}
  table.v119-t td[data-act]::before{display:none}
  table.v119-t td[data-act]>*{flex:1 1 auto;justify-content:center}
  .v119-who{min-width:0}
  table.v119-t td:not([data-act])>*{align-self:flex-start;max-width:100%}

}

/* phones */
@media (max-width:760px){
  .v118-hd,.v116-hd,.v119-hd{align-items:stretch;gap:10px;margin-bottom:14px}
  .v118-hd h1,.v116-hd h1,.v119-hd h1{font-size:22px;line-height:1.2}
  .v118-hd p.t-muted,.v116-hd p.t-muted,.v119-hd p.t-muted{font-size:13px}
  .v119-hbtn{width:100%}
  table.v119-t tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v119-hbtn>*{flex:1 1 auto;justify-content:center}
  .v118-kpis,.v119-kpis,.v120-k3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
  .v118-kpis>.card,.v119-kpis>.card{padding:12px !important;min-height:0}
  .v118-kpis b,.v119-kpis b{font-size:20px}
  .v119-card,.v120-tw{padding:12px !important}

  /* tabs on one scrollable line */
  .v119-tabs,.v117-seg{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .v119-tabs::-webkit-scrollbar,.v117-seg::-webkit-scrollbar{display:none}
  .v119-tabs button,.v117-seg button{white-space:nowrap;flex:none}
  .v119-bar{flex-direction:column;align-items:stretch}
  .v119-search,.v119-search input,.v120-sq,.v118-bar .v118-q,.v118-bar .v118-f{min-width:0 !important;width:100%;max-width:none !important;flex:1 1 100% !important}

  /* closures / near to pay / accounts */
  .v119-clh{flex-direction:column}
  .v119-clr{align-items:flex-start}
  .v119-act>*{flex:1 1 auto;justify-content:center}
  .v120-flow li{padding:8px 10px}
  .v120-ur{grid-template-columns:1fr 1fr;border:1px solid rgba(100,116,139,.2);border-radius:10px;padding:10px;margin-bottom:8px}
  .v120-acct{flex-wrap:wrap}
  .v120-aa{width:100%}
  .v120-aa>*{flex:1 1 auto;justify-content:center}
  .v120-evh{flex-direction:column}
  .v120-sw2{width:100%}
  .v120-row .input{min-width:0;width:100%}
  .v119-step{grid-template-columns:1fr 1fr}

  /* sticky save bar sits above the bottom navigation */
  .v120-save{bottom:calc(88px + env(safe-area-inset-bottom));flex-wrap:wrap;margin-right:62px}
  .v120-save>*{flex:1 1 auto;justify-content:center}
  .v120-save>span[style]{display:none}

  /* modals as bottom sheets */
  .v119-ov{place-items:end stretch !important;padding:0 !important}
  .v119-ov .v119-m{width:100% !important;max-width:none !important;max-height:92vh;border-radius:16px 16px 0 0 !important;padding:16px !important}
}

@media (min-width:761px){.v120-save{margin-right:76px}}

/* 2-step rule card (Sign-in policies page, Developer only) */
.v121-rule{padding:18px !important;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}
.v121-rule.busy{opacity:.6;pointer-events:none}
.v121-rh h3{font-size:16px;font-weight:700;margin:2px 0 4px}.v121-rh p.t-muted{font-size:13px;margin:0}
.v121-eye{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#2563eb);margin:0}
.v121-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v121-opt{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(100,116,139,.25);border-radius:12px;cursor:pointer}
.v121-opt:has(input:checked){border-color:#2563eb;background:rgba(37,99,235,.06)}
.v121-opt input{margin-top:3px}
.v121-opt span{display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.v121-opt small{font-size:12px;line-height:1.45}
.v121-det summary{cursor:pointer;font-size:13px;font-weight:600}
.v121-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:10px}
.v121-rrow{display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.v121-h4{font-size:14px;font-weight:700;margin:6px 0 0}
.v121-p{font-size:12.5px;margin:0}
.v121-admins{display:flex;flex-direction:column}
.v121-arow{display:grid;grid-template-columns:minmax(180px,1.4fr) auto minmax(160px,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(100,116,139,.16)}
.v121-aw{display:flex;flex-direction:column;min-width:0}.v121-aw small{overflow-wrap:anywhere;font-size:12px}
.v121-am{display:flex;gap:6px;flex-wrap:wrap}
.v121-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(100,116,139,.12);white-space:nowrap}
.v121-pill.ok{background:rgba(22,163,74,.12);color:#15803d}
html.theme-dark .v121-pill.ok{color:#86efac}
.v121-ae small{font-size:12px}
.v121-sw{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;white-space:nowrap}
.v121-sw input{position:absolute;opacity:0;width:1px;height:1px}
.v121-sw span{width:36px;height:20px;border-radius:10px;background:rgba(100,116,139,.35);position:relative;transition:background .2s;flex:none}
.v121-sw span::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.v121-sw input:checked+span{background:#2563eb}
.v121-sw input:checked+span::after{transform:translateX(16px)}
.v121-sw input:disabled+span{opacity:.4}
.v121-sw em{font-style:normal}
.v121-sk{height:56px;border-radius:12px;background:rgba(100,116,139,.12);animation:v121p 1.2s ease-in-out infinite}
@keyframes v121p{50%{opacity:.5}}
.v121-err{color:#b91c1c;font-size:13px}
@media (max-width:760px){
  .v121-opts{grid-template-columns:1fr}
  .v121-arow{grid-template-columns:1fr}
  .v121-am,.v121-ae{grid-column:1/-1}
  .v121-am{order:3}.v121-ae{order:4}
  .v121-sw{grid-column:1/-1;order:5}
}