/* Shared hierarchy for the four principal areas on web and Android. */
#profile>.profile-cloud-draft{
  grid-column:1/-1;
  min-width:0}
#profile>.sidebar,#profile>.workspace-content{
  min-width:0}
body:not(.is-transfer-tracking) #forward-job-summary{
  display:none}
.is-transfer-tracking #profile [data-view=transfers]>.journey-web-actions,.is-transfer-tracking #profile [data-view=transfers]>p,.is-transfer-tracking #profile [data-view=transfers]>.page-heading p{
  display:none}
.is-transfer-setup #packages-view>.composer-entry{
  display:none}
.transfer-plain-summary dl{
  margin:.8rem 0 0;
  display:grid;
  gap:.65rem}
.transfer-plain-summary dl>div{
  padding:.65rem;
  border:1px solid var(--line,#dce7df);
  border-radius:12px}
.transfer-plain-summary dt{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  font-weight:700}
.transfer-plain-summary dd{
  margin:.3rem 0 0;
  overflow-wrap:anywhere}
.transfer-plain-summary .review-edit{
  min-height:44px;
  font-size:.85rem;
  padding:.35rem .75rem}
.wizard-actions>div{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap}
.wizard-actions [data-wizard-blocker]{
  flex-basis:100%;
  font-size:.9rem}
.profile-progress-brief{
  font-size:.9rem;
  margin:.5rem 0}
.profile-progress-brief small{
  display:block;
  color:var(--muted)}
.transfer-cadence-choice{
  display:grid;
  gap:.5rem;
  margin-block:1rem}
#profile [data-view=monitor] .setup-checklist{
  display:none}
#profile [data-view=monitor] .capability-note{
  display:none}
#profile [data-view=transfer-content] .transfer-intent{
  margin:0}
.wizard-actions{
  gap:.6rem;
  flex-wrap:wrap}
