.qcr-client-page { min-height: 100vh; background: #edf4f6; }
.client-header { min-height: 82px; padding: 0 max(24px,calc((100vw - 1184px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(17,24,32,.08); background: rgba(251,253,254,.94); box-shadow: 0 8px 24px rgba(17,24,32,.04); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.client-private-label { color: #647985; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.client-header-tools { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 18px; }
.client-logout-link { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; border: 1px solid #cbdbe1; border-radius: 6px; color: #36505b; font-size: 10px; font-weight: 800; }
.client-logout-link:hover, .client-logout-link:focus-visible { border-color: #28c7fa; color: #087d9f; outline: none; }
.client-dashboard-link { min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; border: 1px solid #bfe6f1; border-radius: 999px; background: #e8f8fc; color: #087d9f; font-size: 10px; font-weight: 800; }
.client-dashboard-link:hover, .client-dashboard-link:focus-visible { border-color: #28c7fa; background: white; color: #36505b; outline: none; }

.client-access-main { min-height: calc(100vh - 82px); padding: 70px 20px; display: grid; place-items: center; }
.client-access-card { width: min(100%,620px); padding: 58px; border: 1px solid #d4e2e7; border-top: 5px solid var(--lime); border-radius: 18px; background: white; box-shadow: 0 28px 70px rgba(17,24,32,.12); text-align: center; }
.client-lock { width: 58px; height: 58px; margin: 0 auto 25px; display: grid; place-items: center; border-radius: 50%; background: #dff6fc; color: #087d9f; font-size: 20px; }
.client-eyebrow, .client-card-label { color: #087d9f; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.client-access-card h1 { margin: 18px auto 0; font-size: clamp(40px,7vw,62px); }
.client-access-card > p:not(.client-eyebrow) { max-width: 480px; margin: 22px auto 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.client-access-card > .button { margin-top: 28px; }
.client-password-form { margin-top: 27px; }
.client-password-form form { width: 100%; margin: 0; }
.client-password-entry { width: min(100%,440px); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) 104px; align-items: stretch; gap: 12px; }
.client-password-field { min-width: 0; position: relative; }
.client-password-form input[type="password"], .client-password-form input[type="text"] { width: 100%; min-height: 53px; padding: 0 66px 0 16px; border: 1px solid #cbd9df; border-radius: 7px; background: #f8fbfc; color: var(--ink); font-size: 16px; outline: none; }
.client-password-form input[type="password"]:focus, .client-password-form input[type="text"]:focus { border-color: #28c7fa; box-shadow: 0 0 0 3px rgba(40,199,250,.18); }
.client-password-toggle { min-width: 51px; min-height: 37px; padding: 0 9px; position: absolute; top: 8px; right: 8px; border: 0; border-radius: 6px; background: #e6f1f4; color: #36505b; font-size: 10px; font-weight: 800; cursor: pointer; }
.client-password-toggle:hover, .client-password-toggle:focus-visible { background: #d5e9ee; color: #087d9f; outline: none; }
.client-password-form input[type="submit"] { min-height: 53px; padding: 0 20px; border: 0; border-radius: 7px; background: var(--ink); color: white; font-weight: 800; cursor: pointer; }
.client-password-form input[type="submit"]:hover, .client-password-form input[type="submit"]:focus-visible { background: #087d9f; outline: 3px solid rgba(40,199,250,.2); }
.client-help-link { display: inline-block; margin-top: 22px; color: #087d9f; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.client-login-card { width: min(100%,680px); }
.client-portal-form { width: min(100%,440px); margin: 27px auto 0; display: grid; gap: 10px; text-align: left; }
.client-portal-form label { margin-top: 6px; color: #3c5059; font-size: 11px; font-weight: 800; }
.client-portal-form > input[type="text"], .client-portal-form > input[type="email"], .client-portal-form > input[type="password"], .client-portal-form .client-password-field > input { width: 100%; min-height: 53px; padding: 0 16px; border: 1px solid #cbd9df; border-radius: 7px; background: #f8fbfc; color: var(--ink); font-size: 16px; outline: none; }
.client-portal-form .client-password-field > input { padding-right: 66px; }
.client-portal-form > input:focus, .client-portal-form .client-password-field > input:focus { border-color: #28c7fa; box-shadow: 0 0 0 3px rgba(40,199,250,.18); }
.client-remember { margin: 3px 0 2px; display: flex; align-items: center; gap: 9px; color: #60747d !important; font-weight: 600 !important; cursor: pointer; }
.client-remember input { width: 16px; height: 16px; accent-color: #087d9f; }
.client-portal-submit { min-height: 54px; margin-top: 7px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 7px; background: var(--ink); color: white; font: 800 12px Manrope; cursor: pointer; }
.client-portal-submit span { color: var(--lime); }
.client-portal-submit:hover, .client-portal-submit:focus-visible { background: #087d9f; outline: 3px solid rgba(40,199,250,.2); }
.client-portal-notice { width: min(100%,440px); margin: 22px auto 0; padding: 13px 15px; border: 1px solid #c7d9df; border-radius: 7px; background: #f2f7f9; color: #425963; font-size: 11px; line-height: 1.55; text-align: left; }
.client-portal-notice.success { border-color: #b8dfc4; background: #eff9f2; color: #23633a; }
.client-portal-notice.error { border-color: #efc2bc; background: #fff1ef; color: #8a332d; }
.client-portal-notice.info { border-color: #bfe6f1; background: #e8f8fc; color: #176780; }
.client-portal-primary { margin-top: 28px; }
.client-portal-support { margin-top: 30px !important; padding-top: 22px; border-top: 1px solid #e1eaed; color: #73858d !important; font-size: 10px !important; }
.client-portal-support a { color: #087d9f; font-weight: 700; }
.client-location-card { width: min(100%,760px); }
.client-location-list { margin-top: 30px; border-top: 1px solid #dce7eb; text-align: left; }
.client-location-link { min-height: 84px; padding: 17px 4px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #dce7eb; color: var(--ink); transition: color .18s ease, padding .18s ease; }
.client-location-link:hover, .client-location-link:focus-visible { padding-left: 10px; color: #087d9f; outline: none; }
.client-location-link > span:first-child { min-width: 0; display: grid; gap: 6px; }
.client-location-link strong { font: 800 17px Manrope; }
.client-location-link small { overflow-wrap: anywhere; color: #71848c; font-size: 10px; line-height: 1.45; }
.client-location-score { flex: 0 0 auto; color: #087d9f; font-size: 10px; font-weight: 800; }
.client-location-score b { margin-left: 7px; color: var(--ink); font-size: 14px; }

.client-dashboard-main { width: min(100%,1232px); margin: 0 auto; padding: 65px 24px 80px; }
.client-dashboard-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.client-dashboard-heading h1 { margin-top: 14px; font-size: clamp(48px,7vw,74px); }
.client-dashboard-heading > div > p:last-child { margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.client-demo-badge { margin-bottom: 7px; padding: 8px 11px; border: 1px solid #b9e4f1; border-radius: 999px; background: #dff6fc; color: #087d9f; font-size: 8px; font-weight: 800; letter-spacing: .11em; }

.client-score-layout { margin-top: 42px; display: grid; grid-template-columns: 1.45fr .65fr; gap: 18px; }
.client-score-card, .client-rank-card { min-height: 390px; padding: 35px; border-radius: 18px; position: relative; overflow: hidden; }
.client-score-card { background: var(--green); color: white; box-shadow: 0 28px 65px rgba(17,24,32,.18); }
.client-score-card::before { content: ""; width: 440px; height: 440px; position: absolute; left: -150px; top: -95px; border-radius: 50%; background: radial-gradient(circle,rgba(40,199,250,.22),transparent 67%); }
.client-score-card > * { position: relative; z-index: 1; }
.client-score-card .client-card-label { color: var(--lime); }
.client-score-content { min-height: 245px; display: flex; align-items: center; justify-content: center; gap: clamp(32px,6vw,78px); }
.client-score-ring { --client-score: 0; width: 190px; height: 190px; flex: 0 0 190px; display: grid; place-content: center; position: relative; isolation: isolate; border-radius: 50%; background: conic-gradient(var(--lime) 0 calc(var(--client-score) * 1%),#38505c calc(var(--client-score) * 1%) 100%); box-shadow: 0 18px 44px rgba(0,0,0,.24); text-align: center; }
.client-score-ring::after { content: ""; position: absolute; inset: 11px; z-index: 0; border-radius: 50%; background: #f9fcfd; }
.client-score-ring strong, .client-score-ring small { position: relative; z-index: 1; }
.client-score-ring strong { color: var(--ink); font: 800 62px/.9 Manrope; letter-spacing: -.07em; }
.client-score-ring small { margin-top: 6px; color: #6d7f88; font-size: 11px; }
.client-score-ring.client-score-pending { background: #38505c; }
.client-score-copy > span { color: #91a7b2; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.client-score-copy h2 { max-width: 250px; margin-top: 10px; font-size: clamp(30px,4vw,46px); }
.client-score-change { width: fit-content; margin: 19px 0 0; padding: 8px 11px; border-radius: 999px; font-size: 10px; font-weight: 800; }
.client-score-change.positive { background: rgba(40,199,250,.16); color: #75ddfb; }
.client-score-change.negative { background: rgba(239,120,104,.15); color: #ffad9e; }
.client-score-change.neutral { background: rgba(255,255,255,.1); color: #c2d1d7; }
.client-score-scale { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; color: #849ca7; font-size: 8px; }
.client-score-scale div { height: 6px; overflow: hidden; border-radius: 99px; background: #38505c; }
.client-score-scale i { display: block; height: 100%; border-radius: inherit; background: var(--lime); }

@media (min-width: 981px) {
  .client-score-card { padding-bottom: 28px; display: flex; flex-direction: column; }
  .client-score-content { flex: 1 1 auto; }
  .client-score-scale { margin-top: auto; }
}

.client-rank-card { display: flex; flex-direction: column; border: 1px solid #d4e2e7; background: white; box-shadow: 0 18px 45px rgba(17,24,32,.07); }
.client-rank-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.client-rank-heading > span { padding: 6px 9px; border-radius: 999px; background: #fff5d8; color: #8b6500; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-rank-number { margin-top: 33px; font: 800 clamp(76px,10vw,112px)/.9 Manrope; letter-spacing: -.08em; }
.client-rank-card > p { margin: 13px 0 0; color: var(--muted); font-size: 12px; }
.client-next-target { margin-top: auto; padding: 17px 0; display: grid; gap: 4px; border-bottom: 1px solid var(--line); }
.client-next-target span, .client-leader-target span { color: #7d9099; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.client-next-target strong { font: 800 17px Manrope; }
.client-leader-target { padding-top: 17px; display: grid; gap: 5px; }
.client-leader-target span { color: #7d9099; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.client-leader-target strong { font: 800 24px Manrope; }
.client-leader-target small { color: #087d9f; font-size: 10px; font-weight: 700; }

.client-review-trajectory { margin-top: 18px; padding: 38px 38px 28px; overflow: hidden; position: relative; border-radius: 18px; background: #101b25; color: white; box-shadow: 0 22px 52px rgba(17,24,32,.15); }
.client-review-trajectory::after { content: ""; width: 430px; height: 430px; position: absolute; right: -180px; top: -220px; border-radius: 50%; background: radial-gradient(circle,rgba(40,199,250,.22),transparent 68%); pointer-events: none; }
.review-trajectory-intro { display: grid; grid-template-columns: minmax(300px,.85fr) 1.15fr; align-items: end; gap: 55px; position: relative; z-index: 1; }
.review-trajectory-intro .client-card-label { color: var(--lime); }
.review-trajectory-intro h2 { margin-top: 12px; color: white; font-size: clamp(28px,4vw,40px); }
.review-trajectory-intro > p { max-width: 620px; margin: 0; color: #a9bac2; font-size: 12px; line-height: 1.7; }
.review-trajectory-track { margin-top: 36px; display: grid; grid-template-columns: repeat(3,1fr); position: relative; z-index: 1; }
.trajectory-stage { min-width: 0; padding: 0 clamp(12px,3vw,34px); position: relative; z-index: 1; text-align: center; }
.trajectory-stage + .trajectory-stage { border-left: 1px solid rgba(255,255,255,.1); }
.trajectory-stage-label { color: #91a5ae; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.trajectory-stage.current .trajectory-stage-label { color: #74dafa; }
.trajectory-stage > strong { margin-top: 8px; display: block; color: white; font: 800 clamp(46px,6vw,70px)/1 Manrope; letter-spacing: -.06em; }
.trajectory-unit { display: block; color: #91a5ae; font-size: 10px; }
.trajectory-rating { width: fit-content; margin: 18px auto 0; padding: 7px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.06); }
.trajectory-rating b { font: 800 12px Manrope; }
.trajectory-rating span { color: #f0ad22; font-size: 9px; letter-spacing: 1px; }
.trajectory-stage > small { min-height: 28px; margin-top: 12px; display: block; color: #8fa3ad; font-size: 9px; line-height: 1.45; }
.trajectory-stage.current > small { color: #74dafa; }
.trajectory-stage.projected > small { color: var(--lime); }
.review-projection-note { max-width: 850px; margin: 30px auto 0; padding: 15px 18px; display: flex; align-items: center; justify-content: center; gap: 11px; position: relative; z-index: 1; border: 1px solid rgba(40,199,250,.18); border-radius: 9px; background: rgba(40,199,250,.08); color: #c8d7dc; font-size: 11px; line-height: 1.6; text-align: center; }
.review-projection-note span { color: var(--cyan); font-size: 16px; }
.review-projection-disclaimer { max-width: 760px; margin: 14px auto 0; position: relative; z-index: 1; color: #6f858f; font-size: 8px; line-height: 1.5; text-align: center; }

.client-leaderboard { margin-top: 18px; padding: 34px; border: 1px solid #d4e2e7; border-radius: 16px; background: white; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.client-leaderboard-intro { display: grid; grid-template-columns: minmax(260px,.8fr) 1.2fr; align-items: end; gap: 50px; }
.client-leaderboard-intro h2 { margin-top: 12px; font-size: clamp(28px,4vw,38px); }
.client-leaderboard-intro > p { max-width: 610px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.client-leaderboard-list { margin-top: 27px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.client-leaderboard-columns { min-height: 34px; padding: 8px 18px; display: grid; grid-template-columns: 48px minmax(180px,1fr) 90px 70px 100px; align-items: center; gap: 15px; background: #f3f7f8; color: #82949c; font-size: 7px; font-weight: 800; letter-spacing: .11em; }
.client-leaderboard-columns span:nth-child(n+3) { text-align: right; }
.client-leaderboard-row { min-height: 61px; padding: 10px 18px; display: grid; grid-template-columns: 48px minmax(180px,1fr) 90px 70px 100px; align-items: center; gap: 15px; border-top: 1px solid var(--line); }
.client-leaderboard-columns + .client-leaderboard-row { border-top: 0; }
.client-leaderboard-row.current { background: #e8f8fc; box-shadow: inset 4px 0 0 var(--cyan); }
.client-leaderboard-rank { color: #80929a; font: 800 14px Manrope; }
.client-leaderboard-row > div { display: flex; align-items: center; gap: 10px; }
.client-leaderboard-row > div strong { font: 700 14px Manrope; }
.client-leaderboard-row > div small { padding: 4px 6px; border-radius: 99px; background: var(--ink); color: white; font-size: 7px; font-weight: 800; letter-spacing: .09em; }
.client-leaderboard-score { justify-self: end; min-width: 57px; padding: 6px 8px; display: inline-flex; align-items: baseline; justify-content: center; gap: 2px; border-radius: 999px; background: #edf4f6; color: #12313b; }
.client-leaderboard-score b { font: 800 14px Manrope; }
.client-leaderboard-score small { color: #6e858e; font-size: 7px; font-weight: 800; }
.client-leaderboard-row.current .client-leaderboard-score { background: var(--ink); color: white; }
.client-leaderboard-row.current .client-leaderboard-score small { color: var(--lime); }
.client-leaderboard-rating { font: 800 15px Manrope; text-align: right; }
.client-leaderboard-rating b { color: #f0ad22; }
.client-leaderboard-reviews { color: var(--muted); font-size: 10px; text-align: right; }

.client-tracker-launch { margin-top: 18px; padding: 32px 34px; display: flex; align-items: center; justify-content: space-between; gap: 34px; border: 1px solid #bfe6f1; border-radius: 16px; background: #e8f8fc; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.client-tracker-launch h2 { margin-top: 11px; font-size: clamp(28px,4vw,38px); }
.client-tracker-launch p:not(.client-card-label) { max-width: 720px; margin: 14px 0 0; color: #42606c; font-size: 13px; line-height: 1.7; }
.client-tracker-launch .button { flex: 0 0 auto; }

.qcr-tracker-page { background: #edf4f6; }
.tracker-main { width: min(100%,1232px); margin: 0 auto; padding: 48px 24px 78px; }
.tracker-hero { display: grid; grid-template-columns: 1fr 340px; align-items: end; gap: 35px; }
.tracker-hero h1 { margin-top: 13px; font-size: clamp(44px,7vw,72px); }
.tracker-hero p:not(.client-eyebrow) { max-width: 760px; margin: 15px 0 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.tracker-day-card { min-height: 150px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #cce0e7; border-top: 5px solid var(--lime); border-radius: 16px; background: white; box-shadow: 0 18px 45px rgba(17,24,32,.07); }
.tracker-day-card span, .tracker-day-card small { color: #718792; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tracker-day-card strong { font: 800 27px/1.08 Manrope; letter-spacing: -.045em; }
.tracker-day-nav { margin-top: 24px; padding: 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #d4e2e7; border-radius: 14px; background: white; box-shadow: 0 12px 28px rgba(17,24,32,.04); }
.tracker-day-nav a, .tracker-day-nav button { min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #cbdbe1; border-radius: 8px; background: #f8fbfc; color: #29434e; font-size: 11px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.tracker-day-nav a:hover, .tracker-day-nav button:hover, .tracker-day-nav a:focus-visible, .tracker-day-nav button:focus-visible { border-color: var(--lime); background: #e8f8fc; color: #087d9f; outline: none; }
.tracker-day-nav form { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.tracker-day-nav input { min-height: 42px; padding: 0 12px; border: 1px solid #cbdbe1; border-radius: 8px; background: white; color: var(--ink); font-size: 14px; }
.tracker-workspace { margin-top: 18px; display: grid; grid-template-columns: 360px minmax(0,1fr); gap: 18px; align-items: start; }
.tracker-add-card { padding: 25px; display: grid; gap: 13px; border-radius: 16px; background: #101b25; color: white; box-shadow: 0 22px 52px rgba(17,24,32,.17); }
.tracker-add-card h2 { margin-top: 8px; color: white; font-size: 31px; }
.tracker-add-card .client-card-label { color: var(--lime); }
.tracker-add-card label { display: grid; gap: 7px; }
.tracker-add-card label span { color: #8fa7b3; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tracker-add-card input, .tracker-add-card select { width: 100%; min-height: 51px; padding: 0 13px; border: 1px solid rgba(191,238,255,.16); border-radius: 8px; background: rgba(255,255,255,.08); color: white; font-size: 16px; outline: none; }
.tracker-add-card input::placeholder { color: #7d929c; }
.tracker-add-card input:focus, .tracker-add-card select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(40,199,250,.17); }
.tracker-add-card select option { color: var(--ink); }
.tracker-new-employee.is-hidden, .tracker-new-service.is-hidden { display: none; }
.tracker-form-row { display: grid; grid-template-columns: 1fr 120px; gap: 10px; }
.tracker-money-row { grid-template-columns: 1fr 1fr; }
.tracker-schedule-card { min-width: 0; padding: 25px; border: 1px solid #d4e2e7; border-radius: 16px; background: white; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.tracker-schedule-heading { display: flex; align-items: start; justify-content: space-between; gap: 22px; }
.tracker-schedule-heading h2 { margin-top: 10px; font-size: clamp(28px,4vw,40px); }
.tracker-mini-stats { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.tracker-mini-stats span { padding: 8px 10px; border-radius: 999px; background: #edf4f6; color: #526a75; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.tracker-employee-filters { margin-top: 18px; padding: 8px; display: flex; gap: 8px; overflow-x: auto; border: 1px solid #dbe8ed; border-radius: 13px; background: #f8fbfc; scrollbar-width: thin; }
.tracker-employee-filter { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; border: 1px solid #cbdbe1; border-radius: 999px; background: white; color: #425963; font-size: 10px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.tracker-employee-filter span { min-width: 21px; min-height: 21px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 999px; background: #edf4f6; color: #60747d; font-size: 9px; }
.tracker-employee-filter.active, .tracker-employee-filter:hover, .tracker-employee-filter:focus-visible { border-color: #28c7fa; background: #101b25; color: white; outline: none; }
.tracker-employee-filter.active span, .tracker-employee-filter:hover span, .tracker-employee-filter:focus-visible span { background: var(--lime); color: #101b25; }
.tracker-appointment-list { max-height: min(68vh,720px); margin-top: 18px; padding-right: 7px; display: grid; gap: 10px; overflow-y: auto; scrollbar-width: thin; }
.tracker-appointment-list::-webkit-scrollbar, .tracker-employee-filters::-webkit-scrollbar { width: 8px; height: 8px; }
.tracker-appointment-list::-webkit-scrollbar-track, .tracker-employee-filters::-webkit-scrollbar-track { background: #edf4f6; border-radius: 999px; }
.tracker-appointment-list::-webkit-scrollbar-thumb, .tracker-employee-filters::-webkit-scrollbar-thumb { background: #b9ccd4; border-radius: 999px; }
.tracker-appointment-row { min-height: 92px; padding: 15px; display: grid; grid-template-columns: 108px minmax(180px,1fr) 118px minmax(190px,.95fr); align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fbfdfe; }
.tracker-appointment-row.is-hidden { display: none; }
.tracker-appointment-row.status-upcoming, .tracker-appointment-row.status-walk_in { border-color: #f1d695; background: #fffaf0; }
.tracker-appointment-row.status-completed, .tracker-appointment-row.status-review_sent { border-color: #b8dfc4; background: #eff9f2; }
.tracker-appointment-row.status-cancelled { opacity: .7; background: #f4f4f3; }
.tracker-time { min-height: 62px; display: grid; place-content: center; gap: 4px; border-radius: 11px; background: var(--ink); color: white; text-align: center; }
.tracker-time strong { font: 800 17px Manrope; letter-spacing: -.035em; }
.tracker-time span { color: #91a7b2; font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tracker-customer { min-width: 0; display: grid; gap: 7px; }
.tracker-customer strong { font: 800 17px Manrope; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tracker-customer a { color: #087d9f; font-size: 13px; font-weight: 800; }
.tracker-employee-badge { width: fit-content; padding: 5px 8px; border: 0; border-radius: 999px; background: #e8f8fc; color: #087d9f; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.tracker-employee-badge:hover, .tracker-employee-badge:focus-visible { background: #101b25; color: white; outline: 3px solid rgba(40,199,250,.16); }
.tracker-service-details { display: flex; flex-wrap: wrap; gap: 5px; }
.tracker-service-details span { width: fit-content; padding: 5px 8px; border-radius: 999px; background: #f2f7f9; color: #536a75; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.tracker-service-details span:first-child { background: #f0fbfe; color: #087d9f; }
.tracker-empty-day { margin-top: 23px; padding: 46px 25px; border: 1px dashed #c5d8df; border-radius: 14px; background: #f8fbfc; text-align: center; }
.tracker-empty-day strong { font: 800 22px Manrope; }
.tracker-empty-day p { max-width: 520px; margin: 10px auto 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.tracker-weekly-card { margin-top: 18px; padding: 28px; border: 1px solid #d4e2e7; border-radius: 16px; background: white; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.tracker-weekly-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.tracker-weekly-heading h2 { margin-top: 10px; font-size: clamp(31px,4vw,45px); }
.tracker-weekly-heading p:not(.client-card-label) { max-width: 680px; margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.tracker-period-toggle { padding: 4px; display: flex; gap: 4px; border: 1px solid #cbdbe1; border-radius: 999px; background: #f8fbfc; }
.tracker-period-toggle a { min-height: 34px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: #536a75; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tracker-period-toggle a.active { background: var(--ink); color: white; }
.tracker-week-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.tracker-week-nav a, .tracker-week-nav button { min-height: 42px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #cbdbe1; border-radius: 8px; background: #f8fbfc; color: #29434e; font-size: 10px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.tracker-week-nav a:hover, .tracker-week-nav button:hover, .tracker-week-nav a:focus-visible, .tracker-week-nav button:focus-visible { border-color: var(--lime); background: #e8f8fc; color: #087d9f; outline: none; }
.tracker-weekly-totals { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.tracker-weekly-totals div { min-height: 93px; padding: 17px 14px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #d9e7ec; border-radius: 12px; background: #f5fafc; }
.tracker-weekly-totals span { color: #738892; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tracker-weekly-totals strong { font: 800 27px/.95 Manrope; letter-spacing: -.055em; }
.tracker-payroll-table { margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.tracker-payroll-row { min-height: 56px; padding: 12px 16px; display: grid; grid-template-columns: minmax(150px,1.2fr) 90px 130px 110px 130px; align-items: center; gap: 12px; border-top: 1px solid var(--line); }
.tracker-payroll-row:first-child { border-top: 0; }
.tracker-payroll-head { min-height: 38px; background: #f2f7f9; color: #82949c; font-size: 7px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.tracker-payroll-item { border-top: 1px solid var(--line); }
.tracker-payroll-item:first-of-type { border-top: 0; }
.tracker-payroll-item .tracker-payroll-row { border-top: 0; cursor: pointer; list-style: none; transition: background .18s ease; }
.tracker-payroll-item .tracker-payroll-row::-webkit-details-marker { display: none; }
.tracker-payroll-item .tracker-payroll-row:hover, .tracker-payroll-item[open] .tracker-payroll-row { background: #fbfdfe; }
.tracker-payroll-row strong { font: 800 14px Manrope; }
.tracker-payroll-row strong small { margin-top: 4px; display: block; color: #8a9ba4; font: 800 8px Manrope; letter-spacing: .1em; text-transform: uppercase; }
.tracker-payroll-row span { color: #435861; font-size: 12px; font-weight: 800; text-align: right; }
.tracker-payroll-row span:first-child, .tracker-payroll-row strong:first-child { text-align: left; }
.tracker-payroll-breakdown { padding: 0 16px 16px; background: #fbfdfe; }
.tracker-payroll-detail-row { min-height: 44px; padding: 10px 0; display: grid; grid-template-columns: minmax(130px,1fr) 70px minmax(130px,1fr) 82px 82px 82px; align-items: center; gap: 12px; border-top: 1px solid #e2edf1; }
.tracker-payroll-detail-head { min-height: 30px; color: #82949c; font-size: 7px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.tracker-payroll-detail-row strong { display: grid; gap: 3px; font: 800 12px Manrope; }
.tracker-payroll-detail-row strong small { color: #8a9ba4; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tracker-payroll-detail-row span { color: #52666f; font-size: 11px; font-weight: 800; text-align: right; }
.tracker-payroll-detail-row span:nth-child(3) { text-align: left; }
.tracker-payroll-detail-row strong:first-child, .tracker-payroll-detail-row span:first-child { text-align: left; }
.tracker-weekly-empty { margin-top: 20px; }

.client-customer-tracker { margin-top: 18px; padding: 34px; border: 1px solid #d4e2e7; border-radius: 18px; background: white; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.customer-tracker-intro { display: grid; grid-template-columns: minmax(300px,.9fr) 1.1fr; align-items: end; gap: 38px; }
.customer-tracker-intro h2 { margin-top: 12px; font-size: clamp(30px,4vw,42px); }
.customer-tracker-intro p:not(.client-card-label) { max-width: 620px; margin: 15px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.customer-tracker-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.customer-tracker-stats div { min-height: 86px; padding: 16px 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #d9e7ec; border-radius: 12px; background: #f5fafc; }
.customer-tracker-stats strong { font: 800 28px/.95 Manrope; letter-spacing: -.06em; }
.customer-tracker-stats span { color: #738892; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.customer-tracker-notice { margin-top: 24px; padding: 13px 15px; border-radius: 9px; font-size: 12px; font-weight: 700; line-height: 1.5; }
.customer-tracker-notice.success { border: 1px solid #b8dfc4; background: #eff9f2; color: #23633a; }
.customer-tracker-notice.error { border: 1px solid #efc2bc; background: #fff1ef; color: #8a332d; }
.customer-tracker-panel { margin-top: 28px; display: grid; grid-template-columns: minmax(280px,.78fr) 1.22fr; gap: 18px; align-items: start; }
.customer-quick-add { padding: 24px; display: grid; gap: 13px; border-radius: 14px; background: #101b25; color: white; box-shadow: 0 20px 45px rgba(17,24,32,.13); }
.customer-quick-add label { display: grid; gap: 7px; }
.customer-quick-add label span { color: #8fa7b3; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.customer-quick-add input, .customer-quick-add select { width: 100%; min-height: 50px; padding: 0 13px; border: 1px solid rgba(191,238,255,.16); border-radius: 8px; background: rgba(255,255,255,.08); color: white; font-size: 15px; outline: none; }
.customer-quick-add input::placeholder { color: #7d929c; }
.customer-quick-add input:focus, .customer-quick-add select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(40,199,250,.17); }
.customer-quick-add select option { color: var(--ink); }
.customer-add-button { min-height: 52px; margin-top: 6px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; border: 0; border-radius: 8px; background: var(--lime); color: var(--ink); font: 800 12px Manrope; cursor: pointer; }
.customer-add-button span { font-size: 15px; }
.customer-add-button:hover, .customer-add-button:focus-visible { background: #75ddfb; outline: 3px solid rgba(40,199,250,.2); }
.customer-list-card { min-width: 0; padding: 18px; border: 1px solid #d9e7ec; border-radius: 14px; background: #fbfdfe; }
.customer-list-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.customer-list-heading h3 { margin: 9px 0 0; font: 800 24px/1.15 Manrope; letter-spacing: -.04em; }
.customer-list-heading > span { padding: 7px 9px; border-radius: 999px; background: #e8f8fc; color: #087d9f; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.customer-list { margin-top: 20px; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.customer-list-columns, .customer-row { display: grid; grid-template-columns: minmax(108px,1fr) 98px 126px 94px minmax(132px,.8fr); align-items: center; gap: 8px; min-width: 590px; }
.customer-list-columns { min-height: 34px; padding: 8px 12px; background: #f2f7f9; color: #82949c; font-size: 7px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.customer-row { min-height: 70px; padding: 12px; border-top: 1px solid var(--line); }
.customer-list-columns + .customer-row { border-top: 0; }
.customer-name { display: grid; gap: 4px; min-width: 0; }
.customer-name strong { font: 800 13px Manrope; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-name small { color: #8698a1; font-size: 9px; }
.customer-phone { color: #087d9f; font-size: 12px; font-weight: 800; }
.customer-appointment { color: #52666f; font-size: 11px; line-height: 1.4; }
.customer-status-pill { width: fit-content; padding: 7px 9px; border-radius: 999px; background: #edf4f6; color: #425963; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.status-upcoming .customer-status-pill, .status-walk_in .customer-status-pill { background: #fff5d8; color: #8b6500; }
.status-completed .customer-status-pill, .status-review_sent .customer-status-pill { background: #edf9f0; color: #2b7a3f; }
.status-cancelled .customer-status-pill { background: #f2f0ef; color: #7d6d67; }
.customer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; min-width: 0; }
.customer-status-form { margin: 0; }
.customer-action { min-height: 33px; padding: 0 9px; border: 0; border-radius: 7px; background: var(--ink); color: white; font-size: 8px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.customer-action.muted { border: 1px solid #cbdbe1; background: white; color: #60747d; }
.customer-action:hover, .customer-action:focus-visible { transform: translateY(-1px); outline: 3px solid rgba(40,199,250,.16); }
.tracker-edit-form { grid-column: 1 / -1; margin-top: 4px; padding: 18px; border: 1px solid #d6e4e9; border-radius: 12px; background: rgba(255,255,255,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.75); }
.tracker-edit-form.is-hidden { display: none; }
.tracker-edit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; }
.tracker-edit-form label { display: grid; gap: 6px; }
.tracker-edit-form label span { color: #758a94; font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.tracker-edit-form input, .tracker-edit-form select { width: 100%; min-height: 43px; padding: 0 11px; border: 1px solid #cbdbe1; border-radius: 8px; background: white; color: var(--ink); font-size: 14px; outline: none; }
.tracker-edit-form input:focus, .tracker-edit-form select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(40,199,250,.15); }
.tracker-edit-actions { margin-top: 12px; display: flex; justify-content: flex-end; }
.tracker-edit-actions .customer-add-button { min-height: 44px; margin-top: 0; padding: 0 16px; }
.tracker-filter-empty { margin-top: 16px; padding: 24px; border: 1px dashed #c5d8df; border-radius: 12px; background: #f8fbfc; text-align: center; }
.tracker-filter-empty.is-hidden { display: none; }
.tracker-filter-empty strong { font: 800 18px Manrope; }
.tracker-filter-empty p { margin: 8px auto 0; color: var(--muted); font-size: 12px; }
.customer-empty-state { margin-top: 20px; padding: 28px; border: 1px dashed #c5d8df; border-radius: 12px; background: white; text-align: center; }
.customer-empty-state strong { font: 800 18px Manrope; }
.customer-empty-state p { max-width: 450px; margin: 9px auto 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.client-review-intelligence { margin-top: 18px; padding: 34px; border: 1px solid #d4e2e7; border-radius: 16px; background: #fbfdfe; box-shadow: 0 16px 38px rgba(17,24,32,.04); }
.client-review-intelligence-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.9fr); gap: 28px; align-items: start; }
.client-review-intelligence-intro h2 { margin: 7px 0 0; font-size: 34px; }
.client-review-intelligence-intro span { display: inline-block; margin-top: 9px; color: #78909b; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-review-intelligence-intro > div:last-child > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.client-review-intelligence-stats { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.client-review-intelligence-stats span { min-height: 38px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #d7e7ed; border-radius: 8px; background: white; color: #52666f; font-size: 10px; font-weight: 800; letter-spacing: 0; text-transform: none; }
.client-review-intelligence-stats b { color: var(--ink); font: 900 18px Manrope; }
.client-review-report-text { margin-top: 24px; padding: 20px; border: 1px solid #d9e7ec; border-radius: 12px; background: white; color: #425963; font-size: 13px; line-height: 1.75; }
.client-review-praises { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.client-review-praises article { min-width: 0; padding: 18px; border: 1px solid #dbe8ed; border-radius: 12px; background: white; }
.client-review-praises span, .client-review-action-grid span { color: #087d9f; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.client-review-praises strong { display: block; margin-top: 7px; font: 800 16px/1.25 Manrope; }
.client-review-praises p { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.client-review-praises small { display: block; margin-top: 12px; padding-top: 11px; border-top: 1px solid #edf3f5; color: #6d818a; font-size: 11px; line-height: 1.5; }
.client-review-priorities { margin-top: 18px; display: grid; gap: 14px; }
.client-review-priority { padding: 22px; border: 1px solid #d6e4e9; border-radius: 12px; background: white; }
.client-review-priority.severity-high { border-left: 5px solid #ef7f69; }
.client-review-priority.severity-medium { border-left: 5px solid #28c7fa; }
.client-review-priority.severity-low { border-left: 5px solid #79d65f; }
.client-review-priority-heading { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 13px; align-items: start; }
.client-review-priority-heading > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: #e8f8fc; color: #087d9f; font: 900 12px Manrope; }
.client-review-priority-heading small { color: #81949c; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.client-review-priority-heading h3 { margin: 4px 0 0; font: 800 22px/1.2 Manrope; letter-spacing: 0; }
.client-review-priority > p { margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.client-review-frequency { color: #087d9f !important; font-weight: 800; }
.client-review-evidence { margin-top: 14px; display: grid; gap: 8px; }
.client-review-evidence blockquote { margin: 0; padding: 12px 14px; border-left: 3px solid #28c7fa; border-radius: 8px; background: #f3fbfd; color: #425963; font-size: 12px; line-height: 1.55; }
.client-review-fix { margin-top: 14px; padding: 14px 16px; border-radius: 10px; background: #f7fafb; }
.client-review-fix p { margin: 0; color: #425963; font-size: 12px; line-height: 1.6; }
.client-review-fix p + p { margin-top: 9px; }
.client-review-checklist, .client-review-action-grid ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.client-review-checklist li, .client-review-action-grid li { position: relative; padding-left: 18px; color: #52666f; font-size: 12px; line-height: 1.55; }
.client-review-checklist li::before, .client-review-action-grid li::before { content: ""; width: 7px; height: 7px; position: absolute; left: 0; top: .55em; border-radius: 50%; background: #28c7fa; }
.client-review-action-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.client-review-action-grid article { padding: 18px; border: 1px solid #dbe8ed; border-radius: 12px; background: white; }
.client-review-action-grid b { color: var(--ink); }
.client-review-confidence { margin: 18px 0 0; padding: 14px 16px; border: 1px solid #d8e7ed; border-radius: 10px; background: #f2f7f9; color: #52666f; font-size: 12px; line-height: 1.6; }

.client-insight-grid { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.client-insight-card { min-height: 285px; padding: 34px; position: relative; border: 1px solid #d4e2e7; border-radius: 16px; background: white; box-shadow: 0 16px 38px rgba(17,24,32,.05); }
.client-insight-card.priority { border-color: #bfe6f1; background: #e8f8fc; }
.client-insight-number { position: absolute; right: 29px; top: 27px; color: #b8c8ce; font: 800 11px Manrope; }
.client-insight-card h2 { margin-top: 28px; font-size: 30px; }
.client-insight-card > p:last-child { max-width: 500px; margin: 18px 0 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.client-insight-card.priority h2 { font-size: clamp(34px,4vw,44px); letter-spacing: -.055em; }
.client-priority-plan { max-width: 560px; margin-top: 20px; display: grid; gap: 14px; }
.client-priority-focus { display: block; color: #12313b; font: 800 23px/1.18 Manrope; letter-spacing: -.035em; }
.client-priority-intro { margin: 0; color: #425963; font-size: 13px; line-height: 1.65; }
.client-priority-steps { margin: 0; padding: 0; list-style: none; counter-reset: qcr-priority-step; display: grid; gap: 10px; }
.client-priority-steps li { min-height: 54px; padding: 12px 14px 12px 12px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: 12px; border: 1px solid #cbe5ee; border-radius: 10px; background: rgba(255,255,255,.78); color: #36505b; font-size: 13px; font-weight: 700; line-height: 1.55; }
.client-priority-steps li::before { counter-increment: qcr-priority-step; content: counter(qcr-priority-step); width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: #101b25; color: var(--lime); font: 900 12px Manrope; }

.client-dashboard-footer-card { margin-top: 18px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 14px; background: var(--ink); color: white; }
.client-dashboard-footer-card > div:first-child { display: flex; flex-direction: column; gap: 5px; }
.client-dashboard-footer-card span { color: #9db0b9; font-size: 10px; }
.client-dashboard-footer-card strong { font: 700 18px Manrope; }
.client-dashboard-actions { display: flex; gap: 10px; }
.client-dashboard-actions .button { min-height: 45px; }
.client-dashboard-actions form { margin: 0; display: flex; }
.client-dashboard-actions form .button { width: 100%; }
.client-billing-notice { margin: 0 0 18px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 1px solid #c8dce4; border-radius: 10px; background: #f4fafc; color: #294651; }
.client-billing-notice.warning { border-color: #ecd28e; background: #fff9e8; color: #654c10; }
.client-billing-notice.error { border-color: #e8b8b2; background: #fff1ef; color: #7e302a; }
.client-billing-notice strong { font: 800 13px Manrope; }
.client-billing-notice p { margin: 5px 0 0; font-size: 12px; line-height: 1.55; }
.client-billing-notice form { flex: 0 0 auto; margin: 0; }
.client-score-disclaimer { max-width: 720px; margin: 18px auto 0; color: #778a93; font-size: 9px; line-height: 1.55; text-align: center; }

@media (max-width: 980px) {
  .tracker-edit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .client-review-intelligence-intro, .client-review-praises, .client-review-action-grid { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .client-dashboard-main { padding-top: 45px; }.client-dashboard-heading { align-items: start; flex-direction: column; gap: 18px; }.client-demo-badge { margin: 0; }.client-billing-notice { align-items: stretch; flex-direction: column; }.client-billing-notice form .button { width: 100%; }.client-score-layout { grid-template-columns: 1fr; }.client-score-card, .client-rank-card { min-height: 340px; }.client-rank-card { min-height: 315px; }.review-trajectory-intro { grid-template-columns: 1fr; gap: 15px; }.client-tracker-launch { align-items: stretch; flex-direction: column; }.client-tracker-launch .button { width: 100%; }.tracker-hero, .tracker-workspace { grid-template-columns: 1fr; }.tracker-day-nav { flex-wrap: wrap; }.tracker-day-nav form { width: 100%; margin-left: 0; order: -1; }.tracker-day-nav input { flex: 1; }.tracker-appointment-row { grid-template-columns: 96px minmax(0,1fr) 112px; }.tracker-appointment-row .customer-actions { grid-column: 1 / -1; justify-content: stretch; }.tracker-appointment-row .customer-status-form { flex: 1; }.tracker-appointment-row .customer-action { width: 100%; min-height: 40px; }.tracker-weekly-heading { flex-direction: column; }.tracker-week-nav { justify-content: flex-start; }.tracker-weekly-totals { grid-template-columns: repeat(2,1fr); }.tracker-payroll-table { overflow-x: auto; }.tracker-payroll-row { min-width: 650px; }.tracker-payroll-detail-row { min-width: 720px; }.customer-tracker-intro, .customer-tracker-panel { grid-template-columns: 1fr; }.customer-tracker-stats { grid-template-columns: repeat(2,1fr); }.client-leaderboard-intro { grid-template-columns: 1fr; gap: 15px; }.client-insight-grid { grid-template-columns: 1fr; }.client-dashboard-footer-card { align-items: stretch; flex-direction: column; }.client-dashboard-actions { width: 100%; }.client-dashboard-actions .button { flex: 1; }
}

@media (max-width: 560px) {
  .client-header { min-height: 72px; padding: 0 16px; }.client-header .brand-mark { width: 38px; height: 38px; }.client-header .brand-mark svg { width: 33px; height: 33px; }.client-header .brand strong { font-size: 12px; }.client-header .brand small { font-size: 7px; }.client-private-label { display: none; }.client-header-tools { gap: 6px; }.client-dashboard-link, .client-logout-link { min-height: 34px; padding: 0 10px; font-size: 9px; }.client-access-main { min-height: calc(100vh - 72px); padding: 36px 15px; }.client-access-card { padding: 40px 20px; }.client-location-link { min-height: 92px; align-items: flex-start; flex-direction: column; gap: 10px; }.client-location-score { width: 100%; display: flex; justify-content: space-between; }.client-password-entry { grid-template-columns: 1fr; gap: 14px; }.client-password-form input[type="submit"] { width: 100%; }.client-portal-form { gap: 9px; }.client-portal-support { font-size: 9px !important; }.client-dashboard-main { padding: 36px 15px 60px; }.client-dashboard-heading h1 { font-size: 44px; }.client-billing-notice { padding: 16px; }.client-score-card, .client-rank-card { padding: 25px 20px; border-radius: 14px; }.client-score-content { min-height: 270px; gap: 22px; }.client-score-ring { width: 125px; height: 125px; flex-basis: 125px; }.client-score-ring strong { font-size: 43px; }.client-score-copy h2 { font-size: 29px; }.client-score-change { font-size: 8px; }.client-review-trajectory { padding: 28px 20px 22px; }.review-trajectory-track { margin-top: 30px; grid-template-columns: 1fr; gap: 0; }.trajectory-stage { min-height: 142px; padding: 0 0 25px; display: grid; grid-template-columns: 86px minmax(0,1fr) auto; column-gap: 10px; text-align: left; }.trajectory-stage.current .trajectory-stage-label { grid-column: 2 / 4; }.trajectory-stage > strong { grid-column: 2 / 3; margin-top: 5px; font-size: 45px; }.trajectory-unit { grid-column: 3 / 4; align-self: end; padding-bottom: 6px; }.trajectory-rating { grid-column: 2 / 4; margin: 10px 0 0; }.trajectory-stage > small { min-height: 0; margin-top: 10px; grid-column: 2 / 4; }.review-projection-note { align-items: flex-start; text-align: left; }.client-tracker-launch { padding: 27px 20px; }.tracker-main { padding: 36px 15px 62px; }.tracker-hero h1 { font-size: 42px; }.tracker-day-card { min-height: 126px; padding: 20px; }.tracker-day-card strong { font-size: 23px; }.tracker-day-nav { align-items: stretch; flex-direction: column; }.tracker-day-nav form { display: grid; grid-template-columns: 1fr; }.tracker-day-nav a, .tracker-day-nav button, .tracker-day-nav input { width: 100%; }.tracker-add-card, .tracker-schedule-card, .tracker-weekly-card { padding: 20px; }.tracker-form-row, .tracker-money-row { grid-template-columns: 1fr; }.tracker-schedule-heading { flex-direction: column; }.tracker-mini-stats { justify-content: flex-start; }.tracker-appointment-row { min-height: 0; grid-template-columns: 1fr; gap: 12px; }.tracker-time { min-height: 54px; place-content: start; padding: 12px; text-align: left; }.tracker-customer strong { white-space: normal; }.tracker-appointment-row .customer-status-pill { width: 100%; justify-content: center; text-align: center; }.tracker-edit-grid { grid-template-columns: 1fr; }.tracker-edit-actions .customer-add-button { width: 100%; }.tracker-weekly-totals { grid-template-columns: 1fr; }.tracker-period-toggle { width: 100%; }.tracker-period-toggle a { flex: 1; }.tracker-week-nav a, .tracker-week-nav button { width: 100%; }.client-customer-tracker { padding: 26px 18px; }.customer-tracker-intro h2 { font-size: 32px; }.customer-tracker-stats { gap: 7px; }.customer-tracker-stats div { min-height: 78px; padding: 13px 10px; }.customer-tracker-stats strong { font-size: 24px; }.customer-quick-add { padding: 20px; }.customer-list-card { padding: 18px 13px; }.customer-list-heading { align-items: flex-start; flex-direction: column; gap: 11px; }.customer-list-columns { display: none; }.customer-row { min-width: 0; min-height: 0; padding: 15px 12px; grid-template-columns: 1fr auto; gap: 10px 12px; }.customer-name { grid-column: 1 / 2; }.customer-phone { grid-column: 2 / 3; justify-self: end; }.customer-appointment { grid-column: 1 / 3; }.customer-status-pill { grid-column: 1 / 2; }.customer-actions { grid-column: 1 / 3; justify-content: stretch; }.customer-status-form { flex: 1; }.customer-action { width: 100%; min-height: 40px; }.client-leaderboard { padding: 27px 18px; }.client-leaderboard-columns { display: none; }.client-leaderboard-row { padding: 13px 12px; grid-template-columns: 34px minmax(0,1fr) auto auto; gap: 9px; }.client-leaderboard-row > div { align-items: flex-start; flex-direction: column; gap: 5px; }.client-leaderboard-score { min-width: 53px; }.client-leaderboard-rating { text-align: right; }.client-leaderboard-reviews { grid-column: 2 / 5; text-align: left; }.client-insight-card { min-height: 0; padding: 28px 22px; }.client-dashboard-footer-card { padding: 25px 20px; }.client-dashboard-actions { flex-direction: column; }.client-dashboard-actions form { width: 100%; }
  .trajectory-stage { min-height: 0; padding: 0 0 20px; display: block; text-align: left; border-bottom: 1px solid rgba(255,255,255,.1); }.trajectory-stage + .trajectory-stage { border-left: 0; }.trajectory-stage:last-child { padding-bottom: 0; border-bottom: 0; }.trajectory-stage-label { grid-column: auto; }.trajectory-stage > strong { margin-top: 5px; font-size: 45px; }.trajectory-unit { padding-bottom: 0; }.trajectory-rating { margin: 10px 0 0; }.trajectory-stage > small { min-height: 0; margin-top: 10px; }
  .client-review-intelligence { padding: 24px 18px; border-radius: 14px; }.client-review-intelligence-intro h2 { font-size: 30px; }.client-review-report-text { padding: 16px; font-size: 12px; }.client-review-priority { padding: 18px; }.client-review-priority-heading { grid-template-columns: 1fr; }.client-review-priority-heading > span { width: 38px; height: 38px; }.client-review-priority-heading h3 { font-size: 20px; }.client-priority-focus { font-size: 20px; }.client-priority-steps li { grid-template-columns: 30px minmax(0,1fr); gap: 10px; font-size: 12px; }.client-priority-steps li::before { width: 30px; height: 30px; border-radius: 8px; }
}

@media print {
  body.qcr-tracker-page { background: white; }.qcr-tracker-page .client-header, .qcr-tracker-page .tracker-hero, .qcr-tracker-page .tracker-day-nav, .qcr-tracker-page .customer-tracker-notice, .qcr-tracker-page .tracker-workspace, .qcr-tracker-page .tracker-period-toggle, .qcr-tracker-page .tracker-week-nav { display: none !important; }.qcr-tracker-page .tracker-main { width: 100%; padding: 0; }.qcr-tracker-page .tracker-weekly-card { margin: 0; padding: 0; border: 0; box-shadow: none; }.qcr-tracker-page .tracker-payroll-row, .qcr-tracker-page .tracker-payroll-detail-row { break-inside: avoid; }
}

@media (max-width: 360px) {
  .client-score-content { gap: 12px; }.client-score-ring { width: 105px; height: 105px; flex-basis: 105px; }.client-score-ring strong { font-size: 36px; }.client-score-copy h2 { font-size: 24px; }
}

/* Review-growth summary shares the existing portal identity and visual language. */
.client-review-growth { margin-top:24px; padding:30px 35px; border:1px solid #d5e3e8; border-radius:18px; background:#fff; }
.growth-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.growth-heading h2 { margin:9px 0 0; font:800 26px/1.25 Manrope,sans-serif; letter-spacing:-.035em; }
.growth-badge { flex-shrink:0; padding:7px 11px; border-radius:999px; background:#fff3d9; color:#805812; font-size:10px; font-weight:800; }
.growth-description { max-width:680px; margin:17px 0 0; color:#586f7a; font-size:14px; line-height:1.7; }
.growth-stats { display:grid; grid-template-columns:1fr 1fr; margin:24px 0; border-block:1px solid #e2ecef; }
.growth-stats > div { display:flex; align-items:center; gap:18px; padding:23px 18px 23px 0; }
.growth-stats > div + div { padding-left:28px; border-left:1px solid #e2ecef; }
.growth-stats strong { color:#173d4a; font:800 35px/1 Manrope,sans-serif; }
.growth-stats span { color:#354f5a; font-size:12px; font-weight:700; line-height:1.6; }
.growth-stats small { display:block; color:#738690; font-size:10px; font-weight:400; }
.growth-next-step { color:#586f7a; font-size:12px; line-height:1.8; }
.growth-next-step strong { color:#284552; }
.growth-footnote { margin:14px 0 0; color:#74848c; font-size:10px; line-height:1.7; }
@media(max-width:600px) { .client-review-growth { padding:24px 21px; } .growth-heading { align-items:flex-start; } .growth-heading h2 { font-size:23px; } .growth-stats { grid-template-columns:1fr; } .growth-stats > div + div { padding-left:0; border-left:0; border-top:1px solid #e2ecef; } .growth-stats > div { padding:18px 0; } }

/* 3.5.110: the current update and one next action come first. */
.client-section-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}
.client-section-nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;background:#fff;border:1px solid #dce3ec;border-radius:8px;font-size:14px;font-weight:600;color:#263c5a;text-decoration:none}
.client-section-nav a:hover{border-color:#175fc9;color:#175fc9}
#client-overview{margin-top:0;scroll-margin-top:20px}
.client-priority-details{margin-top:16px;font-size:15px}.client-priority-details summary{cursor:pointer;font-weight:650}.client-priority-details ol{padding-left:22px;line-height:1.75}.client-priority-details li+li{margin-top:8px}
.client-section-nav~.client-score-layout{margin-top:26px}
#client-feedback-report,#qcr-growth-heading,#client-score-heading{scroll-margin-top:24px}
.tracker-earnings-details{margin-top:26px;background:#fff;border:1px solid #dce3ec;border-radius:16px;padding:22px}
.tracker-earnings-details>summary{cursor:pointer;font-size:20px;font-weight:700;color:#1c304b}
.tracker-earnings-details>summary span{font-size:14px;font-weight:400;display:block;color:#59677b;margin:7px 0 0 22px}
.tracker-earnings-details .tracker-weekly-card{margin-top:20px;border:0;box-shadow:none;padding:0}
@media(max-width:600px){.client-section-nav{gap:7px}.client-section-nav a{font-size:13px;padding:8px 10px}.tracker-earnings-details{padding:18px}}

.tracker-add-disclosure{background:#fff;border:1px solid #dce3ec;border-radius:14px;min-width:0;align-self:start}.tracker-add-disclosure>summary{cursor:pointer;padding:20px 24px;font-size:17px;font-weight:700;color:#1c304b}.tracker-add-disclosure .tracker-add-card{border:0;box-shadow:none;padding-top:8px}.tracker-add-disclosure .tracker-add-card>div:first-child{display:none}
.tracker-add-disclosure .tracker-add-card{background:#fff;color:#24354b;border-radius:0 0 14px 14px}
.tracker-add-disclosure .tracker-add-card label>span{color:#34465e;font-size:13px;letter-spacing:0;font-weight:600}
.tracker-add-disclosure .tracker-add-card input,.tracker-add-disclosure .tracker-add-card select{background:#f7f9fc;color:#182b44;border:1px solid #cdd7e2;font-size:16px}
.tracker-add-disclosure .tracker-add-card input::placeholder{color:#69788c}
@media(max-width:600px){.tracker-day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tracker-day-nav form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.tracker-day-nav>a{padding:9px 5px;font-size:12px;min-width:0}.tracker-day-nav input{min-width:0;width:100%}.tracker-day-nav button{width:auto}}

/* 3.5.114: score and competitor standing lead the existing client dashboard. */
.qcr-client-page{background:#f3f6f8}
.client-dashboard-main{padding-top:38px}
.client-dashboard-heading{align-items:center;margin-bottom:24px}
.client-dashboard-heading h1{font-size:clamp(32px,3.4vw,44px);line-height:1.15;margin-top:10px;letter-spacing:-.045em}
.client-eyebrow,.client-card-label{font-size:10px;letter-spacing:.12em}
.client-dashboard-heading>div>p:last-child{font-size:14px;margin-top:10px}
.client-section-nav{margin:0 0 24px;gap:8px}
.client-section-nav a{color:#335361;border-color:#dce5e9;border-radius:8px;font-size:13px;padding:9px 12px}
.client-section-nav a:hover{color:#0b6b8c;border-color:#0b6b8c}
.client-dashboard-main #client-overview{margin-top:0}
.client-score-layout{grid-template-columns:1.4fr 1fr;gap:20px}
.client-score-card,.client-rank-card{min-height:300px;padding:28px;border-radius:18px;box-shadow:0 10px 30px #172e3b08}
.client-score-card{background:#172e3b}
.client-score-card::before{opacity:.5}
.client-score-content{min-height:200px;justify-content:flex-start;gap:32px}
.client-score-ring{width:156px;height:156px;flex-basis:156px;box-shadow:none}
.client-score-ring strong{font-size:54px}
.client-score-copy>span{font-size:10px}
.client-score-copy h2{font-size:32px;line-height:1.15}
.client-score-change{font-size:12px;margin-top:16px}
.client-rank-number{font-size:72px;margin-top:25px;letter-spacing:-.065em}
.client-rank-card>p{font-size:14px}
.client-next-target{padding:14px 0;margin-top:14px}
.client-next-target span,.client-leader-target span{font-size:10px}
.client-leader-target{padding-top:16px}
.client-leader-target strong{font-size:20px}.client-leader-target small{font-size:12px;line-height:1.5}
.client-leaderboard{margin-top:20px;padding:28px;border-color:#dce5e9;box-shadow:0 10px 30px #172e3b05}
.client-leaderboard-intro{gap:28px}.client-leaderboard-intro h2{font-size:27px;line-height:1.25}
.client-leaderboard-intro>p{font-size:13px;line-height:1.6}
.client-leaderboard-row{min-height:76px}.client-leaderboard-row>div>strong{font-size:15px}
#client-updates{margin-top:24px}.client-insight-card{min-height:0;padding:28px;box-shadow:none;border-color:#dce5e9}
.client-insight-card.priority{background:#f8fbfc;border-color:#dce5e9}
.client-insight-card h2{font-size:26px}.client-insight-card>p:last-child{font-size:15px;line-height:1.7}
.client-priority-focus{font-size:21px}.client-priority-intro{font-size:14px;line-height:1.7}
#client-overview,#client-comparison,#client-updates,#client-feedback-report,#qcr-growth-heading,#client-score-heading{scroll-margin-top:106px}
@media(min-width:701px) and (max-width:980px){.client-score-layout{grid-template-columns:1.2fr 1fr;gap:16px}.client-score-content{gap:18px}.client-score-ring{width:124px;height:124px;flex-basis:124px}.client-score-ring strong{font-size:44px}.client-score-copy h2{font-size:26px}.client-score-card,.client-rank-card{padding:24px}}
@media(max-width:700px){.client-dashboard-main{padding:28px 20px 50px}.client-dashboard-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.client-dashboard-heading h1{font-size:32px}.client-dashboard-heading>div>p:last-child{font-size:12px;line-height:1.7}.client-demo-badge{display:none}.client-section-nav{gap:7px;margin-bottom:20px}.client-section-nav a{font-size:12px;min-height:40px;padding:8px 10px}.client-score-layout{grid-template-columns:1fr;gap:16px}.client-score-card,.client-rank-card{min-height:0;padding:24px}.client-score-content{min-height:190px;gap:22px}.client-score-ring{width:132px;height:132px;flex-basis:132px}.client-score-ring strong{font-size:46px}.client-score-copy h2{font-size:28px}.client-score-change{font-size:11px;line-height:1.5}.client-rank-number{font-size:60px;margin-top:20px}.client-leader-target strong{font-size:20px}.client-leaderboard{padding:24px 18px}.client-leaderboard-intro{gap:14px}.client-leaderboard-intro h2{font-size:25px}.client-leaderboard-row>div>strong{font-size:13px}.client-insight-card{padding:24px}.client-insight-card h2{font-size:25px}}
@media(max-width:370px){.client-dashboard-main{padding-inline:16px}.client-score-card,.client-rank-card{padding:20px}.client-score-content{gap:16px;min-height:166px}.client-score-ring{width:106px;height:106px;flex-basis:106px}.client-score-ring strong{font-size:39px}.client-score-copy h2{font-size:24px}.client-score-change{padding:7px 9px;font-size:10px}.client-leaderboard-row>div>strong{overflow-wrap:anywhere}}

/* QCR v2: measured progress, with all detail optional. */
.client-score-progress{margin:22px 0;padding:30px;border:1px solid rgba(137,176,193,.2);border-radius:16px;background:linear-gradient(120deg,#0e2631,#112f3b)}
.score-progress-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.score-progress-heading h2{margin:8px 0 0;font-size:26px;color:#f2f8fa;line-height:1.25}.score-progress-heading>span{color:#afc7d1;font-size:12px;white-space:nowrap}
.score-progress-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 22px}.score-progress-metrics>div{display:flex;flex-direction:column;gap:8px;border-left:2px solid #39c8ed;padding-left:18px}.score-progress-metrics strong{font-size:40px;line-height:1.1;font-weight:650;color:#f5fafc;font-variant-numeric:tabular-nums}.score-progress-metrics span{color:#dce9ee;font-size:14px}.score-progress-metrics small{color:#a8bfca;font-size:12px;line-height:1.5}
.score-progress-note,.client-comparison-note{color:#b3c7d0;font-size:12px;line-height:1.65}.client-rank-card .client-comparison-note{font-size:12px;margin-top:20px;max-width:48em}.client-score-method{margin-top:18px;border-top:1px solid rgba(137,176,193,.22);padding-top:16px;font-size:13px;color:#d7e8ed}.client-score-method summary{cursor:pointer;font-weight:600;min-height:28px}.client-score-method p{line-height:1.7;max-width:85ch;color:#b9cdd5}.client-score-method summary:focus-visible{outline:2px solid #39c8ed;outline-offset:5px}
@media(max-width:640px){.client-score-progress{padding:24px 20px}.score-progress-heading{flex-direction:column;gap:12px}.score-progress-heading h2{font-size:24px}.score-progress-metrics{grid-template-columns:1fr;gap:22px}.score-progress-metrics strong{font-size:34px}.client-rank-number{overflow-wrap:anywhere}}

/* Evidence-first reports: concise actions first, supporting detail on demand. */
.qcr-ri-report { background:#f6f9fa; }
.qcr-ri-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.qcr-ri-heading h2 { margin:6px 0 12px; font-size:34px; line-height:1.2; }
.qcr-ri-heading p { max-width:580px; color:#4d6570; }
.qcr-ri-reviewed { flex-shrink:0; border:1px solid #b5cbd0; background:#eaf2ef; color:#28524b; padding:9px 12px; border-radius:20px; font-size:11px; font-weight:750; }
.qcr-ri-facts { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.qcr-ri-facts span { border:1px solid #d5e0e4; border-radius:8px; padding:10px 14px; background:white; color:#465e68; font-size:12px; }
.qcr-ri-facts b { font-size:19px; color:#162f3d; margin-right:5px; }
.qcr-ri-limit,.qcr-ri-empty { border-left:3px solid #8d7145; background:#faf6ec; padding:14px 18px; color:#645333; font-size:13px; line-height:1.7; }
.qcr-ri-section { margin-top:30px; }
.qcr-ri-section > h3 { font-size:21px; margin:0 0 16px; }
.qcr-ri-findings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.qcr-ri-finding { min-width:0; border:1px solid #d4e0e5; border-radius:12px; padding:23px; background:#fff; }
.qcr-ri-finding-top { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:#456877; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.qcr-ri-finding h4 { font-size:22px; line-height:1.35; margin:13px 0 10px; letter-spacing:-.035em; }
.qcr-ri-finding p,.qcr-ri-responses p,.qcr-ri-method p { font-size:13px; line-height:1.75; color:#4d606a; }
.qcr-ri-finding .qcr-ri-frequency,.qcr-ri-frequency { font-size:11px; color:#536f7b; }
.qcr-ri-finding .qcr-ri-mixed { font-size:12px; padding:10px 12px; background:#f4f6f7; border-radius:6px; }
.qcr-ri-action { margin:18px 0; padding:16px; border-radius:8px; background:#eaf1f4; }
.qcr-ri-action > b { color:#183f50; font-size:12px; }
.qcr-ri-action p { color:#2b4c5d; margin:7px 0 10px; }
.qcr-ri-action small { color:#496471; font-size:11px; }
.qcr-ri-detail { margin-top:10px; border-top:1px solid #e2e9ec; padding-top:10px; }
.qcr-ri-detail summary,.qcr-ri-method summary,.qcr-ri-responses > summary { cursor:pointer; color:#214d60; font-size:12px; font-weight:750; line-height:1.6; }
.qcr-ri-report blockquote { margin:14px 0; padding:3px 0 3px 13px; border-left:3px solid #b4c9d1; color:#4d606a; overflow-wrap:anywhere; font-size:13px; line-height:1.7; }
.qcr-ri-report blockquote p { margin:0 0 7px; }
.qcr-ri-report cite { font-size:10px; font-style:normal; color:#536f7b; }
.qcr-ri-method,.qcr-ri-responses { border-top:1px solid #cedde3; margin-top:26px; padding-top:18px; }
.qcr-ri-responses article { max-width:800px; padding:10px 0 18px; border-bottom:1px solid #dce5e8; }
.qcr-ri-responses h4 { margin:15px 0 0; font-size:16px; }
@media(max-width:760px) { .qcr-ri-heading { flex-direction:column; gap:10px; }.qcr-ri-heading h2 { font-size:29px; }.qcr-ri-findings { grid-template-columns:1fr; }.qcr-ri-finding { padding:18px; }.qcr-ri-facts { gap:7px; }.qcr-ri-facts span { padding:9px 10px; }.qcr-ri-reviewed { font-size:10px; } }

.qcr-ri-findings > :only-child { grid-column:1 / -1; }

/* Customer permission stays within the existing tracker form. */
.tracker-permission{min-width:0;border:1px solid #dce5eb;border-radius:12px;padding:16px;margin:14px 0}.tracker-permission legend{font-weight:650;padding:0 6px}.tracker-permission p,.tracker-permission small{color:#526273;font-size:13px;line-height:1.5}.tracker-permission label{display:grid;gap:6px;margin:12px 0}.tracker-permission textarea{width:100%;box-sizing:border-box;border:1px solid #ccd7df;border-radius:8px;padding:10px;font:inherit;resize:vertical}.tracker-sync-status{font-size:12px;color:#526273}