/* Productie-e-mail v6: uitgelijnde werkruimte en professioneel berichtdocument. */
.mail-production {
  --mail-green:#294330;
  --mail-olive:#697342;
  --mail-gold:#e9bd61;
  --mail-copper:#b4613e;
  --mail-line:#e4d5c5;
  display:grid;
  gap:16px;
  width:100%;
  color:#302a25;
}
.mail-production-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:154px;
  padding:28px 30px;
  border:1px solid #3e543b;
  border-radius:20px;
  background:radial-gradient(circle at 86% 15%,rgba(233,189,97,.18),transparent 33%),linear-gradient(135deg,#203a2a,#59623b);
  color:#fff;
  box-shadow:0 18px 38px rgba(35,48,32,.14);
}
.mail-eyebrow {
  display:block;
  color:#f0c96f;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.7px;
}
.mail-production-hero h2 {
  margin:8px 0 7px;
  color:#fff;
  font-family:inherit;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.4px;
  text-transform:none;
}
.mail-production-hero p {
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.55;
}
.mail-production-hero > a {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:190px;
  min-height:50px;
  padding:0 18px;
  border:1px solid #edc86f;
  border-radius:12px;
  background:#edc86f;
  color:#263326;
  font-size:14px;
  font-weight:800;
}
.mail-state-banner {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:82px;
  padding:14px 18px;
  border:1px solid #cad7c5;
  border-radius:15px;
  background:#f0f6ed;
}
.mail-state-banner.loading { border-color:#ddd2c5;background:#faf6f0; }
.mail-state-banner.warning { border-color:#dfc17f;background:#fff8e8; }
.mail-state-banner.error { border-color:#e5afa2;background:#fff1ee; }
.mail-state-banner.onboarding { border-color:#d9c9b5;background:#fff9f1; }
.mail-state-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#d9e7d3;
  color:#3f6642;
  font-size:19px;
  font-weight:850;
}
.mail-state-banner.warning .mail-state-icon { background:#f6dfaa;color:#805d1f; }
.mail-state-banner.error .mail-state-icon { background:#f2d0c8;color:#a14838; }
.mail-state-banner.onboarding .mail-state-icon { background:#f3e0bf;color:#9b6732; }
.mail-state-banner strong,.mail-state-banner p { display:block;margin:0; }
.mail-state-banner strong { font-size:15px; }
.mail-state-banner p { margin-top:4px;color:#6d685f;font-size:13px;line-height:1.45; }
.mail-state-banner > a,.mail-state-banner > button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid #687443;
  border-radius:10px;
  background:#687443;
  color:#fff;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
}
.mail-access-note { color:#756e65;font-size:12px; }
.mail-spinner {
  display:block;
  width:27px;
  height:27px;
  margin:auto;
  border:3px solid #ded7cb;
  border-top-color:#687443;
  border-radius:50%;
  animation:mail-spin .8s linear infinite;
}
@keyframes mail-spin { to { transform:rotate(360deg); } }
.mail-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.mail-summary article {
  min-height:112px;
  padding:17px 18px;
  border:1px solid var(--mail-line);
  border-radius:15px;
  background:rgba(255,255,255,.66);
  box-shadow:0 5px 16px rgba(68,52,36,.035);
}
.mail-summary span,.mail-summary strong,.mail-summary small { display:block; }
.mail-summary span { color:#786f65;font-size:12px;font-weight:700; }
.mail-summary strong { margin:8px 0 4px;color:#30452e;font-size:27px;line-height:1; }
.mail-summary small { color:#8a8176;font-size:11px; }
.mail-commandbar {
  display:grid;
  grid-template-columns:auto minmax(240px,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid var(--mail-line);
  border-radius:15px;
  background:rgba(255,255,255,.62);
}
.mailbox-filters { display:flex;gap:5px; }
.mailbox-filters button {
  min-height:42px;
  padding:0 15px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#696158;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
}
.mailbox-filters button.active { background:#637044;color:#fff;box-shadow:0 5px 12px rgba(76,88,48,.16); }
.mailbox-filters button:disabled { opacity:.38;cursor:not-allowed; }
.mail-production .mail-search {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  height:44px;
  padding:0 13px;
  border:1px solid #d9cabb;
  border-radius:11px;
  background:#fff;
}
.mail-production .mail-search svg { width:19px;height:19px;color:#877e73; }
.mail-production .mail-search input { flex:1;min-width:0;border:0;outline:0;background:transparent;color:#302a25;font-size:14px; }
.mail-sync-button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 15px;
  border:1px solid #617047;
  border-radius:11px;
  background:#677346;
  color:#fff;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
}
.mail-sync-button svg { width:18px;height:18px; }
.mail-sync-button.loading svg { animation:mail-spin .8s linear infinite; }
.mail-sync-button:disabled { opacity:.66;cursor:wait; }
.mail-production .mail-workspace { display:grid;grid-template-columns:minmax(350px,440px) minmax(0,1fr);gap:14px; }
.mail-production .mail-list-panel,.mail-production .mail-detail-panel {
  min-height:610px;
  padding:18px;
  border:1px solid var(--mail-line);
  border-radius:17px;
  background:rgba(255,255,255,.7);
  box-shadow:0 10px 28px rgba(64,48,32,.045);
}
.mail-production .panel-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #eadfd3; }
.mail-production .panel-heading h2 { margin:0;color:#332d27;font-family:inherit;font-size:19px;text-transform:none;letter-spacing:0; }
.mail-production .panel-heading p { margin:4px 0 0;color:#7c746b;font-size:12px; }
.mail-readonly-badge { padding:6px 9px;border-radius:10px;background:#e8eedf;color:#5c6d43;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap; }
.mail-production .mail-list { display:grid; }
.mail-production .mail-row {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  width:100%;
  min-height:112px;
  padding:14px 8px;
  border:0;
  border-bottom:1px solid #ece2d7;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.mail-production .mail-row:hover { background:#fcf8f3; }
.mail-production .mail-row.active { margin-top:5px;padding-inline:10px;border:1px solid #cdbb9f;border-radius:12px;background:#fff9ef; }
.mail-production .mail-row.unread .mail-copy strong,.mail-production .mail-row.unread .mail-copy b { color:#263c2a;font-weight:800; }
.mail-production .mail-avatar { display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#e3e9d8;color:#54643b;font-size:12px;font-weight:850; }
.mail-copy,.mail-copy > * { min-width:0; }
.mail-row-top { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.mail-row-top strong { overflow:hidden;color:#443c34;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.mail-row-top time { color:#8a8178;font-size:11px;white-space:nowrap; }
.mail-copy > b { display:block;overflow:hidden;margin-top:4px;color:#544b42;font-size:14px;text-overflow:ellipsis;white-space:nowrap; }
.mail-copy > small { display:-webkit-box;overflow:hidden;margin-top:4px;color:#756d64;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.mail-row-labels { display:flex;gap:5px;margin-top:8px; }
.mail-row-labels em,.detail-tags span { padding:3px 7px;border-radius:8px;background:#efe7dc;color:#785d4c;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.4px; }
.mail-list-loading,.mail-detail-loading,.mail-detail-placeholder,.mail-detail-error {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  min-height:430px;
  padding:30px;
  text-align:center;
}
.mail-list-loading { min-height:260px; }
.mail-list-loading strong,.mail-detail-loading strong,.mail-detail-placeholder strong,.mail-detail-error strong { font-size:16px; }
.mail-detail-placeholder p,.mail-detail-error p { max-width:420px;margin:0;color:#797169;font-size:13px;line-height:1.55; }
.mail-detail-placeholder > span { display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#ece8dc;color:#687343; }
.mail-detail-placeholder svg { width:31px;height:31px; }
.mail-detail-error button { min-height:41px;padding:0 14px;border:1px solid #687443;border-radius:10px;background:#687443;color:#fff;font-weight:750;cursor:pointer; }
.mail-production .mail-empty { display:grid;place-items:center;min-height:250px;padding:30px;text-align:center; }
.mail-production .mail-empty strong,.mail-production .mail-empty span,.mail-production .mail-empty a { display:block; }
.mail-production .mail-empty strong { font-size:17px; }
.mail-production .mail-empty span { margin-top:6px;color:#7c746c;font-size:13px; }
.mail-production .mail-empty a { margin-top:14px;color:#a65f41;font-size:13px;font-weight:750; }
.mail-production .mail-detail-panel { padding:0;overflow:hidden; }
.mail-production .detail-header { padding:23px 25px 21px;border-bottom:1px solid #eadfd3;background:linear-gradient(145deg,#fffaf4,#f8f2ea); }
.detail-tags { display:flex;gap:6px; }
.mail-production .detail-header h2 { margin:12px 0 17px;color:#2d2823;font-family:inherit;font-size:24px;line-height:1.25;letter-spacing:-.2px;text-transform:none; }
.sender-card { display:flex;align-items:center;gap:11px; }
.sender-card strong,.sender-card small { display:block; }
.sender-card strong { font-size:14px; }
.sender-card small { margin-top:2px;color:#766e66;font-size:12px; }
.mail-metadata { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0 0; }
.mail-metadata div { padding:10px;border:1px solid #e5d8ca;border-radius:10px;background:rgba(255,255,255,.64); }
.mail-metadata dt { color:#8a7f74;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.55px; }
.mail-metadata dd { overflow:hidden;margin:4px 0 0;color:#4e463e;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.mail-production .detail-body { padding:24px 26px; }
.mail-body-text { margin:0;color:#403a34;font-size:15px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere; }
.mail-attachments { margin-top:25px;padding-top:19px;border-top:1px solid #eadfd3; }
.mail-attachments h3 { margin:0 0 10px;font-family:inherit;font-size:14px; }
.mail-attachments ul { display:grid;gap:8px;margin:0;padding:0;list-style:none; }
.mail-attachments li { display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e6dacf;border-radius:10px;background:#faf6f1; }
.mail-attachments strong,.mail-attachments small { display:block; }
.mail-attachments strong { font-size:13px; }
.mail-attachments small { margin-top:2px;color:#80766c;font-size:11px; }
.mail-readonly-note { margin:24px 0 0;padding:12px 14px;border-radius:10px;background:#edf2e7;color:#58644c;font-size:12px;line-height:1.5; }

@media(max-width:1100px) {
  .mail-summary { grid-template-columns:1fr 1fr; }
  .mail-commandbar { grid-template-columns:1fr auto; }
  .mailbox-filters { grid-column:1/-1; }
  .mail-production .mail-workspace { grid-template-columns:1fr; }
  .mail-production .mail-list-panel,.mail-production .mail-detail-panel { min-height:480px; }
}
@media(max-width:700px) {
  .mail-production { gap:12px; }
  .mail-production-hero { align-items:flex-start;flex-direction:column;min-height:0;padding:21px 19px;border-radius:16px; }
  .mail-production-hero h2 { font-size:23px; }
  .mail-production-hero p { font-size:14px; }
  .mail-production-hero > a { width:100%;min-height:47px; }
  .mail-state-banner { grid-template-columns:40px 1fr;padding:13px; }
  .mail-state-banner > a,.mail-state-banner > button,.mail-access-note { grid-column:1/-1;width:100%; }
  .mail-summary { gap:8px; }
  .mail-summary article { min-height:105px;padding:14px; }
  .mail-summary span { font-size:11px; }
  .mail-summary strong { font-size:24px; }
  .mail-commandbar { grid-template-columns:1fr;padding:8px; }
  .mailbox-filters { display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-column:auto; }
  .mailbox-filters button { min-width:0;padding:0 7px;font-size:11px; }
  .mail-sync-button { width:100%; }
  .mail-production .mail-list-panel { padding:14px 11px; }
  .mail-production .mail-row { min-height:110px; }
  .mail-production .detail-header { padding:19px 16px; }
  .mail-production .detail-header h2 { font-size:21px; }
  .mail-metadata { grid-template-columns:1fr; }
  .mail-production .detail-body { padding:19px 17px; }
  .mail-body-text { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .mail-spinner,.mail-sync-button.loading svg { animation:none; } }

/* Professionele mailbox: vaste werkruimte, leesbare typografie en onafhankelijke scrollgebieden. */
.mail-production { gap:14px; }
.mail-production-hero { min-height:132px;padding:23px 26px; }
.mail-production-hero h2 { font-size:27px; }
.mail-summary article { min-height:98px;padding:15px 17px; }
.mail-summary strong { font-size:25px; }
.mail-commandbar { grid-template-columns:auto minmax(260px,1fr) auto; }
.mail-sync-controls { display:flex;align-items:center;justify-content:flex-end;gap:12px; }
.mail-auto-status { display:flex;align-items:center;gap:7px;color:#67705a;font-size:12px;font-weight:700;white-space:nowrap; }
.mail-auto-status i { width:8px;height:8px;border-radius:50%;background:#6f874d;box-shadow:0 0 0 4px rgba(111,135,77,.12); }

.mail-production .mail-workspace {
  grid-template-columns:minmax(340px,390px) minmax(0,1fr);
  align-items:stretch;
  gap:0;
  height:clamp(640px,72dvh,820px);
  min-height:0;
  overflow:hidden;
  border:1px solid var(--mail-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(57,43,30,.07);
}
.mail-production .mail-list-panel,
.mail-production .mail-detail-panel {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.mail-production .mail-list-panel { padding:0;border-right:1px solid var(--mail-line); }
.mail-production .mail-list-panel .panel-heading { flex:0 0 auto;margin:0;padding:19px 18px 16px 20px; }
.mail-production .mail-list-panel .panel-heading h2 { font-size:20px; }
.mail-production .mail-list-panel .panel-heading p { font-size:13px; }
.mail-readonly-badge { position:relative;padding:6px 9px 6px 24px;background:#edf2e7;color:#52633d;font-size:9px;letter-spacing:.7px; }
.mail-readonly-badge::before { content:"✓";position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:11px; }
.mail-production .mail-list {
  display:block;
  flex:1 1 0;
  min-height:0;
  margin:0;
  padding:6px 8px 8px 12px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}
.mail-production .mail-empty[hidden] { display:none!important; }
.mail-production .mail-empty:not([hidden]) { display:grid;flex:1 1 0;min-height:0; }
.mail-production .mail-list:empty { display:none; }
.mail-production .mail-list::-webkit-scrollbar,
.mail-production .detail-body::-webkit-scrollbar { width:9px; }
.mail-production .mail-list::-webkit-scrollbar-thumb,
.mail-production .detail-body::-webkit-scrollbar-thumb { border:2px solid transparent;border-radius:10px;background:#cbbca9;background-clip:padding-box; }
.mail-production .mail-row { min-height:94px;padding:12px 10px;border-bottom-color:#eee6dc;border-radius:9px;transition:background .16s ease,box-shadow .16s ease; }
.mail-production .mail-row:hover { background:#f8f6f1; }
.mail-production .mail-row.active { margin:3px 0;border:0;border-radius:10px;background:#f0f3e9;box-shadow:inset 3px 0 #697743; }
.mail-production .mail-row.unread::after { top:13px;right:12px;width:6px;height:6px;background:#bb6a47; }
.mail-production .mail-row-top { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.mail-production .mail-row-labels { display:flex;gap:5px;margin-top:6px; }
.mail-production .mail-copy > b { margin-top:3px;font-size:14px; }
.mail-production .mail-copy > small { margin-top:3px;font-size:12px;line-height:1.35;-webkit-line-clamp:1; }
.mail-production .mail-row-top strong { font-size:14px; }
.mail-production .mail-row-top time { padding-right:8px;font-size:11px; }
.mail-load-more { display:flex;justify-content:center;padding:16px 8px 7px; }
.mail-load-more button {
  min-height:42px;
  padding:0 17px;
  border:1px solid #cdbda9;
  border-radius:10px;
  background:#fffaf3;
  color:#675746;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.mail-load-more button:hover { border-color:#8a775f;background:#fff; }
.mail-load-more button:disabled { opacity:.62;cursor:wait; }

.mail-production .mail-detail-panel { padding:0;overflow:hidden; }
.mail-production .detail-header { display:block;flex:0 0 auto;padding:24px 28px 20px;background:#fbf8f3; }
.mail-production .detail-header h2 { max-width:34ch;margin:10px 0 17px;font-size:26px;line-height:1.2;letter-spacing:-.35px; }
.mail-production .sender-card { gap:12px; }
.mail-production .sender-card .mail-avatar { width:42px;height:42px; }
.mail-production .mail-metadata { display:flex;flex-wrap:wrap;gap:7px 0;margin:12px 0 0 54px; }
.mail-production .mail-metadata div { display:flex;align-items:center;padding:0;border:0;border-radius:0;background:transparent; }
.mail-production .mail-metadata div + div::before { content:"•";margin:0 12px;color:#b7a895; }
.mail-production .mail-metadata dt { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
.mail-production .mail-metadata dd { margin:0;color:#746b62;font-size:12px; }
.mail-production .detail-body {
  flex:1 1 auto;
  min-height:0;
  padding:27px 30px 30px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.mail-body-text { max-width:76ch;font-size:16px;line-height:1.68; }
.sender-card strong { font-size:15px; }
.sender-card small,.mail-metadata dd { font-size:13px; }
.mail-metadata dt { font-size:10px; }
.detail-tags span,.mail-row-labels em { font-size:10px; }
.mail-mobile-back { display:none; }

.mail-attachments { margin-top:28px;padding-top:21px; }
.mail-attachments-heading,.mail-attachments-heading > div { display:flex;align-items:center;justify-content:space-between;gap:9px; }
.mail-attachments-heading h3 { margin:0;font-size:16px; }
.mail-attachments-heading > small { color:#81776d;font-size:12px; }
.mail-attachments-icon,.mail-file-icon { display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e7eddc;color:#53643d;font-size:16px;font-weight:800; }
.mail-attachments ul { margin-top:11px; }
.mail-attachments li { display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;min-height:66px;padding:11px 12px; }
.mail-attachments li > div { min-width:0; }
.mail-attachments strong { overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap; }
.mail-attachments small { font-size:12px; }
.mail-attachments li em { display:block;margin-top:4px;color:#94634f;font-size:11px;font-style:normal;line-height:1.35; }
.mail-attachments button {
  min-height:38px;
  padding:0 13px;
  border:1px solid #697743;
  border-radius:9px;
  background:#697743;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.mail-attachments button:hover { background:#576537; }
.mail-attachments button:disabled { opacity:.58;cursor:wait; }
.mail-attachment-warning,
.mail-attachments-unavailable > p {
  margin:0 0 12px;
  padding:11px 13px;
  border-radius:9px;
  background:#fff3df;
  color:#765840;
  font-size:12px;
  line-height:1.5;
}
.mail-attachments-unavailable > p { margin:11px 0 0; }

/* Opened message: compact envelope header and calm reading surface. */
.mail-production .detail-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  box-sizing:border-box;
  height:102px;
  min-height:102px;
  margin:0;
  padding:14px 24px;
  background:linear-gradient(145deg,#fbf9f5 0%,#f7f2eb 100%);
}
.mail-production .mail-list-panel .panel-heading { box-sizing:border-box;height:102px;min-height:102px; }
.mail-production .detail-toolbar { display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:flex-end;gap:12px; }
.mail-production .detail-toolbar .mail-mobile-back,
.mail-production .detail-toolbar .detail-tags { margin:0; }
.mail-production .detail-tags span { padding:5px 9px;border-radius:999px;background:#ebe4da;color:#6f5b4c;letter-spacing:.65px;text-transform:uppercase; }
.mail-production .detail-subject { grid-column:1;grid-row:1;min-width:0;margin:0; }
.mail-production .detail-subject > span,
.mail-production .sender-identity > span,
.mail-production .mail-message-label {
  display:block;
  color:#927a68;
  font-size:10px;
  font-weight:850;
  letter-spacing:1.15px;
  line-height:1.2;
  text-transform:uppercase;
}
.mail-production .detail-header .detail-subject h2 {
  display:-webkit-box;
  overflow:hidden;
  max-width:48ch;
  margin:5px 0 0;
  font-size:22px;
  line-height:1.22;
  letter-spacing:-.3px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.mail-production .sender-card {
  display:grid;
  grid-template-columns:46px minmax(150px,auto) minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:13px 15px;
  border:1px solid #e4d9cb;
  border-radius:13px;
  background:rgba(255,255,255,.76);
}
.mail-production .detail-body > .sender-card { width:100%;max-width:880px;margin:0 auto 14px; }
.mail-production .sender-card .mail-avatar { width:44px;height:44px;border-radius:12px; }
.mail-production .sender-identity { min-width:0; }
.mail-production .sender-identity strong,
.mail-production .sender-identity small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mail-production .sender-identity strong { margin-top:3px;color:#302b27;font-size:14px; }
.mail-production .sender-identity small { margin-top:2px;color:#756d65;font-size:12px; }
.mail-production .sender-card .mail-metadata {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  min-width:0;
  margin:0 0 0 auto;
  padding-left:17px;
  border-left:1px solid #e4d9cb;
}
.mail-production .sender-card .mail-metadata div { display:block;min-width:0;padding:0;border:0;background:transparent; }
.mail-production .sender-card .mail-metadata div + div::before { content:none; }
.mail-production .sender-card .mail-metadata dt {
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  color:#8e8175;
  font-size:9px;
  letter-spacing:.65px;
  white-space:normal;
}
.mail-production .sender-card .mail-metadata dd { margin:4px 0 0;color:#514943;font-size:12px;font-weight:650; }
.mail-production .detail-body { padding:22px 24px 26px;background:#f4f1ec;scrollbar-gutter:auto; }
.mail-production .mail-message-paper {
  width:100%;
  max-width:880px;
  margin:0 auto;
  padding:27px 30px 30px;
  border:1px solid #e3d9cd;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(58,44,31,.045);
}
.mail-production .mail-message-label { margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #ece4db; }
.mail-production .mail-message-paper .mail-body-text { max-width:74ch;margin:0;color:#3e3934;font-size:15px;line-height:1.72;white-space:normal; }
.mail-production .mail-message-paper .mail-body-text p { margin:0 0 1.15em;overflow-wrap:anywhere; }
.mail-production .mail-message-paper .mail-body-text p:last-child { margin-bottom:0; }
.mail-production .mail-readonly-note { max-width:880px;margin:13px auto 0;padding:11px 13px;border:1px solid #dce5d2;background:#f4f7ef;font-size:11px; }

@media(max-width:1180px) {
  .mail-production .sender-card { grid-template-columns:44px minmax(0,1fr); }
  .mail-production .sender-card .mail-metadata { grid-column:1/-1;width:100%;margin:0;padding:12px 0 0;border-top:1px solid #e4d9cb;border-left:0; }
}

@media(max-width:1180px) {
  .mail-commandbar { grid-template-columns:1fr auto; }
  .mailbox-filters { grid-column:1/-1; }
  .mail-auto-status { display:none; }
  .mail-production .mail-workspace { grid-template-columns:minmax(320px,370px) minmax(0,1fr); }
}

@media(max-width:900px) {
  .mail-production .mail-workspace { display:block;height:clamp(560px,72dvh,760px); }
  .mail-production .mail-list-panel,
  .mail-production .mail-detail-panel { height:100%; }
  .mail-production .mail-list-panel { border-right:0; }
  .mail-production .mail-detail-panel { display:none; }
  .mail-production .mail-workspace.message-open .mail-list-panel { display:none; }
  .mail-production .mail-workspace.message-open .mail-detail-panel { display:flex; }
  .mail-production .detail-header { display:block;height:auto;min-height:0;padding:18px 16px 16px; }
  .mail-production .detail-subject { margin-top:14px; }
  .mail-mobile-back {
    display:inline-flex;
    align-items:center;
    min-height:40px;
    margin:0 0 15px;
    padding:0 12px;
    border:1px solid #d5c4b0;
    border-radius:9px;
    background:#fff;
    color:#76543e;
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }
}

@media(max-width:700px) {
  .mail-production-hero { padding:19px; }
  .mail-production-hero h2 { font-size:24px; }
  .mail-summary article { min-height:96px; }
  .mail-commandbar { grid-template-columns:1fr; }
  .mail-sync-controls,.mail-sync-button { width:100%; }
  .mail-production .mail-workspace { height:clamp(440px,70dvh,680px);border-radius:15px; }
  .mail-production .mail-list-panel { padding:0; }
  .mail-production .mail-list-panel,
  .mail-production .mail-detail-panel { height:100%;min-height:0;max-height:none; }
  .mail-production .mail-list-panel .panel-heading { padding:17px 15px 14px; }
  .mail-production .mail-list { padding:5px 6px 7px 9px; }
  .mail-production .mail-row { min-height:96px; }
  .mail-production .detail-header { padding:15px 13px 14px; }
  .mail-production .detail-header .detail-subject h2 { font-size:21px; }
  .mail-production .sender-card { grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px; }
  .mail-production .sender-card .mail-metadata { grid-template-columns:1fr 1fr;gap:8px 12px; }
  .mail-production .sender-card .mail-metadata div:first-child { grid-column:1/-1; }
  .mail-production .detail-body { padding:12px 10px 18px; }
  .mail-production .mail-message-paper { padding:20px 17px 22px;border-radius:12px; }
  .mail-production .mail-message-label { margin-bottom:15px; }
  .mail-production .mail-message-paper .mail-body-text { font-size:15px; }
  .mail-attachments li { grid-template-columns:38px minmax(0,1fr); }
  .mail-attachments li button { grid-column:2;width:100%; }
}

/* Schrijven, concepten en provideracties. */
.mail-commandbar {
  grid-template-columns:auto auto minmax(230px,1fr) auto;
}
.mail-folder-actions,.mail-folder-tabs,.composer-header-actions,.mail-message-actions {
  display:flex;
  align-items:center;
  gap:7px;
}
.mail-compose-button {
  min-height:42px;
  padding:0 14px;
  border:1px solid #59683d;
  border-radius:10px;
  background:#637044;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.mail-compose-button:hover { background:#526038; }
.mail-compose-button:disabled { opacity:.5;cursor:not-allowed; }
.mail-folder-tabs {
  padding:3px;
  border:1px solid #ddd1c2;
  border-radius:10px;
  background:#f7f2ec;
}
.mail-folder-tabs button {
  min-height:34px;
  padding:0 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#70665d;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.mail-folder-tabs button.active { background:#fff;color:#3f4f33;box-shadow:0 2px 7px rgba(55,44,34,.1); }
.mail-folder-tabs b { display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 4px;border-radius:9px;background:#e4ead9;font-size:9px; }
.mail-draft-row .mail-avatar { background:#efe5d8;color:#86664e; }
.mail-placeholder-compose {
  min-height:42px;
  margin-top:8px;
  padding:0 15px;
  border:1px solid #637044;
  border-radius:10px;
  background:#637044;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.mail-message-actions { flex-wrap:wrap;justify-content:flex-end; }
.mail-message-actionbar {
  width:100%;
  max-width:880px;
  margin:0 auto 12px;
  padding:9px 11px;
  border:1px solid #ded3c6;
  border-radius:11px;
  background:#fff;
  justify-content:flex-start;
}
.mail-message-actions button {
  min-height:31px;
  padding:0 9px;
  border:1px solid #d0c3b3;
  border-radius:8px;
  background:#fff;
  color:#5f544a;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.mail-message-actions button:hover { border-color:#7b684f;background:#fffaf4; }
.mail-message-actions button.danger { color:#9b4f43; }

.mail-composer {
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:0;
  background:#f4f1ec;
}
.composer-header {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:102px;
  padding:15px 21px;
  border-bottom:1px solid #e1d7ca;
  background:linear-gradient(145deg,#fbf9f5,#f7f2eb);
}
.composer-header > div:first-child { min-width:0; }
.composer-header span {
  display:block;
  color:#8b7665;
  font-size:10px;
  font-weight:850;
  letter-spacing:1px;
  text-transform:uppercase;
}
.composer-header h2 {
  overflow:hidden;
  margin:5px 0 0;
  color:#302a25;
  font:800 20px/1.25 inherit;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.composer-header-actions { flex-wrap:wrap;justify-content:flex-end; }
.composer-header-actions button {
  min-height:38px;
  padding:0 11px;
  border:1px solid #cdbda9;
  border-radius:9px;
  background:#fff;
  color:#66584b;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.composer-header-actions button.primary { border-color:#637044;background:#637044;color:#fff; }
.composer-header-actions button.danger-outline { border-color:#d9bdb6;color:#974e44; }
.composer-header-actions button:disabled { opacity:.55;cursor:wait; }
.composer-body {
  display:grid;
  flex:1 1 auto;
  grid-template-columns:1fr;
  gap:11px;
  min-height:0;
  padding:20px 23px 26px;
  overflow:auto;
}
.composer-body > label,.composer-copy-fields label {
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.composer-body label > span {
  color:#806e5f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.composer-body input,.composer-body select,.composer-body textarea {
  width:100%;
  border:1px solid #d8cab9;
  border-radius:9px;
  outline:0;
  background:#fff;
  color:#352f29;
  font:inherit;
  font-size:14px;
}
.composer-body input,.composer-body select { height:43px;padding:0 12px; }
.composer-body input:focus,.composer-body select:focus,.composer-body textarea:focus {
  border-color:#718052;
  box-shadow:0 0 0 3px rgba(113,128,82,.12);
}
.composer-copy-fields {
  padding:0 0 0 92px;
}
.composer-copy-fields summary {
  color:#6d7453;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.composer-copy-fields[open] { display:grid;gap:9px;padding-top:4px; }
.composer-copy-fields[open] summary { margin-left:-92px; }
.composer-message { align-items:start!important; }
.composer-message > span { padding-top:13px; }
.composer-body textarea {
  min-height:210px;
  padding:13px;
  resize:vertical;
  line-height:1.55;
}
.composer-attachments {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-left:92px;
  padding:14px;
  border:1px dashed #cab9a4;
  border-radius:11px;
  background:#fffaf4;
}
.composer-attachments strong,.composer-attachments small { display:block; }
.composer-attachments strong { font-size:13px; }
.composer-attachments small { margin-top:3px;color:#7d7165;font-size:11px; }
.composer-file-button {
  display:flex!important;
  align-items:center!important;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border:1px solid #687743;
  border-radius:9px;
  background:#fff;
  color:#59693e;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.composer-file-button input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.composer-attachments > p { grid-column:1/-1;margin:0;color:#8a7d70;font-size:12px; }
.composer-attachments ul { display:grid;grid-column:1/-1;gap:6px;margin:2px 0 0;padding:0;list-style:none; }
.composer-attachments li {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid #e1d4c5;
  border-radius:8px;
  background:#fff;
}
.composer-attachments li span { overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
.composer-attachments li small { margin:0;white-space:nowrap; }
.composer-attachments li button { border:0;background:transparent;color:#9a5146;font:inherit;font-size:11px;font-weight:800;cursor:pointer; }

@media(max-width:1320px) {
  .mail-commandbar { grid-template-columns:1fr auto; }
  .mail-folder-actions,.mailbox-filters { grid-column:1/-1; }
  .mail-folder-actions { justify-content:space-between; }
}
@media(max-width:900px) {
  .composer-header { align-items:flex-start;flex-direction:column;min-height:0;padding:15px; }
  .composer-header-actions { width:100%;justify-content:flex-start; }
  .mail-message-actions { margin-top:8px;justify-content:flex-start; }
  .mail-message-actionbar { margin-top:0; }
}
@media(max-width:700px) {
  .mail-commandbar { grid-template-columns:1fr; }
  .mail-folder-actions,.mailbox-filters { grid-column:auto; }
  .mail-folder-actions { align-items:stretch;flex-direction:column; }
  .mail-folder-tabs { display:grid;grid-template-columns:1fr 1fr; }
  .mail-compose-button { width:100%; }
  .composer-header-actions { display:grid;grid-template-columns:1fr 1fr; }
  .composer-header-actions button.primary { grid-column:1/-1; }
  .composer-body { padding:14px 11px 18px; }
  .composer-body > label,.composer-copy-fields label { grid-template-columns:1fr;gap:5px; }
  .composer-copy-fields,.composer-copy-fields[open] { padding-left:0; }
  .composer-copy-fields[open] summary { margin-left:0; }
  .composer-message > span { padding-top:0; }
  .composer-body textarea { min-height:190px; }
  .composer-attachments { grid-template-columns:1fr;margin-left:0; }
  .composer-file-button { width:100%; }
  .composer-attachments li { grid-template-columns:minmax(0,1fr) auto; }
  .composer-attachments li button { grid-column:1/-1;text-align:left; }
}

.mail-ai-panel {
  width:100%;
  max-width:880px;
  margin:0 auto 16px;
  padding:18px;
  border:1px solid #cfd8bf;
  border-radius:14px;
  background:linear-gradient(145deg,#f5f8ef,#fffdf8);
  box-shadow:0 6px 18px rgba(56,72,42,.045);
}
.mail-ai-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.mail-ai-heading span {
  display:block;
  color:#747f51;
  font-size:9px;
  font-weight:850;
  letter-spacing:1px;
}
.mail-ai-heading h3 {
  margin:3px 0 0;
  color:#35412e;
  font-family:inherit;
  font-size:16px;
  text-transform:none;
}
.mail-ai-heading button,.mail-ai-actions button,.mail-ai-work-actions button {
  min-height:38px;
  padding:0 12px;
  border:1px solid #687743;
  border-radius:9px;
  background:#687743;
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.mail-ai-heading button:disabled,.mail-ai-actions button:disabled,.mail-ai-work-actions button:disabled {
  opacity:.58;
  cursor:wait;
}
.mail-ai-disclaimer {
  margin:10px 0 0;
  color:#746f65;
  font-size:11px;
}
.mail-ai-intro,.mail-ai-locked > p {
  margin:14px 0 0;
  color:#5f6258;
  font-size:12px;
  line-height:1.55;
}
.mail-ai-error,.mail-ai-warning {
  margin:13px 0 0;
  padding:9px 11px;
  border-radius:9px;
  font-size:11px;
  line-height:1.45;
}
.mail-ai-error { border:1px solid #e1b2a8;background:#fff0ed;color:#8d3f34; }
.mail-ai-warning { border:1px solid #e1c987;background:#fff7df;color:#73591f; }
.mail-ai-loading {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:66px;
  margin-top:12px;
  color:#5d6650;
  font-size:12px;
}
.mail-ai-loading .mail-spinner { width:22px;height:22px;margin:0; }
.mail-ai-result { display:grid;gap:12px;margin-top:14px; }
.mail-ai-classification {
  display:flex;
  align-items:end;
  flex-wrap:wrap;
  gap:8px;
}
.mail-ai-classification label,.mail-ai-actions label {
  display:grid;
  gap:4px;
}
.mail-ai-classification label > span,.mail-ai-actions label > span {
  color:#7b756b;
  font-size:9px;
  font-weight:850;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.mail-ai-classification select,.mail-ai-actions select,.composer-ai-assist select {
  min-height:36px;
  padding:0 31px 0 10px;
  border:1px solid #cfc3b2;
  border-radius:8px;
  background:#fff;
  color:#3f3a34;
  font:inherit;
  font-size:12px;
}
.mail-ai-urgency,.mail-ai-confidence {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 10px;
  border-radius:8px;
  background:#e6ebdd;
  color:#53623d;
  font-size:10px;
  font-weight:800;
}
.mail-ai-urgency.urgency-high { background:#f7e8cf;color:#835d22; }
.mail-ai-urgency.urgency-critical { background:#f7ded7;color:#963f34; }
.mail-ai-summary {
  padding:12px;
  border-left:3px solid #7d8958;
  border-radius:0 9px 9px 0;
  background:rgba(255,255,255,.72);
}
.mail-ai-summary h4,.mail-ai-list h4 {
  margin:0 0 5px;
  color:#4a553a;
  font-size:11px;
}
.mail-ai-summary p {
  margin:0;
  color:#47463f;
  font-size:12px;
  line-height:1.55;
}
.mail-ai-facts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:0;
}
.mail-ai-facts div { padding:9px;border:1px solid #e4dccf;border-radius:8px;background:#fff; }
.mail-ai-facts dt { color:#8b8074;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.5px; }
.mail-ai-facts dd { margin:4px 0 0;color:#45413a;font-size:11px;line-height:1.4; }
.mail-ai-list ul { display:grid;gap:4px;margin:0;padding-left:18px;color:#4c4942;font-size:11px;line-height:1.45; }
.mail-ai-missing { color:#765f37; }
.mail-ai-empty,.mail-ai-cache { margin:0;color:#827b71;font-size:10px; }
.mail-ai-cache { display:block; }
.mail-ai-actions {
  display:flex;
  align-items:end;
  gap:9px;
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid #ded8cc;
}
.mail-ai-work-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.mail-ai-work-actions > span { flex:1 1 180px;color:#706b61;font-size:10px; }
.mail-ai-work-actions button { border-color:#c8b69f;background:#fff;color:#6e523d; }
.mail-ai-locked { background:#f5f3ed; }
.composer-ai-assist {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:end;
  gap:10px;
  margin-left:92px;
  padding:12px 13px;
  border:1px solid #ccd6bb;
  border-radius:10px;
  background:#f4f8ed;
}
.composer-ai-assist strong,.composer-ai-assist small { display:block; }
.composer-ai-assist strong { color:#465438;font-size:12px; }
.composer-ai-assist small { margin-top:3px;color:#74776c;font-size:10px; }
.composer-ai-assist label { display:grid!important;grid-template-columns:1fr!important;gap:4px!important; }
.composer-ai-assist label span { font-size:9px; }
.composer-ai-assist button {
  min-height:36px;
  padding:0 11px;
  border:1px solid #687743;
  border-radius:8px;
  background:#687743;
  color:#fff;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.composer-ai-assist button:disabled { opacity:.6;cursor:wait; }

@media(max-width:700px) {
  .mail-ai-panel { padding:14px; }
  .mail-ai-heading { align-items:flex-start;flex-direction:column; }
  .mail-ai-heading button { width:100%; }
  .mail-ai-facts { grid-template-columns:1fr; }
  .mail-ai-actions { align-items:stretch;flex-direction:column; }
  .mail-ai-actions select,.mail-ai-actions button { width:100%; }
  .mail-ai-work-actions { display:grid;grid-template-columns:1fr; }
  .mail-ai-work-actions > span { flex:auto; }
  .composer-ai-assist { grid-template-columns:1fr;margin-left:0; }
  .composer-ai-assist select,.composer-ai-assist button { width:100%; }
}

.email-workspace-tabs {
  display:flex;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0 0 16px;
  padding:5px;
  border:1px solid #e1d3c3;
  border-radius:13px;
  background:rgba(255,255,255,.65);
}
.email-workspace-tabs button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:0 18px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#6e655b;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.email-workspace-tabs button.active {
  background:#637044;
  color:#fff;
  box-shadow:0 5px 13px rgba(76,88,48,.16);
}
.email-workspace-tabs b {
  min-width:20px;
  padding:2px 6px;
  border-radius:10px;
  background:#edc86f;
  color:#35412e;
  font-size:10px;
}
.mailroom-production { --mailroom-blue:#496d76; }
.mailroom-hero { background:radial-gradient(circle at 86% 15%,rgba(233,189,97,.22),transparent 33%),linear-gradient(135deg,#243b32,#496d65); }
.mailroom-hero > button {
  min-width:190px;
  min-height:50px;
  padding:0 18px;
  border:1px solid #edc86f;
  border-radius:12px;
  background:#edc86f;
  color:#263326;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.mailroom-setting {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border:1px solid #d6ddca;
  border-radius:15px;
  background:#f4f7ef;
}
.mailroom-setting strong,.mailroom-setting p { display:block;margin:0; }
.mailroom-setting strong { color:#3c4935;font-size:13px; }
.mailroom-setting p { max-width:760px;margin-top:4px;color:#6e7168;font-size:11px;line-height:1.45; }
.mailroom-setting > button,.mailroom-filters > button {
  min-height:40px;
  padding:0 13px;
  border:1px solid #667348;
  border-radius:9px;
  background:#667348;
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.mailroom-switch { display:flex;align-items:center;gap:8px;cursor:pointer; }
.mailroom-switch input { position:absolute;opacity:0;pointer-events:none; }
.mailroom-switch span {
  position:relative;
  width:43px;
  height:24px;
  border-radius:12px;
  background:#c9c9c0;
  transition:.2s ease;
}
.mailroom-switch span::after {
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.18);
  content:"";
  transition:.2s ease;
}
.mailroom-switch input:checked + span { background:#687743; }
.mailroom-switch input:checked + span::after { transform:translateX(19px); }
.mailroom-switch b { color:#5c5d56;font-size:11px; }
.mailroom-filters {
  display:grid;
  grid-template-columns:repeat(4,minmax(135px,1fr));
  gap:9px;
  padding:14px;
  border:1px solid var(--mail-line);
  border-radius:15px;
  background:rgba(255,255,255,.62);
}
.mailroom-filters label { display:grid;gap:4px;min-width:0; }
.mailroom-filters label > span,.mailroom-control-grid label > span,.mailroom-actions label > span {
  color:#7c7469;
  font-size:9px;
  font-weight:850;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.mailroom-filters select,.mailroom-filters input,.mailroom-control-grid select,.mailroom-control-grid input,.mailroom-actions select {
  width:100%;
  min-width:0;
  min-height:39px;
  padding:0 10px;
  border:1px solid #d7cab9;
  border-radius:9px;
  background:#fff;
  color:#3e3933;
  font:inherit;
  font-size:11px;
}
.mailroom-filter-search { grid-column:span 3; }
.mailroom-filters > button { align-self:end; }
.mailroom-workspace .mail-list-panel { padding:18px 12px; }
.mailroom-list { max-height:900px;overflow:auto; }
.mailroom-row {
  display:grid;
  gap:6px;
  width:100%;
  padding:13px 11px;
  border:0;
  border-bottom:1px solid #ece2d7;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.mailroom-row:hover { background:#fcf8f3; }
.mailroom-row.active {
  margin:5px 0;
  border:1px solid #cdbb9f;
  border-radius:12px;
  background:#fff9ef;
}
.mailroom-row.unread > strong,.mailroom-row.unread > b { color:#263c2a;font-weight:850; }
.mailroom-row-top { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.mailroom-row-top time { color:#8b8278;font-size:10px; }
.mailroom-status {
  display:inline-flex;
  width:max-content;
  padding:4px 7px;
  border-radius:8px;
  background:#ece8dd;
  color:#625d54;
  font-size:9px;
  font-weight:850;
}
.mailroom-status.status-new { background:#eef2df;color:#5c6d3f; }
.mailroom-status.status-review { background:#fff0cf;color:#815e20; }
.mailroom-status.status-assigned,.mailroom-status.status-in_progress { background:#deedf0;color:#3f6670; }
.mailroom-status.status-waiting_reply { background:#eee3f2;color:#6e4d76; }
.mailroom-status.status-completed { background:#dfeee0;color:#3d6b43; }
.mailroom-status.status-ignored { background:#ebe8e4;color:#746f68; }
.mailroom-row > strong { overflow:hidden;color:#4b433a;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.mailroom-row > b { overflow:hidden;color:#332e28;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.mailroom-row > small { color:#80786f;font-size:10px; }
.mailroom-row-meta,.mailroom-row-links { display:flex;flex-wrap:wrap;gap:5px; }
.mailroom-row-meta span,.mailroom-link-badge {
  padding:3px 6px;
  border-radius:7px;
  background:#f0ece5;
  color:#6c6359;
  font-size:8px;
  font-weight:750;
}
.mailroom-row-meta .urgency-high { background:#f7e7ca;color:#845c1c; }
.mailroom-row-meta .urgency-critical,.mailroom-row-meta .follow-up-overdue { background:#f5ddd7;color:#98463a; }
.mailroom-row-meta .follow-up-today { background:#fff0c9;color:#7f5c1e; }
.mailroom-link-badge { background:#e5eddd;color:#53663e; }
.mailroom-link-badge.empty { background:#eeeae4;color:#797169; }
.mailroom-detail { min-height:610px;background:#fcfaf6; }
.mailroom-detail > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-bottom:1px solid #e7dacd;
  background:linear-gradient(145deg,#fffaf4,#f5f0e8);
}
.mailroom-detail > header span { color:#7a8555;font-size:9px;font-weight:850;letter-spacing:.8px;text-transform:uppercase; }
.mailroom-detail > header h2 { margin:5px 0 0;color:#302b26;font-family:inherit;font-size:22px;line-height:1.3;text-transform:none; }
.mailroom-detail > header a {
  flex:0 0 auto;
  padding:9px 11px;
  border:1px solid #cbb9a2;
  border-radius:9px;
  color:#72533e;
  font-size:10px;
  font-weight:800;
}
.mailroom-source-card,.mailroom-control-card,.mailroom-insight,.mailroom-insight-empty,.mailroom-actions,.mailroom-detail-grid {
  margin:16px 22px 0;
}
.mailroom-source-card {
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr);
  gap:15px;
  padding:14px;
  border:1px solid #e2d7ca;
  border-radius:12px;
  background:#fff;
}
.mailroom-source-card > div span,.mailroom-source-card > div strong,.mailroom-source-card > div small { display:block; }
.mailroom-source-card > div span { color:#81786e;font-size:8px;font-weight:850;text-transform:uppercase; }
.mailroom-source-card > div strong { margin-top:5px;font-size:12px; }
.mailroom-source-card > div small { margin-top:2px;color:#7f776e;font-size:10px; }
.mailroom-source-card dl { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0; }
.mailroom-source-card dl div { padding:8px;border-radius:8px;background:#f7f3ed; }
.mailroom-source-card dt { color:#898077;font-size:8px;text-transform:uppercase; }
.mailroom-source-card dd { margin:3px 0 0;color:#4c463f;font-size:10px; }
.mailroom-control-card {
  padding:14px;
  border:1px solid #cfd8bf;
  border-radius:12px;
  background:#f4f8ee;
}
.mailroom-control-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.mailroom-control-grid label,.mailroom-actions label { display:grid;gap:4px; }
.mailroom-control-actions { display:flex;flex-wrap:wrap;gap:7px;margin-top:11px; }
.mailroom-control-actions button,.mailroom-insight-empty button,.mailroom-actions button {
  min-height:38px;
  padding:0 11px;
  border:1px solid #687743;
  border-radius:8px;
  background:#687743;
  color:#fff;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.mailroom-control-actions button:nth-child(n+2) { border-color:#cbb9a2;background:#fff;color:#72533e; }
.mailroom-control-actions button:disabled { opacity:.55;cursor:wait; }
.mailroom-insight,.mailroom-insight-empty {
  padding:15px;
  border:1px solid #d7ddca;
  border-radius:12px;
  background:#fff;
}
.mailroom-insight-empty { text-align:center; }
.mailroom-insight-empty strong { color:#44523a;font-size:13px; }
.mailroom-insight-empty p { margin:5px auto 11px;max-width:540px;color:#706c65;font-size:11px;line-height:1.5; }
.mailroom-insight-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.mailroom-insight-head div span,.mailroom-insight-head div strong { display:block; }
.mailroom-insight-head div span { color:#7c8758;font-size:8px;font-weight:850;text-transform:uppercase; }
.mailroom-insight-head div strong { margin-top:3px;color:#415036;font-size:13px; }
.mailroom-insight-head > span { color:#767067;font-size:9px; }
.mailroom-insight h4 { margin:13px 0 5px;color:#4b573d;font-size:10px; }
.mailroom-insight p,.mailroom-insight li { color:#514d46;font-size:11px;line-height:1.5; }
.mailroom-insight p { margin:0; }
.mailroom-insight ul { margin:0;padding-left:18px; }
.mailroom-insight dl { display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0 0; }
.mailroom-insight dl div { padding:8px;border-radius:8px;background:#f6f3ed; }
.mailroom-insight dt { color:#857c72;font-size:8px;text-transform:uppercase; }
.mailroom-insight dd { margin:3px 0 0;font-size:10px; }
.mailroom-insight > small { display:block;margin-top:12px;color:#847d74;font-size:9px; }
.mailroom-actions {
  padding:14px;
  border:1px solid #e2d4c5;
  border-radius:12px;
  background:#fffaf3;
}
.mailroom-actions h3,.mailroom-detail-grid h3 { margin:0;color:#3f3a34;font-family:inherit;font-size:13px;text-transform:none; }
.mailroom-actions > p { margin:4px 0 10px;color:#777067;font-size:10px;line-height:1.45; }
.mailroom-actions > div { display:flex;align-items:end;flex-wrap:wrap;gap:7px; }
.mailroom-actions label { min-width:150px; }
.mailroom-actions button { border-color:#c7b49b;background:#fff;color:#6d503c; }
.mailroom-detail-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.mailroom-detail-grid > article { padding:14px;border:1px solid #e1d6ca;border-radius:12px;background:#fff; }
.mailroom-work-links,.mailroom-history { display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none; }
.mailroom-work-links li { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:8px;border-radius:8px;background:#f6f3ed; }
.mailroom-work-links strong { font-size:10px; }
.mailroom-work-links span,.mailroom-work-links a { font-size:9px; }
.mailroom-work-links a { color:#805b41;font-weight:800; }
.mailroom-history li { display:grid;grid-template-columns:8px 1fr;gap:8px;align-items:start; }
.mailroom-history li > span { width:7px;height:7px;margin-top:3px;border-radius:50%;background:#778359; }
.mailroom-history strong,.mailroom-history small { display:block; }
.mailroom-history strong { font-size:10px; }
.mailroom-history small { margin-top:2px;color:#817a72;font-size:8px; }
.mailroom-empty-copy { margin:10px 0 0;color:#817a72;font-size:10px; }
.mailroom-original { margin:16px 22px 24px!important; }

@media(max-width:1150px) {
  .mailroom-filters { grid-template-columns:repeat(3,minmax(135px,1fr)); }
  .mailroom-filter-search { grid-column:span 2; }
}
@media(max-width:900px) {
  .email-workspace-tabs { width:100%; }
  .email-workspace-tabs button { flex:1; }
  .mailroom-setting { grid-template-columns:1fr auto; }
  .mailroom-setting > button { grid-column:1/-1; }
  .mailroom-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mailroom-filter-search { grid-column:1/-1; }
  .mailroom-source-card { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .mailroom-hero { align-items:flex-start;flex-direction:column; }
  .mailroom-hero > button { width:100%; }
  .mailroom-setting { grid-template-columns:1fr; }
  .mailroom-setting > button { grid-column:auto;width:100%; }
  .mailroom-filters { grid-template-columns:1fr; }
  .mailroom-filter-search { grid-column:auto; }
  .mailroom-filters > button { width:100%; }
  .mailroom-source-card dl { grid-template-columns:1fr; }
  .mailroom-control-grid { grid-template-columns:1fr; }
  .mailroom-control-actions,.mailroom-actions > div { display:grid;grid-template-columns:1fr; }
  .mailroom-control-actions button,.mailroom-actions button,.mailroom-actions select { width:100%; }
  .mailroom-detail-grid { grid-template-columns:1fr; }
  .mailroom-detail > header { align-items:stretch;flex-direction:column; }
  .mailroom-detail > header a { text-align:center; }
  .mailroom-source-card,.mailroom-control-card,.mailroom-insight,.mailroom-insight-empty,.mailroom-actions,.mailroom-detail-grid { margin-inline:12px; }
  .mailroom-original { margin-inline:12px!important; }
}

.mailroom-kpis {
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.mailroom-kpis button {
  display:block;
  min-height:98px;
  padding:15px 17px;
  border:1px solid #dfd4c7;
  border-radius:12px;
  background:#fffdfa;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.mailroom-kpis button:hover {
  transform:translateY(-1px);
  border-color:#aab187;
  box-shadow:0 7px 18px rgba(57,65,45,.08);
}
.mailroom-kpis button[aria-pressed="true"] {
  border-color:#6f7b4b;
  box-shadow:inset 0 0 0 1px #6f7b4b;
  background:#f3f6e9;
}
.mailroom-kpis button:nth-child(3) strong { color:#a3473d; }
.mailroom-kpis span,.mailroom-kpis strong,.mailroom-kpis small { display:block; }
.mailroom-kpis span { color:#786f65;font-size:12px;font-weight:700; }
.mailroom-kpis strong { margin:8px 0 4px;color:#30452e;font-size:25px;line-height:1; }
.mailroom-kpis small { color:#8a8176;font-size:11px; }
.mailroom-row.is-overdue {
  border-color:#d7a49d;
  box-shadow:inset 3px 0 0 #aa4c42;
  background:#fff8f5;
}
.mailroom-routing-settings {
  margin-bottom:14px;
  border:1px solid #dfd3c4;
  border-radius:14px;
  background:#fffdf9;
}
.mailroom-routing-settings > header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:15px 17px;
}
.mailroom-routing-settings > header strong,.mailroom-routing-settings > header p {
  display:block;
  margin:0;
}
.mailroom-routing-settings > header strong { color:#3c4935;font-size:13px; }
.mailroom-routing-settings > header p {
  max-width:740px;
  margin-top:4px;
  color:#6e7168;
  font-size:11px;
  line-height:1.45;
}
.mailroom-routing-settings > header > button,.mailroom-routing-rule > button {
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:#697744;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.mailroom-routing-settings details { border-top:1px solid #e8dfd4; }
.mailroom-routing-settings summary {
  padding:11px 17px;
  color:#5e6647;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.mailroom-routing-rule-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 15px 15px;
}
.mailroom-routing-rule {
  padding:12px;
  border:1px solid #e5dbcf;
  border-radius:11px;
  background:#faf7f1;
}
.mailroom-routing-rule > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.mailroom-routing-rule > header strong { color:#443d35;font-size:11px; }
.mailroom-routing-rule > header label { color:#6f6c64;font-size:9px;font-weight:750; }
.mailroom-routing-rule > div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.mailroom-routing-rule > div label { display:grid;gap:4px;min-width:0; }
.mailroom-routing-rule > div span {
  color:#7b746c;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.mailroom-routing-rule select,.mailroom-routing-rule input {
  width:100%;
  min-height:34px;
  padding:0 9px;
  border:1px solid #d8ccbe;
  border-radius:8px;
  color:#443d36;
  background:#fff;
  font:inherit;
  font-size:10px;
}
.mailroom-routing-proposal {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 22px;
  padding:14px 16px;
  border:1px solid #cfd5ad;
  border-radius:12px;
  background:#f5f7eb;
}
.mailroom-routing-proposal span,.mailroom-routing-proposal strong,.mailroom-routing-proposal p,.mailroom-routing-proposal small {
  display:block;
}
.mailroom-routing-proposal span { color:#76804f;font-size:8px;font-weight:900;text-transform:uppercase; }
.mailroom-routing-proposal strong { margin-top:3px;color:#3f4936;font-size:12px; }
.mailroom-routing-proposal p { margin:4px 0 0;color:#5f6259;font-size:10px; }
.mailroom-routing-proposal small { margin-top:4px;color:#8a6b52;font-size:8px; }
.mailroom-routing-proposal > b { color:#647044;font-size:9px; }
.mailroom-routing-proposal > button {
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:#687743;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

@media(max-width:1100px) {
  .mailroom-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .mailroom-routing-settings > header { grid-template-columns:1fr auto; }
  .mailroom-routing-settings > header > button { grid-column:1/-1; }
  .mailroom-routing-rule-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .mailroom-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mailroom-routing-settings > header { grid-template-columns:1fr; }
  .mailroom-routing-settings > header > button { width:100%; }
  .mailroom-routing-rule > div { grid-template-columns:1fr; }
  .mailroom-routing-proposal {
    align-items:stretch;
    flex-direction:column;
    margin-inline:12px;
  }
  .mailroom-routing-proposal > button { width:100%; }
}