/*
Theme Name: TimeSee UI
Theme URI: https://timesee.ir
Description: TimeSee custom child theme for SaaS Launcher.
Author: TimeSee
Template: saaslauncher
Version: 1.0.0
Text Domain: timesee
*/

:root {
  --timesee-purple: #7c3aed;
  --timesee-purple-dark: #5b21b6;
  --timesee-purple-soft: #ede9fe;
  --timesee-black: #111827;
  --timesee-text: #374151;
  --timesee-muted: #6b7280;
  --timesee-border: #e5e7eb;
  --timesee-bg: #ffffff;
  --timesee-halo: rgba(124, 58, 237, .08);
  --timesee-radius: 18px;
  --timesee-shadow: 0 12px 35px rgba(17, 24, 39, .07);
}

html { scroll-behavior: smooth; }
body {
  direction: rtl;
  text-align: right;
  background: #fff;
  color: var(--timesee-text);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

/* Global soft white + purple halo */
body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 8% 8%, var(--timesee-halo), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(124,58,237,.055), transparent 27%),
    radial-gradient(circle at 50% 90%, rgba(17,24,39,.025), transparent 35%);
}

/* Header */
.site-header, header.wp-block-template-part {
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(229,231,235,.75);
  box-shadow: 0 5px 24px rgba(17,24,39,.045);
}

.site-header a, header.wp-block-template-part a { color: var(--timesee-black); }
.site-header a:hover, header.wp-block-template-part a:hover { color: var(--timesee-purple); }

/* Buttons */
.wp-element-button,
.wp-block-button__link,
button,
input[type="submit"] {
  border-radius: 12px !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(124,58,237,.18);
}

/* Cards */
.wp-block-group.is-layout-flow,
.wp-block-columns > .wp-block-column {
  border-radius: var(--timesee-radius);
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  color: var(--timesee-black);
  letter-spacing: -.02em;
}

p { line-height: 1.9; }

/* Forms */
input:not([type="submit"]), textarea, select {
  border: 1px solid var(--timesee-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  min-height: 46px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:not([type="submit"]):focus, textarea:focus, select:focus {
  border-color: var(--timesee-purple) !important;
  box-shadow: 0 0 0 4px rgba(124,58,237,.10) !important;
  outline: none;
}

/* Footer */
footer.wp-block-template-part, .site-footer {
  background: #111827 !important;
  color: #d1d5db;
  border-radius: 28px 28px 0 0;
}
footer.wp-block-template-part a, .site-footer a { color: #e5e7eb; }
footer.wp-block-template-part a:hover, .site-footer a:hover { color: #c4b5fd; }

/* RTL navigation/list fixes */
ul, ol { padding-right: 1.4rem; padding-left: 0; }
.wp-block-navigation .wp-block-navigation__container { direction: rtl; }

/* Responsive base */
img { max-width: 100%; height: auto; }
@media (max-width: 782px) {
  h1 { font-size: clamp(2rem, 8vw, 3rem) !important; }
  h2 { font-size: clamp(1.65rem, 6vw, 2.3rem) !important; }
  .wp-block-columns { gap: 1.25rem !important; }
  .wp-block-navigation__responsive-container { padding: 1.25rem !important; }
}

/* =========================================================
   TimeSee — Header / Navigation v2
   ========================================================= */

/* Keep the header visually calm and premium */
header.wp-block-template-part,
.site-header,
header[role="banner"] {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
}

header.wp-block-template-part > .wp-block-group,
.site-header > .wp-block-group,
header[role="banner"] > .wp-block-group {
  min-height: 72px;
}

/* Main header inner layout */
header.wp-block-template-part .wp-block-group.is-layout-flex,
.site-header .wp-block-group.is-layout-flex,
header[role="banner"] .wp-block-group.is-layout-flex {
  gap: 18px;
}

/* Logo */
header.wp-block-template-part .wp-block-site-logo img,
.site-header .custom-logo,
.site-header .custom-logo-link img,
header[role="banner"] .wp-block-site-logo img {
  width: auto;
  max-height: 46px;
  border-radius: 0;
}

header.wp-block-template-part .wp-block-site-title,
.site-header .site-title,
header[role="banner"] .wp-block-site-title {
  margin: 0;
  font-weight: 800;
  letter-spacing: -.04em;
}

header.wp-block-template-part .wp-block-site-title a,
.site-header .site-title a,
header[role="banner"] .wp-block-site-title a {
  color: var(--timesee-black) !important;
  text-decoration: none;
}

/* Navigation */
header.wp-block-template-part .wp-block-navigation,
.site-header .primary-menu,
.site-header nav,
header[role="banner"] .wp-block-navigation {
  direction: rtl;
}

header.wp-block-template-part .wp-block-navigation-item__content,
.site-header nav a,
header[role="banner"] .wp-block-navigation-item__content {
  position: relative;
  padding: 10px 7px;
  color: #374151 !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: color .2s ease;
}

header.wp-block-template-part .wp-block-navigation-item__content::after,
.site-header nav a::after,
header[role="banner"] .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  right: 7px;
  left: 7px;
  bottom: 3px;
  height: 2px;
  border-radius: 99px;
  background: var(--timesee-purple);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}

header.wp-block-template-part .wp-block-navigation-item__content:hover,
.site-header nav a:hover,
header[role="banner"] .wp-block-navigation-item__content:hover {
  color: var(--timesee-purple) !important;
}

header.wp-block-template-part .wp-block-navigation-item__content:hover::after,
.site-header nav a:hover::after,
header[role="banner"] .wp-block-navigation-item__content:hover::after {
  transform: scaleX(1);
}

/* Header CTA — purple pill */
header.wp-block-template-part .wp-block-button .wp-block-button__link,
.site-header .btn-primary,
.site-header .wp-element-button,
header[role="banner"] .wp-block-button .wp-block-button__link {
  min-height: 44px;
  padding: 10px 20px !important;
  border: 1px solid var(--timesee-purple) !important;
  border-radius: 12px !important;
  background: var(--timesee-purple) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(124,58,237,.16);
  font-size: 14px;
  font-weight: 700;
}

header.wp-block-template-part .wp-block-button .wp-block-button__link:hover,
.site-header .btn-primary:hover,
.site-header .wp-element-button:hover,
header[role="banner"] .wp-block-button .wp-block-button__link:hover {
  background: var(--timesee-purple-dark) !important;
  border-color: var(--timesee-purple-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(124,58,237,.23);
}

/* Secondary / login link */
header.wp-block-template-part .is-style-outline .wp-block-button__link,
.site-header .btn-outline,
header[role="banner"] .is-style-outline .wp-block-button__link {
  background: #fff !important;
  color: var(--timesee-black) !important;
  border-color: #e5e7eb !important;
  box-shadow: none;
}

header.wp-block-template-part .is-style-outline .wp-block-button__link:hover,
.site-header .btn-outline:hover,
header[role="banner"] .is-style-outline .wp-block-button__link:hover {
  color: var(--timesee-purple) !important;
  border-color: #c4b5fd !important;
  background: #faf9ff !important;
}

/* Subtle header glow */
header.wp-block-template-part::after,
.site-header::after,
header[role="banner"]::after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(124,58,237,.22), transparent);
}

/* Mobile navigation */
@media (max-width: 782px) {
  header.wp-block-template-part,
  .site-header,
  header[role="banner"] {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  header.wp-block-template-part > .wp-block-group,
  .site-header > .wp-block-group,
  header[role="banner"] > .wp-block-group {
    min-height: 64px;
  }

  header.wp-block-template-part .wp-block-site-logo img,
  .site-header .custom-logo,
  .site-header .custom-logo-link img,
  header[role="banner"] .wp-block-site-logo img {
    max-height: 40px;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    background: rgba(255,255,255,.98) !important;
    padding: 22px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
    width: 100%;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    width: 100%;
    align-items: stretch !important;
    gap: 4px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 14px 12px;
    border-radius: 12px;
    font-size: 16px;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
    background: #f5f3ff;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
    display: none;
  }
}

/* =========================================================
   TimeSee — Homepage Hero v3
   White / purple / black, calm SaaS aesthetic
   ========================================================= */

/* Hero shell: neutralize the starter template's loud gradient */
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background,
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) {
  background: #fff !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

main > .wp-block-group.alignfull.has-gradient-eight-gradient-background::before,
main > .wp-block-group.alignfull:has(.saaslauncher-big-title)::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  top: -250px;
  left: -170px;
  background: radial-gradient(circle, rgba(124,58,237,.13) 0%, rgba(124,58,237,.045) 38%, transparent 72%);
  z-index: -1;
  pointer-events: none;
}

main > .wp-block-group.alignfull.has-gradient-eight-gradient-background::after,
main > .wp-block-group.alignfull:has(.saaslauncher-big-title)::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  right: -190px;
  bottom: -260px;
  background: radial-gradient(circle, rgba(124,58,237,.09), transparent 70%);
  z-index: -1;
  pointer-events: none;
}

main > .wp-block-group.alignfull.has-gradient-eight-gradient-background > .wp-block-group,
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) > .wp-block-group {
  max-width: 1240px !important;
  padding-top: clamp(72px, 9vw, 126px) !important;
  padding-bottom: clamp(72px, 9vw, 126px) !important;
}

