/* Shared product layout for Android and the account website. */
:root{
  --transfer-green:#205f4f;
  --transfer-soft:#edf5f1;
  --transfer-line:#dce7e1}
[data-theme=dark]{
  --transfer-green:#8cd0b5;
  --transfer-soft:#20392f;
  --transfer-line:#3a5147}
body.transfer-design{
  --radius:16px}
.transfer-design .transfer-configuration,.transfer-design .transfer-profile-panel{
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none}
.transfer-design #packages-view>.section-title,.transfer-design #packages-view>.profile-cloud-draft{
  display:none}
.transfer-design #transfer-profiles,.transfer-design #workspace-panel{
  max-width:1020px;
  margin:0 auto}
.transfer-design .profile-list-header,.transfer-design .design-list-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:12px 0 24px}
.transfer-design .profile-list-header h2,.transfer-design .design-list-heading h2{
  font-size:25px;
  font-weight:800}
.transfer-design #transfer-create-profile,.transfer-design #workspace-new-transfer{
  min-height:48px;
  background:var(--transfer-green);
  color:var(--paper,#fff);
  border:0;
  padding:10px 22px;
  border-radius:12px;
  font-size:14px}
.transfer-design .transfer-profile-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
  gap:16px}
.transfer-design .transfer-profile-card{
  padding:22px;
  border:1px solid var(--transfer-line);
  border-radius:18px;
  background:var(--paper,#fff);
  box-shadow:none;
  min-width:0}
.transfer-design .transfer-profile-card.is-active{
  border-color:var(--transfer-line);
  border-top:1px solid var(--transfer-line)}
.transfer-design .profile-card-heading{
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap}
.transfer-design .profile-card-heading h3{
  font-size:18px}
.transfer-design .profile-card-status{
  font-size:11px;
  padding:4px 10px;
  background:var(--transfer-soft);
  border-radius:20px;
  max-width:100%}
.transfer-design .profile-card-route{
  font-size:13px;
  margin:16px 0;
  color:var(--ink);
  display:flex;
  gap:10px;
  flex-wrap:wrap}
.transfer-design .profile-card-actions{
  margin-top:18px;
  gap:10px}
.transfer-design .profile-card-actions>button{
  min-height:46px;
  border-radius:10px;
  background:var(--transfer-green);
  color:var(--paper,#fff);
  font-size:13px}
.transfer-design .profile-card-actions details summary{
  font-size:12px}
.transfer-design .profile-card-recent{
  color:var(--muted);
  font-size:12px;
  margin:8px 0}
.transfer-design .transfer-wizard{
  max-width:760px;
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none}
.transfer-design .wizard-head{
  padding:0 0 20px;
  display:flex;
  align-items:center;
  gap:15px;
  border:0}
.transfer-design .wizard-head .eyebrow,.transfer-design #transfer-wizard-summary,.transfer-design #transfer-wizard-review{
  display:none}
.transfer-design .wizard-head h2{
  font-size:18px;
  margin:0}
.transfer-design .wizard-progress{
  font-size:12px;
  color:var(--muted);
  border:0;
  background:transparent;
  padding:0}
.transfer-design .wizard-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:0;
  margin:0 0 28px;
  gap:0;
  background:transparent;
  border:0}
.transfer-design .wizard-steps li{
  position:relative;
  display:grid;
  justify-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  min-width:0}
.transfer-design .wizard-steps li:before{
  content:'';
  position:absolute;
  top:17px;
  inset-inline:0;
  height:2px;
  background:var(--transfer-line)}
.transfer-design .wizard-steps li:first-child:before{
  inset-inline-start:50%}
.transfer-design .wizard-steps li:last-child:before{
  inset-inline-end:50%}
.transfer-design .wizard-steps button{
  position:relative;
  display:grid;
  justify-items:center;
  gap:8px;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:0 4px;
  font-size:12px;
  min-height:64px}
.transfer-design .wizard-steps b{
  width:34px;
  height:34px;
  border:5px solid var(--bg);
  border-radius:50%;
  background:var(--transfer-line);
  display:grid;
  place-items:center;
  font-size:11px}
