.form-required-note span,.required-marker{color:var(--danger);font-weight:800}.form-required-note{margin:0;color:var(--muted)}.account-activation-fields{display:contents}.username-status[data-state=available]{color:var(--accent2);font-weight:700}.username-status[data-state=invalid],.username-status[data-state=unavailable]{color:var(--danger);font-weight:700}.username-status[data-state=checking]{color:var(--muted)}.password-toggle{top:50%;right:4px;display:grid;place-items:center;transform:translateY(-50%)}.password-toggle:focus-visible,.password-toggle:hover{color:var(--accent2);background:#edf6f3;outline:0}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle svg[hidden]{display:none}.password-strength{display:grid;align-items:center}.password-strength-track{overflow:hidden;border-radius:999px;background:#e7ebf0}.password-strength-track span{display:block;width:0;height:100%;border-radius:inherit;transition:width .18s ease,background-color .18s ease}.password-strength[data-level=weak] .password-strength-track span{width:25%;background:#c74747}.password-strength[data-level=medium] .password-strength-track span{width:50%;background:#d78b20}.password-strength[data-level=good] .password-strength-track span{width:75%;background:#4d8ebf}.password-strength[data-level=strong] .password-strength-track span{width:100%;background:var(--accent)}.password-strength small{white-space:nowrap}.compact-activation-page .auth-card h1{margin-bottom:5px;font-size:21px}.compact-activation-page .alert{margin-bottom:12px;padding:10px 13px}.compact-auth-form .field{gap:4px}.compact-auth-form .field input,.compact-auth-form .field select,.compact-auth-form .field textarea{padding-top:8px;padding-bottom:8px}.compact-auth-form .button{margin-top:2px}@media (max-width:560px){.compact-activation-page{padding:12px}.compact-activation-page .auth-card{padding:20px}.password-strength{grid-template-columns:70px 1fr;gap:7px}.password-strength small{white-space:normal}}.role-simulation-select,.tester-toolbar>summary{display:flex;align-items:center;gap:7px}.role-simulation-select label{font-size:12px;font-weight:700}.role-simulation-select select{max-width:180px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:var(--ink)}.tester-toolbar{display:block;color:#173f75;background:#eaf2ff;border:0;border-bottom:1px solid #b9cff0}.tester-toolbar>summary{justify-content:space-between;gap:14px;padding:7px 24px;cursor:pointer;list-style:none;font-size:12px}.android-qr>summary::-webkit-details-marker,.pending-invitations>summary::-webkit-details-marker,.tester-toolbar>summary::-webkit-details-marker{display:none}.tester-toolbar-toggle{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750}.tester-toolbar .when-closed{display:inline}.tester-toolbar .when-open,.tester-toolbar[open] .when-closed{display:none}.tester-toolbar[open] .when-open{display:inline}.tester-toolbar-chevron{font-size:18px;line-height:1;transition:transform .15s ease}.tester-toolbar[open] .tester-toolbar-chevron{transform:rotate(180deg)}.tester-toolbar-body{display:flex;align-items:stretch;gap:10px;padding:0 24px 10px}.tester-channel-control,.tester-role-status{min-height:52px;border:1px solid #c9d9ef;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(37,90,168,.07)}.tester-role-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;flex:1 1 360px}.tester-channel-copy,.tester-role-status>div{display:grid;gap:2px}.tester-channel-copy small,.tester-role-status small{color:#5e7393;font-size:10px}.tester-channel-copy strong,.tester-role-status strong{font-size:12px}.tester-channel-control button,.tester-role-status button{border:1px solid #8ba9d2;border-radius:7px;padding:5px 9px;color:#173f75;background:#f7faff;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.tester-channel-control{display:flex;align-items:center;gap:12px;padding:8px 10px;flex:1 1 440px}.tester-channel-control .permission-check{margin-left:auto;padding:5px 7px;white-space:nowrap}.android-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),420px));gap:12px;align-items:stretch;margin-bottom:14px}.application-platform-strip{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 0 10px;padding:7px 10px;border-radius:9px;background:#edf4ff;color:#173f75}.application-platform-strip>.android-brand-mark{width:30px;height:auto}.application-platform-strip>div{display:grid;gap:0}.application-platform-strip small{font-size:9px;color:#607491;text-transform:uppercase;letter-spacing:.05em}.application-platform-strip strong{font-size:13px}.application-platform-strip>span:last-child{padding-left:9px;border-left:1px solid #c8d8ef;font-size:11px;font-weight:700;color:#4c668b}.android-release-card{display:flex;flex-direction:column;width:100%;margin:0}.android-release-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.android-release-heading h2{margin:0}.android-release-heading .android-brand-mark{width:36px;height:auto;flex:0 0 36px}.android-brand-attribution{display:block;margin-top:10px;color:#758197;font-size:8.5px;line-height:1.35}.android-release-card .metric-list{grid-template-columns:repeat(3,minmax(0,1fr))}.android-release-card .android-release-notes{flex:1}.android-release-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto}.android-release-actions>.button{flex:0 1 auto}.android-qr{position:relative;flex:0 0 auto}.android-qr>summary{list-style:none;border:1px solid #8ba9d2;border-radius:8px;padding:8px 10px;color:#173f75;background:#f7faff;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.android-qr[open]>summary{background:#eaf2ff}.android-qr[open]{flex:1 0 100%}.android-qr-code{display:grid;grid-template-columns:164px minmax(0,1fr);align-items:center;gap:13px;width:100%;margin-top:8px;padding:10px;border:2px solid #5a83bd;border-radius:10px;background:#fff}.android-qr-code-beta{border-color:#d5a22c}.android-qr-visual{display:grid;justify-items:center;gap:5px}.android-qr-visual strong{font-size:11px;text-align:center}.android-qr-visual img{display:block;width:148px;height:148px}.android-qr-instructions{display:grid;gap:6px;align-content:center}.android-qr-instructions>strong{font-size:13px;color:#173f75}.android-qr-instructions p{margin:0;font-size:11px;line-height:1.45}.android-qr-instructions a{font-size:11px;font-weight:750}.android-qr-instructions small{font-size:9px;color:#617089}.android-install-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;align-items:start;padding:17px 19px}.android-install-card h2{margin-bottom:7px}.android-install-copy p{margin:0 0 7px;font-size:12px;line-height:1.5}.android-install-note,.android-update-copy small{color:#53647b}.android-update-copy{display:grid;gap:7px;padding:12px 14px;border:1px solid #c9d9ef;border-radius:10px;background:#f7faff;font-size:12px;line-height:1.45}.android-update-copy>strong{color:#173f75;font-size:14px}.users-page-actions{margin-top:0}.more-share>summary,.pending-invitations>summary,.user-management>summary{color:var(--accent2);font-weight:750;cursor:pointer}.user-management form:first-of-type{display:grid;background:var(--soft);gap:7px;margin:8px 0 6px;padding:9px;border-radius:8px}.property-checks{display:grid;margin:0;border:1px solid var(--line);border-radius:8px}.property-checks legend{padding:0 5px;font-size:12px;font-weight:750}.permission-check{border-radius:8px;background:#fff7e8}.management-actions{display:flex;justify-content:flex-end}.simulation-management[open]{min-width:min(760px,70vw)}.simulation-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(185px,1fr));gap:8px;margin-top:8px}.simulation-profile-card{display:grid;gap:7px;margin:0!important;padding:9px!important;border:1px solid #c9d9ef;border-radius:9px!important;background:#f7faff!important}.simulation-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.simulation-profile-heading>div{display:grid;gap:1px}.simulation-profile-heading small{font-size:9px;color:#607491;text-transform:uppercase;letter-spacing:.04em}.simulation-profile-heading strong{font-size:13px;color:#173f75}.simulation-beta{gap:5px;padding:5px 7px;border-radius:7px;background:#fff3cf;font-size:11px;font-weight:750}.simulation-profile-card .property-checks{grid-template-columns:1fr;padding:7px;background:#fff}.simulation-profile-card .property-checks legend{font-size:10px}.simulation-profile-card .property-checks .check{font-size:11px}.simulation-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.simulation-profile-actions small{font-size:9px;color:#607491}.simulation-profile-help{margin:7px 0 0}.pending-invitations>summary{display:flex;align-items:center;list-style:none}.pending-invitations[open]>summary{margin-bottom:9px}body.modal-open{overflow:hidden}.invitation-modal{margin:auto;padding:0;overflow:visible;color:var(--ink);background:0 0;border:0}.invitation-modal::backdrop{background:rgba(13,25,43,.42);backdrop-filter:blur(3px);transition:opacity .16s ease}.invitation-dialog{position:relative;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:0 28px 80px rgba(11,25,46,.24);opacity:0;transform:translateY(8px) scale(.95);transition:opacity .16s ease,transform .16s ease}.invitation-modal.is-open .invitation-dialog{opacity:1;transform:translateY(0) scale(1)}.invitation-modal.is-closing .invitation-dialog{opacity:0;transform:translateY(5px) scale(.97)}.modal-close{position:absolute;border:0;border-radius:50%;color:var(--muted);background:var(--soft);line-height:1;cursor:pointer}.modal-close:focus-visible,.modal-close:hover{color:var(--ink);background:#e8edf2}.modal-heading>p:last-child{margin:0;color:var(--muted)}.modal-heading .success-text{color:var(--accent2)}.invitation-form{display:grid}.invitation-form .optional{color:var(--muted);font-weight:500}.send-now{padding:11px;border-radius:9px;background:#edf6f3}.compact-alert{margin:0;padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.invitation-result{display:grid;gap:15px}.copy-row,.share-field{display:grid;gap:6px}.share-field>label{font-weight:750}.share-field>p{margin:0;color:var(--muted);font-size:13px}.copy-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:7px}.copy-row code{min-width:0;padding:11px 12px;overflow-wrap:anywhere;border-radius:9px;color:#e7edf7;background:#132036;font-size:12px}.invitation-expiry{margin:1px 0 0}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}.whatsapp-button{background:#187f63}.more-share{position:relative}.more-share>summary{padding:9px 11px}.more-share>div{position:absolute;right:0;z-index:2;display:grid;min-width:190px;gap:7px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.share-sms{display:none}.share-sms.is-supported{display:inline-flex}.share-status{flex-basis:100%;min-height:18px;color:var(--accent2);font-size:13px}.invitation-summary{display:flex;flex-wrap:wrap;gap:6px;margin:-5px 0 13px}.invitation-summary span{padding:5px 8px;border-radius:999px;color:var(--accent2);background:#e7f4f0;font-size:11px;font-weight:750}.users-card .card-header h2{font-size:17px}.pending-invitations,.users-card{padding:18px 20px}.pending-invitations .data-table td,.pending-invitations .data-table th,.users-card .data-table td,.users-card .data-table th{padding-top:9px;padding-bottom:9px}.invitation-dialog [hidden]{display:none!important}.invitation-dialog .modal-heading{margin-bottom:12px}.compact-grid .field,.result-secrets .share-field{gap:4px}.compact-grid input,.compact-grid select{padding-top:8px;padding-bottom:8px}.security-note{margin:-2px 0 0}.manage-footer,.split-actions{justify-content:space-between}.manage-footer{display:flex;gap:8px;border-top:1px solid var(--line)}.result-layout{align-items:center}.result-secrets{display:grid;min-width:0}.result-secrets .copy-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px;font-size:11px}.qr-panel{display:grid;justify-items:center;border:1px solid var(--line);background:#fff}.qr-panel img{display:block;width:128px;height:128px}.qr-panel a{text-decoration:none}.confirm-panel{margin:0 auto}.confirm-panel>p:not(.eyebrow){color:var(--muted)}.danger-text{color:var(--danger)}@media (prefers-reduced-motion:reduce){.invitation-dialog,.invitation-modal::backdrop{transition:none}}@media (max-width:640px){.invitation-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.invitation-dialog{max-height:calc(100vh - 18px);padding:20px 16px;border-radius:14px}.copy-row,.invitation-form .form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.copy-row .button,.modal-actions .button,.more-share,.more-share>summary,.share-actions>.button{width:100%}.more-share>div{position:static;margin-top:5px}.result-layout{grid-template-columns:1fr}.qr-panel{justify-self:stretch}.manage-footer,.split-actions{flex-direction:column}}@media (max-width:760px){.role-simulation-select label,.top-user>span:first-of-type{display:none}.role-simulation-select select{max-width:135px}.tester-toolbar>summary{padding:7px 15px}.tester-toolbar-body{flex-direction:column;padding:0 15px 10px}.tester-channel-control{align-items:stretch;flex-direction:column}.tester-channel-control .permission-check{margin-left:0}.android-release-grid{grid-template-columns:1fr}.android-release-actions{flex-direction:column}.android-qr[open]{width:100%}.android-install-card,.android-qr-code{grid-template-columns:1fr}.android-install-card{padding:15px}.android-update-copy{padding:10px 12px}.simulation-management[open]{min-width:0}.simulation-profile-grid{grid-template-columns:1fr}.application-platform-strip>span:last-child{display:none}}.form-required-note{font-size:11.5px}.username-status{min-height:14px}.password-toggle{width:32px;height:32px;padding:7px;border-radius:7px}.password-strength{grid-template-columns:72px 1fr;gap:7px}.password-strength-track{height:4px}.compact-activation-page{padding:12px}.compact-activation-page .auth-card{width:min(470px,100%);padding:20px 23px}.compact-activation-page .auth-brand{margin-bottom:13px}.compact-activation-page .auth-card .lead{margin-bottom:11px}.compact-auth-form{gap:8px!important}.users-page-actions{margin-bottom:10px}.user-management{min-width:205px}.property-checks{gap:5px;padding:8px}.permission-check{padding:7px}.pending-invitations{padding-top:12px}.pending-invitations>summary{gap:7px;font-size:15px}.invitation-modal{width:min(650px,calc(100vw - 24px));max-height:min(91vh,800px)}.invitation-dialog{max-height:min(91vh,800px);padding:18px;border-radius:12px}.modal-close{top:9px;right:9px;width:30px;height:30px;font-size:20px}.modal-heading{padding-right:30px;margin-bottom:11px}.confirm-panel h2,.invitation-dialog .modal-heading h2,.modal-heading h2{font-size:18px;margin:1px 0 3px}.modal-heading>p:last-child{font-size:12px}.invitation-form{gap:10px}.compact-grid{gap:8px 10px}.compact-summary{margin-bottom:7px}.modal-error{margin:0 36px 8px 0;padding:7px 9px}.manage-footer{padding-top:8px}.result-layout{grid-template-columns:minmax(0,1fr) 145px;gap:11px}.result-secrets{gap:7px}.qr-panel{gap:5px;padding:7px;border-radius:8px}.confirm-panel{max-width:500px;padding:5px 1px 1px}@media (max-width:760px){.form-required-note{font-size:12px}.password-toggle{width:38px;height:38px;padding:10px}.compact-activation-page{padding:10px}.compact-activation-page .auth-card{padding:19px 17px}.invitation-modal{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.invitation-dialog{max-height:calc(100vh - 14px);padding:18px 14px;border-radius:12px}.result-layout{grid-template-columns:1fr}.qr-panel img{width:150px;height:150px}}
:root{--control-height:32px}.field{align-content:start}

.login-page {
    background:
        radial-gradient(circle at 15% 12%, rgba(28, 142, 117, .18), transparent 32%),
        linear-gradient(145deg, #edf3f7, #dfe8ef);
}

.login-page .auth-card {
    display: flex;
    height: min(480px, calc(100dvh - 28px));
    min-height: min(460px, calc(100dvh - 28px));
    width: min(326px, calc(100vw - 28px));
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    border: 1px solid #29415e;
    border-radius: 18px;
    background: linear-gradient(105deg, #10213a 0%, #132844 58%, #172f4f 100%);
    color: #f7fbff;
    box-shadow: 0 28px 75px rgba(11, 27, 48, .25);
}

.login-page .auth-brand-full {
    min-height: 82px;
    margin: 0;
    padding: 10px 14px 7px;
    place-items: center;
    background: transparent;
}

.login-page .auth-brand-logo-frame {
    display: grid;
    width: min(252px, 88%);
    height: 62px;
    padding: 7px 10px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 9px;
    background: rgba(255, 255, 255, .018);
}

.login-page .auth-brand-full img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    object-fit: contain;
}

.login-page .auth-brand-full > div {
    display: none;
}

.login-page .alert {
    margin: 0 24px 12px;
}

.login-stage {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    padding: 5px 14px 18px;
    overflow-y: auto;
}

.login-method-panel {
    display: grid;
    align-content: start;
    gap: 12px;
    text-align: center;
}

.login-method-panel[hidden],
.login-qr-placeholder[hidden],
.login-qr-active[hidden] {
    display: none !important;
}

.login-method-panel h1 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.login-method-heading {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border-radius: 8px;
    background: #20324f;
    box-shadow: inset 3px 0 #31b394;
    text-align: left;
}

.login-method-heading h1 {
    min-width: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login-method-heading-icon {
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border-radius: 50%;
    background: #f7fbff;
    color: #16846b;
}

.login-method-heading-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-page .auth-card .lead {
    margin: 0;
    color: #c3cfde;
    font-size: 12px;
    line-height: 1.45;
}

.login-page .auth-card .lead strong {
    color: #fff;
}

.login-method-panel form {
    gap: 11px;
    text-align: left;
}

.login-method-panel .field label {
    color: #f7fbff;
}

.login-method-panel .field input {
    border-color: #708198;
    background: #fff;
    color: var(--ink);
}

.login-method-panel .password-toggle {
    color: #53647a;
}

.login-qr-panel {
    display: grid;
    min-height: 241px;
    place-items: center;
}

.login-qr-placeholder,
.login-qr-active {
    display: grid;
    width: min(252px, 100%);
    height: 235px;
    padding: 13px 15px;
    place-items: center;
    align-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .27);
    border-radius: 16px;
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

.login-qr-placeholder {
    position: relative;
    isolation: isolate;
    cursor: pointer;
}

.login-qr-placeholder:hover,
.login-qr-placeholder:focus-visible {
    border-color: #69cdb5;
    background: rgba(105, 205, 181, .12);
    outline: 0;
}

.login-qr-placeholder:disabled {
    opacity: .65;
    cursor: wait;
}

.login-qr-placeholder strong {
    z-index: 1;
    max-width: 192px;
    padding: 15px 10px;
    border-radius: 9px;
    background: rgba(21, 45, 66, .95);
    color: #e2f2ed;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
}

.login-qr-active {
    justify-items: center;
}

.login-qr-placeholder-image {
    position: absolute;
    display: block;
    width: 196px;
    height: 196px;
    padding: 0;
    border-radius: 9px;
    background: #769caa;
    filter: sepia(.7) hue-rotate(110deg);
    opacity: .28;
}

.login-qr-active > img {
    display: block;
    width: 178px;
    height: 178px;
    padding: 6px;
    border-radius: 10px;
    background: #fff;
}

.login-qr-status {
    min-height: 16px;
    margin: 0;
    color: #b8c7d8;
    font-size: 10px;
    line-height: 1.4;
}

.login-static-stage .login-method-panel {
    align-content: start;
    padding-top: 4px;
}

.password-recovery-page .form-required-note {
    color: #b8c7d8;
}

.login-method-switch {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 8px;
    background: transparent;
    color: #dce7f1;
    font-size: 11.5px;
    font-weight: 750;
    cursor: pointer;
}

.login-method-switch:hover,
.login-method-switch:focus-visible {
    border-color: #69cdb5;
    color: #fff;
    outline: 0;
}

.login-page .auth-footer {
    margin: 1px 0 0;
    color: #b8c7d8;
}

.login-page .auth-footer a:hover {
    color: #fff;
}

@media (max-width: 480px) {
    .login-page .auth-card {
        width: min(326px, calc(100vw - 18px));
    }

    .login-stage {
        padding: 7px 12px 16px;
    }

    .login-qr-placeholder,
    .login-qr-active {
        width: min(252px, 100%);
        height: 232px;
    }
}

.searchable-select {
    position: relative;
    width: 100%;
    min-width: 0;
}

.field .searchable-select > input {
    width: 100%;
    height: var(--control-height);
    min-height: var(--control-height);
    padding-right: 34px;
}

.searchable-select-toggle {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: grid;
    width: 32px;
    height: var(--control-height);
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 0 7px 7px 0;
    background: transparent;
    color: #526070;
    cursor: pointer;
}

.searchable-select-toggle:hover,
.searchable-select-toggle:focus-visible {
    background: #eef3f5;
    color: var(--accent2);
    outline: 0;
}

.searchable-select-toggle svg {
    width: 12px;
    height: 8px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .15s ease;
}

.searchable-select.is-open .searchable-select-toggle svg {
    transform: rotate(180deg);
}

.searchable-select-menu {
    position: absolute;
    z-index: 80;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    max-height: 190px;
    padding: 4px;
    overflow-y: auto;
    border: 1px solid #cdd6e2;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(20, 36, 60, .16);
}

.searchable-select-menu[hidden],
.searchable-select-menu [hidden] {
    display: none;
}

.searchable-select-menu [data-searchable-select-option] {
    display: block;
    width: 100%;
    min-height: 30px;
    padding: 6px 9px;
    border: 0;
    border-radius: 5px;
    background: #fff;
    color: var(--ink);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.searchable-select-menu [data-searchable-select-option]:hover,
.searchable-select-menu [data-searchable-select-option].is-active {
    background: #e7f4f0;
    color: var(--accent2);
}

.searchable-select-empty {
    margin: 0;
    padding: 7px 9px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
}

/* The optional water-meter location note reuses the same field and combobox
   geometry without changing the established four-column meter row elsewhere. */
.meter-direct-settings .meter-edit-grid--with-location-note {
    grid-template-columns: 44px minmax(185px, .7fr) 104px minmax(230px, 1fr) minmax(230px, 1fr);
}

.meter-direct-settings .meter-field-location-note {
    grid-column: auto;
}

.meter-direct-settings .meter-location-note-label {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    white-space: nowrap;
}

.meter-direct-settings .meter-location-note-label small {
    color: var(--muted);
    font-size: 8px;
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 1180px) {
    .meter-direct-settings .meter-edit-grid--with-location-note {
        grid-template-columns: 44px minmax(180px, .8fr) 104px minmax(210px, 1.35fr);
    }

    .meter-direct-settings .meter-edit-grid--with-location-note .meter-field-location-note {
        grid-column: 4;
    }
}

@media (max-width: 760px) {
    .meter-direct-settings .meter-edit-grid--with-location-note {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .meter-direct-settings .meter-edit-grid--with-location-note .meter-field-location-note {
        grid-column: 1 / span 2;
    }

    .meter-direct-settings .meter-location-note-label {
        gap: 3px;
    }

    .meter-direct-settings .meter-location-note-label small {
        font-size: 7.5px;
    }
}