/* Hero columns */
.saaslauncher-big-title {
  color: var(--timesee-black) !important;
  font-size: clamp(42px, 5.2vw, 76px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
  max-width: 760px;
}

.saaslauncher-big-title + p,
.saaslauncher-big-title ~ p {
  color: #5b6472 !important;
  font-size: clamp(17px, 1.5vw, 21px) !important;
  line-height: 1.9 !important;
  max-width: 620px;
}

/* Small eyebrow */
.saaslauncher-big-title ~ div:first-child,
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .has-x-small-font-size {
  color: var(--timesee-purple) !important;
  background: #f5f3ff !important;
  border: 1px solid #e9e3ff !important;
  border-radius: 999px !important;
  font-weight: 700;
}

/* Hero image becomes a premium product mockup frame */
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) figure.wp-block-image,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background figure.wp-block-image {
  position: relative;
  padding: 10px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(229,231,235,.95);
  border-radius: 28px !important;
  box-shadow: 0 30px 80px rgba(17,24,39,.12), 0 0 0 10px rgba(124,58,237,.035);
  transform: rotate(-1.2deg);
  transition: transform .35s ease, box-shadow .35s ease;
}

main > .wp-block-group.alignfull:has(.saaslauncher-big-title) figure.wp-block-image:hover,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background figure.wp-block-image:hover {
  transform: rotate(0) translateY(-5px);
  box-shadow: 0 38px 90px rgba(17,24,39,.15), 0 0 0 12px rgba(124,58,237,.045);
}

main > .wp-block-group.alignfull:has(.saaslauncher-big-title) figure.wp-block-image img,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background figure.wp-block-image img {
  display: block;
  width: 100%;
  border-radius: 20px !important;
}

/* Soft product status card floating above the visual */
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-column:last-child,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-column:last-child {
  position: relative;
}

main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-column:last-child::after,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-column:last-child::after {
  content: "✓  نوبت‌ها مرتب و آماده مدیریت";
  position: absolute;
  right: -18px;
  bottom: 34px;
  padding: 12px 17px;
  background: rgba(255,255,255,.96);
  color: #374151;
  border: 1px solid #e9e7ef;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(17,24,39,.10);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  z-index: 4;
}

/* CTA row */
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-buttons,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-buttons {
  gap: 12px !important;
  margin-top: 34px !important;
}

main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-buttons .wp-block-button__link,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-buttons .wp-block-button__link {
  min-height: 52px;
  padding: 14px 25px !important;
  border-radius: 14px !important;
  font-weight: 750;
}

/* Main CTA */
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-buttons .wp-block-button:first-child .wp-block-button__link,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-buttons .wp-block-button:first-child .wp-block-button__link {
  background: var(--timesee-purple) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(124,58,237,.22);
}

/* Secondary CTA */
main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link,
main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {
  background: #fff !important;
  color: var(--timesee-black) !important;
  border: 1px solid #dedfe5 !important;
}

/* Hero responsive */
@media (max-width: 900px) {
  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) > .wp-block-group,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background > .wp-block-group {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-columns,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-columns {
    flex-direction: column !important;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-column,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) figure.wp-block-image,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background figure.wp-block-image {
    margin-top: 30px !important;
    transform: none;
  }
}

