.team-main{padding:18px 16px 110px}.team-main button,.team-main input,.team-main select{font:inherit}.team-notice{position:sticky;top:0;z-index:3;margin:0 0 12px;padding:11px 13px;border-radius:12px;background:#eaf7ef;color:#217444;font-size:0.6875rem}.team-notice[data-type="error"]{background:#fff0ef;color:#b43b31}.team-intro,.team-help{margin:0 0 15px;color:#748298;font-size:0.6875rem;line-height:1.65}.team-hero{margin:0 0 20px;padding:19px;border-radius:20px;background:linear-gradient(145deg,#edf4ff,#fff);border:1px solid #e1eafa}.team-hero h2{margin:8px 0 5px;font-size:1.25rem}.team-hero p{margin:0;color:#718096;font-size:0.6875rem;line-height:1.5}.team-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#dceaff;color:#286bc8;font-size:0.5625rem;font-weight:700}.team-section{display:grid;gap:10px;margin:0 0 24px}.team-section>h2,.team-section-title h2{margin:0;font-size:0.75rem;color:#506079;text-transform:uppercase;letter-spacing:.04em}.team-section-title{display:flex;align-items:center;justify-content:space-between}.team-card,.team-person{width:100%;padding:14px;border:1px solid #e4eaf3;border-radius:15px;background:#fff;text-align:left;color:#1b2638}.team-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-card.compact{min-height:62px}.team-card span,.team-person header span{display:grid;gap:4px}.team-card strong,.team-person strong{font-size:0.75rem}.team-card small,.team-person small,.team-person p{margin:0;color:#7d899b;font-size:0.5625rem;line-height:1.5}.team-select:active{background:#f3f7fd}.team-card-actions,.team-inline{display:flex;align-items:center;gap:8px}.team-card-actions{justify-content:flex-end;flex-wrap:wrap}.team-location{align-items:flex-start}.team-status{white-space:nowrap;padding:4px 7px;border-radius:999px;background:#f0f4fa;color:#64748b;font-size:0.5625rem}.team-form,.team-mini-form{display:grid;gap:12px;padding:15px;border:1px solid #e4eaf3;border-radius:16px;background:#fff}.team-mini-form{margin-top:10px}.team-form h2,.team-form h3{margin:0;font-size:0.8125rem}.team-field{display:grid;gap:6px;color:#607087;font-size:0.625rem}.team-field input,.team-field select,.team-inline input,.team-inline select,.hours-special>input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dce3ed;border-radius:11px;background:#fafcff;color:#172235}.team-checks{display:grid;gap:8px;margin:0;padding:11px;border:1px solid #e3e9f2;border-radius:12px}.team-checks legend{padding:0 5px;color:#607087;font-size:0.625rem}.team-checks label{display:flex;align-items:center;gap:8px;font-size:0.625rem}.team-empty{margin:0;padding:17px;border-radius:14px;background:#f6f8fb;color:#8290a3;font-size:0.625rem;text-align:center}.team-person{display:grid;gap:9px}.team-person header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.team-person details{border-top:1px solid #edf0f5;padding-top:9px}.team-person summary{cursor:pointer;color:#3375cc;font-size:0.625rem}.text-button{border:0;background:none;color:#3375cc;font-size:0.625rem;font-weight:650;padding:6px}.danger-text{color:#bd4138}.team-invite-accept{display:grid;align-items:stretch}.team-invite-accept .team-inline input{flex:1}.hours-form{display:grid;gap:18px}.hours-day{padding:12px 0;border-bottom:1px solid #edf1f6}.hours-day:last-child{border-bottom:0}.hours-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:9px}.hours-toggle strong{font-size:0.6875rem}.hours-toggle span{color:#7c899b;font-size:0.5625rem}.hours-periods{display:grid;gap:7px}.hours-period{display:grid;grid-template-columns:1fr auto 1fr 28px;align-items:center;gap:6px}.hours-period input{min-width:0;height:38px;padding:7px;border:1px solid #dce3ed;border-radius:10px;background:#fafcff}.hours-period button{height:28px;border:0;border-radius:50%;background:#f3f5f8;color:#8b96a7}.hours-special{display:grid;gap:9px;padding:13px;margin-bottom:10px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.hours-special .team-inline>*{min-width:0;flex:1}.hours-save{position:sticky;bottom:88px;box-shadow:0 8px 22px rgba(29,82,155,.2)}
.hours-save{position:static;bottom:auto}
@media(min-width:700px){.team-main{max-width:680px;margin:auto}.team-form{grid-template-columns:1fr 1fr}.team-form h2,.team-form h3,.team-form .team-checks,.team-form button{grid-column:1/-1}}

/* Job/wage presets keep the Shell fixed and scroll only their own content. */
main.team-main.r9-presets-main{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;padding:14px 16px 0;box-sizing:border-box}
.r9-presets-main>.subpage-heading{flex:none;margin-bottom:14px}
.r9-preset-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none;padding-bottom:12px}
.r9-preset-tabs button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font:inherit;font-weight:650}
.r9-preset-tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.r9-presets-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1px 0 20px;scrollbar-gutter:stable}
.r9-presets-card{padding:16px;margin:0 0 12px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);overflow-wrap:anywhere}
.r9-presets-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.r9-presets-card>header>strong{font-size:0.9375rem}
.r9-role-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:0.75rem;color:var(--muted)}
.r9-role-toggle input{width:20px;height:20px;accent-color:var(--blue)}
.r9-role-note{white-space:pre-wrap;font-size:0.75rem;line-height:1.6;color:var(--muted);margin:10px 0}
.r9-permission-summary{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.r9-permission-summary span{padding:4px 7px;border-radius:8px;background:var(--page);font-size:0.6875rem;color:var(--muted)}
.r9-presets-main details>summary{color:var(--blue);cursor:pointer;font-size:0.75rem;padding:8px 0}
.r9-presets-main .team-form{margin:10px 0 0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;color:var(--ink)}
.r9-presets-main form.r9-presets-card{padding:16px;margin:0 0 14px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.r9-presets-main .team-form h2,.r9-presets-list-title{color:var(--ink);font-size:0.9375rem;margin:0 0 12px}
.r9-presets-main .team-field>span{color:var(--muted)}
.r9-presets-main input:not([type=checkbox]),.r9-presets-main select,.r9-presets-main textarea{background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 12px;width:100%;box-sizing:border-box;font:inherit}
.r9-presets-main textarea{min-height:72px;resize:vertical}
.r9-permission-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}
.r9-permission-list legend{color:var(--muted);font-size:0.75rem;padding:0 4px}
.r9-permission-list label{display:flex;align-items:center;gap:8px;font-size:0.75rem;line-height:1.5}
.r9-permission-list input{width:18px;height:18px;accent-color:var(--blue)}
.r9-add-preset{width:100%;margin:4px 0 14px}
.r9-presets-notice{flex:none;font-size:0.75rem;line-height:1.5;margin:0 0 10px;color:var(--blue)}
.r9-presets-notice[data-type=error]{color:var(--danger)}
.r9-person-wage{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}
.r9-person-wage[hidden],[data-scheme-amount][hidden],[data-scheme-rate][hidden],[data-scheme-cycle][hidden]{display:none!important}
[data-person-amount][hidden],[data-person-rate][hidden],[data-person-cycle][hidden]{display:none!important}

/* Mobile catalog */
.r9-catalog { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; box-sizing: border-box; padding: 12px 16px 0; } .r9-catalog .subpage-heading, .r9-catalog [data-chain-notice] { flex: none; } .r9-catalog .r9-catalog-body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; }

