/* Preview-only visual unification. Keep existing controls and handlers intact. */
:root{--cs-brand:#7b68ee;--cs-brand-deep:#5140bd;--cs-brand-soft:#f4f2ff;--cs-brand-border:#dcd6ff}
:where(button,a,input,select,textarea,[role="button"]):focus-visible{outline:2px solid var(--cs-brand)!important;outline-offset:2px}
.pm-btn-primary,.pm-btn-primary:hover,.public-action,.public-nav .public-cta,.public-mobile-cta{background:var(--cs-brand);border-color:var(--cs-brand);color:#fff}
.pm-btn-primary:hover,.public-action:hover,.public-nav .public-cta:hover,.public-mobile-cta:hover{background:var(--cs-brand-deep);border-color:var(--cs-brand-deep);color:#fff}
.pm-btn-primary:disabled,.pm-btn-ghost:disabled{opacity:.48;cursor:not-allowed}
.pm-btn-ghost:hover,.pm-btn-icon:hover,.pm-view-tab:hover{color:var(--cs-brand-deep);background:var(--cs-brand-soft)}
.pm-main{background:radial-gradient(circle at 88% 5%,rgba(206,196,255,.18),transparent 28%),linear-gradient(180deg,#fff 0%,#f8f7fc 100%)}
.pm-topbar{background:rgba(255,255,255,.94);border-bottom-color:#e8e5f2}
.pm-page-context{border-color:#e8e5f2;background:linear-gradient(120deg,#fff,#f6f4ff);box-shadow:0 16px 38px rgba(45,37,85,.06)}
.pm-page-context::after{border-color:rgba(123,104,238,.08);box-shadow:0 0 0 22px rgba(123,104,238,.04)}
.pm-page-title{color:#25223c}.pm-page-subtitle{color:#625e73}
.pm-toolbar{border-color:#e8e5f2;background:#fff;box-shadow:0 14px 38px rgba(45,37,85,.05)}
.pm-view-tab:hover{background:#f4f2ff;color:var(--cs-brand-deep)}
.pm-view-tab.active{background:var(--cs-brand);box-shadow:0 7px 18px rgba(123,104,238,.22)}
.pm-search{background:#f7f6fc;border-color:#e8e5f2}.pm-search:focus-within{border-color:var(--cs-brand);box-shadow:0 0 0 3px #7b68ee22}
.pm-task-list,.pm-empty-state{border-color:#e8e5f2;box-shadow:0 14px 34px rgba(45,37,85,.05)}
.pm-empty-state-icon{background:#eeeaff;color:var(--cs-brand-deep);box-shadow:none}
#pm-app.cs-workspace-loading .pm-nav-count{color:transparent;background:#e9e6f3;min-height:16px;animation:cs-polish-pulse 1.2s ease-in-out infinite}
#pm-app.cs-workspace-loading #goals-list>*{visibility:hidden}
#pm-app.cs-workspace-loading #goals-list{min-height:32px;border-radius:8px;background:linear-gradient(90deg,#f0eef7,#e7e3f4,#f0eef7);background-size:200% 100%;animation:cs-polish-shimmer 1.4s linear infinite}
@keyframes cs-polish-pulse{50%{opacity:.5}}
@keyframes cs-polish-shimmer{to{background-position:-200% 0}}
#goals-list .pm-nav-item>span:nth-child(2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3;max-height:2.6em}
.cs-workspace-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#eeeaff;color:#5140bd;font-size:12px;font-weight:800}
.qa-assignee-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#ebe6ff;color:#5140bd;font-size:10px;font-weight:800}
#create-modal .qa-option-selected{background:#f4f2ff;color:#5140bd}
#create-modal .qa-option-check{margin-left:auto;color:#5140bd}
#create-modal .qa-option-check .cs-icon{width:15px;height:15px}
#create-modal .qa-shortcut{font-size:11px;font-weight:750;opacity:.95}
.cs-workspace-option-label{display:grid;gap:2px;min-width:0;max-width:180px}.cs-workspace-option-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.cs-workspace-option-label small{color:#736e82;font-size:11px}
#workspace-switcher-menu{max-height:min(320px,55dvh);overflow-y:auto}
.pm-dashboard>.pm-dashboard-card:first-child>.pm-dashboard-card-title{display:none}
#goal-progress-input{height:8px;accent-color:var(--cs-brand);cursor:pointer}
#cs-goal-target .cs-icon{width:15px;height:15px;vertical-align:-2px}
.cs-plan-goal-work .cs-plan-add,#cs-add-milestone-goal{border-radius:9px;font-weight:750}
.pm-task-row:hover,.pm-list-row:hover{background:#f7f6ff}
.pm-priority,.pm-task-priority,.pm-priority-label{font-size:max(11px,1em)}

/* Public, authentication, and legal surfaces share the product palette. */
.public-site{background:linear-gradient(180deg,#faf9ff 0%,#f5f4fb 100%);color:#25223c}
.public-announcement{background:#342c66;color:#fff}
.public-header{background:rgba(250,249,255,.94);border-bottom-color:#e7e3f2}
.public-logo,.public-hero h1,.public-section-heading h2{color:#25223c}
.public-logo img{height:62px;filter:none}
.public-nav a{color:#514b69}.public-nav a:hover,.public-nav a[aria-current="page"]{background:#eeebff;color:var(--cs-brand-deep)}
.public-menu-toggle{background:#fff;border-color:#dcd6ff;color:var(--cs-brand-deep)}
.public-kicker{color:var(--cs-brand-deep)}
.public-hero p,.public-section-heading p,.public-card p,.public-offer p,.public-trust,.public-footer{color:#625e73}
.public-card,.public-price-card,.public-preview{border-color:#e8e5f2;box-shadow:0 16px 40px rgba(45,37,85,.07)}
.public-card-icon{background:#eeebff;color:var(--cs-brand-deep)}
.public-price-card.featured,.public-offer{border-color:#dcd6ff;background:linear-gradient(150deg,#fff,#f7f5ff)}
.public-price-card ul{color:#454056}.public-action-secondary{border-color:#dcd6ff;background:#fff;color:var(--cs-brand-deep)}
.public-footer{border-top-color:#e7e3f2}.public-footer a:hover,.public-site a:not(.public-action):not(.public-action-secondary):not(.public-cta):hover{color:var(--cs-brand-deep)}
@media(max-width:760px){.public-nav{background:#fff;border-color:#e7e3f2}.public-logo img{height:48px}}
.auth-story{background:radial-gradient(circle at 15% 15%,rgba(190,176,255,.22),transparent 30%),linear-gradient(145deg,#28234e 0%,#473879 62%,#6653a4 100%)}
.auth-story h2 em{color:#d9d0ff}.auth-story-copy>p{color:#e4def7}.auth-story::after{border-color:rgba(223,215,255,.09)}
.auth-panel{background:radial-gradient(circle at 90% 5%,rgba(219,211,255,.29),transparent 28%),linear-gradient(180deg,#fff,#f7f6fc)}
.auth-brand-logo{filter:brightness(0) invert(1)}
.auth-public-nav a:hover{color:#fff}

/* Older warm control rules had higher source priority than the core app theme. */
.pm-calendar-day-header{background:#eeebff;color:#4f438f;border-color:#e2ddfa}
.pm-calendar-day.today{background:#f2efff;box-shadow:inset 0 0 0 2px #c7bdfb}
.pm-calendar-day.today .pm-calendar-day-number,.pm-timeline-date.today{background:var(--cs-brand);color:#fff}
.pm-date-trigger:hover,.pm-date-control.open .pm-date-trigger{border-color:var(--cs-brand);background:#f9f8ff;box-shadow:0 0 0 3px rgba(123,104,238,.12)}
.pm-date-trigger,.pm-pretty-select-trigger{border-color:#dcd6eb;color:#302b41;box-shadow:none}
.pm-pretty-select-trigger:hover,.pm-pretty-select.open .pm-pretty-select-trigger{border-color:var(--cs-brand);background:#f9f8ff;box-shadow:0 0 0 3px #7b68ee22}
.pm-pretty-select-chevron,.pm-date-icon{background:#eeeaff;color:var(--cs-brand-deep);box-shadow:none}
.pm-pretty-select-menu{background:#fff;border-color:#e8e5f2;box-shadow:0 20px 48px #2d255522}
.pm-pretty-option{color:#48435d}.pm-pretty-option:hover,.pm-pretty-option.selected{background:#f2efff;color:var(--cs-brand-deep);transform:none;box-shadow:none}
.pm-date-popover{border-color:#e4defa;background:#fff;box-shadow:0 28px 70px rgba(48,39,97,.22)}
.pm-date-day.selected,.pm-date-done,.cs-plan-date-button:hover,.cs-plan-timeline-ghost:hover{background:var(--cs-brand);color:#fff;border-color:var(--cs-brand)}
.pm-date-day.today:not(.selected){background:#eeeaff;color:var(--cs-brand-deep)}
.pm-date-actions button:not(.pm-date-done){color:var(--cs-brand-deep);background:#f6f4ff;border-color:#e2ddfb}
.cs-plan-time-chips button[aria-pressed="true"],.cs-plan-time-chips button.active{background:var(--cs-brand-soft);border-color:var(--cs-brand);color:var(--cs-brand-deep)}
.cs-plan-timeline-ghost,.cs-plan-timeline-date-button,.cs-plan-date-button{color:var(--cs-brand-deep);border-color:#dcd6ff;background:#faf9ff}
#create-modal #new-task-due-trigger{color:var(--cs-brand-deep)}

/* Keep native form semantics while giving controls one consistent treatment. */
.pm-select,.pm-detail-edit:is(select),#settings-modal select,.pm-mobile-view-picker select{appearance:none;border:1px solid #dcd6eb;border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6155a0 50%),linear-gradient(135deg,#6155a0 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px;color:#302b41}
input[type="checkbox"],input[type="radio"]{accent-color:var(--cs-brand)}
input[type="range"]{accent-color:var(--cs-brand)}
input[type="color"]{min-height:42px;border:1px solid #dcd6eb;border-radius:10px;background:#fff;cursor:pointer}
.pm-modal-content,.pm-profile-dropdown{border-color:#e8e5f2;box-shadow:0 20px 60px rgba(45,37,85,.16)}
.cs-settings-jump{position:sticky;top:0;z-index:2;display:flex;gap:6px;overflow-x:auto;margin:-6px -4px 18px;padding:6px 4px 10px;background:linear-gradient(#fff 80%,#ffffffeb);scrollbar-width:thin}
.cs-settings-jump button{flex:none;min-height:34px;padding:7px 11px;border:1px solid #e2ddfb;border-radius:999px;background:#f7f5ff;color:#5140bd;font:700 12px inherit;cursor:pointer}
.cs-settings-jump button:hover{background:#ebe6ff}
#settings-modal .pm-modal-body [id$="-heading"]{scroll-margin-top:52px}
.pm-entity-icon{background:#eeeaff;color:var(--cs-brand-deep);box-shadow:none}
.pm-entity-copy h3{color:#25223c}.pm-entity-copy p{color:#625e73}
.pm-entity-field{border-color:#e8e5f2;background:#fff}.pm-entity-field label{color:#514b69}
#entity-modal .pm-modal-content{background:#fff;border-color:#e8e5f2;box-shadow:0 26px 70px #2d255526}
#entity-name{color:#302b41;border-color:#dcd6eb}#entity-name:focus{border-color:var(--cs-brand);box-shadow:0 0 0 3px #7b68ee22}
#entity-submit{background:var(--cs-brand);border-color:var(--cs-brand);box-shadow:0 8px 18px #7b68ee30}
#team-modal .pm-modal-content{max-width:min(760px,calc(100vw - 28px));border:1px solid #e8e5f2;border-radius:20px;background:#fff}
#team-modal .pm-modal-header{padding:20px 24px;background:linear-gradient(120deg,#f5f2ff,#ebe7ff);border-bottom:1px solid #e8e5f2}
#team-modal .pm-modal-header h3{color:#302b41;font-size:20px}
#team-modal .pm-modal-body{padding:22px 24px}
#team-modal label{color:#514b69;font-weight:700}
#team-modal .pm-input{border-color:#dcd6eb;border-radius:10px}
.pm-select{background-color:#fff;color:#302b41;border-color:#dcd6eb;box-shadow:none;transform:none}
.pm-select:hover{background-color:#f9f8ff;border-color:#bdb4f6;box-shadow:none;transform:none}
.pm-select:focus{border-color:var(--cs-brand)!important;box-shadow:0 0 0 3px #7b68ee22!important}
.pm-select option{color:#302b41;background:#fff}
.pm-dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}
.pm-dashboard>.pm-dashboard-card{grid-column:span 2}
.pm-dashboard>.pm-dashboard-card:nth-last-child(-n+2){grid-column:span 3}
@media(max-width:900px){.pm-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-dashboard>.pm-dashboard-card,.pm-dashboard>.pm-dashboard-card:nth-last-child(-n+2){grid-column:span 1}}
@media(max-width:540px){.pm-dashboard{grid-template-columns:1fr}}
body.theme-dark .pm-main{background:#0f172a}
body.theme-dark .pm-topbar,body.theme-dark .pm-toolbar,body.theme-dark .pm-task-list,body.theme-dark .pm-empty-state,body.theme-dark .pm-profile-dropdown,body.theme-dark #entity-modal .pm-modal-content,body.theme-dark .pm-pretty-select-menu{background:#111827;color:#e5e7eb;border-color:#334155}
body.theme-dark .pm-page-context{background:linear-gradient(120deg,#111827,#191b37);border-color:#334155}
body.theme-dark .pm-page-title,body.theme-dark .pm-entity-copy h3{color:#f8fafc}
body.theme-dark .pm-select,body.theme-dark .pm-pretty-select-trigger,body.theme-dark .pm-date-trigger,body.theme-dark #entity-name,body.theme-dark .pm-entity-field{background:#111827;color:#e5e7eb;border-color:#334155}
.pm-empty-state{min-height:215px;padding:28px 20px}
.pm-empty-state-icon{background:#eeeaff;color:var(--cs-brand-deep)}

/* Legal text should read like a document, not a six-card dashboard. */
.public-legal-document{width:min(760px,100%);margin:0 auto}
.public-legal-document .public-hero{text-align:left;margin:0 0 30px}
.public-legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:16px;border:1px solid #e8e5f2;border-radius:15px;background:#fff}
.public-legal-toc strong{flex-basis:100%;font-size:14px}
.public-legal-toc a{display:inline-flex;padding:7px 10px;border-radius:8px;background:#f4f2ff;color:var(--cs-brand-deep);font-size:14px;text-decoration:none}
.public-legal-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
.public-legal-sections>*{min-width:0}
.public-legal-sections .public-card{padding:25px 0;border:0;border-top:1px solid #e8e5f2;border-radius:0;background:transparent;box-shadow:none}
.public-legal-sections .public-card h2{font-size:23px;color:#25223c}
.public-legal-sections .public-card p{font-size:16px;line-height:1.75;color:#4d4960}
.public-legal-document a{color:var(--cs-brand-deep);text-decoration-thickness:1px;text-underline-offset:3px}

/* Modals and phone navigation keep content and primary controls separate. */
@media(max-width:760px){
  .pm-content,.pm-list-view,.pm-task-list,.pm-mobile-calendar{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  #pm-app .pm-page-context{display:flex;flex-direction:column;align-items:stretch;height:auto!important;max-height:none!important;min-height:0;overflow:visible}
  #pm-app .pm-page-context>div:first-child{min-width:0;width:100%}
  #pm-app .pm-page-subtitle{display:block;max-height:none!important;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
  #pm-app #toolbar{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto!important;min-height:0;overflow:visible;gap:8px}
  #pm-app .pm-mobile-view-picker{display:flex;flex:none;min-width:0;width:100%;margin:0}
  .pm-mobile-view-picker .pm-select{width:100%;max-width:none}
  #pm-app .pm-toolbar-actions{display:flex!important;flex:none;position:relative;z-index:1;min-width:0;width:100%;max-width:100%;margin:0;overflow-x:auto!important;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#c8bffc transparent}
  .pm-toolbar-actions>*{flex:none}
  .pm-toolbar-actions .pm-btn-ghost:nth-child(2),.pm-toolbar-actions .pm-btn-ghost:nth-child(3){display:inline-flex}
  #cs-mobile-task-fab{bottom:calc(87px + env(safe-area-inset-bottom));z-index:900}
  body:has(#profile-dropdown.open) #cs-mobile-task-fab,body:has(#workspace-switcher-menu.open) #cs-mobile-task-fab{display:none!important}
  #create-modal .qa-chip-row{position:relative;scrollbar-width:thin;scrollbar-color:#c8bffc transparent}
  #create-modal .qa-scroll{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
  .pm-detail-panel .pm-btn-ghost,.pm-detail-panel button{font-family:inherit}
  .pm-detail-actions button:has([data-cs-icon="trash"]){color:#b42333;border-color:#f1c9cf;background:#fff7f8}
  .public-main.public-legal-document{box-sizing:border-box;width:100%;max-width:760px;padding-right:18px;padding-left:18px}
  #settings-modal .pm-modal-footer button,.cs-mobile-nav button,.cs-mobile-nav button span{font-family:inherit!important}
}

/* Complete purple/neutral treatment for public auth and calendar surfaces. */
.auth-eyebrow{color:#e6ddff}.auth-eyebrow::before{background:#b8a8ff;box-shadow:0 0 0 4px #b8a8ff30}
.auth-benefit span,.auth-proof a{color:#d9d0ff}
.auth-preview-window{background:#faf9ff;color:#302b41}.auth-preview-top{background:#eeeaff;border-bottom-color:#dcd6ff}
.auth-preview-top i,.auth-preview-top i:nth-child(2),.auth-preview-top i:nth-child(3){background:#a99aee}
.auth-preview-nav{background:#302957;color:#f2eeff}.auth-preview-add{background:#7b68ee}
.auth-preview-stat,.auth-preview-task{border-color:#e7e3f2}.auth-preview-stat small{color:#736e82}
.auth-preview-check{border-color:#7b68ee}.auth-preview-pill{background:#eeeaff;color:#5140bd}
#auth-title{color:#25223c}#auth-subtitle,.auth-switch,.auth-terms{color:#625e73}
#google-signin-btn,#auth-form input{border-color:#dcd6eb;color:#302b41;box-shadow:none}
#google-signin-btn:hover{border-color:#7b68ee;background:#faf9ff;box-shadow:0 8px 20px #2d255514}
#auth-form input::placeholder{color:#898398}#auth-form input:focus{border-color:#7b68ee;box-shadow:0 0 0 4px #7b68ee22}
.auth-divider::before,.auth-divider::after{background:#e7e3f2}.auth-divider span,.auth-password-hint{color:#77718a}
#auth-submit,.onboarding-next{background:#7b68ee;box-shadow:0 10px 22px #7b68ee33}
#auth-submit:hover,.onboarding-next:hover{background:#5140bd;box-shadow:0 13px 27px #7b68ee44}
#forgot-password-btn,#auth-toggle-btn,.auth-terms a{color:#5140bd}
.onboarding-dot.active{background:#7b68ee}.onboarding-feature .cs-icon{color:#b8a8ff}
.auth-campaign-offer{border-color:#dcd6ff;background:#f7f5ff;color:#4d4960;box-shadow:none}.auth-campaign-offer strong,.auth-campaign-code{color:#5140bd}.auth-campaign-code{border-color:#a99aee}
.pm-calendar{border-color:#e8e5f2;background:#fff;box-shadow:0 20px 45px #2d255514}
.pm-calendar-day{background:#fff;border-color:#e8e5f2}.pm-calendar-day:hover{background:#f7f5ff;box-shadow:inset 0 0 0 2px #dcd6ff}
.pm-calendar-day.other-month{background:#f8f7fc;color:#898398}.pm-calendar-day.today{background:#f3f0ff;box-shadow:inset 0 0 0 2px #b8a8ff}
.pm-calendar-day-number{color:#39344d}.pm-calendar-day.today .pm-calendar-day-number{background:#7b68ee;color:white}
.pm-calendar-task{box-shadow:0 3px 8px #2d255512}
.pm-date-control .pm-date-popover,.cs-plan-date-backdrop .pm-date-popover{background:#fff;border-color:#e4defa}
.pm-date-month{color:#302b41}.pm-date-nav button{background:#eeeaff;color:#5140bd}.pm-date-nav button:hover{background:#dcd6ff}
.pm-date-week span{color:#736e82}.pm-date-day{color:#3f3a51}.pm-date-day:hover{background:#eeeaff;color:#5140bd}
.pm-date-day.other{color:#aaa5b7}.pm-date-day.today{box-shadow:inset 0 0 0 1px #a99aee}
.pm-date-day.selected{background:#7b68ee;color:#fff;box-shadow:0 5px 12px #7b68ee44}
.pm-date-actions{border-top-color:#e8e5f2}.pm-date-actions button{background:#f4f2ff;color:#5140bd}.pm-date-actions button:hover{background:#e9e5ff}
.pm-date-done,#create-modal .pm-date-done,.cs-plan-date-backdrop .pm-date-done{background:#7b68ee!important;color:#fff!important}
.pm-date-trigger{color:#302b41;border-color:#dcd6eb;box-shadow:none}.pm-date-placeholder{color:#827c91}
#goals-list .pm-nav-item{height:auto;min-height:38px}
#goals-list .pm-nav-item>span:nth-child(2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;max-height:none;font-size:13px;line-height:1.3;word-break:break-word}
#goals-list .cs-plan-goal-more,#goals-list .cs-plan-goal-more:hover{color:#625e73!important}
#goals-list .cs-plan-goal-more:hover{background:#f4f2ff!important}
.cs-plan-sidebar-percent{font-size:12px!important;line-height:1.3}
.cs-plan-goal-work .cs-plan-add,#cs-add-milestone-goal{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid #7b68ee;border-radius:10px;background:#7b68ee;color:#fff;font:750 13px inherit}
#cs-new-version{bottom:88px!important;right:16px;max-width:min(360px,calc(100vw - 32px))}
@media(max-width:760px){
  #settings-modal{padding:0!important;align-items:stretch!important}
  #settings-modal .pm-modal-content{position:fixed;inset:0;width:100vw;max-width:none!important;max-height:none;height:100dvh;margin:0;border-radius:0;display:flex;flex-direction:column}
  #settings-modal .pm-modal-header,#settings-modal .pm-modal-footer{flex:none}
  #settings-modal .pm-modal-body{flex:1;min-height:0;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  #settings-modal .cs-settings-jump{position:static;margin:0 0 16px;padding:0 0 8px;font-family:inherit}
  #settings-modal .cs-settings-jump button{font-family:inherit}
  #cs-new-version{bottom:calc(92px + env(safe-area-inset-bottom))!important;right:12px}
  .pm-task-list{padding-bottom:calc(170px + env(safe-area-inset-bottom))}
  .pm-task-row{padding-right:64px}
}
.cs-goal-progress-adjust{display:inline-flex;align-items:center;gap:12px;margin:16px 0}
.cs-goal-progress-adjust button{width:40px;height:40px;border:1px solid #dcd6ff;border-radius:10px;background:#f4f2ff;color:#5140bd;font:800 20px/1 inherit;cursor:pointer}
.cs-goal-progress-adjust span{min-width:52px;text-align:center;font-weight:800;color:#302b41}
.cs-color-palette{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cs-color-palette button{width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #dcd6eb;cursor:pointer}
.cs-color-palette button[aria-pressed=true]{box-shadow:0 0 0 2px #5140bd}
.cs-color-palette input{width:94px;min-height:36px;padding:6px 8px;border:1px solid #dcd6eb;border-radius:9px;background:#fff;color:#302b41;font:600 12px inherit}
.cs-count-pending{min-height:16px;min-width:23px;background:linear-gradient(90deg,#eeeaf7,#ddd7f1,#eeeaf7);background-size:200% 100%;animation:cs-polish-shimmer 1.4s linear infinite}
#create-modal .qa-create-another input[type=checkbox],.pm-customize-toggle input[type=checkbox]{appearance:none;width:34px;height:21px;border:1px solid #d2c8e5;border-radius:999px;background:#e6e0ed;position:relative;cursor:pointer}
#create-modal .qa-create-another input[type=checkbox]::before,.pm-customize-toggle input[type=checkbox]::before{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}
#create-modal .qa-create-another input[type=checkbox]:checked,.pm-customize-toggle input[type=checkbox]:checked{background:#7b68ee;border-color:#7b68ee}
#create-modal .qa-create-another input[type=checkbox]:checked::before,.pm-customize-toggle input[type=checkbox]:checked::before{transform:translateX(13px)}
.cs-note-toolbar button,.cs-note-toolbar .cs-styled-select-trigger,.cs-notes-filter-row .cs-styled-select-trigger{border-color:#dcd6eb;background:#fff;color:#5140bd;font-family:inherit}
.cs-note-toolbar button:hover,.cs-note-toolbar button:focus-visible{background:#f4f2ff}
.cs-note-folder-line,.cs-notes-count,.cs-note-group-label{color:#736e82}
.cs-note-pin{color:#7b68ee}
.cs-notes-empty-icon{background:#eeeaff!important;color:#5140bd!important}
.pm-calendar-header{background:linear-gradient(120deg,#6752d8,#907ff4)!important}
.pm-calendar-nav .pm-btn-ghost,.pm-calendar-nav .pm-btn-icon{background:#ffffff22;border-color:#ffffff66;color:#fff}
.pm-calendar-nav .pm-btn-ghost:hover,.pm-calendar-nav .pm-btn-icon:hover{background:#ffffff33}
.cs-plan-goal-menu{border-color:#e8e5f2;background:#fff}
.pm-task-row .pm-priority,.pm-board-card .pm-priority{font-size:11px}
/* Keep the mobile view selector and filters inside the page, not beside it. */
@media(max-width:760px){
  html,body,#pm-app,.pm-main{max-width:100%;overflow-x:clip}
  #pm-app .pm-page-context,#pm-app #toolbar{box-sizing:border-box;width:calc(100% - 20px);max-width:calc(100vw - 20px);min-width:0}
  #pm-app .pm-page-context{position:relative;z-index:1;gap:8px}
  #pm-app .pm-page-context>div:first-child,#pm-app #page-subtitle{width:100%;min-width:0;max-width:100%}
  #pm-app #toolbar{position:relative;z-index:0;flex-wrap:nowrap!important;overflow:hidden!important}
  #pm-app .pm-mobile-view-picker,#pm-app .pm-mobile-view-picker .cs-styled-select,#pm-app .pm-mobile-view-picker .cs-styled-select-trigger{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
  #pm-app .pm-mobile-view-picker{flex-wrap:wrap}
  #pm-app .pm-mobile-view-picker>span{flex:none}
  #pm-app .pm-toolbar-actions{box-sizing:border-box;display:flex!important;flex-wrap:wrap!important;width:100%;max-width:100%;gap:6px;overflow:visible!important;white-space:normal}
  #pm-app .pm-toolbar-actions .pm-btn-ghost{display:inline-flex;flex:1 1 calc(50% - 6px);min-width:0;min-height:36px;justify-content:center;font-size:12px}
  #pm-app .pm-toolbar-actions #customize-toggle{width:auto;font-size:12px}
}
.cs-preview-service-notice{padding:10px 12px;border:1px solid #dcd6ff;border-radius:10px;background:#f7f5ff;color:#5140bd;font-size:12px;line-height:1.45}
#goals-list .pm-nav-item{overflow:visible}
.cs-plan-request #cs-request-filter{background:#fff!important;border:1px solid #dcd6ff!important;color:#5140bd!important;box-shadow:none!important}
.cs-manage-space-action{color:#5140bd!important;border-color:#b9adf4!important;background:#fff!important;font-weight:750!important}
.cs-plan-timeline-short-label{display:none!important}
.cs-plan-timeline-bar{z-index:2}
.cs-plan-timeline-add-once{min-height:34px;border:1px solid #dcd6ff!important;border-radius:9px;background:#f4f2ff!important;color:#5140bd!important;font-weight:700}
.cs-plan-unscheduled-label{display:block;padding:5px 8px;color:#736e82;font-size:11px}
.public-trust span::before{content:none!important}
#team-modal #team-modal-body label:not(.pm-sr-only){font-size:12px;line-height:1.4;font-weight:650;letter-spacing:0;text-transform:none}
#team-modal #team-email,#team-modal #team-role{box-sizing:border-box;min-height:42px;font:600 13px/1.3 inherit;border:1px solid #dcd6eb;border-radius:10px;background:#fff;color:#302b41}
#team-modal #team-role{appearance:none;padding:10px 34px 10px 12px;background-image:linear-gradient(45deg,transparent 50%,#625e73 50%),linear-gradient(135deg,#625e73 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px;background-repeat:no-repeat}
#team-modal #team-email:focus,#team-modal #team-role:focus{outline:2px solid #7b68ee;outline-offset:2px}
#team-modal .pm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#team-modal #team-role+.cs-styled-select .cs-styled-select-trigger{min-height:42px;border-color:#dcd6eb;border-radius:10px;font:600 13px/1.3 inherit}
#detail-panel .pm-detail-field[data-task-field="assignee"] .pm-detail-field-remove{margin-left:10px}
@media(max-width:760px){
  .pm-detail-actions button:has([data-cs-icon="trash"]),#detail-panel button[onclick*="delete"]{color:#b42333!important;border-color:#f1c9cf!important;background:#fff7f8!important}
  #create-modal .qa-template-label{display:inline!important;font-size:11px}
  #create-modal .qa-chip-row{flex-wrap:wrap!important;overflow:visible!important;white-space:normal}
  #create-modal .qa-workspace-chip{max-width:75px}
  #create-modal .qa-header-actions{flex-shrink:0}
}
/* Phone Home: normal document flow keeps the subtitle, view and filters separate. */
@media(max-width:760px){
  #pm-app .pm-page-context{display:block!important;position:static!important;z-index:auto!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important}
  #pm-app .pm-page-context::after{display:none!important}
  #pm-app .pm-page-context>div:first-child{display:block;width:100%;min-width:0;height:auto!important;overflow:visible!important}
  #pm-app #page-title,#pm-app #page-subtitle{display:block!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere}
  #pm-app #toolbar{display:block!important;position:static!important;z-index:auto!important;flex:0 0 auto!important;clear:both;width:calc(100% - 20px);height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important}
  #pm-app #toolbar .pm-mobile-view-picker{display:block!important;width:100%;min-width:0;height:auto!important;margin:0 0 8px}
  #pm-app #toolbar .pm-mobile-view-picker>span{display:block;margin-bottom:5px}
  #pm-app #toolbar .pm-mobile-view-picker .cs-styled-select{display:block;width:100%;min-width:0;max-width:100%}
  #pm-app #toolbar .pm-toolbar-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;gap:6px;margin:0;overflow:visible!important}
  #pm-app #toolbar .pm-toolbar-actions .pm-btn-ghost{width:100%;min-width:0;max-width:100%;margin:0;white-space:nowrap}
  #pm-app #filters-panel,#pm-app #customize-panel{flex:0 0 auto!important;height:auto!important;min-height:0;max-height:55dvh;overflow-y:auto}
  #pm-app #filters-panel{position:static!important;max-height:none!important;overflow:visible!important;padding-bottom:18px!important}
  #pm-app #filters-panel .pm-filter-group,#pm-app #filters-panel #assignee-filter{min-width:0;width:100%}
  #pm-app #content-area .pm-board{height:auto!important;min-height:0;align-items:flex-start;overflow-x:auto}
  #pm-app #content-area .pm-board-column{height:auto!important;min-height:0}
  #pm-app #content-area .pm-board-tasks{flex:0 0 auto;overflow-y:visible}
  #pm-app .pm-topbar-right>.pm-btn-primary{display:inline-flex;width:40px;min-width:40px;height:40px;padding:0;justify-content:center}
  #cs-mobile-task-fab{display:none!important}
}
#goals-list .pm-nav-item>span:nth-child(2){display:block!important;min-width:0;overflow:visible!important;text-overflow:clip}
#goals-list .cs-plan-goal-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.3}
#goals-list .cs-plan-goal-scope{display:block;overflow-wrap:anywhere;white-space:normal;margin-top:3px;color:#736e82;font-size:11px;line-height:1.3}
body.theme-dark .pm-logo-text{color:#f8fafc!important}
body.theme-dark .pm-recurrence,body.theme-dark .pm-recurrence-summary,body.theme-dark .pm-recurrence-title{background:#172033;color:#e2e8f0;border-color:#475569}
body.theme-dark .pm-recurrence label{color:#cbd5e1}
.cs-note-title:focus-visible{outline:2px solid #7b68ee;outline-offset:-2px;border-radius:8px}
@media(max-width:760px){
  #create-modal .qa-heading{flex-wrap:wrap;align-content:center}
  #create-modal .qa-workspace-chip{display:block;max-width:min(180px,calc(100vw - 145px));white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.25}
  #create-modal .pm-modal-header{align-items:flex-start}
  #create-modal .qa-header-actions{margin-left:auto}
}