.transfer-design .wizard-steps .active b,.transfer-design .wizard-steps .complete b{
  background:var(--transfer-green);
  color:var(--paper,#fff)}
.transfer-design .wizard-steps .active button,.transfer-design .wizard-steps .complete button{
  color:var(--ink)}
.transfer-design [data-wizard-status]{
  display:none}
.transfer-design .wizard-card{
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none}
.transfer-design .wizard-pane>h3{
  font-size:23px;
  font-weight:800;
  margin-bottom:8px}
.transfer-design .wizard-pane>p{
  font-size:13px;
  color:var(--muted);
  margin-bottom:22px}
.transfer-design .wizard-pane .settings-card,.transfer-design .source-onboarding{
  border:0;
  padding:0;
  background:transparent;
  box-shadow:none;
  margin:18px 0}
.transfer-design .source-onboarding>.control-heading{
  display:none}
.transfer-design .source-proof-editor,.transfer-design .control-record,.transfer-design .source-preparation-card,.transfer-design .source-connection-result{
  border:1px solid var(--transfer-line);
  border-radius:12px;
  background:var(--paper,#fff);
  padding:16px;
  margin:12px 0}
.transfer-design .source-preparation-card>h2,.transfer-design .source-preparation-card>h3,.transfer-design .source-preparation-card .help-note,.transfer-design .source-preparation-card .editor>summary{
  display:none}
.transfer-design .source-preparation-card .editor{
  border:0;
  background:transparent;
  padding:0}
.transfer-design .source-preparation-card form>button[type=submit]{
  display:none}
.transfer-design .source-preparation-card form>label{
  font-size:13px}
.transfer-design .design-source-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:0;
  border:0;
  margin:0 0 20px;
  background:transparent}
.transfer-design .design-source-grid legend,.transfer-design .design-source-grid>small{
  display:none}
.transfer-design .design-source-grid label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:12px 8px;
  min-height:50px;
  border:1px solid var(--transfer-line);
  border-radius:11px;
  background:var(--paper,#fff);
  font-size:12px;
  margin:0;
  cursor:pointer}
.transfer-design .design-source-grid label:has(input:checked){
  border-color:var(--transfer-green);
  background:var(--transfer-soft);
  color:var(--ink)}
.transfer-design .design-source-grid input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px}
.transfer-design .design-source-grid label:focus-within{
  outline:3px solid #c39543;
  outline-offset:2px}
.network-mark{
  width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  flex:0 0 25px;
  color:var(--transfer-green)}
.network-mark svg{
  width:22px;
  height:22px}
.network-instagram{
  color:#c13584}
.network-telegram{
  color:#229ed9}
.network-eitaa{
  color:#ed790c}
.network-bale{
  color:#17aa90}
.network-rubika{
  color:#a669dc}
.transfer-design .wizard-actions{
  position:sticky;
  bottom:0;
  background:var(--paper,#fff);
  border-top:1px solid var(--transfer-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 0 calc(14px + env(safe-area-inset-bottom));
  margin-top:22px;
  z-index:15;
  box-shadow:0 -8px 24px #183d3305}
.transfer-design .wizard-actions>div{
  display:flex;
  gap:8px;
  align-items:center}
.transfer-design .wizard-actions button{
  min-height:46px;
  padding:10px 16px;
  border-radius:10px;
  font-size:13px;
  white-space:normal}
.transfer-design #transfer-wizard-cancel{
  font-size:11px;
  padding:8px;
  color:var(--muted);
  background:transparent;
  border:0}
.transfer-design #transfer-wizard-later{
  font-size:12px;
  background:transparent;
  border:0}
.transfer-design #transfer-wizard-next,.transfer-design #transfer-wizard-save{
  background:var(--transfer-green);
  color:var(--paper,#fff);
  min-width:190px}
.transfer-design #transfer-draft-status{
  font-size:11px;
  color:var(--muted);
  margin:0;
  text-align:center}
.transfer-design #wizard-next-hint:empty{
  display:none}
.transfer-design.is-transfer-setup .sidebar,.transfer-design.is-transfer-setup .topbar{
  display:none!important}
.transfer-design.is-transfer-setup .content{
  padding:24px 20px 12px!important}
.transfer-design.is-transfer-setup main{
  padding-bottom:0!important;
  margin:0;
  width:100%}
.transfer-design .transfer-intent{
  border:0;
  padding:0;
  background:transparent;
  margin:20px 0}
.transfer-design .transfer-intent>h3,.transfer-design .transfer-intent>label:has([data-transfer-intent]){
  display:none}
.transfer-design .design-intent-options{
  display:grid;
  gap:10px;
  margin-bottom:22px}
.transfer-design .design-intent-options label{
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--paper,#fff);
  border:1px solid var(--transfer-line);
  border-radius:12px;
  padding:15px;
  cursor:pointer;
  font-size:14px}
.transfer-design .design-intent-options label:has(input:checked){
  border-color:var(--transfer-green);
  background:var(--transfer-soft)}
.transfer-design .design-intent-options small{
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-top:3px}
.transfer-design .design-intent-options input{
  width:19px;
  height:19px;
  margin:0;
  flex:0 0 19px}
.transfer-design .design-range-choice{
  display:grid;
  gap:8px;
  font-size:13px;
  margin:18px 0}
.transfer-design input:not([type=checkbox]):not([type=radio]),.transfer-design select{
  min-height:46px;
  border-radius:10px}
.transfer-design .transfer-plain-summary{
  border:1px solid var(--transfer-line);
  border-radius:14px;
  background:var(--paper,#fff);
  padding:18px}
.transfer-design .transfer-plain-summary>small{
  display:block;
  color:var(--muted);
  line-height:1.9}
.transfer-design .transfer-plain-summary>.profile-setup-state{
  font-size:12px;
  margin-bottom:8px}
.transfer-design .transfer-plain-summary dl{
  margin:0}
.transfer-design .transfer-plain-summary dl>div{
  border-bottom:1px solid var(--transfer-line);
  padding:12px 0;
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px}
.transfer-design .transfer-plain-summary dl>div:last-child{
  border:0}
.transfer-design .transfer-plain-summary dt{
  font-size:12px}
.transfer-design .transfer-plain-summary dd{
  font-size:13px;
  margin:0}
.transfer-design .review-edit{
  font-size:11px}
.transfer-design .transfer-review-details,.transfer-design .transfer-review-tools>details{
  margin:12px 0;
  font-size:12px}
.transfer-design .transfer-legal-inline{
  padding:18px 0;
  margin:10px 0;
  font-size:13px}
.transfer-design .transfer-legal-inline label{
  display:flex;
  align-items:center;
  gap:9px}
.transfer-legal-inline input{
  width:20px;
  height:20px}
.transfer-legal-inline button{
  border:0;
  background:transparent;
  color:var(--transfer-green);
  text-decoration:underline;
  padding:0;
  font:inherit}
.transfer-legal-inline [data-legal-error]{
  color:#a03d32;
  font-size:12px}
[data-theme=dark] .transfer-legal-inline [data-legal-error]{color:#ffb6a9}
.transfer-design .design-review-heading{
  font-size:21px;
  margin:28px 0 16px}
.transfer-design .design-transfer-detail{
  max-width:850px;
  margin:0 auto}
.transfer-design .design-detail-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:10px 0 20px;
  text-align:center}
.transfer-design .design-detail-heading h2{
  font-size:22px}
.transfer-design .design-detail-heading button{
  border:0;
  background:transparent;
  font-size:12px;
  min-height:44px}
.transfer-design .design-status{
  display:inline-block;
  border-radius:20px;
  padding:4px 12px;
  margin-top:8px;
  font-size:12px;
  background:var(--transfer-soft);
  color:var(--transfer-green)}
.transfer-design .design-detail-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--transfer-line);
  margin-bottom:22px}
.transfer-design .design-detail-tabs button{
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  border-radius:0;
  padding:12px;
  color:var(--muted);
  font-size:14px}
.transfer-design .design-detail-tabs button[aria-selected=true]{
  color:var(--transfer-green);
  border-bottom-color:var(--transfer-green);
  font-weight:700}
.transfer-design .design-run-summary,.transfer-design .design-schedule{
  background:var(--paper,#fff);
  border:1px solid var(--transfer-line);
  border-radius:14px;
  padding:22px;
  margin:14px 0}
.transfer-design .design-run-summary h3{
  font-size:20px;
  margin-bottom:8px}
.transfer-design .design-run-summary p{
  font-size:13px;
  color:var(--muted);
  margin:8px 0}
.transfer-design .design-run-check{
  float:left;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--transfer-soft);
  color:var(--transfer-green);
  font-size:24px}
.transfer-design progress{
  accent-color:var(--transfer-green);
  width:100%;
  height:8px;
  border:0;
  border-radius:8px;
  margin-top:14px}
.transfer-design .design-target-summary>div{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:14px 0;
  border-top:1px solid var(--transfer-line);
  font-size:13px}
.design-target-summary small{
  margin-inline-start:auto;
  color:var(--muted);
  font-size:11px}
.transfer-design .design-schedule strong{
  font-size:14px}
.transfer-design .design-schedule p{
  font-size:12px;
  color:var(--muted);
  margin-top:8px}
.transfer-design .design-quick-edits{
  display:grid;
  gap:12px;
  margin:18px 0}
.transfer-design .design-quick-edits button{
  min-height:48px;
  background:var(--paper,#fff);
  border:1px solid var(--transfer-line);
  border-radius:10px;
  color:var(--ink)}
.transfer-design .workflow-strip{
  max-width:760px;
  margin:0 auto;
  background:transparent;
  border:0;
  padding:0 10px 24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  width:100%;
  gap:0}
.transfer-design .workflow-step{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:12px;
  padding:4px}
.transfer-design .workflow-step b{
  width:30px;
  height:30px;
  background:var(--transfer-line);
  color:var(--muted)}
.transfer-design .workflow-step.active b{
  background:var(--transfer-green);
  color:var(--on-accent,#fff)}
.transfer-design.is-web-transfer-setup .primary-navigation,.transfer-design.is-web-transfer-setup .workspace-toolbar{
  display:none!important}
.transfer-design.is-web-transfer-setup .workspace{
  padding-bottom:0!important}
.transfer-design.is-web-transfer-setup .workspace-content{
  max-width:760px;
  margin:0 auto;
  width:100%}
.transfer-design .design-web-page{
  max-width:760px;
  margin:0 auto}
.transfer-design .design-web-page>.page-heading h2{
  font-size:23px}
.transfer-design .design-web-page>.page-heading p{
  display:none}
.transfer-design .journey-web-actions{
  position:sticky;
  bottom:0;
  background:var(--paper,#fff);
  padding:12px;
  border-top:1px solid var(--transfer-line);
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:20px}
.transfer-design .journey-web-actions>div{
  display:flex;
  gap:8px}
.transfer-design .journey-web-actions button{
  min-height:46px;
  border-radius:10px;
  font-size:13px}
@media(max-width:600px){
  .transfer-design .content{
    padding-inline:16px!important}
  .transfer-design .transfer-profile-list{
    grid-template-columns:1fr}
  .transfer-design .profile-list-header{
    align-items:flex-start;
    flex-wrap:wrap}
  .transfer-design .profile-list-header h2{
    font-size:23px}
  .transfer-design #transfer-create-profile{
    width:100%}
  .transfer-design .wizard-actions{
    flex-wrap:wrap}
  .transfer-design .wizard-actions>div:last-child{
    flex:1}
  .transfer-design #transfer-wizard-next,.transfer-design #transfer-wizard-save{
    flex:1;
    min-width:0}
  .transfer-design #transfer-wizard-cancel{
    display:none}
  .transfer-design .transfer-plain-summary dl>div{
    grid-template-columns:95px minmax(0,1fr)}
  .transfer-design .wizard-pane>h3{
    font-size:21px}
  .transfer-design .design-source-grid label{
    font-size:11px;
    padding:10px 5px}
  .transfer-design .design-source-grid{
    gap:7px}
  .transfer-design .design-run-summary{
    padding:17px}
  .transfer-design .design-detail-heading h2{
    font-size:20px}
}
/* Keep the approved layout independent of legacy two-column forms. */
.transfer-design .source-choice{
  display:block;
  border:0;
  background:transparent;
  padding:0;
  margin:0}
.transfer-design .source-choice>p{
  display:none}
.transfer-design .design-source-grid{
  width:100%;
  min-width:0}
.transfer-design .design-source-grid label{
  width:auto!important;
  min-width:0!important;
  max-width:100%;
  box-sizing:border-box}
.transfer-design.is-web-transfer-setup #profile.workspace{
  display:block!important;
  max-width:800px;
  margin:auto}
.transfer-design.is-web-transfer-setup #profile>.sidebar,.transfer-design.is-web-transfer-setup .topbar{
  display:none!important}
.transfer-design.is-web-transfer-setup #profile>.workspace-content{
  padding:20px;
  border:0;
  background:transparent;
  min-height:0}
.transfer-design.is-web-transfer-setup .app-shell{
  max-width:850px}
.transfer-design.is-web-transfer-setup .workflow-strip{
  grid-column:1/-1}
.transfer-design.is-web-transfer-setup .source-onboarding,.transfer-design.is-web-transfer-setup .source-settings-card{
  border:0;
  background:transparent;
  padding:0}
.transfer-design #identity,.transfer-design #overview-setup-guide,.transfer-design [data-view=overview]>.help-note,.transfer-design #workspace-panel>p:not(#workspace-message),.transfer-design #workspace-panel>label{
  display:none!important}
.transfer-design.is-transfer-tracking [data-view=transfers]>.page-heading,.transfer-design.is-transfer-tracking #transfer-setup-root,.transfer-design.is-transfer-tracking .policy-pending{
  display:none!important}
