/* Company inbox: owner-scoped grouping and unified saved-mail browser. */
.company-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.company-metrics>div{background:#eef3e9;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.company-metrics strong{display:block;font-size:25px;line-height:1.15;color:var(--green)}
.company-metrics small{display:block;margin-top:4px;color:var(--muted)}
.company-dashboard .section-head,.company-browser .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.company-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px}
.company-table{width:100%;border-collapse:collapse;min-width:760px}
.company-table th,.company-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.company-table th{background:#f1f4ed;color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.company-table tr:last-child td{border-bottom:0}
.company-table td:first-child{min-width:180px}
.company-table td:first-child>div{margin-left:39px}
.company-table td:first-child strong,.company-table td:first-child small{display:block}
.company-table td:nth-child(3),.company-table td:nth-child(4),.company-table td:nth-child(5){white-space:nowrap}
.company-table td:nth-child(3) strong,.company-table td:nth-child(4) strong,.company-table td:nth-child(5) strong{display:block;font-size:19px}
.company-table td:nth-child(3) small,.company-table td:nth-child(4) small,.company-table td:nth-child(5) small{display:block;color:var(--muted)}
.company-table td:last-child{white-space:nowrap}
.company-name-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#dfe9da;color:var(--green);float:left}
.company-mailbox{display:inline-flex;align-items:center;gap:4px;margin:0 6px 5px 0;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;overflow-wrap:anywhere}
.company-mailbox.is-offline{color:#8a5b3c;background:#fbf3e8}
.company-no-mailbox{color:var(--muted);font-size:12px}
.company-management{margin-top:18px}
.company-management summary{cursor:pointer;font-weight:650;padding:3px 0}
.company-assignment-list{display:grid;gap:9px;margin:14px 0}
.company-assignment{display:grid;grid-template-columns:28px minmax(150px,1fr) minmax(150px,230px) auto;grid-template-areas:"icon identity select button" "icon identity current button";align-items:center;gap:7px 10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbf8}
.company-assignment>span{grid-area:icon;font-size:18px;text-align:center;color:var(--green)}
.company-assignment>div{grid-area:identity}
.company-assignment strong,.company-assignment small{display:block;overflow-wrap:anywhere}
.company-assignment select{grid-area:select;min-height:42px}
.company-assignment button{grid-area:button;min-height:42px;white-space:nowrap}
.company-assignment-current{grid-area:current;color:var(--muted);font-size:11px}
.company-management-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.company-caveat{font-size:12px;line-height:1.65;color:var(--muted);margin:12px 0 0}
.company-browser{margin-top:18px}
.company-scope-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faf6}
.company-scope-controls label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:11px;color:var(--muted);flex:1 1 140px;max-width:260px}
.company-scope-controls select,.company-scope-controls input{min-height:42px;max-width:none}
.company-scope-controls .company-search-label{flex:2 1 220px}
.company-scope-controls .filters{display:flex;gap:6px;flex-wrap:wrap}
.company-browser-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}
.company-mail-list{display:grid;gap:7px}
.company-mail-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;white-space:normal}
.company-mail-row:hover{background:#f1f5ed}
.company-mail-row.current{border-color:#84a077;background:#eef4e9}
.company-mail-row strong,.company-mail-row small{display:block;overflow-wrap:anywhere}
.company-mail-row small{color:var(--muted);font-weight:400;margin-top:3px}
.company-mail-labels{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:7px}
.company-mail-labels b{font-size:10px;font-weight:600;color:#5f7462;background:#eef2ea;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere}
.company-mail-icon{color:var(--green);font-size:17px}
.company-reader{position:sticky;top:16px;min-width:0}
.company-reader h2{font-size:21px;overflow-wrap:anywhere}
.company-reader-meta{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.company-reader-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:#fafbf8;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:13px}
.company-reader-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.company-reader-actions button{min-height:44px}
.company-state{margin:14px 0;padding:14px;border-radius:9px;background:#f3f6ef;color:var(--muted)}
.company-state.error{color:#8c392f;background:#fbefed}
.company-state.error button{margin-top:8px}
.company-pager{margin-top:10px;padding:10px 0 0;border-top:1px solid var(--line)}
.company-pager p{margin:0 0 8px}
.company-privacy{margin-top:18px;background:#f1f5ed}
.company-privacy p{margin-bottom:0;font-size:13px;color:#586a5d}
.company-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.company-row-actions button{min-height:38px}
.company-role-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:6px;padding:3px 7px;border:1px solid #d5e0cf;border-radius:999px;background:#edf4e8;color:#476045;font-size:10px;font-weight:650;letter-spacing:.02em;overflow-wrap:anywhere}
.company-role-badge.is-unknown,.company-role-badge.is-revoked{background:#f6f2ea;border-color:#e5d9c7;color:#7b6548}
.company-role-badge.is-creator{background:#e8eef8;border-color:#d3deef;color:#405c86}
.company-role-badge.is-self{background:#f1f1f1;border-color:#ddd;color:#555}
.company-join{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;align-items:start;margin-bottom:18px;background:linear-gradient(135deg,#f4f8f0,#fbfcf9)}
.company-join-copy h2{margin:2px 0 7px;font-size:22px}
.company-join-copy p{max-width:660px;margin-bottom:0;color:#526255;font-size:13px;line-height:1.6}
.company-join-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin:0}
.company-join-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;color:var(--muted)}
.company-join-form input{min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.company-join-form button{min-height:44px;white-space:nowrap}
.company-join-form .error{grid-column:1/-1;margin:0}
.company-membership-panel{max-width:860px;max-height:min(78vh,900px);overflow:auto;overscroll-behavior:contain;padding:2px 2px 8px}
.company-members-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}
.company-members-head h2{margin:2px 0 6px;font-size:24px;overflow-wrap:anywhere}
.company-members-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.company-members-head .company-role-badge{flex:0 0 auto;margin-top:2px}
.company-members-state{margin:14px 0;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#f7f9f4;color:var(--muted)}
.company-members-state p{margin:0 0 9px;line-height:1.55}
.company-members-state.error{border-color:#efd5cf;background:#fbefed;color:#8c392f}
.company-members-state button{min-height:40px}
.company-members-recovery{margin:12px 0;padding:13px 14px;border:1px solid #ead8b8;border-radius:10px;background:#fff8e9;color:#6e5327}
.company-members-recovery strong{display:block;font-size:13px}
.company-members-recovery p{margin:5px 0 10px;font-size:12px;line-height:1.6}
.company-members-recovery button{min-height:40px}
.company-invite-section,.company-directory,.company-invitation-list{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.company-invite-section h3,.company-directory h3,.company-invitation-list h3{margin:2px 0 8px;font-size:18px}
.company-invite-section>div>p:not(.eyebrow){margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.55}
.company-invite-section form{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,.45fr) auto;gap:9px;align-items:end}
.company-invite-section form label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:11px;color:var(--muted)}
.company-invite-section form input,.company-invite-section form select{min-height:42px}
.company-invite-section form button{min-height:42px;white-space:nowrap}
.company-invite-section form .dialog-meta{grid-column:1/-1;margin:0}
.company-invite-code{margin:14px 0 4px;padding:13px;border:1px solid #bdd0b4;border-radius:11px;background:#eef6e8}
.company-invite-code h4{margin:0 0 6px;font-size:15px;color:#35552f}
.company-invite-code>label{display:block;margin-bottom:7px;font-size:11px;color:#5c7255}
.company-invite-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.company-invite-code-row input{min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.company-invite-code-row button{min-height:44px;white-space:nowrap}
.company-invite-code p{margin:8px 0 0;color:#5c7255;font-size:11px;line-height:1.55}
.company-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.company-directory-head button{min-height:38px}
.company-member-list{display:grid;gap:8px}
.company-member-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.2fr);gap:12px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fafbf8}
.company-member-identity strong,.company-member-identity small{display:block;overflow-wrap:anywhere}
.company-member-identity small{color:var(--muted);font-size:11px;margin-top:2px}
.company-member-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.company-member-badges .company-role-badge{margin-top:0}
.company-member-note{margin:7px 0 0;color:#857356;font-size:11px;line-height:1.45}
.company-member-controls{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:7px;align-items:end}
.company-member-controls label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:10px;color:var(--muted)}
.company-member-controls select{min-height:40px}
.company-member-controls button{min-height:40px;white-space:nowrap}
.danger-button{border-color:#d6aaa1!important;background:#fff5f2!important;color:#943d30!important}
.company-confirm{grid-column:1/-1;margin-top:2px;padding:10px 11px;border:1px solid #e6c3bb;border-radius:9px;background:#fff8f6;color:#75372d}
.company-confirm p{margin:0 0 8px;font-size:11px;line-height:1.55}
.company-confirm>div{display:flex;gap:7px;flex-wrap:wrap}
.company-confirm button{min-height:38px}
.company-invitation-list h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:4px;border-radius:999px;background:#eef2ea;color:#5f7462;font-size:11px}
.company-invitation-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}
.company-invitation-row+.company-invitation-row{margin-top:7px}
.company-invitation-row strong,.company-invitation-row small{display:block;overflow-wrap:anywhere}
.company-invitation-row small{color:var(--muted);font-size:11px;margin-top:2px}
.company-invitation-row>button{min-height:38px;white-space:nowrap}
.company-invitation-row .company-confirm{grid-column:1/-1}
.company-private-note{margin:16px 0 0;padding:11px 12px;border-radius:9px;background:#f3f6ef;color:#526255;font-size:11px;line-height:1.6}
.company-members-footer{display:flex;justify-content:flex-end;margin-top:13px}
.company-members-footer button{min-height:40px}
@media(max-width:980px){.company-browser-grid{grid-template-columns:1fr}.company-reader{position:static}.company-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .company-assignment{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"icon identity" "icon select" "icon button" "icon current";align-items:start}
 .company-assignment select,.company-assignment button{width:100%}
 .company-scope-controls label{max-width:none}.company-table{min-width:660px}.company-metrics strong{font-size:21px}
 .company-join{grid-template-columns:1fr}.company-join-form{grid-template-columns:1fr}.company-join-form button{width:100%}
 .company-membership-panel{max-height:none;overflow:visible;padding:0}
 .company-member-row{grid-template-columns:1fr}.company-member-controls{grid-template-columns:1fr 1fr}.company-member-controls label{grid-column:1/-1}
 .company-invite-section form{grid-template-columns:1fr}.company-invite-code-row{grid-template-columns:1fr}.company-invite-code-row button{width:100%}
 .company-invitation-row{grid-template-columns:1fr}.company-invitation-row>button{width:100%}
}
@media(max-width:430px){
 .company-metrics{gap:8px}.company-metrics>div{padding:11px}.company-metrics strong{font-size:19px}
 .company-table{min-width:610px}.company-table td:first-child{min-width:160px}
 .company-members-head{display:block}.company-members-head .company-role-badge{margin-top:9px}
 .company-member-controls{grid-template-columns:1fr}.company-member-controls label{grid-column:auto}.company-member-controls button{width:100%}
 .company-join-form input,.company-invite-section form input,.company-invite-section form select,.company-invite-code-row input{font-size:16px}
 .company-row-actions{gap:4px}.company-row-actions button{min-height:36px;padding-inline:8px}
}