:root{
  --workspace-canvas:#f2efe8;
  --workspace-paper:#fffdf9;
  --workspace-ink:#172a24;
  --workspace-green:#18372f;
  --workspace-green-soft:#e7eee9;
  --workspace-coral:#d96a43;
  --workspace-muted:#6f756f;
  --workspace-line:#dcd8ce;
  --workspace-radius:14px;
  --workspace-shadow:0 1px 2px rgba(20,39,33,.03),0 8px 24px rgba(20,39,33,.035);
}

.portal-logo{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.portal-logo--reverse,.portal-logo--sidebar{ filter:brightness(0) invert(1); }
.portal-logo--reverse{ width:210px; }
.portal-logo--sidebar{ width:176px; margin-bottom:26px; }
.portal-logo--login{ width:220px; margin-bottom:24px; }

.staff-navGroup{
  display:grid;
  gap:3px;
  padding:10px 0 12px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.staff-navGroup:last-child{ border-bottom:0; }

.staff-navLabel{
  padding:0 12px 5px;
  color:rgba(255,255,255,.38);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tabs--staff .tab-count{
  margin-left:auto;
  background:rgba(255,255,255,.12);
  color:#fff;
}

.tabs--staff .tab-btn[aria-selected="true"] .tab-count{
  background:rgba(24,55,47,.12);
  color:var(--workspace-green);
}

.staff-todayActions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--workspace-line);
  border-radius:15px;
  background:var(--workspace-paper);
  overflow:hidden;
}

.staff-todayActions button{
  display:grid;
  gap:9px;
  min-height:152px;
  padding:20px;
  text-align:left;
  border-right:1px solid var(--workspace-line);
  border-radius:0;
  background:transparent;
  color:var(--workspace-ink);
}

.staff-todayActions button:last-child{ border-right:0; }
.staff-todayActions button:hover{ background:var(--workspace-green-soft); }
.staff-todayActions button > span:first-child{ color:var(--workspace-coral); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.staff-todayActions strong{ align-self:end; font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:400; line-height:1.08; letter-spacing:-.025em; }
.staff-todayActions small{ color:var(--workspace-muted); font-size:10px; }

body{
  background:var(--workspace-canvas);
  color:var(--workspace-ink);
  -webkit-font-smoothing:antialiased;
}

@media (min-width:901px){
  .page > .tab-panel{
    width:100%;
    min-height:100vh;
    padding:32px clamp(24px,4vw,64px) 64px;
    gap:22px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(90deg,rgba(24,55,47,.025) 1px,transparent 1px),
      var(--workspace-canvas);
    background-size:72px 72px;
    box-shadow:none;
  }
  .staff-shellIntro:before{ display:none; }
}

.tab-panel > .section-hero{
  position:relative;
  min-height:152px;
  margin:0 0 4px;
  padding:20px 0 28px;
  align-content:end;
  border-bottom:1px solid var(--workspace-line);
}

.tab-panel > .section-hero::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-1px;
  width:64px;
  height:2px;
  background:var(--workspace-coral);
}

.section-hero .eyebrow{ color:var(--workspace-coral); }
.section-hero h1{
  color:var(--workspace-ink);
  font-size:clamp(42px,5vw,68px);
  line-height:.94;
}
.section-hero > p:not(.eyebrow){ max-width:760px; color:var(--workspace-muted); }

.personal-dashboard{
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.personal-dashboard-head{
  padding:0 0 8px;
  border:0;
  background:transparent;
}

.personal-dashboard-sections{ gap:12px; }

.personal-dashboard-section,
.request-off-form,
.request-review-panel,
.schedule-change-section,
.staff-directory-shell,
.staff-retail-panel,
.staff-coaching-shell,
.next-move-shell,
.client-recs-detail{
  border:1px solid var(--workspace-line);
  border-radius:var(--workspace-radius);
  background:var(--workspace-paper);
  box-shadow:var(--workspace-shadow);
}

.personal-dashboard-section{
  padding:20px;
}

.personal-dashboard-section-head{
  padding-bottom:15px;
  border-bottom:1px solid #e7e4dc;
}

.personal-dashboard-section + .personal-dashboard-section{ margin-top:0; }

.personal-dashboard-section-title,
.request-off-form-title,
.schedule-change-sectionTitle,
.personal-requests-title{
  color:var(--workspace-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.035em;
}

.personal-dashboard-grid{ gap:10px; }

.personal-dashboard-card,
.personal-dashboard-metric,
.next-move-pill,
.staff-retail-scoreCard,
.staff-retail-successCard,
.request-review-card,
.todo-card,
.staff-directory-card,
.client-recs-card{
  border-color:var(--workspace-line);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}

.personal-dashboard-value,
.personal-dashboard-metricValue,
.staff-retail-scoreValue,
.staff-retail-successCardValue{
  color:var(--workspace-green);
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.045em;
}

.personal-dashboard-toggle,
.personal-requests-tabs,
.request-queue-tabs{
  gap:4px;
  padding:4px;
  border:1px solid var(--workspace-line);
  border-radius:11px;
  background:#ebe8e1;
}

.personal-dashboard-toggleBtn,
.request-queue-tab{
  min-height:34px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--workspace-muted);
  box-shadow:none;
}

.personal-dashboard-toggleBtn[aria-selected="true"],
.request-queue-tab.is-active{
  background:#fff;
  color:var(--workspace-ink);
  box-shadow:0 1px 3px rgba(20,39,33,.09);
}

label{ color:#66706a; font-size:10px; letter-spacing:.13em; }

input,textarea,select{
  min-height:46px;
  border:1px solid #d5d5cd;
  border-radius:9px;
  background:#fff;
  color:var(--workspace-ink);
}

input:focus,textarea:focus,select:focus{
  border-color:#66867b;
  box-shadow:0 0 0 3px rgba(58,105,90,.11);
}

button,.btn-primary,.btn-secondary,.session-btn,.tab-btn{
  border-radius:9px;
  font-weight:750;
  box-shadow:none;
}

.btn-primary{ background:var(--workspace-green); color:#fff; }
.btn-primary:hover{ background:#214a3f; transform:none; }

.request-off-status,
.personal-dashboard-status,
.staff-directory-status{
  border-color:#d8d9d2;
  border-radius:9px;
  background:#eeece6;
  color:#5d6762;
  box-shadow:none;
}

.request-review-card:hover,
.todo-card:hover,
.staff-directory-card:hover,
.client-recs-card:hover{
  border-color:#a8b7b0;
  box-shadow:0 8px 22px rgba(20,39,33,.06);
  transform:none;
}

.request-review-empty,
.staff-directory-empty,
.client-recs-detail-empty{
  border:1px dashed #cfd1ca;
  border-radius:11px;
  background:rgba(255,255,255,.52);
  color:var(--workspace-muted);
}

@media (max-width:900px){
  .page{ padding:14px; background:var(--workspace-canvas); }
  .staff-shellCard{ border-radius:14px; }
  .tab-panel{ border-radius:14px; box-shadow:none; }
  .tabs--staff{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow:visible;
  }
  .staff-navGroup{
    align-content:start;
    padding:10px;
    border:1px solid rgba(23,21,19,.08);
    border-radius:11px;
    background:rgba(255,255,255,.58);
  }
  .staff-navLabel{ color:var(--workspace-muted); }
  .tabs--staff .tab-btn{
    width:100%;
    justify-content:flex-start;
    text-align:left;
    color:var(--workspace-muted);
  }
  .tabs--staff .tab-btn[aria-selected="true"]{ background:var(--workspace-green); color:#fff; }
  .staff-todayActions{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .staff-todayActions button:nth-child(2){ border-right:0; }
  .staff-todayActions button:nth-child(-n+2){ border-bottom:1px solid var(--workspace-line); }
}

@media (max-width:640px){
  .page{ padding:10px; gap:10px; }
  .tab-panel{ padding:18px 14px 32px; }
  .tab-panel > .section-hero{ min-height:126px; }
  .section-hero h1{ font-size:42px; }
  .personal-dashboard-section{ padding:15px; }
  .tabs--staff{ grid-template-columns:1fr; }
  .staff-navGroup{ padding:8px; }
}

@media (max-width:480px){
  .staff-todayActions{ grid-template-columns:1fr; }
  .staff-todayActions button,.staff-todayActions button:nth-child(2){ border-right:0; border-bottom:1px solid var(--workspace-line); }
  .staff-todayActions button:last-child{ border-bottom:0; }
}

/* Personalized operating brief */
.staff-dailyBrief{padding:24px;border-radius:var(--workspace-radius);background:var(--workspace-green);color:#fff;box-shadow:0 18px 42px rgba(18,48,40,.16)}
.staff-dailyBriefHead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:19px}
.staff-dailyBriefHead .eyebrow{margin:0 0 5px;color:#ef9d82}
.staff-dailyBriefHead h2{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;letter-spacing:-.04em}
.staff-dailyBriefHead > p{max-width:410px;margin:0;color:rgba(255,255,255,.62);font-size:11px;line-height:1.45;text-align:right}
.staff-dailyBriefGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px}
.staff-dailyBriefGrid article{display:flex;min-height:180px;padding:18px;flex-direction:column;border-right:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}
.staff-dailyBriefGrid article:last-child{border-right:0}
.staff-dailyBriefGrid article.staff-dailyBriefCard--focus{background:#f4ebe4;color:var(--workspace-ink)}
.staff-dailyBriefGrid span{color:#ef9d82;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.staff-dailyBriefGrid strong{margin-top:auto;color:inherit;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:400;letter-spacing:-.035em;line-height:1.08}
.staff-dailyBriefGrid p{min-height:34px;margin:9px 0 0;color:rgba(255,255,255,.62);font-size:11px;line-height:1.45}
.staff-dailyBriefCard--focus p{color:var(--workspace-muted)}
@media (max-width:760px){.staff-dailyBriefHead{align-items:flex-start;flex-direction:column;gap:8px}.staff-dailyBriefHead > p{text-align:left}.staff-dailyBriefGrid{grid-template-columns:1fr}.staff-dailyBriefGrid article{min-height:145px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.staff-dailyBriefGrid article:last-child{border-bottom:0}}