@media(max-width:600px){
  .wizard-actions>div{
    flex:1 1 100%}
  .wizard-actions>div>button{
    flex:1}
  .transfer-plain-summary dl>div{
    padding:.55rem}
}
.transfer-intent select,.transfer-intent input,.transfer-trial select{
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  background:var(--paper,#fff);
  color:var(--ink,#193c32)}
.transfer-intent .date-calendar-choice{
  display:flex;
  align-items:center}
.transfer-intent .date-calendar-choice select{
  width:auto}
.transfer-trial button,.transfer-intent .persian-date-open{
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  background:var(--paper,#fff);
  color:var(--ink,#193c32)}
.transfer-trial [data-trial-confirm]{
  background:var(--green,#38664a);
  color:#fff;
  border-color:var(--green,#38664a)}
.transfer-intent{
  margin-block:12px}
.transfer-intent>h3{
  font-size:16px;
  margin-block:0 10px}
.transfer-intent label{
  display:grid;
  gap:6px}
.transfer-intent select,.transfer-intent input{
  width:100%;
  min-width:0;
  box-sizing:border-box}
.transfer-intent [data-transfer-range]{
  margin-block:12px}
.transfer-intent small,.transfer-intent [data-intent-draft],.transfer-phase-summary small,.profile-control-help{
  font-size:12px;
  color:var(--muted,#526b60)}
.transfer-reception{
  padding:12px;
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  margin-top:12px}
.transfer-reception p{
  margin:6px 0 0;
  font-size:13px}
.transfer-reception.error,.transfer-reception.pending{
  border-inline-start:4px solid var(--warning,#b17a26)}
.transfer-reception.ready{
  border-inline-start:4px solid var(--green,#38664a)}
.transfer-plain-summary{
  padding:14px;
  border-radius:12px;
  background:var(--soft,#edf4ee);
  border:1px solid var(--line,#dce7df)}
.transfer-plain-summary p{
  line-height:1.95;
  margin:8px 0}
.transfer-review-details,.transfer-trial{
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  margin-block:12px;
  padding:12px}
.transfer-review-details>summary,.transfer-trial>summary{
  cursor:pointer;
  font-weight:700}
.transfer-trial select{
  width:100%;
  min-width:0}
.transfer-trial p{
  font-size:13px;
  line-height:1.9}
.transfer-trial button{
  margin:6px 0 0 6px}
.transfer-trial [data-trial-confirmation]{
  border-top:1px solid var(--line,#dce7df);
  margin-top:10px}
.transfer-phase-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-block:12px}
.transfer-phase-summary>div{
  padding:10px;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  min-width:0}
.transfer-phase-summary p{
  font-size:13px;
  margin:6px 0}
.transfer-phase-summary small{
  display:block;
  line-height:1.8}
.transfer-draft-resume{
  padding:12px;
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  margin-bottom:12px}
.transfer-draft-resume p{
  margin:0 0 8px;
  font-size:13px}
.transfer-review-tools [hidden]{
  display:none!important}
@media(max-width:600px){
  .transfer-phase-summary{
    grid-template-columns:1fr}
  .transfer-trial button{
    max-width:100%;
    white-space:normal}
  .transfer-plain-summary{
    padding:12px}
}
.section-navigation{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px}
.section-navigation a{
  padding:7px 12px;
  text-decoration:none;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  color:var(--ink,#193b32)}
.section-navigation a[aria-current=page]{
  background:var(--soft,#eaf2ec);
  font-weight:700}
.primary-navigation{
  display:grid;
  gap:6px}
#profile .page-heading{
  display:block}
#profile .page-heading h2{
  font-size:21px;
  margin:0 0 8px}
#profile .page-heading p{
  font-size:12px;
  margin:0;
  color:var(--muted,#65776c)}
#profile .page-heading .section-help{
  float:none;
  margin-inline-start:8px;
  vertical-align:middle}
[data-view=monitor]>.setup-checklist,[data-view=monitor]>.capability-note,[data-view=monitor]>#channel-summary{
  display:none!important}
.journey-web-actions{
  position:sticky;
  bottom:82px;
  display:flex;
  justify-content:space-between;
  padding:12px;
  background:var(--paper,#fff);
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  z-index:6;
  margin-top:18px}
.journey-web-actions a{
  padding:6px 10px;
  text-decoration:none}
.is-transfer-tracking #transfer-setup-root .import-methods>article{
  display:none}
.is-transfer-tracking .workflow-strip{
  display:none}
.activity-post{
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  padding:14px;
  margin-bottom:12px;
  background:var(--paper,#fff)}
.activity-post>details{
  margin-top:10px;
  border-top:1px solid var(--line,#dce7df)}
.activity-post>details>summary{
  font-size:12px;
  cursor:pointer;
  padding:10px 0}
.activity-post .activity-job{
  box-shadow:none;
  margin-top:8px;
  padding:12px}
.activity-device-note{
  padding:8px 10px;
  background:var(--soft,#f3f6ee);
  border-radius:8px;
  font-size:12px}
.archive-location-bar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px}
.archive-location-bar small{
  flex-basis:100%;
  color:var(--muted,#65776c);
  font-size:12px}
.archive-location-bar button{
  margin-inline-start:auto;
  font-size:12px}
[data-view=overview]>.page-heading,[data-view=overview]>#identity,[data-view=overview]>.stat-grid,[data-view=overview]>.next-action-card,[data-view=overview]>.quick-links,[data-view=overview]>.help-note{
  display:none}
#workspace-panel>h3{
  font-size:20px}
#workspace-panel>p{
  font-size:12px;
  color:var(--muted,#65776c)}
.profile-card-actions summary{
  padding:7px 10px}
#profile .sidebar>nav[hidden]{
  display:none!important}
.review-edit{
  font:inherit;
  font-size:11px;
  padding:2px 7px!important;
  margin-inline-start:6px;
  background:transparent!important;
  color:var(--green,#38664a)!important;
  border:1px solid var(--line,#dce7df)!important;
  border-radius:6px;
  cursor:pointer}
.profile-transfer-summary dt{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap}
.archive-preview{
  border:1px solid var(--line,#dce7df);
  padding:12px;
  border-radius:10px;
  margin-top:12px}
.archive-preview dl{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:0}
.archive-preview dd{
  margin:0;
  font-weight:700}
.archive-preview dt{
  font-size:12px}
.archive-preview p{
  font-size:12px;
  color:var(--muted,#65776c);
  margin-bottom:0}
.wizard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px}
.wizard-head h2{
  font-size:18px;
  margin:0}
.wizard-head .eyebrow,.wizard-head>div>p{
  display:none}
.wizard-progress{
  font-size:12px;
  white-space:nowrap}
.wizard-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin:8px 0;
  padding:0}
.wizard-steps button{
  min-height:42px;
  padding:6px;
  font-size:12px}
.wizard-steps [data-wizard-status]{
  display:none}
.wizard-pane>h3{
  font-size:16px;
  margin:0 0 6px}
.wizard-pane>p{
  font-size:12px;
  margin-bottom:12px}
.wizard-actions{
  position:sticky;
  bottom:78px;
  background:var(--paper,#fff);
  z-index:8;
  border:1px solid var(--line,#dce7df);
  border-radius:12px;
  padding:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap}
.wizard-actions button{
  font-size:13px;
  padding:10px 13px;
  min-height:42px}
#packages-view>.section-title{
  display:none}
#overview-setup-guide{
  margin:12px 0}
#workspace-panel{
  margin-top:0}
#account-next,#account-setup-progress{
  display:none}
.topbar>*{
  min-width:0}
.topbar-actions{
  flex-wrap:wrap;
  min-width:0}
.workspace-toolbar{
  flex-wrap:wrap}
.workflow-strip{
  position:static;
  gap:8px}
.workflow-step{
  white-space:nowrap}
@media(max-width:760px){
  .wizard-head{
    align-items:center}
  .wizard-head h2{
    font-size:16px}
  .wizard-steps button{
    display:flex;
    flex-direction:column;
    gap:3px;
    font-size:11px}
  .wizard-steps button>span{
    font-size:11px}
  .wizard-card{
    padding:10px}
  .transfer-wizard{
    padding:10px;
    gap:8px}
  .wizard-actions{
    bottom:76px;
    box-shadow:0 -4px 15px #172c2110}
  .topbar{
    align-items:center;
    flex-wrap:wrap;
    gap:8px}
  .topbar-actions{
    gap:6px;
    max-width:100%}
  .workspace-context{
    max-width:100%;
    min-width:0}
  .workspace-context select{
    max-width:100%}
  .workflow-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0 0 12px;
    padding:8px 4px;
    gap:3px}
  .workflow-strip .workflow-step{
    display:flex;
    flex-direction:column;
    font-size:10px;
    gap:4px}
  .workflow-strip .workflow-step b{
    width:22px;
    height:22px}
  .section-navigation{
    gap:5px;
    margin-bottom:12px}
  .section-navigation a{
    font-size:12px;
    padding:6px 8px}
}
.transfer-profile-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));
  gap:14px;
  margin:16px 0}
.transfer-profile-card{
  border:1px solid var(--line,#dce7df);
  border-radius:16px;
  padding:18px;
  background:var(--paper,#fff);
  min-width:0}
.transfer-profile-card.is-active{
  border-color:var(--green,#417761)}
.profile-card-heading,.profile-card-route,.profile-card-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap}
.profile-card-heading{
  justify-content:space-between}
.profile-card-heading h3{
  margin:0;
  font-size:17px}
.profile-card-status{
  font-size:12px;
  border-radius:20px;
  background:var(--soft,#edf3ee);
  padding:4px 8px}
.profile-card-route{
  margin:14px 0 8px;
  overflow-wrap:anywhere}
.profile-card-last{
  display:block;
  color:var(--muted,#65776c);
  font-size:12px}
.profile-card-actions{
  margin-top:16px}
.profile-card-actions button,.profile-card-actions summary{
  font:inherit;
  font-size:13px;
  cursor:pointer;
  padding:7px 10px;
  border:1px solid var(--line,#dce7df);
  border-radius:9px;
  background:transparent;
  color:inherit}
.profile-card-actions details{
  position:relative;
  margin-inline-start:auto}
.profile-card-actions details[open]{
  background:var(--paper,#fff)}
.profile-card-actions details button{
  display:block;
  margin-top:6px}
.profile-list-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px}
.profile-list-header h2{
  margin:0;
  font-size:21px}
#transfer-profile-management,#workspace-panel>label{
  display:none}
#transfer-profiles{
  margin-bottom:20px}
#workspace-panel .card-list{
  display:grid}
/* One surface per task; detail controls stay available without dominating it. */
.workspace-context-compact .workspace-context-heading{
  display:none}
.transfer-profile-card{
  padding:14px;
  border-radius:12px}
.profile-card-heading{
  align-items:flex-start}
.profile-card-heading h3{
  font-size:16px}
.profile-card-status{
  max-width:100%;
  overflow-wrap:anywhere}
.profile-card-route{
  margin:10px 0 6px;
  font-size:14px}
.profile-card-mode{
  font-size:12px;
  margin:6px 0;
  color:var(--ink,#193b32)}
.profile-card-actions{
  margin-top:12px}
.profile-card-actions .profile-primary-action{
  background:var(--green,#214e3c);
  color:var(--paper,#fff);
  border-color:transparent}
#transfer-panel-how,#captured-transfer-activity{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0}
#captured-transfer-activity>.transfer-activity{
  margin-top:16px;
  background:var(--paper,#fff)}
.is-transfer-tracking #transfer-setup-root>.import-methods{
  display:block}
.activity-filter-panel{
  background:transparent;
  border:0;
  padding:4px 0}
.activity-filter-panel[open]{
  padding:8px 0}
.activity-filter-panel>summary{
  font-size:13px}
.transfer-activity .activity-help{
  margin:6px 0 10px}
.wizard-pane>.wizard-card{
  border:0;
  box-shadow:none;
  padding:8px 0;
  background:transparent}
#source-connection-panels>article,#source-connection-panels>section{
  box-shadow:none}
.review-post-preview{
  margin:16px 0 0;
  padding-top:12px;
  border-top:1px solid var(--line,#dce7df);
  min-width:0}
.review-post-preview figcaption{
  font-size:13px;
  font-weight:700;
  margin-bottom:10px}
.review-post-preview img,.review-post-preview video{
  display:block;
  width:100%;
  max-width:320px;
  max-height:320px;
  object-fit:contain;
  border-radius:10px;
  background:var(--soft,#edf3ee)}
.review-post-preview p{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  line-height:1.9;
  font-size:14px;
  max-height:180px;
  overflow:auto}
.review-post-preview small,.review-preview-empty{
  font-size:12px;
  color:var(--muted,#65776c)}
.profile-result{
  font-size:13px;
  line-height:1.8;
  padding:8px 10px;
  margin:10px 0 0;
  border-inline-start:3px solid var(--green,#38664a);
  background:var(--soft,#edf3ee);
  overflow-wrap:anywhere}
.profile-result.error{
  border-color:#b56d21;
  color:var(--ink,#193b32)}
.toast{
  pointer-events:none;
  max-height:140px;
  overflow:hidden;
  font-size:13px;
  line-height:1.8}
:root{
  --soft:var(--sage,#eaf2ec)}
.settings-sections button,.account-entry,.account-commerce-summary,.account-product-card,.resource-builder,.resource-custom-settings{
  background:var(--paper,#fff);
  color:var(--ink,#193b32);
  border-color:var(--line,#dce7df)}
.settings-sections button[aria-pressed=true]{
  background:var(--soft,#edf3ee);
  border-color:var(--green,#38664a);
  box-shadow:inset 0 0 0 1px var(--green,#38664a)}
.settings-sections button small,.resource-builder>p,.resource-builder form>p,.resource-builder label small,.account-commerce-summary .section-title p{
  color:var(--muted,#65776c)}
#account-card input,.settings-group input:not([type=checkbox]),.settings-group select,.resource-builder input:not([type=checkbox]),.resource-builder select{
  background:var(--paper,#fff);
  color:var(--ink,#193b32);
  border-color:var(--line,#dce7df)}
.account-commerce-summary .section-title h3,.account-product-card .product-price,.resource-builder h3,.resource-presets-title,.resource-custom-settings>summary,.resource-total{
  color:var(--green,#38664a)}
.resource-estimate,.resource-notice{
  background:var(--soft,#edf3ee);
  color:var(--ink,#193b32)!important}
.resource-preset-card{
  background:var(--paper,#fff)!important;
  color:var(--ink,#193b32)!important;
  border-color:var(--line,#dce7df)!important}
.resource-preset-card small,.resource-preset-card span{
  color:var(--muted,#65776c)}
.button.primary,.profile-card-actions .profile-primary-action{
  color:var(--paper,#fff)}
.button.primary:hover{
  background:color-mix(in srgb,var(--green,#38664a) 88%,var(--ink,#193b32))}
.profile-card-last,.review-post-preview small,.review-preview-empty,.transfer-activity .activity-help,.transfer-activity .activity-times,.profile-result{
  color:color-mix(in srgb,var(--ink,#193b32) 78%,var(--paper,#fff));
  line-height:1.9}
.transfer-activity,.transfer-activity .activity-job,.transfer-activity .activity-filter-panel,.transfer-activity input,.transfer-activity select{
  background:var(--paper,#fff);
  color:var(--ink,#193b32);
  border-color:var(--line,#dce7df)}
.transfer-activity .activity-caption,.activity-device-note{
  background:var(--soft,#edf3ee);
  color:var(--ink,#193b32)}
.transfer-activity .activity-job-heading strong,.transfer-activity .activity-heading h3,.transfer-activity .activity-advice{
  color:var(--ink,#193b32)}
.profile-card-actions button,.profile-card-actions summary,.wizard-actions button,.journey-web-actions a,.activity-actions button,.activity-filters button,.activity-heading button,.workspace-context-compact select{
  min-height:44px;
  box-sizing:border-box}
.review-edit{
  min-height:36px;
  min-width:44px}
.section-help,.field-help{
  min-width:36px;
  min-height:36px}
:where(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--green,#38664a);
  outline-offset:3px}
.backup-file-picker{
  position:relative;
  display:block;
  min-height:46px;
  box-sizing:border-box;
  padding:11px 14px;
  margin:8px 0;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  cursor:pointer;
  color:var(--green,#38664a);
  background:var(--soft,#edf3ee);
  font-weight:600}
.backup-file-picker input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer}
.backup-file-picker:focus-within{
  outline:3px solid var(--green,#38664a);
  outline-offset:3px}
.profile-card-last{
  font-size:12px}
.profile-card-status,.activity-job p,.activity-actions button,.activity-search label{
  font-size:13px}
.is-keyboard-open .wizard-actions,.is-keyboard-open .journey-web-actions{
  bottom:8px}
@media(min-width:901px){
  .journey-web-actions{
    bottom:12px}
}
.is-keyboard-open .sidebar{
  visibility:hidden}
.is-keyboard-open{
  padding-bottom:12px}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important}
}
@media(max-width:760px){
  .transfer-profile-list{
    gap:10px;
    margin:12px 0}
  .transfer-profile-card{
    padding:12px}
  .profile-list-header h2{
    font-size:18px}
  .activity-heading>button{
    width:auto}
  .activity-filters{
    gap:6px}
  .activity-filters button{
    flex:1 1 42%}
  .review-post-preview img,.review-post-preview video{
    max-height:240px}
}
@media(max-width:760px){
  #profile>.sidebar{
    background:var(--paper,#fff);
    position:fixed;
    inset:auto 0 0;
    z-index:50;
    padding:8px 12px;
    border-radius:0;
    border-top:1px solid var(--line,#dce7df)}
  #profile>.sidebar .primary-navigation{
    display:grid;
    grid-template-columns:repeat(4,1fr)}
  #profile>.sidebar .primary-navigation a{
    margin:0;
    padding:10px 5px;
    text-align:center;
    font-size:13px;
    color:var(--ink,#193b32)}
  #profile>.sidebar .primary-navigation a[aria-current=page]{
    background:var(--soft,#eaf2ec);
    box-shadow:none}
  #profile>.sidebar .sidebar-foot{
    display:none}
  #profile.workspace{
    display:block}
  body:has(#profile:not([hidden])){
    padding-bottom:80px}
}
/* Connections belong to the account; profiles explicitly opt in to reuse. */
.connection-choices{
  margin-block:10px}
.connection-choices summary{
  font-weight:600;
  cursor:pointer}
.connection-choices p{
  font-size:.85rem;
  color:var(--muted)}
.connection-choices [data-connection-options]{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-block:10px}
.connection-choices button{
  max-width:100%;
  white-space:normal}
.source-settings-summary{
  font-size:.85rem;
  color:var(--muted);
  margin-block:8px}
.profile-setup-state{
  border-inline-start:3px solid var(--brand,#336b55);
  padding:10px 14px;
  margin-block:12px;
  background:var(--surface,#f3f6f3);
  border-radius:8px}
.profile-setup-state p{
  margin-block:6px 0;
  font-size:.87rem}
.profile-setup-state.draft{
  border-inline-start-color:#b38430}
.archive-location{
  display:inline-block;
  font-size:.75rem;
  font-weight:600;
  border:1px solid var(--border,#d9e2dc);
  border-radius:20px;
  padding:3px 10px;
  margin-block:6px}
.journey-education{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px}
.journey-education article{
  padding:16px;
  border:1px solid var(--border,#d9e2dc);
  border-radius:14px}
.journey-education h3{
  font-size:1rem}
.journey-education p{
  font-size:.9rem;
  line-height:1.9}
.actionable-error button{
  display:block;
  margin-block-start:10px}
.actionable-error{
  line-height:1.9}
/* Shared touch and keyboard conventions. */
.profile-card-actions button,.profile-card-actions summary,.journey-web-actions a,.section-navigation a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center}
.profile-card-actions details[open]{
  padding:0 4px 4px}
.profile-card-actions details[open] summary{
  justify-content:flex-start}
.transfer-profile-card button{
  white-space:normal}
.workspace-context[hidden]{
  display:none!important}
@media(pointer:coarse){
  .help-tip,.section-help,.icon-button{
    min-width:44px;
    min-height:44px}
}
.transfer-profile-list{
  align-items:start}
.profile-card-details{
  margin:6px 0}
.profile-card-details>summary{
  padding:6px 0;
  min-height:44px;
  display:flex;
  align-items:center;
  font-size:.85rem;
  color:var(--muted)}
.profile-card-details[open]>summary{
  color:var(--ink)}
.profile-card-details>summary::after{
  content:'⌄';
  margin-inline-start:auto;
  padding-inline-start:8px}
.profile-card-details[open]>summary::after{
  content:'⌃'}
.review-media-gallery{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  list-style:none;
  padding:8px 0;
  margin:0;
  max-width:100%;
  overscroll-behavior-inline:contain}
.review-media-gallery>li{
  flex:0 0 min(85%,320px);
  min-width:0;
  scroll-snap-align:start;
  border:1px solid var(--line);
  border-radius:12px;
  padding:8px}
.review-media-gallery>li>strong{
  display:block;
  font-size:.85rem;
  margin-bottom:6px}
.review-media-gallery img,.review-media-gallery video{
  width:100%;
  max-height:300px;
  object-fit:contain}
.review-changes{
  padding:12px;
  border-inline-start:3px solid var(--green);
  background:var(--soft);
  margin:12px 0}
.review-changes h3{
  margin:0;
  font-size:1rem}
.review-changes p,.review-changes li{
  font-size:.9rem;
  line-height:1.9}
#transfer-setup-root .import-methods>article,.transfer-activity .activity-post,.transfer-activity .activity-job{
  background:var(--paper,#fff);
  color:var(--ink,#193b32)}
.profile-setup-state{
  background:var(--soft,#edf3ee);
  color:var(--ink,#193b32)}
.review-post-preview p{
  max-height:none;
  overflow:visible}
.profile-card-glance{
  display:flex;
  flex-wrap:wrap;
  gap:4px 18px;
  margin:8px 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.9}
.profile-card-route{
  flex-wrap:wrap}
.review-scope{
  border:1px solid var(--line,#cbd9cc);
  border-radius:12px;
  padding:14px;
  margin:14px 0}
.review-scope p{
  margin:8px 0;
  font-size:13px;
  line-height:1.9}
.review-scope summary{
  font-size:13px}
.content-availability{
  font-size:12px;
  line-height:1.9;
  margin:8px 0}
.content-availability.partial,.content-availability.missing{
  color:var(--danger,#a84928)}
.content-receipt-note{
  display:block;
  font-size:12px;
  color:var(--muted)}
.content-receipts ul{
  padding-inline-start:20px}
.content-receipts li{
  font-size:13px;
  line-height:2}
[data-instagram-comments]{
  margin-block:12px}
[data-instagram-comments]>label{
  display:grid;
  gap:6px;
  font-size:13px;
  padding:12px}
[data-instagram-comments] input{
  min-height:44px;
  max-width:100%;
  width:100%;
  font:inherit}
[data-comment-list]>article{
  border-block-end:1px solid var(--line,#cbd9cc);
  padding:10px 12px!important;
  margin:0!important}
[data-comment-list] p{
  white-space:pre-wrap;
  overflow-wrap:anywhere}
[data-comment-count]{
  display:block;
  margin:10px 12px}
[data-comment-more]{
  margin:8px 12px;
  min-height:44px}
.archive-health-warning{
  border-inline-start:3px solid var(--warning,#b06b1f);
  padding-inline-start:10px}
/* Reflow on narrow screens and with enlarged text; keep actions readable. */
#profile-selection-dialog{
  max-width:min(92vw,620px);
  max-height:85dvh;
  overflow:auto;
  box-sizing:border-box}
#profile-selection-dialog .actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap}
#profile-selection-dialog button{
  min-height:44px;
  white-space:normal;
  line-height:1.8}
.wizard-head h2,.profile-card-heading h3,.review-scope,.operations-service{
  overflow-wrap:anywhere}
.wizard-progress{
  flex-shrink:0}
.wizard-actions button,.journey-web-actions a{
  white-space:normal;
  line-height:1.7}
.wizard-steps button{
  white-space:normal;
  height:auto;
  line-height:1.7}
.wizard-head{
  flex-wrap:wrap}
@media(max-width:400px){
  .account-resource-usage{
    gap:6px}
  .account-resource-usage>div{
    padding:9px}
  .wizard-actions button{
    flex:1 1 40%}
  .workspace-context select{
    width:100%;
    min-width:0}
  .wizard-head h2{
    max-width:100%}
}
@media(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]),select,textarea{
    font-size:max(16px,1em)!important}
}
/* Text enlargement can wrap the header; reserve its actual height. */
.native-shell .topbar{
  height:auto;
  min-height:58px;
  padding-block:8px;
  gap:8px;
  flex-wrap:wrap}
.native-shell .topbar-actions{
  min-width:0;
  max-width:100%;
  flex-wrap:wrap}
.native-shell .account-entry{
  height:auto;
  min-height:44px;
  white-space:normal}
.native-shell .settings-group-title h2,.native-shell .settings-card h2,.native-shell .settings-card h3{
  overflow-wrap:anywhere}
@media(max-width:400px){
  .native-shell .breadcrumb{
    display:none}
  .native-shell .topbar-actions{
    width:100%;
    gap:6px}
  .native-shell .topbar-actions .workspace-context{
    max-width:140px}
  .native-shell .topbar-actions .account-entry{
    max-width:140px}
  .native-shell .settings-sections button{
    overflow-wrap:anywhere}
}
.source-proof-editor>summary{
  padding-block:10px;
  font-weight:700;
  cursor:pointer}
.source-proof-editor>.connection-choices h3{
  font-size:1rem;
  margin-block:10px}
.source-proof-editor>.connection-choices+.source-control-form{
  border-block-start:1px solid var(--line,#dce7df);
  margin-block-start:12px}
.source-control-form>.source-control-context,.source-control-form>.setup-context-note{
  grid-column:1/-1}
.source-control-form>button[type=submit]{
  grid-column:1/-1}
.source-proof-editor input,.source-proof-editor select{
  min-width:0;
  max-width:100%}
.field-label-row>.field-help{
  flex:0 0 36px;
  width:36px!important;
  min-width:36px;
  max-width:36px;
  height:36px;
  min-height:36px;
  align-self:center;
  justify-self:auto;
  margin:0!important;
  padding:0}
.field-label-row{
  display:flex!important;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  min-height:36px}
.native-shell{
  scroll-padding-top:calc(var(--app-header-height,60px) + 10px)}
.help-heading>.section-help,.resource-builder .section-help,.composer .section-help{
  flex:0 0 auto;
  width:auto!important;
  justify-self:start;
  align-self:center;
  min-width:36px;
  min-height:36px;
  margin:0;
  padding:6px 10px;
  font-size:12px;
  background:var(--soft,#edf3ee);
  color:var(--ink,#193b32);
  border-color:var(--line,#dce7df);
  border-radius:999px}
.source-capability{
  margin:12px 0;
  padding:14px;
  border:1px solid var(--line,#cad9cf);
  border-inline-start:3px solid var(--green,#36765a);
  border-radius:12px;
  background:var(--soft,#edf3ee);
  color:var(--ink,#193b32);
  font-size:13px;
  line-height:1.9}
.source-capability strong{
  font-size:14px}
.source-capability dl{
  margin:8px 0}
.source-capability dl>div{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:10px;
  margin-block:6px}
.source-capability dt{
  font-weight:650}
.source-capability dd{
  margin:0;
  overflow-wrap:anywhere}
.source-capability p{
  margin:8px 0 0}
.source-capability.is-limited{
  border-inline-start-color:var(--warning,#ac7525)}
@media(max-width:400px){
  .source-capability dl>div{
    grid-template-columns:1fr;
    gap:2px}
}
/* The help circle stays compact, with a larger touch target. */
.field-label-row>.field-help{
  position:relative;
  flex:0 0 48px;
  width:48px!important;
  min-width:48px;
  max-width:48px;
  height:48px;
  min-height:48px;
  background:transparent!important;
  border:0!important;
  isolation:isolate}
.field-label-row>.field-help::before{
  content:'';
  position:absolute;
  inset:6px;
  border:1px solid var(--line,#cad9cf);
  border-radius:50%;
  background:var(--soft,#edf3ee);
  z-index:-1;
  pointer-events:none}
.help-heading>.section-help,.resource-builder .section-help{
  min-height:48px;
  min-width:48px}
[data-result-state=pending]{
  color:var(--muted,#536d62)}
[data-result-state=error]{
  color:var(--danger,#ae3535)}
[data-result-state=success]{
  color:var(--green,#36765a)}
.purchase-comparison{
  max-width:100%;
  overflow-x:auto;
  container-type:inline-size;
  container-name:purchase}
.purchase-comparison table{
  width:100%;
  border-collapse:collapse;
  font-size:12px}
.purchase-comparison caption{
  text-align:start;
  padding-block:10px;
  font-weight:650}
.purchase-comparison th,.purchase-comparison td{
  padding:8px 5px;
  border-bottom:1px solid var(--line,#cad9cf);
  text-align:start;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal}
.purchase-comparison thead{
  color:var(--muted,#536d62)}
.comparison-label{
  display:none}
.comparison-value{
  display:inline-block;
  white-space:nowrap;
  overflow-wrap:normal;
  font-variant-numeric:tabular-nums}
@container purchase (max-width:320px){
  .purchase-comparison table,.purchase-comparison caption,.purchase-comparison tbody{
    display:block}
  .purchase-comparison thead{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap}
  .purchase-comparison tbody tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-bottom:1px solid var(--line,#cad9cf);
    padding-block:10px;
    gap:6px 12px}
  .purchase-comparison tbody th{
    grid-column:1/-1;
    padding:0;
    border:0}
  .purchase-comparison tbody td{
    padding:0;
    border:0}
  .purchase-comparison .comparison-label{
    display:block;
    color:var(--muted,#536d62);
    font-size:11px;
    margin-block-end:4px}
  .purchase-comparison .comparison-value{
    font-weight:650}
}
.operations-action-list{
  padding-inline-start:22px}
.operations-action-list li{
  padding-block:10px;
  border-bottom:1px solid var(--line,#cad9cf)}
.operations-action-list p{
  margin:5px 0;
  font-size:13px}
/* Keep focused fields readable below the fixed app header and above its navigation. */
.native-shell .topbar{
  background:var(--paper,#fff);
  backdrop-filter:none}
.native-shell :is(input,select,textarea,button,summary,[tabindex]){
  scroll-margin-block:calc(var(--app-header-height,60px) + 16px) 100px}
:is(input,select,textarea,button,summary,a):focus-visible{
  outline:3px solid var(--green,#36765a);
  outline-offset:3px}
.source-capability-details>summary{
  min-height:44px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-weight:650}
.source-capability-details>summary::before{
  content:'＋';
  margin-inline-end:8px}
.source-capability-details[open]>summary::before{
  content:'−'}
.source-capability .source-requirement{
  margin-block:6px 0}
.resource-builder:has(>.custom-plan-disclosure){
  padding:0}
.custom-plan-disclosure>summary{
  padding:16px;
  min-height:48px;
  cursor:pointer;
  font-weight:700}
.custom-plan-disclosure>:not(summary){
  margin-inline:16px}
.custom-plan-disclosure>:last-child{
  margin-block-end:16px}
.transfer-diagnostic{
  margin-block-start:12px;
  border-block-start:1px solid var(--line,#cad9cf)}
.transfer-diagnostic>summary{
  min-height:48px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-weight:650}
.transfer-diagnostic dl{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:8px 12px;
  font-size:13px}
.transfer-diagnostic dt{
  font-weight:650}
.transfer-diagnostic dd{
  margin:0;
  overflow-wrap:anywhere}
@media(max-width:400px){
  .transfer-diagnostic dl{
    grid-template-columns:1fr;
    gap:4px}
  .transfer-diagnostic dd{
    margin-block-end:8px}
}
/* Compact shared profile and content status, with text labels as well as color. */
.profile-card-counts{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin:10px 0;
  color:var(--muted,#8eaaa6);
  font-size:.82rem}
.profile-card-counts>span{
  padding:3px 8px;
  border:1px solid currentColor;
  border-radius:8px}
.profile-card-counts>small{
  flex-basis:100%;
  line-height:1.7}
.profile-card-counts .needs-attention{
  color:var(--warning,#c58c39)}
.content-progress{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin:12px 0;
  padding:0;
  list-style:none;
  font-size:.78rem;
  line-height:1.8}
.content-progress>li{
  border:1px solid currentColor;
  border-radius:7px;
  padding:2px 7px}
.content-progress .needs-attention,.content-progress .delivery-uncertain,.content-progress .delivery-failed,.content-progress .delivery-review{
  font-weight:700}
.archive-missing-media{
  padding:18px;
  border:1px dashed currentColor;
  border-radius:12px;
  text-align:center}
.request-diagnostic{
  overflow-wrap:anywhere}
.request-diagnostic form{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:end}
.request-diagnostic label{
  flex:1 1 220px}
.account-hub-nav,.assistant-pages,.assistant-buckets{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1rem 0}
.account-hub-nav [aria-pressed=true],.assistant-pages [aria-pressed=true],.assistant-buckets [aria-pressed=true]{
  background:#193f34;
  color:#fff;
  border-color:#193f34}
.account-plan-summary dl{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.5rem 1rem;
  margin:1rem 0}
.account-plan-summary dd{
  margin:0;
  font-weight:600}
.account-plan-summary dt{
  color:inherit}
.account-identity bdi{
  overflow-wrap:anywhere}
.account-plan-summary,.device-settings>details,.account-device-settings,.account-merge>details{
  padding:1rem;
  border:1px solid #b8cfc2;
  border-radius:14px;
  margin-block:1rem}
.merge-comparison{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  gap:1rem}
.merge-comparison article{
  padding:1rem;
  border:1px solid #b8cfc2;
  border-radius:12px}
.account-merge label{
  display:block;
  margin-block:.8rem}
.account-merge input[type=checkbox]{
  width:auto;
  margin-inline-end:.5rem}
.device-settings summary,.account-merge summary{
  cursor:pointer;
  font-weight:650}
.channel-assistant[data-assistant-page=inbox]>.assistant-setup,.channel-assistant[data-assistant-page=inbox]>.assistant-instagram,.channel-assistant[data-assistant-page=inbox]>.assistant-create,.channel-assistant[data-assistant-page=inbox]>.assistant-contact-links,.channel-assistant[data-assistant-page=inbox]>.assistant-settings,.channel-assistant[data-assistant-page=inbox]>.assistant-team{
  display:none}
.channel-assistant[data-assistant-page=settings]>.assistant-inbox{
  display:none}
.assistant-context{
  padding:.75rem;
  border-inline-start:3px solid #57856b;
  line-height:1.9}
.assistant-dirty{
  border-inline-start:3px solid #ad751c;
  padding:.6rem}
.assistant-inbox-filters{
  margin-block:.75rem}
.assistant-customer-case>summary{
  padding:.6rem;
  cursor:pointer}
@media(max-width:600px){
  .account-hub-nav button,.assistant-pages button{
    flex:1 1 40%;
    min-width:0}
  .account-plan-summary dl{
    font-size:.94em}
  .assistant-buckets button{
    flex:1 1 auto}
}
/* Transfer history discovery and read-only resource estimates. */
.transfer-history-source{
  border-top:1px solid var(--line,#dfe6df);
  margin-top:1rem;
  padding-top:1rem}
.transfer-inventory-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem}
.transfer-inventory-counts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
  margin:1rem 0}
.transfer-inventory-counts>div{
  padding:.65rem;
  border:1px solid var(--line,#dfe6df);
  border-radius:12px}
.transfer-inventory-counts dt{
  font-size:.85em;
  opacity:.8}
.transfer-inventory-counts dd{
  margin:0;
  font-weight:700}
.transfer-estimate-review{
  padding-block:.75rem;
  border-bottom:1px solid var(--line,#dfe6df);
  margin-bottom:.75rem}
.transfer-estimate-review summary{
  cursor:pointer;
  font-weight:700;
  min-height:44px;
  display:flex;
  align-items:center}
.transfer-estimate-review [role=status]{
  overflow-wrap:anywhere}
.transfer-estimate-review .check-row{
  margin-top:1rem}
@media(max-width:380px){
  .transfer-inventory-counts{
    grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* A single source task, followed by one next action. */
.source-onboarding>.source-preparation-card{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:12px 0 0;
  margin:16px 0 0;
  border-block-start:1px solid var(--line,#cad9cf);
  border-radius:0}
.source-preparation-card>h2{
  font-size:1rem;
  margin-block:0 12px}
.source-preparation-card .editor>summary{
  font-size:1rem;
  font-weight:650;
  min-height:44px;
  display:flex;
  align-items:center}
.source-preparation-card .editor{
  border:0;
  background:transparent;
  padding:0;
  margin:0}
.source-preparation-card .editor>summary{
  list-style:none}
.source-management-details{
  margin-block-start:16px;
  border-block-start:1px solid var(--line,#cad9cf);
  padding-block-start:4px}
.source-management-details>summary,.readiness-details>summary{
  min-height:44px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-weight:600}
.source-management-details>summary::before,.readiness-details>summary::before{
  content:'＋';
  margin-inline-end:8px}
.source-management-details[open]>summary::before,.readiness-details[open]>summary::before{
  content:'−'}
.source-settings-summary{
  font-weight:650;
  overflow-wrap:anywhere}
.source-preparation-help{
  font-size:.85em;
  line-height:1.9;
  color:var(--muted,#536d62)}
.source-connection-result>p{
  margin-block:8px}
.readiness-verdict{
  display:block;
  margin-block-end:8px}
.source-connection-result{
  color:var(--ink,#1f3d35)}
.source-connection-result>strong{
  color:var(--green,#275d49)}

.profile-live-glance{font-size:.84rem;color:var(--muted,#698175);margin:.5rem 0;line-height:1.9}.transfer-live-counts{padding:.85rem;border:1px solid var(--line,#b6cbbf);border-radius:12px;overflow-wrap:anywhere}

.transfer-draft-group{margin-block:1rem;padding:.8rem;border:1px solid #d5e1dc;border-radius:1rem}.transfer-draft-group>summary{cursor:pointer;font-weight:700;color:var(--accent)}
/* A source proof is one compact task; consent is never a full-size text field. */
.source-control-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.source-control-form>[data-control-apify-consent]{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;line-height:1.8}
.source-control-form input[type="checkbox"]{inline-size:18px;block-size:18px;min-height:0;min-width:0;padding:0;margin:3px 0 0;flex:0 0 18px}
.source-control-form>[data-control-apify-consent][hidden],.source-control-form>[data-control-method][hidden]{display:none!important}
.source-control-form>.setup-context-note{grid-column:1/-1}
:root[data-theme="dark"] .source-control-form>.setup-context-note{background:var(--soft);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .source-control-form>.setup-context-note strong{color:inherit}
.source-control-form>.setup-context-note small{color:var(--muted)}