*{box-sizing:border-box}:root{--p:#3b1f73;--p2:#6f42c1;--pl:#f2edfb;--ink:#211932;--muted:#766f81;--line:#e7e2ee;--bg:#fbfafc;--ok:#24845f;--bad:#9b3434}
body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
button,input,textarea,select{font:inherit}.shell{max-width:980px;margin:auto;padding:18px 16px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.brand{font-size:22px;font-weight:900;letter-spacing:.08em;color:var(--p)}.brand span{background:var(--p);color:#fff;border-radius:9px;padding:2px 7px}.brand b{font-size:18px;letter-spacing:0}.tagline{font-size:12px;color:var(--muted);margin-top:4px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ghost,.secondary,.link-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--ink)}.ghost.active{border-color:var(--p);color:var(--p)}.link-btn{border:0;color:var(--p);font-weight:800;text-align:left;padding-left:0}.badge,.pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.pending{background:#fff2dd;color:#9d6410}.badge.online{background:#e8f7ef;color:#176d4b}.badge.error{background:#fff0f0;color:var(--bad)}.pill{background:var(--pl);color:var(--p)}.hero{padding:28px 4px 12px}.hero.compact{padding-top:20px}.hero h1{font-size:34px;line-height:1.05;margin:12px 0 8px;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:14px;box-shadow:0 10px 30px rgba(59,31,115,.05)}.card h2{margin:4px 0 14px;font-size:19px}.card h2 small{float:right;color:var(--muted);font-size:12px;font-weight:500}.eyebrow{font-size:12px;color:var(--p);font-weight:800}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.target{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:14px;border-radius:16px}.target.selected,.amounts button.selected,.chips button.selected{border-color:var(--p);background:var(--pl)}.avatar{width:42px;height:42px;border-radius:14px;background:var(--pl);color:var(--p);display:grid;place-items:center;font-weight:900}.target small,.row small{display:block;color:var(--muted);margin-top:3px}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amounts button,.chips button,.stars button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.stars{display:flex;gap:5px;margin:14px 0}.stars button{font-size:24px;padding:5px 9px;color:#c8c3ce}.stars button.on{color:#e5a900}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;margin-top:6px}textarea{min-height:88px}.summary>div{display:flex;justify-content:space-between;padding:7px 0}.summary .total{border-top:1px solid var(--line);margin-top:5px;padding-top:12px;font-size:18px}.primary{width:100%;border:0;background:linear-gradient(135deg,var(--p),var(--p2));color:white;border-radius:14px;padding:14px;font-weight:850;margin-top:14px}.primary.inline{width:auto;margin:0}.wide{width:100%;margin-top:14px}.success{text-align:center}.check{width:60px;height:60px;border-radius:50%;background:#e8f7ef;color:var(--ok);display:grid;place-items:center;font-size:34px;font-weight:900;margin:auto}.hidden{display:none!important}.status{margin:12px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.status.info{background:#f3eefb;color:var(--p)}.status.good{background:#e8f7ef;color:#176d4b}.status.bad{background:#fff0f0;color:var(--bad)}.auth-grid{align-items:start}.pw{position:relative}.pw input{padding-right:48px}.pw button{position:absolute;right:8px;top:50%;transform:translateY(-39%);width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--p)}.hint{font-size:12px;color:var(--muted)}.hint.good{color:var(--ok)}.hint.bad{color:var(--bad)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.metrics small{display:block;color:var(--muted);margin-bottom:6px}.metrics strong{font-size:20px}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.tiny{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 8px;font-size:12px}.danger{color:var(--bad)}.qr-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.qr-box{width:104px;height:104px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}.qr-box img,.qr-box canvas{width:92px!important;height:92px!important}.linktext{font-size:11px;color:var(--muted);word-break:break-all}.big-qr{width:190px;height:190px;padding:8px;border:1px solid var(--line);border-radius:18px;margin:10px auto;display:grid;place-items:center}.big-qr img,.big-qr canvas{width:174px!important;height:174px!important}.dialog-card{padding:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}dialog{border:0;border-radius:18px;max-width:440px;width:92%}dialog::backdrop{background:rgba(20,15,30,.4)}
@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.grid2,.metrics{grid-template-columns:1fr 1fr}.qr-row{grid-template-columns:110px 1fr}.qr-row .actions{grid-column:1/-1}.hero h1{font-size:29px}}
@media(max-width:520px){.grid2,.metrics,.amounts{grid-template-columns:1fr 1fr}.shell{padding:12px}.top-actions{width:100%}.hero{padding-top:20px}}

.empty-state{padding:18px;border:1px dashed var(--line);border-radius:16px;background:#fcfbfd;color:var(--muted);line-height:1.55}
.empty-state strong{display:block;color:var(--ink);margin-bottom:4px}
.context-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--pl);color:var(--p);font-size:12px;font-weight:800;margin-right:6px}

/* TIMAS V0.4.11 recognition-first + optional tip */
button,
.target,
.ghost,
.secondary,
.link-btn,
.tiny,
select,
[data-toggle]{
  cursor:pointer;
}
button:disabled,
select:disabled{
  cursor:not-allowed;
}

.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.section-head h2{margin:0 0 4px}
.section-help{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.required-badge,.optional-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.required-badge{background:#f1eafa;color:var(--p)}
.optional-badge{background:#eef4f0;color:#39705b}
.optional-inline{font-size:10px;color:var(--muted);font-weight:600;margin-left:4px}
.inline-validation{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff0f0;border:1px solid #f0caca;color:var(--bad);font-size:12px}
.inline-validation.hidden{display:none}
#recognitionCard.validation-error{border-color:#d99}
.amounts-five{grid-template-columns:1.25fr repeat(4,1fr)}
.no-tip-button{line-height:1.1}
.no-tip-button small{font-size:10px;color:var(--muted);font-weight:600}
.no-tip-button.selected small{color:var(--p)}
@media(max-width:700px){.amounts-five{grid-template-columns:1fr 1fr}.section-head{align-items:center}}

/* TIMAS V0.4.12 stabilization & polish */
.test-label{font-size:9px;color:var(--muted);font-weight:700;margin-left:4px;text-transform:uppercase;letter-spacing:.04em}
.cta-hint{text-align:center;color:var(--muted);font-size:11px;margin-top:7px}
.success{max-width:700px;margin-left:auto;margin-right:auto}
.success-type{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--pl);color:var(--p);font-size:12px;font-weight:800;margin-top:10px}
.success-breakdown{display:grid;gap:8px;margin:16px auto;max-width:460px;text-align:left}
.success-line{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:#faf8fc;border:1px solid var(--line);border-radius:12px}
.success-line span{color:var(--muted)}
.dashboard-subtitle{margin-top:6px!important}
.metric-note{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.3}
.metrics article{min-height:92px}
.qr-row strong{display:block}
.qr-row small{display:block;color:var(--muted);margin:3px 0}
.activity-kind{display:inline-flex;padding:3px 6px;border-radius:999px;background:var(--pl);color:var(--p);font-size:9px;font-weight:800;margin-left:5px}

/* TIMAS V0.4.13 — employer & employee polish */
.section-note{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.row-main{min-width:0}
.row-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.role-badge,.type-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--pl);color:var(--p);font-size:9px;font-weight:800}
.actions .edit-employee,.actions .edit-team{color:var(--p);font-weight:750}
.member-picker{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fcfbfd}
.member-picker-title{font-size:12px;font-weight:800;margin-bottom:8px}
.member-check{display:flex;align-items:center;gap:8px;padding:7px 4px}
.member-check input{width:auto;margin:0}
.recognition-profile{display:grid;gap:10px;margin-top:12px}
.recognition-stat{display:grid;grid-template-columns:110px 1fr 38px;gap:10px;align-items:center}
.recognition-stat-label{font-size:12px}
.recognition-track{height:10px;background:#eeeaf5;border-radius:999px;overflow:hidden}
.recognition-fill{height:100%;background:linear-gradient(90deg,var(--p),var(--p2));border-radius:999px}
.recognition-count{text-align:right;font-size:12px;font-weight:850;color:var(--p)}
.qr-row .type-badge{margin-top:4px}
@media(max-width:560px){.recognition-stat{grid-template-columns:90px 1fr 30px}}

.qr-card-launch{color:var(--p);font-weight:800}
.qr-share-card-dialog{padding:20px;min-width:min(92vw,620px)}
.qr-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.qr-dialog-head h2{margin:8px 0 0}
.qr-print-card{width:min(100%,460px);margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(59,31,115,.12)}
.qr-card-brand{padding:20px 22px;background:linear-gradient(135deg,#3b1f73,#6f42c1);color:#fff}
.qr-card-wordmark{font-size:24px;font-weight:900;letter-spacing:.08em}
.qr-card-wordmark span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:var(--p);letter-spacing:0;margin:0 4px}
.qr-card-wordmark b{font-size:18px;letter-spacing:0}
.qr-card-tagline{margin-top:5px;font-size:12px;opacity:.9}
.qr-card-body{text-align:center;padding:24px}
.qr-card-type{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--pl);color:var(--p);font-size:11px;font-weight:850;text-transform:uppercase}
.qr-card-body h2{font-size:30px;margin:12px 0 5px}
.qr-card-body p{margin:0;color:var(--muted);font-size:13px}
.qr-card-code{width:220px;height:220px;padding:10px;margin:20px auto 14px;border:1px solid var(--line);border-radius:20px;background:#fff;display:grid;place-items:center}
.qr-card-code img,.qr-card-code canvas{width:200px!important;height:200px!important}
.qr-card-cta{font-size:18px;font-weight:900;margin-top:5px}
.qr-card-subcta{font-size:12px;color:var(--muted);margin-top:4px}
.qr-dialog-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
@media print{body *{visibility:hidden!important}#qrPrintableCard,#qrPrintableCard *{visibility:visible!important}#qrPrintableCard{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:460px;box-shadow:none}}

/* TIMAS V0.4.14.1 — QR modal auto-fit / resize / drag */
#qrCardDialog{
  width:min(94vw,680px);
  max-width:94vw;
  height:auto;
  max-height:92vh;
  padding:0;
  overflow:auto;
  resize:both;
}
#qrCardDialog::backdrop{background:rgba(18,14,28,.42)}
.qr-share-card-dialog{
  min-width:0!important;
  width:100%;
  padding:18px;
}
.qr-dialog-head.drag-handle{
  cursor:move;
  user-select:none;
  position:sticky;
  top:0;
  z-index:5;
  background:#fff;
  padding-bottom:10px;
}
.qr-window-controls{display:flex;gap:8px;align-items:center}
#qrPrintableCard{max-width:100%}
@media(max-width:560px){
  #qrCardDialog{
    width:96vw;
    max-width:96vw;
    max-height:94vh;
    resize:none;
  }
  .qr-share-card-dialog{padding:12px}
  .qr-dialog-head{align-items:center}
  .qr-window-controls{gap:5px}
}

/* TIMAS V0.4.14.2 — QR card polish */
#qrCardDialog,
.qr-share-card-dialog,
#qrPrintableCard,
.qr-print-card,
.qr-card-body,
.qr-card-brand{
  cursor:move;
}
#qrCardDialog button,
#qrCardDialog a,
#qrCardDialog input,
#qrCardDialog select,
#qrCardDialog textarea{
  cursor:pointer;
}
.qr-card-avatar{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  margin:0 auto 10px;
  background:var(--pl);color:var(--p);
  font-size:23px;font-weight:900;
  border:1px solid var(--line);
}
.qr-card-role{
  margin:3px 0 2px!important;
  color:var(--p)!important;
  font-size:12px!important;
  font-weight:800;
}
.qr-card-type[data-type="team"]{background:#efe8fb}
.qr-card-type[data-type="location"]{background:#edf5f1;color:#39705b}
.qr-card-avatar[data-type="team"]{border-radius:50%;background:#efe8fb}
.qr-card-avatar[data-type="location"]{border-radius:50%;background:#edf5f1;color:#39705b}
.print-ready-note{
  text-align:center;
  color:var(--muted);
  font-size:10px;
  margin-top:10px;
}
.qr-dialog-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  background:#fff;
  padding-top:10px;
  padding-bottom:2px;
}

/* Print preset — A6 portrait */
@page{
  size:A6 portrait;
  margin:0;
}
@media print{
  html,body{
    width:105mm!important;
    height:148mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  *{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  body *{visibility:hidden!important}
  #qrPrintableCard,#qrPrintableCard *{visibility:visible!important}
  #qrPrintableCard{
    position:fixed!important;
    inset:0!important;
    transform:none!important;
    width:105mm!important;
    height:148mm!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #qrPrintableCard .qr-card-brand{
    padding:8mm 8mm 6mm!important;
  }
  #qrPrintableCard .qr-card-body{
    padding:8mm!important;
  }
  #qrPrintableCard .qr-card-code{
    width:58mm!important;
    height:58mm!important;
    margin:6mm auto 4mm!important;
    padding:3mm!important;
  }
  #qrPrintableCard .qr-card-code img,
  #qrPrintableCard .qr-card-code canvas{
    width:52mm!important;
    height:52mm!important;
  }
  .qr-card-wordmark{font-size:19pt!important}
  .qr-card-tagline{font-size:9pt!important}
  .qr-card-body h2{font-size:22pt!important}
  .qr-card-cta{font-size:13pt!important}
  .qr-card-subcta,.qr-card-body p,.qr-card-role{font-size:9pt!important}
}

/* TIMAS V0.4.14.3 — custom resize handles on all four sides + corners */
#qrCardDialog{
  resize:none!important;
  min-width:420px;
  min-height:420px;
}
.qr-share-card-dialog{
  position:relative;
  min-width:0!important;
  min-height:100%;
}
.resize-handle{
  position:absolute;
  z-index:20;
  background:transparent;
  touch-action:none;
}
.resize-n{top:-6px;left:18px;right:18px;height:12px;cursor:n-resize}
.resize-s{bottom:-6px;left:18px;right:18px;height:12px;cursor:s-resize}
.resize-e{right:-6px;top:18px;bottom:18px;width:12px;cursor:e-resize}
.resize-w{left:-6px;top:18px;bottom:18px;width:12px;cursor:w-resize}
.resize-ne{right:-8px;top:-8px;width:18px;height:18px;cursor:ne-resize}
.resize-nw{left:-8px;top:-8px;width:18px;height:18px;cursor:nw-resize}
.resize-se{right:-8px;bottom:-8px;width:22px;height:22px;cursor:se-resize}
.resize-sw{left:-8px;bottom:-8px;width:18px;height:18px;cursor:sw-resize}

.resize-se::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:4px;
  width:10px;
  height:10px;
  border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);
  opacity:.7;
}

@media(max-width:560px){
  #qrCardDialog{
    min-width:0;
    min-height:0;
  }
  .resize-handle{display:none}
}

/* TIMAS V0.4.14.4 — responsive modal resizing */
#qrCardDialog{
  overflow:hidden!important;
  min-width:420px;
  min-height:460px;
  max-width:96vw!important;
  max-height:94vh!important;
}
.qr-share-card-dialog{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  overflow:auto!important;
  overflow-x:hidden!important;
  padding:18px!important;
}
#qrPrintableCard{
  width:min(100%,460px)!important;
  max-width:100%!important;
  margin:0 auto!important;
}
.qr-card-body{
  padding:clamp(14px,3vw,24px)!important;
}
.qr-card-code{
  width:clamp(150px,40vw,220px)!important;
  height:clamp(150px,40vw,220px)!important;
  max-width:70%!important;
  aspect-ratio:1/1;
}
.qr-card-code img,.qr-card-code canvas{
  width:100%!important;
  height:100%!important;
}
.qr-card-body h2{
  font-size:clamp(22px,4vw,30px)!important;
  overflow-wrap:anywhere;
}
.qr-card-cta{
  font-size:clamp(14px,2.4vw,18px)!important;
}
.qr-dialog-actions{
  width:100%;
  box-sizing:border-box;
}
.qr-dialog-actions button{
  flex:1 1 150px;
  min-width:0;
}
.qr-window-controls{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.qr-dialog-head{
  gap:8px!important;
}
.qr-dialog-head h2{
  overflow-wrap:anywhere;
}

/* Clear visible resize affordances on all 4 edges */
.resize-handle{
  z-index:50!important;
}
.resize-n,.resize-s{left:26px!important;right:26px!important}
.resize-e,.resize-w{top:26px!important;bottom:26px!important}
.resize-n span,.resize-s span{
  position:absolute;
  left:50%;transform:translateX(-50%);
  width:52px;height:4px;border-radius:999px;
  background:rgba(59,31,115,.35);
}
.resize-n span{top:4px}
.resize-s span{bottom:4px}
.resize-e span,.resize-w span{
  position:absolute;
  top:50%;transform:translateY(-50%);
  width:4px;height:52px;border-radius:999px;
  background:rgba(59,31,115,.35);
}
.resize-e span{right:4px}
.resize-w span{left:4px}

/* Corner grips */
.resize-ne::after,.resize-nw::after,.resize-sw::after,.resize-se::after{
  content:"";
  position:absolute;
  width:10px;height:10px;
  opacity:.65;
}
.resize-ne::after{right:4px;top:4px;border-right:2px solid var(--muted);border-top:2px solid var(--muted)}
.resize-nw::after{left:4px;top:4px;border-left:2px solid var(--muted);border-top:2px solid var(--muted)}
.resize-sw::after{left:4px;bottom:4px;border-left:2px solid var(--muted);border-bottom:2px solid var(--muted)}
.resize-se::after{right:4px;bottom:4px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted)}

