/* nannies.mt — warm plum/coral design system (tokens from BUILD-PLAN §6). Self-contained. */
:root{
  --plum:#5E0C2B; --plum-deep:#3E0716; --ink:#4A0A22; --crimson:#C93B4C; --crimson-600:#C42D4C;
  --coral:#D83D5D; --wine:#AE1F42; --muted:#8A5A6B; --muted-2:#6E3A4A;
  --ground:#FBF1EC; --ground-warm:#FDF3EA; --surface:#FFFFFF; --hairline:#F1DED4; --hairline-2:#F6E2DA;
  --peach-a:#FEE2D3; --peach-b:#FCD3C1;
  --success:#22694A; --success-bg:#DCEFE4; --warning:#8A5A1F; --warning-bg:#FBEFE6; --danger:#A82438; --danger-bg:#FCE3E5;
  --grad:linear-gradient(155deg,#C4385A 0%,#AE1F42 100%);
  --shell:430px; --pad:20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--ground);color:var(--plum);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:3px solid rgba(201,59,76,.5);outline-offset:2px;border-radius:8px}

.app{max-width:var(--shell);margin:0 auto;min-height:100dvh;background:var(--ground);position:relative;display:flex;flex-direction:column}
.app--tabs{padding-bottom:104px}
.screen{flex:1;padding:14px var(--pad) 0}
.muted{color:var(--muted)} .muted2{color:var(--muted-2)}
.row{display:flex;align-items:center;gap:10px} .spread{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stack{display:flex;flex-direction:column;gap:8px}
.caps{font-size:9.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.title{font-size:22px;font-weight:900;letter-spacing:-.035em;margin:0;color:var(--plum)}
.figure{font-size:28px;font-weight:900;letter-spacing:-.045em;color:var(--plum)}
.price{color:var(--crimson-600);font-weight:900}

/* header peach band */
.hdr{background:linear-gradient(160deg,var(--peach-a),var(--peach-b));padding:16px var(--pad) 18px;border-radius:0 0 24px 24px}
.hdr .caps{color:var(--muted-2)}

/* cards */
.card{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;padding:16px;box-shadow:0 12px 26px -20px rgba(94,12,43,.5)}
.card--flat{box-shadow:none}
.card-title{font-size:15px;font-weight:900;letter-spacing:-.03em;color:var(--ink)}

/* buttons — no shadow */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:15px;font-size:15px;font-weight:900;border:none;width:100%}
.btn--primary{background:var(--grad);color:#fff}
.btn--secondary{background:#fff;border:1px solid var(--hairline);color:var(--plum)}
.btn--sm{min-height:44px;font-size:13px;border-radius:13px;width:auto;padding:0 16px}
.btn--ghost{background:transparent;color:var(--crimson);min-height:44px;font-weight:800}

/* chips / pills */
.chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;border-radius:11px;font-size:11px;font-weight:800;background:#fff;border:1px solid var(--hairline);color:var(--muted-2)}
.chip--soft{background:var(--ground-warm);border-color:var(--hairline-2)}
.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:8px;font-size:10px;font-weight:900}
.badge--ok{background:var(--success-bg);color:var(--success)} .badge--warn{background:var(--warning-bg);color:var(--warning)} .badge--bad{background:var(--danger-bg);color:var(--danger)}
.verified{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-weight:900;font-size:11px}

/* fields */
.field{width:100%;min-height:50px;border:1px solid var(--hairline);border-radius:14px;background:#fff;padding:0 14px;font:inherit;font-size:14px;font-weight:700;color:var(--plum)}
textarea.field{padding:12px 14px;min-height:80px}
.label{font-size:9.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}

/* nanny card */
.nanny{display:flex;gap:12px;align-items:flex-start}
.nanny__ph{width:60px;height:60px;border-radius:16px;flex:none;object-fit:cover;background:var(--peach-a);display:grid;place-items:center;font-weight:900;color:var(--wine);font-size:20px}
.nanny__name{font-size:15px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}
.nanny__meta{font-size:11.5px;font-weight:700;color:var(--muted)}
.stars{color:var(--coral);font-weight:900;font-size:12px}

/* the request ticket */
.ticket{background:linear-gradient(160deg,#fff, var(--ground-warm));border:1px solid var(--hairline);border-radius:22px;padding:16px;box-shadow:0 12px 26px -20px rgba(94,12,43,.5)}
.ticket__row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--hairline)}
.ticket__row:last-child{border-bottom:none}
.ticket__k{font-size:11px;font-weight:800;color:var(--muted)}
.ticket__v{font-size:13.5px;font-weight:900;color:var(--plum)}

/* price breakdown */
.pb{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;font-weight:700;color:var(--muted-2)}
.pb--total{border-top:1px solid var(--hairline);margin-top:4px;padding-top:10px;font-size:16px;font-weight:900;color:var(--plum)}

/* bottom tab bar */
.tabs{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--shell);height:90px;background:#fff;border-top:1px solid var(--hairline);
  display:flex;align-items:flex-start;justify-content:space-around;padding-top:10px;z-index:40}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;flex:1;min-height:44px}
.tabs a.on{color:var(--crimson)}
.tabs svg{width:24px;height:24px}
.tabs .fab{margin-top:-22px;width:58px;height:58px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px -10px rgba(174,31,66,.7)}
.tabs .fab svg{width:26px;height:26px}
.tabs .fab+span{margin-top:2px}

.empty{text-align:center;color:var(--muted)}
.section-h{font-size:12px;font-weight:900;letter-spacing:-.01em;color:var(--ink);margin:16px 0 8px}