/* Approved reference refinement: information hierarchy, energy depth and compact mobile tickets. */
.energy-ticket { background:radial-gradient(ellipse at 111% 71%,#0fa9b84f,transparent 46%),radial-gradient(ellipse at 8% -10%,#2c618457,transparent 56%),linear-gradient(132deg,#0b2a43,#04162c 62%,#073e52);box-shadow:inset 0 1px 0 #b5faff60,inset 1px 0 0 #8ddde630,0 8px 22px #143a5318; }
.energy-ticket:before { background:url('./assets/energy-waves.svg') center/100% 100%; }
.energy-ticket.qa-ticket { background:radial-gradient(ellipse at 107% 86%,#b72b604a,transparent 56%),linear-gradient(135deg,#182a45,#171627 65%,#351c37); }
.qa-ticket:before { filter:hue-rotate(135deg) saturate(1.25);border:0;box-shadow:none; }
.ticket-wrap:before { inset:-5px 7px -9px 10px;transform:rotate(-2deg);background:linear-gradient(110deg,#c4f9ea30,#9cebc1c2);border-radius:26px 32px 30px 22px; }
.ticket-eyebrow { margin-bottom:16px; }
.glass-pill { display:inline-flex;align-items:center;gap:6px;background:linear-gradient(130deg,#f5fff726,#79c3c710 52%,#1b777d36);border-color:#b9e3e970;box-shadow:inset 0 1px 5px #ffffff40,inset -2px -2px 7px #6cfff528,0 2px 9px #01132135; }
.glass-pill .icon { width:19px;height:19px;color:#53f4bd; }
.qa-ticket .glass-pill .icon { color:#ff94be; }
.ticket-facts { margin:18px 0 14px; }
.energy-ticket .ticket-number { background:linear-gradient(125deg,#a0fac8,#19f3b0 54%,#09dcca);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(48px,7.4vw,78px); }
.energy-ticket .ticket-rule { color:#b1c5db;font-size:12px;margin-top:8px; }
.ticket-source-footer { display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;margin-top:17px;border-top:1px solid #cde8ec44;font-size:15px; }
.ticket-source-footer .btn { padding:7px 0;color:#b9ffdf;font-weight:650; }
.score-equation { display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:start;gap:12px;margin-top:18px; }
.score-equation>div { min-width:0; }
.score-equation b { display:block;white-space:nowrap;font-size:28px;letter-spacing:-.04em; }
.score-equation b small { font-size:.58em;font-weight:500;margin-left:3px; }
.score-equation span { display:block;font-size:13px;color:#c3d6e7;line-height:1.6;margin-top:4px; }
.score-equation i { color:#b7c8d9;font-size:24px;font-style:normal;align-self:center; }
.score-experience .energy-ticket { padding-bottom:17px; }
.score-experience .metric-strip { margin-top:4px; }
.metric-strip button { min-width:0; }
.metric-strip b { white-space:nowrap; }
.score-experience .metric-strip button.on { background:linear-gradient(145deg,#d8f8e7,#f2fcf7);box-shadow:inset 0 1px 0 white; }
.score-experience .task-row { background:#ffffffdd;border:1px solid #e3edf080;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 5px 14px #0a3c4b05; }
.score-rule-card { margin-top:0; }
#score-sources { scroll-margin-top:24px; }
.qa-role-marker { display:inline-flex;align-items:center;gap:8px;border-radius:99px;background:#fceaf2;color:#9d2655;padding:8px 14px;font-size:14px;margin:-4px 0 16px; }
.qa-role-marker .icon { width:20px;height:20px; }
.qa-identity { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 6px; }
.qa-identity span { color:#c8d7e8;font-size:12px; }
.qa-identity b { display:block;color:white;font-size:17px;margin-top:4px; }
.qa-identity span+span { padding-left:16px;border-left:1px solid #c9ddeb44; }
.qa-ticket .timer-value { color:#ffbad3; }
.qa-status-number { font-size:21px!important;color:#ffbed6; }
.qa-ticket .ticket-audit-note { color:#e3c6d5;font-size:12px; }
.qa-checklist-preview .section-title { margin:17px 0 8px; }
.qa-checklist-preview .section-title span { color:#bb3268;font-size:13px; }
.qa-checklist-preview .criteria-list { margin:0; }
.qa-checklist-preview .criteria-list li { padding:12px 0;border-bottom:1px solid #eadce3; }
.qa-checklist-preview .criteria-list .icon { color:#bc396b; }
.qa-checklist-preview .evidence-note { font-size:12px;padding:12px 0; }
.qa-theme .notification-button i { background:#d83877; }
.drawer-body .task-facts { background:url('./assets/energy-waves.svg') center/100% 100%,radial-gradient(ellipse at 100% 85%,#137983,#09253f 65%);border:1px solid #91dfe43b;box-shadow:inset 0 1px 0 #c6ffff50; }
.drawer-body .task-facts span { font-size:12px; }
.drawer-body .task-facts b { font-size:18px;font-weight:600; }
.drawer-body .task-facts>div:nth-child(n+3):nth-child(-n+6) b { font-size:24px; }
.drawer-body .task-facts>div:nth-child(5) b { color:#53fac2; }
.qa-theme .drawer-body .task-facts { background:url('./assets/energy-waves.svg') center/100% 100%,radial-gradient(ellipse at 100% 85%,#773751,#162139 70%); }
.acceptance-checks label,.acceptance-checks>div { font-size:14px;min-height:48px; }
.acceptance-checks small { font-size:11px; }
.acceptance-checks label:has(input:checked) { color:#076c35; }
.acceptance-checks input:checked { accent-color:#069744; }
body[data-dark-mode=true] .acceptance-checks { background:#11243b; }
body[data-dark-mode=true] .acceptance-checks label:has(input:checked) { color:#81ffc1; }
body[data-dark-mode=true] .score-experience .task-row { background:#10243a;border-color:#2d435a; }
body[data-dark-mode=true] .score-experience .metric-strip button.on { background:#143e31;box-shadow:none; }
body[data-dark-mode=true] .qa-role-marker { background:#42243e;color:#ffbad5; }
body[data-high-contrast=true] .energy-ticket .ticket-number { background:none;color:#46ffc4; }
@media(max-width:760px) {
  .mobile-masthead { padding:20px 22px 0; }
  main { padding-top:16px; }
  .page-heading { margin-bottom:20px; }
  .page-heading h1 { font-size:36px;line-height:1.2; }
  .work-experience .page-heading p { margin-top:8px;font-size:13px; }
  .work-experience .pill-tabs { margin-bottom:19px; }
  .work-experience .ticket-wrap { margin-top:19px;margin-bottom:24px; }
  .work-experience .energy-ticket { padding:22px 20px 18px; }
  .work-experience .ticket-eyebrow { margin-bottom:12px; }
  .work-experience .energy-ticket h2 { font-size:25px;line-height:1.38;margin-bottom:5px; }
  .work-experience .energy-ticket p { font-size:13px;line-height:1.6; }
  .work-experience .ticket-facts { margin:16px 0 10px; }
  .work-experience .ticket-facts small { font-size:12px;margin-bottom:4px; }
  .work-experience .ticket-facts b { font-size:31px; }
  .work-experience .ticket-bottom { padding:16px 17px;gap:9px; }
  .work-experience .ticket-bottom p { font-size:11px;line-height:1.65; }
  .work-experience .ticket-wrap+.section-title { margin-top:20px;margin-bottom:8px; }
  .work-experience .metric-strip button { padding-block:8px; }
  .metric-strip { gap:7px; }
  .metric-strip b { font-size:clamp(15.5px,4.85vw,23px);letter-spacing:-.055em; }
  .metric-strip span { font-size:12px; }
  .score-experience .energy-ticket .ticket-number { font-size:clamp(49px,16vw,69px); }
  .score-equation { gap:7px;margin-top:14px; }
  .score-equation b { font-size:25px; }
  .score-equation span { font-size:12px; }
  .ticket-source-footer { font-size:13px;margin-top:14px;padding-top:9px; }
  .ticket-source-footer .btn { font-size:13px; }
  .score-experience .task-row { padding:14px 12px; }
  .qa-experience .pill-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:20px; }
  .qa-experience .pill-tabs button { min-width:0;font-size:13px;padding:10px 5px; }
  .qa-experience .energy-ticket { padding:22px 20px 18px; }
  .qa-experience .ticket-eyebrow { margin-bottom:12px; }
  .qa-experience .energy-ticket h2 { font-size:25px;line-height:1.35;margin-bottom:5px; }
  .qa-experience .energy-ticket p { font-size:13px; }
  .qa-experience .qa-identity { margin:12px 0 8px;gap:12px; }
  .qa-experience .qa-identity b { display:inline;margin:0 0 0 7px;font-size:14px; }
  .qa-experience .qa-identity span+span { padding-left:10px; }
  .qa-experience .ticket-facts { margin:12px 0 10px; }
  .qa-experience .ticket-facts small { font-size:12px; }
  .qa-experience .ticket-bottom { padding:16px 17px;gap:9px; }
  .qa-experience .ticket-bottom p { font-size:11px;line-height:1.65; }
  .mobile-nav { background:linear-gradient(120deg,#f9fffdde,#f1fbf9ed 57%,#f8fbffee);box-shadow:inset 0 1px 2px white,0 6px 24px #25496716; }
  .mobile-nav button { padding:1px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0; }
  .mobile-nav button.active { background:none; }
  .mobile-nav button .icon { width:44px;height:33px;padding:5px 10px; }
  .mobile-nav button.active .icon { border-radius:20px;background:linear-gradient(130deg,#d5fbe7,#edfff7);box-shadow:inset 0 1px 0 white,0 3px 10px #33c88416;color:#008b42; }
  .mobile-nav button.active span { font-weight:650; }
  .qa-theme .mobile-nav button.active .icon { background:linear-gradient(125deg,#03a53d,#09c55c);color:white; }
  .qa-theme .mobile-nav button.active { position:relative; }
  .qa-theme .mobile-nav button.active:after { content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#dc3977;right:calc(50% - 22px);top:27px;border:1px solid #fff; }
  body[data-dark-mode=true] .mobile-nav { background:#10243ae8;border-color:#355069; }
  body[data-dark-mode=true] .mobile-nav button.active { background:none; }
  body[data-dark-mode=true] .mobile-nav button.active .icon { background:#154a36;color:#70ffb1;box-shadow:none; }
  body[data-reduce-transparency=true] .mobile-nav { background:#fff; }
  body[data-dark-mode=true][data-reduce-transparency=true] .mobile-nav { background:#10243a; }
  body[data-large-text=true] .work-experience .energy-ticket p { font-size:18px; }
  body[data-large-text=true] .metric-strip b { font-size:28px; }
  body[data-large-text=true] .score-equation { grid-template-columns:1fr; }
  body[data-large-text=true] .score-equation i { display:none; }
  body[data-large-text=true] .score-equation span { font-size:18px; }
  body[data-large-text=true] .ticket-source-footer { flex-wrap:wrap;font-size:18px; }
  body[data-large-text=true] .work-experience .ticket-facts { grid-template-columns:1fr; }
  body[data-large-text=true] .work-experience .ticket-facts>div+div { border:0;padding:0; }
}
@media(max-width:350px) {
  .ticket-eyebrow { flex-wrap:wrap;gap:7px; }
  .glass-pill { font-size:11px;padding:6px 9px; }
  .score-experience .page-heading h1 { font-size:31px; }
  .qa-experience .pill-tabs button { min-width:57px;font-size:12px;padding:10px 6px; }
}
@media(prefers-reduced-transparency:reduce) { .mobile-nav { background:#fff; } }
/* Localized controls and English text use the existing design tokens. */
.language-control{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:22px;background:#fff9;border:1px solid #d7e6e2;flex-shrink:0}
.language-control button{padding:5px 9px;border:0;border-radius:18px;background:transparent;color:#36695b;font:600 11px/1.2 inherit;cursor:pointer;min-height:29px}
.language-control button.on{background:#168d65;color:#fff}
.mobile-header-actions,.onboard-header-actions{display:flex;align-items:center;gap:8px}
.onboarding .onboard-header-actions .onboard-skip{padding:8px}
.onboard-art.english-art img{object-fit:contain;object-position:center;width:100%;height:100%}
html[lang=en] .ticket-eyebrow{letter-spacing:.03em}
html[lang=en] .ticket-facts small,html[lang=en] .metric-strip span{font-size:10px;line-height:1.35;white-space:normal}
html[lang=en] .pill-tabs button{white-space:normal;line-height:1.3;padding:9px 10px;min-width:0}
html[lang=en] .mobile-nav span{font-size:10px}
html[lang=en] .task-card h3,html[lang=en] .task-row h3,html[lang=en] .ticket-eyebrow,html[lang=en] .menu-row small{overflow-wrap:anywhere}
html[lang=en] .data-notice{line-height:1.55}
@media(max-width:760px){html[lang=en] .onboard-copy h1{font-size:clamp(29px,8vw,39px);line-height:1.09}html[lang=en] .onboard-copy p:not(.onboard-step){font-size:12px;line-height:1.5}html[lang=en] .onboard-step{font-size:10px}.language-control button{padding:4px 7px}}

.onboard-art.english-art img{transform:none;position:static;display:block}
html[lang=en] .energy-ticket h2{font-size:clamp(21px,5.9vw,27px);line-height:1.18}