:root {
  --sb-tool-accent:#28b7ff;
  --sb-tool-accent-rgb:40,183,255;
  --sb-tool-bg:#07131f;
  --sb-tool-panel:#0c1d2a;
  --sb-tool-panel-2:#102535;
  --sb-tool-line:#1f4054;
  --sb-tool-text:#f4f8fb;
  --sb-tool-muted:#8faabd;
  --sb-tool-success:#35d28d;
  --sb-tool-danger:#ff6470;
  --sb-tool-warning:#ffc95c;
  --sb-tool-radius:18px;
  --font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--sb-tool-bg)!important;color:var(--sb-tool-text)!important;font-family:var(--font-family)!important}
body.sb-tool-app{margin:0!important;padding:0!important;background:
 radial-gradient(circle at 12% -10%,rgba(var(--sb-tool-accent-rgb),.16),transparent 34rem),
 linear-gradient(180deg,#081622 0,#06111b 100%)!important}
.sb-tool-app.facebook{--sb-tool-accent:#4c9aff;--sb-tool-accent-rgb:76,154,255}
.sb-tool-app.youtube{--sb-tool-accent:#ff4058;--sb-tool-accent-rgb:255,64,88}
.sb-tool-app.tiktok{--sb-tool-accent:#25f4ee;--sb-tool-accent-rgb:37,244,238}
.sb-tool-app.pinterest{--sb-tool-accent:#ef4456;--sb-tool-accent-rgb:239,68,86}
.sb-tool-shell{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:30px 0 60px}
.sb-tool-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:22px 24px;border:1px solid var(--sb-tool-line);border-radius:22px;background:linear-gradient(135deg,rgba(var(--sb-tool-accent-rgb),.1),rgba(10,29,42,.95) 45%,rgba(10,25,36,.88));box-shadow:0 18px 60px rgba(0,0,0,.22)}
.sb-tool-identity{display:flex;align-items:center;gap:18px;min-width:0}
.sb-tool-logo{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;flex:none;background:rgba(var(--sb-tool-accent-rgb),.1);border:1px solid rgba(var(--sb-tool-accent-rgb),.45);box-shadow:inset 0 0 24px rgba(var(--sb-tool-accent-rgb),.08)}
.sb-tool-logo svg{width:38px;height:38px;display:block}
.sb-tool-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sb-tool-accent);margin-bottom:5px}
.sb-tool-title{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;text-align:left!important;color:var(--sb-tool-text)!important;text-shadow:none!important;font:750 clamp(24px,3vw,38px)/1.05 var(--font-display)!important}
.sb-tool-subtitle{margin:7px 0 0!important;color:var(--sb-tool-muted)!important;white-space:normal!important;font-size:14px;line-height:1.55}
.sb-tool-top-actions{display:flex;align-items:center;gap:10px;flex:none}
.sb-tool-primary-note{font-size:12px;color:var(--sb-tool-muted);max-width:280px;text-align:right;line-height:1.45}
.sb-tool-workspace{display:grid;gap:20px}
.sb-tool-section{border:1px solid var(--sb-tool-line);border-radius:var(--sb-tool-radius);background:rgba(9,26,38,.82);overflow:hidden}
.sb-tool-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--sb-tool-line);background:rgba(255,255,255,.012)}
.sb-tool-section-head h2{margin:0;color:var(--sb-tool-text);font:700 18px/1.2 var(--font-display)}
.sb-tool-count{font-size:12px;font-weight:700;color:var(--sb-tool-muted);padding:6px 10px;border-radius:999px;border:1px solid var(--sb-tool-line);background:#07131d}
.sb-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;padding:16px}
.sb-task-card{display:flex;flex-direction:column;min-width:0;border:1px solid #1d3b4d;border-radius:16px;background:linear-gradient(180deg,#102432,#0b1b27);overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sb-task-card:hover{border-color:rgba(var(--sb-tool-accent-rgb),.55);transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.2)}
.sb-task-card.is-running{border-color:rgba(var(--sb-tool-accent-rgb),.7);box-shadow:0 0 0 1px rgba(var(--sb-tool-accent-rgb),.15),0 14px 40px rgba(var(--sb-tool-accent-rgb),.08)}
.sb-task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 17px 12px}
.sb-task-index{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:rgba(var(--sb-tool-accent-rgb),.1);border:1px solid rgba(var(--sb-tool-accent-rgb),.32);font-size:12px;font-weight:800;color:var(--sb-tool-accent)}
.sb-task-main{flex:1;min-width:0}
.sb-task-type{font-size:16px;font-weight:800;color:var(--sb-tool-text);line-height:1.25;margin:0 0 5px}
.sb-task-url{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#86cfff;font-size:12px;direction:ltr;text-align:left}
.sb-task-status{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#0a1822;border:1px solid #24475b;color:var(--sb-tool-muted)}
.sb-task-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7492a5}
.sb-task-card.is-running .sb-task-status{color:var(--sb-tool-accent);border-color:rgba(var(--sb-tool-accent-rgb),.35);background:rgba(var(--sb-tool-accent-rgb),.08)}
.sb-task-card.is-running .sb-task-status::before{background:var(--sb-tool-accent);box-shadow:0 0 0 4px rgba(var(--sb-tool-accent-rgb),.1)}
.sb-task-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #193647;border-bottom:1px solid #193647;background:rgba(4,15,23,.38)}
.sb-task-metric{padding:11px 13px;min-width:0}
.sb-task-metric+.sb-task-metric{border-left:1px solid #193647}
.sb-task-metric span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7191a5;margin-bottom:4px}
.sb-task-metric strong{font-size:14px;color:#eaf4fa;font-weight:750}
.sb-task-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 15px 15px}
.sb-task-card-actions .sb-grow{flex:1}
.sb-pin-export{padding:0 16px 14px;color:var(--sb-tool-muted);font-size:12px}
.sb-pin-export strong{color:var(--sb-tool-text)}

/* Legacy iSite controls, normalized inside the new shell. */
.sb-tool-app i-button{display:inline-flex!important;margin:0!important;vertical-align:middle}
.sb-tool-app i-button button,.sb-tool-app i-button .btn,.sb-tool-app button{min-height:38px!important;border-radius:10px!important;border:1px solid #2a4a5c!important;background:#102533!important;color:#dcecf5!important;font-family:var(--font-family)!important;font-weight:700!important;font-size:12px!important;box-shadow:none!important;padding:8px 13px!important;transition:.16s ease!important}
.sb-tool-app i-button button:hover,.sb-tool-app i-button .btn:hover,.sb-tool-app button:hover{border-color:rgba(var(--sb-tool-accent-rgb),.6)!important;background:#153143!important;color:#fff!important}
.sb-tool-app i-button[type="add"] button,.sb-tool-app i-button[type="save"] button,.sb-tool-app i-button[type="play"] button{background:var(--sb-tool-accent)!important;border-color:var(--sb-tool-accent)!important;color:#04131d!important}
.sb-tool-app i-button[type="delete"] button{color:#ffd6d9!important;border-color:rgba(255,100,112,.34)!important;background:rgba(255,100,112,.07)!important}
.sb-tool-app i-button[type="stop"] button{color:#15100a!important;background:var(--sb-tool-warning)!important;border-color:var(--sb-tool-warning)!important}
.sb-tool-app i-control,.sb-tool-app i-list,.sb-tool-app i-textarea,.sb-tool-app i-checklist,.sb-tool-app i-checkbox{font-family:var(--font-family)!important}

/* Modal / form rebuild */
.sb-tool-app .modal{background:rgba(0,6,11,.78)!important;backdrop-filter:blur(12px);padding:24px!important}
.sb-tool-app .modal-content{width:min(1120px,calc(100vw - 48px))!important;max-width:1120px!important;max-height:calc(100vh - 48px)!important;margin:auto!important;border:1px solid #2a5368!important;border-radius:22px!important;background:#0b1a25!important;color:var(--sb-tool-text)!important;box-shadow:0 30px 100px rgba(0,0,0,.48)!important;overflow:hidden!important}
.sb-tool-app .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:68px!important;padding:16px 20px!important;border-bottom:1px solid #1f4054!important;background:linear-gradient(90deg,rgba(var(--sb-tool-accent-rgb),.1),transparent)!important}
.sb-tool-app .modal-header h2{margin:0!important;color:var(--sb-tool-text)!important;font:750 20px/1.2 var(--font-display)!important}
.sb-tool-app .modal-header .close{order:2;display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:rgba(255,100,112,.08);border:1px solid rgba(255,100,112,.28);color:#ff7b84!important;font-size:26px!important;line-height:1!important;cursor:pointer}
.sb-tool-app .modal-body{padding:18px 20px 24px!important;overflow:auto!important;max-height:calc(100vh - 180px)!important;text-align:left!important}
.sb-tool-app .modal-footer{display:flex!important;justify-content:flex-end!important;gap:10px!important;padding:14px 20px!important;border-top:1px solid #1f4054!important;background:#081722!important}
.sb-tool-app fieldset{margin:0 0 14px!important;padding:16px!important;border:1px solid #1e4052!important;border-radius:15px!important;background:#0d202d!important}
.sb-tool-app fieldset legend{float:none!important;width:auto!important;padding:0 8px!important;margin:0 0 12px!important;color:var(--sb-tool-accent)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.sb-tool-app .modal-body .row{gap:10px!important;margin:0!important;align-items:end!important}
.sb-tool-app .modal-body [class*="col"]{padding:4px!important}
.sb-tool-app .red{color:#ff7b84!important;white-space:normal!important}


/* -------------------------------------------------------------
   Social Tool Controls Design System
   ------------------------------------------------------------- */
.sb-tool-app{
  --sb-control-bg:#071722;
  --sb-control-bg-hover:#0a1d2a;
  --sb-control-bg-disabled:#09141c;
  --sb-control-border:#285064;
  --sb-control-border-strong:#356a83;
  --sb-control-label:#a9c2d1;
  --sb-control-placeholder:#66879a;
  --sb-control-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),0);
  --sb-control-focus-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.14),0 8px 28px rgba(0,0,0,.16);
}

/* Make legacy iSite control hosts behave like modern form fields. */
.sb-tool-app i-control,
.sb-tool-app i-list,
.sb-tool-app i-textarea,
.sb-tool-app i-checklist,
.sb-tool-app i-checkbox{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:var(--sb-tool-text)!important;
  font-family:var(--font-family)!important;
}
.sb-tool-app i-button{font-family:var(--font-family)!important}

/* Labels from both native HTML and generated iSite controls. */
.sb-tool-app .modal-body label,
.sb-tool-app i-control label,
.sb-tool-app i-list label,
.sb-tool-app i-textarea label,
.sb-tool-app i-checklist label,
.sb-tool-app i-checkbox>label{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:var(--sb-control-label)!important;
  font:650 12px/1.35 var(--font-family)!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:normal!important;
}

/* Inputs / selects / textareas regardless of how the legacy component renders them. */
.sb-tool-app .modal-body input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app .modal-body select,
.sb-tool-app .modal-body textarea,
.sb-tool-app i-control input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app i-list input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app i-list select,
.sb-tool-app i-textarea textarea{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid var(--sb-control-border)!important;
  border-radius:11px!important;
  outline:0!important;
  background:linear-gradient(180deg,#081a26,#071620)!important;
  color:#edf7fc!important;
  -webkit-text-fill-color:#edf7fc!important;
  font:600 13px/1.35 var(--font-family)!important;
  box-shadow:var(--sb-control-shadow)!important;
  caret-color:var(--sb-tool-accent)!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.sb-tool-app .modal-body textarea,
.sb-tool-app i-textarea textarea{
  height:auto!important;
  min-height:104px!important;
  padding:11px 13px!important;
  line-height:1.55!important;
  resize:vertical!important;
}
.sb-tool-app .modal-body input::placeholder,
.sb-tool-app .modal-body textarea::placeholder{color:var(--sb-control-placeholder)!important;opacity:1!important}
.sb-tool-app .modal-body input:not([type="checkbox"]):not([type="radio"]):hover,
.sb-tool-app .modal-body select:hover,
.sb-tool-app .modal-body textarea:hover{border-color:var(--sb-control-border-strong)!important;background:#0a1c28!important}
.sb-tool-app .modal-body input:not([type="checkbox"]):not([type="radio"]):focus,
.sb-tool-app .modal-body select:focus,
.sb-tool-app .modal-body textarea:focus{
  border-color:var(--sb-tool-accent)!important;
  background:#0a1e2b!important;
  box-shadow:var(--sb-control-focus-shadow)!important;
}
.sb-tool-app .modal-body input:disabled,
.sb-tool-app .modal-body select:disabled,
.sb-tool-app .modal-body textarea:disabled,
.sb-tool-app .modal-body [disabled]{opacity:.55!important;cursor:not-allowed!important}
.sb-tool-app .modal-body input[type="number"]{font-variant-numeric:tabular-nums}
.sb-tool-app .modal-body select{
  appearance:auto!important;
  color-scheme:dark!important;
  cursor:pointer!important;
}
.sb-tool-app .modal-body option{background:#0a1b27!important;color:#eef7fb!important}

/* Checkbox / toggle treatment. Works with native checkboxes rendered inside i-checkbox. */
.sb-tool-app i-checkbox{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.sb-tool-app i-checkbox:hover{background:rgba(var(--sb-tool-accent-rgb),.035)!important;border-color:rgba(var(--sb-tool-accent-rgb),.16)!important}
.sb-tool-app i-checkbox label,
.sb-tool-app i-checkbox>div,
.sb-tool-app i-checkbox .checkbox{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  color:#c7dce7!important;
  font:600 12.5px/1.35 var(--font-family)!important;
  cursor:pointer!important;
}
.sb-tool-app input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin:0!important;
  border:1px solid #3b667a!important;
  border-radius:6px!important;
  background:#071722!important;
  display:inline-grid!important;
  place-content:center!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sb-tool-app input[type="checkbox"]::before{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #04131d;
  border-bottom:2px solid #04131d;
  transform:rotate(-45deg) scale(0);
  transform-origin:center;
  transition:transform .12s ease;
  margin-top:-2px;
}
.sb-tool-app input[type="checkbox"]:checked{background:var(--sb-tool-accent)!important;border-color:var(--sb-tool-accent)!important;box-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.12)!important}
.sb-tool-app input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)}
.sb-tool-app input[type="checkbox"]:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.18)!important}

/* Form layout: sections are visual groups rather than nested legacy boxes. */
.sb-tool-app .modal-body{scrollbar-color:#49697a #07131d;scrollbar-width:thin}
.sb-tool-app .modal-body::-webkit-scrollbar{width:10px}.sb-tool-app .modal-body::-webkit-scrollbar-track{background:#07131d}.sb-tool-app .modal-body::-webkit-scrollbar-thumb{background:#456779;border-radius:999px;border:2px solid #07131d}
.sb-tool-app .modal-body>h1{margin:0!important}
.sb-tool-app .modal-body>div.row{display:block!important}
.sb-tool-app fieldset{
  position:relative!important;
  margin:0 0 14px!important;
  padding:18px!important;
  border:1px solid #1b4053!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(13,33,46,.92),rgba(9,27,39,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.sb-tool-app fieldset:hover{border-color:#244f64!important}
.sb-tool-app fieldset legend{
  float:none!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 15px!important;
  padding:0!important;
  color:var(--sb-tool-accent)!important;
  font:800 11px/1.2 var(--font-family)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  background:transparent!important;
}
.sb-tool-app fieldset>.row,
.sb-tool-app .modal-body .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:12px!important;
  margin:0!important;
}
.sb-tool-app fieldset>.row+.row{margin-top:12px!important}
.sb-tool-app .modal-body .row.padding.border{
  margin-top:12px!important;
  padding:13px!important;
  border:1px solid #1c4052!important;
  border-radius:13px!important;
  background:rgba(4,17,25,.32)!important;
}
.sb-tool-app .modal-body [class*="col"]{padding:0!important;min-width:0!important}
.sb-tool-app .modal-body .col2{flex:0 1 150px!important}.sb-tool-app .modal-body .col3{flex:1 1 210px!important}.sb-tool-app .modal-body .col4{flex:1 1 260px!important}.sb-tool-app .modal-body .col5{flex:1 1 330px!important}.sb-tool-app .modal-body .col6{flex:1 1 420px!important}.sb-tool-app .modal-body .col8{flex:2 1 520px!important}.sb-tool-app .modal-body .col9{flex:3 1 640px!important}.sb-tool-app .modal-body .row:not([class*="col"]){width:100%!important}

/* Button hierarchy */
.sb-tool-app i-button{display:inline-flex!important;align-items:center!important;min-width:0!important}
.sb-tool-app i-button button,
.sb-tool-app i-button .btn,
.sb-tool-app button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  border:1px solid #2c5366!important;
  background:linear-gradient(180deg,#112a39,#0e2230)!important;
  color:#dcecf5!important;
  font:750 12px/1 var(--font-family)!important;
  letter-spacing:.005em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 14px rgba(0,0,0,.08)!important;
  cursor:pointer!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease!important;
}
.sb-tool-app i-button button:hover,.sb-tool-app i-button .btn:hover,.sb-tool-app button:hover{transform:translateY(-1px)!important;border-color:rgba(var(--sb-tool-accent-rgb),.58)!important;background:#153143!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.sb-tool-app i-button button:active,.sb-tool-app button:active{transform:translateY(0)!important}
.sb-tool-app i-button button:focus-visible,.sb-tool-app button:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.16)!important}
.sb-tool-app i-button[type="add"] button,
.sb-tool-app i-button[type="save"] button,
.sb-tool-app i-button[type="play"] button{
  border-color:var(--sb-tool-accent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--sb-tool-accent) 94%,#fff 6%),var(--sb-tool-accent))!important;
  color:#03131d!important;
  box-shadow:0 8px 22px rgba(var(--sb-tool-accent-rgb),.16)!important;
}
.sb-tool-app i-button[type="add"] button:hover,
.sb-tool-app i-button[type="save"] button:hover,
.sb-tool-app i-button[type="play"] button:hover{filter:brightness(1.05)!important;box-shadow:0 10px 26px rgba(var(--sb-tool-accent-rgb),.23)!important}
.sb-tool-app i-button[type="delete"] button{color:#ffbbc0!important;border-color:rgba(255,100,112,.34)!important;background:rgba(255,100,112,.08)!important}
.sb-tool-app i-button[type="delete"] button:hover{background:rgba(255,100,112,.15)!important;border-color:rgba(255,100,112,.58)!important}
.sb-tool-app i-button[type="stop"] button{color:#211604!important;background:linear-gradient(180deg,#ffd873,var(--sb-tool-warning))!important;border-color:var(--sb-tool-warning)!important}
.sb-tool-app i-button[type="close"] button,.sb-tool-app i-button[type="close "] button{background:#0c202d!important;color:#bcd2de!important}

/* Modal chrome */
.sb-tool-app .modal-content{border-color:#27556d!important;background:linear-gradient(180deg,#0a1c28,#081720)!important}
.sb-tool-app .modal-header{min-height:72px!important;padding:16px 20px!important;background:linear-gradient(90deg,rgba(var(--sb-tool-accent-rgb),.11),rgba(8,25,36,.96) 45%,#081722)!important}
.sb-tool-app .modal-header h2{font-size:20px!important;letter-spacing:-.015em!important}
.sb-tool-app .modal-header .close{
  display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:none!important;
  border-radius:11px!important;background:rgba(255,100,112,.08)!important;border:1px solid rgba(255,100,112,.34)!important;color:#ff7b84!important;
  font-size:25px!important;font-weight:500!important;transition:.14s ease!important;
}
.sb-tool-app .modal-header .close:hover{background:rgba(255,100,112,.16)!important;border-color:rgba(255,100,112,.55)!important;transform:translateY(-1px)}
.sb-tool-app .modal-body{padding:16px 18px 22px!important;background:linear-gradient(180deg,#091923,#07151e)!important}
.sb-tool-app .modal-footer{
  min-height:72px!important;padding:14px 18px!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;
  border-top:1px solid #1f4054!important;background:#071722!important;box-shadow:0 -10px 30px rgba(0,0,0,.08)!important;
}
.sb-tool-app .modal-footer.center{text-align:initial!important}
.sb-tool-app .red{margin:12px 0 0!important;padding:10px 12px!important;border:1px solid rgba(255,100,112,.24)!important;border-radius:10px!important;background:rgba(255,100,112,.06)!important;color:#ff9aa2!important;font-size:12px!important}

@media(max-width:720px){
  .sb-tool-app fieldset{padding:14px!important}
  .sb-tool-app fieldset>.row,.sb-tool-app .modal-body .row{gap:10px!important}
  .sb-tool-app .modal-body .col2,.sb-tool-app .modal-body .col3,.sb-tool-app .modal-body .col4,.sb-tool-app .modal-body .col5,.sb-tool-app .modal-body .col6,.sb-tool-app .modal-body .col8,.sb-tool-app .modal-body .col9{flex:1 1 100%!important;width:100%!important;max-width:none!important}
  .sb-tool-app .modal-footer{flex-wrap:wrap!important}.sb-tool-app .modal-footer i-button{flex:1 1 150px!important}.sb-tool-app .modal-footer i-button button{width:100%!important}
}

.sb-tool-empty{padding:40px 20px;text-align:center;color:var(--sb-tool-muted)}
.sb-tool-footnote{margin-top:14px;color:#6f91a5;font-size:11px;line-height:1.5}
@media(max-width:900px){
  .sb-tool-shell{width:min(100% - 24px,1500px);padding-top:16px}
  .sb-tool-topbar{align-items:flex-start;flex-direction:column;padding:18px}
  .sb-tool-top-actions{width:100%;justify-content:space-between}
  .sb-tool-primary-note{text-align:left}
  .sb-task-grid{grid-template-columns:1fr}
  .sb-task-metrics{grid-template-columns:1fr}
  .sb-task-metric+.sb-task-metric{border-left:0;border-top:1px solid #193647}
  .sb-tool-app .modal{padding:8px!important}
  .sb-tool-app .modal-content{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}
}
@media(max-width:560px){
  .sb-tool-identity{align-items:flex-start}.sb-tool-logo{width:52px;height:52px;border-radius:14px}.sb-tool-logo svg{width:30px;height:30px}
  .sb-tool-section-head{align-items:flex-start;flex-direction:column}
  .sb-task-card-head{flex-wrap:wrap}.sb-task-status{margin-left:44px}
  .sb-task-card-actions i-button{flex:1}.sb-task-card-actions i-button button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.sb-task-card,.sb-tool-app button{transition:none!important}}


/* -------------------------------------------------------------
   Facebook / platform task modal polish v2
   ------------------------------------------------------------- */
.sb-tool-app .sb-task-modal .modal-content{
  width:min(1180px,calc(100vw - 30px))!important;
  max-width:1180px!important;
  max-height:calc(100vh - 30px)!important;
  border-radius:18px!important;
}
.sb-tool-app .sb-task-modal .modal-header{
  min-height:64px!important;
  padding:14px 18px!important;
}
.sb-tool-app .sb-task-modal .modal-header h2{
  font-size:19px!important;
}
.sb-tool-app .sb-task-modal .modal-body{
  padding:16px!important;
  max-height:calc(100vh - 164px)!important;
}
.sb-tool-app .sb-task-modal .modal-footer{
  min-height:64px!important;
  padding:12px 18px!important;
  position:sticky!important;
  bottom:0!important;
  z-index:10!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.16)!important;
}

/* Neutralize obsolete decorative chrome injected by legacy controls. */
.sb-tool-app .sb-task-modal i-control label::before,
.sb-tool-app .sb-task-modal i-control label::after,
.sb-tool-app .sb-task-modal i-list label::before,
.sb-tool-app .sb-task-modal i-list label::after,
.sb-tool-app .sb-task-modal i-textarea label::before,
.sb-tool-app .sb-task-modal i-textarea label::after{
  content:none!important;
  display:none!important;
}
.sb-tool-app .sb-task-modal i-control label,
.sb-tool-app .sb-task-modal i-list label,
.sb-tool-app .sb-task-modal i-textarea label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}

.sb-tool-app .sb-task-modal fieldset.sb-task-group{
  margin-bottom:12px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(13,33,46,.82),rgba(9,26,38,.8))!important;
}
.sb-tool-app .sb-task-modal .sb-task-group-primary{
  border-color:rgba(var(--sb-tool-accent-rgb),.35)!important;
  box-shadow:inset 3px 0 0 rgba(var(--sb-tool-accent-rgb),.55)!important;
}
.sb-tool-app .sb-task-modal .sb-task-group-advanced{
  background:rgba(9,26,38,.66)!important;
}
.sb-tool-app .sb-task-modal .sb-task-group-status{
  background:rgba(7,22,32,.58)!important;
}
.sb-tool-app .sb-task-modal .sb-fieldset-help{
  margin:-3px 0 13px!important;
  color:#7898aa!important;
  font:500 11.5px/1.45 var(--font-family)!important;
}
.sb-tool-app .sb-task-modal fieldset legend{
  margin-bottom:8px!important;
  padding:0!important;
  letter-spacing:.1em!important;
}

/* Replace fragile legacy col widths with predictable modal grids. */
.sb-tool-app .sb-task-modal .sb-form-grid{
  display:grid!important;
  width:100%!important;
  gap:12px!important;
  align-items:end!important;
}
.sb-tool-app .sb-task-modal .sb-form-grid>[class*="col"],
.sb-tool-app .sb-task-modal .sb-form-grid>i-control,
.sb-tool-app .sb-task-modal .sb-form-grid>i-list,
.sb-tool-app .sb-task-modal .sb-form-grid>i-checkbox,
.sb-tool-app .sb-task-modal .sb-form-grid>i-checklist,
.sb-tool-app .sb-task-modal .sb-form-grid>div{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
}
.sb-tool-app .sb-task-modal .sb-action-link-grid{grid-template-columns:minmax(210px,.33fr) minmax(0,1fr)!important}
.sb-tool-app .sb-task-modal .sb-test-user-grid{grid-template-columns:minmax(0,1fr) 132px!important}
.sb-tool-app .sb-task-modal .sb-test-user-grid>div{display:flex!important;align-items:flex-end!important}
.sb-tool-app .sb-task-modal .sb-test-user-grid i-button,
.sb-tool-app .sb-task-modal .sb-test-user-grid i-button button{width:100%!important}
.sb-tool-app .sb-task-modal .sb-action-delay-grid{grid-template-columns:minmax(220px,.48fr) minmax(260px,.52fr)!important}
.sb-tool-app .sb-task-modal .sb-users-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sb-tool-app .sb-task-modal .sb-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.sb-tool-app .sb-task-modal .sb-action-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sb-tool-app .sb-task-modal .sb-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Keep generated controls compact and visually aligned. */
.sb-tool-app .sb-task-modal i-control,
.sb-tool-app .sb-task-modal i-list,
.sb-tool-app .sb-task-modal i-textarea,
.sb-tool-app .sb-task-modal i-checkbox,
.sb-tool-app .sb-task-modal i-checklist{
  position:relative!important;
  overflow:visible!important;
}
.sb-tool-app .sb-task-modal .modal-body input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app .sb-task-modal .modal-body select{
  min-height:42px!important;
  height:42px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}
.sb-tool-app .sb-task-modal i-checkbox{
  min-height:42px!important;
  padding:0 4px!important;
  align-self:end!important;
}
.sb-tool-app .sb-task-modal i-checkbox label,
.sb-tool-app .sb-task-modal i-checkbox>div,
.sb-tool-app .sb-task-modal i-checkbox .checkbox{
  min-height:42px!important;
}
.sb-tool-app .sb-task-modal .border.padding{
  border:1px solid rgba(59,103,126,.48)!important;
  border-radius:12px!important;
  padding:12px!important;
  background:rgba(5,18,27,.36)!important;
}
.sb-tool-app .sb-task-modal .sb-task-group-status input:disabled{
  opacity:.78!important;
  background:#07141d!important;
  color:#8ba8b8!important;
  -webkit-text-fill-color:#8ba8b8!important;
}
.sb-tool-app .sb-task-modal .modal-footer i-button[type="save"] button{
  min-width:92px!important;
  min-height:40px!important;
}
.sb-tool-app .sb-task-modal .modal-footer i-button[type="close"] button{
  min-width:84px!important;
  min-height:40px!important;
}

@media (max-width:900px){
  .sb-tool-app .sb-task-modal .sb-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sb-tool-app .sb-task-modal .sb-users-grid,
  .sb-tool-app .sb-task-modal .sb-action-settings-grid{grid-template-columns:1fr!important}
}
@media (max-width:620px){
  .sb-tool-app .modal{padding:8px!important}
  .sb-tool-app .sb-task-modal .modal-content{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}
  .sb-tool-app .sb-task-modal .sb-action-link-grid,
  .sb-tool-app .sb-task-modal .sb-test-user-grid,
  .sb-tool-app .sb-task-modal .sb-action-delay-grid,
  .sb-tool-app .sb-task-modal .sb-screen-grid,
  .sb-tool-app .sb-task-modal .sb-status-grid{grid-template-columns:1fr!important}
}

/* -------------------------------------------------------------
   Facebook task form — native controls
   Avoids legacy iSite label chrome and directive-heavy dropdowns.
   ------------------------------------------------------------- */
.sb-tool-app.facebook .sb-task-modal .sb-native-field{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--sb-control-label)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field>span{
  display:flex!important;
  min-height:17px!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  color:#adc4d2!important;
  font:650 12px/1.35 var(--font-family)!important;
  letter-spacing:.01em!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field>span small{
  color:#6f91a4!important;
  font:550 10.5px/1 var(--font-family)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field input,
.sb-tool-app.facebook .sb-task-modal .sb-native-field select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #28546a!important;
  border-radius:10px!important;
  outline:0!important;
  background:#071823!important;
  color:#eef8fd!important;
  -webkit-text-fill-color:#eef8fd!important;
  font:600 13px/1.3 var(--font-family)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field select{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  padding-right:8px!important;
  cursor:pointer!important;
  color-scheme:dark!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field select option{
  background:#0b202d!important;
  color:#eef8fd!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field input:hover,
.sb-tool-app.facebook .sb-task-modal .sb-native-field select:hover{
  border-color:#3b718a!important;
  background:#091d2a!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field input:focus,
.sb-tool-app.facebook .sb-task-modal .sb-native-field select:focus{
  border-color:var(--sb-tool-accent)!important;
  box-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.13)!important;
  background:#0a1d29!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-field input:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
  border-color:#203f50!important;
  background:#07131c!important;
  color:#83a0b1!important;
  -webkit-text-fill-color:#83a0b1!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-field-action{
  display:flex!important;
  align-items:flex-end!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-button{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #316780!important;
  border-radius:10px!important;
  background:#0d2736!important;
  color:#dff3ff!important;
  font:700 12.5px/1 var(--font-family)!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-button:hover{
  transform:none!important;
  border-color:#4790b1!important;
  background:#123246!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-action-delay-panel{
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid rgba(59,103,126,.48)!important;
  border-radius:12px!important;
  background:rgba(5,18,27,.36)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle{
  display:grid!important;
  min-height:61px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  column-gap:11px!important;
  align-items:center!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.012)!important;
  cursor:pointer!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle:hover{
  border-color:rgba(var(--sb-tool-accent-rgb),.18)!important;
  background:rgba(var(--sb-tool-accent-rgb),.035)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle>input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-toggle-ui{
  position:relative!important;
  display:block!important;
  width:40px!important;
  height:22px!important;
  border:1px solid #3a6073!important;
  border-radius:999px!important;
  background:#0a1a24!important;
  transition:.16s ease!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-toggle-ui::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#91a9b7!important;
  box-shadow:0 1px 3px rgba(0,0,0,.35)!important;
  transition:transform .16s ease,background .16s ease!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle>input:checked+.sb-toggle-ui{
  border-color:var(--sb-tool-accent)!important;
  background:rgba(var(--sb-tool-accent-rgb),.85)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle>input:checked+.sb-toggle-ui::after{
  transform:translateX(18px)!important;
  background:#fff!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-native-toggle>input:focus-visible+.sb-toggle-ui{
  box-shadow:0 0 0 3px rgba(var(--sb-tool-accent-rgb),.16)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-toggle-copy{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:3px!important;
  text-align:left!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-toggle-copy strong{
  color:#c7dbe6!important;
  font:650 12px/1.3 var(--font-family)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-toggle-copy small{
  color:#718fa1!important;
  font:500 10.5px/1.35 var(--font-family)!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-selected-users{
  min-width:0!important;
  grid-column:2/-1!important;
}
.sb-tool-app.facebook .sb-task-modal .sb-users-grid.is-selected-users{
  grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr)!important;
}

@media(max-width:700px){
  .sb-tool-app.facebook .sb-task-modal .sb-users-grid.is-selected-users{grid-template-columns:1fr!important}
  .sb-tool-app.facebook .sb-task-modal .sb-selected-users{grid-column:auto!important}
}

/* -------------------------------------------------------------
   Social Tools readable UI scale v3
   Shared by Facebook, YouTube, TikTok and Pinterest.
   Keep this centralized: platform apps inherit the same sizing.
   ------------------------------------------------------------- */
.sb-tool-app{
  --sb-tool-ui-text:15px;
  --sb-tool-ui-label:14px;
  --sb-tool-ui-help:12.5px;
  --sb-tool-ui-control:15px;
  --sb-tool-ui-button:14px;
  --sb-tool-ui-control-height:50px;
}

/* Make the whole working surface easier to read, not only the modal. */
.sb-tool-app .sb-tool-shell{width:min(1640px,calc(100% - 36px))!important}
.sb-tool-app .sb-tool-subtitle{font-size:15.5px!important}
.sb-tool-app .sb-tool-primary-note{font-size:13px!important}
.sb-tool-app .sb-tool-section-head h2{font-size:20px!important}
.sb-tool-app .sb-task-type{font-size:17px!important}
.sb-tool-app .sb-task-url{font-size:13px!important}
.sb-tool-app .sb-task-status{font-size:12px!important}
.sb-tool-app .sb-task-metric span{font-size:11px!important}
.sb-tool-app .sb-task-metric strong{font-size:15px!important}

/* All platform modals: larger viewport footprint with comfortable gutters. */
.sb-tool-app .modal{padding:12px!important}
.sb-tool-app .modal-content{
  width:min(1400px,calc(100vw - 24px))!important;
  max-width:1400px!important;
  max-height:calc(100vh - 24px)!important;
  border-radius:20px!important;
}
.sb-tool-app .modal-header{
  min-height:76px!important;
  padding:17px 24px!important;
}
.sb-tool-app .modal-header h2{font-size:23px!important}
.sb-tool-app .modal-header .close{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
  font-size:28px!important;
}
.sb-tool-app .modal-body{
  max-height:calc(100vh - 176px)!important;
  padding:22px 24px 28px!important;
  font-size:var(--sb-tool-ui-text)!important;
}
.sb-tool-app .modal-footer{
  min-height:76px!important;
  padding:15px 24px!important;
  gap:12px!important;
}
.sb-tool-app fieldset{
  margin-bottom:18px!important;
  padding:20px!important;
  border-radius:16px!important;
}
.sb-tool-app fieldset legend{
  margin-bottom:12px!important;
  font-size:13px!important;
}
.sb-tool-app .modal-body label,
.sb-tool-app i-control label,
.sb-tool-app i-list label,
.sb-tool-app i-textarea label,
.sb-tool-app i-checkbox>label{
  font-size:var(--sb-tool-ui-label)!important;
  line-height:1.4!important;
}
.sb-tool-app .modal-body input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app .modal-body select,
.sb-tool-app .modal-body textarea{
  min-height:var(--sb-tool-ui-control-height)!important;
  height:var(--sb-tool-ui-control-height)!important;
  padding-left:15px!important;
  padding-right:15px!important;
  border-radius:11px!important;
  font-size:var(--sb-tool-ui-control)!important;
  line-height:1.35!important;
}
.sb-tool-app .modal-body textarea{
  height:auto!important;
  min-height:128px!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}
.sb-tool-app i-button button,
.sb-tool-app i-button .btn,
.sb-tool-app button{
  min-height:46px!important;
  padding:10px 17px!important;
  font-size:var(--sb-tool-ui-button)!important;
}
.sb-tool-app .modal-body .row{gap:14px!important}

/* Task editor: use most of the available desktop window. */
.sb-tool-app .sb-task-modal .modal-content{
  width:min(1480px,calc(100vw - 24px))!important;
  max-width:1480px!important;
  max-height:calc(100vh - 24px)!important;
}
.sb-tool-app .sb-task-modal .modal-header{
  min-height:76px!important;
  padding:17px 24px!important;
}
.sb-tool-app .sb-task-modal .modal-header h2{font-size:23px!important}
.sb-tool-app .sb-task-modal .modal-body{
  padding:22px 24px 28px!important;
  max-height:calc(100vh - 176px)!important;
}
.sb-tool-app .sb-task-modal .modal-footer{
  min-height:76px!important;
  padding:15px 24px!important;
}
.sb-tool-app .sb-task-modal fieldset.sb-task-group{
  margin-bottom:16px!important;
  padding:20px!important;
  border-radius:16px!important;
}
.sb-tool-app .sb-task-modal .sb-fieldset-help{
  margin:-2px 0 16px!important;
  font-size:var(--sb-tool-ui-help)!important;
  line-height:1.55!important;
}
.sb-tool-app .sb-task-modal fieldset legend{
  margin-bottom:10px!important;
  font-size:13px!important;
}
.sb-tool-app .sb-task-modal .sb-form-grid{gap:15px!important}
.sb-tool-app .sb-task-modal .sb-native-field{gap:8px!important}
.sb-tool-app .sb-task-modal .sb-native-field>span{
  min-height:20px!important;
  font-size:var(--sb-tool-ui-label)!important;
}
.sb-tool-app .sb-task-modal .sb-native-field>span small{font-size:11.5px!important}
.sb-tool-app .sb-task-modal .sb-native-field input,
.sb-tool-app .sb-task-modal .sb-native-field select{
  height:50px!important;
  min-height:50px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sb-tool-app .sb-task-modal .sb-native-button{
  min-height:50px!important;
  padding:0 18px!important;
  font-size:14px!important;
}
.sb-tool-app .sb-task-modal .sb-action-delay-panel{
  margin-top:15px!important;
  padding:15px!important;
}
.sb-tool-app .sb-task-modal .sb-native-toggle{
  min-height:70px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  column-gap:13px!important;
  padding:10px 12px!important;
}
.sb-tool-app .sb-task-modal .sb-toggle-ui{width:46px!important;height:26px!important}
.sb-tool-app .sb-task-modal .sb-toggle-ui::after{width:18px!important;height:18px!important}
.sb-tool-app .sb-task-modal .sb-native-toggle>input:checked+.sb-toggle-ui::after{transform:translateX(20px)!important}
.sb-tool-app .sb-task-modal .sb-toggle-copy strong{font-size:13.5px!important}
.sb-tool-app .sb-task-modal .sb-toggle-copy small{font-size:11.5px!important;line-height:1.45!important}
.sb-tool-app .sb-task-modal .modal-footer i-button[type="save"] button,
.sb-tool-app .sb-task-modal .modal-footer i-button[type="close"] button{
  min-height:46px!important;
  min-width:104px!important;
}

@media (max-width:900px){
  .sb-tool-app .modal{padding:8px!important}
  .sb-tool-app .modal-content,
  .sb-tool-app .sb-task-modal .modal-content{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100vh - 16px)!important}
  .sb-tool-app .modal-header,.sb-tool-app .sb-task-modal .modal-header{min-height:68px!important;padding:14px 16px!important}
  .sb-tool-app .modal-body,.sb-tool-app .sb-task-modal .modal-body{padding:16px!important;max-height:calc(100vh - 156px)!important}
  .sb-tool-app .modal-footer,.sb-tool-app .sb-task-modal .modal-footer{min-height:68px!important;padding:12px 16px!important}
}

/* -------------------------------------------------------------
   Social Tools wide modal content fill
   Keep the editor shell and every primary form layer on the same
   available width. This intentionally overrides legacy centered/
   intrinsic fieldset sizing from the old controls stylesheet.
   ------------------------------------------------------------- */
.sb-tool-app .sb-task-modal .modal-content,
.sb-tool-app .sb-task-modal .modal-body,
.sb-tool-app .sb-task-modal .modal-body>div.row,
.sb-tool-app .sb-task-modal .modal-body>div.row>fieldset,
.sb-tool-app .sb-task-modal fieldset.sb-task-group,
.sb-tool-app .sb-task-modal .sb-form-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}
.sb-tool-app .sb-task-modal .modal-body{
  display:block!important;
  text-align:initial!important;
}
.sb-tool-app .sb-task-modal .modal-body>div.row{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.sb-tool-app .sb-task-modal .modal-body>div.row>fieldset{
  display:block!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* General Social Tool modal forms should also use the available body width. */
.sb-tool-app .modal:not(.sb-task-modal) .modal-body,
.sb-tool-app .modal:not(.sb-task-modal) .modal-body>div.row,
.sb-tool-app .modal:not(.sb-task-modal) .modal-body>div.row>fieldset{
  box-sizing:border-box!important;
  max-width:none!important;
}
.sb-tool-app .modal:not(.sb-task-modal) .modal-body>div.row{
  width:100%!important;
}
.sb-tool-app .modal:not(.sb-task-modal) .modal-body>div.row>fieldset{
  width:100%!important;
}

/* -------------------------------------------------------------
   Social Tools typography scale v4
   Baseline approved from the Facebook task editor. Applied at the
   shared platform layer so Facebook, YouTube, TikTok and Pinterest
   keep the same readable control and modal typography.
   ------------------------------------------------------------- */
.sb-tool-app{
  --sb-tool-ui-text:16px;
  --sb-tool-ui-label:15px;
  --sb-tool-ui-help:13.5px;
  --sb-tool-ui-control:16px;
  --sb-tool-ui-button:15px;
}
.sb-tool-app .sb-tool-eyebrow{font-size:13px!important}
.sb-tool-app .sb-tool-subtitle{font-size:16.5px!important;line-height:1.6!important}
.sb-tool-app .sb-tool-primary-note{font-size:14px!important;line-height:1.55!important}
.sb-tool-app .sb-tool-section-head h2{font-size:21px!important}
.sb-tool-app .sb-tool-count{font-size:13px!important}
.sb-tool-app .sb-task-index{font-size:13px!important}
.sb-tool-app .sb-task-type{font-size:18px!important}
.sb-tool-app .sb-task-url{font-size:14px!important}
.sb-tool-app .sb-task-status{font-size:13px!important}
.sb-tool-app .sb-task-metric span{font-size:12px!important}
.sb-tool-app .sb-task-metric strong{font-size:16px!important}
.sb-tool-app .sb-pin-export{font-size:13.5px!important}

.sb-tool-app .modal-header h2,
.sb-tool-app .sb-task-modal .modal-header h2{font-size:25px!important}
.sb-tool-app fieldset legend,
.sb-tool-app .sb-task-modal fieldset legend{font-size:14px!important}
.sb-tool-app .modal-body label,
.sb-tool-app i-control label,
.sb-tool-app i-list label,
.sb-tool-app i-textarea label,
.sb-tool-app i-checkbox>label,
.sb-tool-app .sb-task-modal .sb-native-field>span{
  font-size:var(--sb-tool-ui-label)!important;
  line-height:1.45!important;
}
.sb-tool-app .modal-body input:not([type="checkbox"]):not([type="radio"]),
.sb-tool-app .modal-body select,
.sb-tool-app .modal-body textarea,
.sb-tool-app .sb-task-modal .sb-native-field input,
.sb-tool-app .sb-task-modal .sb-native-field select{
  font-size:var(--sb-tool-ui-control)!important;
}
.sb-tool-app i-button button,
.sb-tool-app i-button .btn,
.sb-tool-app button,
.sb-tool-app .sb-task-modal .sb-native-button{
  font-size:var(--sb-tool-ui-button)!important;
}
.sb-tool-app .sb-task-modal .sb-fieldset-help{
  font-size:var(--sb-tool-ui-help)!important;
  line-height:1.6!important;
}
.sb-tool-app .sb-task-modal .sb-native-field>span small,
.sb-tool-app .sb-task-modal .sb-toggle-copy small{font-size:12.5px!important}
.sb-tool-app .sb-task-modal .sb-toggle-copy strong{font-size:14.5px!important}

/* Keep dense legacy tables/readouts aligned with the new minimum type size. */
.sb-tool-app .table th{font-size:13px!important}
.sb-tool-app .table td{font-size:14.5px!important}
.sb-tool-app .red{font-size:13px!important}

/* Social Tools v3: simple acquisition-first platform UI */
.sb-browser-required {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 16px 0 22px;
    padding: 14px 16px;
    border: 1px solid rgba(10,132,255,.42);
    border-radius: 14px;
    background: rgba(10,132,255,.08);
    font-size: 15px;
    line-height: 1.5;
}
.sb-browser-required strong { color: #f4f9ff; }
.sb-browser-required .sb-grow { flex: 1; }
.sb-button,
.sb-tool-app button.sb-button {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid #2d6079;
    border-radius: 10px;
    background: #0a2533;
    color: #eaf7ff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.sb-button:hover { border-color: #4c9bc6; background: #0d3041; }
.sb-button-primary { background: #3398ff; border-color: #3398ff; color: #03111b; }
.sb-button-danger { border-color: rgba(255,91,106,.5); color: #ff8c96; }
.sb-button:disabled { opacity: .55; cursor: default; }
.sb-task-modal-v3 {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    padding: 24px;
    background: rgba(0, 8, 13, .70);
    backdrop-filter: blur(8px);
}
.sb-task-modal-v3.is-open { display: flex; align-items: center; justify-content: center; }
.sb-task-modal-v3 .modal-content {
    width: min(1500px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    border: 1px solid #28556d;
    border-radius: 18px;
    background: #061c28;
    overflow: hidden;
    box-shadow: 0 28px 90px rgba(0,0,0,.46);
}
.sb-task-modal-v3 .modal-header,
.sb-task-modal-v3 .modal-footer { padding: 18px 22px; flex: 0 0 auto; }
.sb-task-modal-v3 .modal-header { display:flex; align-items:center; border-bottom:1px solid #244b60; }
.sb-task-modal-v3 .modal-header h2 { margin:0; font-size:25px; }
.sb-task-modal-v3 .modal-body { overflow:auto; padding:22px; width:100%; box-sizing:border-box; }
.sb-task-modal-v3 .modal-footer { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #244b60; }
.sb-simple-grid { display:grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap:16px; width:100%; }
.sb-span-12 { grid-column: span 12; }
.sb-span-8 { grid-column: span 8; }
.sb-span-6 { grid-column: span 6; }
.sb-span-4 { grid-column: span 4; }
.sb-span-3 { grid-column: span 3; }
.sb-native-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.sb-native-field > span { font-size:15px; font-weight:750; color:#bed4e1; }
.sb-native-field input,
.sb-native-field select,
.sb-native-field textarea {
    width:100%;
    box-sizing:border-box;
    min-height:50px;
    padding:0 14px;
    border:1px solid #2c617b;
    border-radius:10px;
    background:#061924;
    color:#f1f8fc;
    font:600 16px/1.4 var(--font-family, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif);
    outline:none;
}
.sb-native-field textarea { min-height:120px; padding:13px 14px; resize:vertical; }

/* Social Tools number controls: remove the browser/OS spinner chrome.
   Keyboard ArrowUp/ArrowDown and normal numeric input behavior remain available. */
[data-platform-ui-standard="native-v5"] .sb-native-field input[type="number"] {
    -moz-appearance:textfield;
    appearance:textfield;
    padding-inline:14px;
    font-variant-numeric:tabular-nums;
}
[data-platform-ui-standard="native-v5"] .sb-native-field input[type="number"]::-webkit-inner-spin-button,
[data-platform-ui-standard="native-v5"] .sb-native-field input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    appearance:none;
    margin:0;
}
.sb-native-field input:focus,
.sb-native-field select:focus,
.sb-native-field textarea:focus { border-color:#3398ff; box-shadow:0 0 0 2px rgba(51,152,255,.14); }
.sb-task-group-v3 { margin:0 0 16px; padding:18px; border:1px solid #25516a; border-radius:14px; background:#082331; }
.sb-task-group-v3 h3 { margin:0 0 4px; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:#49a4ff; }
.sb-task-group-v3 p { margin:0 0 15px; color:#86a7b9; font-size:13.5px; }
.sb-inline-toggle { min-height:50px; display:flex; align-items:center; gap:10px; padding:0 12px; border:1px solid #25516a; border-radius:10px; background:#061924; color:#bed4e1; font-size:15px; font-weight:700; }
.sb-inline-toggle input { width:20px; height:20px; }
.sb-task-card-v3 .sb-task-card-head { align-items:flex-start; }
.sb-action-chip { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border-radius:999px; border:1px solid rgba(75,166,255,.35); color:#8cc8ff; font-size:12px; font-weight:800; }
.sb-task-card-actions-v3 { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.sb-platform-top-note { font-size:14px; color:#88a8b9; max-width:620px; }
.sb-action-help { font-size:13px; color:#88a8b9; margin-top:4px; }
@media (max-width: 900px) {
    .sb-task-modal-v3 { padding:8px; }
    .sb-task-modal-v3 .modal-content { width:calc(100vw - 16px); max-height:calc(100vh - 16px); }
    .sb-span-8,.sb-span-6,.sb-span-4,.sb-span-3 { grid-column:span 12; }
    .sb-browser-required { align-items:flex-start; flex-wrap:wrap; }
}

/* Social Browser acquisition prompt: visible on normal browsers, execution gate only. */
.sb-browser-required{
  min-height:88px;
  padding:16px 18px;
  gap:16px;
  border-color:rgba(76,154,255,.48);
  background:linear-gradient(135deg,rgba(76,154,255,.13),rgba(8,35,49,.96) 46%,rgba(7,27,39,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 34px rgba(0,0,0,.12);
}
.sb-browser-required-logo{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(76,154,255,.38);
  border-radius:16px;
  background:rgba(76,154,255,.09);
  box-shadow:inset 0 0 22px rgba(76,154,255,.08);
}
.sb-browser-required-logo img{width:42px;height:42px;object-fit:contain;display:block}
.sb-browser-required-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.sb-browser-required-copy strong{font-size:17px;line-height:1.3;color:#f5faff}
.sb-browser-required-copy span{font-size:14.5px;line-height:1.5;color:#a9c5d6}
.sb-browser-required>a.sb-button{min-width:190px;text-decoration:none}

body.sb-download-prompt-open{overflow:hidden!important}
.sb-download-prompt{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,8,13,.78);
  backdrop-filter:blur(10px);
}
.sb-download-prompt.is-open{display:flex}
.sb-download-prompt-card{
  position:relative;
  width:min(720px,calc(100vw - 48px));
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:22px;
  padding:30px;
  border:1px solid #31627d;
  border-radius:22px;
  background:linear-gradient(145deg,#0d2a3b 0%,#071b28 58%,#061722 100%);
  box-shadow:0 32px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);
  color:#f4f9fc;
}
.sb-download-prompt-close{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  min-width:42px!important;
  height:42px;
  min-height:42px!important;
  padding:0!important;
  border-color:rgba(255,100,112,.48)!important;
  background:#102532!important;
  color:#ff7d88!important;
  font-size:24px!important;
  line-height:1!important;
}
.sb-download-prompt-logo{
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  border:1px solid rgba(76,154,255,.42);
  border-radius:24px;
  background:radial-gradient(circle at 50% 35%,rgba(76,154,255,.18),rgba(76,154,255,.05));
  box-shadow:inset 0 0 34px rgba(76,154,255,.09),0 10px 30px rgba(0,0,0,.18);
}
.sb-download-prompt-logo img{width:68px;height:68px;object-fit:contain;display:block}
.sb-download-prompt-copy{min-width:0;padding:3px 42px 0 0}
.sb-download-prompt-eyebrow{margin-bottom:7px;color:#58adff;font-size:12px;font-weight:850;letter-spacing:.12em}
.sb-download-prompt-copy h2{margin:0 0 10px;font:800 26px/1.2 var(--font-display,"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif);color:#fff}
.sb-download-prompt-copy p{margin:0;color:#a8c3d3;font-size:15.5px;line-height:1.65}
.sb-download-prompt-points{display:grid;gap:7px;margin-top:17px;color:#cbe0eb;font-size:14px;font-weight:650}
.sb-download-prompt-points span::first-letter{color:#39d790}
.sb-download-prompt-actions{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:4px;
  padding-top:20px;
  border-top:1px solid rgba(57,101,124,.55);
}
.sb-download-prompt-actions .sb-button{text-decoration:none;min-height:48px!important;padding:0 20px!important;font-size:15px!important}
.sb-download-prompt-download{min-width:220px}

@media (max-width:700px){
  .sb-browser-required{align-items:flex-start;flex-wrap:wrap}
  .sb-browser-required .sb-grow{display:none}
  .sb-browser-required>a.sb-button{margin-left:74px;min-width:0}
  .sb-download-prompt{padding:10px}
  .sb-download-prompt-card{width:calc(100vw - 20px);grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px 18px}
  .sb-download-prompt-logo{width:72px;height:72px;border-radius:19px}
  .sb-download-prompt-logo img{width:50px;height:50px}
  .sb-download-prompt-copy{padding-right:34px}
  .sb-download-prompt-copy h2{font-size:22px}
  .sb-download-prompt-actions{flex-direction:column-reverse;align-items:stretch}
  .sb-download-prompt-actions .sb-button{width:100%;min-width:0}
}

/* Social Tools UI polish: high-contrast acquisition CTA and overlap-safe controls. */
.sb-tool-app .sb-button-primary,
.sb-tool-app button.sb-button-primary{
  border-color:#4ea4ff!important;
  background:linear-gradient(180deg,#178cff 0%,#0a74e8 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(10,132,255,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.sb-tool-app .sb-button-primary:hover,
.sb-tool-app button.sb-button-primary:hover{
  border-color:#76b9ff!important;
  background:linear-gradient(180deg,#2998ff 0%,#0d7df3 100%)!important;
  box-shadow:0 10px 26px rgba(10,132,255,.28),0 0 0 3px rgba(10,132,255,.10)!important;
}
.sb-tool-app .sb-button-primary:focus-visible{
  outline:3px solid rgba(110,188,255,.42)!important;
  outline-offset:3px!important;
}

.sb-download-cta{
  min-width:300px!important;
  min-height:64px!important;
  padding:8px 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.sb-download-cta>img{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px;
  object-fit:contain;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
.sb-download-cta>span{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  line-height:1.15;
  text-align:left;
}
.sb-download-cta>span>strong{
  color:#fff!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:-.01em;
}
.sb-download-cta>span>small{
  color:rgba(255,255,255,.82)!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
.sb-browser-required>a.sb-download-cta{
  margin-left:auto;
  min-width:300px!important;
}

.sb-task-index{
  flex:0 0 auto;
  min-width:34px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(77,164,255,.38);
  border-radius:10px;
  background:rgba(10,132,255,.08);
  color:#76bdff;
  font-size:14px;
  font-weight:850;
  line-height:1;
}
.sb-task-card-v3 .sb-task-card-head{
  display:flex!important;
  gap:12px!important;
  min-width:0;
}
.sb-task-card-v3 .sb-task-main{
  min-width:0;
  flex:1 1 auto;
}
.sb-task-card-v3 .sb-task-type{
  margin:7px 0 0!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:#f6fbff!important;
  font-size:18px!important;
  line-height:1.35!important;
}

.sb-task-group-v3>summary{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 2px;
  cursor:pointer;
  color:#dcebf4!important;
  font-size:16px!important;
  font-weight:800!important;
  list-style:none;
}
.sb-task-group-v3>summary::-webkit-details-marker{display:none}
.sb-task-group-v3>summary::before{
  content:'›';
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#0a2b3b;
  border:1px solid #2c617b;
  color:#7ec4ff;
  font-size:19px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .15s ease;
}
.sb-task-group-v3[open]>summary::before{transform:rotate(90deg)}
.sb-task-group-v3>summary strong{color:inherit!important;font-size:inherit!important}

.sb-inline-toggle{
  position:relative;
  min-height:58px!important;
  gap:13px!important;
  padding:9px 15px!important;
  color:#d3e5ef!important;
  background:#071e2a!important;
  border-color:#2a5a72!important;
  font-size:15.5px!important;
  line-height:1.35!important;
}
.sb-inline-toggle input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:42px!important;
  min-width:42px!important;
  height:24px!important;
  margin:0!important;
  border:1px solid #46748a!important;
  border-radius:999px!important;
  background:#102c39!important;
  box-shadow:none!important;
  cursor:pointer;
  position:relative;
  transition:background .16s ease,border-color .16s ease;
}
.sb-inline-toggle input[type="checkbox"]::after{
  content:'';
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#9bb9c8;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
  transition:transform .16s ease,background .16s ease;
}
.sb-inline-toggle input[type="checkbox"]:checked{
  background:#0a84ff!important;
  border-color:#52aaff!important;
}
.sb-inline-toggle input[type="checkbox"]:checked::after{
  transform:translateX(18px);
  background:#fff;
}
.sb-inline-toggle input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(82,170,255,.28)!important;
  outline-offset:2px!important;
}

.sb-download-prompt-download.sb-download-cta{
  min-width:320px!important;
  min-height:68px!important;
  padding:9px 24px!important;
}
.sb-download-prompt-download.sb-download-cta>span>strong{font-size:18px!important}
.sb-download-prompt-download.sb-download-cta>span>small{font-size:13px!important}
.sb-download-prompt-actions{gap:14px!important}
.sb-download-prompt-copy h2{font-size:29px!important;line-height:1.18!important}
.sb-download-prompt-copy p{font-size:16.5px!important;color:#bad0dc!important}
.sb-download-prompt-points{font-size:15px!important;line-height:1.45!important}

@media (max-width:700px){
  .sb-browser-required>a.sb-download-cta{margin-left:0!important;width:100%!important;min-width:0!important}
  .sb-download-cta{width:100%!important;min-width:0!important}
  .sb-download-prompt-download.sb-download-cta{min-width:0!important}
}

/* Facebook v3 is the canonical platform-tool UI contract for every social platform. */
.sb-tool-app[data-platform-ui-standard="facebook-v3"] .sb-advanced-grid{margin-top:16px}
.sb-tool-app[data-platform-ui-standard="facebook-v3"] .sb-execution-message{border-color:rgba(255,190,70,.42);background:rgba(255,190,70,.07)}
.sb-tool-app[data-platform-ui-standard="facebook-v3"] .sb-inline-toggle>span{display:block;min-width:0}
.sb-tool-app[data-platform-ui-standard="facebook-v3"] .sb-task-card-actions-v3 .sb-button{min-width:96px}
@media(max-width:700px){
  .sb-tool-app[data-platform-ui-standard="facebook-v3"] .sb-task-card-actions-v3 .sb-button{flex:1 1 130px}
}

/* Native v4 platform UI */
.sb-profile-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:rgba(15,23,42,.38)}
.sb-profile-picker label{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}
.sb-profile-picker input{width:19px;height:19px;accent-color:#0A84FF}
.sb-profile-picker span{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-platform-ui-standard="native-v4"] .sb-tool-logo{display:grid;place-items:center;min-width:58px;width:58px;height:58px;border:1px solid rgba(10,132,255,.34);border-radius:16px;font-size:27px;font-weight:900;color:#0A84FF;background:rgba(10,132,255,.08)}


/* Native v4 polish: canonical switch and task-card rhythm. */
[data-platform-ui-standard="native-v4"] .sb-inline-toggle{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:13px 16px!important;
  border:1px solid #285d78!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#092432 0%,#071d29 100%)!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle:hover{
  border-color:#3b7594!important;
  background:linear-gradient(180deg,#0b2939 0%,#082330 100%)!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle:focus-within{
  border-color:#4aa8ff!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.14)!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy strong{
  color:#eef8ff!important;
  font-size:15.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy small{
  color:#8fb1c3!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  margin:0!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-ui{
  grid-column:2!important;
  grid-row:1!important;
  width:54px!important;
  height:30px!important;
  flex:0 0 54px!important;
  position:relative!important;
  display:block!important;
  border-radius:999px!important;
  border:1px solid #47758b!important;
  background:#102f3e!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.24)!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-ui::after{
  content:''!important;
  position:absolute!important;
  top:4px!important;
  left:4px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#a9c0cc!important;
  box-shadow:0 2px 7px rgba(0,0,0,.38)!important;
  transform:none!important;
  transition:transform .18s ease,background .18s ease!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]:checked + .sb-toggle-ui{
  background:#0a84ff!important;
  border-color:#58adff!important;
  box-shadow:0 0 0 1px rgba(88,173,255,.12),0 5px 18px rgba(10,132,255,.18)!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]:checked + .sb-toggle-ui::after{
  transform:translateX(24px)!important;
  background:#fff!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-actions-v3{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:14px!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-actions-v3 .sb-button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  justify-content:center!important;
  padding-inline:10px!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-v3 .sb-task-type{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-v3 .sb-task-main{
  min-width:0!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-v3{
  display:flex!important;
  flex-direction:column!important;
}
[data-platform-ui-standard="native-v4"] .sb-task-card-v3 .sb-task-card-actions-v3{
  margin-top:auto!important;
}
@media(max-width:560px){
  [data-platform-ui-standard="native-v4"] .sb-inline-toggle{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:12px 13px!important}
  [data-platform-ui-standard="native-v4"] .sb-task-card-actions-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Native v4.2 navigation, language and canonical toggle polish */
[data-platform-ui-standard="native-v4"] .sb-tool-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
[data-platform-ui-standard="native-v4"] .sb-all-tools-link{min-height:44px;padding:0 15px;border-color:#2b5c77;background:#0a1f2d;color:#d8edf9;font-weight:800;text-decoration:none}
[data-platform-ui-standard="native-v4"] .sb-all-tools-link:hover{border-color:#4b90b7;background:#0d2a3b;color:#fff}
[data-platform-ui-standard="native-v4"] .sb-language-select{height:44px;min-width:124px;padding:0 36px 0 13px;border:1px solid #2b5c77;border-radius:11px;background:#081b27;color:#e6f4fc;font:700 14px/1 var(--font-family,"Segoe UI",system-ui,sans-serif);cursor:pointer;outline:none}
[data-platform-ui-standard="native-v4"] .sb-language-select:focus{border-color:#4aa8ff;box-shadow:0 0 0 3px rgba(10,132,255,.14)}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  align-items:center!important;
  column-gap:20px!important;
  padding:12px 15px 12px 17px!important;
  border:1px solid #285d78!important;
  border-radius:14px!important;
  background:#071c28!important;
  overflow:hidden!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy{grid-column:1!important;grid-row:1!important;align-self:center!important;gap:3px!important}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy strong{font-size:15.5px!important;line-height:1.25!important}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-copy small{font-size:12.5px!important;line-height:1.35!important;color:#91afbf!important}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-ui{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;
  width:56px!important;height:32px!important;border-radius:999px!important;
  border:1px solid #416f87!important;background:#102d3b!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.32)!important;
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-ui::before{
  content:'OFF';position:absolute;left:-42px;top:50%;transform:translateY(-50%);
  width:34px;text-align:right;color:#7394a6;font-size:9px;font-weight:900;letter-spacing:.06em
}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle .sb-toggle-ui::after{top:4px!important;left:4px!important;width:22px!important;height:22px!important;background:#b7cbd5!important}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]:checked + .sb-toggle-ui{background:#0a84ff!important;border-color:#69b7ff!important}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]:checked + .sb-toggle-ui::before{content:'ON';color:#72bdff}
[data-platform-ui-standard="native-v4"] .sb-inline-toggle input[type="checkbox"]:checked + .sb-toggle-ui::after{transform:translateX(24px)!important;background:#fff!important}
html[dir="rtl"] [data-platform-ui-standard="native-v4"] .sb-tool-top-actions{justify-content:flex-start}
html[dir="rtl"] [data-platform-ui-standard="native-v4"] .sb-all-tools-link{direction:rtl}
@media(max-width:760px){[data-platform-ui-standard="native-v4"] .sb-tool-top-actions{width:100%;justify-content:stretch}[data-platform-ui-standard="native-v4"] .sb-tool-top-actions>*{flex:1 1 auto}[data-platform-ui-standard="native-v4"] .sb-language-select{min-width:110px}}

/* Native v4.3 compact navigation + language toolbar */
[data-platform-ui-standard="native-v4"] .sb-tool-top-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;min-width:min(100%,560px)}
[data-platform-ui-standard="native-v4"] .sb-platform-top-note{max-width:560px;color:#91adbd!important;font-size:12.5px!important;line-height:1.35!important;text-align:right}
[data-platform-ui-standard="native-v4"] .sb-tool-toolbar{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-wrap:wrap}
[data-platform-ui-standard="native-v4"] .sb-all-tools-link,[data-platform-ui-standard="native-v4"] .sb-language-control{min-height:50px;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid #285f7c;border-radius:12px;background:linear-gradient(180deg,#0a2231,#071a26);color:#e7f5fc;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
[data-platform-ui-standard="native-v4"] .sb-all-tools-link{min-width:176px}
[data-platform-ui-standard="native-v4"] .sb-all-tools-link:hover{border-color:#4aa8df;background:linear-gradient(180deg,#0d2b3d,#092131);transform:translateY(-1px)}
[data-platform-ui-standard="native-v4"] .sb-toolbar-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#0c3146;color:#60c7ff;font-size:17px;font-weight:900}
[data-platform-ui-standard="native-v4"] .sb-language-icon{font-size:18px}
[data-platform-ui-standard="native-v4"] .sb-toolbar-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.1}
[data-platform-ui-standard="native-v4"] .sb-toolbar-copy small{color:#7898aa;font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
[data-platform-ui-standard="native-v4"] .sb-toolbar-copy strong{color:#edf8fd;font-size:13.5px;font-weight:850;white-space:nowrap}
[data-platform-ui-standard="native-v4"] .sb-language-control{min-width:154px;cursor:pointer}
[data-platform-ui-standard="native-v4"] .sb-language-select{width:100%!important;height:auto!important;min-width:98px!important;padding:0 20px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#edf8fd!important;box-shadow:none!important;font:800 13.5px/1.15 var(--font-family,"Segoe UI",system-ui,sans-serif)!important;cursor:pointer}
[data-platform-ui-standard="native-v4"] .sb-language-select:focus{outline:none!important;box-shadow:none!important}
[data-platform-ui-standard="native-v4"] .sb-new-task-button{min-height:50px!important;padding-inline:18px!important}
html[dir="rtl"] [data-platform-ui-standard="native-v4"] .sb-platform-top-note{text-align:left}
html[dir="rtl"] [data-platform-ui-standard="native-v4"] .sb-toolbar-icon{transform:scaleX(-1)}
@media(max-width:900px){[data-platform-ui-standard="native-v4"] .sb-tool-top-actions{width:100%;align-items:stretch!important;min-width:0}[data-platform-ui-standard="native-v4"] .sb-platform-top-note{text-align:left;max-width:none}[data-platform-ui-standard="native-v4"] .sb-tool-toolbar{justify-content:stretch}[data-platform-ui-standard="native-v4"] .sb-all-tools-link,[data-platform-ui-standard="native-v4"] .sb-language-control{flex:1 1 180px}[data-platform-ui-standard="native-v4"] .sb-new-task-button{flex:1 1 150px}}


/* 2026-08-29: explicit Free/VIP positioning + language polish */
[data-platform-ui-standard="native-v4"] .sb-tool-subtitle{max-width:680px}
[data-platform-ui-standard="native-v4"] .sb-tool-access-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 0!important;font-size:12px;line-height:1.35;color:#9db6c5!important}
[data-platform-ui-standard="native-v4"] .sb-tool-access-note strong{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
[data-platform-ui-standard="native-v4"] .sb-tool-access-note--free strong{background:rgba(53,210,141,.09);border:1px solid rgba(53,210,141,.28);color:#72e8af}
[data-platform-ui-standard="native-v4"] .sb-tool-access-note--vip strong{background:rgba(177,140,255,.10);border:1px solid rgba(177,140,255,.30);color:#d6c4ff}
[data-platform-ui-standard="native-v4"] .sb-language-select{color-scheme:dark!important}
[data-platform-ui-standard="native-v4"] .sb-language-select option{background:#0a1d2a!important;color:#eaf7fd!important}

/* Native v5 — final shared Social Tools interaction standard */
[data-platform-ui-standard="native-v5"] .sb-task-card-v5{display:flex;flex-direction:column;min-width:0;overflow:visible}
[data-platform-ui-standard="native-v5"] .sb-task-progress{height:6px;margin:0 16px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}
[data-platform-ui-standard="native-v5"] .sb-task-progress>div{height:100%;background:linear-gradient(90deg,#168cff,#42b7ff);border-radius:inherit;transition:width .22s ease}
[data-platform-ui-standard="native-v5"] .sb-task-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-platform-ui-standard="native-v5"] .sb-task-primary-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:8px;padding:14px 16px 16px}
[data-platform-ui-standard="native-v5"] .sb-task-primary-actions .sb-button{min-width:0;width:100%}
[data-platform-ui-standard="native-v5"] .sb-task-more{margin:0 16px 16px;padding:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border:1px solid rgba(81,163,214,.22);border-radius:12px;background:rgba(4,19,30,.68)}
[data-platform-ui-standard="native-v5"] .sb-task-more button{min-height:36px;border:0;border-radius:9px;background:rgba(18,58,82,.6);color:#d8e8f3;font:700 12px/1 var(--font-family);cursor:pointer}
[data-platform-ui-standard="native-v5"] .sb-task-more button:hover{background:rgba(27,86,123,.75);color:#fff}
[data-platform-ui-standard="native-v5"] .sb-task-more button.danger{color:#ff9fa6;background:rgba(114,25,36,.22)}
[data-platform-ui-standard="native-v5"] .sb-task-history{margin:0 16px 16px;border:1px solid rgba(81,163,214,.18);border-radius:12px;overflow:hidden}
[data-platform-ui-standard="native-v5"] .sb-task-history>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-top:1px solid rgba(81,163,214,.12);font-size:12px;color:#91aabb}
[data-platform-ui-standard="native-v5"] .sb-task-history>div:first-child{border-top:0}
[data-platform-ui-standard="native-v5"] .sb-task-history strong{color:#dbeaf4}
[data-platform-ui-standard="native-v5"] .sb-task-history-empty{margin:0 16px 16px;padding:12px;border-radius:10px;background:rgba(255,255,255,.025);color:#8099aa;font-size:12px}
[data-platform-ui-standard="native-v5"] .sb-task-status--completed{color:#75e6bc;border-color:rgba(45,205,153,.3);background:rgba(45,205,153,.09)}
[data-platform-ui-standard="native-v5"] .sb-task-status--completed_with_errors{color:#ffd38b;border-color:rgba(255,180,66,.3);background:rgba(255,180,66,.08)}
[data-platform-ui-standard="native-v5"] .sb-task-status--failed{color:#ff9aa3;border-color:rgba(255,91,107,.3);background:rgba(255,91,107,.08)}
[data-platform-ui-standard="native-v5"] .sb-tool-empty-v5{padding:38px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;border:1px dashed rgba(78,160,211,.3);border-radius:18px;background:rgba(5,28,42,.5)}
[data-platform-ui-standard="native-v5"] .sb-tool-empty-v5 strong{font:800 19px/1.2 var(--font-display);color:#f3f8fb}
[data-platform-ui-standard="native-v5"] .sb-tool-empty-v5 span{max-width:620px;color:#94aebe;font-size:14px}
[data-platform-ui-standard="native-v5"] .sb-tool-empty-v5 .sb-button{margin-top:8px}
[data-platform-ui-standard="native-v5"] .sb-execution-details>summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;color:#dbeaf4!important;cursor:pointer}
[data-platform-ui-standard="native-v5"] .sb-execution-details>summary span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6f91a6}
[data-platform-ui-standard="native-v5"] .sb-execution-details[open]>summary{margin-bottom:18px}
[data-platform-ui-standard="native-v5"] .sb-advanced-window{grid-column:1/-1;margin-top:4px;border-top:1px solid rgba(68,135,176,.16);padding-top:12px}
[data-platform-ui-standard="native-v5"] .sb-advanced-window>summary{cursor:pointer;color:#a8c1d1;font-weight:750}
[data-platform-ui-standard="native-v5"] .sb-advanced-window[open]>summary{margin-bottom:14px}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle{min-height:74px!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:18px!important;border-radius:14px!important;background:rgba(5,24,36,.78)!important}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy strong{font-size:14px;color:#e6f0f6}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy small{font-size:12px;line-height:1.35;color:#829cab}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
[data-platform-ui-standard="native-v5"] .sb-toggle-ui{position:relative!important;flex:0 0 58px!important;width:58px!important;height:32px!important;border-radius:999px!important;border:1px solid rgba(101,164,202,.44)!important;background:#0d2b3d!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.32)!important;transition:.2s ease!important}
[data-platform-ui-standard="native-v5"] .sb-toggle-ui i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#c8d8e3;box-shadow:0 2px 7px rgba(0,0,0,.38);transition:.2s ease}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input:checked+.sb-toggle-ui{background:linear-gradient(135deg,#0a84ff,#2ca6ff)!important;border-color:#55b8ff!important;box-shadow:0 0 0 3px rgba(34,151,255,.10),inset 0 1px 2px rgba(255,255,255,.22)!important}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input:checked+.sb-toggle-ui i{left:29px;background:#fff}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle:focus-within .sb-toggle-ui{outline:3px solid rgba(36,153,255,.22);outline-offset:2px}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-v5{border:1px solid rgba(68,145,192,.22);border-radius:15px;background:rgba(4,19,30,.54);overflow:hidden}
[data-platform-ui-standard="native-v5"] .sb-profile-filterbar{display:grid;grid-template-columns:1.5fr repeat(3,minmax(130px,.7fr));gap:8px;padding:10px;border-bottom:1px solid rgba(68,145,192,.16)}
[data-platform-ui-standard="native-v5"] .sb-profile-filterbar input,[data-platform-ui-standard="native-v5"] .sb-profile-filterbar select{min-height:42px;border:1px solid rgba(76,153,198,.35);border-radius:10px;background:#071e2c;color:#e7f1f7;padding:0 11px}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-actions{display:flex;align-items:center;gap:8px;padding:9px 10px;color:#89a4b4;font-size:12px}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-actions>span{margin-inline-start:auto}
[data-platform-ui-standard="native-v5"] .sb-mini-button{min-height:32px;padding:0 10px;border:1px solid rgba(70,150,200,.32);border-radius:8px;background:rgba(18,62,88,.5);color:#cfe1ec;font:700 11.5px var(--font-family);cursor:pointer}
[data-platform-ui-standard="native-v5"] .sb-mini-button:hover{border-color:#2fa5ef;color:#fff}
[data-platform-ui-standard="native-v5"] .sb-profile-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px;max-height:250px;overflow:auto;padding:10px}
[data-platform-ui-standard="native-v5"] .sb-profile-option{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(73,139,180,.16);border-radius:10px;background:rgba(8,34,49,.55);cursor:pointer}
[data-platform-ui-standard="native-v5"] .sb-profile-option input{width:18px;height:18px;accent-color:#198fff}
[data-platform-ui-standard="native-v5"] .sb-profile-option span{display:flex;min-width:0;flex-direction:column}
[data-platform-ui-standard="native-v5"] .sb-profile-option strong{font-size:12.5px;color:#e4edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-platform-ui-standard="native-v5"] .sb-profile-option small{font-size:10.5px;color:#7895a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-empty{padding:18px;color:#879fab;font-size:12px;text-align:center}
[data-platform-ui-standard="native-v5"] .sb-action-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(57,171,242,.26);border-radius:11px;background:rgba(26,111,164,.08);color:#a9cde3;font-size:12px}
[data-platform-ui-standard="native-v5"] .sb-action-suggestion strong{color:#55b9ff}
[data-platform-ui-standard="native-v5"] .sb-download-task-ready{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(57,171,242,.26);border-radius:10px;background:rgba(57,171,242,.08)}
[data-platform-ui-standard="native-v5"] .sb-download-task-ready strong{font-size:22px;color:#fff}
[data-platform-ui-standard="native-v5"] .sb-download-task-ready span{font-size:12px;color:#91b3c7}
@media(max-width:980px){[data-platform-ui-standard="native-v5"] .sb-task-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}[data-platform-ui-standard="native-v5"] .sb-task-more{grid-template-columns:repeat(2,minmax(0,1fr))}[data-platform-ui-standard="native-v5"] .sb-profile-filterbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){[data-platform-ui-standard="native-v5"] .sb-task-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}[data-platform-ui-standard="native-v5"] .sb-profile-filterbar{grid-template-columns:1fr}[data-platform-ui-standard="native-v5"] .sb-inline-toggle{align-items:flex-start!important}[data-platform-ui-standard="native-v5"] .sb-toggle-ui{margin-top:3px}}

/* Native v5.1 — layout regression repair and shared toolbar polish */
[data-platform-ui-standard="native-v5"] .sb-tool-topbar{
  align-items:center;
  gap:28px;
}
[data-platform-ui-standard="native-v5"] .sb-tool-identity{
  flex:1 1 520px;
}
[data-platform-ui-standard="native-v5"] .sb-tool-subtitle{
  max-width:660px;
}
[data-platform-ui-standard="native-v5"] .sb-tool-top-actions{
  display:flex!important;
  flex:1 1 620px;
  min-width:0;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:10px!important;
}
[data-platform-ui-standard="native-v5"] .sb-platform-top-note{
  width:100%;
  max-width:620px;
  color:#91adbd!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:right;
}
[data-platform-ui-standard="native-v5"] .sb-tool-toolbar{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
}
[data-platform-ui-standard="native-v5"] .sb-all-tools-link,
[data-platform-ui-standard="native-v5"] .sb-language-control{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border:1px solid #285f7c;
  border-radius:12px;
  background:linear-gradient(180deg,#0a2231,#071a26);
  color:#e7f5fc;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
[data-platform-ui-standard="native-v5"] .sb-all-tools-link{
  min-width:180px;
}
[data-platform-ui-standard="native-v5"] .sb-all-tools-link:hover{
  border-color:#4aa8df;
  background:linear-gradient(180deg,#0d2b3d,#092131);
  color:#fff;
  transform:translateY(-1px);
}
[data-platform-ui-standard="native-v5"] .sb-toolbar-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#0c3146;
  color:#60c7ff;
  font-size:17px;
  font-weight:900;
}
[data-platform-ui-standard="native-v5"] .sb-language-icon{font-size:18px}
[data-platform-ui-standard="native-v5"] .sb-toolbar-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  line-height:1.1;
}
[data-platform-ui-standard="native-v5"] .sb-toolbar-copy small{
  color:#7898aa;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
[data-platform-ui-standard="native-v5"] .sb-toolbar-copy strong{
  color:#edf8fd;
  font-size:13.5px;
  font-weight:850;
  white-space:nowrap;
}
[data-platform-ui-standard="native-v5"] .sb-language-control{
  min-width:166px;
  cursor:pointer;
}
[data-platform-ui-standard="native-v5"] .sb-language-select{
  width:100%!important;
  height:auto!important;
  min-width:106px!important;
  padding:0 22px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#edf8fd!important;
  color-scheme:dark!important;
  box-shadow:none!important;
  outline:none!important;
  font:800 13.5px/1.2 var(--font-family)!important;
  cursor:pointer;
}
[data-platform-ui-standard="native-v5"] .sb-language-select option{
  background:#0a1d2a!important;
  color:#eaf7fd!important;
}
[data-platform-ui-standard="native-v5"] .sb-new-task-button{
  min-height:52px!important;
  padding-inline:20px!important;
  white-space:nowrap;
}
[data-platform-ui-standard="native-v5"] .sb-task-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
[data-platform-ui-standard="native-v5"] .sb-task-card-v5{
  overflow:hidden;
  min-height:250px;
}
[data-platform-ui-standard="native-v5"] .sb-task-card-v5 .sb-task-card-head{
  min-height:92px;
}
[data-platform-ui-standard="native-v5"] .sb-task-card-v5 .sb-task-main{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
}
[data-platform-ui-standard="native-v5"] .sb-task-card-v5 .sb-action-chip{
  align-self:flex-start;
  min-height:24px;
  padding:0 8px;
  font-size:10.5px;
}
[data-platform-ui-standard="native-v5"] .sb-task-card-v5 .sb-task-type{
  display:block;
  width:100%;
  margin:0!important;
  overflow:hidden;
  color:#f2f8fc!important;
  font-size:15px!important;
  line-height:1.3!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  direction:ltr;
  text-align:left!important;
}
[data-platform-ui-standard="native-v5"] .sb-task-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #193647;
  border-bottom:1px solid #193647;
  background:rgba(4,15,23,.38);
}
[data-platform-ui-standard="native-v5"] .sb-task-metric{
  min-width:0;
  padding:12px 13px;
}
[data-platform-ui-standard="native-v5"] .sb-task-metric+.sb-task-metric{
  border-inline-start:1px solid #193647;
}
[data-platform-ui-standard="native-v5"] .sb-task-metric span{
  display:block;
  margin-bottom:5px;
  overflow:hidden;
  color:#7191a5;
  font-size:9.5px;
  font-weight:750;
  letter-spacing:.07em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
[data-platform-ui-standard="native-v5"] .sb-task-metric strong{
  display:block;
  overflow:hidden;
  color:#eaf4fa;
  font-size:13.5px;
  font-weight:800;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-platform-top-note{text-align:left}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-toolbar-icon{transform:scaleX(-1)}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-language-icon{transform:none}
@media(max-width:1180px){
  [data-platform-ui-standard="native-v5"] .sb-tool-topbar{align-items:flex-start;flex-wrap:wrap}
  [data-platform-ui-standard="native-v5"] .sb-tool-top-actions{width:100%;flex-basis:100%;align-items:stretch!important}
  [data-platform-ui-standard="native-v5"] .sb-platform-top-note{max-width:none;text-align:left}
  [data-platform-ui-standard="native-v5"] .sb-tool-toolbar{justify-content:flex-start}
  [data-platform-ui-standard="native-v5"] .sb-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  [data-platform-ui-standard="native-v5"] .sb-tool-shell{width:min(100% - 24px,1500px);padding-top:16px}
  [data-platform-ui-standard="native-v5"] .sb-tool-topbar{padding:18px}
  [data-platform-ui-standard="native-v5"] .sb-tool-toolbar{display:grid;grid-template-columns:1fr 1fr}
  [data-platform-ui-standard="native-v5"] .sb-new-task-button{grid-column:1/-1}
  [data-platform-ui-standard="native-v5"] .sb-all-tools-link,
  [data-platform-ui-standard="native-v5"] .sb-language-control{min-width:0}
  [data-platform-ui-standard="native-v5"] .sb-task-grid{grid-template-columns:1fr;padding:12px}
  [data-platform-ui-standard="native-v5"] .sb-task-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-platform-ui-standard="native-v5"] .sb-task-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-platform-ui-standard="native-v5"] .sb-task-metric:nth-child(3){border-inline-start:0;border-top:1px solid #193647}
  [data-platform-ui-standard="native-v5"] .sb-task-metric:nth-child(4){border-top:1px solid #193647}
}

/* Native v5.2 — canonical execution switch redesign */
[data-platform-ui-standard="native-v5"] .sb-inline-toggle{
  position:relative!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:24px!important;
  padding:14px 16px 14px 18px!important;
  overflow:visible!important;
  border:1px solid rgba(72,151,199,.34)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(8,31,45,.96),rgba(5,24,36,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle:hover{
  border-color:rgba(79,174,232,.58)!important;
  background:linear-gradient(180deg,rgba(9,38,55,.98),rgba(6,28,42,.98))!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle:focus-within{
  border-color:#4aaeff!important;
  box-shadow:0 0 0 3px rgba(31,146,235,.13),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  margin:0!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy strong{
  margin:0!important;
  color:#edf7fd!important;
  font-size:15.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy small{
  margin:0!important;
  color:#8da9b9!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
}
/* Keep the real input accessible without allowing legacy checkbox styling to leak into the switch. */
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  min-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]::before,
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  position:relative!important;
  display:block!important;
  flex:none!important;
  width:64px!important;
  height:36px!important;
  margin:0!important;
  border:1px solid rgba(116,158,181,.48)!important;
  border-radius:999px!important;
  background:#102b3a!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.28)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui::before{
  content:'OFF'!important;
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  left:auto!important;
  width:auto!important;
  transform:translateY(-50%)!important;
  color:#7897a8!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  pointer-events:none!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui::after{
  content:''!important;
  position:absolute!important;
  top:4px!important;
  left:4px!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:#d7e5ed!important;
  box-shadow:0 3px 9px rgba(0,0,0,.42)!important;
  transform:translateX(0)!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui>i{display:none!important}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]:checked + .sb-toggle-ui{
  border-color:#62b9ff!important;
  background:linear-gradient(135deg,#087cf0,#249dff)!important;
  box-shadow:0 0 0 3px rgba(27,143,242,.10),inset 0 1px 2px rgba(255,255,255,.22)!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]:checked + .sb-toggle-ui::before{
  content:'ON'!important;
  right:auto!important;
  left:9px!important;
  color:#dff3ff!important;
}
[data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]:checked + .sb-toggle-ui::after{
  transform:translateX(28px)!important;
  background:#fff!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle{
  grid-template-columns:auto minmax(0,1fr)!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy{
  grid-column:2!important;
  align-items:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui{
  grid-column:1!important;
  justify-self:start!important;
}
@media(max-width:620px){
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle{
    min-height:76px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:14px!important;
    padding:12px 13px!important;
  }
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy strong{font-size:14.5px!important}
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy small{font-size:11.5px!important}
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui{width:60px!important;height:34px!important;margin-top:0!important}
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui::after{width:24px!important;height:24px!important}
  [data-platform-ui-standard="native-v5"] .sb-inline-toggle>input[type="checkbox"]:checked + .sb-toggle-ui::after{transform:translateX(26px)!important}
  html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle{grid-template-columns:auto minmax(0,1fr)!important}
}

/* Native v5.2 — Arabic / RTL form control polish */
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-content,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-body{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-header{
  direction:rtl;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-header h2{
  text-align:right;
  letter-spacing:0!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-group-v3 h3{
  text-align:right;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.5;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field{
  align-items:stretch;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field>span{
  display:block;
  text-align:right;
  line-height:1.45;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field select,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field textarea{
  direction:rtl;
  text-align:right;
  padding-inline:14px 38px;
}
/* URLs, numeric values and technical coordinates must keep their natural LTR order. */
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field input[type="url"],
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field input[type="number"],
html[dir="rtl"] [data-platform-ui-standard="native-v5"] #sbWidth,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] #sbHeight,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] #sbX,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] #sbY{
  direction:ltr!important;
  unicode-bidi:plaintext;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field input[type="url"]{
  text-align:left!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field input[type="number"]{
  text-align:right!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-execution-details>summary,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-advanced-window>summary{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-execution-details>summary>strong{
  order:1;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-execution-details>summary>span{
  order:2;
  margin-inline-start:auto;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-group-v3>summary::before{
  order:3;
  margin-inline-start:8px;
  transform:rotate(180deg);
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-group-v3[open]>summary::before{
  transform:rotate(90deg);
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle{
  direction:rtl;
  grid-template-columns:minmax(0,1fr) auto!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-copy{
  grid-column:1!important;
  align-items:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-inline-toggle .sb-toggle-ui{
  grid-column:2!important;
  justify-self:end!important;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-profile-filterbar input{
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-profile-filterbar select{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-profile-option{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-profile-option span{
  align-items:flex-start;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-action-suggestion{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-footer{
  direction:rtl;
  justify-content:flex-start!important;
}
@media(max-width:900px){
  html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field select,
  html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-native-field textarea{
    padding-inline:13px 34px;
  }
}

/* Native v5.3 — Final UX, Profile Picker v2 and runner visibility */
[data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-footer{
  gap:10px!important;
}
[data-platform-ui-standard="native-v5"] .sb-task-modal-v3 .modal-footer [data-save-run]{
  min-width:150px;
  box-shadow:0 8px 24px rgba(14,132,255,.2);
}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border-bottom:1px solid rgba(74,143,184,.16);
  background:linear-gradient(180deg,rgba(10,132,255,.07),rgba(255,255,255,.01));
}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-summary>div:first-child{
  min-width:180px;
}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-summary strong{
  display:block;
  color:#eaf6ff;
  font-size:15px;
  line-height:1.25;
}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-summary span{
  display:block;
  margin-top:4px;
  color:#87a7b9;
  font-size:12px;
  line-height:1.4;
}
[data-platform-ui-standard="native-v5"] .sb-selected-profile-chips{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}
[data-platform-ui-standard="native-v5"] .sb-selected-profile-chip{
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 9px;
  border:1px solid rgba(75,167,223,.25);
  border-radius:999px;
  background:rgba(15,132,221,.09);
  color:#bfe8ff!important;
  font-size:11px!important;
  font-weight:750;
}
[data-platform-ui-standard="native-v5"] .sb-selected-profile-chip.is-more{
  color:#fff!important;
  background:rgba(10,132,255,.2);
}
[data-platform-ui-standard="native-v5"] .sb-profile-picker-actions .sb-mini-button.is-active{
  color:#dff4ff;
  border-color:rgba(63,174,244,.6);
  background:rgba(10,132,255,.18);
  box-shadow:inset 0 0 0 1px rgba(10,132,255,.08);
}
[data-platform-ui-standard="native-v5"] .sb-profile-option{
  position:relative;
}
[data-platform-ui-standard="native-v5"] .sb-profile-option>em{
  margin-inline-start:auto;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#7f9bab;
  font-size:10px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
[data-platform-ui-standard="native-v5"] .sb-runner-panel{
  margin:0 14px 14px;
  overflow:hidden;
  border:1px solid rgba(64,145,191,.28);
  border-radius:13px;
  background:rgba(2,15,24,.56);
}
[data-platform-ui-standard="native-v5"] .sb-runner-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid rgba(64,145,191,.18);
  background:rgba(10,132,255,.045);
}
[data-platform-ui-standard="native-v5"] .sb-runner-head>div:first-child strong{
  display:block;
  color:#eaf5fb;
  font-size:13px;
}
[data-platform-ui-standard="native-v5"] .sb-runner-head>div:first-child span{
  color:#819eae;
  font-size:11px;
}
[data-platform-ui-standard="native-v5"] .sb-runner-summary{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  color:#89a6b5;
  font-size:10.5px;
  font-weight:750;
}
[data-platform-ui-standard="native-v5"] .sb-runner-summary .is-success{color:#5cd6a6}
[data-platform-ui-standard="native-v5"] .sb-runner-summary .is-error{color:#ff8793}
[data-platform-ui-standard="native-v5"] .sb-runner-list{
  max-height:260px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#285a74 transparent;
}
[data-platform-ui-standard="native-v5"] .sb-runner-row{
  display:grid;
  grid-template-columns:minmax(140px,1.3fr) minmax(90px,.7fr) minmax(88px,.55fr) minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 12px;
  border-top:1px solid rgba(64,145,191,.1);
  color:#b8cfdb;
  font-size:11px;
}
[data-platform-ui-standard="native-v5"] .sb-runner-row:first-child{border-top:0}
[data-platform-ui-standard="native-v5"] .sb-runner-profile{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e4f1f8;
  font-weight:750;
}
[data-platform-ui-standard="native-v5"] .sb-runner-state{
  justify-self:start;
  padding:3px 7px;
  border:1px solid rgba(125,160,178,.22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
[data-platform-ui-standard="native-v5"] .sb-runner-row.is-success .sb-runner-state{color:#58d9a5;border-color:rgba(74,217,162,.25);background:rgba(74,217,162,.07)}
[data-platform-ui-standard="native-v5"] .sb-runner-row.is-failed .sb-runner-state{color:#ff8793;border-color:rgba(255,107,124,.25);background:rgba(255,107,124,.07)}
[data-platform-ui-standard="native-v5"] .sb-runner-row.is-running .sb-runner-state,
[data-platform-ui-standard="native-v5"] .sb-runner-row.is-starting .sb-runner-state{color:#75c8ff;border-color:rgba(75,178,242,.28);background:rgba(10,132,255,.08)}
[data-platform-ui-standard="native-v5"] .sb-runner-row.is-retry_wait .sb-runner-state{color:#ffd27a;border-color:rgba(255,190,75,.28);background:rgba(255,180,38,.07)}
[data-platform-ui-standard="native-v5"] .sb-runner-attempt{color:#7693a3;white-space:nowrap}
[data-platform-ui-standard="native-v5"] .sb-runner-error{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d99aa2;
}
[data-platform-ui-standard="native-v5"] .sb-task-more{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-profile-picker-summary,
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-runner-head{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-selected-profile-chips{
  justify-content:flex-start;
}
html[dir="rtl"] [data-platform-ui-standard="native-v5"] .sb-runner-row{
  direction:rtl;
  text-align:right;
}
@media(max-width:760px){
  [data-platform-ui-standard="native-v5"] .sb-profile-picker-summary{flex-direction:column}
  [data-platform-ui-standard="native-v5"] .sb-selected-profile-chips{justify-content:flex-start}
  [data-platform-ui-standard="native-v5"] .sb-runner-head{align-items:flex-start;flex-direction:column}
  [data-platform-ui-standard="native-v5"] .sb-runner-summary{justify-content:flex-start}
  [data-platform-ui-standard="native-v5"] .sb-runner-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}
  [data-platform-ui-standard="native-v5"] .sb-runner-attempt,[data-platform-ui-standard="native-v5"] .sb-runner-error{grid-column:1/-1}
  [data-platform-ui-standard="native-v5"] .sb-task-more{grid-template-columns:repeat(2,minmax(0,1fr))}
}