.app-switch{grid-template-columns:1fr 1fr}.portal-workspace{grid-column:2/4;background:#fff;min-width:0;display:flex;flex-direction:column}.portal-header{min-height:76px;padding:10px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.portal-header h1{font-size:18px;margin:0}.portal-header small{color:var(--muted)}.portal-header form{margin-left:auto}.portal-header input{height:36px;border:1px solid var(--line);border-radius:4px;padding:0 10px}.portal-header .primary{height:36px;padding:0 14px}.contacts-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0;flex:1}.contacts-layout>aside{padding:18px;border-right:1px solid var(--line)}.contacts-layout nav{display:flex;flex-direction:column;margin-top:12px}.address-book{border:0;background:transparent;text-align:left;padding:9px;border-radius:4px}.address-book.active{background:#e9f5f0;color:var(--accent);font-weight:700}.contact-list{padding:18px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:10px}.contact-card{border:1px solid var(--line);border-radius:6px;padding:14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center}.contact-card .avatar{width:38px}.contact-card div{min-width:0}.contact-card strong,.contact-card a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card a{color:var(--muted);text-decoration:none}.contact-card button{border:0;background:transparent;color:var(--danger);font-size:18px}.portal-empty{grid-column:1/-1;color:var(--muted);padding:30px;text-align:center}.preference-form{width:min(680px,calc(100% - 36px));margin:24px auto;display:grid;gap:15px}.preference-form label{display:grid;gap:6px;font-weight:650}.preference-form input,.preference-form select,.preference-form textarea{border:1px solid #cfd6dc;border-radius:4px;padding:9px}.preference-form textarea{min-height:150px;resize:vertical}.preference-form footer{display:flex;align-items:center;gap:12px}.preference-form footer button{height:38px;padding:0 18px}.preference-form footer span{color:var(--muted)}
@media(max-width:760px){.portal-workspace{position:absolute;inset:0;z-index:2}.portal-header{padding:9px 10px;flex-wrap:wrap}.portal-header form{order:4;margin-left:0;width:100%}.portal-header form input{width:100%}.contacts-layout{display:block;overflow:auto}.contacts-layout>aside{border-right:0;border-bottom:1px solid var(--line);padding:10px}.contacts-layout>aside>strong{display:none}.contacts-layout nav{margin:0;flex-direction:row;overflow:auto}.contact-list{grid-template-columns:1fr;padding:10px}.preference-form{margin:16px auto}.event-dialog#contact-dialog{padding:0;align-items:end}}
.settings-content{overflow:auto;padding-bottom:24px}.sync-settings{width:min(680px,calc(100% - 36px));margin:0 auto;border-top:1px solid var(--line);padding-top:20px}.sync-settings h2{font-size:16px;margin:0 0 14px}.sync-settings dl{margin:0;display:grid;gap:12px}.sync-settings dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center}.sync-settings dt{font-weight:650}.sync-settings dd{margin:0;min-width:0}.sync-settings input{width:100%;box-sizing:border-box;border:1px solid #cfd6dc;border-radius:4px;padding:9px;background:#f6f8f9}.sync-settings p{color:var(--muted);line-height:1.6;margin:14px 0 0}@media(max-width:760px){.settings-content{padding-bottom:16px}.sync-settings{width:calc(100% - 32px)}.sync-settings dl>div{grid-template-columns:1fr;gap:5px}}