.tpk-booking{background:#f6fbfa;justify-content:center;padding:64px 32px 80px;display:flex}.tpk-booking__card{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #123b361a;width:100%;max-width:360px;padding:32px;box-shadow:0 24px 56px #123b361a}.tpk-booking__kicker{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;font-size:.73rem;font-weight:700}.tpk-booking__title{letter-spacing:-.02em;color:#123b36;margin:14px 0 22px;font-size:1.15rem;font-weight:750}.tpk-booking__label{color:#123b36;margin-bottom:8px;font-size:.85rem;display:block}.tpk-booking .ds-time-picker__field{border-color:#123b362e}.tpk-booking .ds-time-picker__field:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.tpk-booking__hint{color:#6b8b86;margin-top:9px;font-size:.78rem}.tpk-meeting{background:#111827;justify-content:center;padding:64px 32px 80px;display:flex}.tpk-meeting__card{border-radius:var(--pat-radius-lg);background:#ffffff08;border:1px solid #ffffff1a;width:100%;max-width:380px;padding:32px}.tpk-meeting__title{color:#fff;margin-bottom:20px;font-size:1.05rem;font-weight:700}.tpk-meeting__label{color:#ffffffbf;align-items:baseline;gap:4px;margin-bottom:8px;font-size:.85rem;display:flex}.tpk-meeting__required{color:#f87171}.tpk-meeting .ds-time-picker__field{color:#fff;background:#ffffff0a;border-color:#ffffff24}.tpk-meeting .ds-time-picker__field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf829}.tpk-meeting .ds-time-picker__icon{color:#fff6}.tpk-alarm{background:#fbfbfa;justify-content:center;padding:64px 32px 80px;display:flex}.tpk-alarm__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:360px;box-shadow:var(--pat-shadow-md);background:#fff;padding:32px}.tpk-alarm__icon{margin-bottom:12px;font-size:1.4rem}.tpk-alarm__label{color:var(--pat-ink);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.tpk-alarm__note{color:var(--pat-soft);margin-top:9px;font-size:.78rem}.tpk-reservation{background:#fef2f2;justify-content:center;padding:64px 32px 80px;display:flex}.tpk-reservation__card{border-radius:var(--pat-radius-lg);background:#fff;border:1px solid #dc262640;width:100%;max-width:380px;padding:32px}.tpk-reservation__title{color:var(--pat-ink);font-size:1.05rem;font-weight:750}.tpk-reservation__label{color:var(--pat-ink);margin:18px 0 8px;font-size:.85rem;display:block}.tpk-reservation .ds-time-picker__field--invalid{border-color:#dc2626}.tpk-reservation__error{color:#dc2626;align-items:center;gap:6px;margin-top:10px;font-size:.8rem;display:flex}.tpk-shift{background:#fbfbfa;justify-content:center;padding:64px 32px 80px;display:flex}.tpk-shift__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:400px;box-shadow:var(--pat-shadow-md);background:#fff;overflow:hidden}.tpk-shift__head{border-bottom:1px solid var(--pat-line);color:var(--pat-ink);padding:18px 24px;font-size:.95rem;font-weight:700}.tpk-shift__row{padding:20px 24px}.tpk-shift__label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tpk-shift__label{color:var(--pat-ink);font-size:.85rem}.tpk-shift__badge{color:#2563eb;background:#2563eb1a;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:650}.tpk-shift .ds-time-picker__field{background:#fafafa}@media (width<=720px){.tpk-booking{padding:44px 16px 56px}.tpk-booking__card{padding:24px 20px}.tpk-meeting{padding:44px 16px 56px}.tpk-meeting__card{padding:24px 20px}.tpk-alarm{padding:44px 16px 56px}.tpk-alarm__card{padding:22px}.tpk-reservation{padding:44px 16px 56px}.tpk-reservation__card{padding:22px}.tpk-shift{padding:44px 16px 56px}}.ds-time-picker{align-items:center;gap:.75rem;width:100%;display:inline-flex}.ds-time-picker__field{border:1px solid var(--ds-border-color,#dbe2ea);border-radius:var(--ds-radius-md,10px);background:var(--ds-surface,#fff);width:100%;height:44px;color:var(--ds-text,#0f172a);font:inherit;padding:0 1rem;transition:border-color .2s,box-shadow .2s}.ds-time-picker__field:focus{border-color:var(--ds-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb26}.ds-time-picker__field:disabled{opacity:.6;cursor:not-allowed}.ds-time-picker__field--invalid{border-color:#dc2626}.ds-time-picker__icon{color:var(--ds-text-secondary,#64748b);flex-shrink:0}