:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263448;background:#f5f7fa;font-size:14px;line-height:1.55;--ink:#17283d;--muted:#64748b;--border:#e2e8ef;--blue:#2563eb;--green:#147455;--amber:#945d13;--red:#bb3e40;--page-width:1800px;--page-gutter:clamp(16px,2vw,32px);--sidebar-width:260px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit}a{color:#245dcb;text-decoration:none}a:hover{text-decoration:underline}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91b6ff}[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button.primary:disabled{cursor:not-allowed}button,a{touch-action:manipulation}.topbar{border-bottom:1px solid var(--border);background:#fff;flex:none}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);font-size:20px;font-weight:750;letter-spacing:-.5px}.brand:hover{text-decoration:none}.brand-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#1c3556;color:#fff;font-size:20px}.brand-divider{padding:0 14px;color:#bac5d3;font-weight:400}.brand-section{font-size:16px;font-weight:500;letter-spacing:0;color:#64748b}.account{display:flex;align-items:center;gap:18px;font-size:12px}.account a{color:#60718a}.workspace{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);flex:1;min-width:0}.sidebar{min-width:0;border-right:1px solid var(--border);background:#fcfdff;padding:32px var(--page-gutter)}.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:22px}.sidebar-title h2{font-size:13px;font-weight:700;margin:0;letter-spacing:.02em}.count{border:1px solid var(--border);background:#fff;padding:1px 8px;border-radius:6px;font-size:11px;color:var(--muted)}.search-label{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.search{width:100%;padding:10px 12px;margin-bottom:20px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;font-size:12px}.branch-item{width:100%;text-align:left;display:block;background:transparent;border:1px solid transparent;border-radius:8px;padding:13px 11px;margin-bottom:7px;color:#44526a}.branch-item:hover{background:#f0f4fa}.branch-item.selected{background:#eaf0fc;border-color:#cfdcf6;color:#174294}.branch-label{display:block;font-size:12px;font-weight:650;overflow-wrap:anywhere;line-height:1.5}.branch-sub{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:7px;color:#6a7890}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9caabc;flex:none}.dot.good{background:#23976d}.dot.warning{background:#c48b31}.dot.bad{background:#cf6363}.sidebar-note{padding:16px 0;color:#8491a3;font-size:11px;border-top:1px solid var(--border);margin-top:24px}.detail{padding:32px var(--page-gutter) 48px;width:100%;min-width:0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.11em;font-weight:750;color:#7988a0;margin:0 0 9px}.detail-header h1{font-size:25px;line-height:1.4;letter-spacing:-.7px;overflow-wrap:anywhere;color:var(--ink);margin:0 0 10px}.task-links{display:flex;flex-wrap:wrap;gap:9px}.task-link{background:#fff;border:1px solid var(--border);border-radius:5px;font-size:11px;font-weight:650;padding:3px 8px}.header-actions{text-align:right;flex:none}.small{font-size:11px;color:var(--muted);margin:7px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9e1ec;background:#fff;color:#344b68;border-radius:6px;font-size:12px;font-weight:600;padding:9px 13px;line-height:1.4;min-height:36px}.button:hover{background:#f5f8fd;text-decoration:none}.button.primary{color:#fff;background:#245dd8;border-color:#245dd8}.button.primary:hover{background:#1e50bb}.button.subtle{background:transparent;color:#46678d;border-color:#e2e8f0}.button.danger{background:#a33538;color:#fff;border-color:#a33538}.status-banner{display:flex;align-items:flex-start;gap:13px;padding:17px 19px;border:1px solid #d7e7df;background:#edf7f1;border-radius:9px;margin-bottom:23px}.status-banner .status-icon{border-radius:50%;background:#d4edde;color:#21684f;min-width:25px;height:25px;display:grid;place-items:center;font-size:13px;font-weight:700}.status-banner strong{display:block;font-size:13px;color:#235e49}.status-banner p{margin:3px 0 0;font-size:12px;color:#557365}.status-banner.warning{background:#fff8ea;border-color:#eddebd}.status-banner.warning .status-icon{background:#f7e8c5;color:#8a631f}.status-banner.warning strong{color:#855e20}.status-banner.warning p{color:#8c7750}.status-banner.neutral{background:#f0f4f9;border-color:#dce4ed}.status-banner.neutral .status-icon{background:#dfe7f0;color:#536a84}.status-banner.neutral strong{color:#415a75}.status-banner.neutral p{color:#6d7f94}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 12px}.section-heading h2{font-size:14px;font-weight:700;color:var(--ink);margin:0}.section-heading p{font-size:11px;color:#8290a3;margin:0}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:21px 23px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.card-top h3{font-size:13px;color:#344965;margin:0;font-weight:700}.component-mark{font-family:monospace;font-size:15px;font-weight:400;color:#91a0b4;margin-right:9px}.badge{display:inline-flex;align-items:center;border-radius:4px;padding:3px 7px;font-size:10px;line-height:1.4;font-weight:650;white-space:nowrap;background:#f0f3f7;color:#687c94}.badge.good{background:#e7f5ed;color:#237752}.badge.warning{background:#fff3da;color:#9b6b1e}.badge.bad{background:#fcebec;color:#ba4c53}.sha{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:23px;color:#243e61;letter-spacing:-.5px}.sha-note{font-size:11px;color:#8a98aa;margin:2px 0 13px}.facts{display:grid;grid-template-columns:110px minmax(0,1fr);row-gap:8px;column-gap:8px;font-size:11px;margin:15px 0 0}.facts dt{color:#8491a4}.facts dd{margin:0;overflow-wrap:anywhere;color:#4e6077}.fact-with-dot{display:inline-flex;align-items:center;gap:6px}.link-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:17px;margin-top:18px;border-top:1px solid #edf1f5}.link-row .button{font-size:10px;padding:6px 9px;min-height:28px}.support-grid{margin-top:17px}.support-card .card-top{margin-bottom:11px}.support-card p{font-size:12px;color:#70829a;margin:8px 0}.support-card .facts{grid-template-columns:100px minmax(0,1fr)}.muted{color:var(--muted)}.note{color:#72839a;font-size:11px;line-height:1.6;margin:10px 0 0}.note.warning-text{color:#99701f}.qa-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:17px;align-items:start}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-title h3{font-size:13px;margin:0;color:#344965}.result-line{display:flex;align-items:center;gap:10px;margin:0 0 9px}.result-line strong{font-size:12px}.session-list{margin:16px 0 0;padding:0;list-style:none}.session-list li{background:#f6f8fc;padding:10px 12px;border:1px solid #e5ebf2;border-radius:6px;font-size:11px;margin-top:7px}.session-list strong{font-weight:650}.session-form{border-top:1px solid var(--border);margin-top:17px;padding-top:17px}.form-field{margin-top:13px}.form-field label{display:block;font-size:11px;font-weight:600;margin-bottom:5px;color:#5f7189}.form-field input,.form-field select,.form-field textarea{width:100%;padding:9px 10px;border:1px solid #d8e1ec;border-radius:6px;background:#fff;color:#33475f;font-size:12px}.form-field textarea{resize:vertical;min-height:86px}.form-field input[readonly],.form-field textarea[readonly]{background:#f8fafc;color:#708099}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:16px}.form-actions .note{margin:0}.changes-component{border-top:1px solid #edf1f5;padding-top:13px;margin-top:13px}.changes-component h4{font-size:12px;margin:0 0 6px;color:#455c7b}.changes-component p{font-size:11px;color:#798aa0;margin:7px 0}.categories{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.file-list{padding-left:17px;margin:9px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#6f819a;overflow-wrap:anywhere}.file-list li{margin:4px 0}details summary{cursor:pointer;font-size:11px;font-weight:600;color:#58739a}details{margin-top:13px}.history{padding-left:0;list-style:none;margin:14px 0 0;max-height:210px;overflow:auto}.history li{padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px}.history li:last-child{border-bottom:0}.history-label{display:block;color:#5f728b}.history-time{font-size:10px;color:#94a0b1}.bug-card{margin-top:24px;padding:0;overflow:hidden}.bug-heading{padding:19px 23px;background:#fafbfd;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.bug-heading h2{font-size:14px;margin:0;color:#304763}.bug-heading p{font-size:11px;margin:3px 0 0;color:#8090a5}.bug-body{padding:7px 23px 22px}.bug-fields{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px}.context-box{background:#f8fafd;border:1px solid #e4eaf2;padding:12px 14px;border-radius:6px;margin:15px 0;font-size:11px;overflow-wrap:anywhere}.context-box strong{display:block;color:#5e7695;font-size:10px;letter-spacing:.04em;margin-bottom:6px}.context-box p{margin:3px 0;color:#71849e}.context-box pre{white-space:pre-wrap;font-size:10px;max-height:220px;overflow:auto;margin:10px 0 0}.bug-success{padding:13px;background:#eaf6ee;color:#287754;border:1px solid #d4e9da;border-radius:6px;margin-top:14px}.empty-state{padding:80px 25px;text-align:center;margin:auto;max-width:540px}.empty-state h1{font-size:22px;color:#435872}.empty-state p{color:#7c8ba0;font-size:13px}.empty-symbol{font-size:46px;color:#a8bbd7}.empty-list{padding:10px;color:#8a98aa;font-size:12px}.signin{padding:100px 30px 170px;max-width:720px;margin:auto}.signin h1{font-size:46px;line-height:1.2;letter-spacing:-1.8px;color:#203b5b}.signin>p:not(.eyebrow){max-width:480px;color:#75869d;font-size:16px;margin:24px 0 30px}.notice{padding:12px max(var(--page-gutter),calc((100% - var(--page-width))/2 + var(--page-gutter)));background:#fff3e3;border-bottom:1px solid #eddfc3;color:#936024;font-size:12px}.notice.success{background:#eaf6ee;color:#276a4a;border-color:#d7eade}.notice.error{background:#fcedee;color:#a03a42;border-color:#f1d9dc}.site-footer{border-top:1px solid var(--border);background:#fff;color:#8794a5;font-size:11px;margin-top:auto;flex:none}time{white-space:nowrap}.loading{opacity:.55;pointer-events:none}.visually-hidden{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}
@media(prefers-reduced-motion:no-preference){button,a,input{transition:background-color .12s,border-color .12s}.branch-item{transition:background .12s}}

