/* Approved Workforce read layouts, scoped to the existing Workforce owner. */
#manager-external-root .wf-approved { font:400 13px/1.45 var(--ui-font-delivered); font-synthesis:none; color:#2b3631; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; min-width:0; overflow-wrap:anywhere; }
.wf-approved * { box-sizing:border-box; }
#manager-external-root .wf-approved :is(h2,h3,h4,p) { letter-spacing:normal; text-transform:none; }
#manager-external-root .wf-approved .wf-header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:0; margin:10px 0 12px; }
#manager-external-root .wf-approved h2 { font:500 21px/1.3 var(--ui-font-delivered); margin:0 0 5px; }
#manager-external-root .wf-approved h3 { font:500 16px/1.4 var(--ui-font-delivered); margin:0 0 8px; }
#manager-external-root .wf-approved h4 { font:400 14px/1.4 var(--ui-font-delivered); margin:0; }
#manager-external-root .wf-approved button { min-height:38px; padding:7px 11px; border:1px solid #a7afa7; border-radius:7px; background:#fff; color:#365b48; font:400 13px/1.4 var(--ui-font-delivered); cursor:pointer; }
#manager-external-root .wf-approved :is(.wf-card,.wf-schedule-card,.wf-candidate-bench,.wf-availability) { background:var(--ui-surface); border:1px solid #ddd8cd; border-radius:8px; box-shadow:none; padding:14px; margin:0; min-width:0; }
#manager-external-root .wf-approved :is(.wf-header p,.wf-support,.wf-empty,.wf-line small,.wf-row-head>span) { font:400 11px/1.45 var(--ui-font-delivered); color:#58645d; margin:3px 0; }
#manager-external-root .wf-approved .wf-snapshot-note { margin:10px 0 16px; padding:7px 0; border-top:1px solid #d8cdb8; border-bottom:1px solid #d8cdb8; color:#6b5334; font:400 12px/1.45 var(--ui-font-delivered); }
#manager-external-root .wf-approved .wf-row-head { display:flex; align-items:baseline; justify-content:space-between; gap:4px 12px; flex-wrap:wrap; }
#manager-external-root .wf-approved .wf-line { display:flex; justify-content:space-between; align-items:baseline; gap:6px 18px; min-height:48px; padding:5px 0; border:0; border-bottom:1px solid #dce2d9; background:transparent; border-radius:0; }
#manager-external-root .wf-approved .wf-line>div { display:grid; gap:2px; min-width:0; }
#manager-external-root .wf-approved .wf-line strong { font:400 13px/1.45 var(--ui-font-delivered); }
#manager-external-root .wf-approved .wf-line span { font:400 12px/1.45 var(--ui-font-delivered); color:#58645d; }
#manager-external-root .wf-approved .wf-line>div:last-child { text-align:right; }
#manager-external-root .wf-approved .wf-schedule-store { margin:12px 0 0; padding:12px 0 0; border-top:1px solid #dce2d9; }
#manager-external-root .wf-approved .wf-metrics { display:grid; grid-template-columns:minmax(0,1fr); gap:0; padding:0; margin:8px 0; }
#manager-external-root .wf-approved .wf-metrics>div { display:flex; justify-content:space-between; gap:16px; align-items:baseline; padding:5px 0; }
#manager-external-root .wf-approved .wf-metrics dt { color:#58645d; font-size:12px; }
#manager-external-root .wf-approved .wf-metrics dd { margin:0; font-size:13px; font-variant-numeric:tabular-nums; }
#manager-external-root .wf-approved .wf-week-table { width:100%; border-collapse:collapse; font:400 13px/1.45 var(--ui-font-delivered); }
#manager-external-root .wf-approved .wf-week-table :is(th,td) { text-align:left; font-weight:400; padding:7px 8px 7px 0; border-bottom:1px solid #dce2d9; }
#manager-external-root .wf-approved .wf-week-table th { color:#58645d; font-size:11px; }
#manager-external-root .wf-approved details { background:transparent; border:0; border-bottom:1px solid #dce2d9; border-radius:0; padding:0; margin:0; }
#manager-external-root .wf-approved summary { display:flex; align-items:baseline; justify-content:flex-start; gap:10px; min-height:48px; padding:5px 0; list-style:none; cursor:pointer; background:transparent; border:0; border-radius:0; }
#manager-external-root .wf-approved summary::-webkit-details-marker { display:none; }
#manager-external-root .wf-approved summary>div { display:grid; min-width:0; gap:2px; }
#manager-external-root .wf-approved summary strong { font:400 13px/1.45 var(--ui-font-delivered); color:#365b48; }
#manager-external-root .wf-approved summary :is(small,span) { font:400 11px/1.4 var(--ui-font-delivered); color:#58645d; }
#manager-external-root .wf-approved .wf-candidate>summary>span { margin-left:auto; flex:none; }
#manager-external-root .wf-approved .wf-chevron { align-self:center; flex:none; }
#manager-external-root .wf-approved .wf-chevron-up { display:none; }
#manager-external-root .wf-approved details[open]>summary .wf-chevron-down { display:none; }
#manager-external-root .wf-approved details[open]>summary .wf-chevron-up { display:block; }
#manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl) { display:grid; grid-template-columns:130px minmax(0,1fr); gap:5px 14px; margin:6px 0 12px; font:400 12px/1.45 var(--ui-font-delivered); }
#manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl) dt { color:#58645d; }
#manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl) dd { margin:0; white-space:pre-wrap; }
#manager-external-root .wf-approved .wf-source { margin-top:18px; border-top:1px solid #dce2d9; border-bottom:0; }
#manager-external-root .wf-approved .wf-source summary { min-height:38px; }
#manager-external-root .wf-approved .wf-source p { font-size:11px; color:#58645d; margin:0 0 12px; }
#manager-external-root .wf-approved :is(button,summary):focus-visible { outline:2px solid #354745; outline-offset:3px; }
@media(max-width:600px) { #manager-external-root .wf-approved .wf-line { flex-wrap:wrap; } #manager-external-root .wf-approved .wf-line>div:last-child { text-align:left; } #manager-external-root .wf-approved .wf-candidate>summary { flex-wrap:wrap; } #manager-external-root .wf-approved .wf-candidate>summary>div { flex-basis:calc(100% - 30px); } #manager-external-root .wf-approved .wf-candidate>summary>span { margin-left:0; } #manager-external-root .wf-approved .wf-candidate>summary>.wf-chevron { margin-left:auto; } }
@media(max-width:420px) { #manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl) { grid-template-columns:1fr; gap:3px; } #manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl) dd { margin-bottom:5px; } }
@media(pointer:coarse), (max-width:599px) { #manager-external-root .wf-approved button, #manager-external-root .wf-approved .wf-source summary { min-height:44px; } }

#manager-external-root .wf-approved > :is(.wf-header,.wf-snapshot-note,.wf-schedule-card,.wf-source) { grid-column:1/-1; }
#manager-external-root .wf-approved .wf-header { margin:10px 0 0; }
#manager-external-root .wf-approved .wf-snapshot-note { margin:0; }
@media(max-width:700px) { #manager-external-root .wf-approved { grid-template-columns:minmax(0,1fr); } }

/* Mobile readability (WP461): typography only; approved spacing and structure retained. */
@media (max-width:700px){
  #manager-external-root .wf-approved{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved h3{font-size:var(--ui-mobile-body,17px)}
  #manager-external-root .wf-approved h4{font-size:var(--ui-mobile-body,17px)}
  #manager-external-root .wf-approved button{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved :is(.wf-header p,.wf-support,.wf-empty,.wf-line small,.wf-row-head>span){font-size:var(--ui-mobile-meta,14px)}
  #manager-external-root .wf-approved .wf-snapshot-note{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved .wf-line strong{font-size:var(--ui-mobile-body,17px)}
  #manager-external-root .wf-approved .wf-line span{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved .wf-metrics dt{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved .wf-metrics dd{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved .wf-week-table{font-size:var(--ui-mobile-secondary,15px)}
  #manager-external-root .wf-approved .wf-week-table th{font-size:var(--ui-mobile-meta,14px)}
  #manager-external-root .wf-approved summary strong{font-size:var(--ui-mobile-body,17px)}
  #manager-external-root .wf-approved summary :is(small,span){font-size:var(--ui-mobile-meta,14px)}
  #manager-external-root .wf-approved :is(.wf-candidate-details,.wf-availability-person>dl){font-size:var(--ui-mobile-meta,14px)}
  #manager-external-root .wf-approved .wf-source p{font-size:var(--ui-mobile-body,17px)}
}