.r9-catalog .r9-catalog-toolbar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; touch-action: manipulation; } .r9-catalog .r9-catalog-filters { display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .r9-catalog .r9-catalog-filters .chip { flex: 0 0 auto; white-space: nowrap; } .r9-catalog .r9-project-row summary { cursor: pointer; min-height: 44px; } .r9-catalog .r9-project-row summary strong, .r9-catalog .r9-project-row summary small { display: block; } .r9-catalog .r9-project-row summary small { color: var(--muted); } .r9-catalog [hidden] { display: none !important; } .r9-catalog .r9-catalog-body > .team-section > .team-section { gap: 8px; margin: 0; } .r9-catalog .r9-catalog-toolbar button, .r9-catalog .r9-catalog-filters .chip { background-color: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: 4px; padding: 8px 12px; }

.r9-catalog .r9-catalog-dialog { width: min(100%, 480px); max-height: 85dvh; box-sizing: border-box; position: fixed; bottom: 0; left: 0; right: 0; margin: auto auto 0; inset: auto 0 0; overflow: auto; border: 1px solid var(--line); background: var(--white); color: var(--ink); border-radius: 18px 18px 0 0; padding: 16px; } .r9-catalog .r9-catalog-dialog::backdrop { background: rgba(0, 0, 0, 0.5); } .r9-catalog .r9-catalog-dialog .team-form { display: flex; flex-direction: column; background: var(--white); } .r9-catalog .r9-catalog-dialog button { min-height: 44px; } .r9-catalog .r9-catalog-toolbar button { min-width: 0; font-size: 0.75rem; } .r9-catalog .hint { display: grid; grid-template-columns: repeat(3, 1fr); font-size: 0.6875rem; } .r9-catalog .r9-project-row { border-radius: 4px; padding: 10px; background: var(--white); } .r9-catalog .r9-project-row input[type=checkbox] { width: 20px; height: 20px; } .r9-catalog .r9-catalog-filters button { min-height: 44px; } .r9-catalog .r9-catalog-filters button[aria-pressed=true] { background-color: var(--blue); color:#fff; } .r9-catalog .r9-catalog-dialog input, .r9-catalog .r9-catalog-dialog select { width: 100%; box-sizing: border-box; }

.r9-catalog .r9-catalog-toolbar>p{grid-column:1/-1;font-size:0.6875rem;color:var(--muted);margin:4px 0 8px}
.r9-catalog .r9-catalog-toolbar button,.r9-catalog .r9-catalog-filters button{min-height:44px;min-width:0}
.r9-catalog .r9-catalog-body>.team-section>.team-section>h3{display:none}
.r9-catalog .r9-project-row summary{overflow-wrap:anywhere}
.r9-catalog .r9-project-row>label{display:flex;align-items:center;justify-content:flex-end;min-height:32px}
.r9-catalog .r9-catalog-dialog .team-form{color:var(--ink)}
.r9-catalog .r9-catalog-dialog .team-field input,.r9-catalog .r9-catalog-dialog .team-field select{background:var(--page);color:var(--ink);border-color:var(--line)}

.r9-catalog .r9-project-row summary label{display:flex;align-items:center;justify-content:flex-end;min-height:44px}.r9-catalog .r9-project-row summary small{color:var(--muted)}

/* Approved four-slot catalog and full-screen editor */
.r9-catalog .r9-catalog-filters { display: flex; gap: 0; overflow-x: auto; } .r9-catalog .r9-catalog-filters button { flex: 0 0 25%; min-width: 0; min-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .r9-catalog .r9-catalog-filters .chip[aria-pressed=true] { text-decoration: underline; color: var(--blue); background: transparent; border: none; } .r9-catalog .r9-catalog-filters .r9-category-add { flex: 0 0 25%; } .r9-catalog .subpage-heading [data-r9-open=manage] { margin-left: auto; color: var(--blue); background: none; } .r9-catalog .r9-project-row { border-bottom: thin solid; background: transparent; border-radius: 0; padding: 16px 0; } .r9-catalog summary { list-style: none; display: grid; grid-template-columns: 1fr auto; gap: 8px; } .r9-catalog summary strong { grid-column: 1; grid-row: 1; } .r9-catalog summary label { grid-column: 2; grid-row: 1; margin: 0; } .r9-catalog summary small { grid-column: 1/-1; grid-row: 2; } .r9-catalog summary p { display: none; } .r9-catalog input[type=checkbox] { appearance: none; width: 38px; height: 22px; border-radius: 20px; background: slategray; } .r9-catalog input[type=checkbox]:checked { background: var(--blue); } .r9-catalog input[type=checkbox]:checked::after { content: ''; width: 18px; background: white; position: absolute; transform: translateX(18px); } .r9-catalog [data-r9-open=project] { width: 100%; min-height: 44px; margin: 12px 0; border: none; background: transparent; } .r9-catalog .r9-catalog-body>p:last-child { color: var(--muted); font-size: 0.6875rem; } .r9-catalog dialog[open][data-project=true] { width: 100%; max-width: 480px; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; margin: 0 auto; inset: 0; padding: 20px; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto minmax(0, 1fr); } .r9-catalog dialog[open][data-project=true] h2 { margin: 0; } .r9-catalog dialog[open][data-project=true] .close { grid-column: 2; grid-row: 1; } .r9-catalog dialog[open][data-project=true] .content { grid-column: 1/-1; min-height: 0; overflow: auto; } .r9-catalog dialog[open][data-project=true] .content > form { min-height: 100%; box-sizing: border-box; display: flex; flex-direction: column; } .r9-catalog dialog[open][data-project=true] form > button { margin-top: auto; position: sticky; bottom: 0; width: 100%; } .r9-catalog dialog[open][data-project=true] form h3 { display: none; }

.r9-catalog .r9-catalog-filters{width:100%;min-width:0;flex:none;scroll-snap-type:x proximity}
.r9-catalog .r9-catalog-filters>button{box-sizing:border-box;scroll-snap-align:start;padding:8px 4px;border:0;border-radius:0;background:transparent;color:var(--muted)}
.r9-catalog .r9-catalog-filters>button[aria-pressed=true]{color:var(--ink);border-bottom:3px solid var(--blue);text-decoration:none}
.r9-catalog .r9-catalog-filters .r9-category-add{font-size:1.625rem}
.r9-catalog .subpage-heading [data-r9-open=manage]{color:var(--blue)!important;min-height:44px;padding:8px;font-size:0.8125rem}
.r9-catalog [data-r9-open=project]{border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:0.9375rem}
.r9-catalog .r9-project-row{border:0;border-bottom:1px solid var(--line);padding:16px 0;background:transparent}
.r9-catalog .r9-project-row summary::-webkit-details-marker{display:none}
.r9-catalog .r9-project-row summary strong{align-self:center;font-size:0.9375rem;font-weight:650}
.r9-catalog .r9-project-row summary small{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:0.75rem}
.r9-catalog input[type=checkbox]{position:relative;flex:none;display:inline-block;border:0;cursor:pointer;vertical-align:middle}
.r9-catalog input[type=checkbox]::after{content:'';position:absolute;width:18px;height:18px;top:2px;left:2px;background:white;border-radius:50%;transform:translateX(0);transition:transform .15s}
.r9-catalog input[type=checkbox]:checked::after{transform:translateX(16px)}
.r9-catalog .r9-catalog-dialog input[type=checkbox]{width:38px}
.r9-catalog .r9-catalog-dialog .r9-editor-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.r9-catalog .r9-catalog-dialog .team-field{min-width:0;font-size:0.8125rem}
.r9-catalog .r9-catalog-dialog .team-field:has(input[name=status]){display:flex;align-items:center;justify-content:space-between;min-height:48px}
.r9-catalog dialog[open][data-project=true] .content>form{gap:20px;padding:20px 0 0;border:0;border-radius:0;min-height:100%;color:var(--ink)}
.r9-catalog dialog[open][data-project=true] form>button{min-height:48px;background:var(--blue);color:white;border:0;border-radius:8px;margin-bottom:0}

.r9-catalog .r9-catalog-filters>button.chip,.r9-catalog .r9-catalog-filters>button.r9-category-add{flex:0 0 25%;width:25%;max-width:25%;box-sizing:border-box}
.r9-catalog .r9-project-row input[type=checkbox]{width:38px;height:22px}

/* Location editor: only the service list scrolls. */
main.team-main.location-editor{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:8px 14px;gap:6px}
.location-editor *{box-sizing:border-box}
.location-editor [hidden]{display:none!important}
.location-editor .le-heading{display:flex;align-items:center;gap:10px;flex:none;min-height:34px}
.location-editor .le-heading .back-button{width:32px;height:32px;border-radius:9px;background:var(--white);color:var(--ink);border-color:var(--line)}
.location-editor .le-heading h1{font-size:1.0625rem;line-height:1.2;margin:0}
.location-editor .le-heading small{font-size:0.625rem;color:var(--muted)}
.location-editor .le-form{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:hidden}
.location-editor .le-profile{flex:none;padding:8px 10px;background:var(--white);border:1px solid var(--line);border-radius:10px}
.location-editor .le-profile>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;min-height:24px}
.location-editor .le-profile h2{font-size:0.875rem;margin:0}
.location-editor .le-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 12px}
.location-editor .le-field{display:flex;flex-direction:column;gap:2px;font-size:0.6875rem;line-height:1.2;color:var(--ink);min-width:0}
.location-editor .le-business_name,.location-editor .le-address,.location-editor .le-website{grid-column:1/-1}
.location-editor .le-field input,.location-editor .le-field select{width:100%;min-width:0;height:30px;min-height:0;font-size:0.75rem;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--page);padding:4px 8px;line-height:1.2}
.location-editor .le-toggle{display:flex;align-items:center;gap:8px;font-size:0.625rem;flex:none}
.location-editor .le-toggle input{appearance:none;position:relative;display:inline-block;width:36px;height:21px;flex:none;padding:0;margin:0;border:0;border-radius:20px;background:#607087;cursor:pointer}
.location-editor .le-toggle input::after{content:'';position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:white;transition:transform .15s}
.location-editor .le-toggle input:checked{background:var(--blue)}
.location-editor .le-toggle input:checked::after{transform:translateX(15px)}
.location-editor .le-toggle input:disabled{opacity:.45;cursor:default}
.location-editor .le-tabs{display:grid;grid-template-columns:1fr 1fr;flex:none;border-bottom:1px solid var(--line)}
.location-editor .le-tabs button{height:34px;min-width:0;padding:4px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:0.8125rem;font-weight:650}
.location-editor .le-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--blue)}
.location-editor .le-help{margin:0;color:var(--muted);font-size:0.625rem;line-height:1.3;flex:none}
.location-editor .le-hours{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:4px}
.location-editor input[type=time]::-webkit-calendar-picker-indicator{width:12px;margin:0;padding:0}
.location-editor .le-services{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:6px}
.location-editor .le-category{flex:none}
.location-editor .le-category select{height:32px}
.location-editor .le-service-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:1px 2px 2px}
.location-editor .le-service{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:8px 10px;flex:none}
.location-editor .le-service header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.location-editor .le-service header>strong{font-size:0.8125rem;overflow-wrap:anywhere}
.location-editor .le-service-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.location-editor .le-service-values>span{font-size:0.625rem;color:var(--muted);display:flex;flex-direction:column;gap:5px}
.location-editor .le-service-values>span strong{font-size:0.75rem;font-weight:500;color:var(--ink)}
.location-editor .le-service small{font-size:0.625rem;color:var(--muted)}
.location-editor .le-message{flex:none;margin:0;padding:4px 7px;border-radius:5px;background:var(--white);color:var(--blue);font-size:0.625rem;line-height:1.3}
.location-editor .le-message[data-error=true]{color:var(--danger)}
.location-editor .le-save{flex:none;min-height:38px;height:38px;padding:5px 10px;font-size:0.875rem;border-radius:8px}
@media(max-height:740px){main.team-main.location-editor{padding:5px 12px;gap:4px}.location-editor .le-form{gap:4px}.location-editor .le-profile{padding:5px 8px}.location-editor .le-profile>header{min-height:20px;margin-bottom:3px}.location-editor .le-profile-fields{gap:3px 10px}.location-editor .le-field{font-size:0.625rem;gap:1px}.location-editor .le-field input{height:25px;font-size:0.6875rem}.location-editor .le-tabs button{height:30px}.location-editor .le-heading{min-height:30px}.location-editor .le-heading .back-button{height:28px;width:28px}.location-editor .le-save{height:34px;min-height:34px}.location-editor .le-help{font-size:0.5625rem}}

