/* Instatube Confluência 0.1 — load after tokens.css; scope: .it-ds */
.it-ds { background:var(--it-canvas);color:var(--it-text);font:var(--it-weight-regular) var(--it-text-md)/var(--it-line-body) var(--it-font-body); }
.it-ds *, .it-ds *::before, .it-ds *::after { box-sizing:border-box; }
.it-ds [hidden] { display:none!important; }
.it-ds :is(h1,h2,h3,p) { margin:0; }
.it-ds :is(h1,h2,h3) { font-family:var(--it-font-heading);line-height:var(--it-line-heading);font-weight:var(--it-weight-bold); }
.it-ds h1 { font-size:var(--it-text-display);letter-spacing:-.045em; }
.it-ds h2 { font-size:var(--it-text-2xl);letter-spacing:-.035em; }
.it-ds h3 { font-size:var(--it-text-xl);letter-spacing:-.025em; }
.it-ds :is(button,input,select,textarea) { font:inherit; }
.it-ds :is(button,input,select,textarea,a,summary):focus-visible { outline:var(--it-focus-width) solid var(--it-focus);outline-offset:var(--it-focus-offset); }
.it-ds a { color:var(--it-link);text-underline-offset:3px; }
.it-ds .it-muted { color:var(--it-text-muted); }
.it-ds .it-small { font-size:var(--it-text-sm); }
.it-ds .it-eyebrow { font-size:var(--it-text-xs);font-weight:var(--it-weight-bold);text-transform:uppercase;letter-spacing:.12em; }
.it-ds .it-stack { display:grid;grid-template-columns:minmax(0,1fr);gap:var(--it-space-4);min-width:0; }
.it-ds .it-stack>* { min-width:0; }
.it-ds .it-row { display:flex;align-items:center;gap:var(--it-space-3);flex-wrap:wrap;min-width:0; }
.it-ds .it-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--it-space-5); }
.it-ds .it-panel { background:var(--it-surface);border:1px solid var(--it-divider);border-radius:var(--it-radius-lg);padding:var(--it-space-5);min-width:0; }
.it-ds .it-button { display:inline-flex;align-items:center;justify-content:center;gap:var(--it-space-2);min-height:var(--it-control-min);padding:var(--it-space-2) var(--it-space-4);border:1px solid var(--it-border);border-radius:var(--it-radius-md);color:var(--it-text);background:var(--it-surface);font-weight:var(--it-weight-bold);text-decoration:none;transition:background var(--it-motion-fast) var(--it-ease);overflow-wrap:anywhere; }
.it-ds .it-button:hover:not(:disabled) { background:var(--it-surface-muted); }
.it-ds .it-button-primary { background:var(--it-action);color:var(--it-on-action);border-color:var(--it-action); }
.it-ds .it-button-primary:hover:not(:disabled) { background:var(--it-action-hover); }
.it-ds .it-button-ghost { background:transparent;border-color:transparent; }
.it-ds .it-button-danger { color:var(--it-danger-text);background:var(--it-danger-bg);border-color:var(--it-danger-text); }
.it-ds .it-button:disabled { color:var(--it-on-disabled);background:var(--it-disabled);border-color:var(--it-disabled);cursor:not-allowed; }
.it-ds .it-button[aria-busy="true"]::before { content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:it-spin 900ms linear infinite; }
.it-ds .it-button svg { width:18px;height:18px;flex-shrink:0; }
.it-ds .it-field { display:grid;gap:var(--it-space-2);min-width:0;font-size:var(--it-text-sm);font-weight:var(--it-weight-medium); }
.it-ds .it-input { display:block;width:100%;min-height:var(--it-control-min);border:1px solid var(--it-border);border-radius:var(--it-radius-sm);padding:var(--it-space-3);background:var(--it-surface);color:var(--it-text);font-size:var(--it-text-md);font-weight:var(--it-weight-regular); }
.it-ds .it-input::placeholder { color:var(--it-text-muted);opacity:1; }
.it-ds textarea.it-input { resize:vertical;min-height:110px; }
.it-ds .it-input[aria-invalid="true"] { border:2px solid var(--it-danger-text); }
.it-ds .it-input:disabled { background:var(--it-disabled);color:var(--it-on-disabled); }
.it-ds .it-help { color:var(--it-text-muted);font-size:var(--it-text-sm);font-weight:var(--it-weight-regular); }
.it-ds .it-error-text { color:var(--it-danger-text);font-size:var(--it-text-sm); }
.it-ds .it-choice { display:flex;align-items:center;gap:var(--it-space-3);min-height:var(--it-control-min);padding:var(--it-space-2) 0; }
.it-ds .it-choice input { width:20px;height:20px;accent-color:var(--it-link);flex-shrink:0; }
.it-ds .it-badge { display:inline-flex;align-items:center;gap:var(--it-space-2);padding:var(--it-space-1) var(--it-space-3);border-radius:var(--it-radius-pill);font-size:var(--it-text-xs);font-weight:var(--it-weight-bold);background:var(--it-surface-muted);color:var(--it-text);max-width:100%; }
.it-ds .it-badge[data-tone="success"],.it-ds .it-notice[data-tone="success"] { background:var(--it-success-bg);color:var(--it-success-text); }
.it-ds .it-badge[data-tone="warning"],.it-ds .it-notice[data-tone="warning"] { background:var(--it-warning-bg);color:var(--it-warning-text); }
.it-ds .it-badge[data-tone="danger"],.it-ds .it-notice[data-tone="danger"] { background:var(--it-danger-bg);color:var(--it-danger-text); }
.it-ds .it-badge[data-tone="info"],.it-ds .it-notice[data-tone="info"] { background:var(--it-info-bg);color:var(--it-info-text); }
.it-ds .it-notice { padding:var(--it-space-4);border-radius:var(--it-radius-md);font-size:var(--it-text-sm); }
.it-ds .it-progress { width:100%;height:8px;accent-color:var(--it-link);border:0;border-radius:var(--it-radius-pill);background:var(--it-surface-muted);overflow:hidden; }
.it-ds .it-progress::-webkit-progress-bar { background:var(--it-surface-muted); }
.it-ds .it-progress::-webkit-progress-value { background:var(--it-link); }
.it-ds .it-progress::-moz-progress-bar { background:var(--it-link); }
.it-ds .it-segmented { display:flex;flex-wrap:wrap;gap:var(--it-space-2); }
.it-ds .it-segmented .it-button[aria-pressed="true"] { background:var(--it-selected);color:var(--it-text);border-color:var(--it-link); }
.it-ds .it-media { display:grid;grid-template-columns:100px minmax(0,1fr);gap:var(--it-space-4);align-items:center;padding:var(--it-space-4);border:1px solid var(--it-border);border-radius:var(--it-radius-md);background:var(--it-surface); }
.it-ds .it-media[aria-pressed="true"] { border:2px solid var(--it-link);background:var(--it-selected); }
.it-ds .it-media-thumb { display:grid;place-items:center;aspect-ratio:16/9;background:var(--it-surface-muted);border-radius:var(--it-radius-sm);font-size:var(--it-text-sm);font-weight:var(--it-weight-bold);color:var(--it-text-muted); }
.it-ds .it-media-thumb[data-format="short"] { aspect-ratio:9/16;max-height:126px; }
.it-ds .it-media-title { font-weight:var(--it-weight-bold);overflow-wrap:anywhere; }
.it-ds .it-media-duration { font-variant-numeric:tabular-nums;font-size:var(--it-text-xs);color:var(--it-text-muted); }
.it-ds .it-clip-list { list-style:none;padding:0;margin:0;display:grid;gap:var(--it-space-3); }
.it-ds .it-clip { display:flex;align-items:center;gap:var(--it-space-3);padding-block:var(--it-space-3);border-bottom:1px solid var(--it-divider); }
.it-ds .it-clip-content { flex:1;min-width:0; }
.it-ds .it-nav { display:flex;gap:var(--it-space-2);flex-wrap:wrap; }
.it-ds .it-nav button[aria-current="page"] { background:var(--it-selected);color:var(--it-text);border-color:var(--it-link); }
.it-ds .it-empty { display:grid;gap:var(--it-space-3);justify-items:start;padding:var(--it-space-6);background:var(--it-surface-muted);border-radius:var(--it-radius-lg); }
.it-ds .it-skeleton { height:18px;max-width:100%;border-radius:var(--it-radius-sm);background:var(--it-surface-muted); }
.it-ds .it-table { border-collapse:collapse;width:100%;font-size:var(--it-text-sm); }
.it-ds .it-table :is(th,td) { padding:var(--it-space-3);text-align:left;border-bottom:1px solid var(--it-divider);overflow-wrap:anywhere; }
.it-ds .it-table th { font-weight:var(--it-weight-bold); }
.it-ds .it-table-wrap { max-width:100%;overflow:auto; }
.it-ds .it-dialog { width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:var(--it-space-5);background:var(--it-surface);color:var(--it-text);border:1px solid var(--it-border);border-radius:var(--it-radius-lg);box-shadow:var(--it-shadow); }
.it-ds .it-dialog::backdrop { background:var(--it-scrim); }
.it-ds .it-logo { position:relative;display:block;width:180px;max-width:100%;height:48px;overflow:hidden; }
.it-ds .it-logo img { position:absolute;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%); }
.it-ds .it-logo .it-logo-light-text { display:none;filter:brightness(0) invert(1);clip-path:inset(0 0 0 24%); }
.it-ds[data-theme="dark"] .it-logo .it-logo-light-text { display:block; }
.it-ds .it-logo-large { width:410px;height:108px; }
@keyframes it-spin { to { transform:rotate(360deg); } }
@media (max-width:600px) { .it-ds .it-panel { padding:var(--it-space-4); } .it-ds .it-media { grid-template-columns:72px minmax(0,1fr); } .it-ds .it-clip { flex-wrap:wrap; } .it-ds .it-clip-content { flex-basis:calc(100% - 44px); } .it-ds .it-logo-large { height:90px; } }
@media (prefers-reduced-motion:reduce) { .it-ds *, .it-ds *::before, .it-ds *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }

