.contacts-workspace{grid-row:3 / 5;min-height:0;min-width:0;display:grid;grid-template-columns:var(--folder-pane-width,260px) minmax(0,1fr);overflow:hidden;background:var(--canvas)}
.people-sidebar{padding:0 8px 12px;display:flex;flex-direction:column;min-height:0;background:#f8f9fa;border-right:1px solid var(--line)}.people-sidebar-content{padding:18px 10px;overflow:auto;flex:1;min-height:0}.people-sidebar h2{font-size:20px;margin:0 10px 20px}.people-sidebar h3{font-size:13px;margin:22px 8px 9px}.people-sidebar label{display:grid;gap:5px;margin:0 8px 16px;font-size:12px}.people-sidebar select{width:100%;padding:7px;border:1px solid #aeb8c2;border-radius:4px;background:var(--canvas)}.people-sidebar nav:not(.module-switcher),#peopleCategories,#peopleGroups{display:grid;gap:3px}.people-sidebar-content button{text-align:left;display:block;width:100%;padding:10px;border-radius:4px;overflow-wrap:anywhere}.people-sidebar-content button.active{background:var(--selected);color:var(--blue)}.people-sidebar-heading{display:flex;align-items:center;justify-content:space-between}.people-sidebar-heading button{width:32px}.people-sidebar small{margin:4px 8px;font-size:12px}.people-sidebar>.module-switcher{margin-top:auto;flex-shrink:0}
.people-main{display:flex;flex-direction:column;min-width:0;min-height:0}.people-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:8px 12px;background:var(--canvas)}.people-toolbar button,.people-card-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:4px}.people-toolbar .primary,.people-editor .primary,.people-group-dialog .primary,.people-import-dialog .primary{background:var(--blue);color:white;border-color:var(--blue)}.people-toolbar input,.people-toolbar select{min-width:100px;max-width:220px;padding:7px;border:1px solid #aeb8c2;border-radius:4px;background:var(--canvas)}.people-heading{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line)}.people-heading h2{font-size:20px;margin:0}.people-heading span{color:var(--muted);font-size:12px}.people-body{display:grid;grid-template-columns:minmax(220px,35%) minmax(0,1fr);min-height:0;flex:1}.people-list-pane{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.people-list-pane>div{overflow:auto;flex:1}.people-list-pane footer{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid var(--line);font-size:12px}.people-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;border-bottom:1px solid var(--line)}.people-row.active{background:var(--selected)}.people-row>span:last-child{min-width:0}.people-row strong,.people-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-row small{color:var(--muted);font-size:12px;margin-top:4px}.people-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;background:#d5e8f7;color:#175a90;font-size:19px}.people-avatar.large{width:72px;height:72px;font-size:32px;object-fit:cover}.people-card{padding:26px;overflow:auto;min-width:0}.people-card-heading{display:flex;align-items:center;gap:18px}.people-card h2{font-size:24px;overflow-wrap:anywhere;margin:0 0 6px}.people-card-heading p{color:var(--muted);margin:0}.people-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.people-card section{border-top:1px solid var(--line);padding:10px 0}.people-card h3{font-size:14px}.people-card dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px}.people-card dt{font-size:12px;color:var(--muted)}.people-card dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.people-notes{white-space:pre-wrap;overflow-wrap:anywhere}.people-category{display:inline-block;border-radius:4px;background:#e5effb;color:#21578b;padding:4px 8px;margin:0 5px 10px 0;font-size:12px}.people-empty{padding:20px;color:var(--muted)}
.people-editor{width:min(800px,calc(100vw - 24px));height:min(850px,calc(100vh - 30px));padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--canvas);color:var(--ink)}.people-editor form{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.people-editor header,.people-editor footer{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:8px;background:#f7f9fb}.people-editor header h2{margin:0 0 5px;font-size:22px}.people-editor header small{color:var(--muted)}.people-editor header>button{margin-left:auto;font-size:24px}.people-editor footer{border-top:1px solid var(--line);border-bottom:0}.people-editor footer button,.people-group-dialog footer button,.people-import-dialog footer button{padding:9px 15px;border:1px solid var(--line);border-radius:4px}.people-editor-body{padding:20px;overflow:auto;min-height:0}.people-editor label,.people-group-dialog label,.people-import-dialog label{display:grid;gap:6px;margin:8px 0;font-size:12px}.people-editor input,.people-editor textarea,.people-group-dialog input,.people-group-dialog textarea,.people-group-dialog select,.people-import-dialog select,.people-import-dialog input{width:100%;padding:8px 10px;border:1px solid #aeb8c2;border-radius:4px;background:var(--canvas);color:var(--ink);font:inherit}.people-editor label.check{display:flex;align-items:center}.people-editor [type=checkbox]{width:auto}.people-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.people-editor fieldset{border:1px solid var(--line);border-radius:4px;margin:14px 0;padding:12px}.people-editor legend{font-weight:600;padding:0 5px}.people-editor details{margin:16px 0}.people-editor summary{cursor:pointer;padding:8px 0;font-weight:600}.people-photo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.people-photo img{width:70px;height:70px;object-fit:cover;border-radius:50%}.people-photo label{max-width:280px}.people-error{color:#b42318;white-space:pre-wrap}.people-notice{background:#fff6d5;border:1px solid #e7c354;padding:12px}.people-group-dialog,.people-import-dialog{width:min(620px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:24px;border-radius:8px;border:1px solid var(--line);background:var(--canvas);color:var(--ink)}.people-group-dialog h2,.people-import-dialog h2{margin:0 0 20px}.people-group-dialog footer,.people-import-dialog footer{display:flex;gap:8px;align-items:center;margin-top:20px}.people-import-dialog p{line-height:1.6}.people-import-dialog li{overflow-wrap:anywhere}
html.standalone-contacts-window.contacts-window-ready #app{display:none}html.standalone-contacts-window.contacts-window-ready #peopleEditor{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border:0;border-radius:0}html.standalone-contacts-window #peopleEditor::backdrop{background:var(--canvas)}
html[data-theme=dark] .people-sidebar,html[data-theme=dark] .people-editor header,html[data-theme=dark] .people-editor footer{background:#252b32}html[data-theme=dark] .people-category{background:#24415d;color:#d7eafb}html[data-theme=dark] .people-notice{background:#463d20;color:#ffedb6}
@media(max-width:900px){.people-body{grid-template-columns:220px minmax(0,1fr)}.people-toolbar input{max-width:170px}.people-card{padding:16px}.people-card dl{grid-template-columns:1fr}.people-card dd{margin-bottom:6px}}
@media(max-width:650px){.contacts-workspace{grid-template-columns:1fr}.people-sidebar{max-height:190px;border-bottom:1px solid var(--line)}.people-sidebar h2{display:none}.people-sidebar-content{padding:8px}.people-sidebar>.module-switcher{display:none!important}.people-body{grid-template-columns:minmax(125px,35%) minmax(0,1fr)}.people-row{padding:10px 6px;gap:5px}.people-row .people-avatar{display:none}.people-card-heading{display:block}.people-avatar.large{width:48px;height:48px;font-size:24px}.people-card h2{font-size:19px}.people-fields{grid-template-columns:1fr}.people-toolbar input{max-width:none;flex:1}.people-heading{padding:10px;font-size:12px}.people-list-pane footer{flex-wrap:wrap;padding:4px}}

@media(max-width:780px){.contacts-workspace{grid-row:3 / 5}}

/* Use the shared mobile navigation at the same breakpoint as the other modules. */
@media(max-width:780px), (max-height:600px) and (pointer:coarse){.people-sidebar>.module-switcher{display:none}}