/* Compact shared workspace, scoped to internal pages. */
.team-shell{max-width:1600px!important;width:calc(100% - 40px)!important;padding-top:22px!important}
.team-heading h1{font-size:2rem!important}.team-heading{margin-bottom:12px!important}.team-shell>.team-meta{font-size:.8rem}
.view-switch{display:flex;gap:6px;margin:12px 0}.view-switch button{padding:8px 12px;border:1px solid #bccbd6;border-radius:6px;background:white;color:#14324d;cursor:pointer}.view-switch button[aria-pressed=true]{background:#e1effa;border-color:#1670b7}
.topic-workspace{display:grid;grid-template-columns:minmax(290px,37%) minmax(0,1fr);border:1px solid #d6e1ea;background:white;border-radius:12px;overflow:hidden;height:70vh;min-height:500px}
.topic-list{display:block!important;overflow:auto;background:#f8fafc;border-right:1px solid #d6e1ea}.topic-list .team-card{border:0;border-bottom:1px solid #dce5ed;border-radius:0;margin:0!important;padding:14px 18px;box-shadow:none;cursor:pointer}.topic-list .team-card:hover,.topic-list .team-card.is-selected{background:#eaf3fb;box-shadow:inset 4px 0 #1670b7}.topic-list .team-card h2{font-size:1rem;margin:5px 0}.topic-list .team-card p{margin:4px 0;font-size:.8rem}.topic-list .team-card>p:not(.team-meta){display:none}.topic-list .team-card>a{display:none}.topic-list .team-badge{font-size:.7rem;padding:1px 8px}.topic-reader{width:100%;height:100%;border:0;background:white}.topic-workspace.cards-layout{display:block;height:auto;border:0;background:transparent}.cards-layout .topic-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border:0;gap:16px}.cards-layout .topic-list .team-card{border:1px solid #dce5ed;border-radius:10px;padding:22px}.cards-layout .topic-reader{display:none}.cards-layout .team-card>p:not(.team-meta),.cards-layout .team-card>a{display:block}
.workspace-embedded .team-brandbar,.workspace-embedded .team-foot,.workspace-embedded .team-heading,.workspace-embedded .team-tabs,.workspace-embedded .team-shell>.team-meta,.workspace-embedded .team-shell>a{display:none!important}.workspace-embedded .team-shell{width:100%!important;padding:0!important}.workspace-embedded .team-card{border:0;box-shadow:none;margin:0;border-radius:0;padding:22px}.workspace-embedded body{background:white}
.topic-section{border-top:1px solid #dce5ed;padding:4px 0;margin-top:14px}.topic-section summary{font-weight:bold}.team-taskbox{margin-top:14px!important;padding:14px!important}.team-taskbox p{margin:7px 0}.team-check{margin:5px 0!important}.team-card h3{margin:18px 0 12px!important}.team-card h2{font-size:1.35rem!important}.team-comment{padding:10px 14px!important;margin:8px 0!important}.team-comment p{margin:5px 0}.team-comment-actions{flex-direction:row!important;align-items:center;flex-wrap:wrap}.team-comment-actions summary,.team-comment-actions button{font-size:.8rem!important;padding:4px 8px!important}.team-comment-actions details[open]{width:100%}.comment-pager{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:.85rem;margin:12px 0}.comment-text.is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comment-expand{font-size:.8rem!important;padding:3px 8px!important}
.mail-app{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:175px minmax(260px,33%) minmax(0,1fr);height:74vh;min-height:550px;border:1px solid #d8e2ea;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:24px}.mail-folders{padding:16px 12px;background:#f0f4f8;border-right:1px solid #d8e2ea}.mail-folders nav{display:grid;gap:4px;margin:22px 0}.mail-folders nav a{padding:10px;border-radius:6px;text-decoration:none;color:#173853;font-weight:bold;font-size:.9rem}.mail-folders nav a[aria-current]{background:#dcebf9;box-shadow:inset 3px 0 #1670b7}.mail-folders .button{font-size:.9rem;padding:10px;display:block;text-align:center}.mail-middle{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #d8e2ea;padding:12px 0}.mail-middle>.mail-search,.mail-middle>.mail-count,.mail-middle>.mail-toolbar,.mail-middle>.mail-pager{padding:0 12px;margin:6px 0}.mail-middle .mail-search{flex-wrap:nowrap}.mail-middle .mail-search input{width:100%;min-width:0}.mail-middle .mail-toolbar{font-size:.78rem;gap:6px}.mail-middle .mail-toolbar button{padding:5px 8px}.mail-compact-list{min-height:0;overflow-y:scroll;overflow-x:hidden;flex:1 1 0;margin-top:8px;scrollbar-gutter:stable;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mail-compact-row{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #e1e8ef}.mail-compact-row>a{min-width:0;flex:1;text-decoration:none;color:#18364e}.mail-compact-row strong,.mail-compact-row .mail-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-compact-row .mail-meta{font-size:.75rem}.mail-compact-row.is-selected,.mail-compact-row:hover{background:#eaf3fb;box-shadow:inset 3px 0 #1670b7}.mail-reader{min-width:0;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:24px}.mail-reader h2{font-size:1.35rem;margin:0 0 16px}.mail-reading-body{white-space:normal;overflow-wrap:anywhere;line-height:1.7;border-top:1px solid #dce5ed;padding-top:20px}.mail-status{background:#edf3f8;padding:10px;font-size:.85rem}.reader-back{display:none}.compose-form label{display:block;font-weight:bold;margin:12px 0}.compose-form input,.compose-form textarea{display:block;width:100%;padding:10px;border:1px solid #aebfcd;border-radius:6px;font:inherit;margin-top:5px}.compose-form textarea{resize:vertical;min-height:220px}.empty-state{padding:18px;color:#607386}.mail-app .form-help{font-size:.8rem;color:#607386}.mail-app .button{border-radius:6px}.mail-app .mail-toolbar>a{font-size:.9rem}.editor-work:has(.mail-app){max-width:none;min-width:0}.editor-shell:has(.mail-app){max-width:1900px}
@media(min-width:1051px){.team-shell:has(.topic-workspace){display:grid;grid-template-columns:175px minmax(0,1fr);gap:0 20px}.team-shell:has(.topic-workspace)>*{grid-column:2}.team-shell:has(.topic-workspace)>.team-heading{grid-column:1/-1}.team-shell:has(.topic-workspace)>.team-tabs{grid-column:1;grid-row:2/8;display:flex;flex-direction:column;margin:14px 0}.team-shell:has(.topic-workspace)>.team-tabs a{border-radius:6px}.team-shell:has(.topic-workspace)>.team-tabs+.team-meta{display:none}}
@media(max-width:1050px){.mail-app{grid-template-columns:140px minmax(220px,36%) minmax(0,1fr)}.mail-reader{padding:16px}.mail-folders{padding:12px 8px}}
@media(max-width:800px){.topic-workspace{display:block;height:auto;min-height:0}.topic-list{max-height:65vh;border:0}.topic-reader{height:75vh;border-top:1px solid #dce5ed}.topic-list .team-card{padding:12px}.team-shell{width:calc(100% - 20px)!important}.cards-layout .topic-list{grid-template-columns:1fr}.mail-app{display:flex;flex-direction:column;height:auto;min-height:0}.mail-folders{border:0}.mail-folders nav{display:flex;flex-wrap:wrap;margin:8px 0}.mail-folders .form-help{margin:5px}.mail-middle{border:0}.mail-compact-list{max-height:55vh;max-height:55dvh;flex:0 1 auto}.mail-reader{border-top:1px solid #d8e2ea;max-height:none;overflow:visible}.reader-back{display:block;margin-bottom:18px}.mail-reader:has(.empty-state){display:none}}
.topic-list .team-card h2{font-size:1rem!important;line-height:1.35;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-list .team-card{padding:10px 16px}.topic-list .team-card p{font-size:.75rem;line-height:1.35}.cards-layout .topic-list .team-card h2{white-space:normal;font-size:1.2rem!important}.comment-shortcut{float:right;font-size:.85rem;font-weight:normal}.team-inline button{white-space:nowrap;flex-shrink:0}.team-inline input{min-width:0}
@media(max-width:800px){body:has(.mail-app) .nav nav{display:none}body:has(.mail-app) .editor-nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px}body:has(.mail-app) .editor-nav a{font-size:.75rem;padding:6px}body:has(.mail-app) .editor-top h1{font-size:1.8rem}}
.team-search{margin:12px 0!important}.team-heading p{font-size:.9rem}.view-switch{margin:8px 0}.topic-workspace{height:calc(100vh - 330px);min-height:430px}.workspace-embedded .team-shell>.team-card{padding:20px}
@media(max-width:800px){.topic-workspace{height:auto;min-height:0}.team-tabs{margin:14px 0!important}.topic-reader{min-height:500px}}

.team-notify-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.team-notify-buttons button{max-width:100%;white-space:normal}form[aria-busy=true] .team-notify-buttons{opacity:.7}

@media(max-width:600px){.team-notify-buttons{flex-direction:column;align-items:stretch}.team-notify-buttons button{width:100%;min-height:44px}}

.mail-members-link{margin-top:8px}.compose-form select{display:block;width:100%;padding:10px;border:1px solid #aebfcd;border-radius:6px;font:inherit;margin-top:5px}.compose-form [hidden]{display:none!important}

.mail-recipient-picker{border:1px solid #c8d5df;border-radius:8px;padding:10px 14px;margin:16px 0}.mail-recipient-picker legend{font-weight:bold;padding:0 6px}.compose-form .mail-recipient-choice{display:flex;align-items:center;gap:9px;font-weight:normal;margin:10px 0}.compose-form .mail-recipient-choice input{width:19px;height:19px;flex-shrink:0;margin:0;accent-color:#1766a3}.mail-recipient-choice span{overflow-wrap:anywhere;min-width:0}.mail-member-options{max-height:210px;overflow:auto}.mail-recipient-picker summary{cursor:pointer;font-weight:bold;padding:8px 0}.compose-form textarea.mail-additional-recipients{min-height:72px}.mail-recipient-picker .form-help{margin-bottom:4px}

.mail-reader .mail-meta{overflow-wrap:anywhere}

.mail-folders{overflow-y:auto}.mail-folder-title{font-size:1rem;padding:0 12px;margin:4px 0 10px}.mail-folder-create summary,.mail-move-single summary{cursor:pointer;font-weight:bold;padding:8px 0}.mail-folder-create label{font-size:.85rem}.mail-folder-create input{width:100%;padding:8px;border:1px solid #aebfcd;border-radius:6px;margin:8px 0}.mail-folder-create button{width:100%;border:0;cursor:pointer}.mail-move-single form{margin-top:8px!important;display:flex;flex-wrap:wrap}.mail-move-single label{font-size:.85rem}.mail-move-single select,.mail-bulk-controls select{display:block;width:100%;padding:8px;border:1px solid #aebfcd;border-radius:5px;font:inherit}.mail-bulk-controls{padding:12px;background:#edf4fa;display:grid;gap:10px;font-size:.85rem}.mail-bulk-controls[hidden],.mail-compact-row input[hidden]{display:none!important}.mail-bulk-controls button{padding:9px;border:1px solid #9aafbd;border-radius:6px;background:white;font:inherit;cursor:pointer}.mail-bulk-controls input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.mail-folders nav a{overflow-wrap:anywhere}

.mail-fetch-form{margin-top:8px}.mail-fetch-form button{width:100%;padding:9px 6px;border:1px solid #9aafbd;background:white;color:#14324d;border-radius:6px;font:inherit;font-size:.85rem;cursor:pointer}.mail-fetch-form button:disabled{opacity:.65;cursor:default}.mail-fetch-status{overflow-wrap:anywhere}.mail-attachments{margin:12px 0}.mail-attachments summary{cursor:pointer;font-weight:bold}.mail-attachments a{overflow-wrap:anywhere}#mail-settings .mail-recipient-choice{display:flex;align-items:center;gap:8px}#mail-settings .mail-recipient-choice input{width:19px;height:19px;flex-shrink:0}

/* Bound each mail column to its grid row; keep toolbar and paging outside the scrollable list. */
.mail-folders{min-height:0}.mail-middle>:not(.mail-compact-list){flex:0 0 auto}

/* Dense Outlook-style mail workspace: two-line rows and a compact command area. */
@media(min-width:801px){
 .editor-work:has(.mail-app) .editor-top{margin-bottom:12px;gap:12px}
 .editor-work:has(.mail-app) .editor-top h1{font-size:25px;margin:3px 0}
 .editor-work:has(.mail-app) .editor-top p{font-size:14px;margin:4px 0;line-height:1.4}
 .editor-work:has(.mail-app) .editor-top .eyebrow{font-size:11px}
 .editor-work:has(.mail-app) .editor-top>a{font-size:13px}
 .mail-app{height:calc(100vh - 190px);height:calc(100dvh - 190px);min-height:450px;border-radius:7px;grid-template-columns:165px minmax(280px,34%) minmax(0,1fr)}
 .mail-app .mail-folders{padding:10px 8px;font-size:13px}
 .mail-app .mail-folders .button,.mail-app .mail-fetch-form button{font-size:13px;line-height:18px;padding:7px 8px;min-height:34px}
 .mail-app .mail-folders nav{margin:12px 0;gap:2px}
 .mail-app .mail-folders nav a{padding:7px 9px;font-size:13px;line-height:18px}
 .mail-app .mail-folders .form-help{font-size:11px;line-height:1.4;margin:6px 0}
 .mail-app .mail-folder-create summary{font-size:13px;padding:7px 0}
 .mail-app .mail-middle{padding:7px 0 5px}
 .mail-app .mail-folder-title{font-size:14px;line-height:20px;margin:0 0 4px;padding:0 10px}
 .mail-app .mail-middle>.mail-search,.mail-app .mail-middle>.mail-count,.mail-app .mail-middle>.mail-toolbar,.mail-app .mail-middle>.mail-pager{padding:0 10px;margin:3px 0}
 .mail-app .mail-middle .mail-search{gap:5px}
 .mail-app .mail-middle .mail-search input{font-size:13px;line-height:18px;min-height:30px;height:30px;padding:5px 8px}
 .mail-app .mail-middle .mail-search button,.mail-app .mail-middle .mail-toolbar button,.mail-app .mail-middle .mail-pager a{font-size:12px;line-height:18px;padding:4px 7px;min-height:28px;border-radius:4px}
 .mail-app .mail-count,.mail-app .mail-pager{font-size:12px;line-height:18px}
 .mail-app .mail-compact-list{margin-top:4px}
 .mail-app .mail-compact-row{padding:5px 10px;gap:7px;min-height:46px}
 .mail-app .mail-compact-row .mail-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;white-space:nowrap}
 .mail-app .mail-row-sender{overflow:hidden;text-overflow:ellipsis;min-width:0}
 .mail-app .mail-compact-row time{flex-shrink:0;color:#697b89;font-size:11px}
 .mail-app .mail-compact-row strong{font-size:14px;line-height:19px;font-weight:600}
 .mail-app .mail-compact-row .mail-preview{display:none}
 .mail-app .mail-reader{padding:16px 18px;font-size:14px}
 .mail-app .mail-reader h2{font-size:20px;line-height:1.3;margin:0 0 10px}
 .mail-app .mail-reader .mail-meta{font-size:12px;line-height:1.5}
 .mail-app .mail-reader .mail-toolbar{gap:7px;margin:10px 0}
 .mail-app .mail-reader .mail-toolbar button,.mail-app .mail-reader .mail-toolbar>a{font-size:13px;line-height:18px;padding:6px 10px;min-height:32px}
 .mail-app .mail-reading-body{font-size:14px;line-height:1.55;padding-top:14px}
 .mail-app .mail-move-single summary{font-size:13px;padding:6px 0}
 .mail-app .mail-attachments{font-size:13px;margin:8px 0}
}
@media(min-width:801px) and (max-width:1100px){.mail-app{grid-template-columns:140px minmax(260px,38%) minmax(0,1fr)}}
@media(max-width:800px){
 .mail-app .mail-compact-row{padding:9px 12px;min-height:58px}
 .mail-app .mail-compact-row .mail-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:18px;white-space:nowrap}
 .mail-app .mail-row-sender{overflow:hidden;text-overflow:ellipsis;min-width:0}
 .mail-app .mail-compact-row time{flex-shrink:0;font-size:11px}
 .mail-app .mail-compact-row strong{font-size:15px;line-height:21px}
 .mail-app .mail-compact-row .mail-preview{display:none}
}
@media(min-width:801px){
 .in-dashboard .editor-work:has(.mail-app){padding:10px 16px}
 .in-dashboard .editor-work:has(.mail-app) .editor-top{align-items:center;margin-bottom:8px}
 .in-dashboard .editor-work:has(.mail-app) .editor-top h1,.in-dashboard .editor-work:has(.mail-app) .editor-top .eyebrow{display:none}
 .in-dashboard .mail-app{height:calc(100vh - 65px);height:calc(100dvh - 65px);min-height:430px}
}

/* Read state is independent of selection, folders and delivery status. */
.mail-app .mail-compact-row.is-read strong,.mail-app .mail-compact-row.is-read .mail-row-sender{font-weight:400}
.mail-app .mail-compact-row.is-unread strong,.mail-app .mail-compact-row.is-unread .mail-row-sender{font-weight:700}