/* Execution timeline observes API evidence; state colors never come from the whole job. */
.it-ds .execution-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--it-space-4);flex-wrap:wrap;margin-bottom:var(--it-space-5)}
.it-ds .execution-heading h3{font-size:var(--it-text-lg);margin:var(--it-space-2) 0;overflow-wrap:anywhere}
.it-ds .execution-card .actions{margin-top:var(--it-space-5)}
.it-ds .pipeline-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:var(--it-radius-sm);padding-bottom:var(--it-space-4)}
.it-ds .pipeline-line{display:flex;list-style:none;padding:var(--it-space-2) 0;margin:0;min-width:max-content;gap:var(--it-space-5)}
.it-ds .pipeline-step{position:relative;display:grid;grid-template-rows:36px auto;gap:var(--it-space-3);width:150px;color:var(--it-text-muted);font-size:var(--it-text-sm);isolation:isolate}
.it-ds .pipeline-step:not(:last-child)::after{content:'';position:absolute;top:17px;left:36px;width:calc(100% - 12px);height:2px;background:var(--it-divider);z-index:-1}
.it-ds .pipeline-marker{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--it-radius-pill);border:1px solid currentColor;background:var(--it-surface-muted);font-weight:var(--it-weight-bold);font-size:var(--it-text-lg)}
.it-ds .pipeline-copy{display:grid;align-content:start;gap:var(--it-space-1);padding-right:var(--it-space-3)}
.it-ds .pipeline-copy strong{color:var(--it-text);line-height:1.4}
.it-ds .pipeline-status{font-size:var(--it-text-xs);font-weight:var(--it-weight-medium)}
.it-ds .pipeline-step[data-status=succeeded]{color:var(--it-success-text)}
.it-ds .pipeline-step[data-status=succeeded] .pipeline-marker{background:var(--it-success-bg)}
.it-ds .pipeline-step[data-status=failed]{color:var(--it-danger-text)}
.it-ds .pipeline-step[data-status=failed] .pipeline-marker{background:var(--it-danger-bg)}
.it-ds .pipeline-step[data-status=running]{color:var(--it-info-text)}
.it-ds .pipeline-step[data-status=running] .pipeline-marker{background:var(--it-info-bg)}
.it-ds .pipeline-step:is([data-status=waiting],[data-status=uncertain],[data-status=blocked]){color:var(--it-warning-text)}
.it-ds .pipeline-step:is([data-status=waiting],[data-status=uncertain],[data-status=blocked]) .pipeline-marker{background:var(--it-warning-bg)}
.it-ds .execution-event{padding:var(--it-space-4) 0;border-bottom:1px solid var(--it-divider);overflow-wrap:anywhere}
.it-ds .execution-event p{margin-top:var(--it-space-1);font-size:var(--it-text-sm)}
.it-ds .execution-event:last-child{border-bottom:0}
.it-ds .pipeline-error{color:var(--it-danger-text)}
@media(max-width:600px){
 .it-ds .pipeline-line{flex-direction:column;min-width:0;gap:var(--it-space-4)}
 .it-ds .pipeline-step{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto;width:100%;min-height:64px;gap:var(--it-space-3)}
 .it-ds .pipeline-step:not(:last-child)::after{left:17px;top:36px;height:calc(100% - 20px);width:2px}
 .it-ds .pipeline-copy{padding:var(--it-space-1) 0 var(--it-space-3)}
}