/* History uses the shared app foundation; card geometry remains owned by app.js. */
.patota-progress { color:var(--bdr-ink); min-width:0; }
.patota-progress .progress-history { display:grid; gap:var(--bdr-space-5); padding:var(--bdr-panel-inset); background:var(--bdr-surface); border:1px solid var(--bdr-line); border-radius:var(--bdr-radius-panel); }
#patotaProgressRoot.patota-progress .progress-targeted{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bdr-space-3);min-width:0;max-width:100%;padding:var(--bdr-space-4);border:1px solid var(--bdr-accent);border-radius:var(--bdr-radius-control);background:var(--bdr-raised)}
#patotaProgressRoot.patota-progress .progress-targeted>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
#patotaProgressRoot.patota-progress .progress-targeted details{display:block;width:100%}
#patotaProgressRoot.patota-progress #progress-targeted-heading:focus-visible{outline:2px solid var(--bdr-accent);outline-offset:3px}
.patota-progress h2,.patota-progress h3,.patota-progress h4,.patota-progress p { margin:0; }
.patota-progress h2,.patota-progress h3 { font-family:var(--body,"Hanken Grotesk",sans-serif); font-size:var(--bdr-section-title); font-weight:700; line-height:1.3; }
.patota-progress h4 { font-size:16px; }
.patota-progress header { display:grid; gap:var(--bdr-space-2); }
.patota-progress header p,.patota-progress .progress-note,.patota-progress small { color:var(--bdr-secondary); font-size:14px; line-height:1.45; }
.patota-progress .progress-year { display:flex; align-items:baseline; gap:var(--bdr-space-3); }
.patota-progress .progress-year strong { font-family:'BR Street','Barlow Condensed',sans-serif; font-size:42px; line-height:1; color:var(--bdr-accent); }
.patota-progress .progress-collection,.patota-progress .progress-attendance,.patota-progress .progress-scoring { display:grid; gap:var(--bdr-space-3); min-width:0; }
.patota-progress ul,.patota-progress ol { padding:0; margin:0; list-style:none; }
.patota-progress .progress-badges { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:var(--bdr-space-3); }
.patota-progress .progress-badge { display:grid; grid-template-columns:28px minmax(0,1fr); gap:var(--bdr-space-2) var(--bdr-space-3); padding:var(--bdr-space-3); background:var(--bdr-raised); border-radius:var(--bdr-radius-control); }
.patota-progress .progress-badge svg { width:28px; height:28px; color:var(--bdr-accent); }
.patota-progress .progress-badge div { display:grid; gap:var(--bdr-space-1); }
.patota-progress .progress-badge strong { font-size:15px; }
.patota-progress .progress-badge-state { grid-column:2; color:var(--bdr-accent); font-size:12px; font-weight:700; }
.patota-progress .progress-badge.is-next { background:transparent; border:1px dashed var(--bdr-line); }
.patota-progress .is-next svg,.patota-progress .is-next .progress-badge-state { color:var(--bdr-secondary); }
.patota-progress details { border:0; border-top:1px solid var(--bdr-line); border-radius:0; background:transparent; padding:0; min-width:0; }
.patota-progress summary { min-height:48px; padding:var(--bdr-space-3) 0; cursor:pointer; font-size:16px; font-weight:700; color:var(--bdr-ink); overflow-wrap:anywhere; }
.patota-progress summary>span:not(:only-child) { color:var(--bdr-secondary); font-size:12px; font-weight:400; margin-left:var(--bdr-space-2); }
.patota-progress summary small { display:block; margin-top:var(--bdr-space-1); font-weight:400; }
.patota-progress .progress-detail-body { display:grid; gap:var(--bdr-space-4); padding:var(--bdr-space-2) 0 var(--bdr-space-4); min-width:0; }
.patota-progress label { display:block; margin:0 0 var(--bdr-space-2); font-size:14px; font-weight:700; }
.patota-progress select { width:100%; min-width:0; min-height:48px; padding:var(--bdr-space-3); border:1px solid var(--bdr-field-line); border-radius:var(--bdr-radius-control); color:var(--bdr-field-ink); background:var(--bdr-field); font:inherit; font-size:16px; }
.patota-progress button { width:auto; min-height:44px; padding:var(--bdr-space-2) var(--bdr-space-3); border:1px solid var(--bdr-control-line); border-radius:var(--bdr-radius-control); background:var(--bdr-raised); color:var(--bdr-ink); font:inherit; font-size:14px; font-weight:700; cursor:pointer; white-space:normal; }
.patota-progress button:hover { background:var(--bdr-line); }
.patota-progress button:disabled,.patota-progress select:disabled { background:var(--bdr-disabled); color:var(--bdr-disabled-ink); opacity:1; cursor:default; }
.patota-progress :is(button,select,summary):focus-visible,.patota-progress .progress-confirm:focus-visible { outline:2px solid var(--bdr-accent); outline-offset:3px; }
.patota-progress .progress-actions { display:flex; flex-wrap:wrap; gap:var(--bdr-space-2); }
.patota-progress .progress-ranking li { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:var(--bdr-space-2); padding:var(--bdr-space-3) 0; border-bottom:1px solid var(--bdr-line); overflow-wrap:anywhere; }
.patota-progress .progress-ranking li.is-own .progress-rank { color:var(--bdr-accent); }
.patota-progress .progress-ranking small,.patota-progress .progress-duties small { display:block; font-weight:400; }
.patota-progress .progress-ranking strong small { display:inline; }
.patota-progress .progress-leader { display:grid; gap:var(--bdr-space-1); }
.patota-progress .progress-leader strong { color:var(--bdr-accent); }
.patota-progress .progress-duties li { display:flex; justify-content:space-between; align-items:center; gap:var(--bdr-space-3); padding:var(--bdr-space-3) 0; border-bottom:1px solid var(--bdr-line); }
.patota-progress .progress-duties li>span { min-width:0; overflow-wrap:anywhere; }
.patota-progress form { display:grid; gap:var(--bdr-space-3); }
.patota-progress .progress-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--bdr-space-3); }
.patota-progress .progress-status:empty { display:none; }
.patota-progress .progress-status { color:var(--bdr-secondary); font-size:14px; }
.patota-progress .progress-confirm { display:grid; gap:var(--bdr-space-3); padding:var(--bdr-space-4); background:var(--bdr-raised); border-radius:var(--bdr-radius-control); }
.patota-progress .progress-confirm ul { list-style:disc; padding-left:var(--bdr-space-5); }
.patota-progress .progress-confirm [data-progress-action="confirm"] { background:var(--bdr-accent); color:var(--bdr-accent-ink); border-color:var(--bdr-accent); }
/* The badge belongs to the same card container as the portrait. Generic
   lobby SVG/label rules must never stretch it into a second portrait. */
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait>.patota-card-tenure {
 position:absolute; inset:clamp(4px,3cqw,10px) clamp(4px,3cqw,10px) auto auto;
 z-index:2; display:grid; justify-items:center; align-content:center;
 box-sizing:border-box; width:clamp(24px,17cqw,48px); height:auto; min-width:0; min-height:0; max-width:24%;
 margin:0; padding:clamp(3px,2cqw,6px) 2px; gap:clamp(2px,1cqw,4px);
 border:1px solid var(--bdr-accent); border-radius:clamp(4px,2.5cqw,8px);
 background:var(--bdr-canvas); color:var(--bdr-accent); text-align:center;
 font:700 clamp(7px,4cqw,12px)/1.2 var(--body,"Hanken Grotesk",sans-serif);
 transform:none; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait>.patota-card-tenure>svg {
 display:block; position:static; inset:auto; flex:none; width:clamp(14px,8cqw,24px); height:clamp(14px,8cqw,24px);
 min-width:0; min-height:0; max-width:100%; margin:0; padding:0; border:0; border-radius:0;
 background:none; color:inherit; fill:none; transform:none;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait>.patota-card-tenure>span {
 display:block; position:static; width:auto; height:auto; margin:0; padding:0;
 font:inherit; color:inherit; background:none; border:0; text-transform:none; letter-spacing:0;
 overflow-wrap:normal; white-space:normal;
}
@media(max-width:480px) {
 .patota-progress .progress-history { padding:var(--bdr-space-4); gap:var(--bdr-space-4); }
 .patota-progress .progress-fields { grid-template-columns:minmax(0,1fr); }
 .patota-progress .progress-duties li { align-items:flex-start; flex-direction:column; }
 .patota-progress .progress-actions { width:100%; }
}

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(#profileStickerPreview,.sticker-theme-preview) .patota-card-tenure { display:none; }

#view-perfil:has(#profileEditSurface[open]) #patotaProgressRoot { display:none; }
.patota-progress .progress-attendance-editor { display:grid; gap:var(--bdr-space-3); min-width:0; }
#patotaProgressRoot { margin-block:var(--bdr-space-5); }
#patotaProgressRoot:empty { margin-block:0; }
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell #view-perfil #patotaProgressRoot select:not([multiple]):not([size]) {
 appearance:none; -webkit-appearance:none; padding-right:38px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23263f2e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat; background-position:right 12px center; background-size:20px 20px;
}
@media(forced-colors:active) {
 body.organization-ui.matchday-ui.street-ui.arena-ui #appShell #view-perfil #patotaProgressRoot select:not([multiple]):not([size]) { appearance:auto; -webkit-appearance:auto; background-image:none; }
}

/* V205: compact awards, same surface system and no change to sticker geometry. */
.patota-progress .progress-poll,
.patota-progress .progress-season-award { display:grid; gap:var(--bdr-space-4); min-width:0; }
.patota-progress .progress-poll + .progress-poll { border-top:1px solid var(--bdr-line); padding-top:var(--bdr-space-5); }
.patota-progress .progress-poll header { display:grid; gap:6px; }
.patota-progress .progress-vote-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; border:0; padding:0; margin:0 0 12px; }
.patota-progress .progress-vote-options legend { margin-bottom:12px; font-weight:700; color:var(--bdr-ink); }
.patota-progress .progress-vote-options label { display:flex; align-items:center; gap:10px; min-height:48px; padding:12px; border:1px solid var(--bdr-line); border-radius:var(--bdr-radius-control,8px); color:var(--bdr-ink); cursor:pointer; transition:background-color 160ms ease,border-color 160ms ease; }
.patota-progress .progress-vote-options label:has(:checked) { border-color:var(--bdr-accent); background:var(--bdr-raised); }
.patota-progress .progress-vote-options label:focus-within { outline:2px solid var(--bdr-accent); outline-offset:3px; }
.patota-progress .progress-vote-options input { width:18px; height:18px; min-height:0; flex:0 0 18px; margin:0; accent-color:var(--bdr-accent); }
.patota-progress .progress-vote-options span { overflow-wrap:anywhere; }
.patota-progress .progress-award-result { display:grid; gap:10px; padding:var(--bdr-space-4); border-left:3px solid var(--bdr-accent); background:var(--bdr-surface); min-width:0; }
.patota-progress .progress-award-result > strong { font-size:clamp(1.25rem,3vw,1.75rem); color:var(--bdr-ink); line-height:1.15; overflow-wrap:anywhere; }
.patota-progress .progress-award-result p,.patota-progress .progress-award-result ul { font-size:.875rem; line-height:1.5; color:var(--bdr-secondary); }
.patota-progress .progress-eyebrow { color:var(--bdr-accent); font-size:.75rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
@media(max-width:480px) { .patota-progress .progress-vote-options { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .patota-progress .progress-vote-options label { transition:none; } }

/* Direct summaries have a text title plus one subtitle element. */
.patota-progress details:is([data-progress-detail="awards"],[data-progress-detail="season"],[data-progress-detail="management"]) > summary > span {
 display:inline-block;
 margin-inline-start:var(--bdr-space-2);
 color:var(--bdr-secondary);
 font-size:12px;
 font-weight:400;
 line-height:1.5;
 vertical-align:baseline;
}