.email-page{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;padding:24px 32px;background:#f4f5f7;color:#2b2f33;min-height:100vh}.email-page nav{position:static!important;top:auto!important;width:auto!important;z-index:auto!important;min-width:auto!important}.email-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:8px}.email-breadcrumb__parent{color:#5f6368;text-decoration:none}.email-breadcrumb__separator{color:#9aa0a6}.email-breadcrumb__current{color:#2b2f33;font-weight:500}.email-page__title{font-size:28px;font-weight:700;margin:0 0 20px;line-height:1.3;color:#2b2f33}.email-toolbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6d8db;border-radius:8px;padding:10px 16px;margin-bottom:16px}.email-toolbar__actions{display:flex;align-items:center;gap:8px}.email-toolbar__search{margin-left:auto;min-width:240px;max-width:400px;flex:1}.email-body{display:grid;grid-template-columns:160px 1fr;gap:16px}.email-sidebar{padding:0}.email-sidebar__list{list-style:none;margin:0;padding:0}.email-sidebar__item{margin:0}.email-sidebar__link{display:block;width:100%;padding:10px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px;color:#2b2f33;border-radius:4px;transition:background-color .15s}.email-sidebar__link:hover{background:#e8eaed}.email-sidebar__link--active{color:#275dd9;font-weight:600;background:transparent}.email-sidebar__link--active:hover{background:#edf2ff}.email-list{min-width:0}.email-list__title{font-size:18px;font-weight:600;margin:0 0 12px;color:#2b2f33}.email-list__empty{padding:48px 24px;text-align:center;color:#5f6368;font-size:14px;background:#fff;border:1px solid #d6d8db;border-radius:8px}.email-list__items{border:1px solid #d6d8db;border-radius:8px;overflow:hidden;background:#fff}.email-list-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e8eaed;transition:background-color .12s;gap:12px}.email-list-item:last-child{border-bottom:none}.email-list-item:hover{background:#f8f9fa}.email-list-item--selected{background:#edf2ff}.email-list-item--selected:hover{background:#dde5fb}.email-list-item--unread .email-list-item__recipient,.email-list-item--unread .email-list-item__subject{font-weight:600}.email-list-item__checkbox{flex:0 0 auto}.email-list-item__checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#275dd9}.email-list-item__star{flex:0 0 auto}.email-star-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#bbb;padding:0;line-height:1;transition:color .15s}.email-star-btn:hover,.email-star-btn--active{color:#f4b400}.email-list-item__recipient{flex:0 0 200px;min-width:0}.email-recipient-link{background:none;border:none;cursor:pointer;color:#275dd9;font-size:14px;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.email-recipient-link:hover{text-decoration:underline}.email-list-item__subject{flex:1 1 auto;font-size:14px;color:#5f6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-list-item__actions{flex:0 0 auto;display:flex;gap:8px;align-items:center;opacity:.6;transition:opacity .15s}.email-list-item:hover .email-list-item__actions{opacity:1}.email-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#5f6368;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .12s,color .12s}.email-action-btn:hover{background:#e8eaed;color:#2b2f33}.email-list__pagination{margin-top:8px;padding:4px 0}@media(max-width:768px){.email-page{padding:16px}.email-body{grid-template-columns:1fr}}