:root {
    font-family:Verdana,Arial,sans-serif;
    color:#3f3f3f;
    background:#fff;
    font-synthesis:none;
    --paper:#d8e6ae;
    --stripe:#e3edc3;
    --header:#95b464;
    --line:#999;
    --field-width:170px;
    --control-height:24px
}

* {
    box-sizing:border-box
}

body {
    margin:6px 10px
}

button,input,select,textarea {
    font-family:inherit
}

button {
    cursor:pointer;
    color:inherit
}

button:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible {
    outline:2px solid #426c23;
    outline-offset:2px
}

input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus {
    outline:none;
    border-color:#555
}

button:disabled {
    cursor:default;
    opacity:.55
}

[hidden] {
    display:none!important
}

#workspace {
    min-width:690px;
    max-width:1260px;
    margin-inline:auto
}

/* Keep the Fact Finder's desktop arrangement intact at smaller window sizes. */
@media screen {
    /* Keep short and tall tabs centered in the same space. */
    html { overflow-y:scroll; }
    @supports (scrollbar-gutter:stable) {
        html { overflow-y:auto; scrollbar-gutter:stable both-edges; }
    }
    #workspace:has(>#form-stage.mode-fact-finder) {
        width:1260px;
        min-width:1260px
    }
}

nav {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    background:#f0f0f0;
    border:1px solid #ccc;
    min-height:34px;
    padding:0 6px
}

nav button {
    font-size:12px;
    border:0;
    background:none;
    padding:8px 12px;
    white-space:nowrap;
    min-height:32px
}

nav button:hover {
    background:#e0e6d7
}

nav button[aria-current=page] {
    background:#c4c4c4;
    color:#263b1f
}

nav button.new-customer {
    color:#fff;
    background:#db0000;
    font-weight:bold;
    padding:3px 8px;
    min-height:22px;
    margin:4px 8px
}

nav button.export-icon {
    color:#8dc441;
    font-size:25px;
    padding:0 12px;
    line-height:1
}

nav .nav-spacer {
    flex:1
}

#secondary-nav {
    background:#666;
    border-color:#666;
    min-height:24px;
    padding:0 10px
}

#secondary-nav button {
    font-size:11px;
    color:#fff;
    font-weight:bold;
    min-height:24px;
    padding:4px 11px
}

#secondary-nav button[aria-current=page] {
    background:#899879
}

#workspace:has(>#form-stage.mode-fact-finder) #primary-nav button {
    flex:1 0 auto;
    font-size:14px;
    min-height:36px;
    padding:8px 12px
}

#workspace:has(>#form-stage.mode-fact-finder) #secondary-nav button {
    font-size:12px;
    min-height:26px;
    padding:5px 14px
}

#secondary-nav.pcs-navigation,#secondary-nav.renewal-navigation {
    background:#ecedeb;
    border-color:#bbb
}

#secondary-nav.pcs-navigation button,#secondary-nav.renewal-navigation button {
    color:#3f3f3f;
    font-weight:normal
}

#secondary-nav.pcs-navigation button[aria-current=page],#secondary-nav.renewal-navigation button[aria-current=page] {
    background:#a5bd80
}

#form-stage {
    background:var(--paper);
    min-height:620px;
    padding:16px 8px 22px;
    font-size:13px;
    overflow:auto
}

#form-stage.mode-fact-finder {
    --control-height:30px;
    --control-font-size:14px;
    --placeholder-font-size:13px;
    font-size:15px;
    padding:16px 8px 24px
}

#form-stage.mode-fact-finder td {
    padding-block:5px
}

#form-stage.is-loading {
    opacity:.6;
    pointer-events:none
}

#primary-nav button.is-pending,#secondary-nav button.is-pending {
    box-shadow:inset 0 -3px #426c23;
    cursor:progress
}

.field-catalog-dialog {
    width:min(1120px,95vw);
    max-height:85vh
}
.field-catalog-dialog #dialog-content {
    max-height:68vh;
    overflow:auto
}
.field-catalog-dialog input[type=search] {
    width:100%;
    padding:8px;
    margin-block:8px
}
.field-catalog-table {
    width:100%;
    border-collapse:collapse;
    font-size:13px
}
.field-catalog-table th,.field-catalog-table td {
    padding:8px;
    text-align:left;
    border-bottom:1px solid #ccc;
    overflow-wrap:anywhere
}
.field-catalog-table thead {
    position:sticky;
    top:0;
    background:#e3edc3
}

