/* Worker dossier (profile, pay, people, photos, custody). Apple base (docs/design/VG-UI-ES.md): the --dossier-* names
   point at the --ios-* tokens once (they switch light / dark on their own), system font, the iOS type scale, radii 8 / 12,
   grouped cards without outlines; the partner tag is text, not a capsule. */
:root{
  --dossier-surface:var(--ios-bg-2);
  --dossier-raised:var(--ios-bg-2);
  --dossier-ink:var(--ios-label);
  --dossier-muted:var(--ios-label-2);
  --dossier-line:var(--ios-separator);
  --dossier-cyan:var(--ios-teal);
  --dossier-green:var(--ios-green);
  --dossier-violet:var(--ios-purple);
  --dossier-pink:var(--ios-pink);
  --dossier-amber:var(--ios-orange);
}

.dossier-profile,.dossier-compensation{min-inline-size:0;color:var(--ios-label);font-family:var(--ios-font)}
.dossier-profile-grid,.dossier-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:12px}
.dossier-section{min-inline-size:0;margin-block:0 14px;border-radius:var(--ios-r)}
.dossier-profile-grid .dossier-section{margin:0}
.dossier-profile-grid{margin-bottom:14px}
/* section titles: the grouped list's header (13 px secondary, sentence case) */
.dossier-section h3,.dossier-compensation h3{margin:0 0 8px;color:var(--ios-label-2);font:var(--ios-w-regular) var(--ios-t-footnote)/var(--ios-lh-footnote) var(--ios-font);letter-spacing:0;text-transform:none}
.dossier-compensation h3{margin-block:22px 8px}
.dossier-header{display:flex;align-items:center;gap:14px;margin:20px 0}
.dossier-header h2,.dossier-header p{margin:0}
.dossier-header h2{color:var(--ios-label);font:var(--ios-w-bold) var(--ios-t-title1)/var(--ios-lh-title1) var(--ios-font);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.dossier-contact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding:0 var(--ios-gutter);margin-block:0 14px;border:0;border-radius:var(--ios-r);background:var(--ios-bg-2)}
.dossier-contact a{display:inline-flex;align-items:center;min-block-size:var(--ios-hit);color:var(--ios-blue);font-weight:var(--ios-w-regular);text-decoration:none}
.dossier-avatar{inline-size:64px;block-size:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;background:var(--ios-fill);color:var(--ios-label);display:grid;place-items:center;font:var(--ios-w-semibold) var(--ios-t-title2)/1 var(--ios-font)}
.dossier-inline{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-block:12px}
.dossier-inline label{min-inline-size:0;max-inline-size:100%;margin:0;font:var(--ios-w-regular) var(--ios-t-footnote)/var(--ios-lh-footnote) var(--ios-font);color:var(--ios-label-2)}
.dossier-inline :is(select,input){max-inline-size:100%;min-block-size:var(--ios-hit)}
.dossier-compensation .dossier-inline a{display:inline-flex;align-items:center;min-height:var(--ios-hit);padding:0 16px;border:0;border-radius:var(--ios-r);color:var(--ios-blue);background:var(--ios-blue-tint);font-weight:var(--ios-w-semibold);text-decoration:none}
/* figures: grouped cards, label over the value; the accent is a short bar, no outline */
.dossier-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:8px;margin-block:12px}
.dossier-metrics .dossier-figure{min-inline-size:0;padding:12px var(--ios-gutter);border:0;border-radius:var(--ios-r);background:var(--ios-bg-2)}
.dossier-figure dt,.dossier-date,.dossier-list small,.dossier-empty,.dossier-person-margin small{color:var(--ios-label-2);font-size:var(--ios-t-footnote);line-height:var(--ios-lh-footnote)}
.dossier-figure dd,.dossier-person-margin strong{margin:4px 0 0;color:var(--ios-label);font-weight:var(--ios-w-bold);font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere}
.dossier-metrics .dossier-figure dd{font-size:var(--ios-t-title3);line-height:var(--ios-lh-title3)}
.dossier-metrics .dossier-figure:not(:has(.dossier-bar))::after{display:block;content:"";inline-size:24px;block-size:4px;margin-top:10px;border-radius:2px;background:var(--dossier-accent)}
.dossier-figure--cyan,.dossier-bar--cyan{--dossier-accent:var(--ios-teal)}
.dossier-figure--green,.dossier-bar--green{--dossier-accent:var(--ios-green)}
.dossier-figure--violet,.dossier-bar--violet{--dossier-accent:var(--ios-purple)}
.dossier-figure--pink,.dossier-bar--pink{--dossier-accent:var(--ios-pink)}
.dossier-figure--amber,.dossier-bar--amber{--dossier-accent:var(--ios-orange)}
.dossier-bar{display:block;inline-size:100%;block-size:6px;margin:8px 0 0;border-radius:3px;overflow:hidden}
.dossier-track{fill:var(--ios-fill)}
.dossier-fill{fill:var(--dossier-accent)}
.dossier-comp-hero{padding:0;border:0;border-radius:0;background:none}
.dossier-comp-hero .dossier-metrics{margin:0}
.dossier-comp-hero .dossier-figure{background:var(--ios-bg-2)}
.dossier-comp-hero .dossier-figure dd{font-size:var(--ios-t-title2);line-height:var(--ios-lh-title2)}
/* lists: rows with hairline separators */
.dossier-list,.dossier-people{list-style:none;padding:0;margin:0}
.dossier-list li{padding:11px 0;border-bottom:.5px solid var(--ios-separator)}
.dossier-list li:last-child{border:0}
.dossier-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;overflow-wrap:anywhere}
.dossier-line span{color:var(--ios-label-2);font-variant-numeric:tabular-nums}
.dossier-list small{display:block;margin-top:4px}
.dossier-person-card{min-inline-size:0;padding:12px var(--ios-gutter);border:0;border-radius:var(--ios-r);background:var(--ios-bg-2)}
.dossier-person-card .dossier-line{align-items:start}
.dossier-partner{display:inline;padding:0;border-radius:0;color:var(--ios-purple-text);background:none;font-size:var(--ios-t-footnote)}
.dossier-date{display:block;font-weight:var(--ios-w-regular);margin-top:3px}
.dossier-person-margin{display:grid;text-align:end}
.dossier-person-margin strong{margin-top:0}
.dossier-person-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:8px 12px;margin:12px 0 0;padding-top:10px;border-top:.5px solid var(--ios-separator)}
.dossier-edit summary{cursor:pointer;font-weight:var(--ios-w-regular);color:var(--ios-blue);min-height:var(--ios-hit);align-content:center}
.dossier-edit .chk{display:flex;align-items:center;gap:8px}
.dossier-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:8px;margin-block:12px}
.dossier-photos figure{margin:0;min-inline-size:0}
.dossier-photos button.thumb{padding:0;width:100%;height:auto;aspect-ratio:4/3;border:0;border-radius:var(--ios-r-s);overflow:hidden}
.dossier-photos img{width:100%;height:100%;object-fit:cover}
.dossier-photos figcaption{margin-top:4px;font:var(--ios-w-regular) var(--ios-t-caption1)/var(--ios-lh-caption1) var(--ios-font);color:var(--ios-label-2)}

@media (forced-colors: active){
  .dossier-track{fill:Canvas}
  .dossier-fill{fill:CanvasText}
}
.dossier-custody .dossier-list small{display:block;margin-block-start:4px}
.dossier-tool-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-block:12px}
.dossier-tool-form label{display:grid;gap:6px;min-inline-size:0;font:var(--ios-w-regular) var(--ios-t-footnote)/var(--ios-lh-footnote) var(--ios-font);color:var(--ios-label-2)}
.dossier-tool-form label:has([name="tool"]){flex:1 1 12rem}
.dossier-tool-form input{width:100%;min-height:var(--ios-hit);box-sizing:border-box}
.dossier-tool-form input[name="quantity"]{width:6rem}
.dossier-tool-form button{min-height:var(--ios-hit)}
.dossier-tool-form [role="status"]{flex-basis:100%;margin:0;font:var(--ios-w-regular) var(--ios-t-footnote)/var(--ios-lh-footnote) var(--ios-font);color:var(--ios-label-2)}