/* Approved personnel pages; other Team screens retain their layout. */
main.team-main.people-page{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:10px 14px;color:var(--ink)}
.people-page [hidden]{display:none!important}
.people-page .pp-heading{display:flex;align-items:center;gap:10px;min-height:34px;flex:none}
.people-page .pp-heading h1,.people-page .pp-heading h2{font-size:1.125rem;margin:0;line-height:1.2}
.people-page .pp-heading .back-button{height:32px;width:32px;border-radius:9px;background:var(--white);border-color:var(--line);color:var(--ink)}
.people-page .pp-form{display:flex;flex-direction:column;gap:11px;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}
.people-page .pp-field{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--ink);font-size:0.75rem;line-height:1.3}
.people-page .pp-field input,.people-page .pp-field select{width:100%;min-width:0;min-height:35px;height:35px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;font-size:0.8125rem;padding:6px 9px}
.people-page .pp-date-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.people-page .pp-wage{display:flex;flex-direction:column;gap:10px;flex:none}
.people-page .pp-help{margin:0;color:var(--muted);font-size:0.625rem;line-height:1.4;flex:none}
.people-page .pp-save{flex:none;margin-top:auto;min-height:42px;padding:7px 12px;border-radius:9px;font-size:0.875rem}
.people-page .pp-notice{flex:none;margin:0;padding:4px 7px;border-radius:5px;font-size:0.625rem;line-height:1.3;color:var(--blue);background:var(--white)}
.people-page .pp-notice[data-error=true]{color:var(--danger)}
.people-page .pp-summary{flex:none;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:10px 12px}
.people-page .pp-summary>header{display:flex;align-items:center;gap:10px;padding-bottom:8px}
.people-page .pp-summary header>span{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.people-page .pp-avatar{flex:none;width:42px;height:42px;background:var(--blue);border:0;border-radius:50%;color:white;font-size:1.4375rem}
.people-page .pp-name{background:none;border:0;color:var(--ink);font-size:1.125rem;font-weight:650;padding:0;overflow-wrap:anywhere}
.people-page .pp-status{font-size:0.625rem;font-weight:500;padding:3px 5px;border-radius:5px;background:var(--blue);color:white;white-space:nowrap}
.people-page .pp-summary header>small{font-size:0.5625rem;color:var(--muted);white-space:nowrap}
.people-page .pp-info-row{display:grid;grid-template-columns:65px minmax(0,1fr) 12px;align-items:center;text-align:left;gap:10px;min-height:31px;padding:5px 0;width:100%;background:none;color:var(--ink);border:0;border-top:1px solid var(--line);font-size:0.75rem}
.people-page .pp-info-row>span{color:var(--muted)}
.people-page .pp-info-row strong{font-weight:500;overflow-wrap:anywhere}
.people-page .pp-info-row i{font-size:1.25rem;font-style:normal;color:var(--muted)}
.people-page .pp-employment{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:7px;border-top:1px solid var(--line)}
.people-page .pp-employment button{display:flex;flex-direction:column;gap:3px;background:none;border:0;padding:0;color:var(--ink);text-align:left;min-height:31px}
.people-page .pp-employment span{font-size:0.625rem;color:var(--muted)}
.people-page .pp-employment strong{font-size:0.75rem;font-weight:500}
.people-page .pp-roster{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.people-page .pp-roster h2{margin:0;flex:none;font-size:1.0625rem}
.people-page .pp-week-picker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;flex:none}
.people-page .pp-week-picker button{min-height:32px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);padding:4px 7px;font-size:0.6875rem;white-space:nowrap}
.people-page .pp-week-picker strong{font-size:0.75rem;text-align:center;font-weight:600;white-space:nowrap}
.people-page .pp-store-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.people-page .pp-days-card{flex:none;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:9px}
.people-page .pp-days-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:0.75rem}
.people-page .pp-days-card header small{font-size:0.5625rem;color:var(--muted)}
.people-page .pp-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.people-page .pp-week-days button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:46px;border:2px solid transparent;border-radius:7px;background:#536172;color:white;padding:4px 1px;font-size:0.6875rem}
.people-page .pp-week-days button strong{font-size:0.9375rem;font-weight:600}
.people-page .pp-week-days button.available{background:#dceaff;color:#16457b}
.people-page .pp-week-days button.working{background:var(--blue);color:white}
.people-page .pp-week-days button:disabled:not(.working){opacity:.55}
.people-page .pp-store-list .pp-hour-table{display:flex;flex-direction:column;overflow:visible;margin-top:8px}
.people-page .pp-store-list .pp-hour-row{flex:none;min-height:28px}
.people-page .pp-hour-table{flex:1;min-height:0;display:grid;grid-template-rows:auto repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white);padding:0 7px}
.people-page .pp-hour-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center;min-height:0;border-bottom:1px solid var(--line);padding:2px 0;font-size:0.625rem}
.people-page .pp-hour-row:last-child{border-bottom:0}
.people-page .pp-hour-head{font-size:0.625rem;color:var(--muted);padding:4px 0}
.people-page .pp-hour-row input{min-width:0;width:100%;min-height:0;max-height:29px;height:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;padding:1px 4px;background:var(--page);color:var(--ink);font:inherit;font-size:0.6875rem}
.people-page input[type=time]::-webkit-calendar-picker-indicator{width:11px;margin:0;padding:0}
.people-page .pp-editor{width:min(100%,480px);height:100dvh;max-height:100dvh;max-width:100%;margin:0 auto;inset:0;padding:14px;border:0;border-radius:0;background:var(--page);color:var(--ink);box-sizing:border-box;overflow:hidden}
.people-page .pp-editor[open]{display:flex;flex-direction:column;gap:12px}
.people-page .pp-editor .pp-heading{justify-content:space-between}
.people-page .pp-editor [data-edit-close]{border:0;background:var(--white);color:var(--ink);width:34px;height:34px;border-radius:8px;font-size:1.5rem}
.people-page .pp-editor::backdrop{background:#081420b3}
@media(max-height:740px){main.team-main.people-page{gap:6px;padding:7px 12px}.people-page .pp-form{gap:7px}.people-page .pp-field{font-size:0.6875rem;gap:3px}.people-page .pp-field input,.people-page .pp-field select{height:30px;min-height:30px;font-size:0.75rem;padding:4px 7px}.people-page .pp-summary{padding:7px 10px}.people-page .pp-summary>header{padding-bottom:5px}.people-page .pp-avatar{width:34px;height:34px;font-size:1.25rem}.people-page .pp-info-row{min-height:25px;padding:3px 0;font-size:0.6875rem}.people-page .pp-employment{padding-top:5px}.people-page .pp-roster{gap:5px}.people-page .pp-roster h2{font-size:0.9375rem}.people-page .pp-days-card{padding:6px}.people-page .pp-days-card>header{margin-bottom:5px;font-size:0.6875rem}.people-page .pp-week-days button{min-height:37px;font-size:0.625rem;gap:1px}.people-page .pp-locations button{min-height:32px;font-size:0.6875rem}.people-page .pp-save{min-height:36px;font-size:0.8125rem}.people-page .pp-hour-row{font-size:0.5625rem;grid-template-columns:62px minmax(0,1fr) minmax(0,1fr)}.people-page .pp-hour-row input{font-size:0.625rem}}

@media(max-height:740px){.people-page .pp-hour-table{display:flex;flex-direction:column;overflow-y:auto}.people-page .pp-hour-row{flex:none;min-height:28px}.people-page .pp-hour-row input{height:24px}}

.people-page .pp-summary:has(.pp-details-toggle)>header{padding-bottom:0}
.people-page .pp-summary header>span{flex-wrap:wrap;row-gap:4px}
.people-page .pp-details-toggle{flex:none;max-width:7em;min-height:36px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--blue-ink);font-size:.75rem}
.people-page .pp-profile-details{max-height:min(33dvh,260px);overflow-y:auto;overscroll-behavior:contain;margin-top:8px}
.people-page .pp-profile-details[hidden]{display:none}
.people-page .pp-profile-details>.pp-help{margin:0 0 6px}