.reference-form {
    min-height:100px
}

.clear {
    clear:both
}

.reference-form>p,.question {
    margin:8px 0 14px;
    line-height:1.5
}

.reference-form>p:first-child {
    margin-top:0
}

/* Defaults must not override the widths of form columns or compact controls. */
:where(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    height:var(--control-height);
    width:var(--field-width);
    max-width:100%;
    border:1px solid #909090;
    border-radius:0;
    background:#fff;
    color:#111;
    font-family:Arial,sans-serif;
    font-size:var(--control-font-size,13px);
    padding:2px 5px;
    vertical-align:middle
}

select {
    padding:2px 3px;
    appearance:none;
    -webkit-appearance:none
}

select:has(>option[value=""]:checked) {
    text-align:center;
    text-align-last:center
}

select option {
    text-align:left;
    text-align-last:left
}

textarea {
    height:70px;
    resize:vertical
}

input[type=checkbox],input[type=radio] {
    width:13px;
    height:13px;
    vertical-align:middle;
    margin:2px 5px 2px 0;
    accent-color:#728f48
}

input::placeholder {
    font-size:var(--placeholder-font-size,12px);
    color:#888
}

input[type=date] {
    min-width:130px
}

table {
    border-collapse:collapse;
    width:100%;
    margin:0 0 15px
}

td,th {
    padding:3px 5px;
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}

table>tbody>tr:nth-child(odd) {
    background:var(--stripe)
}

table>tbody>tr.rowHeader,table>tbody>tr.RecRowHeader,table>tbody>tr.smallTableHeader {
    background:var(--header);
    font-weight:bold
}

.rowHeader td,.RecRowHeader td,.smallTableHeader td {
    font-weight:bold
}

.rowHeaderTop,.resident_type {
    background:var(--header);
    font-weight:bold;
    padding:5px 7px;
    margin:8px 0 12px
}

.reference-form .resident_type:empty {
    display:none
}

th {
    font-size:13px;
    background:var(--header);
    font-weight:bold
}

td label {
    white-space:nowrap
}

td>input+input {
    margin-left:5px
}

.SelectState {
    width:60px!important
}

.SelectCountYear,.SelectCountYearFive {
    width:70px
}

.width50 {
    width:50px
}

.width150 {
    width:150px
}

.table_small_input input,.table_small_input select {
    width:95px
}

/* Shared column tracks keep labels and controls aligned across section headers. */
.fact-field-table {
    table-layout:fixed;
    min-width:1000px
}

.fact-field-table col.field-label {
    width:14%
}

.fact-field-table col.field-value {
    width:19.333333%
}

.fact-field-table td.address-inline-compact {
    font-size:0
}

.fact-field-table td.address-inline-compact>input:first-of-type {
    width:calc(var(--field-width) - 46px)!important;
    margin:0 6px 0 0!important
}

.fact-field-table td>input.input-unit {
    width:40px!important;
    margin-left:0
}

.fact-field-table input.input-tiny {
    padding:2px
}

.reference-form .resident_type {
    width:100%!important;
    margin-bottom:12px!important
}

.width_long {
    width:280px
}

[data-screen="ff/toys"] input.vin_cnt {
    width:var(--field-width)
}

.branch-picker {
    margin:0 0 15px;
    font-size:13px
}

.branch-picker select {
    margin-left:6px
}

.branch-empty {
    padding:18px;
    border:1px dashed #9caf78
}

fieldset {
    border:1px solid #939b80;
    margin:0 0 10px;
    padding:8px;
    min-width:0
}

legend {
    font-size:13px;
    font-weight:bold;
    padding:0 2px
}

fieldset>table {
    margin-bottom:0
}

.account_left {
    width:49%;
    float:left
}

.account_right {
    width:47%;
    float:right
}

.account_left fieldset>label {
    width:16%;
    float:left;
    text-align:right;
    padding:4px 4px 0 0;
    font-size:12px;
    white-space:nowrap
}

.account_left fieldset>input,.account_left fieldset>select {
    float:left;
    width:33%;
    margin-bottom:2px
}

