/* The Naija Concierge — workspace layer (2026-10-20)
   Loaded with owner-console.css on the client, Gigster and partner dashboards (body.ws). */

/* Greeting + next-up card */
.ws-hero{margin-bottom:20px}
.ws-hello{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ws-hello h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.85rem;letter-spacing:-.02em;color:var(--ink);line-height:1.15}
.ws-date{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.ws-chips{display:flex;gap:8px;flex-wrap:wrap}
.ws-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .15s,transform .12s}
.ws-chip:hover{border-color:#C9D3CD;transform:translateY(-1px)}
.ws-chip:first-child{background:var(--green);border-color:var(--green);color:#fff}
.ws-next{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#0F3D2E 0%,#14503B 100%);color:#fff;box-shadow:0 18px 40px -24px rgba(11,48,36,.7);position:relative;overflow:hidden}
.ws-next::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(229,196,107,.22),transparent 70%);pointer-events:none}
.ws-next.gold{background:linear-gradient(135deg,#FBF3DC 0%,#F5E6B8 100%);color:#3A2E0B;box-shadow:0 18px 40px -26px rgba(122,94,18,.6)}
.ws-next.green{background:linear-gradient(135deg,#E6F3EB 0%,#D3EADC 100%);color:#0B2A1F}
.ws-next-main{min-width:0;flex:1;position:relative;z-index:1}
.ws-kicker{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
.ws-next-title{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.3rem;line-height:1.25;letter-spacing:-.01em}
.ws-next-body{font-size:.86rem;opacity:.85;margin-top:6px;line-height:1.5}
.ws-next .btn{position:relative;z-index:1;flex-shrink:0}
.ws-next:not(.gold):not(.green) .btn-primary{background:#E5C46B;color:#0B2A1F;border-color:#E5C46B}
.ws-next:not(.gold):not(.green) .btn-outline{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
.ws-step{margin-top:12px;background:#fff;border-radius:12px;padding:10px 12px;color:var(--ink)}
.ws-flash{animation:wsFlash 2.2s ease}
@keyframes wsFlash{0%,40%{box-shadow:0 0 0 3px #E5C46B}100%{box-shadow:none}}

/* Bell list items reuse .oc-bellpop; icons */
body.ws .oc-bell-item .oc-tl-ic{background:var(--green-50);color:var(--green)}
body.ws .topbar .icon-btn .dot{background:#D8453B}

/* Phone tab bar */
.ws-tabs{display:none}
@media (max-width:1000px){
  .ws-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(255,255,255,.94);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid rgba(16,24,38,.08);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .ws-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:var(--muted);font-size:.66rem;font-weight:600}
  .ws-tabs button .icon{width:21px;height:21px}
  .ws-tabs button.on{color:var(--green)}
  .ws-tabs button.on .icon{stroke-width:2.2}
  .ws-tabs .ws-tab-cta .icon{background:var(--green);color:#E5C46B;border-radius:12px;width:34px;height:26px;padding:4px 8px}
  body.ws .content{padding-bottom:96px}
  body.ws .topbar .btn-gold{display:none}
  .ws-hello h2{font-size:1.45rem}
  .ws-next{flex-direction:column;align-items:stretch;padding:18px}
  .ws-next .btn{width:100%;justify-content:center}
  .tnc-appcard:not(.inline){bottom:84px}
}
@media (max-width:560px){
  .ws-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  .ws-chips::-webkit-scrollbar{display:none}
  .ws-chip{white-space:nowrap}
}
/* Floating Support button sits above the phone tab bar */
@media (max-width:1000px){ body.ws #supportFab{bottom:calc(78px + env(safe-area-inset-bottom))!important;right:14px!important} }
@media (max-width:560px){ body.ws .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.ws .stat{padding:14px} body.ws .stat .val{font-size:1.4rem} }

/* "Your Gigster" card on client orders */
.ws-gig{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#F4F8F5,#FBF8EF);border:1px solid rgba(15,61,46,.08)}
.ws-gig.pending{background:var(--surface-2,#FAFBFC)}
.ws-gig-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#14503B,#0F3D2E);color:#E5C46B;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(15,61,46,.12)}
.ws-gig.pending .ws-gig-av{background:var(--bg);color:var(--faint)}
.ws-gig-av img{width:100%;height:100%;object-fit:cover}
.ws-gig-main{flex:1;min-width:0}
.ws-gig-k{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.ws-gig-main b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink);font-size:.95rem;margin-top:1px}
.ws-gig-main small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px;line-height:1.4}
.ws-ver{font-size:.66rem;font-weight:700;color:#15803D;background:#DCFCE7;border-radius:100px;padding:2px 8px}
.ws-gig-main small.ws-trust{color:#15803D}
@media(max-width:560px){.ws-gig{flex-wrap:wrap}.ws-gig .btn{width:100%;justify-content:center}}

/* Chat safety notice + one-time intro */
.ws-chatnote{display:flex;gap:12px;align-items:flex-start;background:var(--gold-50,#FBF6E9);border:1px solid #EFDFAE;border-radius:14px;padding:12px 16px;margin-bottom:16px}
.ws-chatnote-ic{font-size:1.1rem;line-height:1.3}
.ws-chatnote b{display:block;color:var(--ink);font-size:.88rem}
.ws-chatnote span{display:block;color:var(--body);font-size:.8rem;line-height:1.5;margin-top:2px}
.ws-modal{position:fixed;inset:0;z-index:1300;background:rgba(11,20,16,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.ws-modal-box{background:#fff;border-radius:22px;padding:26px;width:min(420px,100%);box-shadow:0 40px 100px -30px rgba(11,20,16,.6);animation:ocPop .18s ease}
.ws-modal-ic{width:52px;height:52px;border-radius:16px;background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:12px}
.ws-modal-box h3{font-family:'Fraunces',Georgia,serif;font-size:1.35rem;margin-bottom:10px}
.ws-modal-box ul{margin:0 0 20px;padding-left:18px;color:var(--body);font-size:.9rem;line-height:1.6}
.ws-modal-box li{margin-bottom:6px}