.transfer-design .source-choice+.help-note{
  display:none}
.transfer-design .design-web-page>.card-grid{
  grid-template-columns:1fr}
.transfer-design .design-inline-review{
  border:0;
  background:transparent;
  padding:0;
  margin-top:24px}
.transfer-design .journey-web-actions{
  border-radius:0;
  background:var(--bg);
  padding:14px 0;
  box-shadow:none}
.transfer-design .journey-web-actions [data-wizard-blocker]{
  flex-basis:100%;
  font-size:12px;
  color:var(--muted)}
.transfer-design .journey-web-actions:has([data-wizard-blocker]:not([hidden])){
  flex-wrap:wrap}
.transfer-design #profile-transfer-save{
  background:var(--transfer-green);
  color:var(--paper);
  min-width:160px}
.transfer-design dialog{
  max-width:min(640px,90vw);
  max-height:85vh;
  overflow:auto;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--transfer-line);
  border-radius:16px;
  padding:24px}
.transfer-design dialog::backdrop{
  background:#10251e77}
.transfer-design .dialog-header{
  display:flex;
  align-items:center;
  justify-content:space-between}
.transfer-design .legal-copy{
  line-height:2;
  font-size:14px}
.transfer-design .transfer-wizard{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important}
.transfer-design .wizard-steps button{
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  border:0!important}
.transfer-design .wizard-steps li.active button,.transfer-design .wizard-steps li.complete button{
  background:transparent!important;
  color:var(--ink)!important}
.transfer-design .wizard-progress{
  background:transparent!important;
  border-radius:0!important}
.transfer-design .wizard-actions{
  border-radius:0;
  border-inline:0;
  border-bottom:0;
  background:var(--bg)!important}
.transfer-design .wizard-actions>div{
  flex:initial}
.transfer-design .wizard-pane #connections>h3,.transfer-design .wizard-pane #connections>p,.transfer-design #publication-mode-summary{
  display:none}