.account_left fieldset>input.input-unit {
    margin-left:0
}

.account_left fieldset>.show_personal_on {
    float:left;
    width:33%
}

.account_left fieldset>.show_personal_on input,.account_left fieldset>.show_personal_on select {
    width:100%!important;
    margin-bottom:2px
}

.account_left .gender_div {
    float:left;
    width:33%;
    display:flex;
    gap:18px;
    height:var(--control-height);
    align-items:center;
    padding-left:10px;
    font-size:12px
}

.account_left .gender_div label {
    display:flex;
    align-items:center
}

.account_left fieldset>.gender_div+label {
    clear:both
}

.account_left fieldset input[data-field="customer:customers.address_line1"] {
    width:calc(33% - 45px)!important
}

.account_left fieldset input.input-unit {
    width:40px!important
}

.account_left .set_action_div fieldset>input {
    width:33%
}

.form_btm_btns {
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:10px
}

.form_btm_btns p {
    width:100%;
    font-size:13px;
    font-weight:bold;
    margin:0
}

.form_btm_btns button {
    flex:0 0 calc(16.66% - 5px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:Verdana,sans-serif;
    font-size:9px;
    height:20px;
    padding:2px;
    border:1px solid #444;
    background:#f0f0f0
}

.form_btm_btns label {
    width:100%
}

.form_btm_btns select,.form_btm_btns input {
    width:195px
}

.account_right>fieldset:first-child>label {
    float:left;
    font-size:13px;
    width:13%;
    padding-top:4px
}

.account_right>fieldset:first-child>input {
    width:87%
}

.note_history,.activity_history,.sales_history {
    background:#fff;
    border:1px solid #aaa;
    min-height:180px;
    max-height:180px;
    overflow:auto;
    margin-top:3px;
    font-size:13px;
    color:#12252e
}

.history-item {
    padding:5px 7px;
    margin:3px;
    background:#f0f0f0;
    white-space:pre-wrap
}

.history-empty {
    height:100%
}

.note-add {
    float:right;
    font-size:12px;
    margin:4px 0
}

.account_right fieldset:has(.note-add) {
    position:relative
}

.account_right .sales_history {
    min-height:160px;
    max-height:160px
}

#applicant_div>table {
    table-layout:fixed
}

#applicant_div col.applicant-label {
    width:15%
}

#applicant_div col.applicant-left-fields {
    width:40%
}

#applicant_div col.applicant-right-fields {
    width:30%
}

#applicant_div>table td {
    padding:3px 0
}

#applicant_div input[data-field="customer:customers.address_line2"] {
    width:44px
}

#applicant_div select[data-field="customer:customers.state_code"] {
    width:36px!important
}

#applicant_div input[data-field="customer:customers.postal_code"] {
    width:75px
}

.record-group {
    margin:8px 0 16px
}

.person-match-notice {
    padding:8px;
    margin-bottom:8px;
    border:1px solid #97a875;
}
.person-match-notice button + button {
    margin-left:8px;
}

.record-toolbar {
    display:flex;
    gap:5px;
    align-items:center;
    flex-wrap:wrap;
    margin:0;
    border-bottom:1px solid #899779;
    min-height:29px
}

.record-toolbar button {
    border:1px solid #92998a;
    background:#eee;
    padding:4px 10px;
    font-size:12px
}

.record-toolbar button[aria-selected=true] {
    background:var(--header);
    font-weight:bold
}

.record-toolbar .add-record {
    margin-left:6px;
    background:#f2f5e9
}

.record-toolbar .remove-record {
    margin-left:auto
}

.record-panel {
    padding-top:6px
}

.record-panel table {
    margin:0
}

.record-count-header {
    display:flex;
    align-items:center;
    gap:8px;
    background:var(--header);
    font-weight:bold;
    padding:5px 7px
}

.record-count-control {
    display:inline-flex;
    height:var(--control-height);
    border:1px solid #909090;
    background:#fff;
    vertical-align:middle
}

.record-count-control select {
    height:100%;
    border:0;
    min-width:40px;
    width:44px!important
}

.record-count-steps {
    display:flex;
    flex-direction:column;
    width:19px;
    border-left:1px solid #ccc
}