@media (max-width: 600px) {
  .saaslauncher-big-title {
    font-size: clamp(36px, 11vw, 52px) !important;
  }

  .saaslauncher-big-title ~ p {
    font-size: 16px !important;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-buttons,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-button,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-button {
    width: 100%;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-button__link,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-button__link {
    width: 100%;
    text-align: center;
  }

  main > .wp-block-group.alignfull:has(.saaslauncher-big-title) .wp-block-column:last-child::after,
  main > .wp-block-group.alignfull.has-gradient-eight-gradient-background .wp-block-column:last-child::after {
    right: 8px;
    bottom: 18px;
    font-size: 11px;
    padding: 9px 12px;
  }
}

/* =========================================================
   TimeSee — Features v1
   ========================================================= */
.timesee-features{position:relative;overflow:hidden;padding:92px 24px;background:#fff}
.timesee-features:before{content:"";position:absolute;inset:-180px auto auto 45%;width:520px;height:320px;background:rgba(124,58,237,.055);filter:blur(70px);border-radius:50%;pointer-events:none}
.timesee-features__inner{position:relative;max-width:1180px;margin:auto}
.timesee-section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ede9fe;background:#faf8ff;border-radius:999px;color:#6d28d9;font-size:13px;font-weight:700;margin-bottom:14px}
.timesee-section-title{margin:0 auto 14px;max-width:720px;text-align:center;font-size:clamp(28px,4vw,46px);line-height:1.25;font-weight:850;letter-spacing:-.035em;color:#111827}
.timesee-section-lead{max-width:650px;margin:0 auto 42px;text-align:center;color:#6b7280;font-size:16px;line-height:1.9}
.timesee-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.timesee-feature-card{position:relative;padding:28px;border:1px solid #eeeef2;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 10px 35px rgba(17,24,39,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.timesee-feature-card:hover{transform:translateY(-5px);border-color:#ddd6fe;box-shadow:0 18px 45px rgba(124,58,237,.10)}
.timesee-feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#f3efff;color:#6d28d9;font-size:22px}
.timesee-feature-card h3{margin:0 0 9px;font-size:19px;line-height:1.45;color:#111827;font-weight:800}
.timesee-feature-card p{margin:0;color:#6b7280;font-size:14px;line-height:1.9}
@media(max-width:900px){.timesee-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.timesee-features{padding:68px 18px}.timesee-feature-grid{grid-template-columns:1fr}.timesee-feature-card{padding:24px}.timesee-section-lead{margin-bottom:30px}}

/* =========================================================
   TimeSee — UI Polish / Step 5
   Consistent sections, stats, pricing-ready cards, CTA & footer
   ========================================================= */
:root{
  --ts-container:1180px;
  --ts-section:clamp(64px,8vw,104px);
}

/* WordPress content rhythm */
main > .wp-block-group,
main > .wp-block-cover,
main > .wp-block-columns,
main > section{box-sizing:border-box}
main .wp-block-group:not(.alignfull),
main .wp-block-columns:not(.alignfull){max-width:var(--ts-container)}

/* Generic TimeSee section classes that can be added from Gutenberg */
.timesee-section{position:relative;padding:var(--ts-section) 24px;overflow:hidden}
.timesee-section--soft{background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}
.timesee-section--dark{background:#111827;color:#fff}
.timesee-container{width:min(100%,var(--ts-container));margin-inline:auto}

/* Stats strip */
.timesee-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto;padding:14px;border:1px solid #eeeef2;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 16px 50px rgba(17,24,39,.06)}
.timesee-stat{padding:20px;text-align:center;border-radius:17px}
.timesee-stat strong{display:block;font-size:28px;line-height:1.2;color:#111827;font-weight:850;letter-spacing:-.03em}
.timesee-stat span{display:block;margin-top:6px;color:#6b7280;font-size:13px}

/* Generic feature / service cards */
.timesee-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.timesee-card{padding:26px;border:1px solid #ececf1;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(17,24,39,.055);transition:.25s ease}
.timesee-card:hover{transform:translateY(-5px);border-color:#ddd6fe;box-shadow:0 20px 50px rgba(124,58,237,.11)}
.timesee-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f4f0ff;color:#6d28d9;margin-bottom:18px}
.timesee-card h3{margin:0 0 9px;color:#111827;font-size:19px;font-weight:800}
.timesee-card p{margin:0;color:#6b7280;font-size:14px;line-height:1.9}

/* Steps / how it works */
.timesee-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.timesee-step{text-align:center;position:relative}
.timesee-step__number{width:46px;height:46px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-weight:800;box-shadow:0 0 0 7px #f5f3ff}
.timesee-step h3{margin:0 0 8px;font-size:18px;color:#111827}
.timesee-step p{margin:0;color:#6b7280;font-size:14px;line-height:1.9}

/* CTA */
.timesee-cta{position:relative;isolation:isolate;overflow:hidden;margin:var(--ts-section) 24px;padding:clamp(38px,6vw,70px) 30px;border-radius:30px;background:#111827;color:#fff;box-shadow:0 24px 70px rgba(17,24,39,.14)}
.timesee-cta:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;right:-150px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.48),transparent 68%)}
.timesee-cta:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;left:-150px;bottom:-190px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.25),transparent 68%)}
.timesee-cta h2{margin:0 auto 12px;max-width:720px;text-align:center;color:#fff;font-size:clamp(28px,4vw,46px);line-height:1.25;font-weight:850;letter-spacing:-.035em}
.timesee-cta p{max-width:620px;margin:0 auto 26px;text-align:center;color:#d1d5db;line-height:1.9}
.timesee-cta .wp-block-buttons{justify-content:center;gap:10px}
.timesee-cta .wp-block-button__link{min-height:50px;padding:13px 24px!important;border-radius:13px!important;font-weight:800}
.timesee-cta .wp-block-button:first-child .wp-block-button__link{background:#7c3aed!important;color:#fff!important;border:1px solid #7c3aed!important}
.timesee-cta .wp-block-button:nth-child(2) .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}

/* Footer polish */
footer.wp-block-template-part,.site-footer{position:relative;margin-top:0!important;padding:56px 24px 22px!important;border-radius:30px 30px 0 0!important;background:#111827!important;overflow:hidden}
footer.wp-block-template-part:before,.site-footer:before{content:"";position:absolute;top:-180px;right:8%;width:420px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);pointer-events:none}
footer.wp-block-template-part .wp-block-group,.site-footer .container{position:relative;z-index:1}
footer.wp-block-template-part h2,footer.wp-block-template-part h3,footer.wp-block-template-part h4,.site-footer h2,.site-footer h3,.site-footer h4{color:#fff!important}
footer.wp-block-template-part p,.site-footer p{color:#9ca3af!important;line-height:1.9}
footer.wp-block-template-part a,.site-footer a{color:#d1d5db!important;text-decoration:none}
footer.wp-block-template-part a:hover,.site-footer a:hover{color:#c4b5fd!important}

/* Accessibility / interaction */
:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:900px){
  .timesee-stats{grid-template-columns:repeat(2,1fr)}
  .timesee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timesee-steps{grid-template-columns:1fr;gap:34px}
}
@media(max-width:600px){
  .timesee-section{padding:68px 18px}
  .timesee-stats{grid-template-columns:1fr 1fr;padding:8px;border-radius:19px}
  .timesee-stat{padding:15px 8px}
  .timesee-stat strong{font-size:23px}
  .timesee-card-grid{grid-template-columns:1fr}
  .timesee-cta{margin:60px 16px;padding:42px 20px;border-radius:24px}
  .timesee-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
  .timesee-cta .wp-block-button,.timesee-cta .wp-block-button__link{width:100%}
}
.timesee-in{opacity:1!important;transform:none!important}

/* =========================================================
   TimeSee Home v3 — clean SaaS landing page
   ========================================================= */
.ts-header{padding:0 24px!important;background:rgba(255,255,255,.9)!important;border-bottom:1px solid #eee;box-shadow:0 6px 30px rgba(17,24,39,.04)!important}
.ts-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ts-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none!important;color:#111827!important;font-size:21px;font-weight:900;letter-spacing:-.04em}.ts-brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#111827;color:#fff;font-weight:900}.ts-header nav{flex:1;justify-content:center}.ts-header nav a{font-size:14px!important;font-weight:600!important;color:#4b5563!important}.ts-header-actions{display:flex;align-items:center;gap:16px}.ts-login{color:#374151;text-decoration:none;font-weight:700;font-size:14px}.ts-header-cta,.ts-footer-cta{background:#7c3aed!important;color:#fff!important;border-radius:11px!important;padding:11px 18px!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 9px 20px rgba(124,58,237,.16)}
.ts-hero{padding:78px 24px 70px!important;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 35%,rgba(124,58,237,.09),transparent 30%),radial-gradient(circle at 90% 10%,rgba(124,58,237,.055),transparent 28%)}.ts-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:65px}.ts-hero-copy{max-width:650px;flex:1}.ts-eyebrow,.ts-section-kicker{color:#7c3aed!important;font-weight:800;font-size:13px;margin:0 0 15px!important}.ts-hero-title{font-size:clamp(42px,6vw,70px)!important;line-height:1.15!important;letter-spacing:-.055em!important;margin:0!important}.ts-hero-title span,h2 span{color:#7c3aed}.ts-hero-text{font-size:18px;max-width:590px;color:#6b7280;margin:22px 0!important;line-height:2!important}.ts-hero-buttons{gap:12px!important;margin:25px 0 12px!important}.ts-hero-buttons .wp-block-button__link{padding:13px 22px!important;border-radius:12px!important}.ts-hero-buttons .is-style-outline .wp-block-button__link{background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important}.ts-trust-line{font-size:12px!important;color:#8b8f98;margin-top:16px!important}.ts-dashboard-card{width:min(470px,100%);flex:0 1 470px;background:#fff;border:1px solid #e8e7ed;border-radius:24px;box-shadow:0 30px 80px rgba(17,24,39,.12);transform:rotate(-1.2deg);overflow:hidden}.ts-dashboard-top{height:54px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:7px;padding:0 18px}.ts-dashboard-top span{width:8px;height:8px;border-radius:50%;background:#d1d5db}.ts-dashboard-top b{margin-right:auto;font-size:12px;color:#6b7280}.ts-dashboard-body{padding:24px}.ts-mini-stat{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #f0f0f2}.ts-mini-stat small{color:#6b7280}.ts-mini-stat strong{font-size:34px;color:#111827}.ts-mini-stat em{font-size:11px;font-style:normal;color:#16a34a;background:#f0fdf4;padding:5px 8px;border-radius:7px}.ts-mini-calendar{padding:20px 0}.ts-mini-calendar>b{font-size:13px}.ts-mini-calendar div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.ts-mini-calendar i{font-style:normal;text-align:center;padding:11px 3px;background:#f8f7ff;border:1px solid #ede9fe;border-radius:9px;font-size:11px}.ts-progress{height:8px;background:#f1f1f3;border-radius:99px;overflow:hidden;margin:10px 0}.ts-progress span{display:block;height:100%;background:#7c3aed;border-radius:99px}.ts-dashboard-body>small{font-size:10px;color:#9ca3af}.ts-strip{border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;padding:18px 24px!important}.ts-strip-inner{display:flex;justify-content:center;align-items:center;gap:24px;color:#6b7280;font-size:12px;font-weight:700}.ts-strip i{width:4px;height:4px;background:#c4b5fd;border-radius:50%}
.ts-section{padding:105px 24px!important}.ts-section h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.25!important;letter-spacing:-.045em!important;margin:0 0 16px!important}.ts-section-lead{max-width:620px;margin:0 auto 48px!important;color:#6b7280}.ts-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ts-feature-card{background:#fff;border:1px solid #ececf0;border-radius:18px;padding:28px 24px;box-shadow:0 10px 35px rgba(17,24,39,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ts-feature-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(17,24,39,.09);border-color:#ddd6fe}.ts-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#f3efff;color:#7c3aed;font-size:23px;margin-bottom:22px}.ts-feature-card h3{font-size:18px;margin:0 0 10px}.ts-feature-card p{font-size:13px;color:#6b7280;min-height:75px}.ts-feature-card a{font-size:12px;color:#7c3aed;text-decoration:none;font-weight:800}.ts-how{background:#f8f7fb!important;padding:0 24px!important}.ts-how-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.ts-how-copy p:not(.ts-section-kicker){color:#6b7280}.ts-steps{display:grid;gap:0}.ts-step{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #e4e1ea}.ts-step:last-child{border:0}.ts-step>b{font-size:13px;color:#7c3aed;padding-top:3px}.ts-step h3{margin:0 0 6px;font-size:18px}.ts-step p{margin:0;color:#6b7280;font-size:13px}.ts-final-cta{text-align:center;padding:95px 24px!important}.ts-final-cta>div{position:relative;padding:65px 30px;border-radius:28px;background:linear-gradient(135deg,#111827,#21143b);overflow:hidden}.ts-final-cta>div:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(124,58,237,.25);filter:blur(50px);left:-120px;top:-180px}.ts-final-cta h2,.ts-final-cta p,.ts-final-cta .ts-section-kicker{position:relative;z-index:1}.ts-final-cta h2{color:#fff!important}.ts-final-cta p:not(.ts-section-kicker){color:#cbd5e1;max-width:560px;margin:0 auto 25px}.ts-final-cta .wp-element-button{position:relative;z-index:1;display:inline-block;background:#fff;color:#111827;border-radius:11px;padding:13px 22px;text-decoration:none;font-weight:800}.ts-footer{background:#111827!important;color:#cbd5e1!important;border-radius:30px 30px 0 0;padding:65px 24px 20px!important}.ts-footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}.ts-brand-footer{color:#fff!important}.ts-footer-top p{font-size:13px;color:#9ca3af}.ts-footer h4{color:#fff;font-size:13px;margin:4px 0 14px}.ts-footer-top a:not(.ts-brand):not(.ts-footer-cta){display:block;color:#9ca3af;text-decoration:none;font-size:13px;margin:10px 0}.ts-footer-top a:hover{color:#c4b5fd!important}.ts-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#6b7280;font-size:11px}
@media(max-width:900px){.ts-hero-inner{gap:40px}.ts-feature-grid{grid-template-columns:repeat(2,1fr)}.ts-how-inner{grid-template-columns:1fr;gap:30px}.ts-footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ts-header-inner{min-height:66px}.ts-header-actions .ts-login{display:none}.ts-header-cta{padding:9px 13px!important}.ts-header nav{order:3}.ts-hero{padding-top:52px!important}.ts-hero-inner{flex-direction:column}.ts-hero-copy{max-width:none}.ts-hero-title{font-size:40px!important}.ts-hero-text{font-size:15px}.ts-dashboard-card{transform:none}.ts-strip-inner{overflow:hidden;white-space:nowrap;justify-content:flex-start}.ts-strip-inner span:nth-of-type(n+3),.ts-strip-inner i:nth-of-type(n+3){display:none}.ts-section{padding:70px 18px!important}.ts-feature-grid{grid-template-columns:1fr}.ts-feature-card p{min-height:auto}.ts-footer{padding:45px 20px 18px!important}.ts-footer-top{grid-template-columns:1fr 1fr;gap:28px}.ts-footer-top>div:first-child,.ts-footer-top>div:last-child{grid-column:1/-1}.ts-footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   TimeSee Auth UI — Login / Register
   ========================================================= */
.ts-auth-page{min-height:calc(100vh - 76px);padding:64px 24px 82px!important;background:radial-gradient(circle at 8% 18%,rgba(124,58,237,.09),transparent 27%),radial-gradient(circle at 92% 80%,rgba(124,58,237,.06),transparent 30%);box-sizing:border-box}
.ts-auth-shell{width:min(100%,1080px);margin-inline:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}
.ts-auth-shell-register{grid-template-columns:1.05fr .95fr}
.ts-auth-brand-side{padding:20px 0}
.ts-auth-brand-side h1,.ts-register-benefits h2{font-size:clamp(34px,4.5vw,56px)!important;line-height:1.2!important;letter-spacing:-.045em!important;margin:0 0 18px!important;color:#111827}
.ts-auth-brand-side>p:not(.ts-eyebrow){max-width:520px;color:#6b7280;line-height:2;font-size:16px}
.ts-auth-points{display:grid;gap:12px;margin-top:30px;color:#374151;font-size:14px;font-weight:700}.ts-auth-points span{display:block}
.ts-auth-card{background:rgba(255,255,255,.96);border:1px solid #e8e7ed;border-radius:26px;padding:34px;box-shadow:0 28px 80px rgba(17,24,39,.10);width:100%;box-sizing:border-box}
.ts-auth-card-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.ts-auth-card-head>div{min-width:0}.ts-auth-logo{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:14px;background:#111827;color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(17,24,39,.14)}
.ts-auth-card h1,.ts-auth-card h2{margin:0 0 5px!important;font-size:25px!important;letter-spacing:-.025em;color:#111827}.ts-auth-card-head p{margin:0;color:#8b8f98;font-size:13px;line-height:1.8}
.ts-auth-form{display:grid;gap:9px}.ts-auth-form label{font-size:13px;font-weight:800;color:#374151;margin-top:7px}.ts-auth-form input:not([type=checkbox]){width:100%;height:50px;padding:0 15px;border:1px solid #dedee5;border-radius:12px;background:#fff;color:#111827;outline:none;box-sizing:border-box;font:inherit;transition:border-color .2s,box-shadow .2s}.ts-auth-form input:not([type=checkbox]):focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(124,58,237,.09)}
.ts-password{position:relative}.ts-password input{padding-left:72px!important}.ts-password button{position:absolute;left:9px;top:50%;transform:translateY(-50%);border:0;background:#f5f3ff;color:#6d28d9;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer}.ts-check{display:flex!important;align-items:center;gap:7px!important;margin:8px 0 5px!important;font-weight:600!important;color:#6b7280!important}.ts-check input{accent-color:#7c3aed}.ts-auth-submit{width:100%;height:50px;border:0;border-radius:12px;background:#7c3aed;color:#fff;font:inherit;font-weight:850;cursor:pointer;margin-top:9px;box-shadow:0 12px 25px rgba(124,58,237,.20);transition:transform .2s,box-shadow .2s}.ts-auth-submit:hover{transform:translateY(-2px);box-shadow:0 17px 30px rgba(124,58,237,.25)}.ts-form-note{font-size:11px!important;line-height:1.8;color:#9ca3af;margin:4px 0 3px!important}.ts-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #eeeef2;font-size:12px;color:#8b8f98}.ts-auth-links a{color:#6d28d9;text-decoration:none;font-weight:800}.ts-auth-links a:hover{text-decoration:underline}
.ts-register-benefits{padding:10px 0}.ts-register-benefits h2{font-size:36px!important;margin-bottom:28px!important}.ts-benefit-list{display:grid;gap:18px}.ts-benefit-list>div{display:flex;gap:15px;align-items:flex-start}.ts-benefit-list b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#f3efff;color:#7c3aed;font-size:11px}.ts-benefit-list span{display:grid;gap:4px}.ts-benefit-list strong{font-size:14px;color:#111827}.ts-benefit-list small{font-size:12px;color:#6b7280;line-height:1.8}
@media(max-width:850px){.ts-auth-shell,.ts-auth-shell-register{grid-template-columns:1fr;gap:30px;max-width:600px}.ts-auth-brand-side{padding:0;text-align:center}.ts-auth-brand-side>p:not(.ts-eyebrow){margin-inline:auto}.ts-auth-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.ts-auth-points span{background:#fff;border:1px solid #eeeef2;border-radius:10px;padding:9px 11px;font-size:11px}.ts-register-benefits{text-align:center}.ts-benefit-list{text-align:right}}
@media(max-width:520px){.ts-auth-page{padding:38px 16px 58px!important}.ts-auth-card{padding:24px 18px;border-radius:21px}.ts-auth-card-head{align-items:flex-start}.ts-auth-card h1,.ts-auth-card h2{font-size:21px!important}.ts-auth-brand-side h1{font-size:34px!important}.ts-register-benefits h2{font-size:30px!important}.ts-auth-links{flex-direction:column;align-items:center;text-align:center}}

/* =========================================================
   TimeSee — Customer Dashboard v1
   ========================================================= */
.ts-dashboard-page{padding:54px 0 80px;}
.ts-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;}
.ts-dashboard-head h1{margin:.2rem 0 .5rem;font-size:clamp(2rem,4vw,3rem);}
.ts-dashboard-head p:not(.ts-section-kicker){margin:0;color:var(--timesee-muted);}
.ts-dashboard-primary{background:var(--timesee-purple)!important;color:#fff!important;text-decoration:none!important;padding:13px 22px!important;border-radius:13px!important;font-weight:800!important;white-space:nowrap;}
.ts-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.ts-dashboard-stats article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--timesee-border);border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(17,24,39,.045);}
.ts-stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f5f3ff;color:var(--timesee-purple);font-size:20px;font-weight:800;}
.ts-dashboard-stats small,.ts-dashboard-stats em{display:block;color:var(--timesee-muted);font-style:normal;font-size:12px;}
.ts-dashboard-stats strong{display:block;color:var(--timesee-black);font-size:24px;line-height:1.35;margin:2px 0;}
.ts-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:22px;align-items:start;}
.ts-dashboard-panel{background:#fff;border:1px solid var(--timesee-border);border-radius:22px;box-shadow:var(--timesee-shadow);overflow:hidden;}
.ts-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid #f0f0f2;}
.ts-panel-head h2{margin:0 0 4px;font-size:20px;}.ts-panel-head p{margin:0;color:var(--timesee-muted);font-size:13px}.ts-panel-head>a{color:var(--timesee-purple);font-weight:700;font-size:13px;text-decoration:none;}
.ts-appointment-list article{display:grid;grid-template-columns:58px minmax(0,1fr) auto 32px;align-items:center;gap:15px;padding:18px 26px;border-bottom:1px solid #f1f1f3;}.ts-appointment-list article:last-child{border-bottom:0}
.ts-date-box{width:54px;height:58px;border-radius:14px;background:#faf9ff;border:1px solid #e9e3ff;display:grid;place-items:center;align-content:center}.ts-date-box b{font-size:19px;color:var(--timesee-black)}.ts-date-box span{font-size:11px;color:var(--timesee-purple);font-weight:700}
.ts-appointment-info h3{margin:0 0 5px;font-size:15px}.ts-appointment-info p{margin:0;color:var(--timesee-muted);font-size:12px}.ts-status{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.ts-status.confirmed{background:#ecfdf5;color:#047857}.ts-status.pending{background:#fffbeb;color:#b45309}.ts-more{border:0;background:transparent;color:#9ca3af;cursor:pointer;font-weight:900;letter-spacing:2px}
.ts-profile-card{padding-bottom:22px}.ts-profile-top{display:flex;align-items:center;gap:14px;padding:24px 24px 18px}.ts-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--timesee-purple),#8b5cf6);color:#fff;font-size:22px;font-weight:900}.ts-profile-top h2{margin:0 0 3px;font-size:19px}.ts-profile-top p{margin:0;color:var(--timesee-muted);font-size:12px}.ts-profile-lines{padding:4px 24px}.ts-profile-lines div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #f1f1f3}.ts-profile-lines span{color:var(--timesee-muted);font-size:12px}.ts-profile-lines b{font-size:12px;color:var(--timesee-black);text-align:left}.ts-profile-button{display:block;margin:18px 24px 0;text-align:center;padding:11px;border:1px solid #ddd6fe;border-radius:12px;color:var(--timesee-purple);font-size:13px;font-weight:800;text-decoration:none;background:#faf9ff}.ts-profile-button:hover{background:#f5f3ff}
.ts-quick-actions{margin-top:22px}.ts-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px 24px}.ts-action-grid a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #eeeef1;border-radius:15px;text-decoration:none;transition:.2s ease;background:#fff}.ts-action-grid a:hover{border-color:#d8cdfc;background:#faf9ff;transform:translateY(-2px)}.ts-action-grid a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f5f3ff;color:var(--timesee-purple);font-size:18px;font-weight:900}.ts-action-grid b,.ts-action-grid small{display:block}.ts-action-grid b{font-size:13px;color:var(--timesee-black)}.ts-action-grid small{font-size:11px;color:var(--timesee-muted);margin-top:3px}.ts-dashboard-notice{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px 18px;border:1px solid #e9e3ff;background:#faf9ff;border-radius:15px;color:#5b21b6}.ts-dashboard-notice span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ede9fe;font-weight:900}.ts-dashboard-notice p{margin:0;font-size:12px}.ts-dashboard-notice strong{color:var(--timesee-black)}
@media(max-width:900px){.ts-dashboard-stats{grid-template-columns:repeat(2,1fr)}.ts-dashboard-grid{grid-template-columns:1fr}.ts-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ts-dashboard-page{padding:32px 0 55px}.ts-dashboard-head{align-items:flex-start;flex-direction:column}.ts-dashboard-primary{width:100%;text-align:center}.ts-dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.ts-dashboard-stats article{padding:14px;gap:9px}.ts-stat-icon{width:38px;height:38px}.ts-dashboard-stats strong{font-size:19px}.ts-appointment-list article{grid-template-columns:50px minmax(0,1fr) 28px;padding:15px}.ts-appointment-list .ts-status{grid-column:2;justify-self:start}.ts-more{grid-column:3;grid-row:1}.ts-action-grid{grid-template-columns:1fr;padding:15px}.ts-panel-head{padding:19px}.ts-profile-lines{padding:4px 19px}.ts-profile-button{margin-left:19px;margin-right:19px}}

/* =========================================================
   TimeSee — Client Area v1 / Step 9
   ========================================================= */
.ts-client-page{padding:58px 20px 80px;min-height:70vh}.ts-client-wrap{width:min(1120px,100%);margin:auto}.ts-client-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ts-client-head h1{margin:4px 0 8px;font-size:clamp(2rem,4vw,3rem)}.ts-client-head p:not(.ts-section-kicker){margin:0;color:var(--timesee-muted)}.ts-section-kicker{margin:0;color:var(--timesee-purple);font-size:12px;font-weight:900;letter-spacing:.04em}.ts-filter-bar{display:flex;gap:6px;padding:6px;background:#f8f8fa;border:1px solid #ededf0;border-radius:14px;width:max-content;margin-bottom:18px}.ts-filter-bar a{padding:9px 15px;border-radius:10px;text-decoration:none;color:var(--timesee-muted);font-size:13px;font-weight:800}.ts-filter-bar a.active{background:#fff;color:var(--timesee-purple);box-shadow:0 4px 12px rgba(17,24,39,.06)}.ts-filter-bar b{margin-right:5px;font-size:10px}.ts-client-panel{background:#fff;border:1px solid #eeeef2;border-radius:20px;box-shadow:var(--timesee-shadow);overflow:hidden}.ts-appointment-full-list{display:grid}.ts-full-appointment{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 26px;border-top:1px solid #f1f1f3}.ts-full-appointment:first-child{border-top:0}.ts-big-date{width:68px;height:72px;border-radius:17px;background:#faf9ff;border:1px solid #e9e3ff;display:grid;place-items:center;align-content:center}.ts-big-date b{font-size:25px;color:var(--timesee-black)}.ts-big-date span{font-size:11px;color:var(--timesee-purple);font-weight:800}.ts-full-info{min-width:0}.ts-full-info h3{margin:8px 0 3px;font-size:16px}.ts-full-info p{margin:0 0 8px;color:var(--timesee-muted);font-size:12px}.ts-full-info>div{display:flex;gap:8px;color:#6b7280;font-size:12px}.ts-outline-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #ddd6fe;border-radius:11px;background:#faf9ff;color:var(--timesee-purple);text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.ts-outline-button:hover{background:#f5f3ff;color:var(--timesee-purple-dark)}.ts-empty-history{margin-top:20px;padding:35px;text-align:center;border:1px dashed #ddd6fe;border-radius:20px;background:rgba(250,249,255,.7)}.ts-empty-icon{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;background:#ede9fe;color:var(--timesee-purple);font-weight:900}.ts-empty-history h2{font-size:17px;margin:0 0 5px}.ts-empty-history p{margin:0;color:var(--timesee-muted);font-size:12px}
.ts-detail-wrap{max-width:1050px}.ts-back-link{display:inline-block;margin-bottom:18px;color:var(--timesee-muted);text-decoration:none;font-size:13px;font-weight:700}.ts-back-link:hover{color:var(--timesee-purple)}.ts-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:20px}.ts-detail-card{padding:28px}.ts-detail-top{display:flex;justify-content:space-between;gap:20px}.ts-detail-top h1{font-size:30px;margin:10px 0 5px}.ts-detail-top p{margin:0;color:var(--timesee-muted)}.ts-detail-symbol{width:60px;height:60px;border-radius:18px;background:#f5f3ff;color:var(--timesee-purple);display:grid;place-items:center;font-size:25px}.ts-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.ts-detail-info-grid div{padding:15px;border:1px solid #f0f0f2;border-radius:14px;background:#fcfcfd}.ts-detail-info-grid span{display:block;color:var(--timesee-muted);font-size:11px;margin-bottom:6px}.ts-detail-info-grid b{font-size:13px}.ts-detail-divider{height:1px;background:#eeeef2;margin:25px 0}.ts-detail-provider{display:flex;align-items:center;gap:13px}.ts-detail-provider .ts-avatar{flex:0 0 auto}.ts-detail-provider span{font-size:11px;color:var(--timesee-muted)}.ts-detail-provider h3{font-size:14px;margin:3px 0}.ts-detail-provider p{font-size:11px;color:var(--timesee-muted);margin:0}.ts-detail-provider>a{margin-right:auto;color:var(--timesee-purple);font-size:12px;font-weight:800;text-decoration:none}.ts-detail-actions{display:flex;gap:10px;margin-top:25px}.ts-danger-button{border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:11px;padding:10px 15px;font-weight:800;cursor:pointer}.ts-danger-button:hover{background:#fef2f2}.ts-cancel-box{margin-top:18px;padding:18px;border:1px solid #fecaca;background:#fff7f7;border-radius:15px}.ts-cancel-box strong{font-size:14px}.ts-cancel-box p{font-size:12px;color:#6b7280;line-height:1.8}.ts-cancel-box div{display:flex;gap:8px}.ts-cancel-link{border:0;background:transparent;cursor:pointer;font-weight:800;color:#6b7280}.ts-detail-side{padding:25px}.ts-detail-side h2{font-size:17px;margin:0 0 18px}.ts-detail-side>div{display:flex;gap:11px;margin-bottom:17px}.ts-detail-side>div>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:#f5f3ff;color:var(--timesee-purple);font-size:11px;font-weight:900}.ts-detail-side p{margin:0;font-size:12px;color:#6b7280;line-height:1.8}.ts-detail-side>a{display:block;margin-top:22px;color:var(--timesee-purple);font-size:12px;font-weight:800;text-decoration:none}
.ts-profile-edit-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px}.ts-profile-edit{padding:28px}.ts-edit-avatar{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #eeeef2;margin-bottom:24px}.ts-edit-avatar>span{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--timesee-purple),#8b5cf6);color:#fff;font-size:22px;font-weight:900}.ts-edit-avatar h2{font-size:18px;margin:0 0 3px}.ts-edit-avatar p{font-size:11px;color:var(--timesee-muted);margin:0}.ts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ts-form-grid label{font-size:12px;font-weight:800;color:var(--timesee-black)}.ts-form-grid input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:0 13px}.ts-form-actions{display:flex;align-items:center;gap:15px;margin-top:24px}.ts-form-actions a{color:#6b7280;font-size:12px;font-weight:800;text-decoration:none}.ts-account-security{padding:25px}.ts-account-security h2{font-size:17px;margin:0 0 15px}.ts-account-security>div{padding:14px 0;border-bottom:1px solid #f1f1f3}.ts-account-security span{display:block;font-size:11px;color:var(--timesee-muted);margin-bottom:5px}.ts-account-security b{font-size:12px}.ts-account-security .ts-outline-button{margin-top:18px;width:100%;box-sizing:border-box}.ts-account-security>p{font-size:11px;color:var(--timesee-muted);line-height:1.8}
@media(max-width:850px){.ts-client-head{align-items:flex-start;flex-direction:column}.ts-detail-grid,.ts-profile-edit-grid{grid-template-columns:1fr}.ts-full-appointment{grid-template-columns:62px minmax(0,1fr)}.ts-full-appointment .ts-outline-button{grid-column:2;justify-self:start}.ts-big-date{width:60px}.ts-detail-side{display:none}}
@media(max-width:600px){.ts-client-page{padding:34px 15px 55px}.ts-filter-bar{width:100%;overflow:auto}.ts-filter-bar a{white-space:nowrap}.ts-full-appointment{padding:17px 15px;gap:13px}.ts-full-info h3{font-size:14px}.ts-full-appointment .ts-outline-button{width:100%}.ts-detail-card,.ts-profile-edit,.ts-account-security{padding:19px}.ts-detail-top h1{font-size:23px}.ts-detail-info-grid{grid-template-columns:1fr}.ts-detail-actions{flex-direction:column}.ts-detail-actions>*{width:100%;box-sizing:border-box;text-align:center}.ts-form-grid{grid-template-columns:1fr}.ts-form-actions{flex-direction:column;align-items:stretch}.ts-form-actions>*{text-align:center}}

/* =========================================================
   TimeSee — Employer Dashboard / Step 10
   ========================================================= */
.ts-employer-page{padding:42px 20px 80px;min-height:70vh}
.ts-employer-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;direction:rtl}
.ts-employer-sidebar{background:#fff;border:1px solid var(--timesee-border);border-radius:22px;padding:18px;box-shadow:var(--timesee-shadow);height:max-content;position:sticky;top:95px}
.ts-employer-brand{display:flex;align-items:center;gap:11px;padding:8px 8px 20px;border-bottom:1px solid #f0f0f0;margin-bottom:14px}
.ts-employer-brand .logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#111827);color:#fff;display:grid;place-items:center;font-weight:800}
.ts-employer-brand strong{display:block;color:#111827}.ts-employer-brand small{color:#8b8f98}
.ts-employer-nav{display:grid;gap:6px}.ts-employer-nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;color:#4b5563;text-decoration:none;font-weight:600;font-size:14px}.ts-employer-nav a:hover,.ts-employer-nav a.active{background:#f3efff;color:#6d28d9}.ts-employer-nav .ico{width:24px;text-align:center}
.ts-employer-side-card{margin-top:18px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#faf8ff,#fff);border:1px solid #eee9ff}.ts-employer-side-card small{color:#6b7280}.ts-employer-side-card a{display:block;margin-top:9px;color:#6d28d9;font-weight:700;text-decoration:none}
.ts-employer-main{min-width:0}.ts-employer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.ts-employer-top h1{margin:0 0 6px;font-size:clamp(1.8rem,3vw,2.5rem)}.ts-employer-top p{margin:0;color:#6b7280}.ts-employer-actions{display:flex;gap:10px;flex-wrap:wrap}.ts-employer-actions a{text-decoration:none}
.ts-employer-primary{background:#7c3aed!important;color:#fff!important;border:0!important}.ts-employer-secondary{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}
.ts-employer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.ts-employer-stat{background:#fff;border:1px solid var(--timesee-border);border-radius:18px;padding:19px;box-shadow:0 8px 28px rgba(17,24,39,.045)}.ts-employer-stat .icon{width:42px;height:42px;border-radius:13px;background:#f3efff;color:#6d28d9;display:grid;place-items:center;font-weight:800;margin-bottom:14px}.ts-employer-stat small{display:block;color:#6b7280;margin-bottom:5px}.ts-employer-stat strong{font-size:1.55rem;color:#111827}.ts-employer-stat em{display:block;font-size:12px;color:#9ca3af;font-style:normal;margin-top:4px}
.ts-employer-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px}.ts-employer-panel{background:#fff;border:1px solid var(--timesee-border);border-radius:20px;box-shadow:0 8px 28px rgba(17,24,39,.045);padding:20px;margin-bottom:18px}.ts-employer-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.ts-employer-panel-head h2{font-size:1.2rem;margin:0 0 4px}.ts-employer-panel-head p{font-size:13px;color:#6b7280;margin:0}.ts-employer-panel-head a{color:#6d28d9;text-decoration:none;font-size:13px;font-weight:700}
.ts-today-list{display:grid;gap:9px}.ts-today-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid #f0f0f0;border-radius:15px}.ts-time{font-weight:800;color:#111827}.ts-today-item h3{font-size:15px;margin:0 0 3px}.ts-today-item p{font-size:12px;color:#6b7280;margin:0}.ts-client-avatar{width:38px;height:38px;border-radius:12px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-weight:800}.ts-status{font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px}.ts-status.confirmed{background:#ecfdf5;color:#047857}.ts-status.pending{background:#fffbeb;color:#b45309}
.ts-business-card{background:linear-gradient(145deg,#171717,#262036);color:#fff;border:0}.ts-business-card h2{color:#fff}.ts-business-card p{color:#d1d5db}.ts-business-link{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:11px 12px;border-radius:12px;margin:15px 0;color:#fff;word-break:break-all;font-size:12px}.ts-copy-link{display:inline-flex!important;text-decoration:none!important;color:#c4b5fd!important;font-weight:700;font-size:13px}
.ts-service-list{display:grid;gap:10px}.ts-service{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #f0f0f0;border-radius:14px}.ts-service b{display:block;font-size:14px}.ts-service small{color:#6b7280}.ts-service-price{font-weight:800;color:#6d28d9;white-space:nowrap}
.ts-employer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ts-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ts-quick-grid a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #eee;border-radius:14px;text-decoration:none;color:#111827}.ts-quick-grid a:hover{border-color:#d8ccff;background:#faf8ff}.ts-quick-grid span{width:34px;height:34px;border-radius:10px;background:#f3efff;color:#6d28d9;display:grid;place-items:center}.ts-quick-grid small{display:block;color:#6b7280;font-size:11px;margin-top:2px}
@media(max-width:1000px){.ts-employer-shell{grid-template-columns:1fr}.ts-employer-sidebar{position:static}.ts-employer-nav{grid-template-columns:repeat(4,1fr)}.ts-employer-side-card{display:none}.ts-employer-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ts-employer-page{padding:25px 14px 55px}.ts-employer-top{align-items:flex-start;flex-direction:column}.ts-employer-actions{width:100%}.ts-employer-actions a{flex:1;text-align:center}.ts-employer-nav{grid-template-columns:repeat(2,1fr)}.ts-employer-grid,.ts-employer-bottom{grid-template-columns:1fr}.ts-employer-stats{grid-template-columns:1fr 1fr;gap:10px}.ts-employer-stat{padding:14px}.ts-today-item{grid-template-columns:60px minmax(0,1fr)}.ts-today-item .ts-status{grid-column:2;justify-self:start}.ts-quick-grid{grid-template-columns:1fr}}

/* TimeSee Step 11 — public employer profile */
.ts-provider-page{background:linear-gradient(180deg,#fff 0%,#fbfaff 52%,#fff 100%);min-height:100vh;color:#111827}.ts-container{width:min(1160px,calc(100% - 32px));margin:auto}.ts-provider-hero{padding:72px 0 44px;background:radial-gradient(circle at 82% 20%,rgba(124,58,237,.10),transparent 34%),radial-gradient(circle at 15% 0,rgba(124,58,237,.06),transparent 30%)}.ts-provider-hero .ts-container{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.ts-provider-avatar{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#111827);color:#fff;font-weight:800;font-size:24px;box-shadow:0 18px 45px rgba(124,58,237,.2)}.ts-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#7c3aed}.ts-provider-copy h1,.ts-panel h2{margin:.35rem 0 .5rem}.ts-provider-copy p{margin:0;color:#6b7280;line-height:1.9}.ts-provider-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:#6b7280;font-size:13px}.ts-provider-actions{display:flex;gap:10px;flex-wrap:wrap}.ts-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 18px;text-decoration:none;font-weight:800;cursor:pointer}.ts-btn-dark{background:#111827;color:#fff}.ts-btn-light{background:#fff;color:#111827;border:1px solid #e5e7eb}.ts-btn-purple{background:#7c3aed;color:#fff}.ts-provider-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px;padding:10px 0 80px}.ts-provider-main,.ts-provider-side{display:grid;gap:22px;align-content:start}.ts-panel{background:rgba(255,255,255,.92);border:1px solid #eeeaf8;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(17,24,39,.055)}.ts-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ts-count{font-size:12px;color:#6b7280;background:#f5f3ff;padding:7px 10px;border-radius:999px}.ts-service-list{display:grid;gap:12px}.ts-service-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid #eeeaf8;border-radius:18px;transition:.2s}.ts-service-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(124,58,237,.08)}.ts-service-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f3efff;color:#7c3aed;font-size:20px}.ts-service-card h3{margin:0 0 4px}.ts-service-card p{margin:0 0 7px;color:#6b7280;font-size:13px}.ts-service-card strong{font-size:12px;color:#7c3aed}.ts-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ts-days button,.ts-slots button{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:11px;cursor:pointer}.ts-days button.is-active{background:#111827;color:#fff;border-color:#111827}.ts-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.ts-slots button:hover{border-color:#7c3aed;color:#7c3aed}.ts-panel p{color:#6b7280;line-height:1.9}.ts-info-row{display:flex;gap:10px;padding:13px 0;border-top:1px solid #f1f1f5;color:#4b5563}.ts-share-link{background:#f8f7fb;border:1px dashed #ddd6fe;padding:12px;border-radius:12px;font-size:12px;direction:ltr;text-align:left;margin:14px 0}.ts-qr-placeholder{margin:18px auto 0;width:150px;height:150px;border-radius:18px;background:repeating-linear-gradient(45deg,#111827 0 4px,#fff 4px 8px);display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.ts-qr-placeholder small{font-weight:600;font-size:9px}.ts-share-panel .ts-btn{width:100%}@media(max-width:820px){.ts-provider-hero .ts-container{grid-template-columns:auto 1fr}.ts-provider-actions{grid-column:1/-1}.ts-provider-grid{grid-template-columns:1fr}.ts-service-card{grid-template-columns:auto 1fr}.ts-service-card .ts-btn{grid-column:2;justify-self:start}.ts-slots{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ts-provider-hero{padding-top:42px}.ts-provider-hero .ts-container{grid-template-columns:1fr}.ts-provider-avatar{width:68px;height:68px}.ts-provider-actions{grid-column:auto}.ts-provider-actions .ts-btn{flex:1}.ts-panel{padding:20px}.ts-days{grid-template-columns:repeat(2,1fr)}}

/* Step 11: Public employer profile / booking landing */
.ts-provider-page{background:linear-gradient(180deg,#fff 0%,#fbfaff 52%,#fff 100%);min-height:100vh;color:#111827}.ts-container{width:min(1160px,calc(100% - 32px));margin:auto}.ts-provider-hero{padding:72px 0 44px;background:radial-gradient(circle at 82% 20%,rgba(124,58,237,.10),transparent 34%),radial-gradient(circle at 15% 0,rgba(124,58,237,.06),transparent 30%)}.ts-provider-hero .ts-container{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.ts-provider-avatar{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#111827);color:#fff;font-weight:800;font-size:24px;box-shadow:0 18px 45px rgba(124,58,237,.2)}.ts-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#7c3aed}.ts-provider-copy h1,.ts-panel h2{margin:.35rem 0 .5rem}.ts-provider-copy p{margin:0;color:#6b7280;line-height:1.9}.ts-provider-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:#6b7280;font-size:13px}.ts-provider-actions{display:flex;gap:10px;flex-wrap:wrap}.ts-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 18px;text-decoration:none;font-weight:800;cursor:pointer}.ts-btn-dark{background:#111827;color:#fff}.ts-btn-light{background:#fff;color:#111827;border:1px solid #e5e7eb}.ts-btn-purple{background:#7c3aed;color:#fff}.ts-provider-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px;padding:10px 0 80px}.ts-provider-main,.ts-provider-side{display:grid;gap:22px;align-content:start}.ts-panel{background:rgba(255,255,255,.92);border:1px solid #eeeaf8;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(17,24,39,.055)}.ts-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ts-count{font-size:12px;color:#6b7280;background:#f5f3ff;padding:7px 10px;border-radius:999px}.ts-service-list{display:grid;gap:12px}.ts-service-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid #eeeaf8;border-radius:18px;transition:.2s}.ts-service-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(124,58,237,.08)}.ts-service-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f3efff;color:#7c3aed;font-size:20px}.ts-service-card h3{margin:0 0 4px}.ts-service-card p{margin:0 0 7px;color:#6b7280;font-size:13px}.ts-service-card strong{font-size:12px;color:#7c3aed}.ts-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ts-days button,.ts-slots button{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:11px;cursor:pointer}.ts-days button.is-active{background:#111827;color:#fff;border-color:#111827}.ts-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.ts-slots button:hover{border-color:#7c3aed;color:#7c3aed}.ts-panel p{color:#6b7280;line-height:1.9}.ts-info-row{display:flex;gap:10px;padding:13px 0;border-top:1px solid #f1f1f5;color:#4b5563}.ts-share-link{background:#f8f7fb;border:1px dashed #ddd6fe;padding:12px;border-radius:12px;font-size:12px;direction:ltr;text-align:left;margin:14px 0}.ts-share-panel .ts-btn{width:100%}.ts-qr-placeholder{margin:18px auto 0;width:150px;height:150px;border-radius:18px;background:repeating-linear-gradient(45deg,#111827 0 4px,#fff 4px 8px);display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.ts-qr-placeholder small{font-weight:600;font-size:9px}@media(max-width:820px){.ts-provider-hero .ts-container{grid-template-columns:auto 1fr}.ts-provider-actions{grid-column:1/-1}.ts-provider-grid{grid-template-columns:1fr}.ts-service-card{grid-template-columns:auto 1fr}.ts-service-card .ts-btn{grid-column:2;justify-self:start}.ts-slots{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ts-provider-hero{padding-top:42px}.ts-provider-hero .ts-container{grid-template-columns:1fr}.ts-provider-avatar{width:68px;height:68px}.ts-provider-actions{grid-column:auto}.ts-provider-actions .ts-btn{flex:1}.ts-panel{padding:20px}.ts-days{grid-template-columns:repeat(2,1fr)}}

/* ===== STEP 12: SERVICES + BOOKING ===== */
.ts-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:48px auto 24px}.ts-page-head h1,.ts-booking-head h1{margin:.35rem 0 .55rem;font-size:clamp(2rem,4vw,3rem);color:#111827}.ts-page-head p,.ts-booking-head p{margin:0;color:#6b7280;line-height:1.9}.ts-service-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;padding-bottom:80px}.ts-managed-services{display:grid;gap:12px}.ts-managed-service{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #eeeaf8;border-radius:18px;padding:16px}.ts-managed-service .icon{width:46px;height:46px;border-radius:14px;background:#f3efff;color:#7c3aed;display:grid;place-items:center;font-weight:900}.ts-managed-service h3{margin:0 0 4px}.ts-managed-service p{margin:0;color:#6b7280;font-size:13px}.ts-managed-service .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:12px;color:#7c3aed}.ts-service-actions{display:flex;gap:7px;flex-wrap:wrap}.ts-mini-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.ts-mini-btn:hover{border-color:#c4b5fd;color:#6d28d9}.ts-mini-btn.danger:hover{border-color:#fecaca;color:#dc2626}.ts-service-tips{height:max-content}.ts-tip{padding:14px 0;border-top:1px solid #f0eff5}.ts-tip b{display:block}.ts-tip span{display:block;color:#6b7280;font-size:13px;margin-top:4px}.ts-empty{padding:36px 18px;text-align:center;color:#6b7280;border:1px dashed #ddd6fe;border-radius:18px;background:#faf8ff}.ts-service-modal{position:fixed;inset:0;background:rgba(17,24,39,.45);display:grid;place-items:center;padding:20px;z-index:99999}.ts-service-modal[hidden]{display:none}.ts-modal-card{width:min(560px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.ts-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ts-modal-head h2{margin:0}.ts-close{border:0;background:#f3f4f6;width:38px;height:38px;border-radius:12px;cursor:pointer;font-size:20px}.ts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ts-form-grid label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#374151}.ts-form-grid .full{grid-column:1/-1}.ts-form-grid input,.ts-form-grid textarea,.ts-service-modal input,.ts-service-modal textarea,.ts-service-modal select{width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}.ts-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ts-booking-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fbfaff 50%,#fff)}.ts-booking-head{text-align:center;padding:54px 0 25px}.ts-booking-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 24px;color:#9ca3af}.ts-booking-steps span{display:flex;align-items:center;gap:7px;font-size:13px}.ts-booking-steps span.active{color:#7c3aed;font-weight:800}.ts-booking-steps i{width:48px;height:1px;background:#e5e7eb}.ts-booking-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);gap:20px;padding-bottom:80px}.ts-booking-step .ts-btn{margin-top:20px}.ts-booking-services{display:grid;gap:12px}.ts-booking-service{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #eeeaf8;border-radius:18px;cursor:pointer;transition:.2s}.ts-booking-service:hover,.ts-booking-service.selected{border-color:#a78bfa;background:#faf8ff;box-shadow:0 10px 28px rgba(124,58,237,.07)}.ts-booking-service h3{margin:0 0 4px}.ts-booking-service p{margin:0;color:#6b7280;font-size:13px}.ts-booking-service .price{color:#7c3aed;font-weight:900;white-space:nowrap}.ts-booking-service .radio{width:22px;height:22px;border:2px solid #d1d5db;border-radius:50%;display:grid;place-items:center}.ts-booking-service.selected .radio{border-color:#7c3aed}.ts-booking-service.selected .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:#7c3aed}.ts-booking-slots{margin-bottom:8px}.ts-booking-slots button.selected{background:#7c3aed;color:#fff;border-color:#7c3aed}.ts-live-summary{display:grid;gap:0}.ts-live-summary>div{padding:15px 0;border-top:1px solid #f0eff5}.ts-live-summary small{display:block;color:#9ca3af;font-size:11px;margin-bottom:5px}.ts-live-summary strong{display:block;color:#111827}.ts-booking-summary{display:grid;gap:10px;padding:18px;background:#faf8ff;border:1px solid #eee9ff;border-radius:18px}.ts-booking-summary div{display:flex;justify-content:space-between;gap:15px}.ts-booking-summary span{color:#6b7280}.ts-booking-summary strong{color:#111827}.ts-booking-success{text-align:center;padding:55px 20px}.ts-success-icon{width:70px;height:70px;border-radius:22px;background:#ecfdf5;color:#059669;display:grid;place-items:center;margin:0 auto 16px;font-size:30px;font-weight:900}.ts-booking-success p{max-width:550px;margin:0 auto 22px;color:#6b7280;line-height:1.9}.ts-booking-success .ts-btn{margin:0 auto}
@media(max-width:800px){.ts-page-head{align-items:flex-start;flex-direction:column}.ts-service-layout,.ts-booking-grid{grid-template-columns:1fr}.ts-form-grid{grid-template-columns:1fr}.ts-form-grid .full{grid-column:auto}.ts-booking-steps i{width:18px}.ts-booking-steps b{display:none}.ts-managed-service{grid-template-columns:auto 1fr}.ts-service-actions{grid-column:2}}
@media(max-width:520px){.ts-page-head,.ts-booking-head{padding-top:28px}.ts-page-head .ts-btn{width:100%}.ts-panel{padding:20px}.ts-managed-service{grid-template-columns:1fr}.ts-managed-service .icon{display:none}.ts-service-actions{grid-column:auto}.ts-service-actions button{flex:1}.ts-booking-service{align-items:flex-start}.ts-booking-service .price{font-size:12px}.ts-booking-steps{gap:5px}}


/* ===== STEP 13: REAL BOOKING INTEGRATION ===== */
.ts-public-booking{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(124,58,237,.08),transparent 35%),#fff;padding:28px 0 50px;color:#111827}.ts-public-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ts-brand{font-weight:900;font-size:24px;color:#111827;text-decoration:none}.ts-public-top span{font-size:13px;color:#667085}.ts-public-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.ts-public-hero h1{font-size:clamp(32px,5vw,52px);margin:8px 0}.ts-public-hero p{color:#667085;max-width:650px;line-height:2}.ts-public-badge{background:#f3e8ff;color:#6d28d9;border-radius:999px;padding:10px 14px;font-weight:700}.ts-public-card{background:#fff;border:1px solid #ececf2;border-radius:28px;box-shadow:0 20px 60px rgba(17,24,39,.08);padding:28px}.ts-public-footer{text-align:center;color:#98a2b3;font-size:13px;margin-top:20px}.ts13-step h2{margin-top:0}.ts13-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ts13-service{border:1px solid #e4e7ec;background:#fff;border-radius:18px;padding:18px;text-align:right;display:flex;justify-content:space-between;gap:15px;cursor:pointer;transition:.2s}.ts13-service:hover,.ts13-service.selected{border-color:#7c3aed;box-shadow:0 8px 24px rgba(124,58,237,.12)}.ts13-service small{display:block;color:#667085;margin-top:7px;line-height:1.8}.ts13-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.ts13-slots button{border:1px solid #e4e7ec;background:#fff;padding:12px;border-radius:12px;cursor:pointer}.ts13-slots button.selected{background:#7c3aed;color:#fff;border-color:#7c3aed}.ts13-date{width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:12px;margin:15px 0;box-sizing:border-box}.ts13-summary{background:#f8f7ff;border-radius:16px;padding:18px;margin-bottom:18px}.ts13-summary div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ece9ff}.ts13-summary div:last-child{border-bottom:0}.ts13-success{text-align:center;padding:40px 10px}.ts13-error{padding:12px;background:#fef3f2;color:#b42318;border-radius:12px}.ts13-service strong{white-space:nowrap}.ts-muted{color:#667085}@media(max-width:700px){.ts-public-hero{display:block}.ts-public-badge{display:inline-block}.ts13-services{grid-template-columns:1fr}.ts13-slots{grid-template-columns:repeat(3,1fr)}.ts-public-card{padding:18px}.ts-public-top{margin-bottom:18px}}