/* Shared chrome with five primary destinations. */
.publication-dashboard{color:var(--ink);min-width:0;line-height:1.85;--performance-line:var(--line,#bdcec4)}
.publication-dashboard section,.publication-dashboard>.performance-backlog{margin-block:22px;padding-block-end:18px;border-bottom:1px solid var(--performance-line)}
.publication-dashboard h3{font-size:1.1rem;margin:0 0 10px}.publication-dashboard p{overflow-wrap:anywhere}
.performance-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.performance-heading>div{flex:1;min-width:min(100%,260px)}
.performance-heading label{display:grid;gap:4px}.performance-heading select{min-height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--performance-line);border-radius:10px;font:inherit;padding:8px}
.performance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.performance-cards article,.performance-actions article,.performance-destinations article{display:grid;align-content:start;gap:8px;padding:16px;border:1px solid var(--performance-line);border-radius:14px;background:var(--paper);min-width:0;overflow-wrap:anywhere}
.performance-cards strong{font-size:2rem;line-height:1.5}.performance-cards :is(small,span),.performance-destinations small{font-size:.85rem;color:var(--muted);display:block}
.performance-actions,.performance-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.performance-destinations header,.performance-recent li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.publication-dashboard a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.performance-error{color:var(--danger,#a33131)}
.performance-inbox-actions,.performance-export{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.performance-recent{list-style:none;padding:0}.performance-recent li{padding-block:10px;border-bottom:1px solid var(--performance-line)}
.publication-dashboard summary{cursor:pointer;min-height:36px;font-weight:600}.publication-dashboard :is(button,select,a,summary):focus-visible{outline:3px solid var(--focus,#4c9977);outline-offset:3px}
html[data-theme=dark] .publication-dashboard .performance-error{color:#ffb9b3}
@media(max-width:850px){.performance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.performance-actions,.performance-destinations{grid-template-columns:minmax(0,1fr)}.performance-heading{align-items:stretch}.performance-heading>div{flex-basis:100%}.performance-heading label{flex:1}.performance-cards article{padding:12px}.performance-cards strong{font-size:1.7rem}.performance-recent li>span{font-size:.85rem}.publication-dashboard button{white-space:normal;max-width:100%}}
body.product-shell [hidden]{
  display:none!important}
.product-shell{
  --shell-nav-height:calc(64px + env(safe-area-inset-bottom,0px));
  --bottom-nav-height:var(--shell-nav-height);
  --shell-accent:#205f4f;
  --shell-muted:var(--muted,#53685d)}
html[data-theme=dark] .product-shell{
  --shell-accent:#a2d6bb;
  --shell-muted:#b0c2b8}
.ui-icon{
  width:24px;
  height:24px;
  flex:none;
  vertical-align:middle}
.product-shell .page-footer,.product-shell .sidebar-note,.product-shell .sidebar-footer,.product-shell .sidebar-foot{
  display:none!important}
.product-shell.shell-app .topbar,.product-shell.shell-app .content>.page-heading,.product-shell.shell-web:has(#profile:not([hidden]))>.app-shell>.topbar{
  display:none!important}
.product-shell.shell-web:has(#profile:not([hidden])) .workspace-toolbar{
  display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin-bottom:16px;padding:8px 0;min-width:0}
.product-shell.shell-web .workspace-toolbar>[data-page-title],.product-shell.shell-web .workspace-toolbar [data-help-current]{display:none!important}
.product-shell.shell-web .workspace-toolbar>.workspace-context{min-width:0;max-width:calc(100% - 100px);margin:0}
.product-shell.shell-web .workspace-toolbar .toolbar-actions{flex:none;width:auto;min-width:0}
.product-shell #account-refresh,.product-shell .account-page-header>[data-account-refresh],.product-shell .account-page-header>#refresh{
  display:none!important}
.product-shell .shell-help{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--shell-muted)!important;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:9px!important;
  margin:0!important;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  font:inherit;
  cursor:pointer;
  flex:none}
.product-shell .shell-help .ui-icon{
  width:21px;
  height:21px}
.product-shell .shell-help:focus-visible{
  outline:2px solid var(--shell-accent);
  outline-offset:2px}
.product-shell .shell-activity-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  min-width:44px;
  height:44px;
  padding:10px;
  box-sizing:border-box;
  flex:none;
  border:0;
  border-radius:50%;
  color:var(--shell-accent);
  background:transparent;
  text-decoration:none}
.product-shell .shell-activity-link:hover,.product-shell .shell-activity-link[aria-current=page]{
  background:var(--soft)}
.product-shell .shell-activity-link:focus-visible{
  outline:2px solid var(--shell-accent);
  outline-offset:2px}
.product-shell .shell-activity-host{
  display:flex;
  align-items:center;
  gap:8px}
.product-shell .shell-activity-host>h2{
  min-width:0;
  flex:1}
.product-shell .shell-activity-host>.shell-activity-link{
  margin-inline-start:auto}
.product-shell .shell-page-heading,.product-shell .account-page-header,.product-shell .account-group-header,.product-shell .device-detail-heading{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  margin:0 0 14px;
  padding:0;
  border:0;
  background:transparent}
.product-shell .shell-page-heading h2,.product-shell .account-page-header h2,.product-shell .account-group-header h2,.product-shell .device-detail-heading h3{
  flex:1;
  font-size:20px!important;
  line-height:1.6;
  margin:0!important;
  font-weight:750}
.product-shell .account-page-header .shell-help,.product-shell .device-detail-heading .shell-help,.product-shell .account-group-header .shell-help{
  margin-inline-start:auto!important}
.product-shell .account-back,.product-shell .account-icon-button,.product-shell .device-detail-heading>.account-back{
  border:0;
  background:transparent;
  color:inherit;
  border-radius:10px;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:8px;
  box-shadow:none}
.product-shell .shell-page-intro{
  font-size:13px;
  color:var(--shell-muted);
  line-height:1.8;
  margin:-6px 0 20px}
.product-shell .shell-page-intro,.product-shell.shell-web [data-view=monitor]>.page-heading>.lead{
  display:block!important}
.product-shell #workspace-panel>p.shell-page-intro:not(#workspace-message){
  display:block!important}
.product-shell.shell-web #profile>.sidebar{
  display:block!important;
  visibility:visible!important}
.product-shell.shell-web #profile>.sidebar>.primary-navigation{
  display:grid!important}
.product-shell.shell-web [data-view=monitor]>.page-heading h2>.section-help{
  display:none!important}
.product-shell .section-help:not(.shell-help){
  display:inline-grid;
  place-items:center;
  vertical-align:middle;
  width:32px;
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:6px;
  line-height:1;
  border:0;
  background:transparent;
  color:var(--shell-muted);
  box-shadow:none}
.product-shell .section-help:not(.shell-help) .ui-icon{
  width:20px;
  height:20px}
.product-shell .field-label-row{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  line-height:1.8}
.product-shell .field-label-row>.section-help{
  flex:none}
.product-shell .field-help{
  display:inline-grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  min-height:48px;
  padding:15px;
  border:0;
  background:transparent;
  color:var(--shell-muted);
  vertical-align:middle;
  flex:none}
.product-shell .field-help .ui-icon{
  width:18px;
  height:18px}
.product-shell .wizard-pane>h3>.section-help{
  display:none!important}
.product-shell .shell-new-transfer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:50px;
  margin:0 0 20px;
  border-radius:12px}
.transfer-first-run{padding:24px;border:1px solid var(--line,#cbded1);border-radius:18px;background:var(--soft,#eef6f0);color:var(--ink,#203d31);line-height:1.9;min-width:0}
.transfer-first-run h3{margin:0 0 8px;font-size:1.08rem}
.transfer-first-run>p{margin:8px 0;color:var(--muted,#4a6656)}
.transfer-first-run ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;padding-inline-start:24px}
.transfer-first-run li{padding-inline-start:4px;overflow-wrap:anywhere}
.transfer-first-run li::marker{color:var(--ink,#203d31);font-weight:700}
.transfer-first-run strong,.transfer-first-run li span{display:block}
.transfer-first-run li span{font-size:.84rem;color:var(--muted,#4a6656);margin-top:6px}
.transfer-first-run .transfer-first-run-note{font-size:.8rem;border-top:1px solid var(--line,#cbded1);padding-top:16px}
@media(max-width:600px){.transfer-first-run{padding:18px}.transfer-first-run ol{grid-template-columns:1fr;gap:16px;margin:18px 0}}
.product-shell .shell-new-transfer .ui-icon{
  width:22px;
  height:22px}
.product-shell .shell-wizard-heading{
  display:grid!important;
  width:100%;
  box-sizing:border-box;
  grid-template-columns:40px minmax(0,1fr) 40px;
  align-items:center!important;
  gap:10px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  min-height:52px}
.product-shell .shell-wizard-title{
  grid-column:2;
  grid-row:1;
  text-align:center;
  min-width:0;
  display:grid;
  gap:3px}
.product-shell .shell-wizard-title h2,.product-shell .shell-wizard-title strong{
  font-size:17px!important;
  margin:0!important;
  font-weight:750;
  overflow-wrap:anywhere}
.product-shell .shell-wizard-title .wizard-progress,.product-shell .shell-wizard-title small{
  font-size:11px;
  padding:0;
  line-height:1.6;
  background:transparent;
  color:var(--shell-muted);
  white-space:normal}
.product-shell .shell-wizard-heading>button:not(.shell-help){
  grid-column:3;
  grid-row:1;
  min-width:40px;
  min-height:40px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  box-shadow:none;
  padding:8px;
  color:inherit}
.product-shell .shell-wizard-heading>.shell-help{
  grid-column:1;
  grid-row:1}
.product-shell .transfer-wizard .wizard-steps{
  margin-bottom:24px}
.product-shell .wizard-pane>p{
  font-size:13px;
  line-height:1.8;
  margin-bottom:20px}
.product-shell #transfer-draft-status{
  font-size:11px;
  color:var(--shell-muted);
  margin:0}
.product-shell .wizard-actions{
  border-radius:0;
  box-shadow:0 -4px 16px #173b3006}
.product-shell .profile-card-heading{
  display:flex;
  justify-content:space-between;
  gap:8px 12px;
  align-items:flex-start;
  flex-wrap:wrap}
.product-shell .profile-card-heading h3{
  font-size:17px;
  line-height:1.7;
  margin:0;
  min-width:0;
  flex:1 1 140px}
.product-shell .profile-card-labels{
  display:grid;
  justify-items:end;
  gap:6px;
  flex:0 1 auto;
  max-width:100%}
.product-shell .profile-card-status{
  white-space:normal;
  overflow-wrap:anywhere}
.product-shell .profile-draft-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:var(--shell-muted);
  white-space:nowrap}
.product-shell .profile-draft-badge .ui-icon{
  width:16px;
  height:16px}
.product-shell [data-profile-stage=draft] .profile-card-status{
  font-size:10px;
  padding:3px 8px;
  border:1px solid #f0cf81;
  background:#fff6df;
  color:#886020}
.product-shell .profile-status-icon{
  margin-inline-end:4px}
.product-shell [data-profile-stage=draft] .profile-card-actions>.profile-primary-action{
  background:var(--transfer-soft,#e8f4ed);
  color:var(--shell-accent);
  border:0;
  margin-inline-start:auto;
  padding-inline:16px}
.product-shell [data-profile-stage=draft] .profile-card-actions>.profile-primary-action .ui-icon{
  width:18px;
  height:18px;
  margin-inline-start:8px}
.product-shell .profile-card-route .network-mark{
  width:21px;
  height:21px;
  flex-basis:21px}
.product-shell .profile-card-route .network-mark svg{
  width:20px;
  height:20px}
.product-shell .network-mark{
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:none;
  vertical-align:middle;
  line-height:1}
.product-shell .network-mark>.ui-icon{
  width:24px;
  height:24px}
.product-shell .network-instagram{
  background:linear-gradient(35deg,#fac84b,#e75659 42%,#cb278b 68%,#7744ca);
  border-radius:6px;
  color:#cf3289}
.product-shell .network-instagram>svg>rect:first-child{
  fill:transparent}
.product-shell .assistant-network{
  display:inline-flex;
  align-items:center;
  gap:4px}
.product-shell .assistant-network .network-mark,.product-shell .assistant-network .ui-icon{
  width:18px;
  height:18px}
.product-shell .destination-mark{
  padding:0;
  border:0;
  background:transparent;
  font-style:normal;
  width:26px;
  height:26px}
.product-shell .library-heading{
  gap:8px;
  align-items:center;
  margin:0 0 16px}
.product-shell .library-heading h2{
  font-size:20px}
.product-shell .library-heading .shell-help{
  width:32px;
  min-width:32px;
  height:36px;
  min-height:36px;
  padding:7px!important}
.product-shell .library-scope{
  margin-inline-start:auto;
  max-width:58%}
.product-shell .library-scope select{
  font-size:12px}
.product-shell .library-heading h2{
  margin:0;
  flex:none}
.product-shell .library-dialog-header .shell-help{
  margin-inline-start:auto!important}
.product-shell .library-dialog-header h3{
  flex:1}
.product-shell .assistant-heading{
  margin:0 0 12px;
  gap:7px}
.product-shell .assistant-heading h2{
  font-size:20px}
.product-shell .assistant-heading .shell-help{
  width:32px;
  min-width:32px;
  height:36px;
  min-height:36px;
  padding:7px!important}
.product-shell .assistant-context{
  font-size:11px;
  margin:0 0 10px;
  line-height:1.6}
.product-shell .assistant-chat-heading>.shell-help{
  margin-inline-start:auto!important}
.product-shell .assistant-rule-editor header>.shell-help{
  margin-inline-start:auto!important}
.product-shell .device-settings[data-device-page=download] [data-storage-section=download]>h3{
  display:none}
.product-shell .shell-guide{
  font-family:inherit;
  color:var(--ink,#193b32);
  background:var(--paper,#fff);
  border:1px solid var(--line,#dce7df);
  border-radius:20px;
  width:min(92vw,540px);
  padding:20px;
  max-height:calc(100dvh - 112px);
  overflow:auto;
  box-shadow:0 20px 80px #0e292b30}
.product-shell .shell-guide::backdrop{
  background:#102c254d}
.product-shell .shell-guide header{
  display:flex;
  align-items:center;
  gap:12px}
.product-shell .shell-guide h2{
  flex:1;
  font-size:19px;
  margin:0}
.product-shell .shell-guide header button{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  min-height:40px;
  min-width:40px;
  padding:8px;
  background:transparent;
  color:inherit;
  border:0;
  box-shadow:none}
.product-shell .shell-guide p,.product-shell .shell-guide li{
  font-size:14px;
  line-height:1.9}
.product-shell .shell-guide ol{
  padding-inline-start:22px}
.product-shell .shell-guide li{
  padding-block:4px}
.product-shell [data-shell-guide-note]{
  padding:12px;
  border-radius:12px;
  background:var(--transfer-soft,#edf5f1);
  font-size:12px!important}
/* Android always uses bottom tabs, including tablets and inner pages. */
.product-shell.shell-app .app-shell>.sidebar{
  display:block!important;
  visibility:visible!important;
  position:fixed!important;
  inset:auto 0 0!important;
  width:100%!important;
  height:var(--shell-nav-height)!important;
  min-height:0!important;
  padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px))!important;
  border:0!important;
  border-top:1px solid var(--line,#dce7df)!important;
  border-radius:0!important;
  background:var(--paper,#fff)!important;
  box-shadow:none!important;
  z-index:50!important;
  backdrop-filter:none}
.product-shell.shell-app .sidebar>.brand,.product-shell.shell-app .sidebar-caption,.product-shell.shell-app .storage-box{
  display:none!important}
.product-shell.shell-app .sidebar nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px!important;
  margin:0!important;
  overflow:visible!important;
  width:100%}
.product-shell.shell-app .sidebar .nav-item{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px!important;
  position:relative;
  min-height:51px!important;
  height:51px;
  padding:8px 4px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--shell-muted)!important;
  font-size:11px!important;
  font-weight:400;
  line-height:1.5}
.product-shell.shell-app .sidebar .nav-item svg{
  width:25px!important;
  height:25px!important}
.product-shell .sidebar .nav-count{
  display:none!important}
.product-shell.shell-app .sidebar .nav-item.active{
  color:var(--shell-accent)!important;
  font-weight:750}
.product-shell.shell-app .sidebar .nav-item.active:before{
  content:'';
  position:absolute;
  inset:0 calc(50% - 16px) auto!important;
  width:32px!important;
  height:3px!important;
  border-radius:4px;
  background:var(--shell-accent)!important}
.product-shell.shell-app main{
  width:100%!important;
  margin:0!important;
  padding-bottom:calc(var(--shell-nav-height) + 14px)!important}
.product-shell.shell-app .content{
  padding:14px 16px 12px!important;
  max-width:1200px;
  margin:auto}
.product-shell.shell-app .wizard-actions{
  position:sticky!important;
  bottom:var(--shell-nav-height)!important;
  z-index:20;
  padding-block:12px!important;
  background:var(--bg,#f7faf8)!important;
  min-width:0}
.product-shell.shell-app.is-keyboard-open .sidebar{
  display:block!important;
  visibility:visible!important}
.product-shell.shell-app.is-keyboard-open .wizard-actions{
  position:static!important}
.product-shell.shell-app .library-detail-dialog{
  max-height:calc(100dvh - var(--shell-nav-height))!important}
.product-shell.shell-app .assistant-rule-editor{
  bottom:var(--shell-nav-height)}
@media(max-width:760px){
  .product-shell .channel-assistant[data-assistant-thread=open][data-assistant-page=inbox]>.assistant-heading,.product-shell .channel-assistant[data-assistant-thread=open][data-assistant-page=inbox]>.assistant-context,.product-shell .channel-assistant[data-assistant-thread=open][data-assistant-page=inbox]>.assistant-pages{
    display:none!important}
  .product-shell .channel-assistant[data-assistant-thread=open] .assistant-conversation{
    height:max(360px,calc(100dvh - var(--shell-nav-height) - 64px))}
  .product-shell .assistant-messages{
    min-height:0}
  .product-shell .assistant-rule-editor{
    bottom:var(--shell-nav-height)}
  .product-shell .assistant-editor-panel{
    height:100%;
    max-height:100%;
    box-sizing:border-box}
  .product-shell.shell-web:has(#profile:not([hidden])){
    padding-bottom:calc(var(--shell-nav-height) + 12px)!important}
  .product-shell.shell-web #profile.workspace{
    display:block!important;
    max-width:none!important}
  .product-shell.shell-web #profile>.sidebar{
    display:block!important;
    visibility:visible!important;
    position:fixed!important;
    inset:auto 0 0!important;
    width:100%!important;
    height:var(--shell-nav-height)!important;
    min-height:0;
    padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;
    border-top:1px solid var(--line,#dce7df)!important;
    border-radius:0!important;
    background:var(--paper,#fff)!important;
    box-shadow:none!important;
    z-index:50}
  .product-shell.shell-web #profile>.sidebar>.primary-navigation{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    margin:0!important}
  .product-shell.shell-web .primary-navigation>[data-shell-nav]:not([hidden]){
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    gap:4px;
    padding:8px 4px 3px!important;
    min-height:51px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--shell-muted)!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.5}
  .product-shell.shell-web .primary-navigation>[aria-current=page]{
    color:var(--shell-accent)!important;
    font-weight:750}
  .product-shell.shell-web .primary-navigation>[aria-current=page]:before{
    content:'';
    position:absolute;
    top:0;
    inset-inline-start:calc(50% - 16px);
    width:32px;
    height:3px;
    background:var(--shell-accent);
    border-radius:4px}
  .product-shell.shell-web #profile>.workspace-content{
    padding:18px 16px 12px!important;
    max-width:none!important}
  .product-shell.shell-web .journey-web-actions{
    bottom:var(--shell-nav-height)!important;
    position:sticky!important;
    background:var(--bg,#f7faf8);
    z-index:20}
  .product-shell.shell-web.is-keyboard-open .sidebar{
    display:block!important;
    visibility:visible!important}
  .product-shell.shell-web.is-keyboard-open .journey-web-actions{
    position:static!important}
  .product-shell .assistant-heading{
    flex-wrap:wrap}
  .product-shell .assistant-scope{
    min-width:0;
    flex:1;
    max-width:55%}
  .product-shell .library-heading .library-scope{
    max-width:50%}
  .product-shell .library-heading .library-header-more{
    margin-inline-start:0}
}
@media(min-width:761px){
  .product-shell.shell-web .primary-navigation [data-shell-nav]{
    display:flex;
    align-items:center;
    gap:10px}
  .product-shell.shell-web .primary-navigation .ui-icon{
    width:22px;
    height:22px}
}
@media(min-width:761px){
  .product-shell.shell-web.is-web-transfer-setup #profile.workspace{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr);
    max-width:1200px}
  .product-shell.shell-web.is-web-transfer-setup .app-shell{
    max-width:1200px}
}
@media(max-width:360px){
  .product-shell .shell-page-heading h2,.product-shell .account-page-header h2,.product-shell .library-heading h2,.product-shell .assistant-heading h2{
    font-size:21px!important}
  .product-shell .library-scope select{
    max-width:115px;
    font-size:11px}
  .product-shell .wizard-actions button{
    padding:9px!important;
    font-size:11px!important}
}
/* Match the approved concepts: compact chrome, content first, one primary action. */
.product-shell{
  --shell-card-radius:12px;
  --shell-control-height:44px}
.product-shell .shell-focus-heading:focus{
  outline:0}
.product-shell .shell-page-heading,.product-shell .account-page-header,.product-shell .account-group-header,.product-shell .device-detail-heading{
  min-height:44px;
  margin-bottom:12px}
.product-shell .shell-page-intro{
  margin:-4px 0 16px;
  font-size:12px}
.product-shell .shell-new-transfer{
  min-height:48px;
  margin-bottom:16px}
.product-shell .transfer-profile-card{
  padding:16px;
  border-radius:var(--shell-card-radius)}
.product-shell .profile-card-route{
  margin:10px 0;
  gap:6px}
.product-shell .profile-card-actions{
  margin-top:12px}
.product-shell .profile-card-actions>button{
  min-height:44px}
.product-shell .shell-wizard-heading{
  margin-bottom:10px!important;
  min-height:44px}
.product-shell .shell-wizard-title{
  gap:0}
.product-shell .transfer-wizard .wizard-steps{
  margin:0 0 18px}
.product-shell .wizard-steps li:before{
  top:12px}
.product-shell .wizard-steps button{
  min-height:48px;
  gap:4px;
  font-size:11px}
.product-shell .wizard-steps b{
  width:25px;
  height:25px;
  border-width:3px;
  font-size:10px}
.product-shell .wizard-steps .active b{
  outline:1px solid var(--transfer-green);
  outline-offset:1px}
.product-shell .wizard-steps .complete b{
  font-size:0;
  position:relative}
.product-shell .wizard-steps .complete b:after{
  content:'';
  width:5px;
  height:9px;
  border:solid var(--on-accent,#fff);
  border-width:0 1.7px 1.7px 0;
  transform:rotate(45deg);
  margin-top:-3px}
.product-shell .wizard-pane>h3,.product-shell .design-web-page>.page-heading h2{
  font-size:20px;
  margin:0 0 6px;
  line-height:1.6}
.product-shell .wizard-pane>p{
  font-size:12px;
  line-height:1.7;
  margin-bottom:14px}
.product-shell .design-source-grid{
  gap:7px;
  margin-bottom:14px}
.product-shell .design-source-grid label{
  position:relative;
  min-height:46px;
  padding:8px 7px;
  font-size:12px;
  border-radius:8px}
.product-shell .design-source-grid .network-mark{
  width:21px;
  height:21px;
  flex-basis:21px}
.product-shell .design-source-grid .network-mark svg{
  width:21px;
  height:21px}
.product-shell .design-source-grid .shell-source-archive{
  grid-column:1/-1;
  justify-content:flex-start;
  padding-inline:12px}
.product-shell .design-source-grid label:has(input:checked):after{
  content:'';
  position:absolute;
  top:0;
  inset-inline-start:0;
  width:0;
  height:0;
  border-top:13px solid var(--transfer-green);
  border-inline-end:13px solid transparent}
.product-shell .source-capability{
  padding:10px 12px!important;
  border:1px solid var(--transfer-line)!important;
  border-radius:10px!important;
  background:var(--paper)!important;
  margin:12px 0!important}
.product-shell .source-capability-details{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important}
.product-shell .source-capability-details>summary{
  font-size:12px;
  min-height:28px;
  padding:0!important;
  color:var(--muted)}
.product-shell .source-capability-details[open]>summary{
  margin-bottom:8px}
.product-shell .source-capability-details p,.product-shell .source-capability-details dd{
  font-size:12px!important;
  line-height:1.8}
.product-shell .source-proof-editor,.product-shell .source-preparation-card,.product-shell .control-record{
  padding:12px;
  border-radius:10px;
  margin:10px 0}
.product-shell .source-onboarding{
  margin:12px 0}
.product-shell .source-settings-summary{
  font-size:12px}
.product-shell .source-preparation-help{
  font-size:11px!important}
.product-shell .shell-wizard-back{
  grid-column:1!important;
  grid-row:1;
  display:grid;
  place-items:center}
.product-shell .shell-has-back>.shell-wizard-title{
  padding-inline:24px;
  position:relative}
.product-shell .shell-wizard-title>.shell-help{
  position:absolute;
  inset-inline-end:-4px;
  top:0;
  width:32px;
  min-width:32px}
.product-shell.shell-app .wizard-actions>div:first-child{
  display:none}
.product-shell.shell-app .wizard-actions>div:last-child{
  width:100%;
  display:flex;
  justify-content:stretch}
.product-shell.shell-app .wizard-actions #transfer-wizard-next,.product-shell.shell-app .wizard-actions #transfer-wizard-save{
  width:100%;
  min-width:0}
.product-shell .wizard-actions{
  gap:8px;
  margin-top:16px;
  padding-block:9px!important}
.product-shell .design-intent-options{
  gap:8px;
  margin-bottom:16px}
.product-shell .design-intent-options label{
  padding:12px;
  border-radius:9px;
  font-size:13px;
  min-height:64px}
.product-shell .design-intent-options small{
  font-size:11px;
  line-height:1.7}
.product-shell .design-destination-card{
  border-radius:10px}
.product-shell .design-destination-card>label{
  min-height:48px;
  padding:10px 12px;
  font-size:13px;
  gap:8px}
.product-shell .design-destination-card>label .network-mark{
  margin-inline-start:0;
  order:0}
.product-shell .design-destination-card>label .destination-name{
  flex:1}
.product-shell .design-destination-card .connection-form{
  padding:0 10px 10px}
.product-shell .destination-verified-identity{
  display:grid;
  gap:3px;
  font-size:12px;
  min-width:0}
.product-shell .destination-verified-identity bdi{
  overflow-wrap:anywhere}
.product-shell .destination-verified-identity small{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:var(--shell-accent)}
.product-shell .destination-verified-identity .network-mark,.product-shell .destination-verified-identity .network-mark svg{
  width:15px;
  height:15px}
.product-shell .connection-details:has(.destination-verified-identity)>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  list-style:none;
  padding:10px}
.product-shell .destination-edit-label{
  font-size:11px;
  color:var(--shell-accent);
  flex:none}
.product-shell .design-transfer-name{
  font-size:12px;
  margin:12px 0}
.product-shell .transfer-plain-summary{
  padding:10px 14px;
  border-radius:12px}
.product-shell .transfer-plain-summary dl>div{
  position:relative;
  grid-template-columns:65px minmax(0,1fr);
  padding:11px 0!important;
  padding-inline-end:42px!important;
  gap:8px!important;
  min-height:49px}
.product-shell .transfer-plain-summary dt{
  font-size:11px}
.product-shell .transfer-plain-summary dd{
  font-size:12px;
  line-height:1.7}
.product-shell .transfer-plain-summary .review-edit{
  position:absolute;
  inset-inline-end:0;
  top:50%;
  transform:translateY(-50%);
  min-height:44px;
  padding:4px}
.product-shell .transfer-plain-summary .transfer-final-choice{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 10px}
.product-shell .transfer-plain-summary .transfer-final-choice .review-edit{
  position:static;
  transform:none;
  margin-inline-start:auto}
.product-shell .design-detail-heading{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 64px;
  gap:8px;
  margin:0 0 12px}
.product-shell .design-detail-heading>button{
  white-space:nowrap;
  min-height:44px;
  padding-inline:6px}
.product-shell .design-detail-heading>div{
  grid-column:2;
  grid-row:1}
.product-shell .design-detail-heading h2{
  font-size:18px}
.product-shell .design-detail-heading>[data-detail-back]{
  grid-column:1;
  grid-row:1;
  padding:8px}
.product-shell .design-detail-heading>[data-detail-edit]{
  grid-column:3;
  grid-row:1;
  font-size:11px;
  padding:2px}
.product-shell .design-detail-heading>.shell-help{
  grid-column:2;
  grid-row:1;
  justify-self:end}
.product-shell .design-run-summary,.product-shell .design-schedule{
  padding:16px;
  border-radius:12px;
  margin:12px 0}
.product-shell .design-run-summary h3{
  font-size:18px}
.product-shell .design-run-summary p{
  font-size:12px}
.product-shell .design-detail-tabs{
  margin-bottom:14px}
.product-shell .design-detail-tabs button{
  min-height:44px;
  padding:8px;
  font-size:13px}
.product-shell .library-heading{
  gap:5px;
  margin-bottom:12px}
.product-shell .library-heading .shell-help,.product-shell .library-header-more>summary{
  width:30px;
  min-width:30px;
  border:0;
  background:transparent;
  box-shadow:none}
.product-shell .library-scope{
  max-width:56%;
  margin-inline-start:auto}
.product-shell .library-heading .library-scope{
  max-width:56%}
.product-shell .library-scope>.library-icon{
  width:30px;
  height:30px;
  padding:6px;
  border-radius:50%}
.product-shell .library-search input{
  min-height:44px}
.product-shell .library-quick-types{
  gap:6px}
.product-shell .library-quick-types button{
  min-height:38px;
  font-size:12px;
  padding:5px 10px}
.product-shell .library-browse-actions{
  gap:6px}
.product-shell .library-metrics{
  font-size:11px}
.product-shell .library-grid{
  gap:4px}
.product-shell .library-month{
  padding-top:10px}
.product-shell .library-card{
  border-radius:5px}
.product-shell .library-dialog-header .library-icon-button{
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:50%;
  width:40px;
  min-width:40px;
  min-height:40px}
.product-shell .library-dialog-header .shell-help{
  order:3;
  margin-inline-start:0!important;
  width:32px;
  min-width:32px}
.product-shell .library-detail-source>.network-mark{
  width:30px;
  height:30px}
.product-shell .library-detail-source>.network-mark svg{
  width:27px;
  height:27px}
.product-shell .library-choice-row{
  gap:6px}
.product-shell .library-choice-row button{
  font-size:12px;
  padding:5px 9px;
  min-height:38px;
  border-radius:11px}
.product-shell .library-filter-fields{
  gap:18px}
.product-shell .library-detail-footer{
  gap:8px}
.product-shell .library-detail-footer>button{
  min-height:44px}
.product-shell .assistant-heading{
  gap:4px;
  margin-bottom:8px;
  flex-wrap:nowrap}
.product-shell .assistant-heading .shell-help,.product-shell .assistant-header-menu>summary{
  min-width:30px;
  width:30px;
  border:0;
  background:transparent;
  box-shadow:none}
.product-shell .assistant-heading .assistant-icon-button{
  border:0;
  background:transparent;
  box-shadow:none;
  width:44px;
  min-width:44px;
  min-height:44px}
.product-shell .assistant-scope{
  max-width:52%}
.product-shell .assistant-context{
  margin-bottom:6px;
  font-size:10px}
.product-shell .assistant-pages{
  margin-bottom:12px}
.product-shell .assistant-network:before{
  display:none}
.product-shell .assistant-buckets button{
  border-radius:20px;
  font-size:12px}
.product-shell .assistant-inbox-filters>summary{
  font-size:11px}
.product-shell .assistant-rule-card{
  padding:12px;
  border-radius:10px}
.product-shell .assistant-rule-card>button{
  border:0;
  background:transparent;
  color:var(--shell-accent)}
.product-shell .assistant-editor-panel form>label{
  border:0;
  padding-top:12px}
.product-shell .assistant-editor-panel header{
  padding-bottom:12px;
  border-bottom:1px solid var(--line)}
.product-shell .assistant-editor-panel form>small{
  font-size:11px;
  line-height:1.8}
.product-shell .assistant-editor-panel textarea{
  min-height:100px}
.product-shell .assistant-chat-heading .assistant-icon-button{
  border:0;
  background:transparent;
  box-shadow:none}
.product-shell .account-home-identity,.product-shell .account-home-plan,.product-shell .account-menu,.product-shell .account-quota-list,.product-shell .account-security-identity{
  border-radius:12px}
.product-shell .account-card-title h3,.product-shell .account-card-title>strong{
  font-size:14px}
.product-shell .account-menu-row{
  min-height:58px;
  padding:11px 14px}
.product-shell .account-home-plan .account-validity{
  font-size:11px;
  line-height:1.8;
  margin-block:8px}
.product-shell .account-quota-row{
  padding-block:12px}
.product-shell .account-home-plan .account-action{
  min-height:44px}
.product-shell.shell-web.is-web-transfer-setup #profile>.workspace-content{
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0}
.product-shell.shell-web .workflow-strip{
  padding:0 10px 12px;
  margin-bottom:8px;
  overflow:visible}
.product-shell.shell-web .workflow-step{
  position:relative;
  text-decoration:none;
  font-size:11px;
  gap:4px;
  min-height:48px}
.product-shell.shell-web .workflow-step:not(:last-child):before{
  content:'';
  position:absolute;
  top:16px;
  inset-inline-start:50%;
  width:100%;
  height:2px;
  background:var(--transfer-line)}
.product-shell.shell-web .workflow-step b{
  position:relative;
  z-index:1;
  width:25px;
  height:25px;
  font-size:10px}
.product-shell.shell-web .workflow-step.active b{
  outline:1px solid var(--transfer-green);
  outline-offset:2px}
.product-shell.shell-web .journey-web-actions{
  display:flex;
  flex-direction:column;
  border:0;
  gap:8px;
  padding-inline:0;
  margin-inline:0}
.product-shell.shell-web .journey-web-actions>[data-wizard-later],.product-shell.shell-web .journey-web-actions [data-wizard-back]{
  display:none}
.product-shell.shell-web .journey-web-actions>div{
  width:100%}
.product-shell.shell-web .journey-web-actions>div>button{
  width:100%;
  min-width:0;
  margin:0}
.product-shell.shell-web .journey-web-actions [data-wizard-blocker]{
  margin:0;
  font-size:11px;
  flex-basis:auto}
.product-shell.shell-app .app-shell>.sidebar{
  height:auto!important;
  min-height:calc(64px + env(safe-area-inset-bottom,0px))!important}
.product-shell.shell-app .sidebar .nav-item{
  height:auto!important}
@media(max-width:760px){
  .product-shell.shell-web #profile>.sidebar{
    height:auto!important;
    min-height:calc(64px + env(safe-area-inset-bottom,0px))!important}
  .product-shell .library-choice-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none}
  .product-shell .library-choice-row button{
    flex:none}
  .product-shell .library-selection{
    border:0;
    background:var(--ink);
    color:var(--paper);
    border-radius:14px}
  .product-shell .library-selection button,.product-shell .library-selection summary{
    color:inherit;
    background:transparent}
  .product-shell .library-selection .library-menu{
    color:var(--ink)}
  .product-shell .assistant-list{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent}
  .product-shell .assistant-search{
    padding-bottom:3px}
  .product-shell .assistant-buckets{
    padding-block:10px}
  .product-shell .channel-assistant button.assistant-thread{
    border-radius:0;
    padding:14px 0;
    margin:0}
  .product-shell .assistant-editor-panel{
    padding:16px}
  .product-shell .assistant-editor-actions>button[type=submit]{
    flex:1}
  .product-shell .account-page-header h2,.product-shell .account-page-header h3{
    font-size:18px!important}
}
/* Notifications sit above the page, clear of the bottom navigation and actions. */
.toast{
  top:calc(env(safe-area-inset-top,0px) + 12px);
  bottom:auto;
  display:flex;
  align-items:flex-start;
  gap:12px;
  max-height:min(30vh,240px);
  overflow:auto;
  line-height:1.9;
  font-size:13px;
  padding:12px 14px}
.toast[hidden]{display:none}
.toast .toast-text{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.toast button{flex:0 0 44px;min-height:44px;padding:0;background:transparent;color:inherit;border:1px solid #ffffff66;border-radius:8px;font-size:22px}
.toast[data-tone=error]{background:#6f302e}
.product-shell .profile-card-heading{gap:4px 8px;align-items:center}
.product-shell .profile-card-heading h3{flex:1 1 0;font-size:16px;line-height:1.55}
.product-shell .profile-card-heading .profile-card-more{flex:0 0 36px;width:36px;min-width:0;padding:0;margin:0;border:0;background:transparent}
.product-shell .profile-card-heading .profile-card-more>summary{padding:0;min-height:36px;display:grid;place-items:center;list-style:none}
.product-shell .profile-card-heading .profile-card-more>summary::after{display:none}
.product-shell .profile-card-heading .profile-card-more[open]{flex-basis:100%;width:100%;padding:8px;background:var(--shell-soft,var(--soft));border-radius:10px}
.product-shell .profile-card-heading .profile-card-labels{flex:1 0 100%;display:flex;justify-content:flex-start;align-items:center;gap:6px}
.product-shell .transfer-profile-card .profile-card-details{margin:4px 0;padding:0;border:0;border-top:1px solid var(--line)}
.product-shell .transfer-profile-card .profile-card-details>summary{min-height:36px;padding:4px 0;font-size:11px}
.product-shell .transfer-profile-card .profile-card-actions{margin-top:8px}
.product-shell .transfer-profile-card .profile-card-actions>button{min-height:42px;padding:8px 12px}
.product-shell.shell-web .channel-assistant .assistant-pages>button{
  background:transparent;
  color:var(--muted,#53685d)}
.product-shell.shell-web .channel-assistant .assistant-pages>button[aria-pressed=true]{
  background:var(--green,#205d49);
  color:var(--on-accent,#fff)}

/* Keep the archive name readable while sharing the title row with its actions. */
@media(max-width:420px){
  .product-shell.shell-web .archive-library .library-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) repeat(3,44px);
    align-items:center;
    gap:6px}
  .product-shell.shell-web .archive-library .library-heading>h2{
    grid-column:1;
    grid-row:1}
  .product-shell.shell-web .archive-library .library-heading>.library-header-more{
    grid-column:2;
    grid-row:1;
    margin:0}
  .product-shell.shell-web .archive-library .library-heading>.shell-help{
    grid-column:3;
    grid-row:1}
  .product-shell.shell-web .archive-library .library-heading>.shell-activity-link{
    grid-column:4;
    grid-row:1;
    margin:0}
  .product-shell.shell-web .archive-library .library-heading>.shell-help,
  .product-shell.shell-web .archive-library .library-header-more>summary{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    box-sizing:border-box;
    padding:10px!important}
  .product-shell.shell-web .archive-library .library-heading>.library-scope{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    max-width:none;
    min-height:44px;
    margin:0}
  .product-shell.shell-web .archive-library .library-scope>.library-icon{
    display:block}
  .product-shell.shell-web .archive-library .library-scope select{
    flex:1;
    width:100%;
    max-width:none;
    font-size:13px}
  .product-shell.shell-web .channel-assistant .assistant-heading{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    column-gap:0!important;
    row-gap:8px!important}
  .product-shell.shell-web .channel-assistant .assistant-heading>h2{
    grid-column:1 / 3;
    grid-row:1;
    min-width:80px;
    margin:0!important}
  .product-shell.shell-web .channel-assistant .assistant-heading>.assistant-add-channel{
    grid-column:3 / -1;
    grid-row:1;
    justify-self:end;
    max-width:100%;
    margin:0}
  .product-shell.shell-web .channel-assistant .assistant-heading>[data-assistant-refresh]{
    grid-column:1;
    grid-row:2}
  .product-shell.shell-web .channel-assistant .assistant-heading>[data-assistant-page=settings]{
    grid-column:2;
    grid-row:2}
  .product-shell.shell-web .channel-assistant .assistant-heading>.assistant-header-menu{
    grid-column:3;
    grid-row:2}
  .product-shell.shell-web .channel-assistant .assistant-heading>.shell-help{
    grid-column:4;
    grid-row:2}
  .product-shell.shell-web .channel-assistant .assistant-heading>.shell-activity-link{
    grid-column:5;
    grid-row:2;
    margin:0}
  .product-shell.shell-web .channel-assistant .assistant-heading>:is(.assistant-icon-button,.shell-help,.shell-activity-link),
  .product-shell.shell-web .channel-assistant .assistant-header-menu>summary{
    justify-self:center;
    width:44px;
    min-width:0;
    max-width:100%;
    height:44px;
    min-height:44px;
    box-sizing:border-box;
    padding:10px!important}
  .product-shell.shell-web .channel-assistant .assistant-heading>.assistant-scope{
    grid-column:1 / -1;
    grid-row:3;
    width:100%;
    max-width:none;
    margin:0}
}