/* Figma951:10995 — shared final screen for ordinary and ranked shifts. */
.shift-report-bottom{display:contents}
.reputation-receipt{position:relative;isolation:isolate;margin:0;flex:none}
.reputation-receipt-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:16px 24px 0 0;background:radial-gradient(ellipse 77.36% 73.87% at 50% 0,#ffffff33,transparent),#2d2d2d;mask-image:linear-gradient(#000,#000),url('assets/shift-summary-v2/receipt-edge.svg?v=6db830da2dec');mask-size:100% calc(100% - 9px),100% 10px;mask-position:top,bottom;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-image:linear-gradient(#000,#000),url('assets/shift-summary-v2/receipt-edge.svg?v=6db830da2dec');-webkit-mask-size:100% calc(100% - 9px),100% 10px;-webkit-mask-position:top,bottom;-webkit-mask-repeat:no-repeat}
.reputation-receipt-paper{position:relative;display:flex;flex-direction:column;gap:4px;overflow:visible;padding:16px 0 0;border-radius:16px 24px 0 0;background:none}
.reputation-receipt-status{padding:0 16px}
.reputation-receipt-status>small{display:block;font:600 12px/16px "Medeo Mono",monospace;letter-spacing:1px;color:#fe5400;text-transform:uppercase}
.reputation-receipt-status>h2{font:700 24px/32px "Medeo Sans",Arial,sans-serif;margin:0}
.reputation-receipt-paper>dl{margin:0;padding:0 16px}
.reputation-receipt-row{height:32px;padding:8px 0;box-sizing:border-box;border:0;border-bottom:1px dashed #ffffff1f;font:500 12px/16px "Medeo Mono",monospace}
.reputation-receipt-row dt{color:#fff8}
.reputation-receipt-row dd{font:700 12px/16px "Medeo Mono",monospace}
.reputation-receipt-row:last-child{height:48px;align-items:baseline;border:0}
.reputation-receipt-row:last-child dt{color:#f7f7f7;font:700 16px/20px "Medeo Mono",monospace}
.reputation-receipt-row:last-child dd{font:700 24px/32px "Medeo Mono",monospace}
.reputation-receipt-edge{display:block;width:100%;height:10px;flex:none;background:none}
.reputation-receipt .rep-floor{margin:4px 16px 8px}
.shift-report .rep-positive{color:#30d158!important}.shift-report .rep-negative{color:#ff375f!important}.shift-report .rep-muted{color:#ffffff4d!important}
.shift-result-title>span{font:500 12px/16px "Medeo Mono",monospace}
.shift-result-content{gap:0}
.shift-result-progress{height:20px;min-height:20px}
.shift-result-track{height:6px;background:none;overflow:visible}
.shift-result-track::before{inset:auto;top:2px;left:min(100%,calc(var(--result-fill,0%) + clamp(0px,var(--result-fill,0%),2px)));right:0;height:2px}
.shift-result-fill{height:6px}
.shift-result-card .shift-result-controls{position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;top:16px;right:16px;bottom:16px;width:32px;height:auto}
.shift-result-controls :is(.lists-row-save,.lists-row-more){position:static;display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:0;margin:0;padding:6px;border:0;border-radius:100px;background:transparent;transform:none;box-shadow:none;backdrop-filter:blur(20px)}
.shift-result-controls .lists-row-save{background:#ffffff14}
.shift-result-controls .lists-row-bookmark{display:grid;place-items:center;width:20px;height:20px;opacity:1}
.shift-result-controls img{display:block;width:20px;height:20px;max-width:none;max-height:none;opacity:1;transform:none}
.shift-report .reputation-summary{order:1;display:flex;flex-direction:column;gap:6px;width:100%;padding:12px 16px;border-radius:24px;margin:0;background:#1e1e1e}
.shift-report .reputation-summary .reputation-heading{margin:0;gap:8px;font:600 16px/20px "Medeo Sans",Arial,sans-serif}
.reputation-summary .reputation-heading>strong{font:inherit}
.reputation-summary .reputation-heading>span{font:600 16px/20px "Medeo Mono",monospace}
.reputation-summary [data-reputation-max]{color:#fff9;font-size:14px}
.shift-report .reputation-summary .agent-level-track{height:6px;min-height:6px;margin:0;background:none;isolation:isolate}
.shift-report .reputation-summary .agent-level-track::before{display:none}
.shift-report .reputation-summary .agent-level-track>span{position:absolute;left:0;top:0;height:6px;border-radius:40px;background:#fff}
.shift-report .reputation-summary .agent-level-track::after{content:"";position:absolute;top:2px;left:min(100%,calc(var(--reputation-fill,0%) + clamp(0px,var(--reputation-fill,0%),2px)));right:0;height:2px;border-radius:40px;background:#ffffff1f}
.shift-report .reputation-summary>p{display:flex;justify-content:space-between;gap:8px;margin:0;color:#fff9;font:400 14px/20px "Medeo Sans",Arial,sans-serif}
@media(min-width:720px){
 html[data-layout="mobile"][data-viewport="desktop"] .desktop-shell:has(.shift-report) .sidebar{display:none!important}
 html[data-layout="mobile"][data-viewport="desktop"] .desktop-shell:has(.shift-report) .workspace{width:min(880px,100%);max-width:none;margin:0 auto;padding:16px 24px 40px}
 html[data-layout="mobile"][data-viewport="desktop"] .app:has(.shift-report){width:100%;max-width:832px;padding:0!important;margin:0}
 html[data-layout="mobile"][data-viewport="desktop"] .ranked-game:has(.shift-report){width:100%;max-width:832px;margin:0}
 .shift-report{display:grid;grid-template-columns:minmax(0,472fr) minmax(0,328fr);column-gap:32px;row-gap:0;align-items:start}
 .shift-report-results{grid-column:1;grid-row:1}
 .shift-report-overview{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:32px;min-width:0}
 .shift-report-bottom{display:flex;flex-direction:column;gap:16px;width:100%}
 .shift-result-card{height:116px;min-height:116px;padding:16px;border-radius:20px}
 .shift-report-actions :is(.primary,.secondary){height:52px;min-height:52px;font:600 14px/20px "Medeo Sans",Arial,sans-serif}
 .shift-report-actions .secondary{border:1px solid #ffffff08!important;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff1f,#ffffff03) border-box}
}
@media(max-width:719px){
 .shift-report-overview,.shift-report-bottom{display:contents}
 .shift-report-overview>.reputation-receipt{order:0}
 .shift-report .reputation-summary{order:1}
 .shift-report-results{order:2}
 .shift-report-actions{order:3}
 .shift-result-card .shift-result-controls{top:12px;right:12px;bottom:12px}
 .shift-result-title>span{font-size:11px}
 .shift-result-message{overflow-wrap:anywhere}
}
@media(hover:hover) and (pointer:fine){
 .shift-report :is(button),.shift-report-header button{transition:background-color .45s cubic-bezier(.22,.61,.36,1),color .45s ease,filter .45s ease}
 .shift-result-card{transition:background-color .45s cubic-bezier(.22,.61,.36,1)}
 .shift-result-card:hover,.shift-result-card:focus-within{background-color:#252525}
 .shift-result-card .shift-result-open:is(:hover,:focus-visible){background:transparent}
 .shift-result-controls .lists-row-save:hover,.shift-result-controls .lists-row-more:hover{background:#ffffff1f}
}
@media(prefers-reduced-motion:reduce){.shift-report :is(button),.shift-report-header button,.shift-result-card{transition:none}}

.shift-result-card>.shift-result-open:focus-visible{outline:none}
.shift-result-card:has(>.shift-result-open:focus-visible){outline:2px solid #fe650d;outline-offset:3px}

.shift-result-controls .lists-row-bookmark>img{position:static;left:auto;top:auto;margin:0;transform:none}
.shift-report .reputation-summary [data-reputation-number]{font:inherit;font-weight:600}

@media(min-width:720px){.ranked-game:has(.shift-report)>.ranked-header{display:flex;justify-content:space-between;gap:16px}}

@media(hover:hover) and (pointer:fine){.ranked-game .shift-result-card>.shift-result-open:is(:hover,:focus-visible){background:transparent}.shift-report .shift-result-controls :is(.lists-row-save,.lists-row-more):hover{background:#ffffff1f}}