/* Today (/jobs/today/, 7 Nov 2026). Copied from onboarding screen 11. Loaded after /jobs/app.css. */
.tcap{display:none}
.t-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 20px}
.t-head h1{font-size:34px;font-weight:500;line-height:1.05;letter-spacing:-.035em;color:var(--ink)}
.t-count{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--label);font-variant-numeric:tabular-nums;white-space:nowrap}
.t-bars{display:flex;gap:4px}
.t-bars i{width:18px;height:8px;border-radius:999px;background:#e2dfd8}
.t-bars i.open{background:#d9cff7}
.t-bars i.sent{background:linear-gradient(90deg,#7c4dff,#5722CB)}
.t-list{display:flex;flex-direction:column;gap:20px}

.tc{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:26px;background:var(--card);box-shadow:inset 0 0 0 1px rgba(20,20,20,.08),0 18px 40px -26px rgba(36,17,94,.45)}
.tc.skel{gap:0}
.tc-top{display:flex;gap:12px;align-items:center}
.tlogo{position:relative;flex:none;width:48px;height:48px;border-radius:14px;background:#e8e6e0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--label)}
.tlogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}
.tc-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.tc-who b{font-size:19px;font-weight:500;letter-spacing:-.01em;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}
.tc-who span{font-size:15px;color:var(--label);overflow-wrap:anywhere}
.tc-pay{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(20,20,20,.08)}
.tc-pay .amt{font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tc-pay .amt small{font-size:15px;font-weight:400;letter-spacing:0;color:var(--label)}
.tc-pay .amt.none{font-size:17px;font-weight:400;color:var(--label)}
.tchips{display:flex;flex-wrap:wrap;gap:8px}
.tchip{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:rgba(47,122,85,.14);font-size:13px;font-weight:500;color:#1f5a3d}
.tc-go{display:flex;align-items:center;justify-content:center;height:52px;border:0;border-radius:999px;background:var(--purple);color:#fff;font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform 140ms ease-out}
.tc-go:active{transform:scale(.97)}
.tc-go.quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(20,20,20,.18)}
@media (hover:hover) and (pointer:fine){.tc-go:hover{background:#4a1db3}.tc-go.quiet:hover{background:rgba(20,20,20,.04)}}

.tlock{display:flex;gap:12px;align-items:center;padding:18px 20px;border-radius:26px;background:#ecebe6}
.tlock .ic{width:48px;height:48px;border-radius:14px;background:#e2dfd8;display:flex;align-items:center;justify-content:center;flex:none}
.tlock span:last-child{font-size:17px;font-weight:500;color:var(--body);overflow-wrap:anywhere}

.t-say{display:flex;align-items:flex-end;gap:10px;margin-top:20px}
.t-say svg{flex:none}
.t-say .r{margin:0;padding:12px 18px;border-radius:22px 22px 22px 6px;background:#efeafc;font-family:"Bricolage Grotesque",Aeonik,sans-serif;font-weight:600;font-size:18px;line-height:1.25;color:#24115e}
.t-say.enter{animation:t-rise 200ms var(--ease-out) both}
@keyframes t-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.t-more{margin-top:14px}
.t-err{display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:17px;color:var(--body)}

@media (max-width:900px){
  .main{padding:16px 20px 32px}
  .tcap{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 6px 0 18px;margin-bottom:20px;border-radius:999px;background:rgba(250,249,246,.72);box-shadow:inset 0 0 0 1px rgba(20,20,20,.07)}
  .tcap .wm{font-family:"Bricolage Grotesque",Aeonik,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.015em;color:var(--ink);line-height:1}
  .tcap .wm span{color:var(--purple)}
  .tcap .menu{width:44px;height:44px;border:0;border-radius:999px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .t-head{margin-top:0}
  #view{display:flex;flex-direction:column;min-height:calc(100svh - 120px)}
  .t-say{margin-top:auto;padding-top:20px}
}
@media (prefers-reduced-motion:reduce){.t-say.enter{animation:none}.tc-go{transition:none}.tc-go:active{transform:none}}