.record-count-steps button {
    border:0;
    background:#f6f6f6;
    padding:0;
    height:50%;
    font-size:12px;
    line-height:12px;
    cursor:pointer
}

.record-count-steps button:hover:not(:disabled) {
    background:#dce8ca
}

.record-tab {
    display:inline-flex;
    align-items:stretch;
    border:1px solid #92998a;
    background:#eee
}

.record-tab:has([aria-selected=true]) {
    background:var(--header)
}

.record-tab button {
    border:0;
    background:transparent
}

.record-tab button[role=tab] {
    font-weight:normal
}

.record-tab .record-close {
    padding:1px 6px;
    font-size:16px;
    font-weight:bold
}

.record-tab:has([aria-selected=true]) .record-close {
    color:#fff
}

.record-tab .record-close:hover {
    background:#7a914f
}

.vehicle-loan-table {
    table-layout:fixed
}

.incident-table {
    --field-width:110px;
    table-layout:fixed
}

.incident-table col {
    width:12.5%
}

.incident-table .smallTableHeader td,.vehicle-coverage-table .smallTableHeader td {
    font-size:13px;
    vertical-align:bottom
}

.incident-table .smallTableHeader td { background:#666; color:#fff }

.incident-table input[type=date] {
    min-width:0
}

.vehicle-coverage-table { --field-width:110px; table-layout:fixed }
.vehicle-coverage-table .smallTableHeader td { background:var(--header); color:inherit }
.vehicle-coverage-table col { width:10.5% }
.vehicle-coverage-table col.coverage-vehicle-name { width:16% }
.vehicle-coverage-table [data-record-title] { overflow-wrap:anywhere }
.coverage-limits {
    display:inline-grid;
    grid-template-columns:minmax(0,1fr) auto 50px;
    align-items:center;
    gap:3px;
    width:var(--field-width);
    white-space:nowrap
}
.coverage-limits select { width:100%; min-width:0 }

input.input-compact-75,select.input-compact-75 { width:75px }
input.input-compact-150,select.input-compact-150 { width:150px }
.field-text-tiny { font-size:10px }
.field-text-small { font-size:12px }

/* Shared compact presets: width describes the visible space, not a data limit. */
.input-three-digits { width:40px; flex:0 0 40px }
.input-four-digits { width:50px; flex:0 0 50px }
.address-fields,.city-state-zip {
    display:inline-flex;
    align-items:center;
    gap:5px;
    white-space:nowrap
}
.address-fields .address-address,.city-state-zip .address-city { width:170px }
.address-fields .address-address_unit { width:44px; margin-left:0 }
.city-state-zip .address-state { width:36px!important }
.city-state-zip .address-zip { width:75px }
.residence-address-row>td { white-space:nowrap }
.residence-address-row .address-city { width:105px }
.bathroom-fields,.flooring-fields {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px
}
.bathroom-fields label,.flooring-fields label {
    display:inline-flex;
    align-items:center;
    gap:3px
}
.bathroom-fields { gap:6px }
.fireplace-fields,.outdoor-area-fields {
    display:inline-grid;
    align-items:center;
    gap:4px;
    width:var(--field-width);
    white-space:nowrap;
    font-size:12px
}
.fireplace-fields { grid-template-columns:auto minmax(0,1fr) auto 40px }
.outdoor-area-fields { grid-template-columns:minmax(0,1fr) auto 50px }
.fireplace-fields>select,.outdoor-area-fields>select { width:100%; min-width:0 }
.residence-empty-divider { border-bottom:1px solid #899779; margin-top:28px }

.commercial-fire-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start }
.commercial-fire-section { table-layout:fixed; margin-bottom:16px }
.commercial-fire-section col.commercial-control { width:300px }
.commercial-fire-section td { overflow-wrap:break-word }

.record-link-control {
    display:inline-block;
    width:var(--field-width);
    max-width:100%
}

.record-link-control>select,.record-link-control>input {
    width:100%
}

.record-empty {
    padding:15px
}

.record-group table th {
    white-space:nowrap
}

.pcs_table {
    table-layout:fixed;
    min-width:950px
}

.pcs_table col.pcs-label {
    width:25%
}

.pcs_table col.pcs-value {
    width:15%
}

.pcs_table col.pcs-result {
    width:10%
}

.pcs_table td:first-child,.pcs_table th:first-child {
    width:25%
}

.pcs_table td {
    font-size:13px;
    padding:4px
}

.pcs_table input:not([type=checkbox]):not([type=radio]),.pcs_table select {
    width:100%!important;
    font-size:12px;
    height:var(--control-height)
}

.pcs_table .yellow {
    background:#faffb6
}

.pcs_table td:nth-child(3),.pcs_table td:nth-child(5),.pcs_table td:nth-child(7) {
    width:10%
}

.pcs_table button {
    font-size:10px;
    max-width:100%;
    padding:3px
}

.wide-table {
    overflow:auto
}

.rates-grid {
    min-width:1600px;
    table-layout:fixed
}

.rates-grid th {
    font-size:11px;
    text-align:center
}

.rates-grid input:not([type=radio]) {
    width:100%;
    min-width:85px
}

.rates-grid td {
    padding:4px
}

.rate-terms {
    display:flex;
    font-size:9px;
    gap:4px
}

.rate-terms label {
    display:flex;
    align-items:center
}

.rate-terms input {
    width:10px;
    height:10px;
    margin-right:2px
}

.copy-status {
    font-size:12px
}

.renewal_tables {
    min-width:1100px
}

.renewal_tables td {
    font-size:12px
}

.renewal_tables input,.renewal_tables select {
    width:115px
}

.renewal_hide>p {
    margin-top:20px
}

.small_table_label {
    min-width:90px
}

#log_result_div {
    font-size:13px
}