.transfer-design #publication-method-details{
  margin:10px 0;
  border:0;
  background:transparent}
.transfer-design #publication-method-details>summary{
  font-size:12px;
  background:transparent;
  color:var(--muted);
  padding:8px}
.transfer-design .destination-platform-picker{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  border:0;
  padding:0;
  margin:16px 0}
.transfer-design .destination-platform-picker legend{
  display:none}
.transfer-design .destination-platform-picker label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:12px 7px;
  font-size:12px;
  min-height:50px;
  border:1px solid var(--transfer-line);
  border-radius:11px;
  background:var(--paper);
  min-width:0;
  flex-wrap:wrap}
.transfer-design .destination-platform-picker label:has(input:checked){
  border-color:var(--transfer-green);
  background:var(--transfer-soft)}
.transfer-design .destination-platform-picker label:has([data-destination-toggle=archive]),.transfer-design .destination-platform-picker label:has([data-destination-toggle=rubino]){
  grid-column:1/-1;
  justify-content:flex-start}
.transfer-design .destination-platform-picker input{
  width:18px;
  height:18px}
.transfer-design .destination-platform-picker small{
  font-size:11px;
  color:var(--muted)}
.transfer-design .source-preparation-card form{
  display:block;
  padding:0}
.transfer-design .source-preparation-card .help-note{
  display:none}
