.people-nav{display:flex;flex-direction:row;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:10px;overflow:auto}.people-nav a{white-space:nowrap}.people-nav a[aria-current=page]{background:#e7f3f7;color:var(--green);font-weight:650;border-radius:7px}.directory-summary{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:18px 0;color:var(--muted);font-size:13px}.directory-summary strong{color:var(--ink);font-size:23px;margin-left:10px}.directory-summary p{flex-basis:100%;margin:0;line-height:1.7}.people-page .page-head p{font-size:13px;margin:7px 0 0}.directory-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:0 20px 20px}.directory-filters label{flex:1;min-width:135px;margin:0}.directory-filters label:first-of-type{flex:1.5}.directory-filters>a{padding:10px 0}.people-table{min-width:780px}.people-table th,.people-table td{white-space:normal}.people-table th:last-child{min-width:200px}.row-actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.row-actions>a{white-space:nowrap}.neutral{background:#eff1f3;color:#687986}.people-page .row-management[open]{flex-basis:100%}.people-page .row-management form{white-space:normal}.mode-options{display:flex;gap:22px;padding:12px 16px}.mode-options legend{font-size:13px;color:var(--muted);padding:0 5px}.mode-options label{margin:0}.optional-fields{border:0;padding:6px 0 18px}.optional-fields summary{font-size:13px;color:var(--muted)}.profile-editor form{max-width:600px}.profile-editor form p>input{display:block;width:100%;margin:7px 0 15px}.people-page [hidden],.auth-card [hidden]{display:none!important}.people-page .setup-panels [data-member-create]{max-width:620px}.people-page .setup-panels [data-member-create]>.form-field select,.people-page .setup-panels [data-member-create] input:not([type=radio]):not([type=checkbox]){width:100%}.people-page .profile-editor .section-head{padding:0}.role-guide{background:#f4f8fa;border-radius:8px;padding:14px 18px;font-size:13px;line-height:1.9;margin:16px 0}.role-guide p{margin:0}.account-editor{max-width:740px}.account-editor .form-field>input,.account-editor .form-field>select{width:100%}.account-editor .account-projects input{width:17px}.auth-card{max-width:440px;margin:8vh auto;padding:36px!important}.auth-card h1{font-size:25px}.auth-card .auth-brand{color:var(--green);font-size:15px;font-weight:650;margin-bottom:10px}.auth-card .auth-intro{line-height:1.7;font-size:13px;margin-bottom:26px}.auth-card label{font-size:14px;color:var(--ink);margin:20px 0 8px}.auth-card input{width:100%;min-height:46px;font-size:15px}.auth-card [type=submit]{width:100%;margin-top:23px;min-height:46px}.password-control{display:flex;border:1px solid #cbdce5;border-radius:6px;overflow:hidden;background:white}.password-control input{border:0;flex:1;min-width:0;border-radius:0}.password-control button{border:0;background:transparent;color:var(--green);padding:0 14px;font-size:13px;flex-shrink:0}.password-control:focus-within{outline:2px solid var(--green);outline-offset:2px}.auth-help{border-top:1px solid var(--line);margin-top:26px;padding-top:17px;font-size:12px;line-height:1.8;color:var(--muted)}.auth-help p{margin:4px 0}.auth-error{font-size:13px;line-height:1.7;color:#a33}.auth-error .errorlist{margin:0}.auth-card .auth-options{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.auth-card .auth-options label{margin:0;font-size:12px}.auth-card .auth-options input{width:17px;min-height:17px}.account-editor .form-actions{display:flex;gap:12px;align-items:center;margin-top:22px}
@media(max-width:760px){.directory-filters{padding:0 16px 16px}.directory-filters label{min-width:120px}.directory-filters label:first-of-type{flex-basis:100%}.people-nav{margin-top:0}.directory-summary{gap:18px}.auth-card{margin:3vh auto;padding:26px 22px!important}.auth-card h1{font-size:23px}.mode-options{gap:14px}.row-actions{gap:10px}}
.import-confirm{padding:8px 20px 20px;font-size:13px}.people-page #import-numbers{position:relative;max-width:900px}.people-page #import-numbers>summary{padding-right:45px}.people-page #import-numbers>form{margin-top:15px}.people-page #import-numbers>form>button{margin-top:15px}
.legacy-teams{border:0;margin-top:22px}.legacy-teams>summary{font-size:13px;color:var(--muted)}

.approval-notice { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; margin:20px 0; background:#fff5df; border:1px solid #dfb45b; border-left:5px solid #b96d00; border-radius:12px; color:#744300; }
.approval-notice strong { font-size:1.15rem; }
.approval-notice p { margin:6px 0 0; }
.approval-row { background:#fffaf0; }
.badge.approval-badge { background:#ffebba; color:#784600; font-weight:700; white-space:nowrap; }
.row-actions .approval-action { background:#986000; color:#fff; padding:8px 14px; border-radius:8px; text-decoration:none; }
tr:target { outline:3px solid #b96d00; outline-offset:-3px; background:#fff5df; scroll-margin-top:24px; }
@media(max-width:640px) { .approval-notice { align-items:flex-start; flex-direction:column; padding:16px; } }

.project-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0}.project-tile{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}.project-tile span{font-size:12px;color:var(--muted)}.project-tile:hover,.project-tile.selected{border-color:#87b8c6;background:#f0f8fa}.project-tile.selected strong{color:var(--green)}
@media(max-width:600px){.project-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-tile{padding:12px;font-size:14px}}

.number-connection-help{margin:0;padding:0 18px 12px;color:var(--muted);font-size:12px}.status-online{background:#e8f5ed;color:#28734b}

.number-filter-trigger{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;box-shadow:none}.number-filter-trigger:hover,.number-filter-trigger.is-filtered{background:transparent;color:var(--green)}.number-filter-trigger small{display:block;font-size:12px;font-weight:400;margin-top:5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-filter-trigger>span{margin-left:5px}.number-filter-menu{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);box-shadow:0 8px 24px #24465324;overflow:auto}.number-filter-menu a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:34px;padding:6px 12px;color:var(--ink);font-size:14px;line-height:1.5;font-weight:400;text-decoration:none;border-radius:5px}.number-filter-menu a:hover{background:#f3f5f6}.number-filter-menu a[aria-current]{background:#e7f3f7;color:var(--green);font-weight:600}

.number-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);padding:0;background:white;color:var(--ink);box-shadow:-12px 0 40px #24465316;overflow:hidden}.number-drawer::backdrop{background:var(--backdrop)}.number-drawer[open]{display:flex;flex-direction:column}.number-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.number-drawer-head h2{font-size:20px;margin:0}.number-drawer-head>a{display:grid;place-items:center;width:32px;height:32px;font-size:25px;color:var(--muted);border-radius:6px}.number-drawer-head>a:hover{background:#eff5f7;text-decoration:none}.number-drawer-form{display:flex;flex-direction:column;flex:1;min-height:0}.number-drawer-body{padding:24px;overflow:auto;flex:1}.number-drawer-body .form-field{margin:0 0 22px}.number-drawer-body label{font-size:14px;margin:0 0 8px}.number-drawer-body input,.number-drawer-body select{width:100%;min-height:44px}.number-optional{border-top:1px solid var(--line);padding:18px 0}.number-optional summary{font-size:14px;color:var(--muted);cursor:pointer}.number-optional summary span{font-size:12px;margin-left:8px}.number-optional .form-field{margin:18px 0 0}.number-drawer-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:18px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}.number-drawer-actions>a{font-size:14px;color:var(--muted)}.number-drawer-actions button{min-height:44px;min-width:116px}

/* Fixed login frame; only the form area scrolls when the keyboard reduces space. */
html:has(body.login-page) { overflow: hidden !important; scrollbar-gutter: auto !important; overscroll-behavior: none; }
body.login-page { position: fixed; inset: 0; width: 100%; height: 100dvh; overflow: hidden; overscroll-behavior: none; }
body.login-page > main.standalone { position: absolute; top: var(--login-top, 0px); left: 0; width: 100%; height: var(--login-height, 100dvh); max-width: none; margin: 0; padding: 24px 16px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; align-items: center; }
body.login-page .auth-card { flex: 0 0 auto; width: min(440px, 100%); min-width: 0; max-width: 100%; margin: auto 0; }
body.login-page .auth-card input:not([type=checkbox]) { min-width: 0; font-size: 16px; }
body.login-page .auth-options { flex-wrap: wrap; gap: 8px 12px; }
body.login-page .auth-help { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  body.login-page > main.standalone { padding: 16px; }
  body.login-page .auth-card { padding: 22px !important; }
  body.login-page .auth-card h1 { font-size: 22px; }
  body.login-page .auth-card label { margin-top: 16px; }
  body.login-page .auth-options label { margin: 0; }
}

.project-tile-wrap{position:relative;min-width:0}.project-tile-wrap .project-tile{height:100%;box-sizing:border-box;padding-bottom:46px}.project-remove{position:absolute;bottom:16px;right:20px;font-size:12px;color:var(--text-secondary,#647580)}