/* CKlean PASS 4 — finition SaaS, responsive, stabilité visuelle */
:root{--ck-vh:1vh;--ck-safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{max-width:100%;overflow-x:hidden}
#appCard,.panel,.panel.active,.box,.ck-dashboard-grid,.settings-layout,.ck-mail-page{min-width:0}
button,input,select,textarea{touch-action:manipulation}
@media (pointer:coarse){button,.tab,.ghost,.ck-icon-button{min-height:42px}input,select,textarea{font-size:16px!important}}
.ck-network-banner{position:fixed;z-index:230000;left:50%;top:12px;transform:translate(-50%,-140%);display:flex;align-items:center;gap:9px;max-width:min(620px,calc(100vw - 24px));padding:9px 12px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#171a1f;color:#d8dbe0;box-shadow:0 16px 48px rgba(0,0,0,.42);font-size:10px;font-weight:750;transition:transform .2s ease}.ck-network-banner.show{transform:translate(-50%,0)}.ck-network-banner.is-error{border-color:rgba(225,72,84,.28);background:#21171a;color:#f1b0b5}.ck-network-banner.is-warn{border-color:rgba(219,158,57,.25);background:#211e17;color:#e6c47e}
.modal,.sheet,.sheetOverlay,.ck-mail-compose-backdrop,.ck-ux-dialog-backdrop,.ck-onboarding-backdrop{max-width:100vw}
@media(max-width:1180px){.sheet,.ck-client-editor,.ck-client-360{max-width:min(94vw,900px)!important}.modalCard,.modal .card,.ck-ux-dialog{max-height:calc(var(--ck-vh)*100 - 28px)!important;overflow:auto}}
@media(max-width:760px){.wrap{padding-left:8px!important;padding-right:8px!important}#appCard.card{padding:8px!important;gap:8px!important}#appCard>.panel.active{padding-left:0!important;padding-right:0!important}.modal,.sheetOverlay{padding:8px!important}.modalCard,.modal .card,.sheet,.ck-ux-dialog{width:calc(100vw - 16px)!important;max-width:none!important;border-radius:12px!important}.grid,.settings-grid{grid-template-columns:1fr!important}.row{flex-wrap:wrap}}
#tab-mails .ck-mail-followup-center{margin:0 0 10px!important;padding:0!important}
#tab-mails .ck-mail-shell{position:relative!important}
#tab-mails .ck-mail-mobile-back{display:none;border:0;background:transparent;color:#e4e7eb;font-size:15px;font-weight:800;padding:8px 4px 10px;text-align:left}
#tab-mails .ck-mail-mobile-back span{font-size:10px;margin-left:3px}
@media (min-width:761px) and (max-width:1180px){
  #tab-mails .ck-mail-head{margin-bottom:10px}
  #tab-mails .ck-mail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  #tab-mails .ck-mail-kpis button{min-height:64px!important;padding:9px 11px!important}
  #tab-mails .ck-mail-shell{display:grid!important;grid-template-columns:minmax(300px,38%) minmax(0,62%)!important;grid-template-rows:auto minmax(0,1fr)!important;height:calc(var(--ck-vh)*100 - 280px)!important;min-height:510px!important}
  #tab-mails .ck-mail-folders{grid-column:1/-1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;height:auto!important;padding:6px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;white-space:nowrap!important}
  #tab-mails .ck-mail-folders button{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:8px 10px!important}
  #tab-mails .ck-mail-folder-sep{width:1px!important;height:24px!important;margin:0 3px!important;display:block!important}
  #tab-mails .ck-mail-list-wrap{grid-column:1!important;grid-row:2!important;height:100%!important;border-right:1px solid rgba(255,255,255,.06)!important}
  #tab-mails .ck-mail-reader{grid-column:2!important;grid-row:2!important;position:relative!important;height:100%!important;display:block!important}
  #tab-mails .ck-mail-list{height:auto!important;min-height:0!important}
  #tab-mails .ck-mail-message{padding:18px!important}
  #tab-mails .ck-mail-message h3{font-size:18px!important}
  #tab-mails .ck-mail-business-card{align-items:flex-start!important;flex-direction:column!important}
  #tab-mails .ck-mail-business-actions{justify-content:flex-start!important}
  #tab-mails .ck-mail-reader-actions{display:flex!important;flex-wrap:wrap!important}
}
@media(max-width:760px){
  #tab-mails{padding-bottom:0!important}
  #tab-mails .ck-mail-head{align-items:center!important;margin-bottom:8px!important}
  #tab-mails .ck-mail-head h2{font-size:24px!important}
  #tab-mails .ck-mail-head-actions{gap:5px!important}
  #tab-mails #mailCompose{font-size:0!important;width:42px!important;min-width:42px!important;padding:0!important}
  #tab-mails #mailCompose:before{content:'＋';font-size:20px}
  #tab-mails .ck-mail-kpis{display:none!important}
  #tab-mails .ck-mail-followup-center{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:0 0 7px!important;scrollbar-width:none!important}
  #tab-mails .ck-mail-followup-center::-webkit-scrollbar{display:none}
  #tab-mails .ck-mail-followup-center button{flex:0 0 118px!important;min-width:118px!important;padding:8px!important}
  #tab-mails .ck-mail-shell{display:block!important;height:calc(var(--ck-vh)*100 - 168px)!important;min-height:420px!important;overflow:hidden!important;border-radius:10px!important}
  #tab-mails .ck-mail-folders{display:flex!important;height:44px!important;overflow-x:auto!important;padding:5px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;scrollbar-width:none!important}
  #tab-mails .ck-mail-folders::-webkit-scrollbar{display:none}
  #tab-mails .ck-mail-folders button{flex:0 0 auto!important;width:auto!important;min-height:34px!important;padding:6px 9px!important;margin:0 2px!important;font-size:10px!important}
  #tab-mails .ck-mail-folder-sep{display:none!important}
  #tab-mails .ck-mail-list-wrap{display:flex!important;height:calc(100% - 44px)!important;border-right:0!important;min-height:0!important}
  #tab-mails .ck-mail-search{padding:7px!important}
  #tab-mails .ck-mail-search input{font-size:16px!important;padding:8px 4px!important}
  #tab-mails .ck-mail-filterbar{padding:5px 7px!important}
  #tab-mails .ck-mail-list-head{display:none!important}
  #tab-mails .ck-mail-list{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #tab-mails .ck-mail-row{min-height:72px!important;padding:10px 8px!important;gap:7px!important}
  #tab-mails .ck-mail-row-main strong{font-size:10px!important}
  #tab-mails .ck-mail-row-flags em{display:none!important}
  #tab-mails .ck-mail-check{opacity:.75!important}
  #tab-mails .ck-mail-reader{display:none!important;position:absolute!important;z-index:40!important;inset:0!important;height:100%!important;background:#101216!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #tab-mails .ck-mail-shell.is-reading .ck-mail-reader{display:block!important}
  #tab-mails .ck-mail-shell.is-reading .ck-mail-list-wrap,#tab-mails .ck-mail-shell.is-reading .ck-mail-folders{visibility:hidden!important}
  #tab-mails .ck-mail-mobile-back{display:block!important;position:sticky!important;top:0!important;z-index:5!important;width:100%!important;padding:10px 12px!important;background:rgba(16,18,22,.96)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(10px)!important}
  #tab-mails .ck-mail-message{padding:12px!important}
  #tab-mails .ck-mail-message>header{display:block!important;padding-bottom:12px!important}
  #tab-mails .ck-mail-message h3{font-size:18px!important;line-height:1.25!important;margin-bottom:10px!important}
  #tab-mails .ck-mail-reader-actions{display:flex!important;gap:5px!important;overflow-x:auto!important;margin-top:9px!important}
  #tab-mails .ck-mail-reader-actions button{white-space:nowrap!important;min-height:38px!important;padding:7px 9px!important}
  #tab-mails .ck-mail-business-card,#tab-mails .ck-mail-actionbar{align-items:flex-start!important;flex-direction:column!important}
  #tab-mails .ck-mail-business-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #tab-mails .ck-mail-business-actions button{width:100%!important}
  #tab-mails .ck-mail-smart footer{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #tab-mails .ck-mail-body{font-size:12px!important;overflow-wrap:anywhere!important}
  #tab-mails .ck-mail-attachments button{width:100%!important;min-width:0!important}
  .ck-mail-compose-backdrop{padding:0!important;align-items:stretch!important}
  .ck-mail-compose{width:100vw!important;height:calc(var(--ck-vh)*100)!important;max-height:none!important;border:0!important;border-radius:0!important;grid-template-rows:auto auto auto minmax(160px,1fr) auto!important}
  .ck-mail-compose header{position:sticky!important;top:0!important;z-index:4!important;padding:10px 12px!important}
  .ck-mail-compose-tools{padding:7px 10px 0!important}
  .ck-mail-compose-fields{display:block!important;padding:8px 10px!important;overflow:auto!important;max-height:34vh!important}
  .ck-mail-compose-fields label{display:block!important;margin-bottom:6px!important}
  .ck-mail-compose textarea{min-height:180px!important;padding:12px!important;font-size:16px!important}
  .ck-mail-compose-attachments{padding:7px 10px!important;max-height:88px!important;overflow:auto!important}
  .ck-mail-compose footer{position:sticky!important;bottom:0!important;padding:9px 10px calc(9px + var(--ck-safe-bottom))!important}
  .ck-mail-compose footer #mailComposeState{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:761px) and (max-width:1180px){.ck-dashboard-grid{gap:10px!important}.ck-client-360-layout,.settings-layout{min-width:0!important}.ck-document-editor-shell{max-width:100%!important}table{max-width:100%}}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid rgba(225,72,84,.72)!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}