#log_result_div h1 {
    font-size:20px;
    margin:0 0 12px
}

#log_result_div .record-panel {
    overflow:auto
}

#log_result_div table {
    min-width:1100px
}

#log_result_div table input,#log_result_div table select {
    width:100%;
    min-width:74px;
    font-size:12px
}

#log_result_div td {
    padding:4px
}

#referral_ask_div>p {
    line-height:1.7
}

#referral_ask_div table input {
    width:95%
}

.workspace-status {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    font-size:11px;
    padding:6px 2px;
    color:#626857
}

.workspace-status button {
    border:0;
    background:none;
    text-decoration:underline;
    font-size:11px
}

#notice {
    position:fixed;
    bottom:36px;
    left:50%;
    transform:translateX(-50%);
    background:#344629;
    color:#fff;
    padding:12px 18px;
    box-shadow:0 3px 12px #0003;
    z-index:30;
    max-width:90vw;
    font-size:13px
}

dialog {
    border:1px solid #7a876b;
    padding:20px;
    width:min(650px,90vw);
    color:#3f3f3f
}

dialog::backdrop {
    background:#0006
}

.dialog-heading {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.dialog-heading h2 {
    font-size:18px;
    margin:0 0 14px
}

.dialog-heading button {
    border:0;
    background:none;
    font-size:25px
}

.dialog-field {
    display:grid;
    grid-template-columns:90px 1fr;
    gap:10px;
    margin:10px 0
}

.dialog-field input,.dialog-field textarea {
    width:100%
}

.dialog-field textarea {
    height:170px
}

#dialog-content p {
    font-size:14px;
    line-height:1.5
}

#dialog-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:15px
}

#dialog-actions button {
    padding:7px 12px;
    border:1px solid #83936e;
    background:#e5ecd9
}

.review-table {
    font-size:12px
}

dialog.record-delete-dialog {
    width:410px;
    max-width:calc(100vw - 20px);
    padding:3px;
    border:1px solid #aaa;
    border-radius:4px;
    font-family:Arial,sans-serif;
    color:#173448
}

.record-delete-dialog .dialog-heading {
    height:34px;
    padding:5px;
    justify-content:flex-end;
    background:#e9e9e9;
    border:1px solid #d8d8d8;
    border-radius:3px
}

.record-delete-dialog .dialog-heading h2 {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%)
}

.record-delete-dialog .dialog-heading button {
    width:20px;
    height:20px;
    padding:0;
    border:1px solid #c7c7c7;
    border-radius:3px;
    background:#f8f8f8;
    color:#777;
    font-size:18px;
    font-weight:bold;
    line-height:16px
}

