/* Contacts: a quieter, more legible list and profile within the Nest palette. */
.contacts-index-mode .grid>.contacts-index-card{border-radius:18px!important;background:#fff!important;overflow:visible}
.contacts-index-card>h3{padding:22px 24px 0;font-size:20px;letter-spacing:-.45px;color:#0c0c23}
.contacts-index-card>h3 .contact-total{background:#f1f1f4;color:#5d5d6c;border-radius:20px;padding:5px 9px;font-size:10px}
.contacts-index-card>h3 button{border-radius:10px;font-size:12px;font-weight:650;min-height:38px}
.contact-index-toolbar{padding:18px 24px 16px;gap:18px;align-items:flex-start}
.contact-index-search{max-width:420px}
.contact-index-search #search{height:40px;background:#f8f8fa;border:1px solid #d9d9e0;border-radius:10px;color:#0c0c23;font-size:12px}
.contact-index-search #search:focus{background:white;border-color:#777787}
.contact-index-toolbar #contact-view-panel{width:320px}
#contact-view-select,.view-filters>summary{height:40px;border-radius:10px;background:#fff;border-color:#d9d9e0;color:#313142;font-size:12px}
.view-filters>summary:hover,.view-filters[open]>summary{background:#f7f7f9}
.contact-index-toolbar .view-caption{margin-top:7px;color:#686877}
.view-popover{border:1px solid #000;border-radius:14px;padding:20px;box-shadow:0 16px 40px #0c0c2326}
.view-popover header strong{color:#0c0c23;font-size:15px}.view-filter-grid label{color:#4d4d5d;font-size:11px}
.view-filter-grid select{background:#f8f8fa;border-color:#dadae2;font-size:12px}
#view-done{background:#0c0c23}.view-chip{background:#f5eded;border-color:#ecd8da;color:#7b3037}
.contact-index-table{margin:0 0 8px!important;border-radius:0 0 17px 17px}
.contact-index-table table{min-width:820px}
.contact-index-table th{background:#eeeef1;color:#50505e;font-size:10px;font-weight:700;letter-spacing:.7px;padding:13px 18px;border-block:1px solid #e4e4e8}
.contact-index-table td{padding:13px 18px;color:#4f4f5e;font-size:12px;border-bottom:1px solid #eeeeF1}
.contact-index-table tbody tr:nth-child(even){background:#f8f8fa}
.contact-index-table tbody tr:hover{background:#f5eded}
.contact-index-name{gap:11px}.contact-index-name strong{color:#0c0c23;font-size:12px;font-weight:650}
.contact-index-name small,.contact-index-table td small{font-size:11px;color:#70707e}
.contact-index-avatar{width:38px;height:38px;border-radius:50%;font-size:11px;color:#49495b;background:#ececf2;border:1px solid #dedee5}
.contact-index-avatar img{border-radius:50%;object-fit:cover}
.contact-stage{font-size:10px;font-weight:600;padding:4px 9px;border:0}
.contact-index-open{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e1e1e6;border-radius:50%;background:#fff;color:#565666;font-size:14px}
.contact-index-open:hover{color:#d80002;background:#fff5f5}
.contact-backbar{margin:8px 0 14px}.contact-backbar button{border-color:#000;background:#fff;border-radius:9px}
.contacts-profile-mode .relationship-record{padding:22px!important;border-radius:18px!important;box-shadow:none!important}
.contact-view .relationship-record .profile{gap:14px;padding-bottom:18px}
.contact-view .relationship-record .profile h2{font-size:23px;letter-spacing:-.55px}
.contact-view .relationship-record .avatar{width:50px;height:50px}
.contact-view .relationship-actions{width:100%;margin:3px 0 0;align-items:center;gap:7px}
.contact-view .relationship-actions button,.contact-view .relationship-actions .action-link{font-size:11px;border-radius:9px;padding:8px 12px}
.contact-view .relationship-actions #google-contact-sync-status{flex-basis:100%;order:10;color:#686878;font-size:11px;line-height:1.5;padding-top:2px}
.contact-view .relationship-metrics{margin:16px 0 12px;border-radius:12px;background:#f8f8fa}
.contact-view .relationship-metrics>div{padding:13px 15px}.contact-view .relationship-metrics small{color:#686878;font-size:11px}
.contact-view .relationship-record .tabs{gap:18px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}
.contact-view .relationship-record .tabs button{font-size:12px;padding:11px 2px}
.contact-view .overview-card{padding:17px;border-radius:12px}
.contact-view .overview-card h3{font-size:15px;letter-spacing:-.2px}
.contact-view .overview-card header button{font-size:11px;border-radius:8px}
.contact-view .overview-field{padding:8px 0}.contact-view .overview-note{line-height:1.6}
@media(max-width:750px){.contacts-index-card>h3{padding:18px 16px 0}.contact-index-toolbar{padding:16px;gap:12px}.contacts-profile-mode .relationship-record{padding:16px!important}.contact-view .relationship-record .tabs{gap:16px}.contact-index-table th:first-child,.contact-index-table td:first-child{padding-left:16px}}