/* KAR renewal: complete-client presentation only. Original actions, visibility, route order and responsive drawer behaviour are owned by the client. */ :root:has(#root .shell) { --renew-canvas:#f5f6f8; --renew-surface:#fff; --renew-sidebar:#e8eef5; --renew-ink:#233248; --renew-muted:#58677b; --renew-accent:#315d86; --renew-soft:#e7eef7; --renew-border:#dce2e9; --renew-shadow:0 2px 4px #23324803,0 10px 30px #23324804; --b-bg:var(--renew-canvas); --b-text:var(--renew-ink); --b-muted:var(--renew-muted); --b-accent:var(--renew-accent); --b-line:var(--renew-border); --b-tint:var(--renew-soft); --r-sm:10px; --r-md:14px; --r-lg:16px; --sh-1:0 2px 5px #23324805; --sh-2:var(--renew-shadow); --sh-3:0 20px 65px #23324820; color-scheme:light; } body:where(:has(#root .shell)) {margin:0;background:var(--renew-canvas)!important;color:var(--renew-ink)!important;font:14px/1.6 'Segoe UI',Tahoma,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;} :where(body:has(#root .shell)) button,:where(body:has(#root .shell)) input,:where(body:has(#root .shell)) select,:where(body:has(#root .shell)) textarea {font-family:inherit;font-size:14px!important;line-height:1.45;} :where(body:has(#root .shell)) button {touch-action:manipulation;} :where(body:has(#root .shell)) button:disabled {cursor:not-allowed;} :where(body:has(#root .shell)) button,:where(body:has(#root .shell)) a,:where(body:has(#root .shell)) input,:where(body:has(#root .shell)) select,:where(body:has(#root .shell)) textarea {scroll-margin-block:100px;} :where(body:has(#root .shell)) :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:3px solid #7297bc!important;outline-offset:3px!important;} :where(body:has(#root .shell)) ::selection {background:#315d86;color:white;} :where(body:has(#root .shell)) .shell,:where(body:has(#root .shell)) .mc {background:var(--renew-canvas)!important;} :where(body:has(#root .shell)) .mc {min-width:0;} :where(body:has(#root .shell)) .ct {max-width:1480px;padding:32px 36px 72px!important;} :where(body:has(#root .shell)) .ct.ct-wide {max-width:none;} :where(body:has(#root .shell)) .ct h2 {font-size:30px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.85px;color:var(--renew-ink)!important;margin-bottom:10px;} :where(body:has(#root .shell)) .ct h3,:where(body:has(#root .shell)) .mdl-box h3 {font-size:19px!important;line-height:1.4;font-weight:650!important;letter-spacing:-.3px;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .ct p {font-size:14px!important;line-height:1.7!important;} :where(body:has(#root .shell)) .ct :is(label,th,td) {font-size:14px!important;} :where(body:has(#root .shell)) .ct :is(small,[style*="font-size: 10px"],[style*="font-size: 10.5px"],[style*="font-size: 11px"],[style*="font-size: 11.5px"]),:where(body:has(#root .shell)) .mdl-box :is(small,[style*="font-size: 10px"],[style*="font-size: 10.5px"],[style*="font-size: 11px"],[style*="font-size: 11.5px"]) {font-size:12px!important;} :where(body:has(#root .shell)) .ku-font,:where(body:has(#root .shell)) .ku-font input,:where(body:has(#root .shell)) .ku-font select,:where(body:has(#root .shell)) .ku-font textarea,:where(body:has(#root .shell)) .ku-font button,:where(body:has(#root .shell)) .ku-font option {font-family:'Noto Sans Arabic','RudawBold','Segoe UI','Noto Naskh Arabic','Geeza Pro','Dubai',Tahoma,Arial,sans-serif!important;} :where(body:has(#root .shell)) .ku-font h2,:where(body:has(#root .shell)) .ku-font h3 {letter-spacing:0;line-height:1.6!important;} /* A quiet permanent navigation rail, distinct from the working surface. */ :where(body:has(#root .shell)) .sb {width:248px!important;background:linear-gradient(165deg,#e8eef5 0%,#e8eef5 100%)!important;color:var(--renew-ink)!important;border-inline-end:1px solid #d5dfe9;box-shadow:none!important;padding:28px 16px 20px!important;scrollbar-width:thin;} :where(body:has(#root .shell)) .kar-brand {gap:12px!important;padding:0 8px 16px!important;} :where(body:has(#root .shell)) .kar-brand .kar-brand-logo {width:53px!important;height:53px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;} :where(body:has(#root .shell)) .kar-wordmark {display:flex;flex-direction:column;gap:0;line-height:1.3;min-width:0;flex:1;color:var(--renew-ink);} :where(body:has(#root .shell)) .kar-wordmark strong {font-size:22px;font-weight:750;letter-spacing:1.4px;} :where(body:has(#root .shell)) .kar-wordmark span {font-size:14px;font-weight:600;letter-spacing:.2px;color:var(--renew-muted);white-space:nowrap;} :where(body:has(#root .shell)) .sb>div[style*="height: 1px"] {background:#d2dde8!important;margin:10px 8px 20px!important;} :where(body:has(#root .shell)) .sb nav {gap:5px!important;min-height:0;} :where(body:has(#root .shell)) .sb .nb {position:relative;min-height:46px;padding:12px 13px!important;gap:12px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;text-align:start!important;color:#43566c!important;font-size:15px!important;font-weight:650!important;line-height:1.4;transform:none!important;} :where(body:has(#root .shell)) .sb .nb svg {width:19px;height:19px;flex-shrink:0;stroke:currentColor!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active {background:white!important;border-color:#c9d7e5!important;color:var(--renew-accent)!important;box-shadow:0 3px 9px #294c6c09!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active::after {content:'';position:absolute;inset-inline-end:11px;width:5px;height:5px;border-radius:50%;background:var(--renew-accent);} :where(body:has(#root .shell)) .sb .nb.design-nav-active {padding-inline-end:25px!important;} :where(body:has(#root .shell)) .sb .nb:hover {background:#ffffffa8!important;color:var(--renew-accent)!important;border-color:#c9d7e5!important;} :where(body:has(#root .shell)) .sb>button:last-child {min-height:46px;font-size:14px!important;border:1px solid #d2dde8!important;background:#ffffff70!important;color:#43566c!important;border-radius:10px!important;margin-top:18px!important;} :where(body:has(#root .shell)) .sb>button:last-child svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .sb .mob-only button {color:var(--renew-ink)!important;min-height:44px;} /* Header remains functional: language, notifications and account are original. */ :where(body:has(#root .shell)) .tb {min-height:76px;background:#fff!important;border-bottom:1px solid var(--renew-border)!important;box-shadow:none!important;padding:15px 36px!important;} :where(body:has(#root .shell)) .tb .hf {min-height:44px;min-width:44px;border-radius:10px!important;border-color:var(--renew-border)!important;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .tb .hf:hover {background:var(--renew-soft)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .tb .hf:hover svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .tb-role {font-size:14px!important;font-weight:650!important;} :where(body:has(#root .shell)) .renew-topbar-context {display:flex;flex-direction:column;gap:1px;min-width:0;} :where(body:has(#root .shell)) .renew-topbar-context strong {font-size:14px;font-weight:650;color:var(--renew-ink);} :where(body:has(#root .shell)) .renew-topbar-context span {font-size:12px;color:var(--renew-muted);} /* The desktop brand and toolbar share one continuous divider. */ @media(min-width:901px){ :where(body:has(#root .shell)) #root .sb{--renew-rail-gutter:16px;padding-top:0!important;} :where(body:has(#root .shell)) #root .sb .kar-brand{height:75px;flex:0 0 75px;padding:0 8px!important;} :where(body:has(#root .shell)) #root .sb .kar-brand-logo{width:46px!important;height:46px!important;} :where(body:has(#root .shell)) #root .sb>div[style*="height: 1px"]{height:1px;flex:0 0 1px;margin:0 calc(-1 * var(--renew-rail-gutter)) 16px!important;} :where(body:has(#root .shell)) #root .tb{height:76px;min-height:76px;box-sizing:border-box;} } @media(min-width:901px) and (max-width:1180px){:where(body:has(#root .shell)) #root .sb{--renew-rail-gutter:12px;}} :where(body:has(#root .shell)) .tb .lt-top button {min-height:36px;font-size:12px!important;} :where(body:has(#root .shell)) .notif-pop {border:1px solid var(--renew-border)!important;box-shadow:var(--sh-3)!important;border-radius:14px!important;} :where(body:has(#root .shell)) .notif-pop button {text-align:start!important;} :where(body:has(#root .shell)) .notif-pop [style*="font-size: 10"],:where(body:has(#root .shell)) .notif-pop [style*="font-size: 11"] {font-size:12px!important;} /* Consistent surfaces for every original administrative screen. */ :where(body:has(#root .shell)) .breeze-card,:where(body:has(#root .shell)) .ct .card,:where(body:has(#root .shell)) .ct .ecard,:where(body:has(#root .shell)) .rep-card {background:var(--renew-surface)!important;border:1px solid var(--renew-border)!important;border-radius:14px!important;box-shadow:var(--renew-shadow)!important;} :where(body:has(#root .shell)) .breeze-card {padding:24px!important;} :where(body:has(#root .shell)) .breeze-card h3 {margin-bottom:15px;} :where(body:has(#root .shell)) [data-breeze-page="settings"] .st[style*="display: flex"] {flex-wrap:wrap;overflow:visible!important;gap:8px!important;} :where(body:has(#root .shell)) .g2,:where(body:has(#root .shell)) .g3,:where(body:has(#root .shell)) .rep-grid {gap:22px!important;} :where(body:has(#root .shell)) .hf {border-radius:9px!important;font-weight:600!important;min-height:40px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease!important;} :where(body:has(#root .shell)) .hf:hover:not(:disabled) {filter:none;box-shadow:0 2px 5px #23324809;} :where(body:has(#root .shell)) .hf:hover svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .hf:active:not(:disabled) {transform:none!important;} /* Original destructive and approval buttons keep their distinct action colour. */ :where(body:has(#root .shell)) .hf[style*="background: rgb(220, 38, 38)"]:hover,:where(body:has(#root .shell)) .hf[style*="background: rgb(220, 53, 69)"]:hover {background:#be2635!important;color:#fff!important;} :where(body:has(#root .shell)) .hf[style*="background: rgb(25, 135, 84)"]:hover,:where(body:has(#root .shell)) .hf[style*="background: rgb(22, 163, 74)"]:hover {background:#147046!important;color:#fff!important;} :where(body:has(#root .shell)) .hf[style*="color: rgb(220, 38, 38)"]:not([style*="background: rgb(220"]):hover,:where(body:has(#root .shell)) .hf[style*="color: rgb(220, 53, 69)"]:not([style*="background: rgb(220"]):hover {background:#fff1f2!important;color:#b42335!important;} :where(body:has(#root .shell)) input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),:where(body:has(#root .shell)) select,:where(body:has(#root .shell)) textarea { min-height:44px;border:1px solid #cbd5e0!important;border-radius:9px!important;background-color:#fff!important;color:var(--renew-ink)!important;font-weight:400!important;box-shadow:0 1px 2px #23324803!important;padding-block:10px!important; } :where(body:has(#root .shell)) input::placeholder,:where(body:has(#root .shell)) textarea::placeholder {color:#627388;opacity:1;} :where(body:has(#root .shell)) input:hover,:where(body:has(#root .shell)) select:hover,:where(body:has(#root .shell)) textarea:hover {border-color:#8fa8c1!important;} :where(body:has(#root .shell)) input:focus,:where(body:has(#root .shell)) select:focus,:where(body:has(#root .shell)) textarea:focus {border-color:var(--renew-accent)!important;box-shadow:0 0 0 3px #315d8612!important;} :where(body:has(#root .shell)) input[type=checkbox],:where(body:has(#root .shell)) input[type=radio] {accent-color:var(--renew-accent);width:18px;height:18px;flex-shrink:0;} :where(body:has(#root .shell)) input[type=file] {max-width:100%;padding:10px;border:1px dashed #afc1d4;border-radius:10px;background:#f8fafc;} :where(body:has(#root .shell)) input[type=file]::file-selector-button {border:1px solid var(--renew-border);background:#fff;color:var(--renew-accent);border-radius:7px;padding:8px 12px;margin-inline-end:12px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;} :where(body:has(#root .shell)) input:disabled,:where(body:has(#root .shell)) select:disabled,:where(body:has(#root .shell)) textarea:disabled {background-color:#f3f6f9!important;color:var(--renew-muted)!important;} :where(body:has(#root .shell)) select {background-position:left 13px center;} :where(body:has(#root .shell)) [dir=ltr] select {background-position:right 13px center;} :where(body:has(#root .shell)) .tabs-row {gap:5px!important;border-bottom:1px solid var(--renew-border)!important;padding-bottom:10px!important;margin-bottom:24px!important;} :where(body:has(#root .shell)) .tabs-row>button {min-height:44px;border-radius:8px!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important;border:1px solid transparent!important;box-shadow:none!important;} :where(body:has(#root .shell)) .tabs-row>button[aria-pressed=false] {background:transparent!important;color:var(--renew-muted)!important;} :where(body:has(#root .shell)) .tabs-row>button[aria-pressed=true] {background:var(--renew-soft)!important;border-color:#d1deeb!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .tabs-row>button:hover {background:#edf2f8!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .st {scrollbar-color:#b5c5d5 transparent;scrollbar-width:thin;} :where(body:has(#root .shell)) table {width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;} :where(body:has(#root .shell)) th {background:#f1f5f9!important;color:#52657a!important;font-weight:650!important;text-align:start;padding:14px 16px!important;border-color:var(--renew-border)!important;letter-spacing:.1px;} :where(body:has(#root .shell)) td {padding:15px 16px!important;border-color:#e9eef4!important;line-height:1.5;} :where(body:has(#root .shell)) tbody tr:hover {background:#f8fbfd;} :where(body:has(#root .shell)) td button {min-height:36px;} :where(body:has(#root .shell)) .opt {border:1px solid var(--renew-border)!important;border-radius:14px!important;background:#fff!important;padding:24px!important;box-shadow:var(--renew-shadow)!important;} :where(body:has(#root .shell)) .opt:hover {border-color:#9ab1c9!important;box-shadow:0 8px 20px #23324809!important;} :where(body:has(#root .shell)) .opt-title {font-size:15px!important;font-weight:650!important;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .opt-sub {font-size:12px!important;color:var(--renew-muted)!important;opacity:1!important;} :where(body:has(#root .shell)) .opt-value {font-size:30px!important;font-weight:700!important;letter-spacing:-1px;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .opt-ico,:where(body:has(#root .shell)) .opt-chev {background:var(--renew-soft)!important;color:var(--renew-accent)!important;border-radius:10px!important;box-shadow:none!important;} :where(body:has(#root .shell)) .opt-ico svg,:where(body:has(#root .shell)) .opt-chev svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .tile {border:1px solid var(--renew-border)!important;border-radius:14px!important;box-shadow:var(--renew-shadow)!important;background:#fff!important;} :where(body:has(#root .shell)) .tile:hover {transform:none!important;border-color:#9ab1c9!important;box-shadow:0 8px 20px #23324809!important;} /* Preserve original portal/nested-dialog layers; improve their content surface. */ :where(body:has(#root .shell)) .mdl-wrap {background:#23324859!important;padding:24px!important;} :where(body:has(#root .shell)) .mdl-box {background:#fff!important;border:1px solid var(--renew-border)!important;border-radius:16px!important;box-shadow:0 24px 80px #102b4333!important;padding:28px!important;overscroll-behavior:contain;} :where(body:has(#root .shell)) .mdl-box>div:first-child {padding-bottom:17px;border-bottom:1px solid var(--renew-border);} :where(body:has(#root .shell)) .mdl-box>div:first-child>button {min-width:44px;min-height:44px;background:#f5f6f8!important;} :where(body:has(#root .shell)) .mdl-box h2 {font-size:24px!important;line-height:1.35;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .toast {border-radius:10px!important;background:var(--renew-accent)!important;font-size:14px!important;box-shadow:var(--sh-3)!important;} :where(body:has(#root .shell)) .bottom-nav {background:#fff!important;border-top:1px solid var(--renew-border)!important;box-shadow:0 -5px 24px #23324806!important;} :where(body:has(#root .shell)) .bn-item {min-height:48px;color:#586b80!important;border-radius:10px!important;} :where(body:has(#root .shell)) .bn-item span {font-size:12px!important;font-weight:600!important;} :where(body:has(#root .shell)) .bn-item.on {background:var(--renew-soft)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .bn-item svg {stroke:currentColor!important;} /* Preview provenance stays legible without resembling a production toolbar. */ :where(body:has(#root .shell)) .breeze-swatches {display:flex;gap:5px;} :where(body:has(#root .shell)) .breeze-swatches i {width:16px;height:16px;border-radius:5px;display:block;} @media(min-width:901px) and (max-width:1180px) { :where(body:has(#root .shell)) .sb {width:224px!important;padding-inline:12px!important;} :where(body:has(#root .shell)) .sb .nb {font-size:14px!important;gap:9px!important;} :where(body:has(#root .shell)) .ct {padding:28px 24px 64px!important;} :where(body:has(#root .shell)) .tb {padding-inline:24px!important;} } @media(max-width:900px) { :where(body:has(#root .shell)) .sb {width:min(300px,86vw)!important;height:100dvh;box-shadow:0 15px 50px #23324826!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important;} :where(body:has(#root .shell)) .sb nav {flex-shrink:0!important;overflow:visible!important;} :where(body:has(#root .shell)) .sb-backdrop {background:#2332485c!important;backdrop-filter:none!important;} :where(body:has(#root .shell)) .ct {padding:24px 20px 96px!important;} :where(body:has(#root .shell)) .tb {padding:12px 20px!important;min-height:68px;} :where(body:has(#root .shell)) .ct h2 {font-size:28px!important;} :where(body:has(#root .shell)) .hf {min-height:44px;} :where(body:has(#root .shell)) .design-switch {min-height:0;} } @media(max-width:700px) { :where(body:has(#root .shell)) .ct {padding:22px 16px 108px!important;} :where(body:has(#root .shell)) .ct h2 {font-size:27px!important;letter-spacing:-.6px;} :where(body:has(#root .shell)) .ct h3 {font-size:18px!important;} :where(body:has(#root .shell)) .tb {padding:10px 14px!important;} :where(body:has(#root .shell)) .tb-role {font-size:12px!important;white-space:normal!important;max-width:120px;line-height:1.35;} :where(body:has(#root .shell)) .renew-topbar-context strong {font-size:12px;} :where(body:has(#root .shell)) .renew-topbar-context span {font-size:12px;} :where(body:has(#root .shell)) .breeze-card {padding:20px!important;} :where(body:has(#root .shell)) .g2,:where(body:has(#root .shell)) .g3 {gap:16px!important;} :where(body:has(#root .shell)) .tabs-row {gap:5px!important;scroll-padding:8px;} :where(body:has(#root .shell)) .tabs-row>button {font-size:14px!important;padding:10px 13px!important;} :where(body:has(#root .shell)) input:not([type=checkbox]):not([type=radio]),:where(body:has(#root .shell)) select,:where(body:has(#root .shell)) textarea {font-size:16px!important;} :where(body:has(#root .shell)) .mdl-wrap {padding:10px!important;} :where(body:has(#root .shell)) .mdl-box {padding:20px!important;border-radius:14px!important;max-height:calc(100dvh - 32px)!important;} :where(body:has(#root .shell)) th,:where(body:has(#root .shell)) td {padding:12px!important;} :where(body:has(#root .shell)) .tile-grid .tile-txt>div:nth-child(2) {font-size:12px!important;} } @media(prefers-reduced-motion:reduce) { :where(body:has(#root .shell)) *,:where(body:has(#root .shell)) *::before,:where(body:has(#root .shell)) *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;} } /* Owner-selected Renewal palette: colour properties only; layout stays intact. */ :where(body:has(#root .shell)) .sb .nb.design-nav-active {background:#315d86!important;border-color:#315d86!important;color:#fff!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active::after {background:#fff;} :where(body:has(#root .shell)) .sb .nb.design-nav-active:hover {background:#284f75!important;border-color:#284f75!important;color:#fff!important;} :where(body:has(#root .shell)) .index-panel-head,:where(body:has(#root .shell)) .kin-window-header {background:#fafbfc;} :where(body:has(#root .shell)) .index-detail {background:#f1f4f8;} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind] {background:#eff2f6;} /* Isolated renewal feature styles. Original structural safeguards retained and restyled below. */ /* Index + Tempo composition. Shared colours and navigation remain Breeze. */ :where(body:has(#root .shell)) .tempo-scroll-hint{display:none} @media(max-width:600px){:where(body:has(#root .shell)) .tempo-scroll-hint{display:block;padding:10px 13px;color:#607484;background:#fbfcfc;font-size:12px;border-bottom:1px solid #e7ecf0}} :where(body:has(#root .shell)) .layout-kicker{font-size:12px;font-weight:700;letter-spacing:1.3px;color:#667c8d;text-transform:uppercase;line-height:1.6} :where(body:has(#root .shell)) .index-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}:where(body:has(#root .shell)) .index-page-head h1{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.25;margin:7px 0 7px;color:#343e46}:where(body:has(#root .shell)) .index-page-head p{margin:0}:where(body:has(#root .shell)) .index-date{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;color:#5b6770;padding:10px 13px;background:#fff;border:1px solid #e1e6ea;border-radius:10px} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;background:#fff;border:1px solid #e4e9ed;border-radius:10px;padding:0;margin-bottom:24px!important;overflow:hidden} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{min-height:126px!important;border:0!important;border-inline-end:1px solid #e6ebef!important;border-radius:0!important;background:white!important;color:#3d5262!important;box-shadow:none!important;padding:17px 18px!important;gap:4px!important;display:flex!important;flex-direction:column;align-items:flex-start} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{border-inline-end:0!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:hover{background:#f8f9fa!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-top{position:absolute;top:17px;right:16px;opacity:.75}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico{width:25px!important;height:25px!important;background:transparent!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico svg{width:18px;height:18px;stroke:#809baf!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-chev{display:none}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-value{font-size:29px!important;line-height:1.2;order:0;margin-bottom:4px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-title{font-size:12px!important;font-weight:600!important;order:1}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-sub{font-size:12px!important;color:#6e6b7d!important;order:2} :where(body:has(#root .shell)) .index-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid #e1e7ec;border-radius:10px;background:#fff;overflow:hidden;min-height:400px}:where(body:has(#root .shell)) .index-requests{min-width:0}:where(body:has(#root .shell)) .index-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px 17px}:where(body:has(#root .shell)) .index-panel-head h2{font-size:19px!important;margin:3px 0 0!important;letter-spacing:-.35px}:where(body:has(#root .shell)) .index-total{font-size:12px;color:#667c8d;border:1px solid #e6ecf0;border-radius:10px;padding:5px 9px;white-space:nowrap} :where(body:has(#root .shell)) .index-tabs{display:flex;gap:17px;padding:0 24px;border-bottom:1px solid #ecf0f3;overflow-x:auto}:where(body:has(#root .shell)) .index-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 0 13px;min-height:44px;color:#656373;cursor:pointer;white-space:nowrap;font-size:12px}:where(body:has(#root .shell)) .index-tabs button[aria-pressed=true]{border-bottom-color:#315d86;color:#315d86;font-weight:650!important}:where(body:has(#root .shell)) .index-tabs button span{font-size:12px;background:#f1f4f6;border-radius:10px;padding:1px 6px;color:#5c7b93}:where(body:has(#root .shell)) .index-table-scroll{overflow:auto}:where(body:has(#root .shell)) .index-table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}:where(body:has(#root .shell)) .index-table th{background:#fcfdfd;text-align:start;color:#777385;font-weight:500;padding:12px 18px;font-size:12px;white-space:nowrap;border-bottom:1px solid #eef1f4}:where(body:has(#root .shell)) .index-table td{padding:16px 18px;border-bottom:1px solid #eef1f4;vertical-align:middle}:where(body:has(#root .shell)) .index-table td:first-child{min-width:190px}:where(body:has(#root .shell)) .index-table td:nth-child(2){min-width:155px}:where(body:has(#root .shell)) .index-table td:last-child{padding-inline-start:0}:where(body:has(#root .shell)) .index-table tr.is-selected{background:#f5f7f9}:where(body:has(#root .shell)) .index-table td>strong{display:block;font-weight:550;font-size:12px}:where(body:has(#root .shell)) .index-table small{display:block;margin-top:5px;font-size:12px;color:#737080;white-space:nowrap}:where(body:has(#root .shell)) .index-person{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:2px 0;min-height:44px;text-align:start;color:#343e46;cursor:pointer}:where(body:has(#root .shell)) .index-person strong{font-size:12px;font-weight:600}:where(body:has(#root .shell)) .index-person span{min-width:0}:where(body:has(#root .shell)) .index-person:hover strong{text-decoration:underline}:where(body:has(#root .shell)) .index-status{font-size:12px;white-space:nowrap;display:inline-block;padding:4px 7px;border:1px solid #e8dfc3;border-radius:10px;background:#fff7e4;color:#7c580a}:where(body:has(#root .shell)) .index-status.approved{color:#176741;background:#edf8f1;border-color:#d9eddf}:where(body:has(#root .shell)) .index-status.rejected{color:#a02e3b;background:#fff0f2;border-color:#f2d8de}:where(body:has(#root .shell)) .index-select{background:transparent;border:1px solid #e3e9ed;border-radius:10px;min-width:36px;min-height:44px;display:flex;align-items:center;justify-content:center;color:#6b879c;cursor:pointer}:where(body:has(#root .shell)) .index-select[aria-pressed=true]{background:#315d86;color:white;border-color:#315d86}:where(body:has(#root .shell)) .index-table-footer{padding:13px 21px;font-size:12px;color:#777080;display:flex;justify-content:space-between;align-items:center}:where(body:has(#root .shell)) .index-table-footer>div{display:flex;gap:7px}:where(body:has(#root .shell)) .index-table-footer button{width:36px;min-height:36px;display:grid;place-items:center;border:1px solid #e1e8ed;border-radius:10px;background:#fff;color:#315d86;cursor:pointer}:where(body:has(#root .shell)) .index-table-footer button:disabled{opacity:.35;cursor:default} :where(body:has(#root .shell)) .index-detail{min-width:0;background:linear-gradient(170deg,#fbfcfc,#f3f5f7);border-inline-start:1px solid #e4eaee;padding:23px 21px}:where(body:has(#root .shell)) .index-detail-heading{display:flex;align-items:center;justify-content:space-between}:where(body:has(#root .shell)) .index-live-dot{width:6px;height:6px;border-radius:50%;background:#315d86}:where(body:has(#root .shell)) .index-detail-person{display:flex;align-items:center;gap:11px;padding:24px 0 20px}:where(body:has(#root .shell)) .index-detail-person button{display:block;border:0;background:transparent;padding:0;min-height:30px;color:#303d47;font-weight:600!important;text-align:start;cursor:pointer}:where(body:has(#root .shell)) .index-detail-person button:hover{text-decoration:underline}:where(body:has(#root .shell)) .index-detail-person small{color:#727d86;font-size:12px}:where(body:has(#root .shell)) .index-detail .lv-card{box-shadow:none!important;max-width:100%;min-width:0}:where(body:has(#root .shell)) .index-profile-link{width:100%;border:1px solid #dae2e8;background:#fff;border-radius:10px;padding:12px 10px;min-height:44px;font-size:12px;color:#315d86;display:flex;gap:7px;justify-content:space-between;align-items:center;cursor:pointer;margin-top:18px}:where(body:has(#root .shell)) .index-profile-link:hover{background:#eef2f5} :where(body:has(#root .shell)) .index-week{display:flex;gap:15px;align-items:center;width:100%;text-align:start;padding:19px 23px;margin:18px 0 25px;border:1px solid #e1e7ec;border-radius:10px;background:#fff;color:#39444d;cursor:pointer}:where(body:has(#root .shell)) .index-week:hover{border-color:#a0b4c4}:where(body:has(#root .shell)) .index-week-icon{display:grid;place-items:center;width:43px;height:43px;background:#e7eef7;color:#315d86;border-radius:10px;flex-shrink:0}:where(body:has(#root .shell)) .index-week strong{font-size:13px;display:block;font-weight:600}:where(body:has(#root .shell)) .index-week small{font-size:12px;color:#717c85;display:block;margin-top:5px}:where(body:has(#root .shell)) .index-week-action{display:flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:12px;color:#315d86;white-space:nowrap}:where(body:has(#root .shell)) .index-shortcuts-heading{font-size:12px;color:#6b7c89;margin-bottom:12px;font-weight:600}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt{min-height:130px!important;border-top:1px solid #e2e8ed!important;border-inline-start:3px solid #315d86!important;padding:18px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt-title{font-size:14px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt-sub{font-size:12px!important}:where(body:has(#root .shell)) .index-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden} :where(body:has(#root .shell)) .tempo-calendar{min-width:0}:where(body:has(#root .shell)) .tempo-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px}:where(body:has(#root .shell)) .tempo-rail{align-self:start;border:1px solid #e1e8ed;background:#fff;border-radius:10px;overflow:hidden}:where(body:has(#root .shell)) .tempo-mini{padding:15px 12px 17px}:where(body:has(#root .shell)) .tempo-mini header{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:11px}:where(body:has(#root .shell)) .tempo-mini header strong{font-size:12px;font-weight:650}:where(body:has(#root .shell)) .tempo-mini header>div{display:flex;gap:2px}:where(body:has(#root .shell)) .tempo-mini header button{display:grid;place-items:center;border:0;background:#f5f7f8;width:28px;height:34px;cursor:pointer;color:#557289;border-radius:10px}:where(body:has(#root .shell)) .tempo-mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}:where(body:has(#root .shell)) .tempo-mini-grid>span{font-size:12px;color:#77848e;text-align:center;min-height:24px;display:grid;place-items:center}:where(body:has(#root .shell)) .tempo-mini-grid>button{border:0;background:#fff;border-radius:10px;color:#505b64;font-size:12px;cursor:pointer;min-height:28px;padding:0}:where(body:has(#root .shell)) .tempo-mini-grid>button[aria-pressed=true]{background:#315d86;color:#fff}:where(body:has(#root .shell)) .tempo-mini-grid>button:hover{background:#e8edf1;color:#315d86}:where(body:has(#root .shell)) .tempo-rail-summary{border-top:1px solid #ecf0f3;padding:19px 17px}:where(body:has(#root .shell)) .tempo-rail-summary>strong{display:flex;align-items:baseline;gap:7px;font-size:29px;letter-spacing:-.6px;color:#315d86;margin-top:7px}:where(body:has(#root .shell)) .tempo-rail-summary small{font-size:12px;letter-spacing:0;font-weight:400;color:#6b767f}:where(body:has(#root .shell)) .tempo-rail-summary p,:where(body:has(#root .shell)) .tempo-legend p{font-size:12px!important;line-height:1.6!important;margin:8px 0 0;color:#756e80}:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid #ecf0f3;padding:18px 17px 23px}:where(body:has(#root .shell)) .tempo-legend>div{font-size:12px;margin-top:14px;display:flex;align-items:center;gap:8px}:where(body:has(#root .shell)) .tempo-legend i{width:7px;height:7px;border-radius:2px;display:block;flex-shrink:0}:where(body:has(#root .shell)) .tempo-main{min-width:0}:where(body:has(#root .shell)) .tempo-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 0 15px;flex-wrap:wrap}:where(body:has(#root .shell)) .tempo-toolbar>div{margin:0!important;gap:0!important}:where(body:has(#root .shell)) .tempo-toolbar>div button{min-height:40px!important;min-width:65px;border-radius:10px!important;font-size:12px!important}:where(body:has(#root .shell)) .tempo-board{padding:0!important;overflow:hidden}:where(body:has(#root .shell)) .tempo-board>div:first-child{padding:16px 18px;border-bottom:1px solid #ecf0f3;margin:0!important;gap:10px}:where(body:has(#root .shell)) .tempo-board>div:first-child>div{font-size:13px!important}:where(body:has(#root .shell)) .tempo-board>div:first-child button{min-width:40px;min-height:40px}:where(body:has(#root .shell)) .tempo-grid-scroll{overflow:auto;max-width:100%}:where(body:has(#root .shell)) .tempo-calendar .cal-grid{gap:0!important;border:0!important}:where(body:has(#root .shell)) .tempo-calendar .cal-wk{border-inline-end:1px solid #eaeff2;background:#fcfdfd;color:#73828e;font-size:12px;padding:14px 3px;text-align:center}:where(body:has(#root .shell)) .tempo-calendar .cal-day{border-radius:0!important;border:0!important;border-top:1px solid #eaeff2!important;border-inline-end:1px solid #eaeff2!important;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-height:140px;background:#fff!important;color:#45535e!important;padding:10px 6px!important;box-shadow:none!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.wkend{background:#f8f9fa!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.on{background:#f5f7f9!important;box-shadow:inset 0 3px #62839c!important;color:#315d86!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.today .cal-n{background:#315d86;color:white;border-radius:50%}:where(body:has(#root .shell)) .tempo-calendar .cal-n{font-size:12px;line-height:27px;width:27px;align-self:center;text-align:center;flex-shrink:0}:where(body:has(#root .shell)) .tempo-calendar .cal-dots{position:static!important;display:flex;gap:5px;align-items:center;justify-content:center;margin-top:auto!important;font-size:12px;color:#666!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.hol{border-bottom:2px solid #f1b944!important}:where(body:has(#root .shell)) .tempo-events{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0;text-align:start}:where(body:has(#root .shell)) .tempo-event{display:flex;flex-direction:column;gap:4px;border:1px solid #e1e7ec;border-inline-start:3px solid var(--event-color);border-radius:10px;background:#fff;padding:10px 8px;box-shadow:0 2px 4px #2d3d4904;overflow-wrap:anywhere}:where(body:has(#root .shell)) .tempo-event strong{color:#40505d;font-size:12px;line-height:1.5;font-weight:600}:where(body:has(#root .shell)) .tempo-event small{color:#6f7b84;font-size:12px;line-height:1.5}:where(body:has(#root .shell)) .tempo-view-week .cal-grid{min-width:680px}:where(body:has(#root .shell)) .tempo-view-week .cal-day{min-height:300px}:where(body:has(#root .shell)) .tempo-view-month .cal-grid{min-width:600px}:where(body:has(#root .shell)) .tempo-view-month .cal-day{min-height:112px}:where(body:has(#root .shell)) .tempo-board>div:last-child{padding:11px 18px;border-top:1px solid #ecf0f3;margin-top:0!important;font-size:12px!important;color:#62717d;opacity:1!important}:where(body:has(#root .shell)) .tempo-agenda{background:#fff;border:1px solid #e1e7ec;border-radius:10px;padding:20px}:where(body:has(#root .shell)) .tempo-agenda h3{font-size:14px!important;margin:0 0 15px!important}:where(body:has(#root .shell)) .tempo-agenda .cal-item{border:1px solid #e9eef2;border-inline-start:3px solid #315d86;border-radius:10px!important;box-shadow:none!important}:where(body:has(#root .shell)) .tempo-calendar .cal-item button[title]{min-width:36px;min-height:36px;align-items:center;justify-content:center} @media(min-width:1700px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr) 365px}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:235px minmax(0,1fr)}:where(body:has(#root .shell)) .tempo-view-week .cal-day{min-height:340px}} @media(max-width:1200px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr) 290px}:where(body:has(#root .shell)) .index-table th,:where(body:has(#root .shell)) .index-table td{padding:14px 12px}:where(body:has(#root .shell)) .index-detail{padding:20px 15px}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{padding:16px 13px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-top{display:none}:where(body:has(#root .shell)) .index-tabs{gap:12px;padding:0 17px}} @media(max-width:1000px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .index-detail{border-inline-start:0;border-top:1px solid #e1e7ec}:where(body:has(#root .shell)) .index-detail-person{padding:17px 0}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .tempo-rail{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(0,1fr);align-items:start}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:0;border-inline-start:1px solid #ecf0f3;min-height:180px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{min-height:115px!important}:where(body:has(#root .shell)) .index-page-head h1{font-size:25px}} @media(max-width:600px){:where(body:has(#root .shell)) .index-page-head{align-items:flex-start;flex-direction:column;gap:12px}:where(body:has(#root .shell)) .index-date{font-size:12px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{border-bottom:1px solid #e6ebef!important;min-height:110px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{grid-column:1/-1}:where(body:has(#root .shell)) .index-panel-head{padding:20px 16px 14px}:where(body:has(#root .shell)) .index-tabs{gap:12px;padding:0 14px}:where(body:has(#root .shell)) .index-tabs button{font-size:12px;gap:4px}:where(body:has(#root .shell)) .index-table{min-width:540px}:where(body:has(#root .shell)) .index-table th,:where(body:has(#root .shell)) .index-table td{padding:13px 12px}:where(body:has(#root .shell)) .index-total{font-size:12px}:where(body:has(#root .shell)) .index-detail{padding:20px 16px}:where(body:has(#root .shell)) .index-week{padding:17px 15px;flex-wrap:wrap;gap:11px}:where(body:has(#root .shell)) .index-week>span:nth-child(2){flex:1;min-width:180px}:where(body:has(#root .shell)) .index-week-action{margin-inline-start:54px}:where(body:has(#root .shell)) .tempo-rail{grid-template-columns:1fr 1fr}:where(body:has(#root .shell)) .tempo-mini{grid-column:1/-1;padding:16px 20px}:where(body:has(#root .shell)) .tempo-mini-grid>button{min-height:40px;font-size:12px}:where(body:has(#root .shell)) .tempo-mini-grid>span{font-size:12px}:where(body:has(#root .shell)) .tempo-mini header strong{font-size:14px}:where(body:has(#root .shell)) .tempo-mini header button{width:40px;height:40px}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid #ecf0f3;min-height:150px;padding:17px 16px}:where(body:has(#root .shell)) .tempo-rail-summary{border-inline-start:0}:where(body:has(#root .shell)) .tempo-toolbar{padding-top:4px}:where(body:has(#root .shell)) .tempo-board>div:first-child{padding:13px 9px}:where(body:has(#root .shell)) .tempo-board>div:first-child>div{font-size:12px!important}:where(body:has(#root .shell)) .tempo-agenda{padding:17px 12px}:where(body:has(#root .shell)) .tempo-agenda .cal-item{flex-wrap:wrap}:where(body:has(#root .shell)) .tempo-agenda .cal-item>div:last-child{flex-direction:row!important;align-items:center!important;margin-inline-start:auto}:where(body:has(#root .shell)) .tempo-calendar .cal-item button[title]{min-height:44px;min-width:44px}} /* The original request card stays functional inside the narrower Index detail pane. */ :where(body:has(#root .shell)) .index-detail .lv{border-radius:10px!important;border:1px solid #dee5eb!important;box-shadow:none!important;overflow:hidden} :where(body:has(#root .shell)) .index-detail .lv-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;gap:12px!important;position:relative} :where(body:has(#root .shell)) .index-detail .lv-bar{position:absolute!important;inset-block:16px;inset-inline-start:0;width:3px!important;height:auto!important;border-radius:0!important} :where(body:has(#root .shell)) .index-detail .lv-id{width:100%;min-width:0!important}:where(body:has(#root .shell)) .index-detail .lv-name{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;font-size:12px!important;font-weight:600!important;padding-inline-end:15px} :where(body:has(#root .shell)) .index-detail .lv-sub2{width:100%;line-height:1.7}:where(body:has(#root .shell)) .index-detail .lv-sub2>div{flex-wrap:wrap!important;gap:6px!important}:where(body:has(#root .shell)) .index-detail .lv-sub2 span{white-space:normal}:where(body:has(#root .shell)) .index-detail .lv-sub2 .dv{white-space:nowrap!important} :where(body:has(#root .shell)) .index-detail .lv-right{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;gap:13px!important;margin:0!important;min-width:0!important}:where(body:has(#root .shell)) .index-detail .lv-bal{display:flex!important;flex-direction:row!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;padding:9px 0;border-top:1px solid #ebeff3} :where(body:has(#root .shell)) .index-detail .lv-bal b{font-size:18px!important}:where(body:has(#root .shell)) .index-detail .lv-bal span{font-size:12px!important}:where(body:has(#root .shell)) .index-detail .lv-acts{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%}:where(body:has(#root .shell)) .index-detail .lv-acts button{flex:1;min-height:39px;font-size:12px!important;border-radius:10px!important} :where(body:has(#root .shell)) .index-detail .lv-chev{position:absolute;right:10px;top:14px}:where(body:has(#root .shell)) .index-detail .lv-body{padding:15px!important;overflow-wrap:anywhere;font-size:12px}:where(body:has(#root .shell)) .index-detail .lv-facts{grid-template-columns:1fr!important}:where(body:has(#root .shell)) .index-detail .lv-st{align-self:flex-start;font-size:12px!important} :where(body:has(#root .shell)) .index-approval-path{margin-top:22px}:where(body:has(#root .shell)) .index-approval-path ol{list-style:none;margin:14px 0 0;padding:0}:where(body:has(#root .shell)) .index-approval-path li{display:flex;gap:10px;position:relative;padding-bottom:19px;font-size:12px;align-items:flex-start}:where(body:has(#root .shell)) .index-approval-path li:not(:last-child):before{content:'';position:absolute;left:11px;top:25px;bottom:2px;width:1px;background:#d9e1e8}:where(body:has(#root .shell)) .index-step{height:24px;min-width:24px;display:grid;place-items:center;border-radius:50%;background:#e8edf1;color:#687e8e;font-size:12px;border:1px solid #d9e1e7}:where(body:has(#root .shell)) .index-approval-path .done .index-step{background:#e6f4ed;border-color:#cde7d9;color:#198754}:where(body:has(#root .shell)) .index-approval-path .current .index-step{background:#315d86;border-color:#315d86;color:#fff}:where(body:has(#root .shell)) .index-approval-path strong{display:block;line-height:1.6;font-weight:600}:where(body:has(#root .shell)) .index-approval-path small{display:block;margin-top:3px;color:#6d7c88;font-size:12px;line-height:1.5} /* Kin directory + complete original profile. Breeze colour system. Latest owner corrections are scoped at the end of this stylesheet. */ :where(body:has(#root .shell)) .kin-employees{min-width:0}:where(body:has(#root .shell)) .kin-employees>div:first-child{margin-bottom:12px}:where(body:has(#root .shell)) .kin-directory{margin-top:8px;min-width:0}:where(body:has(#root .shell)) .kin-directory-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e1e8ed;margin:7px 0 16px}:where(body:has(#root .shell)) .kin-directory-tabs button{padding:12px 16px 14px;min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:#64717b;font-size:13px;cursor:pointer}:where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]{color:#315d86;border-bottom-color:#315d86;font-weight:650!important}:where(body:has(#root .shell)) .kin-directory-tabs button:hover{background:#ebeff2} :where(body:has(#root .shell)) .kin-unit-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 22px}:where(body:has(#root .shell)) .kin-unit-filters button{border:1px solid #dce3e9;background:#fff;border-radius:10px;padding:8px 12px;min-height:40px;color:#61717e;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:10px}:where(body:has(#root .shell)) .kin-unit-filters button span{font-size:12px;padding:1px 5px;border-radius:10px;background:#eef2f5;color:#687c8c}:where(body:has(#root .shell)) .kin-unit-filters button[aria-pressed=true]{background:#315d86;color:#fff;border-color:#315d86}:where(body:has(#root .shell)) .kin-unit-filters button[aria-pressed=true] span{background:#ffffff25;color:#fff} :where(body:has(#root .shell)) .kin-directory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,42%);gap:24px;align-items:start}:where(body:has(#root .shell)) .kin-directory-list{min-width:0}:where(body:has(#root .shell)) .kin-results-heading{display:flex;justify-content:space-between;align-items:center;padding:0 1px 14px}:where(body:has(#root .shell)) .kin-results-heading>span:last-child{font-size:12px;color:#72818c}:where(body:has(#root .shell)) .kin-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} :where(body:has(#root .shell)) .kin-person-card{min-width:0;border:1px solid #e1e7ec;border-radius:10px;background:#fff;box-shadow:0 3px 8px #315d8603;overflow:hidden;transition:border-color .15s,box-shadow .15s}:where(body:has(#root .shell)) .kin-person-card:hover{border-color:#b2c2cf;box-shadow:0 5px 15px #315d8608}:where(body:has(#root .shell)) .kin-person-card.selected{border-color:#859fb3;box-shadow:0 0 0 2px #7290a614}:where(body:has(#root .shell)) .kin-person-unit{display:flex;align-items:center;gap:7px;min-height:35px;border-bottom:1px solid #eef1f4;padding:8px 13px;background:linear-gradient(100deg,#f5f7f9,#f0fafb);color:#617483;font-size:12px}:where(body:has(#root .shell)) .kin-person-unit svg{color:#708ba0}:where(body:has(#root .shell)) .kin-open-person{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;width:100%;min-height:180px;text-align:center;padding:20px 10px 17px;color:#35434e;cursor:pointer}:where(body:has(#root .shell)) .kin-open-person>strong{margin-top:12px;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}:where(body:has(#root .shell)) .kin-open-person>span{font-size:12px;color:#73818c;margin-top:4px;line-height:1.5}:where(body:has(#root .shell)) .kin-open-person small{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:12px;font-size:12px;color:#73818b}:where(body:has(#root .shell)) .kin-open-person small i{width:3px;height:3px;border-radius:50%;background:#bccad5}:where(body:has(#root .shell)) .kin-open-person small b{color:#268354;font-weight:500}:where(body:has(#root .shell)) .kin-open-person small b.suspended{color:#9c6214}:where(body:has(#root .shell)) .kin-person-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 13px;border-top:1px solid #ebeff3;background:#fdfefe}:where(body:has(#root .shell)) .kin-role{padding:5px 8px;color:#597489;background:#edf1f4;border:1px solid #e4eaee;border-radius:10px;font-size:12px;line-height:1.4}:where(body:has(#root .shell)) .kin-download{display:grid;place-items:center;min-width:34px;min-height:36px;border:0;border-radius:10px;background:transparent;color:#70818e;cursor:pointer}:where(body:has(#root .shell)) .kin-download:hover{background:#e6ecf0;color:#315d86} :where(body:has(#root .shell)) .kin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;font-size:12px;color:#737f89}:where(body:has(#root .shell)) .kin-pagination>div{display:flex;gap:10px;align-items:center}:where(body:has(#root .shell)) .kin-pagination button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e1e7;border-radius:10px;background:white;color:#57748a;cursor:pointer}:where(body:has(#root .shell)) .kin-pagination button:disabled{opacity:.35;cursor:default} :where(body:has(#root .shell)) #kin-profile-dock{min-width:0;position:sticky;top:18px;scroll-margin-top:18px}:where(body:has(#root .shell)) .kin-profile-placeholder{border:1px solid #dce3e9;border-radius:10px;background:linear-gradient(155deg,#fff,#f3f6f8);padding:40px 28px;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}:where(body:has(#root .shell)) .kin-placeholder-icon{display:grid;place-items:center;width:78px;height:78px;border:1px solid #d9e1e7;border-radius:50%;background:#edf0f3;color:#7391a8;margin-bottom:25px}:where(body:has(#root .shell)) .kin-profile-placeholder h3{font-size:20px!important;line-height:1.4;margin:12px 0 3px;color:#3c505f}:where(body:has(#root .shell)) .kin-profile-placeholder p{max-width:270px;line-height:1.7!important;font-size:13px!important;color:#71828f!important;margin:8px 0 22px}:where(body:has(#root .shell)) .kin-profile-placeholder>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;max-width:300px}:where(body:has(#root .shell)) .kin-profile-placeholder>div:last-child span{border:1px solid #d9e1e7;background:white;border-radius:10px;padding:6px 9px;font-size:12px;color:#6b8090}:where(body:has(#root .shell)) #kin-profile-dock:has(.kin-profile-frame) .kin-profile-placeholder{display:none} :where(body:has(#root .shell)) .kin-profile-frame{border:1px solid #d8e0e7;border-radius:10px;background:#fff;box-shadow:0 5px 20px #315d8605;min-width:0}:where(body:has(#root .shell)) .kin-profile-frame>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;background:linear-gradient(110deg,#f0f3f6,#f5f6f8);border-bottom:1px solid #e1e7ec;border-radius:10px 5px 0 0}:where(body:has(#root .shell)) .kin-profile-frame>header h3{font-size:16px!important;line-height:1.4;margin:5px 0 0;color:#3b4f5e;outline-offset:4px}:where(body:has(#root .shell)) .kin-profile-frame>header .layout-kicker{font-size:12px}:where(body:has(#root .shell)) .kin-profile-frame>header>button{width:40px;height:40px;display:grid;place-items:center;background:white;border:1px solid #d9e1e8;border-radius:10px;color:#707e89;cursor:pointer}:where(body:has(#root .shell)) .kin-profile-body{padding:22px;max-height:78vh;overflow:auto;min-width:0;scroll-padding:18px}:where(body:has(#root .shell)) .kin-profile-body>div:first-child{flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-body>div:first-child>div:nth-child(2)>div:first-child{font-size:17px!important}:where(body:has(#root .shell)) .kin-profile-body .tabs-row{display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:10px 0 12px!important;margin:0 0 16px!important;border-bottom:1px solid #e1e7ec!important}:where(body:has(#root .shell)) .kin-profile-body .tabs-row button{min-height:40px!important;padding:10px 11px!important;font-size:12px!important;white-space:normal}:where(body:has(#root .shell)) .kin-profile-body .g2{grid-template-columns:minmax(0,1fr)!important}:where(body:has(#root .shell)) .kin-profile-body input:not([type=checkbox]):not([type=radio]):not([type=file]),:where(body:has(#root .shell)) .kin-profile-body select{max-width:100%;min-height:40px;font-size:12px!important}:where(body:has(#root .shell)) .kin-profile-body .hf{min-height:38px}:where(body:has(#root .shell)) .kin-profile-body button{max-width:100%}:where(body:has(#root .shell)) .kin-profile-body button:has(svg){gap:7px}:where(body:has(#root .shell)) .kin-profile-body .lv-name{white-space:normal}:where(body:has(#root .shell)) .kin-profile-body .stack-sm{flex-wrap:wrap!important}:where(body:has(#root .shell)) .kin-profile-body .stack-sm button{white-space:normal!important}:where(body:has(#root .shell)) .kin-profile-body .cal-grid{min-width:310px}:where(body:has(#root .shell)) .kin-profile-body .lv-head{flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-body .lv-right{flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-body .lv-id{min-width:150px}:where(body:has(#root .shell)) .kin-profile-body .lv-body{overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-organisation-heading{margin-top:33px;padding-top:24px;border-top:1px solid #d8e0e6}:where(body:has(#root .shell)) .kin-organisation-heading h3{font-size:17px!important;margin:5px 0 16px}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt{min-height:130px!important;padding:19px!important;border-top:3px solid #315d86!important}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt-value{font-size:25px!important}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt-title{font-size:14px!important} @media(min-width:1700px){:where(body:has(#root .shell)) .kin-directory-layout{grid-template-columns:minmax(0,1fr) minmax(480px,38%)}:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1200px){:where(body:has(#root .shell)) .kin-directory-layout{gap:16px;grid-template-columns:minmax(0,1fr) 430px}:where(body:has(#root .shell)) .kin-people-grid{gap:10px}:where(body:has(#root .shell)) .kin-open-person>strong{font-size:13px}:where(body:has(#root .shell)) .kin-profile-body{padding:18px}} @media(max-width:1100px){:where(body:has(#root .shell)) .kin-directory-layout{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body:has(#root .shell)) #kin-profile-dock{position:static}:where(body:has(#root .shell)) .kin-profile-body{max-height:none;overflow:visible}:where(body:has(#root .shell)) .kin-profile-frame{overflow:visible}:where(body:has(#root .shell)) .kin-profile-placeholder{min-height:300px}:where(body:has(#root .shell)) .kin-profile-body>div{max-width:100%}} @media(max-width:600px){:where(body:has(#root .shell)) .kin-directory-tabs{gap:0}:where(body:has(#root .shell)) .kin-directory-tabs button{font-size:12px;padding:11px 12px;min-height:44px}:where(body:has(#root .shell)) .kin-unit-filters{gap:6px}:where(body:has(#root .shell)) .kin-unit-filters button{font-size:12px;min-height:44px;padding:8px 10px}:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:where(body:has(#root .shell)) .kin-person-unit{font-size:12px;padding:8px 10px}:where(body:has(#root .shell)) .kin-open-person{padding:18px 9px;min-height:185px}:where(body:has(#root .shell)) .kin-open-person>strong{font-size:13px}:where(body:has(#root .shell)) .kin-open-person>span{font-size:12px}:where(body:has(#root .shell)) .kin-open-person small{font-size:12px;gap:5px;flex-wrap:wrap}:where(body:has(#root .shell)) .kin-person-card footer{padding:6px 8px}:where(body:has(#root .shell)) .kin-role{font-size:12px;padding:4px 5px}:where(body:has(#root .shell)) .kin-download{min-width:36px;min-height:44px}:where(body:has(#root .shell)) .kin-profile-body{padding:16px}:where(body:has(#root .shell)) .kin-profile-frame>header{padding:16px}:where(body:has(#root .shell)) .kin-profile-body .tabs-row button{font-size:12px!important;padding:9px 10px!important;min-height:44px!important}:where(body:has(#root .shell)) .kin-profile-body .stack-sm{flex-direction:column;align-items:stretch!important}:where(body:has(#root .shell)) .kin-profile-body .stack-sm>*{max-width:100%!important;min-width:0!important}:where(body:has(#root .shell)) .kin-profile-body>div:first-child{gap:10px!important}:where(body:has(#root .shell)) .kin-profile-body>div:first-child>div:nth-child(2){flex-basis:140px!important}:where(body:has(#root .shell)) .kin-profile-placeholder{padding:28px 16px}:where(body:has(#root .shell)) .kin-profile-body .lv-id{min-width:100px}:where(body:has(#root .shell)) .kin-profile-body .lv-right{width:100%;justify-content:space-between}:where(body:has(#root .shell)) .kin-profile-body .lv-acts{flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-body .hf:not(.design-switch){min-height:44px}:where(body:has(#root .shell)) .kin-profile-body .mdl-box{max-width:calc(100vw - 32px)!important}} @media(prefers-reduced-motion:reduce){:where(body:has(#root .shell)) .kin-person-card{transition:none}} /* Keep the original admin tools compact, and retain readable profile details. */ :where(body:has(#root .shell)) .kin-employees>div:has(>button:only-child){display:inline-flex;vertical-align:middle;margin-inline-end:8px;margin-bottom:16px!important} :where(body:has(#root .shell)) .kin-profile-body .g2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important} :where(body:has(#root .shell)) .kin-profile-body .g2>div{min-width:0;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-profile-body .g2 button,:where(body:has(#root .shell)) .kin-profile-body .g2 input{min-width:0;max-width:100%} @media(max-width:600px){:where(body:has(#root .shell)) .kin-profile-body .g2{grid-template-columns:minmax(0,1fr)!important}} :where(body:has(#root .shell)) #kin-profile-dock{top:90px;scroll-margin-top:90px}:where(body:has(#root .shell)) .kin-profile-body{max-height:calc(100vh - 215px)} @media(max-width:1100px){:where(body:has(#root .shell)) .kin-profile-body{max-height:none}} /* Owner's compact directory revision: two views, larger unit choices, and no empty profile column. Original profile contents remain unchanged. */ :where(body:has(#root .shell)) .kin-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0 14px} :where(body:has(#root .shell)) .kin-directory-tabs{gap:10px;margin:0;border:0;flex:1} :where(body:has(#root .shell)) .kin-directory-tabs button{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border:1px solid #dce3e9;border-radius:8px;background:#fff;color:#53636f;font-size:14px;text-align:start} :where(body:has(#root .shell)) .kin-directory-tabs button>svg{flex-shrink:0;color:#7390a7} :where(body:has(#root .shell)) .kin-directory-tabs button>b{font-size:12px;font-weight:600;background:#eff2f5;border-radius:10px;min-width:23px;min-height:23px;display:grid;place-items:center} :where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]{background:#eff2f5;border-color:#87a0b4;box-shadow:inset 0 -3px #315d86;color:#315d86} :where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]>b{background:#315d86;color:#fff} :where(body:has(#root .shell)) .kin-view-switch{display:flex;gap:4px;border:1px solid #dce3e9;border-radius:7px;background:#fff;padding:4px} :where(body:has(#root .shell)) .kin-view-switch button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 14px;border:0;border-radius:10px;background:transparent;color:#61707c;font-size:13px;cursor:pointer} :where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:#315d86;color:#fff} :where(body:has(#root .shell)) .kin-units-panel{padding:16px 18px;background:#fafbfc;border:1px solid #dee5eb;border-radius:8px;margin-bottom:22px} :where(body:has(#root .shell)) .kin-units-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:13px} :where(body:has(#root .shell)) .kin-units-heading>strong{color:#384b59;font-size:14px} :where(body:has(#root .shell)) .kin-units-heading>span,:where(body:has(#root .shell)) .kin-unit-empty{font-size:12px;color:#677580;line-height:1.5} :where(body:has(#root .shell)) .kin-unit-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0} :where(body:has(#root .shell)) .kin-unit-filters button{min-height:50px;padding:11px 13px;border-radius:10px;font-size:13px;gap:10px;text-align:start} :where(body:has(#root .shell)) .kin-unit-filters button>svg{flex-shrink:0} :where(body:has(#root .shell)) .kin-unit-filters button>strong{font-weight:500;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-unit-filters button>span{margin-inline-start:auto;font-size:12px;padding:3px 7px;flex-shrink:0} :where(body:has(#root .shell)) .kin-unit-empty{margin:12px 0 0} :where(body:has(#root .shell)) .kin-directory-layout{grid-template-columns:minmax(0,1fr);gap:24px} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame){grid-template-columns:minmax(0,1fr) minmax(450px,42%)} :where(body:has(#root .shell)) #kin-profile-dock:empty{display:none} :where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-people-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))} :where(body:has(#root .shell)) .kin-person-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:7px} :where(body:has(#root .shell)) .kin-open-person{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;text-align:start;min-height:95px;padding:15px 14px} :where(body:has(#root .shell)) .kin-open-person>span.kin-person-summary{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;margin:0;font-size:13px;color:#384b59;line-height:1.4} :where(body:has(#root .shell)) .kin-person-summary>strong{font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-person-position{font-size:12px;color:#6d7a84;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-open-person small{justify-content:flex-start;flex-wrap:wrap;margin-top:3px;font-size:12px;gap:6px} :where(body:has(#root .shell)) .kin-person-unit{min-height:30px;padding:5px 14px;border:0;background:#f7f9fa;font-size:12px;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-person-card footer{min-height:42px;padding:3px 9px 3px 14px;border:0;background:#fff} :where(body:has(#root .shell)) .kin-role{font-size:12px;padding:4px 7px;overflow-wrap:anywhere} :where(body:has(#root .shell)) .kin-download{min-width:36px;min-height:36px} :where(body:has(#root .shell)) .kin-view-list,:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list{grid-template-columns:minmax(0,1fr);gap:8px} :where(body:has(#root .shell)) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr) minmax(100px,18%) minmax(150px,22%);align-items:center} :where(body:has(#root .shell)) .kin-view-list .kin-open-person{min-height:76px;padding:11px 14px} :where(body:has(#root .shell)) .kin-view-list .kin-person-unit{background:none;min-height:0;padding:10px 14px} :where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{padding:10px 12px;background:transparent} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr) 130px} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list .kin-open-person{grid-row:1/3} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list .kin-person-unit{padding:9px 12px 0} :where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list footer{padding-top:2px} :where(body:has(#root .shell)) .kin-directory button:focus-visible{outline:3px solid #315d86;outline-offset:3px} @media(max-width:1200px){:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame){grid-template-columns:minmax(0,1fr) 430px;gap:16px}} @media(max-width:1100px){:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame){grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-people-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list{grid-template-columns:minmax(0,1fr)}} @media(max-width:600px){ :where(body:has(#root .shell)) .kin-directory-toolbar{gap:12px}:where(body:has(#root .shell)) .kin-directory-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-basis:100%} :where(body:has(#root .shell)) .kin-directory-tabs button{min-height:56px;padding:10px 8px;gap:6px;font-size:12px}:where(body:has(#root .shell)) .kin-directory-tabs button>svg:first-child{width:15px}:where(body:has(#root .shell)) .kin-directory-tabs button>svg:last-child{display:none} :where(body:has(#root .shell)) .kin-directory-tabs button>b{margin-inline-start:auto;font-size:12px;min-width:20px;min-height:22px} :where(body:has(#root .shell)) .kin-view-switch{margin-inline-start:auto;gap:8px}:where(body:has(#root .shell)) .kin-view-switch button{padding:8px 13px} :where(body:has(#root .shell)) .kin-units-panel{padding:13px}:where(body:has(#root .shell)) .kin-units-heading{gap:4px}:where(body:has(#root .shell)) .kin-units-heading>span{width:100%}:where(body:has(#root .shell)) .kin-unit-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} :where(body:has(#root .shell)) .kin-unit-filters button{padding:9px 8px;gap:6px;min-height:52px;font-size:12px}:where(body:has(#root .shell)) .kin-unit-filters button>svg{display:none}:where(body:has(#root .shell)) .kin-unit-filters button>span{padding:2px 5px;font-size:12px} :where(body:has(#root .shell)) .kin-people-grid,:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} :where(body:has(#root .shell)) .kin-open-person{flex-direction:column;align-items:flex-start;gap:8px;min-height:134px;padding:12px}:where(body:has(#root .shell)) .kin-person-summary>strong{font-size:12px}:where(body:has(#root .shell)) .kin-person-position{font-size:12px} :where(body:has(#root .shell)) .kin-open-person small{font-size:12px}:where(body:has(#root .shell)) .kin-person-unit{padding:6px 12px;font-size:12px}:where(body:has(#root .shell)) .kin-person-card footer{padding:3px 6px 3px 9px;gap:4px}:where(body:has(#root .shell)) .kin-role{font-size:12px;padding:3px 5px}:where(body:has(#root .shell)) .kin-download{min-width:34px;min-height:44px} :where(body:has(#root .shell)) .kin-view-list,:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list{grid-template-columns:minmax(0,1fr)} :where(body:has(#root .shell)) .kin-view-list .kin-person-card,:where(body:has(#root .shell)) .kin-directory-layout:has(.kin-profile-frame) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr) 108px} :where(body:has(#root .shell)) .kin-view-list .kin-open-person{grid-row:1/3;flex-direction:row;align-items:center;gap:9px;min-height:88px;padding:11px 10px} :where(body:has(#root .shell)) .kin-view-list .kin-person-unit{padding:9px 8px 0}:where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{padding:1px 5px 5px 8px;gap:4px} } /* Calm neutral surfaces. One muted blue-grey accent marks selection, not unit type. */ :where(body:has(#root .shell)) .kin-employees{--kin-people-bg:#fff;--kin-people-edge:#e2e4e9;--kin-people-ink:#363e4c} :where(body:has(#root .shell)) [data-kin-kind]{--kin-soft:#fff;--kin-edge:#e2e4e9;--kin-accent:#596170;--kin-selected:#eff2f5} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind],:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind],:where(body:has(#root .shell)) .kin-employees button.kin-action{ background:var(--kin-soft)!important;border:1px solid var(--kin-edge)!important;color:var(--kin-accent)!important;box-shadow:none!important } :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]{border-radius:9px} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>svg{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>b,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]>span{background:#f3f4f6;color:#626977;border:0} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true],:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]{background:var(--kin-selected)!important;border-color:#a9bbc9!important;box-shadow:none!important;color:#4f697d!important} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>svg{color:#617d93} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>b,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]>span{background:#e4eaee;color:#546f84} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]:hover,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]:hover,:where(body:has(#root .shell)) .kin-employees button.kin-action:hover{background:#f7f9fa!important} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind]{background:#fafbfb;border-color:var(--kin-edge)} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind] .kin-units-heading>strong{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-action{border-radius:7px!important;min-height:42px;gap:9px!important;font-weight:550!important} :where(body:has(#root .shell)) .kin-action svg{flex-shrink:0} :where(body:has(#root .shell)) .kin-person-card{background:var(--kin-people-bg);border-color:var(--kin-people-edge)} :where(body:has(#root .shell)) .kin-person-card:hover{border-color:#b0bdc7;box-shadow:0 3px 10px #30394008} :where(body:has(#root .shell)) .kin-person-card.selected{border-color:#96adbe;box-shadow:0 0 0 2px #61798c0c} :where(body:has(#root .shell)) .kin-person-card footer{background:var(--kin-people-bg)} :where(body:has(#root .shell)) .kin-person-summary>strong{color:#363e4c} :where(body:has(#root .shell)) .kin-person-unit[data-kin-kind]{background:#f8f9fa;color:#666d7a;border-block:1px solid #edf0f2} :where(body:has(#root .shell)) .kin-person-unit[data-kin-kind] svg{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-role{background:#f3f4f6;border-color:#e8e9ed;color:#626977;word-break:normal;overflow-wrap:normal} :where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{border:1px solid var(--kin-edge);border-radius:10px;margin:8px 10px;padding:8px 10px} :where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{background:transparent} :where(body:has(#root .shell)) .kin-download{color:#747b87} :where(body:has(#root .shell)) .kin-download:hover{background:#eff2f5;color:#4f697d} :where(body:has(#root .shell)) .kin-view-switch{border-color:#e2e4e9} :where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:#ebeff3;color:#4f697d} :where(body:has(#root .shell)) .kin-directory button:focus-visible{outline-color:#708a9e} /* Large employee window; directory remains full-width behind the overlay. */ :where(body:has(#root .shell)) .kin-profile-window.mdl-wrap{position:fixed;inset:0;display:flex;align-items:center!important;justify-content:center;padding:24px!important;background:rgba(28,38,46,.34);backdrop-filter:blur(3px)} :where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{box-sizing:border-box;width:min(1180px,100%)!important;max-width:1180px!important;max-height:calc(100dvh - 48px)!important;border:1px solid #e2e4e9!important;border-radius:16px!important;background:#fff;display:flex;flex-direction:column;overflow:hidden;padding:0!important;box-shadow:0 24px 90px #24303930} :where(body:has(#root .shell)) .kin-window-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:18px 26px;background:#fafbfb;border-bottom:1px solid #e7e8ec} :where(body:has(#root .shell)) .kin-window-header>div{display:flex;align-items:center;gap:13px} :where(body:has(#root .shell)) .kin-window-header h3{font-size:19px!important;color:#3f4350;margin:0} :where(body:has(#root .shell)) .kin-window-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e1e7ec;border-radius:11px;background:#eef2f5;color:#657e91} :where(body:has(#root .shell)) .kin-window-header>button{width:44px;height:44px;display:grid;place-items:center;background:white;border:1px solid #e2e4e9;border-radius:9px;color:#6a707c;cursor:pointer} :where(body:has(#root .shell)) .kin-window-header>button:hover{background:#f0f3f5} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body{padding:26px 30px;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;touch-action:pan-y;scroll-padding:20px} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .g2{gap:15px 32px!important} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .tabs-row{gap:8px!important;padding-top:16px!important} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .tabs-row button{font-size:13px!important;min-height:44px!important;padding:11px 18px!important} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .cal-grid{min-width:0} :where(body:has(#root .shell)) .kin-profile-window button:focus-visible,:where(body:has(#root .shell)) .kin-profile-window input:focus-visible,:where(body:has(#root .shell)) .kin-profile-window select:focus-visible{outline:3px solid #708a9e;outline-offset:3px} @media(max-width:600px){ :where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{margin:7px 5px 0;padding:5px 7px} :where(body:has(#root .shell)) .kin-profile-window.mdl-wrap{padding:8px!important;align-items:center!important} :where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important} :where(body:has(#root .shell)) .kin-window-header{padding:12px 14px;gap:8px}:where(body:has(#root .shell)) .kin-window-header h3{font-size:16px!important}:where(body:has(#root .shell)) .kin-window-icon{width:34px;height:34px;border-radius:9px} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body{padding:17px 14px} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .g2{gap:11px!important} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .tabs-row button{font-size:12px!important;padding:10px 12px!important} :where(body:has(#root .shell)) .kin-window-body.kin-profile-body .mdl-box{max-width:calc(100vw - 16px)!important} } /* Renewal composition: distinct metric cards, clear queue and generous detail workspace. */ :where(body:has(#root .shell)) .layout-kicker{font-size:12px;font-weight:700;letter-spacing:.09em;color:#58677b} :where(body:has(#root .shell)) .index-page-head{margin-bottom:28px;gap:24px}:where(body:has(#root .shell)) .index-page-head h1{font-size:32px;letter-spacing:-1px;color:#233248;font-weight:700;line-height:1.2;margin:8px 0 10px}:where(body:has(#root .shell)) .index-page-head p{font-size:14px;color:#58677b;line-height:1.6}:where(body:has(#root .shell)) .index-date{border-color:#dce2e9;border-radius:12px;padding:12px 16px;font-size:13px;color:#58677b} /* A small calendar leaf makes today's date easier to scan. */ :where(body:has(#root .shell)) #root .index-date.renew-date{gap:13px;padding:9px 17px 9px 9px;border-radius:16px;box-shadow:0 3px 12px #23324808;line-height:1.3;} :where(body:has(#root .shell)) .renew-date-calendar{display:flex;flex-direction:column;align-items:center;min-width:49px;overflow:hidden;border:1px solid var(--rc-border,var(--renew-border));border-radius:9px;background:var(--rc-panel,var(--renew-surface));} :where(body:has(#root .shell)) .renew-date-calendar>span{align-self:stretch;text-align:center;padding:3px 6px;background:var(--rc-sidebar,var(--renew-accent));color:var(--rc-side-fg,#fff);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;} :where(body:has(#root .shell)) .renew-date-calendar>strong{padding:4px 9px 5px;font-size:24px;line-height:1.1;font-weight:700;color:var(--rc-panel-fg,var(--renew-ink));font-variant-numeric:tabular-nums;} :where(body:has(#root .shell)) .renew-date-copy{display:flex;flex-direction:column;gap:3px;color:var(--rc-panel-fg,var(--renew-ink));} :where(body:has(#root .shell)) .renew-date-copy>strong{font-size:14px;font-weight:650;} :where(body:has(#root .shell)) .renew-date-copy>span{font-size:12px;color:var(--rc-panel-muted,var(--renew-muted));} @media(max-width:600px){:where(body:has(#root .shell)) #root .index-date.renew-date{padding:7px 13px 7px 7px;gap:11px;}:where(body:has(#root .shell)) .renew-date-calendar{min-width:45px;}:where(body:has(#root .shell)) .renew-date-calendar>strong{font-size:22px;}} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics{gap:12px!important;border:0!important;background:transparent!important;overflow:visible;padding:0;border-radius:0;margin-bottom:28px!important} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{position:relative;min-height:164px!important;padding:22px 20px!important;border:1px solid #dce2e9!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 10px #23324803!important;gap:5px!important;color:#233248!important} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{border-inline-end:1px solid #dce2e9!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:hover{border-color:#92B4C9!important;box-shadow:0 6px 18px #23324808!important;background:#FAFCFE!important;transform:translateY(-2px)} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-top{top:20px;right:17px;opacity:1}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico{height:30px!important;width:30px!important;border-radius:9px!important;background:#e7eef7!important;color:#315d86!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico svg{height:17px;width:17px;stroke:currentColor!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-value{font-size:34px!important;letter-spacing:-1px;margin:0 0 14px;font-variant-numeric:tabular-nums}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-title{font-size:14px!important;font-weight:650!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-sub{font-size:12px!important;color:#58677b!important;line-height:1.5} :where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr) 340px;border-color:#dce2e9;border-radius:16px;box-shadow:0 6px 22px #23324804;min-height:450px}:where(body:has(#root .shell)) .index-panel-head{padding:24px 24px 18px}:where(body:has(#root .shell)) .index-panel-head h2{font-size:21px!important;font-weight:700!important;letter-spacing:-.4px}:where(body:has(#root .shell)) .index-total{background:#f5f6f8;border-color:#E5ECF2;border-radius:8px;padding:7px 10px;font-size:12px;color:#58677b}:where(body:has(#root .shell)) .index-tabs{gap:20px;border-bottom-color:#dce2e9}:where(body:has(#root .shell)) .index-tabs button{font-size:14px;min-height:48px;padding:12px 0;color:#58677b}:where(body:has(#root .shell)) .index-tabs button span{font-size:12px;font-weight:600;border-radius:6px;min-width:24px;padding:2px 5px;background:#eff2f6;color:#58677b}:where(body:has(#root .shell)) .index-tabs button[aria-pressed=true] span{background:#e7eef7;color:#315d86} :where(body:has(#root .shell)) .index-table{font-size:14px}:where(body:has(#root .shell)) .index-table th{font-size:12px;font-weight:600;padding:14px 20px;background:#FAFCFE;color:#58677b;border-color:#e8ecf1}:where(body:has(#root .shell)) .index-table td{padding:17px 20px;border-color:#e8ecf1}:where(body:has(#root .shell)) .index-table td:nth-child(2){min-width:170px}:where(body:has(#root .shell)) .index-table td>strong,:where(body:has(#root .shell)) .index-person strong{font-size:14px;font-weight:650}:where(body:has(#root .shell)) .index-table small{font-size:12px;color:#58677b}:where(body:has(#root .shell)) .index-person{gap:11px;color:#233248}:where(body:has(#root .shell)) .index-table tr.is-selected{background:#edf2f8}:where(body:has(#root .shell)) .index-table tr.is-selected td:first-child{box-shadow:inset 3px 0 #315d86}:where(body:has(#root .shell)) .index-status{font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px}:where(body:has(#root .shell)) .index-select{min-width:40px;min-height:44px;border-radius:9px;background:#fff}:where(body:has(#root .shell)) .index-table-footer{padding:14px 24px;font-size:12px;color:#58677b}:where(body:has(#root .shell)) .index-table-footer button,:where(body:has(#root .shell)) .kin-pagination button{width:44px;min-height:44px;border-radius:9px} :where(body:has(#root .shell)) .index-detail{background:#f8f9fb;border-color:#dce2e9;padding:25px 22px}:where(body:has(#root .shell)) .index-detail-person{padding:24px 0;gap:12px}:where(body:has(#root .shell)) .index-detail-person button{font-size:15px;color:#233248;min-height:32px}:where(body:has(#root .shell)) .index-detail-person small{color:#58677b}:where(body:has(#root .shell)) .index-detail .lv{border-radius:12px!important;border-color:#dce2e9!important;background:#fff!important}:where(body:has(#root .shell)) .index-detail .lv-head{padding:18px!important;gap:13px!important}:where(body:has(#root .shell)) .index-detail .lv-name{font-size:14px!important}:where(body:has(#root .shell)) .index-detail .lv-bal{padding:12px 0}:where(body:has(#root .shell)) .index-detail .lv-bal b{font-size:22px!important}:where(body:has(#root .shell)) .index-detail .lv-bal span,:where(body:has(#root .shell)) .index-detail .lv-sub2,:where(body:has(#root .shell)) .index-detail .lv-st{font-size:12px!important}:where(body:has(#root .shell)) .index-detail .lv-acts button{min-height:44px;font-size:13px!important;border-radius:8px!important}:where(body:has(#root .shell)) .index-detail .lv-body{font-size:14px;padding:16px!important}:where(body:has(#root .shell)) .index-profile-link{font-size:13px;padding:12px;border-radius:10px;min-height:46px;text-align:start}:where(body:has(#root .shell)) .index-approval-path{margin-top:24px}:where(body:has(#root .shell)) .index-approval-path li{font-size:13px;gap:12px;padding-bottom:20px}:where(body:has(#root .shell)) .index-step{height:28px;min-width:28px;font-size:12px}:where(body:has(#root .shell)) .index-approval-path li:not(:last-child):before{left:auto;inset-inline-start:13px;top:29px}:where(body:has(#root .shell)) .index-approval-path small{font-size:12px;line-height:1.5} :where(body:has(#root .shell)) .index-week{padding:20px 24px;margin:20px 0 28px;border-radius:14px;border-color:#dce2e9}:where(body:has(#root .shell)) .index-week-icon{width:46px;height:46px;border-radius:12px}:where(body:has(#root .shell)) .index-week strong{font-size:15px;font-weight:650}:where(body:has(#root .shell)) .index-week small{font-size:12px;line-height:1.5;color:#58677b}:where(body:has(#root .shell)) .index-week-action{font-size:13px}:where(body:has(#root .shell)) .index-shortcuts-heading{font-size:14px;margin-bottom:14px;font-weight:650}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt{min-height:150px!important;padding:22px!important;border:1px solid #dce2e9!important;border-radius:14px!important;background:#fff!important}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt-title{font-size:16px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt-sub{font-size:12px!important;color:#58677b!important} /* Planning calendar: readable rail, full-size events and internal scrolling. */ :where(body:has(#root .shell)) .tempo-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}:where(body:has(#root .shell)) .tempo-rail{border-color:#dce2e9;border-radius:14px}:where(body:has(#root .shell)) .tempo-mini{padding:18px 14px 20px}:where(body:has(#root .shell)) .tempo-mini header{margin-bottom:15px}:where(body:has(#root .shell)) .tempo-mini header strong{font-size:14px}:where(body:has(#root .shell)) .tempo-mini header button{width:32px;height:44px;border-radius:8px;background:#edf2f7;color:#315d86}:where(body:has(#root .shell)) .tempo-mini-grid>span{font-size:12px;min-height:28px;color:#58677b}:where(body:has(#root .shell)) .tempo-mini-grid>button{font-size:12px;min-height:34px;border-radius:7px;color:#233248}:where(body:has(#root .shell)) .tempo-mini-grid>button[aria-pressed=true]{color:white}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{padding:22px 20px;border-color:#e8ecf1}:where(body:has(#root .shell)) .tempo-rail-summary>strong{font-size:34px;color:#233248;letter-spacing:-1px}:where(body:has(#root .shell)) .tempo-rail-summary p,:where(body:has(#root .shell)) .tempo-legend p{font-size:12px!important;line-height:1.7!important;color:#58677b}:where(body:has(#root .shell)) .tempo-legend>div{font-size:13px;margin-top:16px}:where(body:has(#root .shell)) .tempo-toolbar{padding-bottom:18px}:where(body:has(#root .shell)) .tempo-toolbar>div button{min-height:44px!important;min-width:72px;font-size:14px!important;border-radius:8px!important}:where(body:has(#root .shell)) .tempo-board{border-radius:14px!important;border:1px solid #dce2e9!important}:where(body:has(#root .shell)) .tempo-board>div:first-child{padding:18px 20px;border-color:#dce2e9}:where(body:has(#root .shell)) .tempo-board>div:first-child>div{font-size:15px!important}:where(body:has(#root .shell)) .tempo-board>div:first-child button{min-width:44px;min-height:44px}:where(body:has(#root .shell)) .tempo-calendar .cal-wk{font-size:12px;padding:16px 4px;font-weight:600;background:#f8f9fb;color:#58677b}:where(body:has(#root .shell)) .tempo-calendar .cal-day{gap:12px;padding:12px 8px!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.wkend{background:#f8f9fb!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.on{background:#edf2f8!important;box-shadow:inset 0 3px #315d86!important}:where(body:has(#root .shell)) .tempo-calendar .cal-n{font-size:14px;line-height:32px;width:32px;font-weight:600}:where(body:has(#root .shell)) .tempo-calendar .cal-dots{font-size:12px}:where(body:has(#root .shell)) .tempo-events{gap:9px}:where(body:has(#root .shell)) .tempo-event{gap:5px;border-radius:8px;padding:10px 8px;border-color:#dce2e9;border-inline-start-color:var(--event-color)}:where(body:has(#root .shell)) .tempo-event strong{font-size:13px;color:#233248}:where(body:has(#root .shell)) .tempo-event small{font-size:12px;color:#58677b}:where(body:has(#root .shell)) .tempo-view-week .cal-grid{min-width:840px}:where(body:has(#root .shell)) .tempo-view-week .cal-day{min-height:330px}:where(body:has(#root .shell)) .tempo-view-month .cal-grid{min-width:700px}:where(body:has(#root .shell)) .tempo-view-month .cal-day{min-height:130px}:where(body:has(#root .shell)) .tempo-board>div:last-child{padding:14px 20px;font-size:12px!important;color:#58677b}:where(body:has(#root .shell)) .tempo-agenda{padding:24px;border-radius:14px;border-color:#dce2e9}:where(body:has(#root .shell)) .tempo-agenda h3{font-size:18px!important;margin-bottom:18px!important}:where(body:has(#root .shell)) .tempo-agenda .cal-item{border-radius:10px!important}:where(body:has(#root .shell)) .tempo-calendar .cal-item button[title]{min-width:44px;min-height:44px} /* People directory: a quiet filter shelf, consistent cards, and complete profile window. */ :where(body:has(#root .shell)) .kin-directory{margin-top:22px}:where(body:has(#root .shell)) .kin-directory-toolbar{margin-bottom:18px}:where(body:has(#root .shell)) .kin-directory-tabs button{min-height:58px;padding:12px 16px;border-radius:12px!important;font-size:14px!important}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]{background:#fff!important;color:#43536a!important;border-color:#dce2e9!important}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]{background:#e7eef7!important;color:#315d86!important;border-color:#9db5ce!important;box-shadow:inset 0 -2px #315d86!important}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>b{background:#fff;color:#315d86}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>svg{color:currentColor}:where(body:has(#root .shell)) .kin-view-switch{border-radius:10px}:where(body:has(#root .shell)) .kin-view-switch button{font-size:14px;border-radius:7px}:where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:#e7eef7;color:#315d86;font-weight:650}:where(body:has(#root .shell)) .kin-units-panel[data-kin-kind]{padding:21px;background:#eef1f5;border:1px solid #dce2e9;border-radius:14px;margin-bottom:26px}:where(body:has(#root .shell)) .kin-units-heading{margin-bottom:16px}:where(body:has(#root .shell)) .kin-units-heading>strong{font-size:16px!important;color:#233248!important}:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]{background:#fff!important;color:#43536a!important;border-color:#dce2e9!important;font-size:14px;border-radius:9px}:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]{background:#e7eef7!important;color:#315d86!important;border-color:#9db5ce!important}:where(body:has(#root .shell)) .kin-results-heading{padding-bottom:16px}:where(body:has(#root .shell)) .kin-results-heading>span:last-child{font-size:12px}:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}:where(body:has(#root .shell)) .kin-person-card{border-color:#dce2e9;background:#fff;border-radius:14px;transition:border-color .15s,box-shadow .15s,transform .15s}:where(body:has(#root .shell)) .kin-person-card:hover{border-color:#92abc5;box-shadow:0 6px 18px #23324808;transform:translateY(-2px)}:where(body:has(#root .shell)) .kin-person-card.selected{border-color:#315d86;box-shadow:0 0 0 1px #315d86}:where(body:has(#root .shell)) .kin-open-person{min-height:108px;padding:18px;gap:13px}:where(body:has(#root .shell)) .kin-person-summary>strong{font-size:15px;color:#233248}:where(body:has(#root .shell)) .kin-person-position,:where(body:has(#root .shell)) .kin-open-person small{font-size:12px;color:#58677b}:where(body:has(#root .shell)) .kin-open-person small b{font-size:12px}:where(body:has(#root .shell)) .kin-person-unit[data-kin-kind]{min-height:38px;padding:8px 18px;background:#f7f8fa;color:#58677b;font-size:12px;border-color:#e8ecf1}:where(body:has(#root .shell)) .kin-person-card footer{min-height:48px;padding:3px 10px 3px 18px}:where(body:has(#root .shell)) .kin-role{font-size:12px;padding:5px 7px;color:#58677b;background:#eff2f6;border-radius:6px}:where(body:has(#root .shell)) .kin-download{min-height:44px;min-width:44px;border-radius:8px}:where(body:has(#root .shell)) .kin-pagination{padding:20px 0;font-size:12px}:where(body:has(#root .shell)) .kin-view-list{grid-template-columns:minmax(0,1fr);gap:9px}:where(body:has(#root .shell)) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr) minmax(150px,22%) minmax(160px,23%)}:where(body:has(#root .shell)) .kin-view-list .kin-open-person{min-height:86px;padding:14px 18px}:where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{border:0;background:transparent;margin:0;padding:14px}:where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{padding:10px 14px}:where(body:has(#root .shell)) .kin-action{min-height:44px!important;border-radius:10px!important;font-size:14px!important}:where(body:has(#root .shell)) .kin-organisation-heading{margin-top:32px;padding-top:26px}:where(body:has(#root .shell)) .kin-organisation-heading h3{font-size:20px!important;margin:6px 0 20px}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt{min-height:145px!important;padding:22px!important;border:1px solid #dce2e9!important;border-radius:14px!important;background:#fff!important}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt-value{font-size:30px!important}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt-title{font-size:15px!important} :where(body:has(#root .shell)) .kin-profile-window.mdl-wrap{background:rgba(23,43,66,.38);backdrop-filter:none}:where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{border-color:#dce2e9!important;box-shadow:0 24px 90px #23324835}:where(body:has(#root .shell)) .kin-window-header{padding:20px 28px;background:#f7f9fb;border-color:#dce2e9}:where(body:has(#root .shell)) .kin-window-header h3{font-size:20px!important;color:#233248}:where(body:has(#root .shell)) .kin-window-icon{width:44px;height:44px;border-radius:12px;background:#e7eef7;color:#315d86}:where(body:has(#root .shell)) .kin-window-header>button{border-radius:10px}:where(body:has(#root .shell)) .kin-window-body.kin-profile-body{padding:28px 32px;scroll-padding:24px}:where(body:has(#root .shell)) .kin-profile-body>div:first-child>div:nth-child(2)>div:first-child{font-size:23px!important;letter-spacing:-.5px}:where(body:has(#root .shell)) .kin-profile-body .tabs-row{margin-bottom:24px!important;padding:16px 0!important}:where(body:has(#root .shell)) .kin-window-body.kin-profile-body .tabs-row button{font-size:14px!important;min-height:46px!important;padding:11px 17px!important}:where(body:has(#root .shell)) .kin-window-body.kin-profile-body .g2{gap:18px 32px!important}:where(body:has(#root .shell)) .kin-profile-body input:not([type=checkbox]):not([type=radio]):not([type=file]),:where(body:has(#root .shell)) .kin-profile-body select{min-height:44px;font-size:14px!important} /* Policies keep the original two columns, five tab gates and row order. */ :where(body:has(#root .shell)) .complete-policies>h2{font-size:30px!important;letter-spacing:-.8px}:where(body:has(#root .shell)) .complete-policies>p{font-size:14px!important;line-height:1.7!important;opacity:1!important;color:#58677b!important}:where(body:has(#root .shell)) .complete-policies>.g2{gap:24px!important}:where(body:has(#root .shell)) .pol-list{border:1px solid #dce2e9!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;padding:10px!important;max-height:none!important}:where(body:has(#root .shell)) .pol-list button{min-height:52px;border-radius:9px!important;padding:12px!important;font-weight:500!important;gap:10px!important}:where(body:has(#root .shell)) .pol-list button>span:nth-child(2){font-size:14px!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}:where(body:has(#root .shell)) .pol-list button>span:last-child{font-size:12px!important;opacity:1!important;border-radius:5px;background:#eff2f6;padding:3px 6px;color:#58677b}:where(body:has(#root .shell)) .pol-list button[aria-pressed=true]{background:#e7eef7!important;color:#315d86!important;box-shadow:inset 3px 0 #315d86}:where(body:has(#root .shell)) .pol-list button[aria-pressed=true]>span:last-child{background:#fff!important;color:#315d86!important}:where(body:has(#root .shell)) .pol-list button[aria-pressed=false]:hover{background:#f5f6f8!important} :where(body:has(#root .shell)) .policy-editor{background:#fff!important;border:1px solid #dce2e9!important;border-radius:16px!important;box-shadow:0 4px 18px #23324803!important;padding:28px!important;overflow:visible;min-width:0}:where(body:has(#root .shell)) .policy-editor>div:first-child{padding-bottom:14px!important}:where(body:has(#root .shell)) .policy-editor>div:first-child h3{font-size:22px!important;letter-spacing:-.4px;color:#233248!important}:where(body:has(#root .shell)) .policy-editor>div:nth-child(2){background:#f1f4f8!important;border:1px solid #e0e6ee!important;border-radius:10px!important;padding:16px!important;box-shadow:none!important;font-size:14px!important}:where(body:has(#root .shell)) .policy-editor .tabs-row{background:#fff!important;border:0!important;border-bottom:1px solid #dce2e9!important;border-radius:0!important;margin-top:22px!important;margin-bottom:6px!important;padding:0!important;gap:3px!important;display:flex!important;flex-wrap:wrap!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button{border:0!important;border-bottom:3px solid transparent!important;border-radius:6px 6px 0 0!important;min-height:48px;padding:12px 14px!important;font-size:14px!important;color:#58677b!important;background:transparent!important;box-shadow:none!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button[aria-pressed=true]{border-bottom-color:#315d86!important;background:#edf2f8!important;color:#315d86!important;font-weight:650!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button:hover{background:#f5f6f8!important} :where(body:has(#root .shell)) .pol-row{padding:21px 0!important;min-height:78px;gap:20px!important;border-color:#e8ecf1!important}:where(body:has(#root .shell)) .pol-row>div:first-child>div{font-size:14px!important;line-height:1.55!important;font-weight:600!important;color:#233248!important}:where(body:has(#root .shell)) .pol-row>div:first-child>small,:where(body:has(#root .shell)) .pol-row>div:first-child>div+div{font-size:12px!important;color:#58677b!important;line-height:1.65!important;font-weight:400!important;opacity:1!important}:where(body:has(#root .shell)) .policy-editor input:not([type=checkbox]):not([type=color]),:where(body:has(#root .shell)) .policy-editor select{min-height:44px!important;border:1px solid #cbd6e2!important;border-radius:9px!important;background:#fff!important;font-size:14px!important;box-shadow:none!important}:where(body:has(#root .shell)) .policy-editor input[type=number]{font-weight:650!important;color:#315d86!important;font-variant-numeric:tabular-nums;text-align:center!important}:where(body:has(#root .shell)) .policy-editor .pol-row>div:last-child>div>div>.hf{border:1px solid #dce2e9!important;background:#fff!important;border-radius:8px!important;min-height:44px;font-size:14px!important;color:#233248!important}:where(body:has(#root .shell)) .policy-editor .pol-row:is([data-design-label^="1 "],[data-design-label^="2 "],[data-design-label^="3 "]){border-inline-start:3px solid #d5e1ed;padding-inline-start:16px!important}:where(body:has(#root .shell)) .policy-editor .pol-row[data-design-label^="3 "]>div:last-child>span{color:#315d86!important;opacity:1!important;background:#e7eef7;padding:8px 12px;border-radius:8px;font-size:12px!important} :where(body:has(#root .shell)) .design-switch{width:48px!important;height:28px!important;min-height:28px!important;border-radius:16px!important;padding:0!important;box-shadow:none!important;border:1px solid #A7B8C7!important;background:#BCC9D4!important;flex-shrink:0}:where(body:has(#root .shell)) .design-switch[aria-checked=true]{background:#315d86!important;border-color:#315d86!important}:where(body:has(#root .shell)) .design-switch>span{width:20px!important;height:20px!important;top:3px!important;box-shadow:0 1px 3px #23324820!important;background:#fff!important}:where(body:has(#root .shell)) .policy-editor .stack-sm{margin-top:26px!important}:where(body:has(#root .shell)) .policy-editor .stack-sm>.hf,:where(body:has(#root .shell)) .policy-editor>.hf{min-height:44px;border-radius:9px!important;font-size:14px!important;padding:11px 17px!important;font-weight:600!important}:where(body:has(#root .shell)) .policy-editor .pol-savebar{border:1px solid #bed0e2!important;background:#eff4f9!important;border-radius:12px!important;padding:17px!important} :where(body:has(#root .shell)) :is(.index-dashboard,.tempo-calendar,.kin-directory,.kin-profile-window,.complete-policies) :is(button,input,select,textarea):focus-visible{outline:3px solid #315d86!important;outline-offset:3px} @media(min-width:1700px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr) 370px}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:250px minmax(0,1fr)}:where(body:has(#root .shell)) .tempo-view-week .cal-day{min-height:370px}} @media(max-width:1250px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr) 300px}:where(body:has(#root .shell)) .index-table th,:where(body:has(#root .shell)) .index-table td{padding:14px}:where(body:has(#root .shell)) .index-detail{padding:23px 18px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{padding:18px 15px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-top{display:none}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}} @media(max-width:1050px){:where(body:has(#root .shell)) .index-workspace{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .index-detail{border-inline-start:0;border-top:1px solid #dce2e9}:where(body:has(#root .shell)) .index-detail-person{padding:18px 0}:where(body:has(#root .shell)) .tempo-layout{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .tempo-rail{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);align-items:start}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:0;border-inline-start:1px solid #e8ecf1;min-height:200px}:where(body:has(#root .shell)) .index-page-head h1{font-size:29px}:where(body:has(#root .shell)) .kin-directory-tabs{flex-basis:100%}:where(body:has(#root .shell)) .kin-view-switch{margin-inline-start:auto}} @media(max-width:700px){:where(body:has(#root .shell)) .index-page-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}:where(body:has(#root .shell)) .index-page-head h1{font-size:28px}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{min-height:142px!important;padding:18px!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{grid-column:1/-1}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-value{font-size:30px!important}:where(body:has(#root .shell)) .index-panel-head{padding:21px 16px 16px}:where(body:has(#root .shell)) .index-panel-head h2{font-size:20px!important}:where(body:has(#root .shell)) .index-tabs{gap:16px;padding:0 16px}:where(body:has(#root .shell)) .index-table{min-width:620px}:where(body:has(#root .shell)) .index-table th,:where(body:has(#root .shell)) .index-table td{padding:15px 13px}:where(body:has(#root .shell)) .index-detail{padding:22px 17px}:where(body:has(#root .shell)) .index-week{padding:18px 16px;flex-wrap:wrap;gap:12px}:where(body:has(#root .shell)) .index-week>span:nth-child(2){flex:1;min-width:180px}:where(body:has(#root .shell)) .index-week-action{margin-inline-start:58px}:where(body:has(#root .shell)) .tempo-rail{grid-template-columns:1fr 1fr}:where(body:has(#root .shell)) .tempo-mini{grid-column:1/-1;padding:20px}:where(body:has(#root .shell)) .tempo-mini-grid>button{min-height:44px;font-size:14px}:where(body:has(#root .shell)) .tempo-mini header strong{font-size:16px}:where(body:has(#root .shell)) .tempo-mini header button{width:44px;height:44px}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid #e8ecf1;min-height:175px;padding:20px 16px}:where(body:has(#root .shell)) .tempo-rail-summary{border-inline-start:0}:where(body:has(#root .shell)) .tempo-toolbar{padding-top:4px}:where(body:has(#root .shell)) .tempo-board>div:first-child{padding:14px 10px}:where(body:has(#root .shell)) .tempo-board>div:first-child>div{font-size:14px!important}:where(body:has(#root .shell)) .tempo-scroll-hint{display:block;padding:12px 16px;color:#58677b;background:#f8f9fb;font-size:12px;border-bottom:1px solid #dce2e9}:where(body:has(#root .shell)) .tempo-agenda{padding:20px 14px}:where(body:has(#root .shell)) .tempo-agenda .cal-item{flex-wrap:wrap}:where(body:has(#root .shell)) .tempo-agenda .cal-item>div:last-child{flex-direction:row!important;align-items:center!important;margin-inline-start:auto}:where(body:has(#root .shell)) .kin-directory-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:where(body:has(#root .shell)) .kin-directory-tabs button{min-height:62px;padding:10px;gap:7px;font-size:13px!important}:where(body:has(#root .shell)) .kin-directory-tabs button>svg:first-child{width:17px}:where(body:has(#root .shell)) .kin-directory-tabs button>svg:last-child{display:none}:where(body:has(#root .shell)) .kin-directory-tabs button>b{margin-inline-start:auto;min-width:22px}:where(body:has(#root .shell)) .kin-units-panel[data-kin-kind]{padding:16px}:where(body:has(#root .shell)) .kin-units-heading{gap:5px}:where(body:has(#root .shell)) .kin-units-heading>span{width:100%}:where(body:has(#root .shell)) .kin-unit-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]{padding:10px;gap:6px;min-height:56px;font-size:13px}:where(body:has(#root .shell)) .kin-unit-filters button>svg{display:none}:where(body:has(#root .shell)) .kin-unit-filters button>span{padding:2px 5px;font-size:12px}:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:where(body:has(#root .shell)) .kin-open-person{flex-direction:column;align-items:flex-start;gap:10px;min-height:160px;padding:15px}:where(body:has(#root .shell)) .kin-person-summary>strong{font-size:14px}:where(body:has(#root .shell)) .kin-person-unit[data-kin-kind]{padding:9px 13px}:where(body:has(#root .shell)) .kin-person-card footer{padding:4px 7px 4px 10px;gap:4px}:where(body:has(#root .shell)) .kin-role{padding:4px 6px;font-size:12px}:where(body:has(#root .shell)) .kin-view-list{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr) 118px}:where(body:has(#root .shell)) .kin-view-list .kin-open-person{grid-row:1/3;flex-direction:row;align-items:center;gap:10px;min-height:100px;padding:13px}:where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{padding:10px 9px 0;margin:0}:where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{padding:3px 6px 6px 9px;gap:4px;flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-window.mdl-wrap{padding:8px!important}:where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important}:where(body:has(#root .shell)) .kin-window-header{padding:14px;gap:8px}:where(body:has(#root .shell)) .kin-window-header h3{font-size:18px!important}:where(body:has(#root .shell)) .kin-window-icon{width:38px;height:38px}:where(body:has(#root .shell)) .kin-window-body.kin-profile-body{padding:20px 15px}:where(body:has(#root .shell)) .kin-profile-body .g2{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}:where(body:has(#root .shell)) .kin-window-body.kin-profile-body .tabs-row button{font-size:13px!important;padding:11px 12px!important}:where(body:has(#root .shell)) .kin-profile-body .stack-sm{flex-direction:column;align-items:stretch!important}:where(body:has(#root .shell)) .kin-profile-body .stack-sm>*{max-width:100%!important;min-width:0!important}:where(body:has(#root .shell)) .kin-profile-body>div:first-child{gap:12px!important}:where(body:has(#root .shell)) .kin-profile-body>div:first-child>div:nth-child(2){flex-basis:140px!important}:where(body:has(#root .shell)) .kin-profile-body .lv-id{min-width:100px}:where(body:has(#root .shell)) .kin-profile-body .lv-right{width:100%;justify-content:space-between}:where(body:has(#root .shell)) .kin-profile-body .lv-acts{flex-wrap:wrap}:where(body:has(#root .shell)) .kin-profile-body .mdl-box{max-width:calc(100vw - 16px)!important}:where(body:has(#root .shell)) .complete-policies>h2{font-size:28px!important}:where(body:has(#root .shell)) .complete-policies>.g2{gap:18px!important}:where(body:has(#root .shell)) .policy-editor{padding:18px!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button{font-size:13px!important;padding:12px 10px!important}:where(body:has(#root .shell)) .policy-editor .pol-row>div:last-child{max-width:100%}:where(body:has(#root .shell)) .policy-editor .pol-row>div:last-child>div>div{min-width:0!important}:where(body:has(#root .shell)) .policy-editor input:not([type=checkbox]):not([type=color]),:where(body:has(#root .shell)) .policy-editor select,:where(body:has(#root .shell)) .kin-profile-body input:not([type=checkbox]):not([type=radio]):not([type=file]),:where(body:has(#root .shell)) .kin-profile-body select{font-size:16px!important}} @media(max-width:380px){:where(body:has(#root .shell)) .kin-people-grid{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .kin-open-person{flex-direction:row;align-items:center;min-height:108px}:where(body:has(#root .shell)) .kin-view-list .kin-person-card{grid-template-columns:minmax(0,1fr)}:where(body:has(#root .shell)) .kin-view-list .kin-open-person{grid-row:auto}:where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{padding:8px 14px}:where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{padding:5px 10px 5px 14px}:where(body:has(#root .shell)) .index-tabs{gap:12px}:where(body:has(#root .shell)) .index-total{white-space:normal}} @media(prefers-reduced-motion:reduce){:where(body:has(#root .shell)) .kin-person-card{transition:none}:where(body:has(#root .shell)) .kin-person-card:hover,:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:hover{transform:none}} :where(body:has(#root .shell)) .kin-directory .kin-filter-box{ --rc-fg:var(--rc-panel-fg,#233248);--rc-muted:var(--rc-panel-muted,#66768a); --renew-ink:var(--rc-panel-fg,#233248);--renew-muted:var(--rc-panel-muted,#66768a); padding:20px; margin-bottom:24px; min-width:0; background:var(--rc-panel,#fff);color:var(--rc-panel-fg,#233248); border:var(--rc-panel-border,1px) solid var(--rc-border,#dce2e9);border-radius:var(--rc-panel-radius,16px); box-shadow:var(--rc-panel-shadow,none); } :where(body:has(#root .shell)) .kin-filter-box .kin-filter-search{min-width:0;margin-bottom:16px} :where(body:has(#root .shell)) .kin-filter-box .kin-filter-search>div{margin:0!important} :where(body:has(#root .shell)) .kin-filter-box .kin-directory-toolbar{margin:0;gap:12px;align-items:center} :where(body:has(#root .shell)) .kin-filter-box .kin-directory-tabs{flex:1 1 auto;min-width:0;gap:8px} :where(body:has(#root .shell)) .kin-filter-box .kin-directory-tabs button{min-height:48px;padding:10px;gap:8px} :where(body:has(#root .shell)) .kin-filter-box .kin-view-switch{flex:0 0 auto;margin-inline-start:auto} :where(body:has(#root .shell)) .kin-filter-box .kin-units-panel[data-kin-kind]{ margin:16px 0 0;padding:16px 0 0;background:transparent!important; border:0!important;border-top:1px solid var(--rc-border,#dce2e9)!important;border-radius:0; } :where(body:has(#root .shell)) .kin-filter-box .kin-units-heading{margin-bottom:12px} :where(body:has(#root .shell)) .kin-filter-box .kin-unit-filters{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px} :where(body:has(#root .shell)) .kin-filter-box .kin-unit-filters button{min-height:46px} @media(max-width:700px){ :where(body:has(#root .shell)) .kin-directory .kin-filter-box{padding:14px;margin-bottom:20px} :where(body:has(#root .shell)) .kin-filter-box .kin-directory-tabs{flex-basis:100%;width:100%} :where(body:has(#root .shell)) .kin-filter-box .kin-directory-tabs button{min-height:52px;padding:10px 8px;gap:6px} :where(body:has(#root .shell)) .kin-filter-box .kin-unit-filters{grid-template-columns:repeat(2,minmax(0,1fr))} :where(body:has(#root .shell)) .kin-filter-box .kin-unit-filters button{min-height:48px;min-width:0} } /* Fitted status filters and flat profile links: retain the owner's colour/shape choices. */ :where(body:has(#root .shell)) .index-tabs{padding:6px 24px 16px;gap:8px;flex-wrap:wrap;overflow:visible} :where(body:has(#root .shell)) .index-tabs>button{padding:9px 12px;min-height:44px;border:1px solid transparent;border-radius:9px} :where(body:has(#root .shell)) .index-tabs>button[aria-pressed=true]{background:#e7eef7;border-color:#315d86} :where(body:has(#root .shell)) .index-tabs>button span{min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 5px} :where(body:has(#root .shell)) .index-person:focus-visible strong,:where(body:has(#root .shell)) .index-detail-person button:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:3px} @media(max-width:700px){:where(body:has(#root .shell)) .index-tabs{padding:4px 16px 16px}} @media(max-width:480px){:where(body:has(#root .shell)) .index-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}} /* Employee actions keep their existing order and wrap together on small screens. */ :where(body:has(#root .shell)) .kin-page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px;flex-wrap:wrap} :where(body:has(#root .shell)) .kin-create-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin-inline-start:auto} :where(body:has(#root .shell)) .kin-role-actions,:where(body:has(#root .shell)) .kin-role-actions>div,:where(body:has(#root .shell)) .kin-archive-slot>div{display:contents!important} :where(body:has(#root .shell)) .kin-role-actions>div>button,:where(body:has(#root .shell)) .kin-archive-slot>div>button,:where(body:has(#root .shell)) .kin-create-actions>button{margin:0!important;white-space:nowrap;display:inline-flex;align-items:center;gap:8px} :where(body:has(#root .shell)) .kin-archive-slot>div>div{order:1;flex:1 1 100%;min-width:0} @media(max-width:600px){:where(body:has(#root .shell)) .kin-page-actions{gap:10px}:where(body:has(#root .shell)) .kin-create-actions{width:100%}:where(body:has(#root .shell)) .kin-create-actions>button{flex:1 1 auto}} /* Calendar fit: one toolbar row and two aligned panels, without moving controls. */ :where(body:has(#root .shell)) .tempo-calendar>div:first-child>div{align-items:center!important;} :where(body:has(#root .shell)) .tempo-calendar>div:first-child h2{margin:0!important;} @media(min-width:1051px){ :where(body:has(#root .shell)) .tempo-calendar .tempo-layout{grid-template-rows:auto auto auto;row-gap:16px;align-items:stretch;} :where(body:has(#root .shell)) .tempo-calendar .tempo-main{display:contents;} :where(body:has(#root .shell)) .tempo-calendar .tempo-toolbar{grid-column:1/-1;grid-row:1;padding:0;min-height:44px;} :where(body:has(#root .shell)) .tempo-calendar .tempo-rail{grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column;} :where(body:has(#root .shell)) .tempo-calendar .tempo-board{grid-column:2;grid-row:2;min-width:0;align-self:stretch;} :where(body:has(#root .shell)) .tempo-calendar .tempo-agenda{grid-column:2;grid-row:3;min-width:0;margin-top:0!important;} :where(body:has(#root .shell)) .tempo-calendar .tempo-legend{flex:1;} :where(body:has(#root .shell)) .tempo-view-week .tempo-board{display:flex;flex-direction:column;} :where(body:has(#root .shell)) .tempo-view-week .tempo-grid-scroll{flex:1;display:flex;} :where(body:has(#root .shell)) .tempo-view-week .cal-grid{flex:1;grid-template-rows:auto minmax(260px,1fr);min-width:700px;} :where(body:has(#root .shell)) .tempo-view-week .cal-day{min-height:260px;} /* List mode has no date grid: keep its navigation compact above the results. */ :where(body:has(#root .shell)) .tempo-view-list .tempo-layout{grid-template-rows:auto auto 1fr;} :where(body:has(#root .shell)) .tempo-view-list .tempo-rail{grid-row:2 / span 2;} :where(body:has(#root .shell)) .tempo-view-list .tempo-board{align-self:start;} } /* Keep self-request and employee-recording choices visible at narrow widths. */ body:where(:has(#root .shell))[data-renewal-custom] .leave-request-hub > .tabs-row { flex-wrap:wrap!important; overflow:visible!important; } body:where(:has(#root .shell))[data-renewal-custom] .leave-request-hub > .tabs-row > button { max-width:100%; white-space:normal!important; } body:where(:has(#root .shell))[data-renewal-custom] .leave-request-hub > section > h3 {margin-bottom:8px;} body:where(:has(#root .shell))[data-renewal-custom] .leave-request-hub > section > p {margin-bottom:12px;} body:where(:has(#root .shell)) {background:var(--renew-canvas)!important;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:3px solid var(--rc-border)!important;} :where(body:has(#root .shell)) ::selection {background:var(--rc-accent);color:var(--rc-on-accent);} :where(body:has(#root .shell)) .shell,:where(body:has(#root .shell)) .mc {background:var(--renew-canvas)!important;} :where(body:has(#root .shell)) .ct h2 {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .ct h3,:where(body:has(#root .shell)) .mdl-box h3 {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .sb {background:linear-gradient(165deg,var(--rc-tint) 0%,var(--rc-tint) 100%)!important;color:var(--renew-ink)!important;border-inline-end:1px solid var(--rc-border);} :where(body:has(#root .shell)) .kar-brand .kar-brand-logo {background:transparent!important;border:0!important;} :where(body:has(#root .shell)) .kar-wordmark {color:var(--renew-ink);} :where(body:has(#root .shell)) .kar-wordmark span {color:var(--renew-muted);} :where(body:has(#root .shell)) .sb>div[style*="height: 1px"] {background:var(--rc-tint)!important;} :where(body:has(#root .shell)) .sb .nb {border:1px solid transparent!important;background:transparent!important;color:var(--rc-muted)!important;} :where(body:has(#root .shell)) .sb .nb svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active {background:var(--rc-panel)!important;border-color:var(--rc-border)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active::after {background:var(--renew-accent);} :where(body:has(#root .shell)) .sb .nb:hover {color:var(--renew-accent)!important;border-color:var(--rc-border)!important;} :where(body:has(#root .shell)) .sb>button:last-child {border:1px solid var(--rc-border)!important;color:var(--rc-muted)!important;} :where(body:has(#root .shell)) .sb>button:last-child svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .sb .mob-only button {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .tb {background:var(--rc-panel)!important;border-bottom:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .tb .hf {border-color:var(--renew-border)!important;color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .tb .hf:hover {background:var(--renew-soft)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .tb .hf:hover svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .renew-topbar-context strong {color:var(--renew-ink);} :where(body:has(#root .shell)) .renew-topbar-context span {color:var(--renew-muted);} :where(body:has(#root .shell)) .notif-pop {border:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .breeze-card,:where(body:has(#root .shell)) .ct .card,:where(body:has(#root .shell)) .ct .ecard,:where(body:has(#root .shell)) .rep-card {background:var(--renew-surface)!important;border:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .hf:hover svg {stroke:currentColor!important;} :where(body:has(#root .shell)) input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),:where(body:has(#root .shell)) select,:where(body:has(#root .shell)) textarea {border:1px solid var(--rc-border)!important;background-color:var(--rc-panel)!important;color:var(--renew-ink)!important; } :where(body:has(#root .shell)) input::placeholder,:where(body:has(#root .shell)) textarea::placeholder {color:var(--rc-muted);} :where(body:has(#root .shell)) input:hover,:where(body:has(#root .shell)) select:hover,:where(body:has(#root .shell)) textarea:hover {border-color:var(--rc-border)!important;} :where(body:has(#root .shell)) input:focus,:where(body:has(#root .shell)) select:focus,:where(body:has(#root .shell)) textarea:focus {border-color:var(--renew-accent)!important;} :where(body:has(#root .shell)) input[type=file] {border:1px dashed var(--rc-border);background:var(--rc-tint);} :where(body:has(#root .shell)) input[type=file]::file-selector-button {border:1px solid var(--renew-border);background:var(--rc-panel);color:var(--renew-accent);} :where(body:has(#root .shell)) input:disabled,:where(body:has(#root .shell)) select:disabled,:where(body:has(#root .shell)) textarea:disabled {background-color:var(--rc-tint)!important;color:var(--renew-muted)!important;} :where(body:has(#root .shell)) .tabs-row {border-bottom:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .tabs-row>button {border:1px solid transparent!important;} :where(body:has(#root .shell)) .tabs-row>button[aria-pressed=false] {background:transparent!important;color:var(--renew-muted)!important;} :where(body:has(#root .shell)) .tabs-row>button[aria-pressed=true] {background:var(--renew-soft)!important;border-color:var(--rc-border)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .tabs-row>button:hover {background:var(--rc-tint)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) th {background:var(--rc-tint)!important;color:var(--rc-muted)!important;border-color:var(--renew-border)!important;} :where(body:has(#root .shell)) td {border-color:var(--rc-border)!important;} :where(body:has(#root .shell)) tbody tr:hover {background:var(--rc-tint);} :where(body:has(#root .shell)) .opt {border:1px solid var(--renew-border)!important;background:var(--rc-panel)!important;} :where(body:has(#root .shell)) .opt:hover {border-color:var(--rc-border)!important;} :where(body:has(#root .shell)) .opt-title {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .opt-sub {color:var(--renew-muted)!important;} :where(body:has(#root .shell)) .opt-value {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .opt-ico,:where(body:has(#root .shell)) .opt-chev {background:var(--renew-soft)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .opt-ico svg,:where(body:has(#root .shell)) .opt-chev svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .tile {border:1px solid var(--renew-border)!important;background:var(--rc-panel)!important;} :where(body:has(#root .shell)) .tile:hover {border-color:var(--rc-border)!important;} :where(body:has(#root .shell)) .mdl-box {background:var(--rc-panel)!important;border:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .mdl-box>div:first-child {border-bottom:1px solid var(--renew-border);} :where(body:has(#root .shell)) .mdl-box>div:first-child>button {background:var(--rc-page)!important;} :where(body:has(#root .shell)) .mdl-box h2 {color:var(--renew-ink)!important;} :where(body:has(#root .shell)) .toast {background:var(--renew-accent)!important;} :where(body:has(#root .shell)) .bottom-nav {background:var(--rc-panel)!important;border-top:1px solid var(--renew-border)!important;} :where(body:has(#root .shell)) .bn-item {color:var(--rc-muted)!important;} :where(body:has(#root .shell)) .bn-item.on {background:var(--renew-soft)!important;color:var(--renew-accent)!important;} :where(body:has(#root .shell)) .bn-item svg {stroke:currentColor!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active {background:var(--rc-accent)!important;border-color:var(--rc-accent)!important;color:var(--rc-on-accent)!important;} :where(body:has(#root .shell)) .sb .nb.design-nav-active::after {background:var(--rc-panel);} :where(body:has(#root .shell)) .sb .nb.design-nav-active:hover {background:var(--rc-accent)!important;border-color:var(--rc-accent)!important;color:var(--rc-on-accent)!important;} :where(body:has(#root .shell)) .index-panel-head,:where(body:has(#root .shell)) .kin-window-header {background:var(--rc-tint);} :where(body:has(#root .shell)) .index-detail {background:var(--rc-tint);} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind] {background:var(--rc-tint);} @media(max-width:600px){:where(body:has(#root .shell)) .tempo-scroll-hint{color:var(--rc-muted);background:var(--rc-tint);border-bottom:1px solid var(--rc-border)}} :where(body:has(#root .shell)) .layout-kicker{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-page-head h1{color:var(--rc-fg)}:where(body:has(#root .shell)) .index-date{color:var(--rc-muted);background:var(--rc-panel);border:1px solid var(--rc-border)} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics{background:var(--rc-panel);border:1px solid var(--rc-border)} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{border:0!important;border-inline-end:1px solid var(--rc-border)!important;background:var(--rc-panel)!important;color:var(--rc-fg)!important} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{border-inline-end:0!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:hover{background:var(--rc-tint)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico{background:transparent!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico svg{stroke:var(--rc-muted)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-sub{color:var(--rc-muted)!important} :where(body:has(#root .shell)) .index-workspace{border:1px solid var(--rc-border);background:var(--rc-panel)}:where(body:has(#root .shell)) .index-total{color:var(--rc-muted);border:1px solid var(--rc-border)} :where(body:has(#root .shell)) .index-tabs{border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--rc-muted)}:where(body:has(#root .shell)) .index-tabs button[aria-pressed=true]{border-bottom-color:var(--rc-accent);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .index-tabs button span{background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .index-table th{background:var(--rc-tint);color:var(--rc-muted);border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-table td{border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-table tr.is-selected{background:var(--rc-tint)}:where(body:has(#root .shell)) .index-table small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-person{border:0;background:transparent;color:var(--rc-fg)}:where(body:has(#root .shell)) .index-select{background:transparent;border:1px solid var(--rc-border);color:var(--rc-muted)}:where(body:has(#root .shell)) .index-select[aria-pressed=true]{background:var(--rc-accent);color:var(--rc-on-accent);border-color:var(--rc-accent)}:where(body:has(#root .shell)) .index-table-footer{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-table-footer button{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-accent-text)} :where(body:has(#root .shell)) .index-detail{background:linear-gradient(170deg,var(--rc-tint),var(--rc-tint));border-inline-start:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-live-dot{background:var(--rc-accent)}:where(body:has(#root .shell)) .index-detail-person button{border:0;background:transparent;color:var(--rc-fg)}:where(body:has(#root .shell)) .index-detail-person small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-profile-link{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .index-profile-link:hover{background:var(--rc-tint)} :where(body:has(#root .shell)) .index-week{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-fg)}:where(body:has(#root .shell)) .index-week:hover{border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-week-icon{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .index-week small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-week-action{color:var(--rc-accent-text)}:where(body:has(#root .shell)) .index-shortcuts-heading{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt{border-top:1px solid var(--rc-border)!important;border-inline-start:3px solid var(--rc-accent)!important}:where(body:has(#root .shell)) .tempo-rail{border:1px solid var(--rc-border);background:var(--rc-panel)}:where(body:has(#root .shell)) .tempo-mini header button{border:0;background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-mini-grid>span{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-mini-grid>button{border:0;background:var(--rc-panel);color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-mini-grid>button[aria-pressed=true]{background:var(--rc-accent);color:var(--rc-on-accent)}:where(body:has(#root .shell)) .tempo-mini-grid>button:hover{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .tempo-rail-summary{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary>strong{color:var(--rc-accent-text)}:where(body:has(#root .shell)) .tempo-rail-summary small{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-rail-summary p,:where(body:has(#root .shell)) .tempo-legend p{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-board>div:first-child{border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-calendar .cal-grid{border:0!important}:where(body:has(#root .shell)) .tempo-calendar .cal-wk{border-inline-end:1px solid var(--rc-border);background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-calendar .cal-day{border:0!important;border-top:1px solid var(--rc-border)!important;border-inline-end:1px solid var(--rc-border)!important;background:var(--rc-panel)!important;color:var(--rc-muted)!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.wkend{background:var(--rc-tint)!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.on{background:var(--rc-tint)!important;color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.today .cal-n{background:var(--rc-accent);color:var(--rc-on-accent)}:where(body:has(#root .shell)) .tempo-calendar .cal-dots{color:var(--rc-muted)!important}:where(body:has(#root .shell)) .tempo-event{border:1px solid var(--rc-border);border-inline-start:3px solid var(--event-color);background:var(--rc-panel)}:where(body:has(#root .shell)) .tempo-event strong{color:var(--rc-fg)}:where(body:has(#root .shell)) .tempo-event small{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-board>div:last-child{border-top:1px solid var(--rc-border);color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-agenda{background:var(--rc-panel);border:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-agenda .cal-item{border:1px solid var(--rc-border);border-inline-start:3px solid var(--rc-accent)} @media(max-width:1000px){:where(body:has(#root .shell)) .index-detail{border-inline-start:0;border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:0;border-inline-start:1px solid var(--rc-border)}} @media(max-width:600px){:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{border-bottom:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary{border-inline-start:0}} :where(body:has(#root .shell)) .index-detail .lv{border:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .index-detail .lv-bal{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-approval-path li:not(:last-child):before{background:var(--rc-tint)}:where(body:has(#root .shell)) .index-step{background:var(--rc-tint);color:var(--rc-muted);border:1px solid var(--rc-border)}:where(body:has(#root .shell)) .index-approval-path .current .index-step{background:var(--rc-accent);border-color:var(--rc-accent);color:var(--rc-on-accent)}:where(body:has(#root .shell)) .index-approval-path small{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-directory-tabs{border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .kin-directory-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]{color:var(--rc-accent-text);border-bottom-color:var(--rc-accent)}:where(body:has(#root .shell)) .kin-directory-tabs button:hover{background:var(--rc-tint)}:where(body:has(#root .shell)) .kin-unit-filters button{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-unit-filters button span{background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-unit-filters button[aria-pressed=true]{background:var(--rc-accent);color:var(--rc-on-accent);border-color:var(--rc-accent)}:where(body:has(#root .shell)) .kin-unit-filters button[aria-pressed=true] span{color:var(--rc-on-accent)}:where(body:has(#root .shell)) .kin-results-heading>span:last-child{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-person-card{border:1px solid var(--rc-border);background:var(--rc-panel)}:where(body:has(#root .shell)) .kin-person-card:hover{border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-person-card.selected{border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-person-unit{border-bottom:1px solid var(--rc-border);background:linear-gradient(100deg,var(--rc-tint),var(--rc-tint));color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-person-unit svg{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-open-person{border:0;background:transparent;color:var(--rc-fg)}:where(body:has(#root .shell)) .kin-open-person>span{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-open-person small{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-open-person small i{background:var(--rc-tint)}:where(body:has(#root .shell)) .kin-person-card footer{border-top:1px solid var(--rc-border);background:var(--rc-tint)}:where(body:has(#root .shell)) .kin-role{color:var(--rc-muted);background:var(--rc-tint);border:1px solid var(--rc-border)}:where(body:has(#root .shell)) .kin-download{border:0;background:transparent;color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-download:hover{background:var(--rc-tint);color:var(--rc-accent-text)} :where(body:has(#root .shell)) .kin-pagination{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-pagination button{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-profile-placeholder{border:1px solid var(--rc-border);background:linear-gradient(155deg,var(--rc-panel),var(--rc-tint))}:where(body:has(#root .shell)) .kin-placeholder-icon{border:1px solid var(--rc-border);background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-profile-placeholder h3{color:var(--rc-fg)}:where(body:has(#root .shell)) .kin-profile-placeholder p{color:var(--rc-muted)!important}:where(body:has(#root .shell)) .kin-profile-placeholder>div:last-child span{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-profile-frame{border:1px solid var(--rc-border);background:var(--rc-panel)}:where(body:has(#root .shell)) .kin-profile-frame>header{background:linear-gradient(110deg,var(--rc-tint),var(--rc-page));border-bottom:1px solid var(--rc-border)}:where(body:has(#root .shell)) .kin-profile-frame>header h3{color:var(--rc-fg)}:where(body:has(#root .shell)) .kin-profile-frame>header>button{background:var(--rc-panel);border:1px solid var(--rc-border);color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-profile-body .tabs-row{border-bottom:1px solid var(--rc-border)!important} :where(body:has(#root .shell)) .kin-organisation-heading{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt{border-top:3px solid var(--rc-accent)!important} :where(body:has(#root .shell)) .kin-directory-tabs{border:0} :where(body:has(#root .shell)) .kin-directory-tabs button{border:1px solid var(--rc-border);background:var(--rc-panel);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-directory-tabs button>svg{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-directory-tabs button>b{background:var(--rc-tint)} :where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]{background:var(--rc-tint);border-color:var(--rc-border);color:var(--rc-accent-text)} :where(body:has(#root .shell)) .kin-directory-tabs button[aria-pressed=true]>b{background:var(--rc-accent);color:var(--rc-on-accent)} :where(body:has(#root .shell)) .kin-view-switch{border:1px solid var(--rc-border);background:var(--rc-panel)} :where(body:has(#root .shell)) .kin-view-switch button{border:0;background:transparent;color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:var(--rc-accent);color:var(--rc-on-accent)} :where(body:has(#root .shell)) .kin-units-panel{background:var(--rc-tint);border:1px solid var(--rc-border)} :where(body:has(#root .shell)) .kin-units-heading>strong{color:var(--rc-fg)} :where(body:has(#root .shell)) .kin-units-heading>span,:where(body:has(#root .shell)) .kin-unit-empty{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-open-person>span.kin-person-summary{color:var(--rc-fg)} :where(body:has(#root .shell)) .kin-person-position{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-person-unit{border:0;background:var(--rc-tint)} :where(body:has(#root .shell)) .kin-person-card footer{border:0;background:var(--rc-panel)} :where(body:has(#root .shell)) .kin-view-list .kin-person-unit{background:none} :where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{background:transparent} :where(body:has(#root .shell)) .kin-directory button:focus-visible{outline:3px solid var(--rc-accent)} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind],:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind],:where(body:has(#root .shell)) .kin-employees button.kin-action{ background:var(--kin-soft)!important;border:1px solid var(--kin-edge)!important;color:var(--kin-accent)!important } :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>svg{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>b,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]>span{background:var(--rc-tint);color:var(--rc-muted);border:0} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true],:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]{background:var(--kin-selected)!important;border-color:var(--rc-border)!important;color:var(--rc-muted)!important} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>svg{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>b,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]>span{background:var(--rc-tint);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]:hover,:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]:hover,:where(body:has(#root .shell)) .kin-employees button.kin-action:hover{background:var(--rc-tint)!important} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind]{background:var(--rc-tint);border-color:var(--kin-edge)} :where(body:has(#root .shell)) .kin-units-panel[data-kin-kind] .kin-units-heading>strong{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-person-card{background:var(--kin-people-bg);border-color:var(--kin-people-edge)} :where(body:has(#root .shell)) .kin-person-card:hover{border-color:var(--rc-border)} :where(body:has(#root .shell)) .kin-person-card.selected{border-color:var(--rc-border)} :where(body:has(#root .shell)) .kin-person-card footer{background:var(--kin-people-bg)} :where(body:has(#root .shell)) .kin-person-summary>strong{color:var(--rc-fg)} :where(body:has(#root .shell)) .kin-person-unit[data-kin-kind]{background:var(--rc-tint);color:var(--rc-muted);border-block:1px solid var(--rc-border)} :where(body:has(#root .shell)) .kin-person-unit[data-kin-kind] svg{color:var(--kin-accent)} :where(body:has(#root .shell)) .kin-role{background:var(--rc-tint);border-color:var(--rc-border);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{border:1px solid var(--kin-edge)} :where(body:has(#root .shell)) .kin-view-list .kin-person-card footer{background:transparent} :where(body:has(#root .shell)) .kin-download{color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-download:hover{background:var(--rc-tint);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-view-switch{border-color:var(--rc-border)} :where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:var(--rc-tint);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-directory button:focus-visible{outline-color:var(--rc-border)} :where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{border:1px solid var(--rc-border)!important;background:var(--rc-panel)} :where(body:has(#root .shell)) .kin-window-header{background:var(--rc-tint);border-bottom:1px solid var(--rc-border)} :where(body:has(#root .shell)) .kin-window-header h3{color:var(--rc-fg)} :where(body:has(#root .shell)) .kin-window-icon{border:1px solid var(--rc-border);background:var(--rc-tint);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-window-header>button{background:var(--rc-panel);border:1px solid var(--rc-border);color:var(--rc-muted)} :where(body:has(#root .shell)) .kin-window-header>button:hover{background:var(--rc-tint)} :where(body:has(#root .shell)) .kin-profile-window button:focus-visible,:where(body:has(#root .shell)) .kin-profile-window input:focus-visible,:where(body:has(#root .shell)) .kin-profile-window select:focus-visible{outline:3px solid var(--rc-border)} :where(body:has(#root .shell)) .layout-kicker{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-page-head h1{color:var(--rc-fg)}:where(body:has(#root .shell)) .index-page-head p{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-date{border-color:var(--rc-border);color:var(--rc-muted)} :where(body:has(#root .shell)) .renew-date-calendar{border:1px solid var(--rc-border,var(--renew-border));background:var(--rc-panel,var(--renew-surface));} :where(body:has(#root .shell)) .renew-date-calendar>span{background:var(--rc-sidebar,var(--renew-accent));color:var(--rc-side-fg,var(--rc-on-accent));} :where(body:has(#root .shell)) .renew-date-calendar>strong{color:var(--rc-panel-fg,var(--renew-ink));} :where(body:has(#root .shell)) .renew-date-copy{color:var(--rc-panel-fg,var(--renew-ink));} :where(body:has(#root .shell)) .renew-date-copy>span{color:var(--rc-panel-muted,var(--renew-muted));} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics{border:0!important;background:transparent!important} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important;color:var(--rc-fg)!important} :where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:last-child{border-inline-end:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt:hover{border-color:var(--rc-border)!important;background:var(--rc-tint)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico{background:var(--rc-tint)!important;color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-ico svg{stroke:currentColor!important}:where(body:has(#root .shell)) .index-dashboard .breeze-metrics .opt-sub{color:var(--rc-muted)!important} :where(body:has(#root .shell)) .index-workspace{border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-total{background:var(--rc-page);border-color:var(--rc-border);color:var(--rc-muted)}:where(body:has(#root .shell)) .index-tabs{border-bottom-color:var(--rc-border)}:where(body:has(#root .shell)) .index-tabs button{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-tabs button span{background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .index-tabs button[aria-pressed=true] span{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .index-table th{background:var(--rc-tint);color:var(--rc-muted);border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-table td{border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-table small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-person{color:var(--rc-fg)}:where(body:has(#root .shell)) .index-table tr.is-selected{background:var(--rc-tint)}:where(body:has(#root .shell)) .index-select{background:var(--rc-panel)}:where(body:has(#root .shell)) .index-table-footer{color:var(--rc-muted)} :where(body:has(#root .shell)) .index-detail{background:var(--rc-tint);border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-detail-person button{color:var(--rc-fg)}:where(body:has(#root .shell)) .index-detail-person small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-detail .lv{border-color:var(--rc-border)!important;background:var(--rc-panel)!important} :where(body:has(#root .shell)) .index-week{border-color:var(--rc-border)}:where(body:has(#root .shell)) .index-week small{color:var(--rc-muted)}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important}:where(body:has(#root .shell)) .index-dashboard .breeze-shortcuts .opt-sub{color:var(--rc-muted)!important}:where(body:has(#root .shell)) .tempo-rail{border-color:var(--rc-border)}:where(body:has(#root .shell)) .tempo-mini header button{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .tempo-mini-grid>span{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-mini-grid>button{color:var(--rc-fg)}:where(body:has(#root .shell)) .tempo-mini-grid>button[aria-pressed=true]{color:var(--rc-on-accent)}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-color:var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary>strong{color:var(--rc-fg)}:where(body:has(#root .shell)) .tempo-rail-summary p,:where(body:has(#root .shell)) .tempo-legend p{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-board{border:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .tempo-board>div:first-child{border-color:var(--rc-border)}:where(body:has(#root .shell)) .tempo-calendar .cal-wk{background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-calendar .cal-day.wkend{background:var(--rc-tint)!important}:where(body:has(#root .shell)) .tempo-calendar .cal-day.on{background:var(--rc-tint)!important}:where(body:has(#root .shell)) .tempo-event{border-color:var(--rc-border);border-inline-start-color:var(--event-color)}:where(body:has(#root .shell)) .tempo-event strong{color:var(--rc-fg)}:where(body:has(#root .shell)) .tempo-event small{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-board>div:last-child{color:var(--rc-muted)}:where(body:has(#root .shell)) .tempo-agenda{border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]{background:var(--rc-panel)!important;color:var(--rc-muted)!important;border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]{background:var(--rc-tint)!important;color:var(--rc-accent-text)!important;border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind][aria-pressed=true]>b{background:var(--rc-panel);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .kin-directory-tabs button[data-kin-kind]>svg{color:currentColor}:where(body:has(#root .shell)) .kin-view-switch button[aria-pressed=true]{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .kin-units-panel[data-kin-kind]{background:var(--rc-tint);border:1px solid var(--rc-border)}:where(body:has(#root .shell)) .kin-units-heading>strong{color:var(--rc-fg)!important}:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind]{background:var(--rc-panel)!important;color:var(--rc-muted)!important;border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .kin-unit-filters button[data-kin-kind][aria-pressed=true]{background:var(--rc-tint)!important;color:var(--rc-accent-text)!important;border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .kin-person-card{border-color:var(--rc-border);background:var(--rc-panel)}:where(body:has(#root .shell)) .kin-person-card:hover{border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-person-card.selected{border-color:var(--rc-accent)}:where(body:has(#root .shell)) .kin-person-summary>strong{color:var(--rc-fg)}:where(body:has(#root .shell)) .kin-person-position,:where(body:has(#root .shell)) .kin-open-person small{color:var(--rc-muted)}:where(body:has(#root .shell)) .kin-person-unit[data-kin-kind]{background:var(--rc-tint);color:var(--rc-muted);border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-role{color:var(--rc-muted);background:var(--rc-tint)}:where(body:has(#root .shell)) .kin-view-list .kin-person-unit[data-kin-kind]{border:0;background:transparent}:where(body:has(#root .shell)) .kin-unit-shortcuts .opt{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important}:where(body:has(#root .shell)) .kin-profile-window>.kin-profile-dialog.mdl-box{border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .kin-window-header{background:var(--rc-tint);border-color:var(--rc-border)}:where(body:has(#root .shell)) .kin-window-header h3{color:var(--rc-fg)}:where(body:has(#root .shell)) .kin-window-icon{background:var(--rc-tint);color:var(--rc-accent-text)}:where(body:has(#root .shell)) .complete-policies>p{color:var(--rc-muted)!important}:where(body:has(#root .shell)) .pol-list{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important}:where(body:has(#root .shell)) .pol-list button>span:last-child{background:var(--rc-tint);color:var(--rc-muted)}:where(body:has(#root .shell)) .pol-list button[aria-pressed=true]{background:var(--rc-tint)!important;color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .pol-list button[aria-pressed=true]>span:last-child{background:var(--rc-panel)!important;color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .pol-list button[aria-pressed=false]:hover{background:var(--rc-page)!important} :where(body:has(#root .shell)) .policy-editor{background:var(--rc-panel)!important;border:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .policy-editor>div:first-child h3{color:var(--rc-fg)!important}:where(body:has(#root .shell)) .policy-editor>div:nth-child(2){background:var(--rc-tint)!important;border:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .policy-editor .tabs-row{background:var(--rc-panel)!important;border:0!important;border-bottom:1px solid var(--rc-border)!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button{border:0!important;border-bottom:3px solid transparent!important;color:var(--rc-muted)!important;background:transparent!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button[aria-pressed=true]{border-bottom-color:var(--rc-accent)!important;background:var(--rc-tint)!important;color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .policy-editor .tabs-row>button:hover{background:var(--rc-page)!important} :where(body:has(#root .shell)) .pol-row{border-color:var(--rc-border)!important}:where(body:has(#root .shell)) .pol-row>div:first-child>div{color:var(--rc-fg)!important}:where(body:has(#root .shell)) .pol-row>div:first-child>small,:where(body:has(#root .shell)) .pol-row>div:first-child>div+div{color:var(--rc-muted)!important}:where(body:has(#root .shell)) .policy-editor input:not([type=checkbox]):not([type=color]),:where(body:has(#root .shell)) .policy-editor select{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important}:where(body:has(#root .shell)) .policy-editor input[type=number]{color:var(--rc-accent-text)!important}:where(body:has(#root .shell)) .policy-editor .pol-row>div:last-child>div>div>.hf{border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important;color:var(--rc-fg)!important}:where(body:has(#root .shell)) .policy-editor .pol-row:is([data-design-label^="1 "],[data-design-label^="2 "],[data-design-label^="3 "]){border-inline-start:3px solid var(--rc-border)}:where(body:has(#root .shell)) .policy-editor .pol-row[data-design-label^="3 "]>div:last-child>span{color:var(--rc-accent-text)!important;background:var(--rc-tint)} :where(body:has(#root .shell)) .design-switch{border:1px solid var(--rc-border)!important;background:var(--rc-tint)!important}:where(body:has(#root .shell)) .design-switch[aria-checked=true]{background:var(--rc-accent)!important;border-color:var(--rc-accent)!important}:where(body:has(#root .shell)) .design-switch>span{background:var(--rc-panel)!important}:where(body:has(#root .shell)) .policy-editor .pol-savebar{border:1px solid var(--rc-border)!important;background:var(--rc-tint)!important} :where(body:has(#root .shell)) :is(.index-dashboard,.tempo-calendar,.kin-directory,.kin-profile-window,.complete-policies) :is(button,input,select,textarea):focus-visible{outline:3px solid var(--rc-accent)!important} @media(max-width:1050px){:where(body:has(#root .shell)) .index-detail{border-inline-start:0;border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:0;border-inline-start:1px solid var(--rc-border)}} @media(max-width:700px){:where(body:has(#root .shell)) .tempo-rail-summary,:where(body:has(#root .shell)) .tempo-legend{border-top:1px solid var(--rc-border)}:where(body:has(#root .shell)) .tempo-rail-summary{border-inline-start:0}:where(body:has(#root .shell)) .tempo-scroll-hint{color:var(--rc-muted);background:var(--rc-tint);border-bottom:1px solid var(--rc-border)}} :where(body:has(#root .shell)) .kin-directory .kin-filter-box{ background:var(--rc-panel,var(--rc-panel));color:var(--rc-panel-fg,var(--rc-fg)); border:var(--rc-panel-border,1px) solid var(--rc-border,var(--rc-border)); } :where(body:has(#root .shell)) .kin-filter-box .kin-units-panel[data-kin-kind]{background:transparent!important; border:0!important;border-top:1px solid var(--rc-border,var(--rc-border))!important; } :where(body:has(#root .shell)) .index-tabs>button{border:1px solid transparent} :where(body:has(#root .shell)) .index-tabs>button[aria-pressed=true]{background:var(--rc-tint);border-color:var(--rc-accent)} body:where(:has(#root .shell))[data-renewal-custom]{--rc-fg:var(--rc-page-fg);--rc-muted:var(--rc-page-muted);background:var(--rc-page)!important;color:var(--rc-page-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] :is(.breeze-card,.card,.ecard,.opt,.tile,.rep-card,.index-workspace,.index-week,.index-date,.kin-person-card,.kin-profile-dialog,.policy-editor,.pol-list,.tempo-rail,.tempo-board,.tempo-agenda,.tb,.mdl-box,.notif-pop){--rc-fg:var(--rc-panel-fg);--rc-muted:var(--rc-panel-muted);--renew-ink:var(--rc-panel-fg);--renew-muted:var(--rc-panel-muted);background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb{--rc-fg:var(--rc-side-fg);--rc-muted:var(--rc-side-muted);--renew-ink:var(--rc-side-fg);--renew-muted:var(--rc-side-muted);background:var(--rc-sidebar)!important;color:var(--rc-side-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb .nb{color:var(--rc-side-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb .nb.design-nav-active{background:var(--rc-accent)!important;color:var(--rc-on-accent)!important;border-color:var(--rc-accent)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb .nb.design-nav-active::after{background:var(--rc-on-accent)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb .nb:not(.design-nav-active):hover{background:var(--rc-side-tint)!important;color:var(--rc-side-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] .sb>button:last-child{background:var(--rc-sidebar)!important;color:var(--rc-side-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[style*="background: rgb(49, 93, 134)"]{background:var(--rc-accent)!important;color:var(--rc-on-accent)!important;} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) [style*="color: rgb(35, 50, 72)"]{color:var(--rc-fg)!important;} body:where(:has(#root .shell))[data-renewal-custom] .design-switch[aria-checked=true]{background:var(--rc-accent)!important;border-color:var(--rc-accent)!important;} body:where(:has(#root .shell))[data-renewal-custom] .design-switch>span{background:#fff!important;} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button.hf:not(.design-switch),.kin-action,.kin-view-switch button,.kin-directory-tabs button,.kin-unit-filters button,.tabs-row>button,.index-select,.index-profile-link,.tempo-mini header button,.lv-acts button,.index-tabs button){border-radius:var(--rc-radius)!important;} body:where(:has(#root .shell))[data-rc-motion] :is(#root,.kin-profile-window) button:not(.design-switch){transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease!important;} body:where(:has(#root .shell))[data-rc-motion="none"] :is(#root,.kin-profile-window) button{transition:none!important;animation:none!important;transform:none!important;} body:where(:has(#root .shell))[data-rc-motion="gentle"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):hover:not(:disabled){filter:brightness(.97);transform:none!important;} body:where(:has(#root .shell))[data-rc-motion="lift"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 5px 13px var(--rc-glow)!important;} body:where(:has(#root .shell))[data-rc-motion="glow"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):hover:not(:disabled){box-shadow:0 0 0 4px var(--rc-glow)!important;transform:none!important;} @media(prefers-reduced-motion:reduce){body:where(:has(#root .shell))[data-rc-motion] :is(#root,.kin-profile-window) button{transition:none!important;animation:none!important;transform:none!important;}} /* Independent appearance preferences; no workflow or visibility rules. */ body:where(:has(#root .shell))[data-renewal-custom] .tb{--rc-fg:var(--rc-topbar-fg);--renew-ink:var(--rc-topbar-fg);--renew-muted:var(--rc-topbar-fg);background:var(--rc-topbar)!important;color:var(--rc-topbar-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.breeze-card,.rep-card,.kin-person-card,.kin-profile-dialog,.index-workspace,.index-week,.tempo-board,.tempo-rail,.tempo-agenda,.pol-list,.policy-editor,.breeze-metrics .opt,.breeze-shortcuts .opt){ border-radius:var(--rc-panel-radius)!important;border-width:var(--rc-panel-border)!important;border-color:var(--rc-border)!important;box-shadow:var(--rc-panel-shadow)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.breeze-card,.index-panel-head){padding:var(--rc-panel-padding)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.breeze-metrics,.breeze-shortcuts,.kin-people-grid,.g2,.g3,.rep-grid){gap:var(--rc-gap)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border-radius:var(--rc-field-radius)!important;border-color:var(--rc-border)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .sb button.nb{border-radius:var(--rc-nav-radius)!important;font-size:var(--rc-nav-font)!important;padding-block:var(--rc-nav-padding)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .sb .nb.design-nav-active{background:var(--rc-nav-bg)!important;color:var(--rc-nav-fg)!important;border-color:var(--rc-nav-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .sb .nb.design-nav-active::after{background:var(--rc-nav-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button.hf:not(.nb):not(.design-switch),.kin-action,.index-select,.index-profile-link,.kin-unit-filters button,.kin-view-switch button,.tabs-row>button,.lv-acts button,.index-tabs button){ border-radius:var(--rc-radius)!important;font-weight:var(--rc-button-weight)!important;min-height:var(--rc-button-height)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button[style*="background: rgb(49, 93, 134)"],.index-select[aria-pressed=true],.kin-unit-filters button[aria-pressed=true],.kin-view-switch button[aria-pressed=true]){ background:var(--rc-button-bg)!important;color:var(--rc-button-fg)!important;border:var(--rc-button-border) solid var(--rc-accent)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button[style*="background: rgb(49, 93, 134)"],.index-select[aria-pressed=true],.kin-unit-filters button[aria-pressed=true],.kin-view-switch button[aria-pressed=true]):hover:not(:disabled){background:var(--rc-hover)!important;color:var(--rc-on-hover)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .kin-unit-filters button[aria-pressed=true]>span{color:inherit!important} body:where(:has(#root .shell))[data-renewal-custom] #root .shell:not(.ku-font),body:where(:has(#root .shell))[data-renewal-custom] .kin-profile-window:not(.ku-font){font-family:var(--rc-font)!important} body:where(:has(#root .shell))[data-renewal-custom] #root :is(.ct,.kin-profile-body) :is(p,label,th,td,button,input,select,textarea),body:where(:has(#root .shell))[data-renewal-custom] :is(.index-person strong,.kin-person-summary>strong,.design-policy-label){font-size:var(--rc-font-size)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(h1,h2,h3){font-weight:var(--rc-heading-weight)!important} body:where(:has(#root .shell))[data-rc-motion] :is(#root,.kin-profile-window) button:not(.design-switch){transition-duration:var(--rc-speed)!important} body:where(:has(#root .shell))[data-rc-motion="zoom"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):hover:not(:disabled){transform:scale(1.025)!important} body:where(:has(#root .shell))[data-rc-motion="press"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):active:not(:disabled){transform:translateY(1px) scale(.98)!important} @media(max-width:600px){body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button.hf:not(.nb):not(.design-switch),.kin-action,.index-select,.index-profile-link,.kin-unit-filters button,.kin-view-switch button,.tabs-row>button,.lv-acts button,.index-tabs button){min-height:max(44px,var(--rc-button-height))!important}} @media(prefers-reduced-motion:reduce){body:where(:has(#root .shell))[data-rc-motion] :is(#root,.kin-profile-window) button{transition:none!important;animation:none!important;transform:none!important}} /* Selection highlights are independent of action-button colour and hover. */ /* Explicit action text also applies to neutral directory/profile action buttons. */ body:where(:has(#root .shell))[data-rc-button-text="custom"] :is(#root,.kin-profile-window) :is(.kin-action,.index-profile-link):not([aria-pressed=true]):not([aria-selected=true]){color:var(--rc-button-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(button[aria-pressed=true],button[aria-selected=true]){--rc-accent:var(--rc-selection);--rc-on-accent:var(--rc-on-selection);--rc-accent-text:var(--rc-selection-text);--rc-button-bg:var(--rc-selection);--rc-button-fg:var(--rc-on-selection);--rc-tint:var(--rc-selection-tint);--renew-accent:var(--rc-selection);--renew-soft:var(--rc-selection-tint);--rc-hover:var(--rc-selection);--rc-on-hover:var(--rc-on-selection)} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs)>button[aria-pressed=true]{background:var(--rc-selection-tint)!important;color:var(--rc-selection-text)!important;border-color:var(--rc-selection)!important;box-shadow:inset 0 -2px var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.kin-directory-tabs>button[aria-pressed=true]>b,.pol-list>button[aria-pressed=true]>span:last-child){color:var(--rc-selection-text)!important;background:var(--rc-panel)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .index-tabs>button{border:var(--rc-button-border) solid transparent!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .index-tabs>button[aria-pressed=true]{background:var(--rc-selection-tint)!important;color:var(--rc-selection-text)!important;border-color:var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.index-select[aria-pressed=true],.kin-unit-filters>button[aria-pressed=true],.kin-view-switch>button[aria-pressed=true],.tempo-mini-grid>button[aria-pressed=true]){background:var(--rc-selection)!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .index-table tr.is-selected{background:var(--rc-selection-tint)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .index-table tr.is-selected td:first-child{box-shadow:inset 3px 0 var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .kin-person-card.selected{border-color:var(--rc-selection)!important;box-shadow:0 0 0 1px var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .tempo-calendar .cal-day.on{background:var(--rc-selection-tint)!important;box-shadow:inset 0 3px var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .design-switch[aria-checked=true]{background:var(--rc-selection)!important;border-color:var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(input[type=checkbox],input[type=radio]){accent-color:var(--rc-selection)} body:where(:has(#root .shell))[data-renewal-custom] #root ::selection{background:var(--rc-selection);color:var(--rc-on-selection)} /* Menu hover is local to the sidebar; page hover never recolours panel surfaces. */ body:where(:has(#root .shell))[data-renewal-custom] #root .sb button.nb:hover:not(:disabled),body:where(:has(#root .shell))[data-renewal-custom] #root .sb button.nb:focus-visible:not(:disabled){background:var(--rc-nav-hover)!important;color:var(--rc-nav-hover-fg)!important;border-color:var(--rc-nav-hover)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .sb .nb.design-nav-active:hover::after,body:where(:has(#root .shell))[data-renewal-custom] #root .sb .nb.design-nav-active:focus-visible::after{background:var(--rc-nav-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .index-table tbody tr:has(.index-person):hover,body:where(:has(#root .shell))[data-renewal-custom] #root .kin-person-card:hover,body:where(:has(#root .shell))[data-renewal-custom] #root .tempo-calendar .cal-day:hover{ --rc-fg:var(--rc-page-hover-fg);--rc-muted:var(--rc-page-hover-fg);--renew-ink:var(--rc-page-hover-fg);--renew-muted:var(--rc-page-hover-fg); background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .index-table tbody tr:hover .index-person{color:var(--rc-page-hover-fg)!important} /* Unit/role surfaces stay light even when the employee name area is highlighted. Reset their foreground tokens locally instead of inheriting white hover text. */ body:where(:has(#root .shell))[data-renewal-custom] #root .kin-person-card :is(.kin-person-unit,footer){ --rc-fg:var(--rc-panel-fg);--rc-muted:var(--rc-panel-muted);--renew-ink:var(--rc-panel-fg);--renew-muted:var(--rc-panel-muted); background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] #root .kin-person-card .kin-role{background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button:hover:not(:disabled),body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button:focus-visible{ background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){ background:var(--rc-button-bg)!important;color:var(--rc-button-fg)!important; border:var(--rc-button-border) solid var(--rc-border)!important;border-radius:var(--rc-radius)!important; font-size:var(--rc-font-size)!important;font-weight:var(--rc-button-weight)!important;line-height:1.35!important; padding:8px 16px!important;min-height:var(--rc-button-height)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]):is(:hover,:focus-visible):not(:disabled){ background:var(--rc-hover)!important;color:var(--rc-on-hover)!important;border-color:var(--rc-hover)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]):disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important} /* Icon actions retain compact geometry with the chosen button finish. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.kin-download,.kin-pagination button,.tempo-mini header button,.kin-window-header>button,.mdl-box>div:first-child>button){padding:6px!important;flex-shrink:0} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .tempo-mini header button{width:32px!important;min-height:34px!important} /* Dropdowns are fields; selections never borrow the action palette. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]{background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important;border-color:var(--rc-border)!important;border-radius:var(--rc-field-radius)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)){color:var(--rc-panel-fg)!important;border-color:var(--rc-border)!important;font-weight:var(--rc-button-weight)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]){background:var(--rc-panel)!important;border-radius:var(--rc-radius)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]){background:var(--rc-selection)!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[aria-pressed=true]:where(:not(.nb):not(.kin-open-person):not(.index-select)){color:var(--rc-on-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.index-tabs)>button[aria-pressed=true]{color:var(--rc-selection-text)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .tempo-toolbar button[aria-pressed=true]{background:var(--rc-selection)!important;color:var(--rc-on-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .tempo-toolbar button{border-radius:var(--rc-radius)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)):is(:hover,:focus-visible):not(:disabled),body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]:is(:hover,:focus-visible):not(:disabled){background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important;border-color:var(--rc-page-hover)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]):is(:hover,:focus-visible):not(:disabled){background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important;border-color:var(--rc-page-hover)!important} /* Links, accordion headings and report previews retain their layout. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]){color:var(--rc-panel-fg)!important;background:transparent!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]):is(:hover,:focus-visible):not(:disabled){background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important;transform:none!important;box-shadow:none!important} /* Both switch variants use the saved selection colour for On. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[role=switch][aria-checked=true]{background:var(--rc-selection)!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[role=switch][aria-checked=false]{background:color-mix(in srgb,var(--rc-panel-fg) 45%,var(--rc-panel))!important;color:var(--rc-panel-fg)!important;border-color:color-mix(in srgb,var(--rc-panel-fg) 65%,var(--rc-panel))!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[role=switch]:not(.design-switch){border-radius:var(--rc-radius)!important;font-weight:var(--rc-button-weight)!important;min-height:var(--rc-button-height)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .design-switch[aria-checked=false]>span{background:var(--rc-panel)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) .design-switch[aria-checked=true]>span{background:var(--rc-on-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button[role=switch]:focus-visible{outline:2px solid var(--rc-selection)!important;outline-offset:3px} body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button:disabled{cursor:not-allowed!important} @media(max-width:600px){body:where(:has(#root .shell))[data-renewal-custom] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){min-height:max(44px,var(--rc-button-height))!important}} @keyframes rc-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}75%{transform:translateY(-1px)}} body:where(:has(#root .shell))[data-rc-motion="slide"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){transform:translateX(3px)!important}body:where(:has(#root .shell))[data-rc-motion="bounce"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){animation:rc-bounce calc(var(--rc-speed) * 2) ease-out 1!important}body:where(:has(#root .shell))[data-rc-motion="tilt"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){transform:rotate(-1deg)!important}body:where(:has(#root .shell))[data-rc-motion="shadow"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){transform:translateY(-2px)!important;box-shadow:0 7px 16px #23324825!important}body:where(:has(#root .shell))[data-rc-motion="ring"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){box-shadow:0 0 0 3px var(--rc-glow)!important}body:where(:has(#root .shell))[data-rc-motion="sink"] :is(#root,.kin-profile-window) button:not(.design-switch):not(:where(.index-person,.index-detail-person button,.index-tabs>button)):not(:disabled):is(:hover,:focus-visible){transform:translateY(2px) scale(.99)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){--rc-fill-base:var(--rc-button-bg);--rc-fill-hover:var(--rc-hover);--rc-fill-text:var(--rc-on-hover);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) button:is(.kin-action,.index-profile-link,.kin-download,.page-back,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,[style*="gap: 7px"][style*="padding: 10px 16px"],[style*="gap: 7px"][style*="background: rgb(49, 93, 134)"],.hf[style*="background: transparent"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([aria-pressed]):not([aria-selected]):not([role]):not([style*="aspect-ratio"]):not(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"])):not(button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]):not([style*="color: rgb(220, 38, 38)"],[style*="color: rgb(22, 163, 74)"],[style*="background: rgb(220, 38, 38)"],[style*="background: rgb(22, 163, 74)"]):not([style*="text-decoration: underline"]):not([style*="text-align: start"][style*="width: 100%"]){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)){--rc-fill-base:var(--rc-panel);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) :where(button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]),button[aria-pressed]:not(.nb):not(.kin-open-person):not(.index-select)){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]){--rc-fill-base:var(--rc-selection);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) button.hf:is([style*="border-radius: 20px"],[style*="transition: background 0.15s"]):is([style*="background: rgb(49, 93, 134)"],[style*="border: 1.5px solid rgb(49, 93, 134)"]){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]{--rc-fill-base:var(--rc-panel);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]:is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) button.hf[style*="transition: border-color 0.15s, box-shadow 0.15s"]{transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]){--rc-fill-base:var(--rc-panel);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) :is(.emp-name,.arc-head,.rep-chart,button[style*="text-decoration: underline"]){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .sb button.nb:not(.design-nav-active){--rc-fill-base:var(--rc-sidebar);--rc-fill-hover:var(--rc-nav-hover);--rc-fill-text:var(--rc-nav-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .sb button.nb:not(.design-nav-active):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .sb button.nb:not(.design-nav-active){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .sb button.nb:not(.design-nav-active):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .sb button.nb:not(.design-nav-active){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .sb button.nb:not(.design-nav-active):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] #root .sb button.nb:not(.design-nav-active){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .sb button.nb.design-nav-active{--rc-fill-base:var(--rc-nav-bg);--rc-fill-hover:var(--rc-nav-hover);--rc-fill-text:var(--rc-nav-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .sb button.nb.design-nav-active:is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .sb button.nb.design-nav-active{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .sb button.nb.design-nav-active:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .sb button.nb.design-nav-active{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .sb button.nb.design-nav-active:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] #root .sb button.nb.design-nav-active{transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button{--rc-fill-base:var(--rc-panel);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button:is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button{background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button:is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-mini-grid)>button{transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .index-table tbody tr:has(.index-person){--rc-fill-base:var(--rc-panel);--rc-fill-hover:var(--rc-page-hover);--rc-fill-text:var(--rc-page-hover-fg);transition-property:background-color,background-size,color,border-color,box-shadow,transform,filter!important;transition-duration:var(--rc-speed)!important;transition-timing-function:ease!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .index-table tbody tr:has(.index-person):is(:hover,:focus-visible,.rc-playing):not(:disabled){color:var(--rc-fill-text)!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .index-table tbody tr:has(.index-person){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="sweep"] #root .index-table tbody tr:has(.index-person):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .index-table tbody tr:has(.index-person){background-image:linear-gradient(var(--rc-fill-hover),var(--rc-fill-hover))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:0% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="centre"] #root .index-table tbody tr:has(.index-person):is(:hover,:focus-visible,.rc-playing):not(:disabled){background-color:var(--rc-fill-base)!important;background-size:100% 100%!important}body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect="instant"] #root .index-table tbody tr:has(.index-person){transition-duration:0s,0s,0s,0s,var(--rc-speed),var(--rc-speed),var(--rc-speed)!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] #root .index-table tr.is-selected{--rc-fill-base:var(--rc-selection-tint)} body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.tabs-row,.pol-list,.kin-directory-tabs,.index-tabs)>button[aria-pressed=true]{--rc-fill-base:var(--rc-selection-tint)} body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(.kin-unit-filters,.kin-view-switch,.tempo-mini-grid)>button[aria-pressed=true]{--rc-fill-base:var(--rc-selection)} @media(prefers-reduced-motion:reduce){ body:where(:has(#root .shell))[data-renewal-custom][data-rc-colour-effect] :is(#root,.kin-profile-window) :is(button,tr){transition:none!important;animation:none!important;transform:none!important} } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window){--rc-fit-size:var(--rc-button-height)} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])){ box-sizing:border-box!important;min-height:var(--rc-fit-size)!important; border-radius:var(--rc-radius)!important;font-weight:var(--rc-button-weight)!important; font-size:var(--rc-font-size)!important;line-height:1.35!important; padding:8px 16px!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere; align-items:center;justify-content:center;gap:8px} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.tempo-mini header button):not([aria-pressed=true]):not([aria-selected=true]):not([role=switch]):not([style*="background: rgb(49, 93, 134)"]):not([style*="border: 1.5px solid rgb(49, 93, 134)"]):not(:hover):not(:focus-visible){border:var(--rc-button-border) solid var(--rc-border)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"]))>svg{flex-shrink:0} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) button:where(:is(.index-select,.index-table-footer button,.index-pagination button,.kin-download,.kin-pagination button,.tempo-mini header button,.tempo-board>div:first-child>button,.kin-window-header>button,.mdl-box>div:first-child>button,button.hf[style*="padding: 7px 10px"],button.hf[style*="padding: 8px 13px"][style*="cursor: pointer; display: flex"],button.hf[style*="padding: 6px 8px"][style*="display: inline-flex"])){ display:inline-grid!important;place-items:center!important;flex:0 0 var(--rc-fit-size)!important; width:var(--rc-fit-size)!important;min-width:var(--rc-fit-size)!important;height:var(--rc-fit-size)!important; padding:0!important;gap:0!important;border-radius:var(--rc-radius)!important} /* Paired arrows share a pill outline and separator, keeping both existing handlers. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini header{gap:8px;flex-wrap:wrap} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini header>div{ display:inline-flex;flex:0 0 auto;gap:0!important;overflow:hidden; border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:0} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini header>div>button{ position:relative;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini header>div>button+button::before{ content:'';position:absolute;inset-block:10px;inset-inline-start:0;border-inline-start:1px solid var(--rc-border);pointer-events:none} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) :is(.kin-view-switch,.tempo-toolbar>div){border-radius:var(--rc-radius)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) :is(.kin-directory-tabs,.kin-unit-filters) button>span{min-width:0} /* Keep labels and fields within their panel, with matching readable controls. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) :is(h1,h2,h3,label){overflow-wrap:break-word} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:var(--rc-fit-size)} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .kin-unit-filters>button{width:auto!important;min-width:0;flex:0 1 auto} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .kin-unit-filters>button span:nth-child(2){flex:0 1 auto;text-align:start} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini-grid>button{min-height:40px!important;line-height:1.2} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .index-detail-person button{min-height:44px} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .index-table-footer>div{display:flex;gap:8px} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .kin-people-grid:not(.kin-view-list)>.kin-person-card{grid-template-rows:minmax(min-content,1fr) auto auto} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) button[role=switch]:not(.design-switch){flex-shrink:0!important;white-space:nowrap!important;min-width:64px!important;min-height:var(--rc-fit-size)!important;height:auto!important;line-height:1.35!important} @media(max-width:700px){body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .kin-unit-filters>button{flex:0 1 auto}body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .tempo-mini-grid>button{min-height:44px!important}} @media(max-width:700px){body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window){--rc-fit-size:max(44px,var(--rc-button-height))}} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"]){ background-color:var(--rc-button-bg)!important; background-image:linear-gradient(155deg,#ffffffc9 0%,#ffffff40 38%,#ffffff05 52%,#ffffff73 100%)!important; color:var(--rc-button-fg)!important;border:1px solid var(--rc-border)!important; border-top-color:#ffffff!important;border-bottom-color:#ffffff!important; box-shadow:inset 0 1px 1px #fff, inset 0 -1px 1px #ffffffb0,0 3px 7px #19354d12!important; backdrop-filter:blur(8px);font-weight:var(--rc-button-weight)!important; gap:7px!important;padding-inline:14px!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"])[aria-pressed=true],body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) :is(.tabs-row,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-toolbar)>button[aria-pressed=true],body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .index-select[aria-pressed=true]{ background-color:var(--rc-selection)!important;background-image:linear-gradient(155deg,#ffffff1c,#ffffff00 55%,#ffffff12)!important; color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important; box-shadow:inset 0 1px #ffffff45,0 3px 7px #19354d18!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"]):is(:hover,:focus-visible):not(:disabled){ background-color:var(--rc-hover)!important;background-image:linear-gradient(155deg,#ffffff14,#ffffff00 55%,#ffffff12)!important; color:var(--rc-on-hover)!important;border-color:var(--rc-hover)!important;filter:none!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) :is(.tabs-row,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-toolbar)>button:is(:hover,:focus-visible):not(:disabled){background-color:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) :is(.tabs-row,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-toolbar)>button>:is(span,b){background:transparent!important;color:inherit!important;flex:0 0 auto!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) :is(.tabs-row,.kin-directory-tabs,.kin-unit-filters,.kin-view-switch,.index-tabs,.tempo-toolbar)>button>b,body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-unit-filters button>span:last-child{background:#ffffff9c!important;color:#233248!important;border-radius:999px!important;padding:2px 6px!important;margin-inline-start:2px!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-unit-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-unit-filters>button{width:auto!important;min-width:0!important;max-width:100%;justify-content:center!important;flex:0 1 auto!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-unit-filters>button>span:nth-child(2){flex:0 1 auto!important;white-space:normal!important;text-align:start} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.index-select,.index-table-footer button,.index-pagination button,.kin-download,.kin-pagination button,.tempo-mini header button,.tempo-board>div:first-child>button,.kin-window-header>button,.mdl-box>div:first-child>button,button.hf[style*="padding: 7px 10px"],button.hf[style*="padding: 8px 13px"][style*="cursor: pointer; display: flex"],button.hf[style*="padding: 6px 8px"][style*="display: inline-flex"])){padding:0!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"]):focus-visible{outline:2px solid var(--rc-selection)!important;outline-offset:3px!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"]) svg{color:inherit!important} /* Folder shoulders decorate existing summary and people panels, without clipping content. */ body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root :is(.breeze-metrics>button,.kin-people-grid:not(.kin-view-list)>.kin-person-card){position:relative;isolation:isolate;margin-top:12px!important;overflow:visible!important;border-radius:6px var(--rc-panel-radius) var(--rc-panel-radius) var(--rc-panel-radius)!important;border:1px solid var(--rc-border)!important;background:var(--rc-panel)!important;box-shadow:0 3px 12px #19354d0c!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root :is(.breeze-metrics>button,.kin-people-grid:not(.kin-view-list)>.kin-person-card)::before{content:"";position:absolute;z-index:-1;inset-inline-start:-1px;top:-11px;width:42%;height:18px;background:var(--rc-panel);border:1px solid var(--rc-border);border-bottom:0;border-radius:12px 16px 0 0;pointer-events:none} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card footer{border-radius:0 0 var(--rc-panel-radius) var(--rc-panel-radius)!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root :is(.index-workspace,.tempo-board,.tempo-rail,.kin-filter-workspace,.policy-editor,.card,.mdl-box){border:1px solid var(--rc-border)!important;box-shadow:0 3px 14px #19354d0b!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.selected::before{background:var(--rc-selection);border-color:var(--rc-selection)} /* Summary cards retain a light surface with clear pointer/keyboard feedback. */ body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .breeze-metrics.breeze-metrics>button:is(:hover,:focus-visible),body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .breeze-metrics.breeze-metrics>button:is(:hover,:focus-visible)::before{ background:color-mix(in srgb,var(--rc-panel) 90%,var(--rc-page-hover))!important; border-color:color-mix(in srgb,var(--rc-border) 55%,var(--rc-page-hover))!important; color:var(--rc-panel-fg)!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .breeze-metrics>button:focus-visible{outline:2px solid var(--rc-selection);outline-offset:3px} /* A single interaction surface in Grid and List; names never turn white on white. */ body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.kin-person-card:is(:hover,:focus-within,.selected){ --rc-fg:var(--rc-page-hover-fg);--rc-muted:var(--rc-page-hover-fg);--renew-ink:var(--rc-page-hover-fg);--renew-muted:var(--rc-page-hover-fg); background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.kin-person-card:is(:hover,:focus-within,.selected)::before{background:var(--rc-page-hover)!important;border-color:var(--rc-page-hover)!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.kin-person-card:is(:hover,:focus-within,.selected) :is(.kin-open-person,.kin-person-unit,footer){ --rc-fg:var(--rc-page-hover-fg);--rc-muted:var(--rc-page-hover-fg);--renew-ink:var(--rc-page-hover-fg);--renew-muted:var(--rc-page-hover-fg); background:transparent!important;color:var(--rc-page-hover-fg)!important; } body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.kin-person-card:is(:hover,:focus-within,.selected) .kin-person-summary :is(strong,span,small){color:var(--rc-page-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] #root#root .kin-person-card.kin-person-card:is(:hover,:focus-within,.selected) .kin-person-summary small>b{background:var(--rc-panel);border-radius:6px;padding:2px 5px} /* Keep badges on their own readable neutral surface, including accordion hover. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .arc-head .arc-count{background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important} /* Hover and keyboard focus must change row surface and inherited text together. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-table tbody tr:has(.index-person):is(:hover,:focus-within){ background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important; --rc-fg:var(--rc-page-hover-fg);--rc-muted:var(--rc-page-hover-fg);--renew-ink:var(--rc-page-hover-fg);--renew-muted:var(--rc-page-hover-fg); } body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-table tbody tr:is(:hover,:focus-within) :is(.index-person,td>strong,td>small,.index-person strong,.index-person small){color:var(--rc-page-hover-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] #root#root .tempo-calendar .cal-day:is(:hover,:focus-visible){background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important;--rc-fg:var(--rc-page-hover-fg);--rc-muted:var(--rc-page-hover-fg)} body:where(:has(#root .shell))[data-renewal-custom] #root#root .tempo-calendar .cal-day:is(:hover,:focus-visible) .cal-n{background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important;border-radius:999px} body:where(:has(#root .shell))[data-renewal-custom] #root#root .tempo-event{--rc-fg:var(--rc-panel-fg);--rc-muted:var(--rc-panel-muted);background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] #root#root#root div[style*="opacity: 0.6"]:has(>button[style*="text-decoration: underline"][style*="padding: 5px 0px"]){opacity:1!important} body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button.hf[style*="border-radius: 20px"][style*="background: rgb(49, 93, 134)"]{background:var(--rc-selection)!important;background-image:none!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important} /* Role-holder links remain links, not padded action pills. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button[style*="text-decoration: underline"][style*="padding: 5px 0px"]{ min-height:28px!important;padding:3px 0!important;border:0!important;border-radius:3px!important; background:transparent!important;background-image:none!important;color:var(--rc-selection-text)!important; box-shadow:none!important;transform:none!important;filter:none!important; } body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button[style*="text-decoration: underline"][style*="padding: 5px 0px"]:is(:hover,:focus-visible){color:var(--rc-page-hover)!important;text-decoration-thickness:2px!important;outline-offset:3px} /* Original permission choices form one quiet segmented group. Selected values are identified by their existing inline style; handlers and values are untouched. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root#root div[style*="display: inline-flex"]:has(>button[style*="transition: background 0.15s"]){ background:var(--rc-panel)!important;border:1px solid var(--rc-border)!important; border-radius:22px!important;padding:3px!important;gap:3px!important; } body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button.hf[style*="transition: background 0.15s"]{ background:transparent!important;background-image:none!important;color:var(--rc-panel-fg)!important; border:1px solid var(--rc-border)!important;border-radius:20px!important;box-shadow:none!important; min-height:38px!important;padding:7px 12px!important;font-size:13px!important;transform:none!important; } body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button.hf[style*="transition: background 0.15s"][style*="background: rgb(49, 93, 134)"]{ background:var(--rc-selection)!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important; } body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button.hf[style*="transition: background 0.15s"]:is(:hover,:focus-visible):not(:disabled){background:var(--rc-page-hover)!important;color:var(--rc-page-hover-fg)!important;border-color:var(--rc-page-hover)!important} @media(max-width:700px){body:where(:has(#root .shell))[data-renewal-custom] #root#root#root button.hf[style*="transition: background 0.15s"]{min-height:44px!important}} /* Choice groups stay quiet; the current choice carries the same navy fill. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.tabs-row,.index-tabs,.kin-view-switch,.pol-list)>button{ box-shadow:none!important;transform:none!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.tabs-row,.index-tabs,.kin-view-switch,.pol-list)>button[aria-pressed=true]{ background:var(--rc-selection)!important;background-image:none!important;color:var(--rc-on-selection)!important;border-color:var(--rc-selection)!important;box-shadow:none!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) .pol-list>button[aria-pressed=true]>span:not(:last-child){color:var(--rc-on-selection)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) .pol-list>button>span:last-child{background:var(--rc-panel)!important;color:var(--rc-panel-fg)!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.tabs-row,.index-tabs,.kin-view-switch,.pol-list)>button:is(:hover,:focus-visible):not(:disabled){background:var(--rc-page-hover)!important;background-image:none!important;color:var(--rc-page-hover-fg)!important;border-color:var(--rc-page-hover)!important} /* Text-only inline links do not become glass buttons on interaction. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button[style*="text-decoration: underline"]{ background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important; border:0!important;border-radius:3px!important;color:var(--rc-selection-text)!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button[style*="text-decoration: underline"]:is(:hover,:focus-visible){background:transparent!important;color:var(--rc-page-hover)!important;text-decoration-thickness:2px!important} /* Employee names are inline links, including Timesheet cells. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button.emp-name{ background:transparent!important;background-image:none!important;border:0!important;border-radius:3px!important; box-shadow:none!important;transform:none!important;filter:none!important;color:inherit!important; min-height:28px!important;height:auto!important;padding:4px 0!important;white-space:normal!important;text-align:start!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button.emp-name:is(:hover,:focus-visible,:active){ background:transparent!important;color:inherit!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button.emp-name:focus-visible{outline:2px solid var(--rc-page-hover)!important;outline-offset:3px!important} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ts-wrap button.emp-name{min-width:180px!important;overflow-wrap:normal!important;word-break:normal!important} /* Keep the existing month and payroll-day range legible and separated. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root .ts-wrap>div:first-child>div:first-child>b:first-child{font-size:14px!important;white-space:nowrap;font-variant-numeric:tabular-nums} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ts-wrap>div:first-child>div:first-child>b:first-child+span{font-size:12px!important;opacity:1!important;color:var(--rc-panel-muted)!important;white-space:nowrap;letter-spacing:.035em;margin-inline-end:8px} /* Inline profile/report/activity name links share text geometry, never action fills. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button[style*="font: inherit"][style*="padding: 0px"][style*="background: transparent"]{ background:transparent!important;background-image:none!important;border:0!important;border-radius:3px!important; box-shadow:none!important;transform:none!important;filter:none!important;color:inherit!important; min-height:28px!important;height:auto!important;max-width:100%;padding:4px 0!important; white-space:normal!important;overflow-wrap:anywhere;word-break:normal!important;text-align:start!important;line-height:1.5!important; } body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button[style*="font: inherit"][style*="padding: 0px"][style*="background: transparent"]:is(:hover,:focus-visible,:active){background:transparent!important;color:inherit!important;text-decoration:underline!important;text-underline-offset:4px!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) button[style*="font: inherit"][style*="padding: 0px"][style*="background: transparent"]:focus-visible{outline:2px solid var(--rc-page-hover)!important;outline-offset:3px!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.emp-name,.index-person,.index-detail-person button){white-space:normal!important;overflow-wrap:anywhere;word-break:normal!important;line-height:1.5!important;max-width:100%} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.emp-name>bdi:first-child,.index-person strong,.kin-person-summary>strong){white-space:normal!important;overflow-wrap:anywhere;word-break:normal!important} body:where(:has(#root .shell))[data-renewal-custom] #root#root .kin-person-summary{min-width:0;max-width:100%} /* Clickable names are recognisable before pointer or keyboard interaction. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(button.emp-name,.index-person strong,.index-detail-person button,.kin-open-person .kin-person-summary>strong,button[style*="font: inherit"][style*="padding: 0px"][style*="background: transparent"]){text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;text-decoration-skip-ink:auto} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root#root,.kin-profile-window) :is(.tabs-row,.index-tabs,.kin-view-switch,.pol-list)>button:not([aria-pressed=true]):not(:hover):not(:focus-visible){border:1px solid var(--rc-border)!important} /* Decorative work/life illustration: people, time, time off and home. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head{position:relative;isolation:isolate;min-height:124px;padding-block:18px} body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head::before{content:"";position:absolute;inset:-12px 180px -12px 29%;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22620%22%20height%3D%22160%22%20viewBox%3D%220%200%20620%20160%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20130H600%22%20stroke%3D%22%23CBD5DF%22%2F%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M80%20118V88c0-18%2042-18%2042%200v30%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M53%20116V96c0-17%2026-17%2026%200v20%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M123%20116V96c0-17%2026-17%2026%200v20%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%22101%22%20cy%3D%2255%22%20r%3D%2215%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2270%22%20r%3D%2210%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%22136%22%20cy%3D%2270%22%20r%3D%2210%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%2279%22%20r%3D%2239%22%20fill%3D%22%23CEE2F0%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%2279%22%20r%3D%2231%22%20fill%3D%22%23F7FBFE%22%2F%3E%3Cpath%20d%3D%22M235%2054v26l19%2012M235%2031v-7m-7%200h14M267%2044l7-7%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%2279%22%20r%3D%223%22%20fill%3D%22%234E7DA0%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23A64B4B%22%3E%3Crect%20x%3D%22320%22%20y%3D%2245%22%20width%3D%2276%22%20height%3D%2272%22%20rx%3D%2210%22%20fill%3D%22%23FFFBF8%22%2F%3E%3Cpath%20d%3D%22M330%2045h56a10%2010%200%200%201%2010%2010v10h-76V55a10%2010%200%200%201%2010-10%22%20fill%3D%22%23E97C7C%22%2F%3E%3Cpath%20d%3D%22M338%2036v18m39-18v18%22%2F%3E%3Cpath%20d%3D%22m338%2086%2011%2011%2022-22%22%20stroke%3D%22%234F8B72%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%239C7056%22%3E%3Cpath%20d%3D%22M471%2064v54h72V64%22%20fill%3D%22%23F3DEC0%22%2F%3E%3Cpath%20d%3D%22m463%2069%2044-36%2044%2036%22%20fill%3D%22%23D9997F%22%2F%3E%3Cpath%20d%3D%22M494%20118V90h26v28%22%20fill%3D%22%23B4D1DD%22%2F%3E%3Crect%20x%3D%22478%22%20y%3D%2275%22%20width%3D%2210%22%20height%3D%2212%22%20rx%3D%221%22%20fill%3D%22%23EAF6FB%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M156%2082h25m105%200h20m104%200h28%22%20stroke%3D%22%23AABDCB%22%20stroke-dasharray%3D%223%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.28} body:where(:has(#root .shell))[data-renewal-custom] #root#root .renew-date-calendar>span{background:#E32328!important;color:#FFFFFF!important} @media(max-width:900px){body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head::before{inset-inline:40% 150px;opacity:.22}} @media(max-width:600px){body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head::before{display:none}} /* Section-specific decorative artwork, selected by the existing active navigation. */ body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(2)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%23A64B4B%22%3E%3Crect%20x%3D%2220%22%20y%3D%2225%22%20width%3D%2265%22%20height%3D%2258%22%20rx%3D%227%22%20fill%3D%22%23FFFBF8%22%2F%3E%3Cpath%20d%3D%22M27%2025h51q7%200%207%207v10H20V32q0-7%207-7%22%20fill%3D%22%23E97C7C%22%2F%3E%3Cpath%20d%3D%22M35%2017v15m35-15v15M35%2055h9m14%200h10M35%2068h9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2232%22%20fill%3D%22%23CEE2F0%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2225%22%20fill%3D%22%23F7FBFE%22%2F%3E%3Cpath%20d%3D%22M52%2031v22l18%2010M43%2012h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(3)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M27%2084V68c0-24%2050-24%2050%200v16%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M8%2080V61q9-13%2018%200v19%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M78%2080V61q9-13%2018%200v19%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2232%22%20r%3D%2213%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234F8B72%22%3E%3Cpath%20d%3D%22m52%2015%2031%2012v23c0%2020-16%2031-31%2038-15-7-31-18-31-38V27z%22%20fill%3D%22%23CCE3D8%22%2F%3E%3Cpath%20d%3D%22M38%2051l10%2011%2021-24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(4)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%23A64B4B%22%3E%3Crect%20x%3D%2220%22%20y%3D%2225%22%20width%3D%2265%22%20height%3D%2258%22%20rx%3D%227%22%20fill%3D%22%23FFFBF8%22%2F%3E%3Cpath%20d%3D%22M27%2025h51q7%200%207%207v10H20V32q0-7%207-7%22%20fill%3D%22%23E97C7C%22%2F%3E%3Cpath%20d%3D%22M35%2017v15m35-15v15M35%2055h9m14%200h10M35%2068h9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%239C7056%22%3E%3Cpath%20d%3D%22M24%2040v44h56V40%22%20fill%3D%22%23F3DEC0%22%2F%3E%3Cpath%20d%3D%22m15%2045%2037-30%2037%2030%22%20fill%3D%22%23D9997F%22%2F%3E%3Cpath%20d%3D%22M43%2084V60h19v24%22%20fill%3D%22%23B4D1DD%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2232%22%20fill%3D%22%23CEE2F0%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2225%22%20fill%3D%22%23F7FBFE%22%2F%3E%3Cpath%20d%3D%22M52%2031v22l18%2010M43%2012h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(5)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2232%22%20fill%3D%22%23CEE2F0%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2225%22%20fill%3D%22%23F7FBFE%22%2F%3E%3Cpath%20d%3D%22M52%2031v22l18%2010M43%2012h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M20%2020v64h68%22%2F%3E%3Cpath%20d%3D%22M32%2072V56h10v16z%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Cpath%20d%3D%22M52%2072V42h10v30z%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M72%2072V28h10v44z%22%20fill%3D%22%23E9BAA7%22%2F%3E%3Cpath%20d%3D%22M30%2040l20-13%2016%205%2020-17%22%20stroke%3D%22%234F8B72%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(6)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M27%2084V68c0-24%2050-24%2050%200v16%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M8%2080V61q9-13%2018%200v19%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M78%2080V61q9-13%2018%200v19%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2232%22%20r%3D%2213%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%239C7056%22%3E%3Cpath%20d%3D%22M24%2040v44h56V40%22%20fill%3D%22%23F3DEC0%22%2F%3E%3Cpath%20d%3D%22m15%2045%2037-30%2037%2030%22%20fill%3D%22%23D9997F%22%2F%3E%3Cpath%20d%3D%22M43%2084V60h19v24%22%20fill%3D%22%23B4D1DD%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M27%2084V68c0-24%2050-24%2050%200v16%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M8%2080V61q9-13%2018%200v19%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M78%2080V61q9-13%2018%200v19%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2232%22%20r%3D%2213%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(7)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M20%2020v64h68%22%2F%3E%3Cpath%20d%3D%22M32%2072V56h10v16z%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Cpath%20d%3D%22M52%2072V42h10v30z%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M72%2072V28h10v44z%22%20fill%3D%22%23E9BAA7%22%2F%3E%3Cpath%20d%3D%22M30%2040l20-13%2016%205%2020-17%22%20stroke%3D%22%234F8B72%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M20%2020v64h68%22%2F%3E%3Cpath%20d%3D%22M32%2072V56h10v16z%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Cpath%20d%3D%22M52%2072V42h10v30z%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M72%2072V28h10v44z%22%20fill%3D%22%23E9BAA7%22%2F%3E%3Cpath%20d%3D%22M30%2040l20-13%2016%205%2020-17%22%20stroke%3D%22%234F8B72%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(8)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%23A66D53%22%3E%3Cpath%20d%3D%22M20%2042h22l40-20v55L42%2058H20z%22%20fill%3D%22%23F0C4AD%22%2F%3E%3Cpath%20d%3D%22M35%2058l6%2025h15l-8-23%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M90%2034l9-7m-9%2037%209%207M92%2049h10%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M27%2084V68c0-24%2050-24%2050%200v16%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M8%2080V61q9-13%2018%200v19%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M78%2080V61q9-13%2018%200v19%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2232%22%20r%3D%2213%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(9)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%234F8B72%22%3E%3Cpath%20d%3D%22m52%2015%2031%2012v23c0%2020-16%2031-31%2038-15-7-31-18-31-38V27z%22%20fill%3D%22%23CCE3D8%22%2F%3E%3Cpath%20d%3D%22M38%2051l10%2011%2021-24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%2341627B%22%3E%3Cpath%20d%3D%22M27%2084V68c0-24%2050-24%2050%200v16%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M8%2080V61q9-13%2018%200v19%22%20fill%3D%22%23D6C5DF%22%2F%3E%3Cpath%20d%3D%22M78%2080V61q9-13%2018%200v19%22%20fill%3D%22%23B8D8CD%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2232%22%20r%3D%2213%22%20fill%3D%22%23E6B995%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23C98F6A%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2241%22%20r%3D%228%22%20fill%3D%22%23F0CFAB%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(10)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M20%2030h65M20%2052h65M20%2075h65%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%227%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Ccircle%20cx%3D%2267%22%20cy%3D%2252%22%20r%3D%227%22%20fill%3D%22%23E9BAA7%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2275%22%20r%3D%227%22%20fill%3D%22%23B8D8CD%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234F8B72%22%3E%3Cpath%20d%3D%22m52%2015%2031%2012v23c0%2020-16%2031-31%2038-15-7-31-18-31-38V27z%22%20fill%3D%22%23CCE3D8%22%2F%3E%3Cpath%20d%3D%22M38%2051l10%2011%2021-24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M20%2030h65M20%2052h65M20%2075h65%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%227%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Ccircle%20cx%3D%2267%22%20cy%3D%2252%22%20r%3D%227%22%20fill%3D%22%23E9BAA7%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2275%22%20r%3D%227%22%20fill%3D%22%23B8D8CD%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(11)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%234F8B72%22%3E%3Crect%20x%3D%2212%22%20y%3D%2219%22%20width%3D%2282%22%20height%3D%2266%22%20rx%3D%229%22%20fill%3D%22%23E0EEE8%22%2F%3E%3Cpath%20d%3D%22M16%2054h17l10-27%2017%2052%2011-25h19M22%2085h62%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2232%22%20fill%3D%22%23CEE2F0%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2251%22%20r%3D%2225%22%20fill%3D%22%23F7FBFE%22%2F%3E%3Cpath%20d%3D%22M52%2031v22l18%2010M43%2012h18%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%234E7DA0%22%3E%3Cpath%20d%3D%22M28%2015h37l17%2017v55H28z%22%20fill%3D%22%23E7F1F7%22%2F%3E%3Cpath%20d%3D%22M65%2015v18h17%22%20fill%3D%22%23B5D0E4%22%2F%3E%3Cpath%20d%3D%22M39%2047h30M39%2060h30M39%2073h19%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root:has(.nb:nth-of-type(12)[aria-current="page"]){--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22110%22%20viewBox%3D%220%200%20390%20110%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%2C0%29%22%3E%3Cg%20stroke%3D%22%23A64B4B%22%3E%3Crect%20x%3D%2220%22%20y%3D%2229%22%20width%3D%2266%22%20height%3D%2253%22%20rx%3D%228%22%20fill%3D%22%23F5DAD8%22%2F%3E%3Cpath%20d%3D%22M40%2029v-9h26v9%22%2F%3E%3Cpath%20d%3D%22M53%2043v25M40%2055h26%22%20stroke%3D%22%23C57373%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28135%2C0%29%22%3E%3Cg%20stroke%3D%22%234F8B72%22%3E%3Cpath%20d%3D%22m52%2015%2031%2012v23c0%2020-16%2031-31%2038-15-7-31-18-31-38V27z%22%20fill%3D%22%23CCE3D8%22%2F%3E%3Cpath%20d%3D%22M38%2051l10%2011%2021-24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2C0%29%22%3E%3Cg%20stroke%3D%22%23A64B4B%22%3E%3Crect%20x%3D%2220%22%20y%3D%2225%22%20width%3D%2265%22%20height%3D%2258%22%20rx%3D%227%22%20fill%3D%22%23FFFBF8%22%2F%3E%3Cpath%20d%3D%22M27%2025h51q7%200%207%207v10H20V32q0-7%207-7%22%20fill%3D%22%23E97C7C%22%2F%3E%3Cpath%20d%3D%22M35%2017v15m35-15v15M35%2055h9m14%200h10M35%2068h9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2){position:relative;isolation:isolate;min-height:96px;display:flex;align-items:center} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2)>div{width:100%} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2)::before{content:"";position:absolute;inset:0 26% 0 32%;background-image:var(--section-art);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.28;z-index:-1;pointer-events:none} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2{position:relative;isolation:isolate;min-height:96px;display:flex;align-items:center} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2::before{content:"";position:absolute;inset:0 26% 0 32%;background:var(--section-art) center/contain no-repeat;opacity:.28;z-index:-1;pointer-events:none} @media(max-width:900px){body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2)::before{inset-inline:45% 8%;opacity:.22}} @media(max-width:600px){body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2)::before,body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2::before{display:none}body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2),body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2{min-height:0}} /* Reserve a dedicated artwork row so long titles never cross the illustration. */ @media(min-width:601px){ body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2),body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2{padding-top:76px;min-height:124px} body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct div[style="margin-bottom: 20px;"]:has(>div>div>h2)::before,body:where(:has(#root .shell))[data-renewal-custom] #root#root .ct>div:has(.ts-wrap)>h2::before{inset:0 0 auto;height:70px;background-position:center} } @media(min-width:601px) and (max-width:1200px){ body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head{padding-top:88px} body:where(:has(#root .shell))[data-renewal-custom] #root#root .index-page-head::before{inset:0 0 auto;height:80px} } /* Place notification appearance below the complete permissions section. */ body:where(:has(#root .shell))[data-renewal-custom] #root#root div:has(>section[aria-label="Email notifications"]){display:flex;flex-direction:column} body:where(:has(#root .shell))[data-renewal-custom] #root#root section[aria-label="Email notifications"]{order:10;margin-top:24px!important;margin-bottom:0!important} /* Deeper semantic action colours; no approval behaviour changes. */ body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .lv-acts .lv-btn-approve{background:#08643F!important;border-color:#08643F!important;color:#FFFFFF!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .lv-acts .lv-btn-reject{background:#A3232B!important;border-color:#A3232B!important;color:#FFFFFF!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .lv-acts .lv-btn-approve:is(:hover,:focus-visible):not(:disabled){background:#064D31!important;border-color:#064D31!important;color:#FFFFFF!important} body:where(:has(#root .shell))[data-renewal-custom] :is(#root#root,.kin-profile-window) .lv-acts .lv-btn-reject:is(:hover,:focus-visible):not(:disabled){background:#821B22!important;border-color:#821B22!important;color:#FFFFFF!important} @media(prefers-reduced-motion:reduce){body:where(:has(#root .shell))[data-renewal-custom][data-rc-finish="glass"] :is(#root#root,.kin-profile-window) button:where(:is(.hf,.kin-action,.index-select,.index-profile-link,.kin-download,.page-back,.lv-acts button,.index-table-footer button,.index-pagination button,.kin-pagination button,.tempo-mini header button,.kin-window-header button,.mdl-box>div:first-child>button,.tabs-row>button,.kin-directory-tabs button,.kin-unit-filters button,.kin-view-switch button,.index-tabs button,.tempo-toolbar button,[style*="gap: 7px"][style*="padding: 10px 16px"]):not(.nb):not(.design-switch):not(.emp-name):not(.rep-chart):not(.cal-day):not([style*="aspect-ratio"]):not([style*="text-align: start"][style*="width: 100%"]):not([style*="text-decoration: underline"])):not(.lv-acts button):not([style*="color: rgb(220, 38, 38)"]):not([style*="background: rgb(220, 38, 38)"]):not([style*="background: rgb(22, 163, 74)"]){transition:none!important;transform:none!important}} :root:has(#root .shell){--rc-sidebar:#021D3B;--rc-page:#F5F6F8;--rc-panel:#FAFAFA;--rc-topbar:#FFFFFF;--rc-topbar-fg:#000000;--rc-hover:#486D88;--rc-on-hover:#FFFFFF;--rc-accent:#163D5B;--rc-on-accent:#FFFFFF;--rc-selection:#123652;--rc-on-selection:#FFFFFF;--rc-selection-text:#123652;--rc-selection-tint:#e5e8eb;--rc-selection-glow:rgba(18,54,82,.20);--rc-accent-text:#163D5B;--rc-page-fg:#000000;--rc-page-muted:#000000;--rc-panel-fg:#000000;--rc-panel-muted:#000000;--rc-side-fg:#FFFFFF;--rc-side-muted:#FFFFFF;--rc-tint:#FAFAFA;--rc-side-tint:#142d49;--rc-border:#D6D6D6;--rc-glow:rgba(22,61,91,.20);--rc-radius:999px;--rc-button-bg:#eceff0;--rc-button-fg:#233248;--rc-button-border:1px;--rc-button-weight:600;--rc-button-height:44px;--rc-speed:180ms;--rc-panel-radius:18px;--rc-panel-border:1px;--rc-panel-shadow:0 2px 4px #23324803,0 10px 30px #23324804;--rc-gap:18px;--rc-panel-padding:24px;--rc-field-radius:23px;--rc-font:'Segoe UI',Tahoma,Arial,sans-serif;--rc-font-size:14px;--rc-heading-weight:700;--rc-nav-radius:24px;--rc-nav-font:15px;--rc-nav-padding:12px;--rc-nav-selection:#FEEA0B;--rc-nav-bg:#203635;--rc-nav-fg:#FFFFFF;--rc-nav-hover:#FEEA0B;--rc-nav-hover-fg:#233248;--rc-page-hover:#486D88;--rc-page-hover-fg:#FFFFFF;--renew-canvas:#F5F6F8;--renew-surface:#FAFAFA;--renew-sidebar:#021D3B;--renew-accent:#163D5B;--renew-ink:#000000;--renew-muted:#000000;--renew-soft:#FAFAFA;--renew-border:#D6D6D6}