/* Recording controls live outside replaceable feature content. */
.recording-card{margin-top:20px}.recording-session-controls .form-field{max-width:520px}.recording-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.recording-item{padding:14px;border:1px solid var(--border);border-radius:7px;background:#fafcfe;min-width:0}.recording-item-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.recording-video{display:block;width:100%;max-height:430px;margin-top:12px;background:#142235;border-radius:5px}.recording-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.recording-controls .button{font-size:11px;min-height:31px;padding:6px 10px}.recording-picker{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:7px;background:#fafcfe}.recording-picker>strong{font-size:12px;color:#4e6683}.recording-options{margin-top:11px}.recording-choice{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;border-top:1px solid #e7ecf3}.recording-choice input{width:16px;height:16px;flex:none}.recording-choice a{margin-left:auto;white-space:nowrap}.recording-attachments{margin-top:12px}.recording-dock{position:sticky;bottom:0;z-index:10;max-height:48vh;max-height:48dvh;overflow:auto;overscroll-behavior:contain;flex:none;width:100%;border-top:1px solid #cedaea;background:#f5f8fd;box-shadow:0 -5px 24px #263d6112;padding:14px max(var(--page-gutter),calc((100% - var(--page-width))/2 + var(--page-gutter)))}.recording-live{width:100%;min-width:0;padding:7px 0}.recording-live+.recording-live{border-top:1px solid var(--border);margin-top:12px;padding-top:15px}.recording-live-title{display:flex;align-items:center;gap:9px;font-size:12px;color:#34516f}.recording-clock{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;padding:1px 8px;border-radius:4px;background:#e4ecf7;color:#395e88}.recording-dot{width:8px;height:8px;border-radius:50%;background:#8493a8}.recording-dot.active{background:#cb444e}.recording-live .note{margin-top:4px}.recording-live .recording-controls{margin-top:9px}.recording-link-highlight{outline:3px solid #9bbdff;outline-offset:3px}
.recording-attachment-status{margin-top:13px;border-top:1px solid var(--border)}.recording-attachment-entry{padding-top:8px}.recording-attachment-entry>a{display:inline-block;margin-top:7px;font-size:11px}.recording-attachments>.recording-item,.recording-attachments>div>.recording-item{margin-top:10px}.recording-attachment-entry .badge{vertical-align:middle}
.recording-task-controls .form-field{max-width:520px}.recording-task-target{width:auto;min-height:31px;font-size:11px;padding:5px 8px;border:1px solid var(--border);border-radius:5px;background:#fff}.recording-live-title{flex-wrap:wrap}.recording-live .note{overflow-wrap:anywhere}

/* One horizontal frame for the navigation, workspace and footer. */
.page-shell {
  width:100%;
  max-width:var(--page-width);
  margin-inline:auto;
}
.topbar-inner,.footer-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px 24px;
  padding-inline:var(--page-gutter);
}
.topbar-inner { min-height:76px; padding-block:16px; }
.footer-inner { padding-block:16px; }
.brand,.account,.detail-header>div,.status-banner>div,
.section-heading>*,.card-top>*,.panel-title>*,.bug-heading>*,
.recording-item-heading>*,.recording-choice>*,.form-field,
.form-actions>*,.recording-controls>* { min-width:0; }
.brand { max-width:100%; }
.account { flex-wrap:wrap; justify-content:flex-end; margin-left:auto; }
.account #identity { overflow-wrap:anywhere; }
.account a { flex:none; }
.detail-header>div:first-child { flex:1; }
.section-heading,.panel-title,.card-top,.bug-heading,
.recording-item-heading,.result-line { flex-wrap:wrap; }
.badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.note,.small,.status-banner p,.support-card p,.session-list li,
.bug-success,.footer-inner>span,.recording-attachment-entry>a {
  overflow-wrap:anywhere;
}
.form-field input,.form-field select,.form-field textarea,
.recording-task-target { min-width:0; max-width:100%; }
.button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.recording-controls { align-items:center; }
.recording-task-target { flex:0 1 auto; }
.recording-video { max-width:100%; }
.signin { width:100%; }

@media (max-width:1100px) {
  :root { --sidebar-width:220px; }
  .detail { padding-block:28px 40px; }
  .grid-two,.qa-columns,.recording-evidence { grid-template-columns:minmax(0,1fr); }
  .card { padding:20px; }
  .bug-card { padding:0; }
  .bug-heading { padding:18px 20px; }
  .bug-body { padding:6px 20px 20px; }
  .bug-fields { grid-template-columns:minmax(0,1fr); }
  .detail-header h1 { font-size:23px; }
}

@media (max-width:800px) {
  .workspace { display:flex; flex-direction:column; }
  .sidebar {
    border-right:0;
    border-bottom:1px solid var(--border);
    padding-block:20px;
  }
  .sidebar-title { margin-bottom:12px; }
  .search { margin-bottom:12px; }
  #branch-list {
    display:flex;
    gap:8px;
    max-width:100%;
    max-height:160px;
    overflow:auto;
    overscroll-behavior-x:contain;
    padding:4px;
    scroll-padding-inline:4px;
  }
  .branch-item {
    flex:0 0 min(260px,85%);
    min-width:0;
    margin-bottom:0;
  }
  .sidebar-note { display:none; }
  .detail { flex:1; }
  .grid-two,.recording-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topbar-inner { min-height:72px; }
  .recording-dock { max-height:45vh; max-height:45dvh; }
}