/* Location weekly-hours summary and on-demand editing. */
.location-editor .le-hours{overflow-y:auto;overscroll-behavior:contain;gap:6px;padding:1px 2px 2px}
.location-editor .le-hours-group,.location-editor .le-hours-editor{flex:none;border:1px solid var(--line);border-radius:9px;background:var(--white)}
.location-editor .le-hours-row{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:.75rem}
.location-editor .le-hours-row+.le-hours-row{border-top:1px solid var(--line)}
.location-editor .le-hours-row strong{flex:none}
.location-editor .le-hours-row span{margin-left:auto;text-align:right;color:var(--muted);overflow-wrap:anywhere}
.location-editor .le-hours-row i{font-style:normal;color:var(--blue-ink)}
.location-editor .le-hours-tools,.location-editor .le-hours-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.location-editor .le-hours-expand{flex:none;justify-content:space-between;border:1px solid var(--line);border-radius:9px;background:var(--white)}
.location-editor .le-hours-editor{padding:8px 10px}
.location-editor .le-hours-editor header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.875rem}
.location-editor .le-hours-period{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:6px;margin-bottom:8px}
.location-editor .le-hours-period input{min-height:36px;font-size:.875rem}
.location-editor .le-hours-actions{margin-top:8px}
.location-editor .le-hours-actions button{flex:1;width:auto;min-height:36px}