/* Couleurs SmartGaulle rétablies, avec des accents bleus lisibles. */
body.sg7.is-mail .sg7-new-btn{background:linear-gradient(110deg,#1680f5,#0759d8)!important;box-shadow:0 5px 13px #0759d822!important}
body.sg7.is-mail .sg7-new-btn:hover{background:#0759d8!important}
body.sg7.is-mail .sg7-nav-link.active{background:#e7f0ff!important;color:#0753bd!important}
body.sg7.is-mail .sg7-nav-link.active:before{background:#1472e8!important}
body.sg7.is-mail .sg7-nav-link.active>.sg7-icon{color:#1267d4!important}
body.sg7.is-mail .sg7-nav-link:hover{background:#f0f6ff!important}
body.sg7.is-mail .sg7-badge.red{background:#f32345!important;color:white!important}
body.sg7.is-mail .sg7-list-tabs>a.active{color:#075fd9!important}
body.sg7.is-mail .sg7-list-tabs>a.active:after{background:#0871fa!important}
body.sg7.is-mail .sg7-message-row.selected{background:#e8f2ff!important;box-shadow:inset 3px 0 #1473f5!important}
body.sg7.is-mail .sg7-sender-avatar.tint-0{background:#ffdda1!important;color:#25334a!important}body.sg7/* Couleurs SmartGaulle rétablies, avec des accents bleus lisibles. */
body.sg7.is-mail .sg7-new-btn{background:linear-gradient(110deg,#1680f5,#0759d8)!important;box-shadow:0 5px 13px #0759d822!important}
body.sg7.is-mail .sg7-new-btn:hover{background:#0759d8!important}
body.sg7.is-mail .sg7-nav-link.active{background:#e7f0ff!important;color:#0753bd!important}
body.sg7.is-mail .sg7-nav-link.active:before{background:#1472e8!important}
body.sg7.is-mail .sg7-nav-link.active>.sg7-icon{color:#1267d4!important}
body.sg7.is-mail .sg7-nav-link:hover{background:#f0f6ff!important}
body.sg7.is-mail .sg7-badge.red{background:#f32345!important;color:white!important}
body.sg7.is-mail .sg7-list-tabs>a.active{color:#075fd9!important}
body.sg7.is-mail .sg7-list-tabs>a.active:after{background:#0871fa!important}
body.sg7.is-mail .sg7-message-row.selected{background:#e8f2ff!important;box-shadow:inset 3px 0 #1473f5!important}
body.sg7.is-mail .sg7-sender-avatar.tint-0{background:#ffdda1!important;color:#25334a!important}body.sg7.is-mail .sg7-sender-avatar.tint-1{background:#ff8e96!important;color:#25334a!important}body.sg7.is-mail .sg7-sender-avatar.tint-2{background:#0db29f!important;color:#fff!important}body.sg7.is-mail .sg7-sender-avatar.tint-3{background:#94bbff!important;color:#15345d!important}body.sg7.is-mail .sg7-sender-avatar.tint-4{background:#d1b4ff!important;color:#392465!important}body.sg7.is-mail .sg7-sender-avatar.tint-5{background:#10aaf0!important;color:#fff!important}body.sg7.is-mail .sg7-sender-avatar.tint-6{background:#ff263e!important;color:#fff!important}body.sg7.is-mail .sg7-sender-avatar.tint-7{background:#152d63!important;color:#fff!important}
body.sg7.is-mail .sg7-send-btn{background:linear-gradient(110deg,#1680f5,#0759d8)!important;box-shadow:0 5px 13px #0759d822!important}
body.sg7.is-mail .sg7-send-btn:hover{background:#0759d8!important}
body.sg7.is-mail .sg7-smartgaulle-avatar{padding:7px!important;background:#eef4fb!important;border:1px solid #dbe6f2!important;color:transparent!important}
body.sg7.is-mail .sg7-smartgaulle-avatar img{display:block;width:100%;height:100%;object-fit:contain}
body.sg7.is-mail .sg7-sender-avatar.big.sg7-smartgaulle-avatar{padding:8px!important}
/* Onglets de filtres : ligne sobre et indicateur actif discret. */
body.sg7.is-mail .sg7-list-tabs{height:48px!important;min-height:48px!important;justify-content:flex-start!important;gap:2px!important;padding:0 14px!important;border:0!important;border-bottom:1px solid #e7ebf0!important;background:#fff!important}
body.sg7.is-mail .sg7-list-tabs>a{position:relative!important;height:48px!important;min-height:48px!important;padding:0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#657386!important;font-size:12px!important;font-weight:600!important}
body.sg7.is-mail .sg7-list-tabs>a:hover{background:#f7f9fb!important;color:#334e69!important}
body.sg7.is-mail .sg7-list-tabs>a.active{background:transparent!important;box-shadow:none!important;color:#245f98!important}
body.sg7.is-mail .sg7-list-tabs>a.active:after{content:""!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;height:2px!important;border:0!important;border-radius:2px 2px 0 0!important;background:#3978ad!important}
body.sg7.is-mail .sg7-list-tabs>a>b{min-width:18px!important;height:18px!important;padding:2px 5px!important;border-radius:9px!important;background:#edf2f7!important;color:#52677c!important;font-size:10px!important}

/* Fond photo Paris et serveurs, cadré comme sur la page de connexion. */
body.sg7.is-mail{background:#eaf2fc url('/assets/sg7-mail-background.png?v=2') center/cover fixed no-repeat!important}
body.sg7.is-mail .sg7-shell{background:transparent!important;background-image:url('/assets/sg7-mail-background.png?v=2')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
body.sg7.is-mail .sg7-sidebar{background:#ffffffc9!important;backdrop-filter:blur(7px)!important}
body.sg7.is-mail .sg7-content,body.sg7.is-mail .sg7-page-wrap{background:transparent!important}
body.sg7.is-mail .sg7-header{background:#ffffffe0!important;backdrop-filter:blur(8px)!important}
body.sg7.is-mail .sg7-mail-grid{background:transparent!important;padding:16px!important;gap:14px!important}
body.sg7.is-mail .sg7-list-panel,body.sg7.is-mail .sg7-message-card,body.sg7.is-mail .sg7-reply-card,body.sg7.is-mail .sg7-detail-card{background:#ffffffe3!important;backdrop-filter:blur(5px)!important}
body.sg7.is-mail .sg7-settings-new .sg7-settings-body,body.sg7.is-mail .sg7-compose-form{background:#ffffffe8!important;backdrop-filter:blur(6px)!important}
@media(max-width:650px){body.sg7.is-mail,body.sg7.is-mail .sg7-shell{background-attachment:scroll!important;background-position:center!important}body.sg7.is-mail .sg7-sidebar{background:#ffffffe0!important}body.sg7.is-mail .sg7-mail-grid{padding:8px!important;gap:9px!important}body.sg7.is-mail .sg7-list-panel,body.sg7.is-mail .sg7-message-card,body.sg7.is-mail .sg7-reply-card,body.sg7.is-mail .sg7-detail-card{background:#fffffff0!important}}
@media(prefers-reduced-transparency:reduce){body.sg7.is-mail .sg7-sidebar,body.sg7.is-mail .sg7-header,body.sg7.is-mail .sg7-list-panel,body.sg7.is-mail .sg7-message-card,body.sg7.is-mail .sg7-reply-card,body.sg7.is-mail .sg7-detail-card{backdrop-filter:none!important;background-color:#fffffff5!important}}

/* Bibliothèque des pièces jointes reçues et envoyées. */
.sg7-documents-page .sg7-page-head{max-width:1120px;margin:0 auto 20px}
.sg7-document-filters{max-width:1120px;display:flex;align-items:center;gap:5px;margin:0 auto 12px;padding:5px;border:1px solid #dfe8f4;border-radius:11px;background:#ffffffd9;backdrop-filter:blur(8px)}
.sg7-document-filters a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:8px;color:#5a6e88;font-size:12px;font-weight:700}
.sg7-document-filters a:hover{background:#f1f6fc;color:#1d4e83}
.sg7-document-filters a.active{background:#e9f2ff;color:#075fd9}
.sg7-document-filters b{font-size:10px;color:#71839a}
.sg7-documents-card{max-width:1120px;margin:0 auto;border:1px solid #dfe7f1;border-radius:13px;overflow:hidden;background:#fffffff0;backdrop-filter:blur(8px);box-shadow:0 6px 20px #17385d0b}
.sg7-document-row{min-height:76px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 76px 34px 34px;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #edf1f6;color:#1d3554}
.sg7-document-row:last-child{border-bottom:0}
.sg7-document-row:hover{background:#f7faff}
.sg7-document-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#2863ac}
.sg7-document-main{display:flex;min-width:0;flex-direction:column;gap:4px}
.sg7-document-main>b,.sg7-document-main>span,.sg7-document-main>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg7-document-main>b{font-size:12px;color:#203753}
.sg7-document-main>span{font-size:11px;color:#566d88}
.sg7-document-main>small{font-size:10px;color:#8492a5}
.sg7-document-row>time,.sg7-document-size{font-size:10px;color:#77869a;white-space:nowrap}
.sg7-document-action{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e4eaf1;border-radius:8px;background:#fff;color:#526d8d}
.sg7-document-action:hover{background:#edf5ff;border-color:#c9dcf3;color:#075fd9}
.sg7-documents-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:30px;text-align:center;color:#8392a6}
.sg7-documents-empty>.sg7-icon{color:#6a89ad}
.sg7-documents-empty>b{font-size:14px;color:#30445f}
.sg7-documents-empty>span{font-size:12px;line-height:1.5}
@media(max-width:650px){.sg7-documents-page .sg7-page-head{align-items:flex-start;flex-direction:column}.sg7-document-filters{margin-bottom:9px}.sg7-document-row{grid-template-columns:34px minmax(0,1fr) 31px 31px;gap:8px;padding:10px}.sg7-document-row>time{grid-column:2;grid-row:2;font-size:9px}.sg7-document-size{display:none}.sg7-document-main{grid-column:2;grid-row:1}.sg7-document-icon{grid-column:1;grid-row:1/3}.sg7-document-action{grid-row:1/3}}

/* Avatars neutres : cercles blancs, logo du domaine ou initiales. */
body.sg7.is-mail .sg7-sender-avatar,
body.sg7.is-mail .sg7-contact-avatar{box-sizing:border-box!important;background:#fff!important;color:#17345d!important;border:1px solid #e2e8f0!important;box-shadow:none!important;overflow:hidden}
body.sg7.is-mail .sg7-sender-avatar.tint-0,
body.sg7.is-mail .sg7-sender-avatar.tint-1,
body.sg7.is-mail .sg7-sender-avatar.tint-2,
body.sg7.is-mail .sg7-sender-avatar.tint-3,
body.sg7.is-mail .sg7-sender-avatar.tint-4,
body.sg7.is-mail .sg7-sender-avatar.tint-5,
body.sg7.is-mail .sg7-sender-avatar.tint-6,
body.sg7.is-mail .sg7-sender-avatar.tint-7,
body.sg7.is-mail .sg7-sender-avatar.sg7-smartgaulle-avatar{background:#fff!important;color:#17345d!important}
body.sg7.is-mail .sg7-sender-avatar.has-logo,
body.sg7.is-mail .sg7-contact-avatar.has-logo{padding:6px!important}
body.sg7.is-mail .sg7-sender-avatar.big.has-logo{padding:8px!important}
body.sg7.is-mail .sg7-avatar-initial{display:grid;place-items:center;width:100%;height:100%;font-weight:700;color:#17345d}
body.sg7.is-mail .sg7-avatar-logo{display:none!important;width:100%;height:100%;object-fit:contain}
body.sg7.is-mail .sg7-avatar-logo.sg7-logo-loaded{display:block!important}
body.sg7.is-mail .sg7-avatar-logo[hidden],
body.sg7.is-mail .sg7-avatar-initial[hidden]{display:none!important}

/* Forced white sender avatars, including the per-sender tint classes. */
html body.sg7.is-mail .sg7-sender-avatar,
html body.sg7.is-mail .sg7-contact-avatar {
  box-sizing: border-box !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #17345d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  overflow: hidden;
}
html body.sg7.is-mail .sg7-sender-avatar.tint-0,
html body.sg7.is-mail .sg7-sender-avatar.tint-1,
html body.sg7.is-mail .sg7-sender-avatar.tint-2,
html body.sg7.is-mail .sg7-sender-avatar.tint-3,
html body.sg7.is-mail .sg7-sender-avatar.tint-4,
html body.sg7.is-mail .sg7-sender-avatar.tint-5,
html body.sg7.is-mail .sg7-sender-avatar.tint-6,
html body.sg7.is-mail .sg7-sender-avatar.tint-7,
html body.sg7.is-mail .sg7-sender-avatar.sg7-smartgaulle-avatar {
  background: #fff !important;
  background-color: #fff !important;
  color: #17345d !important;
}
html body.sg7.is-mail .sg7-sender-avatar.has-logo,
html body.sg7.is-mail .sg7-contact-avatar.has-logo { padding: 6px !important; }
html body.sg7.is-mail .sg7-sender-avatar.big.has-logo { padding: 8px !important; }
html body.sg7.is-mail .sg7-avatar-logo { object-fit: contain; }

/* Keep sender marks circular while remote favicons load or fall back. */
html body.sg7.is-mail .sg7-sender-avatar,
html body.sg7.is-mail .sg7-contact-avatar {
  border-radius: 50% !important;
}
html body.sg7.is-mail .sg7-avatar-logo {
  border-radius: 50%;
  object-fit: contain;
}

/* Ensure sender and contact avatars stay neutral white. */
.sg7-avatar,.sg7-avatar.sg7-avatar--sender,.sg7-avatar.sg7-avatar--contact{background:#fff!important;background-image:none!important;color:#17345f!important;}
.sg7-avatar .sg7-avatar-initial{color:#17345f!important;}