.transfer-design .source-onboarding .source-capabilities{
  margin:8px 0;
  padding:10px;
  font-size:12px}
.transfer-design #profile [data-view].design-web-page{
  background:transparent;
  border:0;
  padding:0}
.transfer-design .design-web-page>.page-heading{
  padding:0;
  margin:15px 0 20px}
.transfer-design .design-web-page>.page-heading h2{
  font-size:21px}
.transfer-design .design-web-page article:has(#profile-transfer-content){
  padding:14px;
  background:transparent;
  border:0}
.transfer-design .design-web-page article:has(#profile-transfer-content)>small{
  font-size:11px}
.transfer-design .transfer-profile-card>.profile-card-details{
  margin-block:8px}
.transfer-design .profile-card-actions>.secondary{
  background:transparent;
  color:var(--transfer-green);
  border-color:var(--transfer-line)}
/* Keep the three independent outcomes visible without opening card details. */
.profile-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:0;
  margin:14px 0 10px;
  list-style:none}
.profile-flow li{
  display:grid;
  align-content:start;
  gap:5px;
  min-width:0;
  padding:10px;
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  background:var(--paper,#fff);
  font-size:12px;
  line-height:1.8;
  overflow-wrap:anywhere}
.profile-flow strong::before,.transfer-evidence li strong::before{
  content:'●';
  color:var(--muted,#64746b);
  font-size:9px;
  margin-inline-end:6px}
.profile-flow [data-tone=done] strong::before,.transfer-evidence [data-tone=done] strong::before{
  color:#297254}
.profile-flow [data-tone=attention] strong::before,.profile-flow [data-tone=pending] strong::before,.transfer-evidence [data-tone=pending] strong::before{
  color:#9b641d}
.profile-flow [data-tone=running] strong::before{
  color:#386da1}
.profile-flow [data-tone=attention]{
  border-color:#b8864b}
.profile-flow span,.profile-last-success{
  color:var(--muted,#526b60);
  font-size:12px}
.profile-last-success{
  margin:8px 0;
  line-height:1.8}
.transfer-evidence{
  border:1px solid var(--line,#dce7df);
  border-radius:10px;
  padding:10px 14px;
  margin-block:10px}
.transfer-evidence summary,.transfer-calendar-tools summary{
  cursor:pointer;
  min-height:44px;
  line-height:2;
  font-size:13px}
.transfer-evidence ol{
  list-style:none;
  margin:8px 0;
  padding:0;
  display:grid;
  gap:8px}
.transfer-evidence li{
  display:grid;
  grid-template-columns:minmax(110px,1fr) 2fr;
  gap:10px;
  line-height:1.9;
  font-size:12px}
.transfer-evidence small{
  display:block;
  color:var(--muted,#526b60);
  line-height:1.9}
.transfer-calendar-tools{
  margin:6px 0}
.transfer-calendar-tools .date-calendar-choice{
  max-width:240px}
.transfer-start-warning{
  border-inline-start:3px solid #a77329;
  padding-inline-start:10px;
  font-size:13px}
.transfer-final-choice{
  font-size:13px}
@media(max-width:480px){
  .profile-flow{
    gap:5px}
  .profile-flow li{
    padding:8px 6px;
    font-size:11px}
  .profile-flow span{
    font-size:11px}
  .transfer-evidence li{
    grid-template-columns:1fr;
    gap:0}}
@media(max-width:600px){
  .transfer-design .wizard-actions{
    gap:8px;
    flex-wrap:nowrap}
  .transfer-design .wizard-actions>div:first-child{
    flex:0 0 auto}
  .transfer-design .wizard-actions>div:last-child{
    flex:1;
    justify-content:flex-end}
  .transfer-design .wizard-actions button{
    font-size:12px;
    padding:10px}
  .transfer-design #transfer-wizard-later{
    max-width:105px}
  .transfer-design .journey-web-actions{
    flex-wrap:wrap}
  .transfer-design .journey-web-actions>div{
    flex:1}
  .transfer-design .journey-web-actions>div button:last-child{
    flex:1}
}
.transfer-design .profile-progress-brief,.transfer-design .profile-result.success{
  display:none}
.transfer-design .design-web-wizard-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  max-width:760px;
  margin:18px auto 22px;
  grid-column:1/-1;
  width:100%}
.transfer-design .design-web-wizard-heading button{
  background:transparent;
  border:0;
  color:var(--ink);
  min-height:44px;
  min-width:44px;
  font-size:24px}
.transfer-design .design-web-wizard-heading strong{
  font-size:18px}
.transfer-design .design-web-wizard-heading small{
  color:var(--muted);
  font-size:12px}
.transfer-design .design-inline-review>h3{
  margin:20px 0 16px}
.transfer-design .profile-cloud-draft[data-state=saved]{
  padding:0;
  border:0;
  background:transparent;
  font-size:11px;
  margin:4px 0;
  color:var(--muted)}
.transfer-design .wizard-pane>h3 .section-help,.transfer-design .page-heading h2 .section-help{
  min-width:32px;
  min-height:32px;
  padding:4px 8px;
  font-size:10px;
  vertical-align:middle;
  margin-inline-start:8px}
.transfer-design .destination-platform-picker{
  grid-template-columns:1fr}
.transfer-design .design-destination-card{
  border:1px solid var(--transfer-line);
  border-radius:12px;
  background:var(--paper);
  overflow:hidden}
.transfer-design .design-destination-card>label{
  border:0;
  border-radius:0;
  justify-content:flex-start;
  padding:12px 14px;
  font-size:14px;
  background:transparent}
.transfer-design .design-destination-card>label .network-mark{
  margin-inline-start:auto}
.transfer-design .design-destination-card:has(input:checked){
  border-color:var(--transfer-green)}
.transfer-design .design-destination-card .connection-form{
  border:0;
  background:transparent;
  box-shadow:none;
  margin:0;
  padding:0 14px 14px}
.transfer-design .design-destination-card .connection-form>h3{
  display:none}
.transfer-design .design-destination-card .connection-details{
  margin:0;
  background:var(--transfer-soft);
  border:0;
  border-radius:8px}
.transfer-design .design-destination-card .connection-details>summary{
  font-size:12px;
  padding:12px}
.transfer-design .destination-connection-forms>p{
  display:none}
.transfer-design .destination-connection-forms>[data-refresh]{
  font-size:11px;
  background:transparent;
  border:0;
  padding:8px}
.transfer-design .design-destination-card .rubino-manual-card{
  border:0;
  background:transparent;
  padding:0 14px;
  font-size:12px}
.transfer-design .wizard-steps li.active button b,.transfer-design .wizard-steps li.complete button b{
  color:var(--paper,#fff)!important}
.transfer-design .design-transfer-name{
  display:grid;
  gap:8px;
  font-size:13px;
  margin:18px 0}
.transfer-design .design-transfer-name input{
  width:100%;
  min-width:0;
  border:1px solid var(--transfer-line);
  border-radius:10px;
  background:var(--paper,#fff);
  color:var(--ink);
  padding:12px}
.transfer-design .transfer-plain-summary dl>div{
  border:0!important;
  border-bottom:1px solid var(--transfer-line)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:12px 0!important;
  margin:0!important;
  gap:12px!important}
.transfer-design .transfer-plain-summary dl>div:last-child{
  border-bottom:0!important}
.transfer-design .transfer-plain-summary dt{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  flex-wrap:wrap}
.transfer-design .transfer-plain-summary dd{
  overflow-wrap:anywhere;
  align-self:center;
  line-height:1.9}
.transfer-design .transfer-plain-summary .review-edit{
  padding:3px 6px;
  min-height:30px;
  background:transparent;
  border:0;
  color:var(--transfer-green)}
.transfer-design .design-transfer-detail{
  scroll-margin-top:82px}
.transfer-design .design-destination-picker .design-source-grid{
  grid-template-columns:1fr}
.transfer-design .design-destination-picker .design-source-grid label{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  padding:14px;
  font-size:14px}
.transfer-design .design-destination-picker .network-mark{
  margin-inline-start:auto;
  order:3}

/* Video channel destinations share the existing connection and form rhythm. */
.video-destinations{margin-block:18px;min-width:0}.video-destinations[hidden],.video-provider-card[hidden]{display:none!important}.video-provider-card{padding:16px;margin-block:12px;border:1px solid var(--line,#dedee9);border-radius:16px;min-width:0;background:var(--surface,#fff)}.video-provider-card h4{display:flex;align-items:center;gap:8px;margin-block:0 12px}.video-channel-card{border-block-start:1px solid var(--line,#dedee9);padding-block:14px;margin-block:10px}.video-destinations label:not(.check-row){display:grid;gap:6px;margin-block:12px}.video-destinations input:not([type=checkbox]),.video-destinations select{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;padding:9px;border:1px solid var(--line,#c8ccd7);border-radius:8px;font:inherit;background:var(--surface,#fff);color:inherit}.video-destinations details>summary{cursor:pointer;min-height:44px;padding-block:10px}.video-destinations button{min-height:44px;max-width:100%;white-space:normal}.video-destinations p,.video-destinations bdi{overflow-wrap:anywhere}.video-destinations .card-header{flex-wrap:wrap;gap:8px}.video-destinations .check-row{display:flex;align-items:flex-start;gap:8px}.video-destinations .check-row input{flex-shrink:0;margin-top:5px}.video-destinations [data-video-feedback]:not(:empty){padding:12px;border:1px solid #b44;border-radius:8px}.network-youtube{color:#f03}.network-aparat{color:#ed145b}

/* One compact overview and one expandable set of details. */
.transfer-design .transfer-profile-card{padding:14px 16px}.transfer-design .profile-card-heading{display:flex;gap:6px;align-items:center}.transfer-design .profile-card-heading h3{margin:0;flex:1;font-size:16px;min-width:0;overflow-wrap:anywhere}.transfer-design .profile-card-labels{flex-basis:100%;display:flex}.transfer-design .profile-card-route{margin:8px 0;font-size:12px}.transfer-design .profile-flow-mode{margin:4px 0;font-size:11px}.transfer-design .profile-card-actions{margin-top:10px;display:flex}.transfer-design .profile-card-actions>button{width:100%;min-height:42px}.transfer-design .profile-card-details{margin:6px 0;font-size:12px}.transfer-design .profile-card-more{position:relative;margin:0;padding:0;border:0}.transfer-design .profile-card-more>summary{font-size:22px;list-style:none;cursor:pointer;min-width:36px;min-height:36px;text-align:center}.transfer-design .profile-card-more[open]{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--transfer-soft);border-radius:12px}.transfer-design .profile-card-more[open]>button{display:block;width:100%;min-height:44px;text-align:start;font-size:12px}.transfer-design .profile-card-status{line-height:1.6}.transfer-design bdi{unicode-bidi:isolate}

.detail-publication-controls{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:18px}.detail-publication-controls small{flex-basis:100%}.detail-publication-controls small,.detail-live-time{font-size:12px;color:var(--muted,#63766e);line-height:1.8}.detail-approval-notice{padding:16px;margin-block-start:18px;border:1px solid var(--line,#d8e4dd);border-radius:14px;background:var(--transfer-soft,#edf4ee);color:inherit}.detail-approval-notice p{line-height:1.9;font-size:13px}.detail-content-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.detail-content-tools label{flex:1;min-width:180px}.detail-content-preview{display:block;position:relative;width:100%;padding:0;aspect-ratio:4/3;overflow:hidden}.detail-content-preview img{width:100%;height:100%;object-fit:cover}[data-detail-preview]{max-width:720px;width:calc(100% - 24px);max-height:90dvh;overflow:auto}[data-detail-preview] header{display:flex;justify-content:space-between}[data-detail-preview-body] img,[data-detail-preview-body] video{max-width:100%;max-height:65dvh}.design-transfer-detail [data-detail-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.design-transfer-detail bdi{unicode-bidi:isolate;overflow-wrap:anywhere}.design-transfer-detail .flow-post{border:1px solid var(--line,#d8e4dd);border-radius:14px;overflow:hidden;padding:10px;min-width:0}.design-transfer-detail .flow-post p{overflow-wrap:anywhere;font-size:13px;line-height:1.8}

.design-source-grid>label[hidden]{display:none!important}.design-source-grid.has-selection{grid-template-columns:minmax(0,1fr);margin-bottom:8px;min-height:0}.design-source-grid.has-selection>label{min-height:46px;justify-content:flex-start;padding-inline:14px}.source-network-change{margin:0 0 16px}