.record-delete-dialog #dialog-content {
    min-height:84px;
    padding:5px 10px 12px;
    text-align:center
}

.record-delete-dialog #dialog-content p {
    margin:0;
    font-size:16px;
    line-height:24px
}

.record-delete-dialog #dialog-actions {
    margin:0;
    padding:14px 20px 16px;
    gap:8px;
    border-top:1px solid #ddd
}

.record-delete-dialog #dialog-actions button {
    min-width:54px;
    height:32px;
    padding:4px 14px;
    border:1px solid #c6c6c6;
    border-radius:3px;
    background:#f6f6f6;
    font-family:Arial,sans-serif;
    font-size:14px
}

.record-delete-dialog button:focus-visible {
    outline:2px solid #333;
    outline-offset:0
}

.review-table td {
    border-bottom:1px solid #ddd;
    white-space:pre-wrap
}

@media(max-width:1000px) {
    #workspace:not(:has(>#form-stage.mode-fact-finder)) nav button {
        padding:8px 7px
    }
    .account_left,.account_right {
        width:100%;
        float:none
    }
    .account_right {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px
    }
    .account_right>fieldset:last-of-type {
        grid-column:1/-1
    }
    .account_right>.clear {
        display:none
    }
    .account_left fieldset {
        max-width:690px
    }
    .account_right>fieldset:first-child>label {
        width:25%
    }
    .account_right>fieldset:first-child>input {
        width:75%
    }
}

@media print {
    nav,.workspace-status,.record-toolbar button,.form_btm_btns,#notice {
        display:none!important
    }
    body {
        margin:0
    }
    #workspace {
        min-width:0
    }
    #form-stage {
        padding:0;
        overflow:visible
    }
    .account_left,.account_right {
        float:none;
        width:100%
    }
    table {
        page-break-inside:auto
    }
    tr {
        break-inside:avoid
    }
}


.account_right .note-add {
    position:absolute;
    top:9px;
    right:11px;
    margin:0;
    width:22px;
    height:22px;
    padding:0;
    border:0;
    background:#f0f4df;
    color:#699d28;
    font-weight:bold;
    font-size:20px;
    line-height:20px
}

.account_right>fieldset:first-child>input {
    padding-right:32px
}

.account_right .activity_history {
    min-height:160px;
    max-height:160px
}

/* Private workspace access and persistence feedback. */
.signin-page { min-width: 0; background: #f4f5ef; }
.signin-card { box-sizing: border-box; max-width: 390px; margin: 12vh auto; padding: 28px; background: white; border: 1px solid #a5ad96; }
.signin-card h1 { margin: 0 0 12px; font-size: 24px; }
.signin-card label, .signin-card input, .signin-card button { display: block; box-sizing: border-box; width: 100%; margin-top: 12px; }
.signin-card input, .signin-card button { min-height: 36px; }
.signin-card [role=alert], #save-status[data-state=error] { color: #963319; }
.workspace-status #save-status { margin-right: auto; }
.workspace-status form { display: inline; margin: 0; }
#form-stage[inert] { opacity: .6; }
.custom-answer { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px; }
.custom-answer > select:first-of-type { width:320px; max-width:100%; }
.custom-answer > input, .custom-answer > select, .custom-answer > button { min-height:30px; }
.field-catalog-dialog details { margin-bottom:16px; }
.field-catalog-dialog summary { cursor:pointer; }

/* Shared People controls preserve the fixed Fact Finder width. */
[data-people-list] .record-panel { padding: 0; }
[data-people-count] { display: inline-block; width: 44px; padding: 4px; background: white; font-weight: normal; }
[data-add-person] { cursor: pointer; }
[data-address-override] { display: block; margin-top: 4px; }
[data-address-override][hidden] { display: none; }
.shared-person-address input:disabled, .shared-person-address select:disabled { background: #dbe8b1; color: #333; opacity: 1; }
.person-city { white-space: nowrap; }
.person-city input[data-field$=".city"] { width: 170px; }
.person-city select { width: 36px; margin-left: 4px; }
.person-city input[data-field$=".postal_code"] { width: 74px; margin-left: 4px; }
.record-count-control select:disabled { opacity: 1; color: #111; background: white; }

#form-stage [data-person-address] .input-unit { width: 44px; margin-left: 5px; }