@media (max-width:640px) {
  .topbar-inner { gap:12px; }
  .brand { font-size:19px; gap:10px; }
  .brand-section { font-size:14px; }
  .brand-divider { padding-inline:8px; }
  .account { gap:12px; }
  .detail { padding-block:24px 32px; }
  .detail-header { flex-direction:column; gap:14px; }
  .detail-header h1 { font-size:22px; }
  .header-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; text-align:left; }
  .header-actions .small { margin:0; }
  .grid-two,.qa-columns,.recording-evidence { grid-template-columns:minmax(0,1fr); gap:14px; }
  .card { padding:18px; }
  .bug-card { padding:0; }
  .bug-heading { padding:18px; align-items:flex-start; }
  .bug-body { padding:6px 18px 18px; }
  .section-heading { align-items:flex-start; gap:5px; }
  .section-heading p { flex-basis:100%; }
  .panel-title { align-items:flex-start; gap:8px; }
  .facts,.support-card .facts { grid-template-columns:minmax(0,95px) minmax(0,1fr); }
  .form-actions { align-items:stretch; gap:10px; }
  .form-actions>.note { flex-basis:100%; }
  .form-field input,.form-field select,.form-field textarea,
  .search,.recording-task-target { font-size:16px; min-height:44px; }
  .button,.link-row .button,.recording-controls .button,
  .recording-live .recording-controls .button { min-height:44px; font-size:12px; padding:10px 12px; }
  .account a { display:inline-flex; align-items:center; min-height:44px; }
  .recording-controls>.button { flex:1 1 auto; }
  .recording-task-target { flex:1 1 100%; width:100%; }
  .recording-choice { flex-wrap:wrap; }
  .recording-choice a { margin-left:25px; }
  .recording-picker { padding:12px; }
  .recording-item { padding:12px; }
  .recording-dock { padding-block:12px max(12px,env(safe-area-inset-bottom)); }
  .signin { padding:64px var(--page-gutter) 80px; }
  .signin h1 { font-size:36px; }
  .footer-inner { align-items:flex-start; flex-direction:column; gap:4px; }
}