@media(max-width:560px){
  #qrCardDialog{min-width:0;min-height:0;width:96vw!important;height:auto!important}
  .qr-share-card-dialog{overflow:auto!important}
}

.status-toggle{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:10px;font-weight:800}
.status-dot{width:8px;height:8px;border-radius:50%;background:#aaa}
.status-toggle.active{color:#176d4b;background:#eff8f3}.status-toggle.active .status-dot{background:#2e9b6f}
.status-toggle.inactive{color:#8a5b24;background:#fff7e8}.status-toggle.inactive .status-dot{background:#c28a3b}
.row.inactive-row{opacity:.68;background:#fcfbfd}
.target-state-note{font-size:10px;color:var(--muted);margin-top:4px}
.activity-head{align-items:flex-end}
.activity-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
.activity-filters select{margin:0}
.empty-filter-state{padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
@media(max-width:620px){.activity-filters{grid-template-columns:1fr}}

/* TIMAS V0.4.16 — Control Room + live Qatar clock */
.live-datetime{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 11px;border-radius:12px;
  background:#f7f3fb;border:1px solid var(--line);color:var(--p);
  font-size:11px;font-weight:800;white-space:nowrap;
}
.control-room-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.control-metrics{grid-template-columns:repeat(6,1fr)}
.admin-grid{align-items:stretch}
.health-list,.pilot-snapshot{display:grid;gap:10px;margin-top:14px}
.health-list>div,.pilot-snapshot>div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fcfbfd}
.health-list span,.pilot-snapshot span{color:var(--muted);font-size:12px}
.admin-search{max-width:260px;margin:0}
.admin-business-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.admin-business-row:last-child{border-bottom:0}
.admin-business-row.is-paused{opacity:.72}
.admin-business-main small{display:block;color:var(--muted);margin-top:5px;line-height:1.45}
.admin-business-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.admin-business-controls select{width:auto;min-width:118px;margin:0;padding:8px 30px 8px 10px}
.admin-notes{grid-column:1/-1;min-height:68px;margin:0;resize:vertical}
.admin-note-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.status-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}
.status-active{background:#e9f6ef;color:#28724f}
.status-inactive{background:#f2edf5;color:#745c80}
@media(max-width:1050px){.control-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  .live-datetime{width:100%;order:-1;white-space:normal;text-align:center}
  .control-metrics{grid-template-columns:1fr 1fr}
  .admin-business-row{grid-template-columns:1fr}
  .admin-business-controls{justify-content:flex-start;flex-wrap:wrap}
  .admin-notes,.admin-note-actions{grid-column:1}
  .admin-search{max-width:100%;width:100%}
}


/* V0.4.16.2 — Control Room business drill-down */
.admin-open-business{font-weight:700}
.admin-business-detail{grid-column:1/-1;margin-top:4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(124,58,237,.025)}
.admin-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.admin-detail-head h3{margin:5px 0 2px;font-size:1.35rem}
.detail-health{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:var(--muted)}
.admin-detail-metrics{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;margin-bottom:14px}
.admin-detail-metrics>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface)}
.admin-detail-metrics small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}
.admin-detail-metrics strong{font-size:1rem}
.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-detail-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px}
.admin-detail-card h4{margin:0 0 8px;font-size:.95rem}
.admin-detail-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.admin-detail-line:first-of-type{border-top:0}
.admin-detail-line span:first-child{min-width:0}
.admin-detail-line small{display:block;color:var(--muted);margin-top:2px;line-height:1.35}
.detail-chip{font-size:.75rem;border:1px solid var(--line);padding:4px 7px;border-radius:999px;white-space:nowrap;color:var(--muted)}
.admin-detail-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
@media(max-width:980px){.admin-detail-metrics{grid-template-columns:repeat(3,1fr)}.admin-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.admin-detail-head{display:block}.detail-health{justify-content:flex-start;margin-top:8px}.admin-detail-metrics{grid-template-columns:repeat(2,1fr)}}


/* V0.4.17B — TIMAS Insights */
.insights-panel{overflow:hidden}
.insight-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}
.insight-metrics>div{border:1px solid var(--line,#e7e1ee);border-radius:16px;padding:14px;background:rgba(255,255,255,.58);min-height:105px}
.insight-metrics small{display:block;color:var(--muted,#786e80);margin-bottom:7px}
.insight-metrics strong{display:block;font-size:1.35rem;margin-bottom:6px}
.insight-metrics span{display:block;font-size:.76rem;color:var(--muted,#786e80);line-height:1.35}
.insights-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}
.insight-card{border:1px solid var(--line,#e7e1ee);border-radius:18px;padding:16px;background:rgba(255,255,255,.5)}
.insight-card h3{margin:0 0 12px}
.signal{padding:12px 13px;border-radius:13px;margin:0 0 9px;border:1px solid var(--line,#e7e1ee)}
.signal strong,.signal span{display:block}
.signal span{font-size:.82rem;line-height:1.4;margin-top:4px;color:var(--muted,#786e80)}
.signal.good{background:rgba(36,145,91,.07)}
.signal.warn{background:rgba(207,143,27,.08)}
.signal.info{background:rgba(83,65,125,.055)}
.funnel-row{margin-bottom:12px}
.funnel-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.86rem;margin-bottom:5px}
.funnel-track{height:8px;border-radius:99px;background:rgba(80,55,115,.08);overflow:hidden}
.funnel-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c278b,#7b4fc5)}
.trait-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line,#e7e1ee)}
.trait-row:last-child{border-bottom:0}
@media(max-width:1050px){.insight-metrics{grid-template-columns:repeat(3,1fr)}.insights-grid{grid-template-columns:1fr}}
@media(max-width:640px){.insight-metrics{grid-template-columns:repeat(2,1fr)}}


/* V0.4.17C — insight scope and confidence */
.insight-filters{display:grid;grid-template-columns:1fr 1.35fr 1fr auto 1.35fr;gap:10px;align-items:end;margin:14px 0 16px;padding:12px;border:1px solid var(--line,#e7e1ee);border-radius:16px;background:rgba(83,65,125,.035)}
.insight-filters label{display:grid;gap:5px}.insight-filters label>span,.insight-confidence>span{font-size:.74rem;color:var(--muted,#786e80);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.insight-filters select{width:100%;min-height:40px;border:1px solid var(--line,#e7e1ee);border-radius:11px;background:var(--card,#fff);padding:0 10px;color:inherit}
.insight-confidence{min-height:40px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line,#e7e1ee);border-radius:11px;background:var(--card,#fff)}
.insight-confidence>span{grid-column:1/-1}.insight-confidence strong{font-size:.95rem}.insight-confidence small{font-size:.72rem;color:var(--muted,#786e80)}
.confidence-strong{color:#237a50}.confidence-emerging{color:#9a6a11}.confidence-low{color:#6f6680}
@media(max-width:1050px){.insight-filters{grid-template-columns:1fr 1fr}.insight-confidence{grid-column:1/-1}}
@media(max-width:650px){.insight-filters{grid-template-columns:1fr}.insight-confidence{grid-column:auto}}

/* V0.4.17D — trends & change detection */
.trend-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.trend-strip>div{border:1px solid var(--line,#e7e1ee);border-radius:15px;padding:13px 14px;background:rgba(255,255,255,.62);min-height:90px}
.trend-strip small{display:block;color:var(--muted,#786e80);margin-bottom:7px}.trend-strip strong{display:block;font-size:1.25rem;margin-bottom:5px}.trend-strip span{display:block;font-size:.76rem;color:var(--muted,#786e80);line-height:1.35}
.trend-up{color:#237a50}.trend-down{color:#a34b42}.trend-flat{color:#6f6680}
@media(max-width:900px){.trend-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.trend-strip{grid-template-columns:1fr}}


/* V0.4.17E — AI/Agent boundary */
.agent-readiness-panel{border-style:solid}
.agent-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.agent-readiness-grid>div{border:1px solid var(--line,#e7e1ee);border-radius:15px;padding:13px 14px;background:rgba(255,255,255,.58);min-height:95px}
.agent-readiness-grid small{display:block;color:var(--muted,#786e80);margin-bottom:7px}.agent-readiness-grid strong{display:block;font-size:1.05rem;margin-bottom:5px}.agent-readiness-grid span{display:block;font-size:.76rem;color:var(--muted,#786e80);line-height:1.35}
.agent-policy-note{border:1px dashed var(--line,#e7e1ee);border-radius:14px;padding:12px 14px;background:rgba(83,65,125,.04);font-size:.82rem;line-height:1.45}
@media(max-width:900px){.agent-readiness-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.agent-readiness-grid{grid-template-columns:1fr}}

/* V0.4.18A employee access */
#employeeAccessView .auth-grid{align-items:start}
#employeeAccessView .card{min-height:100%}
#employeeAccessCode{text-transform:uppercase;letter-spacing:.12em;font-weight:700}
#employeeView #employeePreviewLabel.hidden{display:none}

/* TIMAS V0.4.18A.1 — employee access dialog UX */
.employee-access-result{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--pl)}
.employee-access-result small{display:block;color:var(--muted);margin-bottom:5px}
.employee-access-result strong{display:block;font-size:28px;letter-spacing:.16em;color:var(--p);word-break:break-all}


/* V0.4.18B — Team tip allocation */
.team-split-dialog-card{width:min(620px,92vw)}
.split-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.split-mode-picker label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}
.split-mode-picker label span{display:grid;gap:3px}.split-mode-picker small{color:var(--muted);line-height:1.35}
.split-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--pl)}
.team-split-members{display:grid;gap:7px;max-height:330px;overflow:auto}
.split-member{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.split-member span{min-width:0}.split-member small{display:block;color:var(--muted);margin-top:2px}.split-member label{display:flex;align-items:center;gap:5px;min-width:115px}.split-member input{width:88px;text-align:right}
.split-validation{margin-top:10px;padding:9px 11px;border-radius:10px;background:rgba(170,67,55,.08);color:#943d34;font-size:.82rem}
@media(max-width:620px){.split-mode-picker{grid-template-columns:1fr}.split-member{align-items:flex-start;flex-direction:column}.split-member label{width:100%}.split-member input{flex:1}}


/* V0.4.19A — Shift Presence */
.shift-card{border-left:4px solid #7c5cff}.shift-head{gap:16px;align-items:flex-start}.shift-body{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 0 2px}.shift-body>div:first-child{display:grid;gap:4px}.shift-body small{color:#70707c}.shift-body strong{font-size:1.15rem}.shift-body span{font-size:.88rem;color:#737381}.shift-actions{display:flex;gap:10px;flex-wrap:wrap}.shift-mini{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.shift-mini.on{background:#e9f8ef;color:#167445}.shift-mini.off{background:#f1f1f5;color:#70707c}@media(max-width:700px){.shift-body{align-items:flex-start;flex-direction:column}.shift-actions{width:100%}.shift-actions button{flex:1}}


/* V0.4.19A.1 password recovery */
.recovery-card{max-width:560px;margin:20px auto;padding:24px;display:grid;gap:16px}
.recovery-card label{display:grid;gap:7px;font-weight:600}
.recovery-card .primary,.recovery-card .ghost{width:100%}

/* Employer shift management */
#employerView .employer-manage-shift{display:grid;gap:4px}
#employerView .employer-manage-shift small{font-size:11px;color:var(--muted)}
#employerView .employer-shift-note{display:flex;align-items:center;justify-content:space-between;gap:12px}
#employerView .employer-shift-action:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){#employerView #employeeList .row{flex-wrap:wrap}#employerView #employeeList .actions{flex-wrap:wrap}#employerView .employer-shift-note{align-items:flex-start;flex-direction:column}}

/* Customer Design Pass 1. Scoped to customer mode; management views keep their styles. */
body.customer-mode{--ink:#242326;--muted:#62616a;--line:#dedde2;--bg:#faf9f6;--pl:#f1edf7;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
.customer-mode .shell{max-width:592px;padding:0 16px 48px}
.customer-mode .topbar{padding:16px 0;gap:8px;border-bottom:0;flex-direction:row;align-items:center;flex-wrap:wrap}
.customer-mode .brand{font-size:18px;font-weight:600;letter-spacing:.04em;color:var(--ink);white-space:nowrap}
.customer-mode .brand b{font-size:16px;font-weight:500;letter-spacing:0}
.customer-mode .brand span,.customer-mode .tagline,.customer-mode #liveDateTime,.customer-mode #cloudBadge.online,.customer-mode #cloudBadge.pending,.customer-mode #customerNav{display:none}
.customer-mode .top-actions{gap:0;width:auto;margin-left:auto}
.customer-mode .top-actions .ghost{min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:400}
.customer-mode #cloudBadge.error{font-size:14px;font-weight:500}
.customer-mode :is(button,input,textarea,summary):focus-visible{outline:3px solid #3b1f73;outline-offset:3px}
#customerView{max-width:560px;margin:0 auto}
#customerView strong{font-weight:600}
#customerView .hero{padding:24px 0 0}
#customerView .hero .eyebrow{color:var(--muted);font-size:14px;font-weight:500;margin:0 0 8px;overflow-wrap:anywhere}
#customerView .hero h1{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere}
#customerView .hero p{font-size:16px;line-height:1.5;color:var(--muted)}
#customerView .card{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin-top:32px}
#customerView h2{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 16px}
#customerView .section-head{margin-bottom:16px;display:block}
#customerView .section-head h2{margin-bottom:8px}
#customerView .section-help,#customerView .heading-aside{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted)}
#customerView .grid2{grid-template-columns:minmax(0,1fr);gap:8px}
#customerView .target{width:100%;min-width:0;min-height:72px;padding:12px;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}
#customerView .target.selected{border-color:#3b1f73;background:var(--pl)}
#customerView .avatar{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#eeedf0;color:var(--ink);font-size:18px;font-weight:500}
#customerView .recipient-name{min-width:0;flex:1;overflow-wrap:anywhere}
#customerView .target strong{display:block;font-size:18px;line-height:1.3}
#customerView .target small{font-size:14px;line-height:1.5;color:var(--muted);margin-top:4px}
#customerView .recipient-check{visibility:hidden;color:#3b1f73;font-size:20px;font-weight:600}
#customerView .target.selected .recipient-check{visibility:visible}
#customerView.customer-direct .recipient-section{margin-top:16px}
#customerView.customer-direct #recipientHeading{display:none}
#customerView.customer-direct .target{background:transparent;border-color:transparent;padding:8px 0}
#customerView.customer-direct .target .recipient-name strong{font-size:18px}
#customerView.customer-empty :is(#recognitionCard,#amountCard,.summary){display:none!important}
#customerView.customer-empty #recipientHeading{display:none}
#customerView .empty-state{border:0;background:transparent;padding:0;color:var(--muted);font-size:16px;line-height:1.5}
#customerView .empty-state strong{color:var(--ink);margin-bottom:8px;font-size:18px}
#customerView .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#customerView :is(.chips,.amounts) button{min-width:0;min-height:48px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
#customerView :is(.chips,.amounts) button.selected{border-color:#3b1f73;background:var(--pl);color:#3b1f73}
#customerView .chips button[aria-pressed="true"]::after{content:" ✓"}
#customerView .rating-row{margin:24px 0 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#customerView .rating-row>span{font-size:14px;color:var(--muted)}
#customerView .stars{margin:0;gap:0;display:flex;flex-wrap:wrap}
#customerView .stars button{width:44px;height:48px;padding:0;border:0;border-radius:10px;background:transparent;color:#77717f;font-size:28px;line-height:1}
#customerView .stars button.on{color:#3b1f73}
#customerView .personal-note summary{width:fit-content;min-height:44px;padding:8px 0;color:var(--ink);font-size:14px;cursor:pointer}
#customerView :is(.personal-note,.custom-amount-field) label{display:block;font-size:14px;font-weight:500;margin-top:12px}
#customerView :is(input,textarea){font-size:16px;line-height:1.5;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;margin-top:8px;color:var(--ink)}
#customerView textarea{min-height:96px;resize:vertical}
#customerView .amounts-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#customerView .no-tip-button{line-height:1.5}
#customerView .inline-validation{font-size:14px;padding:12px;border:0;border-radius:12px;line-height:1.5}
#customerView .summary{border-top:1px solid var(--line);padding-top:24px}
#customerView .summary>div{gap:16px;padding:8px 0}
#customerView .summary .recipient-confirmation{display:flex;flex-direction:column;gap:4px;padding:0 0 16px}
#customerView .recipient-confirmation span{font-size:14px;color:var(--muted)}
#customerView .recipient-confirmation strong{font-size:18px;overflow-wrap:anywhere}
#customerView .no-charge{font-size:18px;font-weight:500;margin:0}
#customerView .summary .financial-row{font-size:16px}
#customerView .summary .financial-row strong{white-space:nowrap}
#customerView .summary .total{font-size:22px;padding-top:16px;margin-top:8px}
#customerView .payment-disclosure{font-size:14px;color:var(--muted);line-height:1.5;margin:16px 0}
#customerView .primary{min-height:48px;width:100%;padding:12px 16px;margin:0;border-radius:12px;background:#3b1f73;color:#fff;font-size:16px;font-weight:600;line-height:1.5}
#customerView .primary:disabled{opacity:.65;cursor:wait}
#customerView .success{padding:32px 0 96px;margin-top:24px;text-align:center;max-width:560px}
#customerView .check{width:40px;height:40px;font-size:22px;font-weight:600;background:#e8f2ed;color:#246344;margin:0 auto 24px}
#customerView .success h2{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px}
#customerView .success p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere}
#customerView .success-breakdown{margin:24px 0;gap:0;max-width:none}
#customerView .success-line{background:transparent;border:0;border-radius:0;padding:8px 0;gap:16px;font-size:16px}
#customerView .receipt-total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:22px}
#customerView .success .ghost{margin-top:24px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:16px;font-weight:500;padding:12px 16px}
@media(min-width:600px){#customerView .hero h1,#customerView .success h2{font-size:32px}}

/* Customer Design Pass 2: quieter navigation and closer, flexible spacing. */
.customer-staff-access{display:none}
.customer-mode :is(#employeeNav,#employerNav,#controlRoomNav){display:none}
.customer-mode .customer-staff-access{display:block;position:relative}
.customer-mode .customer-staff-access>summary{list-style:none;cursor:pointer;min-height:44px;padding:12px 0 12px 12px;font-size:14px;color:var(--muted);font-weight:400;border-radius:10px}
.customer-mode .customer-staff-access>summary::-webkit-details-marker{display:none}
.customer-mode .customer-staff-access>summary::after{content:"⌄";margin-left:8px}
.customer-mode .customer-staff-access[open]>summary::after{content:"⌃"}
.customer-mode .customer-staff-access nav{position:absolute;right:0;top:100%;z-index:5;width:min(220px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(36,35,38,.08)}
.customer-mode .customer-staff-access nav button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;text-align:left;background:transparent;color:var(--ink);font-size:16px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.customer-mode .customer-staff-access nav button:hover{background:#f5f4f1}
.customer-mode .topbar:has(#controlRoomNav.hidden) #customerStaffAdmin{display:none}
.customer-mode .brand{letter-spacing:.03em}
.customer-mode .topbar{padding:12px 0}
#customerView .hero{padding-top:16px}
#customerView .hero h1{margin-bottom:8px}
#customerView .card{margin-top:24px}
#customerView.customer-empty .recipient-section{margin-top:16px;max-width:44ch}
#customerView.customer-empty .empty-state strong{font-size:16px;font-weight:500;margin-bottom:4px}
#customerView.customer-direct .recipient-section{margin-top:8px}
#customerView.customer-direct .target{min-height:60px;padding:4px 0}
#customerView .target.selected{border-color:#c7bad8;background:#f4f0f8}
#customerView.customer-direct .target.selected{border-color:transparent;background:transparent}
#customerView :is(.chips,.amounts) button.selected{border-color:#c7bad8;background:#f4f0f8;color:#3b1f73}
#customerView .amounts button.selected::after{content:" ✓"}
#customerView .amounts .no-tip-button.selected{border-color:#cbc8ce;background:#f5f4f1;color:var(--ink)}
#customerView .stars button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
#customerView .rating-row{margin:16px 0 8px}
#customerView .heading-aside{font-weight:400;font-size:14px;color:var(--muted)}
#customerView #amountCard .section-head{margin-bottom:12px}
#customerView .summary{border-top:0;padding-top:8px;margin-top:24px}
#customerView .summary .recipient-confirmation{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding-bottom:4px}
#customerView .summary .recipient-confirmation strong{font-size:16px;font-weight:500}
#customerView .no-charge{font-size:16px;font-weight:500}
#customerView .summary .financial-row{padding:4px 0;gap:8px 16px;flex-wrap:wrap}
#customerView .summary .financial-row strong{white-space:normal;overflow-wrap:anywhere;margin-left:auto}
#customerView .summary .total{margin-top:8px;padding-top:8px}
#customerView .payment-disclosure{margin:12px 0;max-width:48ch}
#customerView .primary{margin-top:4px}
#customerView .success{padding-top:24px;padding-bottom:80px;margin-top:16px}
#customerView .check{margin-bottom:16px}
#customerView .success h2{margin-bottom:12px}
#customerView .success-breakdown{margin:16px 0}
#customerView .success-line{padding:4px 0;flex-wrap:wrap;gap:8px 16px}
#customerView .success-line strong{margin-left:auto;overflow-wrap:anywhere}
#customerView .receipt-total{padding-top:12px}
#customerView .success .ghost{margin-top:16px}
#customerView :is(.summary,.success,.hero,.recipient-section){min-width:0;overflow-wrap:anywhere}
#customerView .stars button{flex:0 0 44px}
@media(max-width:360px){#customerView .rating-row{display:block}#customerView .stars{margin-top:4px}.customer-mode .brand{white-space:normal}.customer-mode .top-actions{max-width:100%}}

/* Customer micro-pass: retain type sizes and touch areas; trim only visual spacing. */
.customer-mode .topbar{padding:8px 0}
.customer-mode .brand{font-size:17px;font-weight:500;letter-spacing:.025em}
.customer-mode .brand b{font-size:15px;font-weight:400}
.customer-mode .customer-staff-access>summary{padding-top:10px;padding-bottom:10px;min-height:44px}
#customerView.customer-direct .hero{padding-top:12px}
#customerView.customer-direct .hero .eyebrow{margin-bottom:4px}
#customerView.customer-direct .hero h1{margin-bottom:4px}
#customerView.customer-direct .recipient-section{margin-top:4px}
#customerView.customer-direct .target{min-height:56px}
#customerView .chips button.selected{background:#f5f2f9;border-color:#c7bad8}
#customerView .chips button[aria-pressed="true"]::after{font-size:14px;font-weight:600}
#customerView .amounts .no-tip-button.selected{background:#f7f6f3;border-color:#d0cdd2;color:var(--ink)}
#customerView .summary{margin-top:16px;padding-top:0}
#customerView .summary .recipient-confirmation{padding-bottom:0}
#customerView .summary .financial-row{padding-top:2px;padding-bottom:2px}
#customerView .summary .total{margin-top:4px;padding-top:6px}
#customerView .payment-disclosure{margin-top:8px;margin-bottom:8px}
#customerView .primary{margin-top:0}
#customerView .success-breakdown{margin-top:12px;margin-bottom:12px}

/* Signed-in Employee only. Preview, access, customer and management styles remain unchanged. */
#employeeView .employee-only{display:none}
body.employee-workspace{--ink:#242326;--muted:#62616a;--line:#dedde2;--bg:#faf9f6;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
.employee-workspace .shell{max-width:712px;padding:0 16px 48px}
.employee-workspace .topbar{padding:8px 0;border:0;gap:8px;flex-wrap:wrap}
.employee-workspace .brand{font-size:17px;font-weight:500;letter-spacing:.025em;color:var(--ink)}
.employee-workspace .brand b{font-size:15px;font-weight:400}
.employee-workspace :is(.tagline,.brand>span,#liveDateTime,#cloudBadge.online,#cloudBadge.pending){display:none}
.employee-workspace .top-actions{gap:4px;flex-wrap:wrap}
.employee-workspace .top-actions .ghost{background:transparent;border:0;font-size:14px;font-weight:400;min-height:44px;padding:8px;color:var(--muted)}
.employee-workspace .top-actions .ghost.active{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.employee-workspace :is(button,input,select):focus-visible{outline:3px solid #3b1f73;outline-offset:3px}
.employee-workspace #statusBox{font-size:16px;overflow-wrap:anywhere}
.employee-workspace #employeeView{max-width:680px;margin:auto}
.employee-workspace #employeeView .employee-only{display:block}
.employee-workspace #employeeView :is(.employee-original-copy,#employeeModePill,#employeePreviewCard){display:none}
.employee-workspace #employeeView .hero{padding:16px 0 0}
.employee-workspace #employeeView .hero .row-between{align-items:flex-start;flex-wrap:wrap;gap:12px}
.employee-workspace #employeeView h1{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px;overflow-wrap:anywhere}
.employee-workspace #employeeView h2{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 12px}
.employee-workspace #employeeView p{font-size:16px;line-height:1.5}
.employee-workspace #employeeView .card{background:transparent;border:0;box-shadow:none;border-radius:16px;padding:0;margin-top:32px}
.employee-workspace #employeeView .section-note{font-size:14px;line-height:1.5;color:var(--muted)}
.employee-workspace #employeeView :is(.ghost,.secondary,.primary){min-height:44px;font-size:16px;font-weight:500;line-height:1.5;padding:10px 16px;border-radius:12px}
.employee-workspace #employeeView .primary{background:#3b1f73;font-weight:600;min-height:48px}
.employee-workspace #employeeView .secondary{background:#fff;min-height:48px}
.employee-workspace #employeeView #employeeShiftCard{margin-top:24px;padding:16px;background:#fff;border:1px solid var(--line)}
.employee-workspace #employeeView .shift-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
.employee-workspace #employeeView .shift-head>div{min-width:0;flex:1 1 220px}
.employee-workspace #employeeView .shift-head .pill{display:none}
.employee-workspace #employeeView .shift-head h2{margin-bottom:8px}
.employee-workspace #employeeView #employeeShiftNote{font-size:14px;margin:0}
.employee-workspace #employeeView #employeeShiftBadge{padding:4px 8px;font-size:14px;font-weight:500;border-radius:8px;background:#f1f0f3;color:var(--ink)}
.employee-workspace #employeeView #employeeShiftBadge.online{background:#edf5ef;color:#246344}
.employee-workspace #employeeView :is(#employeeShiftStatus,.shift-body>div>small){display:none}
.employee-workspace #employeeView .shift-body{margin-top:12px;padding:0;gap:12px;align-items:center}
.employee-workspace #employeeView #employeeShiftSince{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.employee-workspace #employeeShiftCard:has(#employeeShiftBadge:not(.online)) #employeeShiftSince{display:none}
.employee-workspace #employeeView .shift-body>div:first-child{min-width:0}
.employee-workspace #employeeView .metrics{display:flex;flex-direction:column;gap:0;margin-top:32px}
.employee-workspace #employeeView .metrics article{min-height:0;border:0;background:transparent;border-radius:0;padding:8px 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.employee-workspace #employeeView .metrics article small{font-size:14px;margin:0;color:var(--muted)}
.employee-workspace #employeeView .metrics article strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-left:auto}
.employee-workspace #employeeView .metrics article:first-child{display:block;padding:0 0 16px}
.employee-workspace #employeeView .metrics article:first-child small{font-size:18px;font-weight:500;color:var(--ink)}
.employee-workspace #employeeView .metrics article:first-child strong{display:block;font-size:22px;font-weight:600;margin:4px 0}
.employee-workspace #employeeView .metrics .metric-note{font-size:14px;line-height:1.5;font-weight:400;flex-basis:100%;margin-top:0;color:var(--muted)}
.employee-workspace #employeeView .metrics article:first-child .metric-note{display:none}
.employee-workspace #employeeView .metrics article:last-child{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.employee-workspace #employeeView .card>.row-between{flex-wrap:wrap;align-items:baseline;gap:8px 12px}
.employee-workspace #employeeView :is(#empRole,#empRatingBadge){padding:0;background:transparent;font-size:14px;font-weight:400;color:var(--muted)}
.employee-workspace #employeeView #empName{margin-bottom:0;overflow-wrap:anywhere}
.employee-workspace #employeeView .big-qr{box-sizing:content-box;width:174px;height:174px;padding:16px;background:#fff;border:0;border-radius:0;margin:16px 0}
.employee-workspace #employeeView #empQR:empty{display:none}
.employee-workspace #employeeView #empLink{font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.employee-workspace #employeeView #empLink.employee-qr-link{font-size:14px;max-width:44ch}
.employee-workspace #employeeView .recognition-profile{gap:16px;margin-top:16px}
.employee-workspace #employeeView .recognition-stat{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
.employee-workspace #employeeView .recognition-stat-label{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.employee-workspace #employeeView .recognition-count{grid-column:2;grid-row:1;font-size:14px;font-weight:500;color:var(--ink)}
.employee-workspace #employeeView .recognition-track{grid-column:1 / -1;grid-row:2;height:6px;background:#ece9ef}
.employee-workspace #employeeView .recognition-fill{background:#9483a9}
.employee-workspace #employeeView #empActivity .row{gap:8px 16px;align-items:baseline;padding:16px 0;flex-wrap:wrap}
.employee-workspace #employeeView #empActivity .row>span{min-width:0;flex:1 1 240px;overflow-wrap:anywhere}
.employee-workspace #employeeView #empActivity strong{font-size:16px;font-weight:500}
.employee-workspace #employeeView #empActivity .row>strong{margin-left:auto;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.employee-workspace #employeeView #empActivity :is(small,.activity-kind){display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);background:transparent;border-radius:0;padding:0;margin:4px 0 0}
@media(max-width:700px){.employee-workspace .topbar{align-items:flex-start}.employee-workspace #employeeView .shift-body{align-items:stretch}.employee-workspace #employeeView .shift-actions{width:100%}}
@media(max-width:430px){.employee-workspace #employeeView #empActivity .row{display:block}.employee-workspace #employeeView #empActivity .row>strong{display:block;margin-top:8px}.employee-workspace #employeeView .metrics article{align-items:flex-start}.employee-workspace #employeeView .hero .row-between>div{flex:1 1 180px}}

/* Employee micro-pass: signed-in presentation only. */
.employee-workspace .topbar{padding:4px 0;gap:4px}
.employee-workspace .brand{font-size:16px;letter-spacing:.02em;color:var(--muted)}
.employee-workspace .top-actions{gap:0}
.employee-workspace .top-actions .ghost{padding:8px 6px}
.employee-workspace #employeeView .hero{padding-top:12px}
.employee-workspace #employeeView h1{margin-bottom:4px}
.employee-workspace #employeeView #employeePortalSubtitle{font-size:14px;color:var(--muted)}
.employee-workspace #employeeView #employeeSignOutBtn{background:transparent;border-color:transparent;font-size:14px;color:var(--muted);padding:8px;min-height:44px}
.employee-workspace #employeeView #employeeShiftCard{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
.employee-workspace #employeeView :is(.shift-head,.shift-body){display:contents}
.employee-workspace #employeeView .shift-head>div{grid-column:1 / -1}
.employee-workspace #employeeView .shift-head h2{margin-bottom:4px}
.employee-workspace #employeeView #employeeShiftBadge{grid-column:1;grid-row:2;align-self:center;justify-self:start}
.employee-workspace #employeeView .shift-actions{grid-column:2;grid-row:2;width:auto}
.employee-workspace #employeeView .shift-body>div:first-child{grid-column:1 / -1;grid-row:3}
.employee-workspace #employeeShiftCard:has(#employeeShiftBadge:not(.online)) .shift-body>div:first-child{display:none}
.employee-workspace #employeeView .metrics{margin-top:24px}
.employee-workspace #employeeView .metrics article:first-child{padding-bottom:12px}
.employee-workspace #employeeView .metrics article:not(:first-child):not(:last-child){padding:4px 0}
.employee-workspace #employeeView .metrics article:not(:first-child):not(:last-child) strong{font-size:16px;font-weight:400;color:var(--muted)}
.employee-workspace #employeeView .metrics article:last-child{margin-top:12px;padding-top:16px}
.employee-workspace #employeeView .card:has(#empQR){margin-top:24px}
.employee-workspace #employeeView .big-qr{margin-top:12px;margin-bottom:8px}
.employee-workspace #employeeView #empLink.employee-qr-link{font-size:14px;color:var(--muted);line-height:1.4}
.employee-workspace #employeeView .card:has(#empRecognitionProfile)>.row-between{justify-content:flex-start;gap:4px 12px}
.employee-workspace #employeeView .card:has(#empRecognitionProfile) h2{margin-bottom:4px}
.employee-workspace #employeeView #empRatingBadge{align-self:flex-start;line-height:1.7}
.employee-workspace #employeeView .recognition-profile{margin-top:12px;gap:12px}
.employee-workspace #employeeView #empActivity .row{padding:12px 0}
.employee-workspace #employeeView #empActivity .activity-kind{font-weight:400;margin-top:2px}
.employee-workspace #employeeView #empActivity .row>strong{font-size:16px;font-weight:500}
@media(max-width:430px){.employee-workspace #employeeView #empActivity .row>strong{margin-top:6px}}

/* Employee profile media: signed-in presentation only; no persistence implied. */
.employee-workspace{--employee-pastel-peach:#fff0e8;--employee-pastel-lilac:#f1eafb;--employee-pastel-mint:#e7f5ee;--employee-warm-surface:#fffdf9;--employee-warm-line:#eadfd8;background:linear-gradient(180deg,#fffaf6 0,#faf8f5 38%,#f7f4f2 100%)}
.employee-workspace #employeeView .employee-media-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:18px 24px;margin-top:24px;padding:22px;background:var(--employee-warm-surface);border:1px solid var(--employee-warm-line);box-shadow:0 14px 36px rgba(103,75,61,.07)}
.employee-workspace #employeeView .employee-media-kicker{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:var(--employee-pastel-peach);color:#925b43;font-size:12px;font-weight:700}
.employee-workspace #employeeView .employee-media-copy h2{margin-bottom:6px}
.employee-workspace #employeeView .employee-media-storage-note{max-width:52ch;margin:10px 0 0;color:#8b746a;font-size:12px;line-height:1.45}
.employee-workspace #employeeView .employee-media-preview{grid-column:2;grid-row:1;width:128px;height:128px;border:6px solid #fff;border-radius:32px;background:linear-gradient(145deg,var(--employee-pastel-lilac),var(--employee-pastel-peach));box-shadow:0 10px 24px rgba(93,62,110,.12);display:grid;place-items:center;overflow:hidden}
.employee-workspace #employeeView .employee-media-preview img{width:100%;height:100%;object-fit:cover}
.employee-workspace #employeeView #employeePhotoInitials{color:#765986;font-size:34px;font-weight:700;letter-spacing:.04em}
.employee-workspace #employeeView .employee-media-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.employee-workspace #employeeView .employee-media-action{box-sizing:border-box;width:100%;min-height:92px;margin:0;padding:13px;text-align:left;border:1px solid var(--employee-warm-line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:8px;font:inherit}
.employee-workspace #employeeView .employee-media-action>span{grid-row:1 / 3;width:28px;height:28px;border-radius:10px;background:var(--employee-pastel-lilac);color:#765986;display:grid;place-items:center;font-weight:800}
.employee-workspace #employeeView .employee-media-upload>span{background:var(--employee-pastel-mint);color:#39705b}
.employee-workspace #employeeView .employee-media-action strong{font-size:14px;font-weight:650;line-height:1.3}
.employee-workspace #employeeView .employee-media-action small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.employee-workspace #employeeView .employee-media-action:hover{border-color:#cdbbc5;background:#fffbf8}
.employee-workspace #employeeView .employee-media-status{grid-column:1 / -1;min-height:1.4em;margin:0;color:var(--muted);font-size:13px}
.employee-workspace #employeeView .employee-media-status[data-tone="good"]{color:#39705b}.employee-workspace #employeeView .employee-media-status[data-tone="bad"]{color:var(--bad)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:560px){.employee-workspace #employeeView .employee-media-card{grid-template-columns:1fr;padding:18px}.employee-workspace #employeeView .employee-media-preview{grid-column:1;grid-row:2;width:112px;height:112px;border-radius:28px}.employee-workspace #employeeView .employee-media-actions{grid-column:1;grid-template-columns:1fr}.employee-workspace #employeeView .employee-media-action{min-height:76px}.employee-workspace #employeeView .employee-media-status{grid-column:1}}

/* Approved Employee concept: warm illustrated dashboard. */
body.employee-workspace{--ink:#191544;--muted:#6e6a91;--line:#e8e1eb;--p:#5f3db6;--p2:#9f78d9;--pl:#f1eafb;background:radial-gradient(circle at 18% 8%,#fff4ef 0,transparent 24%),radial-gradient(circle at 82% 14%,#f4ecfb 0,transparent 28%),#fffaf8;color:var(--ink)}
.employee-workspace .shell{max-width:1180px;padding:0 28px 40px}
.employee-workspace .topbar{min-height:66px;padding:0;border-bottom:1px solid rgba(95,61,182,.08);display:grid;grid-template-columns:1fr auto 1fr;background:rgba(255,255,255,.72)}
.employee-workspace .brand{font-size:22px;font-weight:800;color:#514083}.employee-workspace .brand b{font-size:18px}.employee-workspace .top-actions{justify-content:center;gap:20px}.employee-workspace .top-actions .ghost{padding:12px 8px;color:#58527b}.employee-workspace .top-actions .ghost.active{text-decoration:none;border-bottom:3px solid var(--p);border-radius:0;color:var(--ink);font-weight:700}
.employee-workspace #employeeView{max-width:none}.employee-workspace #employeeView .hero{padding:0}.employee-workspace #employeeView .employee-welcome{position:relative;min-height:190px;padding:40px 28px 24px;display:grid;grid-template-columns:1fr 1.2fr .65fr;align-items:center;overflow:hidden}.employee-workspace #employeeView .welcome-kicker{display:block;color:#625b8f;font-size:18px}.employee-workspace #employeeView .employee-welcome h1{font-size:40px;font-weight:800;margin:2px 0;color:#130e47}.employee-workspace #employeeView #employeePortalSubtitle{font-size:17px;color:#69618e}.employee-workspace #employeeSignOutBtn{position:absolute;right:18px;bottom:12px;opacity:.65}
.employee-workspace .employee-hero-art{align-self:stretch;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f2e7f5 0 43%,transparent 44%),radial-gradient(ellipse at 32% 62%,#dceee5 0 20%,transparent 21%);color:#8063aa;font:italic 20px Georgia,serif;transform:rotate(-2deg)}.employee-workspace .employee-hero-art span{transform:rotate(5deg)}.employee-workspace .employee-hero-quote{justify-self:end;display:grid;gap:18px;color:#615b85;font-size:16px}.employee-workspace .employee-hero-quote q{quotes:none;line-height:1.5}
.employee-workspace #employeeView .card{background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:0 14px 34px rgba(75,49,91,.07);border-radius:22px}.employee-workspace #employeeView #employeeShiftCard{position:relative;margin:0;padding:24px 28px 24px 128px;min-height:140px;display:grid;grid-template-columns:1fr auto;overflow:hidden;background:radial-gradient(circle at 4% 76%,#eaf7f0 0 13%,transparent 14%),radial-gradient(circle at 94% 70%,#f4f1e8 0 13%,transparent 14%),rgba(255,255,255,.9)}.employee-workspace #employeeView #employeeShiftCard:before{content:'☼';position:absolute;left:30px;top:28px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e3f7eb;color:#16825c;font-size:34px}.employee-workspace #employeeView .shift-head,.employee-workspace #employeeView .shift-body{display:contents}.employee-workspace #employeeView .shift-head>div{grid-column:1}.employee-workspace #employeeView .shift-head h2{font-size:22px}.employee-workspace #employeeView #employeeShiftBadge{grid-column:1;align-self:end;background:#def5e8;color:#147b52;font-weight:700;padding:8px 14px;border-radius:999px}.employee-workspace #employeeView .shift-body>div:first-child{grid-column:1}.employee-workspace #employeeView #employeeShiftSince{display:block!important;margin-top:8px}.employee-workspace #employeeView .shift-actions{grid-column:2;grid-row:1 / 4;align-self:center}.employee-workspace #employeeView .shift-actions :is(.primary,.secondary){min-width:190px;background:linear-gradient(135deg,#8060c9,#9e75d5);border:7px solid #fff;color:#fff;box-shadow:0 7px 18px rgba(95,61,182,.2);font-weight:700}
.employee-workspace #employeeView .metrics{margin:24px 0 0;display:block}.employee-workspace #employeeView .metrics article{border:0}.employee-workspace #employeeView .employee-tip-total{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;padding:10px 0 18px}.employee-workspace #employeeView .metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0eafb;color:#6946bf;font-size:23px;flex:0 0 auto}.employee-workspace #employeeView .employee-tip-total small{font-size:16px;color:var(--ink)}.employee-workspace #employeeView .employee-tip-total strong{display:block;font-size:27px}.employee-workspace #employeeView .employee-encouragement{justify-self:end;display:flex;align-items:center;gap:12px;padding-left:40px;border-left:1px solid var(--line)}.employee-workspace #employeeView .employee-encouragement strong{font-size:15px}.employee-workspace #employeeView .employee-encouragement small{font-size:13px;color:var(--muted)}
.employee-workspace #employeeView .employee-metric-breakdown{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 28px rgba(75,49,91,.06)}.employee-workspace #employeeView .employee-metric-breakdown article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:20px 24px}.employee-workspace #employeeView .employee-metric-breakdown article+article:before{content:'';position:absolute;left:0;top:20px;bottom:20px;border-left:1px solid var(--line)}.employee-workspace #employeeView .employee-metric-breakdown .metric-icon{grid-row:1 / 4}.employee-workspace #employeeView .employee-metric-breakdown small{font-size:14px}.employee-workspace #employeeView .employee-metric-breakdown strong{font-size:20px}.employee-workspace #employeeView .employee-metric-breakdown .metric-note{font-size:12px}
.employee-workspace #employeeView .employee-feature-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:16px;margin-top:18px}.employee-workspace #employeeView .employee-feature-grid>.card{margin:0;padding:22px}.employee-workspace #employeeView .feature-heading{display:flex;gap:12px;align-items:flex-start}.employee-workspace #employeeView .feature-heading h2{margin:2px 0 2px}.employee-workspace #employeeView .employee-qr-identity{display:none}.employee-workspace #employeeView .employee-qr-canvas{display:grid;grid-template-columns:190px 1fr;margin-top:18px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#fff,#f2eafb)}.employee-workspace #employeeView .employee-qr-canvas .big-qr{width:166px;height:166px;padding:12px;margin:0;background:#fff}.employee-workspace #employeeView .employee-qr-canvas blockquote{display:grid;place-items:center;margin:0;color:#7d62a7;font:italic 21px Georgia,serif;line-height:1.35;transform:rotate(-4deg)}
.employee-workspace #employeeView .employee-media-card{display:block!important}.employee-workspace #employeeView .employee-media-storage-note{margin:6px 0 10px}.employee-workspace #employeeView .employee-media-gallery{display:grid;grid-template-columns:1.15fr 1.4fr 1.35fr;gap:10px;align-items:end}.employee-workspace #employeeView .employee-media-preview{grid-column:auto;grid-row:auto;width:auto;height:148px;border-radius:14px}.employee-workspace #employeeView .avatar-samples,.employee-workspace #employeeView .emoji-samples{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.employee-workspace #employeeView .avatar-samples small,.employee-workspace #employeeView .emoji-samples small{grid-column:1/-1;color:var(--muted)}.employee-workspace #employeeView .avatar-samples span,.employee-workspace #employeeView .emoji-samples span{min-height:62px;border-radius:12px;background:linear-gradient(145deg,#f2eafb,#dcd2f2);display:grid;place-items:center;font-size:34px}.employee-workspace #employeeView .emoji-samples{grid-template-columns:repeat(2,1fr)}.employee-workspace #employeeView .emoji-samples span{min-height:42px;border-radius:50%;font-size:24px}.employee-workspace #employeeView .employee-media-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.employee-workspace #employeeView .employee-media-action{min-height:54px;padding:8px;grid-template-columns:22px 1fr}.employee-workspace #employeeView .employee-media-action>span{width:22px;height:22px}.employee-workspace #employeeView .employee-media-action strong{font-size:12px}.employee-workspace #employeeView .employee-media-action small{display:none}
.employee-workspace #employeeView .employee-recognition-card{margin-top:18px;padding:22px}.employee-workspace #employeeView .employee-recognition-card .recognition-profile{grid-template-columns:1fr 1fr;column-gap:54px}.employee-workspace #employeeView .employee-activity-card{margin-top:18px;padding:22px}.employee-workspace #employeeView .employee-activity-filter{width:auto;min-width:150px;margin:0}.employee-workspace #employeeView .employee-activity-head,.employee-workspace #employeeView #empActivity .row{display:grid;grid-template-columns:1.35fr 1.3fr .75fr 1fr;gap:16px;align-items:center}.employee-workspace #employeeView .employee-activity-head{margin-top:16px;padding:9px 12px;background:#f7f3fa;border-radius:9px;color:var(--muted);font-size:12px}.employee-workspace #employeeView #empActivity .row{padding:10px 12px}.employee-workspace #employeeView #empActivity .row>span{min-width:0}.employee-workspace #employeeView #empActivity .activity-detail{display:inline-flex;width:max-content;max-width:100%;padding:4px 10px;border-radius:999px;background:#f0eafb;color:#6946a9;font-size:12px}.employee-workspace #employeeView #empActivity time{color:var(--muted);font-size:12px}.employee-workspace #employeeView .employee-footer{display:flex;justify-content:space-between;padding:56px 4px 12px;color:#6d5d9b}.employee-workspace #employeeView .employee-footer strong{letter-spacing:.08em}.employee-workspace #employeeView .employee-footer strong span{letter-spacing:0}
@media(max-width:800px){.employee-workspace .shell{padding:0 16px 36px}.employee-workspace .topbar{display:flex}.employee-workspace #employeeView .employee-welcome{grid-template-columns:1fr;min-height:auto;padding:28px 4px}.employee-workspace .employee-hero-art,.employee-workspace .employee-hero-quote{display:none!important}.employee-workspace #employeeSignOutBtn{right:0;top:20px;bottom:auto}.employee-workspace #employeeView #employeeShiftCard{padding:20px 18px 20px 90px}.employee-workspace #employeeView #employeeShiftCard:before{left:18px;width:54px;height:54px}.employee-workspace #employeeView .shift-actions{grid-column:1;grid-row:auto;margin-top:12px}.employee-workspace #employeeView .shift-actions :is(.primary,.secondary){min-width:0;width:100%}.employee-workspace #employeeView .employee-tip-total{grid-template-columns:auto 1fr}.employee-workspace #employeeView .employee-encouragement{display:none}.employee-workspace #employeeView .employee-metric-breakdown{grid-template-columns:1fr 1fr}.employee-workspace #employeeView .employee-metric-breakdown article:nth-child(3):before{display:none}.employee-workspace #employeeView .employee-feature-grid{grid-template-columns:1fr}.employee-workspace #employeeView .employee-recognition-card .recognition-profile{grid-template-columns:1fr}.employee-workspace #employeeView .employee-activity-head{display:none}.employee-workspace #employeeView #empActivity .row{grid-template-columns:1fr auto}.employee-workspace #employeeView #empActivity .activity-detail,.employee-workspace #employeeView #empActivity time{grid-column:1}.employee-workspace #employeeView #empActivity .activity-amount{grid-column:2;grid-row:1}.employee-workspace #employeeView .employee-footer{padding-top:34px}}
@media(max-width:480px){.employee-workspace #employeeView .employee-welcome h1{font-size:32px}.employee-workspace #employeeView #employeeShiftCard{display:block!important;padding:82px 18px 18px}.employee-workspace #employeeView .employee-metric-breakdown{grid-template-columns:1fr}.employee-workspace #employeeView .employee-metric-breakdown article+article:before{top:0;left:20px;right:20px;bottom:auto;border-left:0;border-top:1px solid var(--line)}.employee-workspace #employeeView .employee-media-gallery{grid-template-columns:1fr 1fr}.employee-workspace #employeeView .employee-media-preview{grid-column:1/-1}.employee-workspace #employeeView .employee-media-actions{grid-template-columns:1fr}.employee-workspace #employeeView .employee-qr-canvas{grid-template-columns:1fr}.employee-workspace #employeeView .employee-qr-canvas blockquote{padding:16px}.employee-workspace #employeeView .employee-footer{display:block;text-align:center}.employee-workspace #employeeView .employee-footer>span{display:block;margin-top:8px}}

/* Employee visual QA pass: balanced profile image and bio; alternate image types stay collapsed. */
.employee-workspace #employeeView .employee-media-card{min-width:0;overflow:hidden}.employee-workspace #employeeView .employee-profile-editor{display:grid;grid-template-columns:156px minmax(0,1fr);gap:18px;margin-top:18px;align-items:stretch}.employee-workspace #employeeView .employee-profile-editor .employee-media-preview{grid-column:1;grid-row:1;width:156px;height:156px;box-sizing:border-box;border-radius:18px}.employee-workspace #employeeView .employee-bio-label{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:700;color:var(--ink)}.employee-workspace #employeeView .employee-bio-label textarea{box-sizing:border-box;flex:1;min-height:104px;margin-top:7px;padding:12px;resize:vertical;background:#fffdfc;border-color:var(--line);line-height:1.45}.employee-workspace #employeeView .employee-bio-label>span{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--muted);font-weight:400}.employee-workspace #employeeView .employee-bio-label small{font-size:10px}.employee-workspace #employeeView .employee-media-options{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.employee-workspace #employeeView .employee-media-options summary{width:max-content;color:#65528d;font-size:12px;font-weight:700;cursor:pointer;list-style-position:outside}.employee-workspace #employeeView .employee-media-options:not([open]) .employee-media-actions{display:none}.employee-workspace #employeeView .employee-media-options .employee-media-actions{margin-top:10px}.employee-workspace #employeeView .employee-media-status:empty{display:none}
.employee-workspace #employeeView .employee-feature-grid{align-items:stretch}.employee-workspace #employeeView .employee-feature-grid>.card{height:100%;box-sizing:border-box}.employee-workspace #employeeView .employee-qr-canvas{min-height:190px}.employee-workspace #employeeView .employee-qr-canvas .big-qr{align-self:center}.employee-workspace #employeeView .metric-icon{width:40px;height:40px;font-size:20px}.employee-workspace #employeeView .feature-heading .metric-icon{margin-top:-2px}
@media(max-width:800px){.employee-workspace #employeeView .employee-profile-editor{grid-template-columns:132px minmax(0,1fr)}.employee-workspace #employeeView .employee-profile-editor .employee-media-preview{width:132px;height:132px}}
@media(max-width:480px){.employee-workspace #employeeView .employee-profile-editor{grid-template-columns:1fr}.employee-workspace #employeeView .employee-profile-editor .employee-media-preview{grid-column:1;width:118px;height:118px}.employee-workspace #employeeView .employee-bio-label textarea{min-height:116px}.employee-workspace #employeeView .employee-bio-label>span{align-items:flex-end;flex-direction:column}.employee-workspace #employeeView .employee-media-options .employee-media-actions{grid-template-columns:1fr}}

/* Employee cleanup from annotated QA review. */
.employee-workspace #employeeView .employee-welcome{min-height:118px;padding:30px 28px 24px;display:block}.employee-workspace #employeeView .employee-welcome h1{font-size:36px}.employee-workspace #employeeView #employeeSignOutBtn{right:18px;top:30px;bottom:auto}.employee-workspace #employeeView #employeeShiftCard{padding-left:32px;min-height:128px}.employee-workspace #employeeView #employeeShiftCard:before{display:none}.employee-workspace #employeeView .employee-metric-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-workspace #employeeView .employee-metric-breakdown article{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto 1fr;min-width:0;padding:20px 24px;align-items:start}.employee-workspace #employeeView .employee-metric-breakdown article:nth-child(3):before{display:block}.employee-workspace #employeeView .employee-metric-breakdown small{font-size:14px;line-height:1.3}.employee-workspace #employeeView .employee-metric-breakdown strong{font-size:21px;line-height:1.25;margin:2px 0}.employee-workspace #employeeView .employee-metric-breakdown .metric-note{align-self:end;font-size:12px;line-height:1.35}.employee-workspace #employeeView .employee-qr-canvas{display:grid;grid-template-columns:1fr;place-items:center;min-height:214px;background:#fff}.employee-workspace #employeeView .employee-qr-canvas .big-qr{width:190px;height:190px;padding:10px;margin:0}.employee-workspace #employeeView .employee-qr-canvas .big-qr :is(img,canvas){width:190px!important;height:190px!important}.employee-workspace #employeeView .employee-qr-card #empLink{margin-top:12px;text-align:center}.employee-workspace #employeeView .employee-activity-head,.employee-workspace #employeeView #empActivity .row{grid-template-columns:minmax(210px,1.35fr) minmax(150px,1fr) minmax(100px,.62fr) minmax(142px,.82fr);column-gap:24px}.employee-workspace #employeeView #empActivity .activity-amount{justify-self:end;white-space:nowrap;text-align:right}.employee-workspace #employeeView #empActivity time{justify-self:start;white-space:nowrap}.employee-workspace #employeeView .employee-activity-head span:nth-child(3){text-align:right}.employee-workspace #employeeView .employee-footer{justify-content:flex-start;padding-top:44px}
@media(max-width:800px){.employee-workspace #employeeView .employee-welcome{min-height:104px;padding:24px 4px}.employee-workspace #employeeView #employeeShiftCard{padding-left:20px}.employee-workspace #employeeView .employee-metric-breakdown{grid-template-columns:1fr}.employee-workspace #employeeView .employee-metric-breakdown article+article:before{top:0;left:20px;right:20px;bottom:auto;border-left:0;border-top:1px solid var(--line)}.employee-workspace #employeeView .employee-metric-breakdown article:nth-child(3):before{display:block}.employee-workspace #employeeView .employee-activity-head{display:none}.employee-workspace #employeeView #empActivity .row{grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.employee-workspace #employeeView #empActivity .activity-detail,.employee-workspace #employeeView #empActivity time{grid-column:1}.employee-workspace #employeeView #empActivity .activity-amount{grid-column:2;grid-row:1;align-self:start}}
@media(max-width:480px){.employee-workspace #employeeView #employeeShiftCard{padding:20px!important}.employee-workspace #employeeView .employee-welcome h1{font-size:30px}}

/* Neutralize legacy first-card metric rules inside the redesigned summary. */
.employee-workspace #employeeView .metrics>.employee-tip-total{display:grid!important;grid-template-columns:40px minmax(0,1fr) minmax(280px,.8fr)!important;align-items:center!important;min-height:0!important;margin:0!important;padding:14px 0 18px!important}.employee-workspace #employeeView .metrics>.employee-tip-total>div:not(.employee-encouragement){display:block}.employee-workspace #employeeView .metrics>.employee-tip-total small{font-size:15px!important}.employee-workspace #employeeView .metrics>.employee-tip-total strong{font-size:25px!important;margin:1px 0!important}.employee-workspace #employeeView .employee-metric-breakdown>article,.employee-workspace #employeeView .employee-metric-breakdown>article:first-child{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;min-height:112px!important;margin:0!important;padding:18px 24px!important}.employee-workspace #employeeView .employee-metric-breakdown .metric-icon{grid-column:1;grid-row:1}.employee-workspace #employeeView .employee-metric-breakdown .metric-copy{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start!important;text-align:left!important}.employee-workspace #employeeView .employee-metric-breakdown .metric-copy small{margin:0!important}.employee-workspace #employeeView .employee-metric-breakdown .metric-copy strong{display:block!important;margin:3px 0 0!important;font-size:21px!important}.employee-workspace #employeeView .employee-metric-breakdown .metric-copy .metric-note{margin:5px 0 0!important;text-align:left!important}
@media(max-width:800px){.employee-workspace #employeeView .metrics>.employee-tip-total{grid-template-columns:40px minmax(0,1fr)!important}.employee-workspace #employeeView .metrics>.employee-tip-total .employee-encouragement{display:none!important}}

/* Employee profile interaction: photo is the single entry point; Bio replaces visible generation panels. */
.employee-workspace #employeeView .employee-media-card{background:linear-gradient(145deg,#fffdfb,#fbf5ff);border-color:#eadfe8}
.employee-workspace #employeeView .employee-profile-editor{grid-template-columns:144px minmax(0,1fr);align-items:stretch}
.employee-workspace #employeeView .employee-profile-editor .employee-media-preview{position:relative;width:144px;height:144px;margin:0;padding:0;border:6px solid #fff;cursor:pointer;appearance:none}
.employee-workspace #employeeView .employee-profile-editor .employee-media-preview:focus-visible{outline:3px solid var(--p);outline-offset:3px}
.employee-workspace #employeeView .employee-photo-edit{position:absolute;right:7px;bottom:7px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#5f3db6;color:#fff;border:3px solid #fff;font-size:18px;line-height:1}
.employee-workspace #employeeView .employee-bio-box{min-width:0;padding:16px 18px;border:1px solid #eadfe8;border-radius:18px;background:rgba(255,255,255,.76)}
.employee-workspace #employeeView .employee-bio-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}
.employee-workspace #employeeView .employee-bio-heading>div{display:grid;gap:1px}.employee-workspace #employeeView .employee-bio-heading small{color:#8a6f8d;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.employee-workspace #employeeView .employee-bio-heading strong{font-size:16px}
.employee-workspace #employeeView .employee-bio-heading .ghost{min-height:36px;padding:5px 10px;font-size:13px;color:#654d8e;background:#f2eafb;border:0}
.employee-workspace #employeeView .employee-bio-display{margin:14px 0 0;font-size:14px!important;line-height:1.55!important;color:#5f5878}.employee-workspace #employeeView .employee-bio-display.is-placeholder{color:var(--muted)}
.employee-workspace #employeeView #employeeBio{box-sizing:border-box;min-height:86px;margin-top:12px;resize:vertical;background:#fff}
.employee-workspace #employeeView .employee-bio-meta{display:flex;justify-content:space-between;gap:10px;margin-top:5px;color:var(--muted)}.employee-workspace #employeeView .employee-bio-meta small{font-size:10px}
.employee-workspace #employeeView .employee-bio-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.employee-workspace #employeeView .employee-bio-actions .primary{width:auto;margin:0;min-height:40px;padding:7px 13px;font-size:13px}.employee-workspace #employeeView .employee-bio-actions .ghost{min-height:40px;padding:7px 10px;font-size:13px}
.employee-media-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));padding:22px;border:1px solid #e4d9e8;border-radius:22px;background:#fffdfb;color:#191544;box-shadow:0 28px 80px rgba(50,30,70,.24)}.employee-media-dialog::backdrop{background:rgba(35,24,48,.35);backdrop-filter:blur(3px)}
.employee-media-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.employee-media-dialog-head small{color:#7b6a91;font-weight:700}.employee-media-dialog-head h2{margin:2px 0 0;font-size:21px}.employee-media-dialog-head .ghost{width:40px;height:40px;padding:0;border:0;background:#f4eef7;font-size:24px}.employee-media-dialog>p{margin:10px 0 18px;color:#6e6a7c;font-size:14px}.employee-media-dialog .employee-media-actions{display:grid;gap:9px}.employee-media-dialog .employee-media-action{box-sizing:border-box;width:100%;min-height:68px;margin:0;padding:12px 14px;text-align:left;border:1px solid #e8dfe7;border-radius:15px;background:#fff;color:#191544;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;cursor:pointer;font:inherit}.employee-media-dialog .employee-media-action>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#f1eafb;color:#6848a5;display:grid;place-items:center}.employee-media-dialog .employee-media-upload>span{background:#e7f5ee;color:#39705b}.employee-media-dialog .employee-media-action strong{font-size:14px}.employee-media-dialog .employee-media-action small{color:#777184;font-size:11px}
@media(max-width:560px){.employee-workspace #employeeView .employee-profile-editor{grid-template-columns:1fr}.employee-workspace #employeeView .employee-profile-editor .employee-media-preview{width:116px;height:116px}.employee-workspace #employeeView .employee-bio-box{padding:14px}.employee-workspace #employeeView .employee-bio-meta{align-items:flex-end;flex-direction:column}.employee-media-dialog{padding:18px}}