/* APP-V2-SKIN (2026-10-08): restyles every existing app page in the v2 "bold but calm" look.
   Only active when <body class="um-v2">. High-specificity selectors are needed because older
   stylesheets (rebrand-app.css, brand-lock.js, pc-theme.css) use !important widely. */

/* 1. Palette: swap the old warm/beige tokens for the v2 cool greys */
html body.um-v2{
  --bg:#F7F6FB!important; --bg-2:#FFFFFF!important; --surface:#FFFFFF!important; --surface-2:#EFEDF5!important;
  --ink:#16141F!important; --ink-2:#4A4857!important; --ink-3:#625F70!important; --ink-soft:#625F70!important;
  --text-heading:#16141F!important; --text-primary:#16141F!important; --text-secondary:#4A4857!important; --text-muted:#625F70!important;
  --line:#E4E1EE!important; --line-strong:#D9D5E5!important; --border:#E4E1EE!important; --border-hover:#D9D5E5!important; --border-strong:#D9D5E5!important;
  --bg-base:#F7F6FB!important; --bg-surface:#FFFFFF!important; --bg-card:#FFFFFF!important; --bg-elevated:#FFFFFF!important; --bg-hover:#F7F6FB!important; --bg-input:#FFFFFF!important;
  --accent:#7C3AED!important; --accent-soft:#F3EEFF!important; --accent-hover:#5B21B6!important; --accent-dim:#F3EEFF!important;
  --violet:#7C3AED!important; --violet-2:#5B21B6!important; --violet-soft:#F3EEFF!important; --violet-ink:#5B21B6!important;
  --primary:#7C3AED!important; --purple:#7C3AED!important; --purple-light:#7C3AED!important;
  --c:#7C3AED; --d:#5B21B6; --t:#F3EEFF;
  background:#F7F6FB!important; color:#16141F; font-family:Inter,system-ui,sans-serif!important; font-size:14px; -webkit-font-smoothing:antialiased;
}
html body.um-v2[data-area="win"]{--c:#7C3AED;--d:#5B21B6;--t:#F3EEFF}
html body.um-v2[data-area="talk"]{--c:#2563EB;--d:#1E40AF;--t:#EFF3FE}
html body.um-v2[data-area="run"]{--c:#047857;--d:#065F46;--t:#E9F7EC}
html body.um-v2[data-area="paid"]{--c:#0891B2;--d:#155E75;--t:#E0F7FA}
html body.um-v2[data-area="grow"]{--c:#E11D74;--d:#9D174D;--t:#FCE7F3}
html body.um-v2[data-area="settings"]{--c:#625F70;--d:#16141F;--t:#EFEDF5}

html body.um-v2 .main-wrap,html body.um-v2 main.page-content{background:#F7F6FB!important}
html body.um-v2 main.page-content{padding:24px 36px 48px!important;font-family:Inter,system-ui,sans-serif}

/* 2. Top bar: quiet white strip */
html body.um-v2 header.topbar{background:#FFFFFF!important;border-bottom:1px solid #E4E1EE!important;box-shadow:none!important;min-height:64px;padding:10px 36px!important}
html body.um-v2 header.topbar::before,html body.um-v2 header.topbar::after{display:none!important}
html body.um-v2 header.topbar h1.page-title{font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#16141F!important;border:0!important;padding:0!important;box-shadow:none!important}
html body.um-v2 header.topbar h1.page-title::after,html body.um-v2 header.topbar h1.page-title::before{display:none!important}
html body.um-v2 #globalSearchInput{height:40px!important;border-radius:10px!important;border:1px solid #E4E1EE!important;background:#F7F6FB!important;width:260px!important;font-size:14px!important}
html body.um-v2 #themeToggleBtn,html body.um-v2 .topbar-time{display:none!important}
html body.um-v2 #notifBtn{width:40px!important;height:40px!important;border-radius:10px!important;border:1px solid #E4E1EE!important;background:#FFF!important;color:#4A4857!important}
html body.um-v2 #notifBadge{background:#E11D74!important}

/* 3. Page header: area pill, big title */
html body.um-v2 .pc-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 4px!important;gap:16px}
html body.um-v2 .pc-hero-overline{font-size:0!important;letter-spacing:0!important;display:inline-flex!important;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--t)!important;color:var(--d)!important;margin-bottom:8px;width:auto;align-self:flex-start}
html body.um-v2 .pc-hero-overline::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--c);flex:none}
html body.um-v2 .pc-hero-overline::after{font-size:12px;font-weight:700;text-transform:none;letter-spacing:0;content:"Settings"}
html body.um-v2[data-area="win"] .pc-hero-overline::after{content:"Win work"}
html body.um-v2[data-area="talk"] .pc-hero-overline::after{content:"Talk"}
html body.um-v2[data-area="run"] .pc-hero-overline::after{content:"Run the jobs"}
html body.um-v2[data-area="paid"] .pc-hero-overline::after{content:"Get paid"}
html body.um-v2[data-area="grow"] .pc-hero-overline::after{content:"Grow"}
html body.um-v2 .pc-hero-overline *{display:none!important}
html body.um-v2 .pc-hero-overline::before{content:""!important;display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:var(--c)!important;border:0!important;position:static!important;margin:0!important}
html body.um-v2 .pc-hero-overline::after{display:inline!important;font-size:12px!important;font-weight:700!important;color:var(--d)!important;position:static!important;width:auto!important;height:auto!important;border:0!important;background:none!important}
html body.um-v2[data-area="settings"] .pc-hero-overline::after{content:"Settings"!important}
html body.um-v2[data-area="win"] .pc-hero-overline::after{content:"Win work"!important}
html body.um-v2[data-area="talk"] .pc-hero-overline::after{content:"Talk"!important}
html body.um-v2[data-area="run"] .pc-hero-overline::after{content:"Run the jobs"!important}
html body.um-v2[data-area="paid"] .pc-hero-overline::after{content:"Get paid"!important}
html body.um-v2[data-area="grow"] .pc-hero-overline::after{content:"Grow"!important}
html body.um-v2 .pc-hero-text::before,html body.um-v2 .pc-hero-text::after,html body.um-v2 .pc-hero::before,html body.um-v2 .pc-hero::after,html body.um-v2 .pc-hero-meta > *::before,html body.um-v2 .pc-hero-meta > *::after{display:none!important;content:none!important}
html body.um-v2 .pc-hero-meta > *{box-shadow:none!important;outline:0!important;background-image:none!important;border-image:none!important;padding:4px 10px!important}
html body.um-v2 main.page-content .btn,html body.um-v2 main.page-content .pc-btn{clip-path:none!important;border-image:none!important}
html body.um-v2 main.page-content .btn::before,html body.um-v2 main.page-content .btn::after,html body.um-v2 main.page-content .pc-btn::before,html body.um-v2 main.page-content .pc-btn::after{display:none!important}
html body.um-v2 .pc-hero-name,html body.um-v2 main.page-content .page-hero__title,html body.um-v2 main.page-content > h1,html body.um-v2 main.page-content .page-header h1{font-family:Inter,system-ui,sans-serif!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.1!important;color:#16141F!important}
html body.um-v2 .pc-hero-meta > *{background:#EFEDF5!important;border:0!important;color:#4A4857!important;font-weight:600!important;border-radius:999px!important}
html body.um-v2 main.page-content .page-hero__meta{color:var(--d)!important}

/* 4. Cards and figure tiles */
html body.um-v2 main.page-content .card,html body.um-v2 main.page-content .pc-card,html body.um-v2 main.page-content .stat-card,html body.um-v2 main.page-content .kpi-card,html body.um-v2 main.page-content .um-card{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:16px!important;box-shadow:none!important}
html body.um-v2 main.page-content .card-header{background:transparent!important;border-bottom:1px solid #EFEDF5!important}
html body.um-v2 main.page-content .card-title,html body.um-v2 main.page-content .card h3,html body.um-v2 main.page-content .card h2{font-family:Inter,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important;color:#16141F!important}

/* 5. Buttons */
html body.um-v2 main.page-content .btn,html body.um-v2 main.page-content .pc-btn,html body.um-v2 .modal .btn,html body.um-v2 header.topbar .btn{font-family:Inter,system-ui,sans-serif!important;border-radius:10px!important;font-weight:600!important;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-image:none!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
html body.um-v2 main.page-content .btn-sm,html body.um-v2 .modal .btn-sm,html body.um-v2 header.topbar .btn-sm{min-height:34px;font-size:13px!important;border-radius:8px!important}
html body.um-v2 main.page-content .btn-primary,html body.um-v2 main.page-content .pc-btn.primary,html body.um-v2 .modal .btn-primary,html body.um-v2 header.topbar .btn-primary,html body.um-v2 main.page-content button.primary{background:#7C3AED!important;border:1px solid #7C3AED!important;color:#FFFFFF!important;font-weight:700!important}
html body.um-v2 main.page-content .btn-primary:hover,html body.um-v2 main.page-content .pc-btn.primary:hover,html body.um-v2 .modal .btn-primary:hover,html body.um-v2 header.topbar .btn-primary:hover{background:#5B21B6!important;border-color:#5B21B6!important}
html body.um-v2 main.page-content .btn-secondary,html body.um-v2 main.page-content .btn-ghost,html body.um-v2 main.page-content .btn-outline,html body.um-v2 main.page-content .pc-btn:not(.primary),html body.um-v2 .modal .btn-secondary,html body.um-v2 .modal .btn-ghost,html body.um-v2 header.topbar .btn-secondary,html body.um-v2 header.topbar .btn-ghost{background:#FFFFFF!important;border:1px solid #E4E1EE!important;color:#16141F!important}
html body.um-v2 main.page-content .btn-secondary:hover,html body.um-v2 main.page-content .btn-ghost:hover,html body.um-v2 main.page-content .pc-btn:not(.primary):hover{border-color:#D9D5E5!important;background:#F7F6FB!important}
html body.um-v2 main.page-content .btn-danger{background:#FFFFFF!important;border:1px solid #FECACA!important;color:#B91C1C!important}
html body.um-v2 main.page-content .btn-success{background:#BEF264!important;border:1px solid #BEF264!important;color:#16141F!important}

/* 6. Tables: plain header, light row lines, scroll inside their card */
html body.um-v2 main.page-content table{font-family:Inter,system-ui,sans-serif!important;border-radius:16px!important;border:1px solid #E4E1EE!important;box-shadow:none!important;background:#FFFFFF!important;border-collapse:separate!important;border-spacing:0!important}
html body.um-v2 main.page-content table thead th,html body.um-v2 main.page-content table th{background:#FFFFFF!important;color:#625F70!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #EFEDF5!important;padding:12px 10px!important}
html body.um-v2 main.page-content table thead tr:first-child th:first-child{border-top-left-radius:16px}
html body.um-v2 main.page-content table thead tr:first-child th:last-child{border-top-right-radius:16px}
html body.um-v2 main.page-content table td{font-size:14px!important;color:#16141F!important;border-bottom:0!important;border-top:1px solid #EFEDF5!important;padding:12px 10px!important;vertical-align:middle!important}
html body.um-v2 main.page-content table tbody tr:first-child td{border-top:0!important}
html body.um-v2 main.page-content table tbody tr:hover td{background:#FAF8FF!important}
html body.um-v2 main.page-content table th:first-child,html body.um-v2 main.page-content table td:first-child{padding-left:16px!important}
html body.um-v2 main.page-content table th:last-child,html body.um-v2 main.page-content table td:last-child{padding-right:16px!important}
html body.um-v2 main.page-content table a{color:#5B21B6;font-weight:600}

/* 7. Forms */
html body.um-v2 main.page-content input[type="text"],html body.um-v2 main.page-content input[type="email"],html body.um-v2 main.page-content input[type="tel"],html body.um-v2 main.page-content input[type="number"],html body.um-v2 main.page-content input[type="search"],html body.um-v2 main.page-content input[type="url"],html body.um-v2 main.page-content input[type="password"],html body.um-v2 main.page-content input[type="date"],html body.um-v2 main.page-content input[type="time"],html body.um-v2 main.page-content input[type="datetime-local"],html body.um-v2 main.page-content select,html body.um-v2 main.page-content textarea,html body.um-v2 .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),html body.um-v2 .modal select,html body.um-v2 .modal textarea,html body.um-v2 main.page-content .form-control{font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;border:1px solid #E4E1EE!important;border-radius:10px!important;background-color:#FFFFFF!important;color:#16141F!important;box-shadow:none!important;min-height:40px}
html body.um-v2 main.page-content textarea,html body.um-v2 .modal textarea{min-height:80px}
html body.um-v2 main.page-content input:focus,html body.um-v2 main.page-content select:focus,html body.um-v2 main.page-content textarea:focus,html body.um-v2 .modal input:focus,html body.um-v2 .modal select:focus,html body.um-v2 .modal textarea:focus{outline:0!important;border-color:#7C3AED!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important}
html body.um-v2 main.page-content .form-label,html body.um-v2 .modal .form-label{color:#4A4857;font-weight:600;font-size:13px;text-transform:none!important;letter-spacing:0!important}
html body.um-v2 input[type="checkbox"],html body.um-v2 input[type="radio"]{accent-color:#7C3AED}

/* 8. Badges and tags: pills */
html body.um-v2 main.page-content .badge,html body.um-v2 main.page-content .status-badge,html body.um-v2 main.page-content .pill{border-radius:999px!important;font-weight:700!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}

/* 9. Modals */
html body.um-v2 .modal-overlay{background:rgba(22,20,31,.5)!important;backdrop-filter:none!important}
html body.um-v2 .modal{border-radius:16px!important;border:1px solid #E4E1EE!important;box-shadow:0 24px 64px rgba(22,20,31,.25)!important;background:#FFFFFF!important;font-family:Inter,system-ui,sans-serif}
html body.um-v2 .modal-header{border-bottom:1px solid #EFEDF5!important;background:#FFFFFF!important}
html body.um-v2 .modal-title{font-weight:800!important;letter-spacing:-.02em!important;color:#16141F!important}
html body.um-v2 .modal-footer{border-top:1px solid #EFEDF5!important;background:#FFFFFF!important}

/* 10. Help panels and notices: calm violet tint, never orange or beige */
html body.um-v2 main.page-content .howto-panel{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:16px!important}
html body.um-v2 main.page-content [style*="192,86,33"],html body.um-v2 main.page-content [style*="#FBECD9" i],html body.um-v2 main.page-content [style*="#FDFAF4" i],html body.um-v2 main.page-content [style*="#FFF7ED" i],html body.um-v2 main.page-content [style*="#FAF7F2" i],html body.um-v2 main.page-content [style*="#F1ECE4" i]{background:#F3EEFF!important;border-color:#E4E1EE!important}
html body.um-v2 main.page-content [style*="color:#8a827a" i],html body.um-v2 main.page-content [style*="color: #8a827a" i],html body.um-v2 main.page-content [style*="color:#6b6560" i],html body.um-v2 main.page-content [style*="color:#7A736B" i]{color:#625F70!important}
html body.um-v2 main.page-content [style*="color:#b14e1d" i],html body.um-v2 main.page-content [style*="color:#A2481B" i],html body.um-v2 main.page-content [style*="color:#C05621" i]{color:#9D174D!important}
html body.um-v2 main.page-content [style*="background:#b14e1d" i],html body.um-v2 main.page-content [style*="background:#C05621" i],html body.um-v2 main.page-content [style*="background:#A2481B" i]{background:#7C3AED!important;color:#FFFFFF!important}

/* 11. v2 components inside the old page shell (older sheets style .page-title, .switch and button globally) */
html body.um-v2 main.page-content .v2 .page-title{background:none!important;-webkit-text-fill-color:#16141F!important;color:#16141F!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.1!important;margin:0!important}
html body.um-v2 main.page-content .v2 .area-pill{display:inline-flex!important;align-items:center;gap:6px;height:26px;padding:0 10px!important;border-radius:999px!important;background:var(--t)!important;color:var(--d)!important;font-size:12px!important;font-weight:700!important}
html body.um-v2 main.page-content .v2 .switch{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;height:auto!important;min-height:36px!important;padding:0 4px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#16141F!important;text-align:left!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;cursor:pointer}
html body.um-v2 main.page-content .v2 .switch:hover{background:#F7F6FB!important}
html body.um-v2 main.page-content .v2 .switch::before,html body.um-v2 main.page-content .v2 .switch::after{display:none!important;content:none!important}
html body.um-v2 main.page-content .v2 .switch[aria-checked="false"]{color:#625F70!important}
html body.um-v2 main.page-content .v2 .switch[disabled]{cursor:default;opacity:.85}
html body.um-v2 main.page-content .v2 .switch__track{width:36px!important;height:22px!important;flex:none!important;border-radius:999px!important;background:#D9D5E5!important;display:flex!important;align-items:center!important;padding:2px!important;transition:background .15s;border:0!important}
html body.um-v2 main.page-content .v2 .switch__track::after{content:""!important;display:block!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#FFFFFF!important;transition:transform .15s;position:static!important}
html body.um-v2 main.page-content .v2 .switch[aria-checked="true"] .switch__track{background:var(--c,#047857)!important}
html body.um-v2 main.page-content .v2 .switch[aria-checked="true"] .switch__track::after{transform:translateX(14px)}
html body.um-v2 main.page-content .v2 .chip{height:36px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid #E4E1EE!important;background:#FFFFFF!important;color:#4A4857!important;font-weight:600!important;font-size:14px!important;box-shadow:none!important}
html body.um-v2 main.page-content .v2 .chip[aria-pressed="true"]{background:#16141F!important;border-color:#16141F!important;color:#FFFFFF!important}
html body.um-v2 main.page-content .v2 .btn{height:42px!important;padding:0 16px!important;border:1px solid #E4E1EE!important;background:#FFFFFF!important;color:#16141F!important;font-size:14px!important}
html body.um-v2 main.page-content .v2 .btn--primary{background:#7C3AED!important;border-color:#7C3AED!important;color:#FFFFFF!important;font-weight:700!important}
html body.um-v2 main.page-content .v2 .btn--primary:hover{background:#5B21B6!important}
html body.um-v2 main.page-content .v2 .card{padding:20px!important;color:#16141F!important}
html body.um-v2 main.page-content .v2 .muted{color:#625F70!important}
html body.um-v2 main.page-content .v2 .kpi__area{color:var(--d)!important}
/* 11b. the old toggle styles span children of .switch: undo that inside v2 */
html body.um-v2 main.page-content .v2 .switch > span:not(.switch__track),html body.um-v2 main.page-content .v2 .switch > span:not(.switch__track) span{position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;display:inline!important;flex:1 1 auto}
html body.um-v2 main.page-content .v2 .switch > span:not(.switch__track)::before,html body.um-v2 main.page-content .v2 .switch > span:not(.switch__track)::after,html body.um-v2 main.page-content .v2 .switch__track::before{display:none!important;content:none!important}
html body.um-v2 main.page-content .v2 .switch > .switch__track{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
/* 11d. more v2 components (Today and rebuilt pages) */
html body.um-v2 main.page-content .v2 .card--solid{background:var(--c)!important;border:0!important;color:#FFFFFF!important}
html body.um-v2 main.page-content .v2 .card--solid *,html body.um-v2 main.page-content .v2 .card--dark *{color:#FFFFFF!important}
html body.um-v2 main.page-content .v2 .card--solid > span:first-child,html body.um-v2 main.page-content .v2 .card--solid > span:nth-child(4){color:#FCE7F3!important}
html body.um-v2 main.page-content .v2 .card--solid .btn,html body.um-v2 main.page-content .v2 .card--solid a.btn{background:#FFFFFF!important;color:var(--d)!important;border-color:#FFFFFF!important}
html body.um-v2 main.page-content .v2 .card--dark{background:#16141F!important;border:0!important;color:#FFFFFF!important}
html body.um-v2 main.page-content .v2 .card__title{font-size:17px!important;font-weight:700!important;margin:0!important;color:#16141F!important}
html body.um-v2 main.page-content .v2 .kpi{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:16px!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:4px!important;color:#16141F!important;text-decoration:none!important;box-shadow:inset 0 4px 0 var(--c)!important}
html body.um-v2 main.page-content .v2 .kpi:hover{border-color:#D9D5E5!important}
html body.um-v2 main.page-content .v2 .kpi__label{font-size:13px!important;color:#625F70!important}
html body.um-v2 main.page-content .v2 .kpi__value{font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.15!important;color:#16141F!important}
html body.um-v2 main.page-content .v2 .kpi__note{font-size:12px!important;color:#625F70!important}
html body.um-v2 main.page-content .v2 .kpi__area{display:flex!important;align-items:center;gap:6px;font-size:12px!important;font-weight:700!important}
html body.um-v2 main.page-content .v2 .list-row{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 0!important;border-top:1px solid #EFEDF5!important}
html body.um-v2 main.page-content .v2 .card__head + .list-row,html body.um-v2 main.page-content .v2 .list-row:first-child{border-top:0!important}
html body.um-v2 main.page-content .v2 .list-row__title{font-weight:600!important;font-size:15px!important;color:#16141F!important}
html body.um-v2 main.page-content .v2 .list-row__sub{font-size:13px!important;color:#625F70!important}
html body.um-v2 main.page-content .v2 .btn--sm{height:34px!important;padding:0 12px!important;font-size:13px!important;border-radius:8px!important;min-height:34px!important}
html body.um-v2 main.page-content .v2 .btn--area{color:var(--d)!important}
html body.um-v2 main.page-content .v2 .tag{display:inline-flex!important;align-items:center;font-size:12px!important;font-weight:700!important;padding:3px 10px!important;border-radius:999px!important;background:var(--t,#EFEDF5)!important;color:var(--d,#4A4857)!important;border:0!important}
html body.um-v2 main.page-content .v2 .tag--lime{background:#BEF264!important;color:#16141F!important}
html body.um-v2 main.page-content .v2 .event{margin:3px 0;padding:8px 10px!important;border-radius:10px!important;background:var(--t)!important;box-shadow:inset 3px 0 0 var(--c)!important;display:flex!important;flex-direction:column!important;gap:2px!important;border:0!important}
html body.um-v2 main.page-content .v2 .event span{font-size:12px!important;color:#4A4857!important}
html body.um-v2 main.page-content .v2 a.v2-sched:hover .event{filter:brightness(.98)}
html body.um-v2 main.page-content .v2 .strong{font-weight:700!important}
@media (max-width:720px){html body.um-v2 main.page-content .v2 .page-title{font-size:26px!important}html body.um-v2 main.page-content .v2 .list-row{flex-wrap:wrap!important}html body.um-v2 main.page-content .v2 .list-row__body{flex:1 1 60%!important}}
/* 11e. list pages (pc-* pattern used by Contacts and other lists): tabs, one-line filters, dark bulk bar, table in a card */
html body.um-v2 main.page-content .pc-page{display:flex!important;flex-direction:column!important;gap:16px!important;background:transparent!important}
html body.um-v2 main.page-content .pc-status-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important;border-bottom:1px solid #E4E1EE!important;background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
html body.um-v2 main.page-content .pc-status-tab{display:inline-flex!important;align-items:center!important;gap:6px!important;height:44px!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#625F70!important;font-weight:600!important;font-size:14px!important;text-decoration:none!important;box-shadow:none!important;clip-path:none!important}
html body.um-v2 main.page-content .pc-status-tab::before,html body.um-v2 main.page-content .pc-status-tab::after{display:none!important}
html body.um-v2 main.page-content .pc-status-tab:hover{color:#16141F!important}
html body.um-v2 main.page-content .pc-status-tab.active{color:#16141F!important;box-shadow:inset 0 -3px 0 var(--c)!important;background:transparent!important}
html body.um-v2 main.page-content .pc-status-count{font-size:12px!important;padding:1px 7px!important;border-radius:999px!important;background:#EFEDF5!important;color:#625F70!important;font-weight:700!important}
html body.um-v2 main.page-content .pc-status-tab.active .pc-status-count{background:var(--c)!important;color:#FFFFFF!important}
html body.um-v2 main.page-content .pc-filter-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.um-v2 main.page-content .pc-filter-panel::before,html body.um-v2 main.page-content .pc-filter-panel::after{display:none!important}
html body.um-v2 main.page-content .pc-filter-form{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
html body.um-v2 main.page-content .pc-filter-search{flex:1 1 280px!important;display:flex!important;align-items:center!important;gap:8px!important;height:42px!important;padding:0 12px!important;border:1px solid #E4E1EE!important;border-radius:10px!important;background:#FFFFFF!important;min-width:0}
html body.um-v2 main.page-content .pc-filter-search-icon{display:none!important}
html body.um-v2 main.page-content .pc-filter-search input{border:0!important;box-shadow:none!important;min-height:0!important;height:38px!important;padding:0!important;flex:1!important;background:transparent!important}
html body.um-v2 main.page-content .pc-filter-form .pc-filter-select{flex:0 1 auto!important;width:auto!important;min-width:150px!important;height:42px!important}
html body.um-v2 main.page-content .pc-bulk-bar:not([style*="display:none"]):not([style*="display: none"]){display:flex!important}
html body.um-v2 main.page-content .pc-bulk-bar{align-items:center!important;gap:10px!important;flex-wrap:wrap!important;padding:10px 14px!important;border-radius:12px!important;background:#16141F!important;color:#FFFFFF!important;border:0!important;box-shadow:none!important}
html body.um-v2 main.page-content .pc-bulk-bar .pc-bulk-count{color:#FFFFFF!important;font-weight:700!important}
html body.um-v2 main.page-content .pc-bulk-bar select,html body.um-v2 main.page-content .pc-bulk-bar .pc-btn{height:34px!important;min-height:34px!important;background:#2A2735!important;border:1px solid #2A2735!important;color:#FFFFFF!important;border-radius:8px!important;font-size:13px!important}
html body.um-v2 main.page-content .pc-table-panel{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:16px!important;box-shadow:none!important;overflow-x:auto!important;padding:0!important}
html body.um-v2 main.page-content .pc-table-panel table{border:0!important;border-radius:0!important;min-width:720px}
html body.um-v2 main.page-content .pc-table-link{color:#16141F!important;font-weight:600!important}
html body.um-v2 main.page-content .pc-table-sub,html body.um-v2 main.page-content .pc-table-mute{color:#625F70!important}
html body.um-v2 main.page-content .pc-stage-badge,html body.um-v2 main.page-content .pc-temp-badge{border-radius:999px!important;font-size:12px!important;font-weight:700!important;padding:3px 10px!important;text-transform:none!important;letter-spacing:0!important}
html body.um-v2 main.page-content .pc-bulk-bar select{width:auto!important;flex:0 1 auto!important;min-width:0!important;max-width:220px!important}
html body.um-v2:has(#bulkActionBar) #bulkBar,html body.um-v2:has(#bulkActionBar) #um-bulk-bar{display:none!important}
html body.um-v2 main.page-content .kanban-col{background:#EFEDF5!important;border-radius:16px!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important;padding:10px!important}
html body.um-v2 main.page-content .kanban-col-header{background:transparent!important;border:0!important;padding:8px 6px!important;display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;align-items:center!important;justify-content:space-between!important}
html body.um-v2 main.page-content .kanban-col-title{font-weight:700!important;font-size:14px!important;color:#16141F!important;text-transform:none!important;letter-spacing:0!important}
html body.um-v2 main.page-content .v2-col-value{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#16141F}
html body.um-v2 main.page-content .kanban-col-count{background:#FFFFFF!important;color:#4A4857!important;border-radius:999px!important;font-weight:700!important;font-size:12px!important;padding:1px 8px!important}
html body.um-v2 main.page-content .kanban-card{background:#FFFFFF!important;border:0!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(22,20,31,.06)!important;padding:12px!important}
html body.um-v2 main.page-content .kanban-card-name{font-weight:600!important;color:#16141F!important}
html body.um-v2 main.page-content .kanban-card-meta{color:#625F70!important;font-size:12px!important}
html body.um-v2 main.page-content .v2-deal-next{font-size:12px;padding:6px 8px;border-radius:8px;background:#F7F6FB;color:#4A4857;margin-top:8px}
html body.um-v2 main.page-content .v2-deal-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#625F70;margin-top:6px}
html body.um-v2 main.page-content .v2-triage{display:flex;flex-direction:column;gap:4px;background:#FFFFFF;border:2px dashed #C4B5FD;border-radius:12px;padding:12px;margin-bottom:8px;color:#16141F;text-decoration:none;font-size:13px}
html body.um-v2 main.page-content .v2-triage span{color:#625F70}
html body.um-v2 main.page-content .v2-triage .v2-triage__go{color:#5B21B6;font-weight:700}
html body.um-v2 #um-menu-btn,html body.um-v2 #um-help-menu{display:none!important}
html body.um-v2 #um-help-anchor{right:20px!important;bottom:20px!important;gap:0!important}
html body.um-v2 #um-help-btn{width:auto!important;height:46px!important;min-width:0!important;padding:0 18px 0 14px!important;border-radius:999px!important;background:#7C3AED!important;color:#FFFFFF!important;border:0!important;box-shadow:0 8px 24px rgba(124,58,237,.35)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font:700 15px/1 Inter,system-ui,sans-serif!important}
html body.um-v2 #um-help-btn > svg{display:block!important;width:20px!important;height:20px!important;flex:none}
html body.um-v2 #um-help-btn .um-chev{display:none!important}
html body.um-v2 #um-help-btn .v2-help-label{color:#FFFFFF!important}
html body.um-v2 #um-help-btn:hover{background:#5B21B6!important}
html body.um-v2 #um-help-panel{border-radius:16px!important;border:1px solid #E4E1EE!important;box-shadow:0 24px 64px rgba(22,20,31,.25)!important;overflow:hidden!important;font-family:Inter,system-ui,sans-serif!important}
html body.um-v2 #um-help-panel .um-help-header{background:#16141F!important;color:#FFFFFF!important}
html body.um-v2 #um-help-panel .um-help-header *{color:#FFFFFF!important}
html body.um-v2 #um-help-panel .um-help-messages{background:#F7F6FB!important}
html body.um-v2 #um-help-panel .um-chip{border-radius:999px!important;border:1px solid #E4E1EE!important;background:#FFFFFF!important;color:#16141F!important;font-weight:600!important}
html body.um-v2 #um-help-panel .v2-help-links{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-top:1px solid #EFEDF5;background:#FFFFFF}
html body.um-v2 #um-help-panel .v2-help-links a{font-size:12px;font-weight:600;color:#5B21B6;background:#F3EEFF;border-radius:999px;padding:5px 10px;text-decoration:none}
html body.um-v2 #um-help-panel .v2-help-links a:hover{background:#E9DEFF}
html body.um-v2 #um-export-btn{width:38px!important;height:38px!important;border-radius:10px!important;background:#FFFFFF!important;color:#4A4857!important;border:1px solid #E4E1EE!important;box-shadow:none!important}
html body.um-v2:not(:has(main.page-content table)) #um-export-btn{display:none!important}
@media (max-width:720px){html body.um-v2 #um-help-btn .v2-help-label{display:none!important}html body.um-v2 #um-help-btn{padding:0 13px!important}html body.um-v2 #um-help-anchor{right:14px!important;bottom:14px!important}}
html body.um-v2 main.page-content .v2-late{color:#B91C1C!important;font-weight:600!important}
html body.um-v2 main.page-content .pc-pagination{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#625F70!important}
html body.um-v2 main.page-content .pc-panel{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:16px!important;box-shadow:none!important}
@media (max-width:720px){html body.um-v2 main.page-content .pc-filter-form .pc-filter-select{flex:1 1 45%!important;min-width:0!important}html body.um-v2 main.page-content .pc-status-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}html body.um-v2 main.page-content .pc-table-panel table{display:table!important;white-space:nowrap}}
/* 11c. Headings inside pages */
html body.um-v2 main.page-content h2,html body.um-v2 main.page-content h3,html body.um-v2 main.page-content h4{font-family:Inter,system-ui,sans-serif!important;letter-spacing:-.015em}

/* 12. Mobile and tablet */
@media (max-width:900px){
  html body.um-v2 main.page-content{padding:16px 16px 40px!important}
  html body.um-v2 header.topbar{padding:8px 16px!important;min-height:56px}
  html body.um-v2 #globalSearchInput{width:150px!important}
  html body.um-v2 .pc-hero{flex-wrap:wrap!important}
  html body.um-v2 .pc-hero-name{font-size:26px!important}
  html body.um-v2 main.page-content table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important;white-space:nowrap}
  html body.um-v2 main.page-content .table-responsive,html body.um-v2 main.page-content .table-wrap{overflow-x:auto!important;max-width:100%}
  html body.um-v2 .modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important}
  html body.um-v2 main.page-content .btn,html body.um-v2 main.page-content .pc-btn{min-height:44px}
  html body.um-v2 main.page-content input,html body.um-v2 main.page-content select,html body.um-v2 main.page-content textarea{font-size:16px!important}
}
@media (max-width:560px){
  html body.um-v2 #globalSearchWrap{display:none!important}
  html body.um-v2 header.topbar .topbar-right > *:not(#notifWrap){display:none!important}
  html body.um-v2 header.topbar{flex-wrap:nowrap!important;overflow:hidden}
  html body.um-v2 header.topbar .topbar-left{min-width:0;flex:1}
  html body.um-v2 header.topbar h1.page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body.um-v2 .pc-hero-actions{width:100%;flex-wrap:wrap}
}

/* CALENDAR-V2: week view on /appointments */
html body.um-v2 main.page-content .v2-cal{margin:0 0 22px}
html body.um-v2 main.page-content .pc-page:has(.v2-cal) > .pc-multi-stats{display:none!important}
html body.um-v2 .v2-cal__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
html body.um-v2 .v2-cal__title{display:flex;flex-direction:column;gap:2px}
html body.um-v2 .v2-cal__title b{font-size:18px;font-weight:800;color:#16141F;letter-spacing:-.01em}
html body.um-v2 .v2-cal__title .muted{font-size:13px;color:#6E6B7B}
html body.um-v2 .v2-cal__nav{display:flex;gap:6px;align-items:center}
html body.um-v2 .v2-cal__nav .btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:10px;border:1px solid #E4E1EE;background:#FFFFFF;color:#16141F;font-weight:600;font-size:13px;text-decoration:none}
html body.um-v2 .v2-cal__nav .btn--icon{width:36px;padding:0;font-size:20px;line-height:1}
html body.um-v2 .v2-cal__nav .btn.is-current{background:#16141F;color:#FFFFFF;border-color:#16141F}
html body.um-v2 .v2-cal__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
html body.um-v2 .v2-cal__week{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:0;padding:0!important;overflow-x:auto;background:#FFFFFF;border:1px solid #E4E1EE;border-radius:16px}
html body.um-v2 .v2-cal__day{min-height:260px;padding:10px 8px 12px;border-left:1px solid #EFEDF5;display:flex;flex-direction:column;gap:6px}
html body.um-v2 .v2-cal__day:first-child{border-left:0}
html body.um-v2 .v2-cal__day.is-today{background:#FAF8FF}
html body.um-v2 .v2-cal__dayhead{display:flex;align-items:baseline;gap:6px;padding:0 2px 6px;border-bottom:1px solid #EFEDF5;margin-bottom:2px}
html body.um-v2 .v2-cal__dayhead span{font-size:12px;font-weight:600;color:#6E6B7B;text-transform:uppercase;letter-spacing:.04em}
html body.um-v2 .v2-cal__dayhead b{font-size:18px;font-weight:800;color:#16141F}
html body.um-v2 .v2-cal__day.is-today .v2-cal__dayhead b{background:#7C3AED;color:#FFFFFF;border-radius:999px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
html body.um-v2 .v2-cal__none{font-size:12px;color:#A3A0B2;padding:4px 2px}
html body.um-v2 .v2-ev{--c:#7C3AED;--d:#5B21B6;--t:#F3EEFF;display:flex;flex-direction:column;gap:1px;padding:7px 9px;border-radius:10px;background:var(--t);box-shadow:inset 3px 0 0 var(--c);text-decoration:none;overflow:hidden}
html body.um-v2 .v2-ev--booking{--c:#047857;--d:#065F46;--t:#E7F6EF}
html body.um-v2 .v2-ev--call{--c:#2563EB;--d:#1E40AF;--t:#EAF1FE}
html body.um-v2 .v2-ev b{font-size:13px;font-weight:700;color:var(--d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.um-v2 .v2-ev span{font-size:12px;color:#4A4857;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.um-v2 .v2-ev .v2-ev__time{font-weight:600;color:var(--d)}
html body.um-v2 .v2-ev.is-pending{background:#FFFFFF;box-shadow:inset 3px 0 0 var(--c),inset 0 0 0 1px var(--c)}
html body.um-v2 .v2-ev.is-cancelled{opacity:.55}
html body.um-v2 .v2-ev.is-cancelled b{text-decoration:line-through}
html body.um-v2 .v2-ev:hover{filter:brightness(.97)}
html body.um-v2 .v2-cal__side{display:flex;flex-direction:column;gap:14px}
html body.um-v2 .v2-cal__side .card{background:#FFFFFF;border:1px solid #E4E1EE;border-radius:16px;padding:16px}
html body.um-v2 .v2-cal__side h2{font-size:15px;font-weight:800;color:#16141F;margin:0 0 10px}
html body.um-v2 .v2-cal__side p.muted{font-size:13px;color:#6E6B7B;margin:0}
html body.um-v2 .v2-cal__req{background:#16141F!important;border-color:#16141F!important}
html body.um-v2 .v2-cal__req h2{color:#FFFFFF!important}
html body.um-v2 .v2-cal__req p.muted{color:#C9C6D6!important}
html body.um-v2 .v2-cal__reqitem{background:#FFFFFF;border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:4px;margin-top:8px}
html body.um-v2 .v2-cal__reqitem b{font-size:14px;color:#16141F}
html body.um-v2 .v2-cal__reqitem .muted{font-size:12px;color:#6E6B7B}
html body.um-v2 .v2-cal__reqbtns{display:flex;gap:6px;margin-top:4px}
html body.um-v2 .v2-cal__reqbtns .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:9px;font-size:13px;font-weight:700;border:1px solid #E4E1EE;background:#FFFFFF;color:#16141F;text-decoration:none;cursor:pointer}
html body.um-v2 .v2-cal__reqbtns .btn--lime{background:#BEF264;border-color:#BEF264;color:#16141F}
html body.um-v2 .v2-cal__pageshead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
html body.um-v2 .v2-cal__pageshead h2{margin:0!important}
html body.um-v2 .v2-cal__pageshead a{font-size:13px;font-weight:700;color:#5B21B6;text-decoration:none}
html body.um-v2 .v2-cal__page{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#F7F6FB;margin-top:6px}
html body.um-v2 .v2-cal__page > span{flex:1;display:flex;flex-direction:column;min-width:0}
html body.um-v2 .v2-cal__page b{font-size:13px;color:#16141F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.um-v2 .v2-cal__page small{font-size:12px;color:#6E6B7B}
html body.um-v2 .v2-cal__page .btn{height:28px;padding:0 10px;border-radius:8px;border:0;background:#E7F6EF;color:#065F46;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
html body.um-v2 .v2-cal__key{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#4A4857}
html body.um-v2 .v2-cal__key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
html body.um-v2 .v2-cal__key .k-booking{background:#047857}
html body.um-v2 .v2-cal__key .k-call{background:#2563EB}
html body.um-v2 .v2-cal__key .k-sales{background:#7C3AED}
@media (max-width:1180px){html body.um-v2 .v2-cal__grid{grid-template-columns:1fr}html body.um-v2 .v2-cal__side{display:grid;grid-template-columns:1fr 1fr;align-items:start}html body.um-v2 .v2-cal__key{grid-column:1/-1}}
@media (max-width:720px){
  html body.um-v2 .v2-cal__week{display:flex;flex-direction:column;overflow:visible}
  html body.um-v2 .v2-cal__day{min-height:0;border-left:0;border-top:1px solid #EFEDF5;flex-direction:row;flex-wrap:wrap;align-items:flex-start}
  html body.um-v2 .v2-cal__day:first-child{border-top:0}
  html body.um-v2 .v2-cal__day.is-empty{display:none}
  html body.um-v2 .v2-cal__dayhead{width:100%;border-bottom:0;padding-bottom:0}
  html body.um-v2 .v2-ev{flex:1 1 100%}
  html body.um-v2 .v2-cal__side{display:flex}
  html body.um-v2 .v2-cal__week:not(:has(.v2-cal__day:not(.is-empty)))::after{content:'Nothing booked this week';display:block;padding:16px;font-size:13px;color:#6E6B7B}
}
/* CALENDAR-V2b: beat the generic card and button skin */
html body.um-v2 main.page-content .v2-cal .v2-cal__side .v2-cal__req{background:#16141F!important;border-color:#16141F!important;color:#FFFFFF!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__req h2{color:#FFFFFF!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__req > p.muted{color:#C9C6D6!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__reqitem{background:#FFFFFF!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__reqbtns .btn{background:#FFFFFF!important;color:#16141F!important;border:1px solid #E4E1EE!important;box-shadow:none!important;height:32px!important;min-height:0!important;padding:0 10px!important;font-size:13px!important;font-weight:700!important;border-radius:9px!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__reqbtns .btn--lime{background:#BEF264!important;border-color:#BEF264!important;color:#16141F!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__page .btn{background:#E7F6EF!important;color:#065F46!important;border:0!important;box-shadow:none!important;height:28px!important;min-height:0!important;padding:0 10px!important;font-size:12px!important;font-weight:700!important;border-radius:8px!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__nav .btn{background:#FFFFFF!important;color:#16141F!important;border:1px solid #E4E1EE!important;box-shadow:none!important;height:36px!important;min-height:0!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__nav .btn.is-current{background:#16141F!important;color:#FFFFFF!important;border-color:#16141F!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__week{padding:0!important;background:#FFFFFF!important}
html body.um-v2 main.page-content .v2-cal .v2-cal__side .card{box-shadow:none!important}

/* EXPLAINER-V2: page help boxes are a quiet card, folded away until asked for */
html body.um-v2 main.page-content [id^="pageExplainer_"]{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:14px!important;padding:12px 16px!important;margin-bottom:16px!important;box-shadow:none!important}
html body.um-v2 main.page-content [id^="pageExplainer_"] > div > div:first-child > div:first-child > span:first-child{display:none!important}
html body.um-v2 main.page-content [id^="pageExplainer_"] *{color:#4A4857!important}
html body.um-v2 main.page-content [id^="pageExplainer_"] strong,html body.um-v2 main.page-content [id^="pageExplainer_"] > div > div:first-child > div:first-child > div{color:#16141F!important}
html body.um-v2 main.page-content [id^="pageExplainer_"] > div > div:first-child > div:first-child{margin-bottom:0!important;cursor:pointer}
html body.um-v2 main.page-content [id^="pageExplainer_"].v2-folded > div > div:first-child > :not(:first-child){display:none!important}
html body.um-v2 main.page-content [id^="pageExplainer_"].v2-folded > div > div:first-child > div:first-child::after{content:'Show';margin-left:8px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content [id^="pageExplainer_"]:not(.v2-folded) > div > div:first-child > div:first-child::after{content:'Hide';margin-left:8px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content [id^="pageExplainer_"] [style*="border-radius:50%"]{background:#F3EEFF!important;color:#5B21B6!important}

/* PAGES-V2C: auto page heading, compact row actions, no marketing footer inside the app */
html body.um-v2 main.page-content .v2-autohead{display:flex;flex-direction:column;gap:6px;margin:4px 0 18px}
html body.um-v2 main.page-content .v2-autohead .v2-autohead__pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--t,#F3EEFF);color:var(--d,#5B21B6)}
html body.um-v2 main.page-content .v2-autohead .v2-autohead__pill::before{content:'';width:7px;height:7px;border-radius:999px;background:var(--c,#7C3AED)}
html body.um-v2 main.page-content .v2-autohead h1{font-size:32px!important;font-weight:800!important;letter-spacing:-.035em!important;color:#16141F!important;margin:0!important;line-height:1.1!important}
html body.um-v2 main.page-content table td:last-child{white-space:nowrap}
html body.um-v2 main.page-content table td:last-child .btn-sm,html body.um-v2 main.page-content table td:last-child .pc-btn{height:30px!important;min-height:0!important;padding:0 10px!important;font-size:12px!important;margin:2px 2px 2px 0!important}
html body.um-v2 main.page-content > footer.brand-footer{display:none!important}
@media (max-width:720px){html body.um-v2 main.page-content .v2-autohead h1{font-size:26px!important}}

/* EXPLAINER-V2b: page help boxes are a quiet card, folded away until asked for */
html body.um-v2 main.page-content [id^="pex_"]{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:14px!important;padding:12px 16px!important;margin-bottom:16px!important;box-shadow:none!important}
html body.um-v2 main.page-content [id^="pex_"] > div > div:first-child > div:first-child > span:first-child{display:none!important}
html body.um-v2 main.page-content [id^="pex_"] *{color:#4A4857!important}
html body.um-v2 main.page-content [id^="pex_"] strong,html body.um-v2 main.page-content [id^="pex_"] > div > div:first-child > div:first-child > div{color:#16141F!important}
html body.um-v2 main.page-content [id^="pex_"] > div > div:first-child > div:first-child{margin-bottom:0!important;cursor:pointer}
html body.um-v2 main.page-content [id^="pex_"].v2-folded > div > div:first-child > :not(:first-child){display:none!important}
html body.um-v2 main.page-content [id^="pex_"].v2-folded > div > div:first-child > div:first-child::after{content:'Show';margin-left:8px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content [id^="pex_"]:not(.v2-folded) > div > div:first-child > div:first-child::after{content:'Hide';margin-left:8px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content [id^="pex_"] [style*="border-radius:50%"]{background:#F3EEFF!important;color:#5B21B6!important}


/* AUTOMATIONS-V2: your automations first, templates folded and calm */
html body.um-v2 main.page-content .atf-card{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:12px!important;box-shadow:none!important}
html body.um-v2 main.page-content .atf-card:hover{border-color:#7C3AED!important}
html body.um-v2 main.page-content .atf-card > div:first-child{color:#16141F!important}
html body.um-v2 main.page-content .atf-card *{color:#4A4857!important}
html body.um-v2 main.page-content .atf-card > div:first-child,html body.um-v2 main.page-content .atf-card b,html body.um-v2 main.page-content .atf-card strong{color:#16141F!important}
html body.um-v2 main.page-content #autoTplSection{background:#FFFFFF;border:1px solid #E4E1EE;border-radius:16px;padding:14px 16px;margin-top:18px}
html body.um-v2 main.page-content #autoTplSection > div:first-child > div:first-child{color:#16141F!important;font-weight:800!important;font-size:15px!important;cursor:pointer}
html body.um-v2 main.page-content #autoTplSection.v2-tpl-folded > div:not(:first-child),html body.um-v2 main.page-content #autoTplSection.v2-tpl-folded > div:first-child > div:not(:first-child){display:none!important}
html body.um-v2 main.page-content #autoTplSection.v2-tpl-folded > div:first-child{margin-bottom:0!important}
html body.um-v2 main.page-content #autoTplSection > div:first-child > div:first-child::after{content:'Hide';margin-left:10px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content #autoTplSection.v2-tpl-folded > div:first-child > div:first-child::after{content:'Browse templates';}
html body.um-v2 main.page-content .v2-rules-head{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 10px}
html body.um-v2 main.page-content .v2-rules-head h2{font-size:18px;font-weight:800;color:#16141F;margin:0}
html body.um-v2 main.page-content .v2-rules-head span{font-size:13px;color:#6E6B7B}
html body.um-v2 main.page-content .v2-hide{display:none!important}

/* REPORTBARS-V2 (see rules below) */
html body.um-v2 main.page-content [style*="background:#8a827a"]{background:#A3A0B2!important}
html body.um-v2 main.page-content [style*="background:#C89B3A"],html body.um-v2 main.page-content [style*="background:#c89b3a"]{background:#2563EB!important}
html body.um-v2 main.page-content [style*="background:#4b7f52"]{background:#047857!important}
/* REPORTS-V2b: white text on the active tab, calmer bars, room for the monthly chart */
html body.um-v2 main.page-content a[href^="?tab="][style*="background:var(--purple)"],html body.um-v2 main.page-content a[href^="?tab="][style*="background:var(--purple)"] *{color:#FFFFFF!important}
html body.um-v2 main.page-content a[href^="?tab="][style*="background:var(--purple)"]{background:#7C3AED!important}
html body.um-v2 main.page-content [style*="background:#B14E1D"],html body.um-v2 main.page-content [style*="background:#b14e1d"]{background:#7C3AED!important}
html body.um-v2 main.page-content .card > div[style*="align-items:flex-end"][style*="height:100px"]{height:auto!important;min-height:150px;padding-top:26px;margin-top:6px;gap:14px!important;border-bottom:1px solid #EFEDF5}
html body.um-v2 main.page-content .card > div[style*="align-items:flex-end"][style*="height:100px"] > div{gap:6px!important;justify-content:flex-end}
html body.um-v2 main.page-content .card > div[style*="align-items:flex-end"][style*="height:100px"] > div > div[style*="background:var(--purple)"]{max-width:72px;background:#7C3AED!important;opacity:1!important;border-radius:8px 8px 2px 2px!important}
html body.um-v2 main.page-content .card > div[style*="align-items:flex-end"][style*="height:100px"] > div > div:first-child{font-size:12px!important;font-weight:700!important;color:#16141F!important}
html body.um-v2 main.page-content .card > div[style*="align-items:flex-end"][style*="height:100px"] > div > div:last-child{font-size:12px!important;color:#6E6B7B!important;margin-top:4px}
html body.um-v2 main.page-content .card-title{margin-bottom:14px!important}
/* HELPCHAT-V2c: a friendlier, more colourful assistant */
html body.um-v2 #um-help-panel .um-help-header{background:linear-gradient(135deg,#16141F 0%,#3B1D7A 55%,#7C3AED 100%)!important;padding:16px 18px!important}
html body.um-v2 #um-help-panel .um-help-avatar{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23BEF264'/%3E%3Cstop offset='1' stop-color='%2322D3EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' rx='12' fill='url(%23g)'/%3E%3Cpath d='M11 12h18a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9l-5 4v-4h-4a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3z' fill='white'/%3E%3Ccircle cx='16' cy='19.5' r='1.8' fill='%2316141F'/%3E%3Ccircle cx='24' cy='19.5' r='1.8' fill='%2316141F'/%3E%3Cpath d='M16.5 23.5c2 1.6 5 1.6 7 0' stroke='%2316141F' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/cover no-repeat!important;box-shadow:0 4px 14px rgba(190,242,100,.35)!important;border:0!important}
html body.um-v2 #um-help-panel .um-help-avatar svg{display:none!important}
html body.um-v2 #um-help-panel .um-help-title{font-size:16px!important;font-weight:800!important}
html body.um-v2 #um-help-panel .um-help-sub{opacity:.85}
html body.um-v2 #um-help-panel .um-help-messages{background:linear-gradient(180deg,#F7F3FF 0%,#FFFFFF 100%)!important}
html body.um-v2 #um-help-panel .um-msg.bot{background:#FFFFFF!important;border:1px solid #E9DEFF!important;border-left:4px solid #7C3AED!important;border-radius:14px!important;color:#16141F!important;box-shadow:0 2px 10px rgba(124,58,237,.08)!important}
html body.um-v2 #um-help-panel .um-msg.user{background:#7C3AED!important;color:#FFFFFF!important;border-radius:14px!important}
html body.um-v2 #um-help-panel .um-chip{border:0!important;font-weight:700!important}
html body.um-v2 #um-help-panel .um-chip:nth-of-type(5n+1){background:#F3EEFF!important;color:#5B21B6!important}
html body.um-v2 #um-help-panel .um-chip:nth-of-type(5n+2){background:#EAF1FE!important;color:#1E40AF!important}
html body.um-v2 #um-help-panel .um-chip:nth-of-type(5n+3){background:#E7F6EF!important;color:#065F46!important}
html body.um-v2 #um-help-panel .um-chip:nth-of-type(5n+4){background:#FDE7F1!important;color:#9D174D!important}
html body.um-v2 #um-help-panel .um-chip:nth-of-type(5n+5){background:#F1FBD9!important;color:#3F6212!important}
html body.um-v2 #um-help-panel .um-chip:hover{filter:brightness(.96)}
html body.um-v2 #um-help-panel .v2-help-links{background:#FAF8FF!important}
/* QUOTES-V2: help panel full width under the title, tidy figure row, calm template cards */
html body.um-v2 main.page-content .pc-page > div:has(> .howto-panel){max-width:none!important;margin:0 0 12px!important;padding:0!important;width:100%!important}
html body.um-v2 main.page-content [style*="repeat(auto-fill,minmax(150px,1fr))"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
html body.um-v2 main.page-content [style*="repeat(auto-fill,minmax(150px,1fr))"] [style*="font-size:1.6rem"]{font-size:clamp(18px,1.6vw,26px)!important;white-space:nowrap}
html body.um-v2 main.page-content [onclick^="useQuoteTemplate"]{background:#FFFFFF!important;border:1px solid #E4E1EE!important;border-radius:12px!important}
html body.um-v2 main.page-content [onclick^="useQuoteTemplate"]:hover{border-color:#7C3AED!important}
html body.um-v2 main.page-content [onclick^="useQuoteTemplate"] *{color:#4A4857!important}
html body.um-v2 main.page-content [onclick^="useQuoteTemplate"] > div:first-child{color:#16141F!important}
/* CONTRAST-V2: white text stays white on violet and dark buttons; old white headings on white cards turn dark */
html body.um-v2 main.page-content [style*="background:#7C3AED"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background: #7C3AED"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#7c3aed"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#6D28D9"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#5B21B6"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:var(--purple)"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#16141F"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#0A0A0B"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#E11D74"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#047857"][style*="color:#fff"],html body.um-v2 main.page-content [style*="background:#2563EB"][style*="color:#fff"],html body.um-v2 main.page-content .an-btn-primary{color:#FFFFFF!important}
html body.um-v2 main.page-content .fin-section-title,html body.um-v2 main.page-content .fin-card-title{color:#16141F!important}
html body.um-v2 main.page-content .dp-card.dp-uk{background:#16141F!important;border-color:#16141F!important}
html body.um-v2 main.page-content .dp-card.dp-uk h2{color:#FFFFFF!important}
html body.um-v2 main.page-content .dp-card.dp-uk p{color:#C8C6D3!important}
html body.um-v2 main.page-content .dp-card.dp-uk .big{color:#BEF264!important}
html body.um-v2 main.page-content [style*="color:var(--pc-text-secondary"],html body.um-v2 main.page-content [style*="color:var(--pc-text-muted"],html body.um-v2 main.page-content [style*="color:rgba(255,255,255"]:not([style*="background"]){color:#4A4857!important}
/* MOBILE-FIT-V1: on phones, old two and three column layouts stack, and nothing is wider than the screen */
@media (max-width:720px){
html body.um-v2 main.page-content [style*="grid-template-columns:1fr 1fr"],html body.um-v2 main.page-content [style*="grid-template-columns: 1fr 1fr"],html body.um-v2 main.page-content [style*="grid-template-columns:2fr"],html body.um-v2 main.page-content [style*="grid-template-columns:1fr 2fr"],html body.um-v2 main.page-content [style*="grid-template-columns:3fr"],html body.um-v2 main.page-content [style*="grid-template-columns:1fr 1fr 1fr"],html body.um-v2 main.page-content [style*="grid-template-columns:repeat(2"],html body.um-v2 main.page-content [style*="grid-template-columns:repeat(3"],html body.um-v2 main.page-content [style*="grid-template-columns:repeat(4"],html body.um-v2 main.page-content [style*="grid-template-columns:280px"],html body.um-v2 main.page-content [style*="grid-template-columns:300px"],html body.um-v2 main.page-content [style*="grid-template-columns:320px"],html body.um-v2 main.page-content [style*="grid-template-columns:240px"],html body.um-v2 main.page-content [style*="grid-template-columns:260px"]{grid-template-columns:minmax(0,1fr)!important}
html body.um-v2 main.page-content [style*="display:grid"] > *,html body.um-v2 main.page-content [style*="display: grid"] > *{min-width:0}
html body.um-v2 main.page-content > *,html body.um-v2 main.page-content .card,html body.um-v2 main.page-content #chatPreview,html body.um-v2 main.page-content [style*="width:"]:not(table):not(img):not(svg){max-width:100%!important}
html body.um-v2 main.page-content .page-hero-actions,html body.um-v2 main.page-content .pc-hero-actions,html body.um-v2 main.page-content .page-hero{flex-wrap:wrap!important}
html body.um-v2 main.page-content [style*="display:flex"]:not([style*="nowrap"]){flex-wrap:wrap}
html body.um-v2 main.page-content img{max-width:100%;height:auto}
html body.um-v2 main.page-content .sg-step{flex-wrap:nowrap!important}
html body.um-v2 main.page-content .sg-fields{grid-template-columns:minmax(0,1fr)!important}
html body.um-v2 main.page-content .sg-field-label{white-space:normal!important;overflow-wrap:anywhere}
html body.um-v2 main.page-content .sg-step > *:not(:first-child){min-width:0!important;flex:1 1 auto!important;width:auto!important}
}
/* SEQUENCES-V2: your sequences first, templates folded below (same as Automations) */
html body.um-v2 main.page-content #seqTplSection{background:#FFFFFF;border:1px solid #E4E1EE;border-radius:16px;padding:14px 16px;margin-top:18px}
html body.um-v2 main.page-content #seqTplSection > div:first-child > div:first-child{color:#16141F!important;font-weight:800!important;font-size:15px!important;cursor:pointer}
html body.um-v2 main.page-content #seqTplSection.v2-tpl-folded > div:not(:first-child),html body.um-v2 main.page-content #seqTplSection.v2-tpl-folded > div:first-child > div:not(:first-child){display:none!important}
html body.um-v2 main.page-content #seqTplSection.v2-tpl-folded > div:first-child{margin-bottom:0!important}
html body.um-v2 main.page-content #seqTplSection > div:first-child > div:first-child::after{content:'Hide';margin-left:10px;font-size:12px;font-weight:700;color:#5B21B6}
html body.um-v2 main.page-content #seqTplSection.v2-tpl-folded > div:first-child > div:first-child::after{content:'Browse templates';}
html body.um-v2 main.page-content .v2-seq-list > .card{border-radius:16px}
html body.um-v2 main.page-content #seqTplSection.v2-tpl-folded > div:first-child > button{display:none!important}
/* TOPBAR-FIT-V1: page actions never run off the right edge; the search box gives way first */
@media (min-width:721px){
  html body.um-v2 .topbar{grid-template-columns:auto minmax(0,1fr) auto!important}
  html body.um-v2 .topbar-left{min-width:0}
  html body.um-v2 .topbar-left .page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
  html body.um-v2 .topbar-right{min-width:0;justify-content:flex-end}
  html body.um-v2 .topbar-right #globalSearchWrap{flex:1 1 180px!important;min-width:150px;max-width:420px}
  html body.um-v2 .topbar-right > .btn,html body.um-v2 .topbar-right > a.btn,html body.um-v2 .topbar-right > button.btn{white-space:nowrap;flex:none}
}
@media (min-width:721px){
  html body.um-v2 .topbar-right #globalSearchWrap > div{width:100%}
  html body.um-v2 .topbar-right #globalSearchWrap #globalSearchInput{width:100%!important;min-width:0!important;box-sizing:border-box}
}
@media (min-width:721px) and (max-width:1480px){ html body.um-v2 header.topbar .topbar-right #topbarTime.topbar-time{display:none!important} }
@media (min-width:721px){ html body.um-v2 main.page-content .stats-grid[style*="max-width:520px"]{max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} }
/* SETTINGS-V2: one place to change your password, with matching field widths */
html body.um-v2 main.page-content #pwCurrent,html body.um-v2 main.page-content #pwNew,html body.um-v2 main.page-content #pwConfirm{width:100%!important;max-width:560px!important;box-sizing:border-box}
html body.um-v2 main.page-content:has(#pwNew) .form-group:has(input[name="new_password"]){display:none!important}
html body.um-v2 main.page-content #pwChangeForm > .form-group{max-width:560px!important}
/* NOFLASH-V2: the old 'body *' colour transition made the menu flash light grey on every page load */
html body.um-v2 #umV2Nav,html body.um-v2 #umV2Nav *,html body.um-v2 .topbar,html body.um-v2 .topbar *{transition:none!important}

/* REPORTS-V2c: figure tiles, chart cards and the period picker in the new style */
html body.um-v2 .topbar a[href*="period="]{display:inline-flex;align-items:center;height:34px;padding:0 12px!important;border-radius:999px!important;border:1px solid #E4E1EE!important;background:#fff!important;color:#16141F!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;margin:0 2px!important;box-shadow:none!important}
html body.um-v2 .topbar a[href*="period="][style*="purple"],html body.um-v2 .topbar a[href*="period="].active{background:#16141F!important;color:#fff!important;border-color:#16141F!important}
html body.um-v2 main.page-content [style*="repeat(auto-fill,minmax(160px,1fr))"] > div{background:#fff!important;border:1px solid #E4E1EE!important;border-radius:16px!important;box-shadow:inset 0 3px 0 #7C3AED!important;padding:16px 18px!important}
html body.um-v2 main.page-content [style*="repeat(auto-fill,minmax(160px,1fr))"] > div > div:first-child{font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important;color:#6E6B7B!important}
html body.um-v2 main.page-content .reports-2col > .card,html body.um-v2 main.page-content .reports-3col > .card{border-radius:16px!important;padding:18px 20px!important}
html body.um-v2 main.page-content .reports-2col .card-title,html body.um-v2 main.page-content .reports-3col .card-title{font-size:16px!important;font-weight:800!important;color:#16141F!important}
html body.um-v2 main.page-content .reports-2col [style*="height:6px"],html body.um-v2 main.page-content .reports-2col [style*="height:4px"]{border-radius:999px!important;overflow:hidden}
@media (max-width:900px){html body.um-v2 main.page-content .reports-2col,html body.um-v2 main.page-content .reports-3col{grid-template-columns:1fr!important}}