/* Staff Dashboard: mobile-first operational presentation. */
.tf-dashboard-page{width:100%;max-width:1360px;min-width:0;margin:0 auto;color:var(--tf-text,#0f172a)}
.tf-dashboard-page *{box-sizing:border-box;min-width:0}
.tf-dashboard-page .tf90-head{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start!important;gap:10px!important;margin:0 0 14px;flex-direction:initial!important}
.tf-dashboard-page .tf90-head h1{margin:0!important;font-size:24px!important;line-height:1.15}
.tf-dashboard-page .tf90-head p{display:block;margin:4px 0 0;font-size:13px}
.tf-dashboard-page .tf90-actions{display:flex!important;width:100%!important;gap:8px!important}
.tf-dashboard-page .tf90-actions .tribal-btn{width:auto!important;min-height:44px!important;display:inline-flex;flex:0 0 auto!important;align-items:center;justify-content:center;white-space:nowrap!important}
.tf-dashboard-page .tf90-section{margin:0 0 14px!important;padding:14px!important;border-radius:12px}
.tf-dashboard-page .tf90-section-title{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:10px!important;margin:0 0 12px}
.tf-dashboard-page .tf90-section-title h2{margin:0!important;font-size:18px!important;line-height:1.2}
.tf-dashboard-page .tf90-section-title>span{font-size:13px;white-space:nowrap!important}
.tf-dashboard-page .tf-date-wide,.tf-dashboard-page .tf-title-wide{display:none}
.tf-dashboard-page .tf-date-compact,.tf-dashboard-page .tf-title-compact{display:inline}
.tf-dashboard-page .tf90-metrics.four,.tf-dashboard-page .tf90-metrics.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.tf-dashboard-page .tf90-metrics>a,.tf-dashboard-page .tf90-metrics>div{min-height:82px!important;padding:12px!important;border-radius:10px;justify-content:center}
.tf-dashboard-page .tf90-metrics strong{font-size:24px;line-height:1}
.tf-dashboard-page .tf90-metrics span{font-size:12px;line-height:1.3;overflow-wrap:normal}
.tf-dashboard-page .tf90-class-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0 0;padding:0;overflow:visible;border:0}
.tf-dashboard-page .tf90-class-strip a{width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:12px;border:1px solid var(--tf-border,#e5e7eb);border-radius:10px;color:var(--tf-text,#0f172a);overflow-wrap:normal;word-break:normal;white-space:normal}
.tf-dashboard-page .tf90-class-strip a:last-child{border-bottom:1px solid var(--tf-border,#e5e7eb)}
.tf-dashboard-page .tf90-class-strip time{font-size:15px;font-weight:850;letter-spacing:-.01em}
.tf-dashboard-page .tf-class-summary{display:grid;grid-column:1/-1;gap:2px;overflow-wrap:normal;word-break:normal}
.tf-dashboard-page .tf-class-summary b{font-size:14px;line-height:1.25;overflow-wrap:normal;word-break:normal}
.tf-dashboard-page .tf-class-summary small{color:var(--tf-muted,#667085);font-size:12px;line-height:1.3}
.tf-dashboard-page .tf-class-status{justify-self:end;padding:4px 7px;border-radius:999px;background:#eaf7ef;color:#16794b;font-size:10px;font-weight:800;white-space:nowrap}
.tf-dashboard-page .tf-class-status.full{background:#feeceb;color:#b42318}
.tf-dashboard-page .tf-class-status.waitlist{background:#fff4df;color:#9b5a08}
.tf-dashboard-page .tf90-two{display:grid;grid-template-columns:1fr;gap:0}
.tf-dashboard-page .tf90-capacity{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:5px}
.tf-dashboard-page .tf90-capacity strong{font-size:29px;line-height:1}
.tf-dashboard-page .tf90-capacity>span{font-size:13px}
.tf-dashboard-page .tf90-progress,.tf-dashboard-page .tf90-capacity p{grid-column:auto}
.tf-dashboard-page .tf90-progress{margin-top:11px}
.tf-dashboard-page .tf90-capacity p{margin:8px 0 0;font-size:13px}
.tf-dashboard-page .tf90-empty-compact{width:100%;min-height:0!important;margin-top:10px;padding:10px 12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;justify-content:stretch;gap:8px;text-align:left;overflow-wrap:normal;word-break:normal}
.tf-dashboard-page .tf90-empty-compact:before{content:none!important;display:none!important}
.tf-dashboard-page .tf90-empty-copy{display:grid;gap:2px;overflow-wrap:normal;word-break:normal}
.tf-dashboard-page .tf90-empty-compact strong{font-size:14px}
.tf-dashboard-page .tf90-empty-compact span{font-size:12px}
.tf-dashboard-page .tf90-chart{max-height:180px}
.tf-operations-attention{padding:14px!important}
.tf-operations-attention .tf90-section-title{flex-direction:row!important;align-items:center!important;margin-bottom:7px}
.tf-operations-attention .tf90-section-title>div{display:block}
.tf-operations-attention .tf90-section-title p{margin:0}
.tf-operations-attention .tf-attention-count{display:inline-grid;place-items:center;min-width:28px;min-height:28px;padding:3px 8px;border-radius:999px;background:#fff4eb;color:var(--tf-orange-dark,#ea580c);font-size:13px!important;font-weight:850}
.tf-operations-attention .tf-attention-list{display:grid;gap:12px}
.tf-operations-attention .tf-attention-list article{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:start;padding:14px!important;border:1px solid var(--tf-border,#e5e7eb)!important;border-radius:10px;background:#fff;overflow-wrap:normal;word-break:normal}
.tf-operations-attention .tf-attention-list article>em{display:inline-flex;justify-self:start}
.tf-operations-attention .tf-attention-list article>span{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;overflow-wrap:normal;word-break:normal}
.tf-operations-attention .tf-attention-list article small{grid-column:auto!important;font-size:12px;line-height:1.3}
.tf-operations-attention .tf-attention-list article>.tribal-btn{width:100%!important;min-width:0;min-height:44px!important;padding:8px 10px!important;align-self:center}

@media(min-width:768px){
  .tf-dashboard-page .tf90-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:20px!important;margin-bottom:20px}
  .tf-dashboard-page .tf90-head h1{font-size:28px!important}
  .tf-dashboard-page .tf90-head p{display:block}
  .tf-dashboard-page .tf90-actions{display:flex!important;width:auto!important}
  .tf-dashboard-page .tf90-actions .tribal-btn:first-child,.tf-dashboard-page .tf90-actions .tribal-btn:last-child{grid-column:auto;grid-row:auto}
  .tf-dashboard-page .tf90-actions .tribal-btn{min-height:36px!important}
  .tf-dashboard-page .tf90-section{margin-bottom:16px!important;padding:18px!important}
  .tf-dashboard-page .tf-date-wide,.tf-dashboard-page .tf-title-wide{display:inline}
  .tf-dashboard-page .tf-date-compact,.tf-dashboard-page .tf-title-compact{display:none}
  .tf-dashboard-page .tf90-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tf-dashboard-page .tf90-metrics>a,.tf-dashboard-page .tf90-metrics>div{min-height:76px;padding:13px 14px!important}
  .tf-dashboard-page .tf90-class-strip{display:flex;gap:10px;margin:14px 0 0;padding-bottom:2px;overflow-x:auto;border:0}
  .tf-dashboard-page .tf90-class-strip a{min-width:210px;width:auto;display:grid;grid-template-columns:52px minmax(120px,1fr);gap:9px;padding:12px;border:1px solid var(--tf-border,#e5e7eb);border-radius:10px}
  .tf-dashboard-page .tf-class-summary{grid-column:auto}
  .tf-dashboard-page .tf-class-status{grid-column:2;justify-self:start}
  .tf-operations-attention{padding:18px!important}
  .tf-operations-attention .tf90-section-title>div{display:block}
  .tf-operations-attention .tf-attention-list article{grid-template-columns:110px minmax(0,1fr) auto!important;gap:14px!important;padding:10px 4px!important}
  .tf-operations-attention .tf-attention-list article>em{display:inline-flex}
  .tf-operations-attention .tf-attention-list article>span{grid-template-columns:minmax(130px,.45fr) 1fr!important;gap:2px 12px!important}
  .tf-operations-attention .tf-attention-list article small{grid-column:2!important}
  .tf-operations-attention .tf-attention-list article>.tribal-btn{min-height:36px!important}
  .tf-dashboard-page .tf90-capacity{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:10px}
  .tf-dashboard-page .tf90-progress,.tf-dashboard-page .tf90-capacity p{grid-column:1/-1}
}

@media(min-width:1024px){
  .tf-dashboard-page .tf90-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .tf-dashboard-page .tf90-two>.tf90-section{height:calc(100% - 16px)}
  .tf-dashboard-page .tf90-two .tf90-metrics.two>a{min-height:108px;justify-content:center}
}