/* Préférences de lecture, limitées aux propositions agence et client. */
:root{--ux-font-body:Mulish,Arial,sans-serif;--ux-font-heading:Poppins,Arial,sans-serif;--ux-text-scale:1}
body.ux-proposal,body.ux-proposal .agency-private,body.ux-proposal dialog{font-family:var(--ux-font-body)!important;font-size:calc(14px * var(--ux-text-scale));line-height:1.55}
body.ux-proposal :where(p,span,small,b,strong,em,label,button,input,select,textarea,td,th,summary,legend,time,li,a,div,section,article,nav,header,footer,aside,fieldset){font-family:var(--ux-font-body)!important}
body.ux-proposal :where(h1,h2,h3,h4){font-family:var(--ux-font-heading)!important;overflow-wrap:anywhere}
body.ux-proposal :where(h1,h2,h3,h4) :where(span,b,strong,a){font-family:inherit!important}
body.ux-proposal :is(.agency-heading h1){font-size:clamp(calc(24px * var(--ux-text-scale)),2.4vw,calc(30px * var(--ux-text-scale)))!important;line-height:1.25}
body.ux-proposal :is(.agency-panel h2,.ux-section-heading h2,.agency-detail-dialog h2){font-size:calc(17px * var(--ux-text-scale))!important;line-height:1.4}
body.ux-proposal :is(.agency-panel h3,.agency-record h3){font-size:calc(16px * var(--ux-text-scale));line-height:1.4}
body.ux-proposal :is(.agency-panel p,.agency-grid label,.agency-contact-table td,.agency-detail-table td,.agency-mail-body,.agency-mail-reader p,.agency-review-pair p,.agency-approval-body p){font-size:calc(14px * var(--ux-text-scale));line-height:1.6}
body.ux-proposal :is(.agency-private input:not([type=checkbox]):not([type=radio]),.agency-private select,.agency-private textarea){font-size:calc(14px * var(--ux-text-scale))!important;height:auto;line-height:1.5}
body.ux-proposal :is(.agency-button,.agency-record-tabs button,.agency-mail-folders button,.agency-mail-bulk button,.agency-account button,.agency-calendar-controls button,.agency-calendar-controls select,.agency-calendar-controls input,.agency-table-filters input,.agency-table-filters select,.agency-dashboard-filters input,.agency-dashboard-filters select){font-size:calc(12px * var(--ux-text-scale))!important;height:auto!important;min-height:32px;line-height:1.5}
body.ux-proposal :is(.agency-caption,.agency-empty,.agency-record-meta,.agency-row small,.agency-row p,.agency-pill,.agency-tag,.agency-label,.agency-version,.agency-selection-bar small,.agency-selection-bar b,.agency-contact-table th,.agency-contact-table small,.agency-detail-table th,.agency-detail-task small,.agency-detail-task>span:last-child,.agency-agent-connection p,.agency-ticket-row small,.agency-pipeline-column .agency-stage-change,.agency-pipeline-column .agency-prospect-contact,.agency-pipeline-column .agency-prospect-person,.agency-day-items small,.agency-day-items time,.agency-day-items button>span,.agency-calendar-weekdays,.calendar-cell-title,.calendar-cell-count,.calendar-cell-pending){font-size:calc(12px * var(--ux-text-scale))!important;line-height:1.5}
body.ux-proposal :is(.agency-private .agency-table-filters>label,.agency-dashboard-filters label,.agency-stage-change select){font-size:calc(12px * var(--ux-text-scale))!important}
body.ux-proposal :is(.agency-approval-row b,.agency-followup-row b,.agency-prospect-name,.agency-day-items b){font-size:calc(14px * var(--ux-text-scale))!important;line-height:1.45}
body.ux-proposal .agency-stage{font-size:calc(12px * var(--ux-text-scale))!important;line-height:1.5;white-space:nowrap}
body.ux-proposal .agency-private .agency-stage-change select{font-size:calc(12px * var(--ux-text-scale))!important}
body.ux-proposal .agency-table-filters,body.ux-proposal .agency-dashboard-filters,body.ux-proposal .agency-calendar-controls{flex-wrap:wrap}
body.ux-proposal .agency-private .agency-table-filters>label{white-space:normal;flex-wrap:wrap;max-width:100%}
body.ux-proposal .agency-top,body.ux-proposal .ux-top-controls,body.ux-proposal .agency-record-tabs{flex-wrap:wrap}
body.ux-proposal .agency-top{padding-block:10px;height:auto}
body.ux-proposal .agency-sidebar nav button{height:auto;white-space:normal;line-height:1.45}
body.ux-proposal .agency-nav-label{min-width:0;overflow-wrap:anywhere}
body.ux-proposal .agency-kpi-button{height:auto;min-height:146px}
body.ux-proposal .agency-kpi-button>span,body.ux-proposal .agency-kpi-button small{white-space:normal}
body.ux-proposal .agency-contact-table{font-size:calc(14px * var(--ux-text-scale))}
body.ux-proposal .ux-theme-dialog{max-width:calc(100% - 24px);overflow:auto}
body.ux-proposal .ux-theme-dialog>header{position:sticky;top:-26px;z-index:2;background:var(--ux-surface);padding-block:12px;align-items:center}
body.ux-proposal .ux-close{display:grid;place-items:center;padding:0;width:40px;height:40px;min-width:40px;line-height:1;font-size:26px}
.ux-reading-settings{margin-top:24px;border:1px solid var(--ux-line);border-radius:14px;padding:18px;background:var(--ux-tint)}
.ux-reading-settings h3{font-size:calc(16px * var(--ux-text-scale));margin:0 0 16px}
.ux-font-choice{display:grid;gap:6px;font-size:calc(13px * var(--ux-text-scale));font-weight:700}
.ux-font-choice select{width:100%;min-width:0;max-width:100%;min-height:40px;padding:8px;border:1px solid var(--ux-line);border-radius:8px;background:var(--ux-surface);color:var(--ux-ink);font:inherit;font-weight:400}
.ux-theme-dialog .ux-size-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;margin:18px 0}
.ux-size-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:12px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-surface);cursor:pointer}
.ux-size-option:has(input:checked){border-color:var(--ux-accent);box-shadow:0 0 0 1px var(--ux-accent)}
.ux-size-option input{margin:4px 0 0;accent-color:var(--ux-accent);width:16px;height:16px}
.ux-size-option strong{font-size:calc(13px * var(--ux-text-scale));align-self:center}
.ux-size-option small{grid-column:2;font-size:calc(12px * var(--ux-text-scale));color:var(--ux-muted)}
.ux-reading-sample{padding:16px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-surface);overflow-wrap:anywhere}
.ux-reading-sample>strong{font-family:var(--ux-font-heading)!important;font-size:calc(17px * var(--ux-text-scale))}
.ux-reading-sample p{font-size:calc(14px * var(--ux-text-scale));margin:8px 0}
.ux-reading-sample small{font-size:calc(12px * var(--ux-text-scale));color:var(--ux-muted)}
.ux-reading-reset{border:0;background:none;color:var(--ux-accent);font-size:calc(12px * var(--ux-text-scale));text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:12px;padding:5px 0;min-height:32px;line-height:1.5}
.ux-dialog-bottom{flex-wrap:wrap;position:sticky;bottom:-26px;background:var(--ux-surface);padding-block:12px;z-index:2}
@media(max-width:700px){
 body.ux-proposal :is(.agency-private input:not([type=checkbox]):not([type=radio]),.agency-private textarea,.agency-private select,.ux-font-choice select){font-size:max(16px,calc(14px * var(--ux-text-scale)))!important;height:auto!important;min-height:40px}
 .ux-reading-settings{padding:12px}.ux-theme-dialog .ux-size-options{grid-template-columns:1fr}
 body.ux-proposal .ux-theme-dialog>header{top:-18px}.ux-dialog-bottom{bottom:-18px}
 body.ux-proposal .agency-pipeline-column>header{min-width:max-content}
}
body.ux-proposal .agency-kpi-button strong{font-size:clamp(calc(23px * var(--ux-text-scale)),2vw,calc(30px * var(--ux-text-scale)));overflow-wrap:anywhere}
@media(max-width:700px){body.ux-proposal .agency-kpi-button strong{font-size:calc(26px * var(--ux-text-scale))}}