/* Proposition UX — couleurs sémantiques communes à l’agence et au client. */
:root{--ux-bg:#fbf7f4;--ux-surface:#fffefa;--ux-soft:#f5e9df;--ux-tint:#f8f0e9;--ux-line:#e3d6cd;--ux-accent:#875a48;--ux-ink:#3d3531;--ux-muted:#75665d;--ux-brand:#efc5ac;--ux-shadow:0 8px 26px #60432c06;--ux-focus:#79503e}
:root[data-theme=lin]{--ux-bg:#f5f5ef;--ux-surface:#fffef9;--ux-soft:#e7eadd;--ux-tint:#f0f1e8;--ux-line:#d9ddcd;--ux-accent:#5d6852;--ux-ink:#363b31;--ux-muted:#646d5c;--ux-brand:#c6d0b5;--ux-focus:#4b583f}
:root[data-theme=rose]{--ux-bg:#faf5f6;--ux-surface:#fffdfd;--ux-soft:#f1e3e8;--ux-tint:#f8eef2;--ux-line:#e7d6df;--ux-accent:#885a6b;--ux-ink:#40343b;--ux-muted:#7b6370;--ux-brand:#e7bdce;--ux-focus:#77475b}
.ux-proposal{margin:0;background:var(--ux-bg);color:var(--ux-ink);font:calc(14px * var(--ux-text-scale,1))/1.55 Mulish,Arial,sans-serif}
.ux-proposal *{box-sizing:border-box}
.ux-proposal button,.ux-proposal input,.ux-proposal select,.ux-proposal textarea{font-family:inherit}
.ux-proposal button,.ux-proposal a{-webkit-tap-highlight-color:transparent}
.ux-proposal :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ux-focus);outline-offset:3px}
.ux-proposal input[type=checkbox],.ux-proposal input[type=radio]{accent-color:var(--ux-accent)}
.ux-proposal .agency-private{--accent:var(--ux-accent);--line:var(--ux-line);grid-template-columns:232px minmax(0,1fr);background:var(--ux-bg);color:var(--ux-ink)}
.ux-proposal .agency-main{padding:0 clamp(18px,2.4vw,40px) 22px;min-width:0}
.ux-proposal #agency-screen{max-width:1540px;margin:auto;padding-top:26px}
.ux-proposal .agency-sidebar{padding:18px 14px;background:var(--ux-surface);border-color:var(--ux-line);scrollbar-width:thin}
.ux-proposal .agency-logo{padding:12px 0 0;min-height:112px}
.ux-proposal .agency-logo img{width:178px!important;height:102px!important;object-position:center!important}
.ux-proposal .agency-label{font-size:calc(12px * var(--ux-text-scale,1));letter-spacing:.13em;margin:0 0 16px;color:var(--ux-muted)}
.ux-proposal .agency-sidebar-toggle{background:var(--ux-surface)!important;border-color:var(--ux-line)!important;color:var(--ux-accent);box-shadow:none!important}
.ux-proposal .agency-sidebar nav{display:flex;flex-direction:column;gap:15px;overflow:visible}
.ux-nav-group{display:grid;gap:2px}
.ux-nav-heading{padding:0 12px 5px;font-size:calc(12px * var(--ux-text-scale,1));text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--ux-muted)}
.ux-proposal .agency-sidebar nav button{width:100%;gap:9px;padding:6px 10px;min-height:36px;border-radius:9px;font-size:calc(12px * var(--ux-text-scale,1));font-weight:700;color:var(--ux-muted)}
.ux-proposal .agency-nav-icon{width:24px;height:24px}
.ux-proposal .agency-nav-icon svg{width:21px;height:21px}
.ux-proposal .agency-sidebar nav button:hover{background:var(--ux-tint);color:var(--ux-ink)}
.ux-proposal .agency-sidebar nav button[aria-current=page]{background:var(--ux-soft);color:var(--ux-accent);box-shadow:inset 3px 0 var(--ux-accent)}
.ux-proposal .agency-account{border-color:var(--ux-line);margin-top:auto;padding:20px 4px 0;color:var(--ux-muted);font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-account button,.ux-proposal .agency-version{color:var(--ux-muted)}
.ux-proposal .agency-top{min-height:68px;gap:14px;border-color:var(--ux-line);max-width:1540px;margin:auto;justify-content:flex-start;flex-wrap:wrap;padding-block:10px}
.ux-proposal .agency-top .ux-context{font-size:calc(12px * var(--ux-text-scale,1))!important;color:var(--ux-muted);display:flex!important;align-items:center;gap:13px}
.ux-context b{font-size:calc(14px * var(--ux-text-scale,1));font-weight:800;color:var(--ux-ink)}
.ux-top-controls{display:flex;align-items:center;gap:18px;margin-left:auto}
.ux-view-link{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted);text-decoration:none}.ux-view-link:hover{text-decoration:underline}
.ux-theme-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:99px;padding:8px 12px;min-height:36px;color:var(--ux-ink);font-size:calc(12px * var(--ux-text-scale,1));font-weight:700;cursor:pointer}
.ux-theme-dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--ux-brand) 50%,var(--ux-accent) 50%)}
.ux-proposal #agency-notifications{margin-left:0}.ux-proposal #notifications-toggle{border-color:var(--ux-line);background:var(--ux-surface);color:var(--ux-accent)}
.ux-proposal .agency-heading{margin-bottom:22px;gap:16px;align-items:center}
.ux-proposal .agency-heading .agency-eyebrow{display:none}
.ux-proposal .agency-heading h1{font:500 clamp(24px,2.2vw,32px)/1.25 Poppins,sans-serif;letter-spacing:-.04em;color:var(--ux-ink)}
.ux-proposal .agency-heading p{font-size:calc(13px * var(--ux-text-scale,1));line-height:1.6;color:var(--ux-muted);margin-top:7px}
.ux-proposal .agency-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:9px;background:var(--ux-accent);border:1px solid var(--ux-accent);padding:8px 13px;font-size:calc(12px * var(--ux-text-scale,1));font-weight:700;color:white;box-shadow:none;text-decoration:none;cursor:pointer}
.ux-proposal .agency-button.secondary{color:var(--ux-accent);background:var(--ux-surface);border-color:var(--ux-line)}
.ux-proposal .agency-button:hover{filter:brightness(.97)}
.ux-proposal .agency-button.danger{background:#f2e1df;color:#833b38;border-color:#dfb7b4}
.ux-proposal .agency-dashboard-filters,.ux-proposal .agency-table-filters{background:transparent;border:0;padding:0;margin-bottom:18px;gap:7px 10px;align-items:center}
.ux-proposal .agency-dashboard-filters label,.ux-proposal .agency-table-filters>label{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-proposal .agency-private :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ux-surface);border-color:var(--ux-line);color:var(--ux-ink);border-radius:8px}
.ux-proposal .agency-dashboard-filters :is(select,input),.ux-proposal .agency-table-filters :is(select,input:not([type=checkbox])){min-height:32px;height:32px;font-size:calc(12px * var(--ux-text-scale,1));max-width:200px}
.ux-proposal .agency-dashboard-filters button{margin-left:auto;min-height:32px;font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-panel{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:16px;padding:20px;box-shadow:var(--ux-shadow)}
.ux-proposal .agency-panel h2{font:600 calc(15px * var(--ux-text-scale,1))/1.4 Mulish,sans-serif;color:var(--ux-ink);margin:0 0 16px;letter-spacing:0}
.ux-priority-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:18px;margin-bottom:28px;align-items:start}
.ux-priority-grid>.agency-panel{margin:0;min-width:0}
.ux-proposal .ux-approval-panel{border-top:3px solid var(--ux-brand)}
.ux-proposal .ux-approval-panel h2{display:flex;gap:9px;align-items:center}
.ux-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--ux-soft);color:var(--ux-accent);border-radius:7px;font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-approval-list{display:flex;flex-direction:column;gap:0}
.ux-proposal .agency-approval-row{padding:12px 0;border:0;border-bottom:1px solid var(--ux-line);border-radius:0;background:none;gap:12px;transition:background .18s}
.ux-proposal .agency-approval-row:last-child{border-bottom:0;padding-bottom:0}
.ux-proposal .agency-approval-row:first-child{padding-top:0}
.ux-proposal .agency-approval-row:hover{transform:none;background:var(--ux-tint)}
.ux-proposal .agency-approval-row b{font-size:calc(13px * var(--ux-text-scale,1));color:var(--ux-ink);font-weight:800;margin:5px 0}
.ux-proposal .agency-approval-row small{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-proposal .agency-approval-row>span:nth-child(2)>small:last-child{display:none}
.ux-proposal .agency-approval-row>.agency-icon-tile{width:46px;height:46px;background:var(--ux-tint);border-radius:12px}
.ux-proposal .agency-approval-row .agency-stage{background:#f1dfbd;color:#6b5330;white-space:nowrap;font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-client-label{font-size:calc(12px * var(--ux-text-scale,1));font-weight:800;padding:2px 7px;border-radius:5px}
.ux-proposal .agency-followup-row{border-color:var(--ux-line);padding-block:14px;gap:8px;flex-wrap:wrap}
.ux-proposal .agency-followup-row>div{flex-basis:calc(100% - 60px)}
.ux-proposal .agency-followup-row .agency-button{padding:5px 9px;min-height:30px;font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-followup-row .agency-button:first-of-type{margin-left:44px}
.ux-proposal .agency-followup-row b{font-size:calc(13px * var(--ux-text-scale,1));color:var(--ux-ink)}
.ux-proposal .agency-followup-row small,.ux-proposal .agency-followup-row time{color:var(--ux-muted);font-size:calc(12px * var(--ux-text-scale,1))}
.ux-proposal .agency-followup-row time.overdue{color:#88463b;font-weight:800}
.ux-section-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 14px}
.ux-section-heading h2{font:600 calc(17px * var(--ux-text-scale,1))/1.4 Mulish,sans-serif;margin:0;color:var(--ux-ink)}
.ux-section-heading p{margin:3px 0 0;font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-section-heading>span{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted);text-align:right}
.ux-proposal .agency-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ux-proposal .agency-kpis article{border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-surface);box-shadow:none}
.ux-proposal .agency-kpis article:before{display:none}
.ux-proposal .agency-kpi-button{padding:16px;gap:7px}
.ux-proposal .agency-kpi-button>span{font-size:calc(12px * var(--ux-text-scale,1));font-weight:700;color:var(--ux-muted)}
.ux-proposal .agency-kpi-button strong{font:500 clamp(23px,2vw,30px)/1.2 Poppins,sans-serif;color:var(--ux-ink);letter-spacing:-.05em;margin:3px 0;font-variant-numeric:tabular-nums}
.ux-proposal .agency-kpi-button small{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-proposal .agency-kpi-button em{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-accent)}
.ux-proposal .agency-kpi-button:hover{background:var(--ux-tint)}
.ux-proposal .agency-dashboard-grid.ux-distributions{grid-template-columns:1fr 1fr;gap:18px}
.ux-proposal .ux-distributions>.agency-panel:first-child{grid-column:auto}
.ux-proposal .agency-stat-row{font-size:calc(12px * var(--ux-text-scale,1));margin:15px 0;gap:6px 12px}
.ux-proposal .agency-stat-track{height:5px;background:var(--ux-soft)}
.ux-proposal .agency-stat-track i{background:var(--ux-accent)}
.ux-proposal :is(.agency-caption,.agency-empty,.agency-record-meta,.agency-kpis small){color:var(--ux-muted)}
.ux-proposal :is(.agency-record-banner,.agency-selection-bar,.agency-brief-history article,.agency-review-pair article,.agency-approval-body,.agency-mail-folders,.agency-mail-link,.agency-record-meta,.agency-agent-connection){background:var(--ux-tint);border-color:var(--ux-line);color:var(--ux-ink)}
.ux-proposal :is(.agency-avatar,.agency-icon-tile){background:var(--ux-soft);color:var(--ux-accent)}
.ux-proposal :is(.agency-contact-table,.agency-mailbox,.agency-mail-reader,.agency-mail-list){background:var(--ux-surface);border-color:var(--ux-line);color:var(--ux-ink)}
.ux-proposal :is(.agency-contact-table th,.agency-mail-bulk,.agency-mailbox-toolbar){background:var(--ux-tint);border-color:var(--ux-line);color:var(--ux-muted)}
.ux-proposal :is(.agency-contact-table td,.agency-mail-row){border-color:var(--ux-line)}
.ux-proposal .agency-contact-table tbody tr:hover,.ux-proposal .agency-mail-row:hover{background:var(--ux-tint)}
.ux-proposal .agency-mail-folders button{color:var(--ux-accent)}
.ux-proposal .agency-mail-folders button[aria-pressed=true],.ux-proposal .agency-record-tabs button[aria-selected=true]{background:var(--ux-accent);color:white}
.ux-proposal .agency-mail-row.unread{background:var(--ux-tint)}
.ux-proposal .agency-unread-count{background:var(--ux-accent);color:white}
.ux-proposal .agency-stage{white-space:nowrap;font-size:calc(12px * var(--ux-text-scale,1));border-radius:6px;padding:4px 8px}
.ux-proposal .stage-a_contacter{background:#dce8ec;color:#435e6a}
.ux-proposal .stage-echange_prevu{background:#e4dded;color:#625275}
.ux-proposal .stage-proposition_envoyee{background:#f1e0be;color:#705a31}
.ux-proposal .stage-gagne{background:#dce8db;color:#456046}
.ux-proposal .stage-perdu{background:#eddbd9;color:#7b504a}
.ux-proposal .agency-pipeline-column.stage-column-a_contacter{background:#edf3f5;border-color:#d2e0e5}
.ux-proposal .agency-pipeline-column.stage-column-echange_prevu{background:#f0edf5;border-color:#dfd7ea}
.ux-proposal .agency-pipeline-column.stage-column-proposition_envoyee{background:#f8f2e5;border-color:#e9dec5}
.ux-proposal .agency-pipeline-column.stage-column-gagne{background:#edf3eb;border-color:#d7e3d3}
.ux-proposal .agency-pipeline-column.stage-column-perdu{background:#f7eded;border-color:#e8d6d2}
.ux-proposal .agency-prospect-card{background:var(--ux-surface);border-color:var(--ux-line);box-shadow:none}
.ux-proposal :is(.agency-month-board,.agency-day-agenda){background:var(--ux-surface);border-color:var(--ux-line)}
.ux-proposal .agency-calendar-weekdays{color:var(--ux-muted);font-weight:700}
.ux-proposal .agency-calendar-cell{background:var(--ux-surface);border-color:var(--ux-line);color:var(--ux-ink);border-radius:7px}
.ux-proposal .agency-calendar-cell>time{font:500 calc(14px * var(--ux-text-scale,1))/1.2 Mulish,sans-serif}
.ux-proposal .agency-calendar-cell.today>time{color:var(--ux-accent);text-decoration:none;background:var(--ux-soft);border-radius:50%;min-width:22px;min-height:22px;display:grid;place-items:center}
.ux-proposal .agency-calendar-cell[aria-pressed=true]{background:var(--ux-tint);border-color:var(--ux-accent);box-shadow:inset 0 0 0 1px var(--ux-accent)}
.ux-proposal .agency-calendar-cell.outside{background:var(--ux-bg)}
.ux-proposal .agency-day-items>button{background:var(--ux-tint);border-color:var(--ux-line)}
.ux-proposal .agency-day-agenda h2{font-size:calc(15px * var(--ux-text-scale,1))}
.ux-proposal .calendar-cell-count{color:var(--ux-accent)}
.ux-proposal :is(.agency-detail-dialog,.agency-detail-task){background:var(--ux-surface);border-color:var(--ux-line);color:var(--ux-ink)}
.ux-proposal .agency-detail-dialog>header,.ux-proposal .agency-detail-table :is(td,th){border-color:var(--ux-line)}
.ux-proposal :is(.agency-detail-value,.agency-detail-link){color:var(--ux-accent)}
.ux-proposal .agency-detail-list section,.ux-proposal .agency-detail-close{background:var(--ux-tint);border-color:var(--ux-line)}
.ux-proposal footer{border-color:var(--ux-line);color:var(--ux-muted);font-size:calc(12px * var(--ux-text-scale,1));margin-top:30px}
.ux-proposal-note{display:block;margin-top:5px}
.ux-proposal .agency-detail-dialog,.ux-theme-dialog{animation:ux-arrive .18s ease-out}
@keyframes ux-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ux-theme-dialog{width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-surface);color:var(--ux-ink);box-shadow:0 24px 90px #30251e30;font:calc(14px * var(--ux-text-scale,1))/1.6 Mulish,Arial,sans-serif}
.ux-theme-dialog::backdrop{background:#30251e66;backdrop-filter:blur(3px)}
.ux-theme-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px}
.ux-overline{font-size:calc(12px * var(--ux-text-scale,1));letter-spacing:.12em;font-weight:800;color:var(--ux-muted);margin:0 0 6px}
.ux-theme-dialog h2{font:500 calc(24px * var(--ux-text-scale,1))/1.3 Poppins,sans-serif;letter-spacing:-.03em;margin:0}
.ux-close{width:38px;height:38px;border:1px solid var(--ux-line);border-radius:50%;background:var(--ux-tint);color:var(--ux-ink);font-size:calc(24px * var(--ux-text-scale,1));flex:none;cursor:pointer}
.ux-theme-dialog>p{font-size:calc(13px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-theme-dialog fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:24px 0}
.ux-theme-dialog legend{font-size:calc(12px * var(--ux-text-scale,1));font-weight:800;padding:0;margin:0 0 10px}
.ux-theme-option{display:flex;flex-direction:column;gap:7px;position:relative;border:1px solid var(--ux-line);border-radius:13px;padding:12px;cursor:pointer;background:var(--ux-surface)}
.ux-theme-option:has(input:checked){border-color:var(--ux-accent);box-shadow:0 0 0 1px var(--ux-accent)}
.ux-theme-option input{position:absolute;right:10px;top:10px;width:18px;height:18px;margin:0}
.ux-theme-option strong{font-size:calc(12px * var(--ux-text-scale,1))}.ux-theme-option small{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted);line-height:1.5}
.ux-theme-sample{display:flex;gap:10px;background:var(--sample-bg);border:1px solid var(--ux-line);border-radius:6px;height:93px;margin-bottom:4px;padding:12px}
.ux-theme-sample>i{display:block;width:19%;background:var(--sample-soft);border-radius:3px}
.ux-theme-sample>span{display:flex;flex:1;flex-direction:column;gap:6px;padding:9px 0}
.ux-theme-sample b{background:var(--sample-accent);width:45%;height:5px;border-radius:2px}
.ux-theme-sample span>span{height:12px;background:var(--sample-soft);border-radius:3px}
.ux-theme-help{font-size:calc(12px * var(--ux-text-scale,1))!important}.ux-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.ux-dialog-bottom [role=status]{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
@media(min-width:701px){.ux-proposal .agency-private.sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}.ux-proposal .sidebar-collapsed .ux-nav-heading{display:none}.ux-proposal .sidebar-collapsed .agency-sidebar nav{gap:12px}.ux-proposal .sidebar-collapsed .agency-logo img{width:62px!important;height:62px!important}.ux-proposal .sidebar-collapsed .agency-logo{min-height:85px;padding:0}.ux-proposal .sidebar-collapsed .agency-sidebar nav button{padding:8px;justify-content:center}.ux-proposal .sidebar-collapsed .agency-account{padding-top:16px}}
@media(max-width:1150px){.ux-proposal .agency-private{grid-template-columns:210px minmax(0,1fr)}.ux-priority-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:12px}.ux-proposal .agency-panel{padding:16px}.ux-proposal .agency-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-proposal .agency-kpi-button{padding:14px}.ux-view-link{max-width:125px}.ux-top-controls{gap:10px}}
@media(max-width:900px){.ux-priority-grid{grid-template-columns:1fr}.ux-proposal .agency-followup-row{flex-wrap:nowrap}.ux-proposal .agency-followup-row>div{flex-basis:auto}.ux-proposal .agency-followup-row .agency-button:first-of-type{margin-left:0}.ux-proposal .agency-dashboard-grid.ux-distributions{grid-template-columns:1fr}.ux-section-heading>span{display:none}}
@media(max-width:700px){.ux-proposal .agency-private{display:block}.ux-proposal .agency-sidebar{position:static;height:auto;padding:8px 12px 12px}.ux-proposal .agency-logo{min-height:85px;padding:0}.ux-proposal .agency-logo img{width:148px!important;height:85px!important}.ux-proposal .agency-label{margin:0 0 12px}.ux-proposal .agency-sidebar nav{flex-direction:row;overflow-x:auto;gap:14px;padding:4px 0 8px;scrollbar-width:thin}.ux-nav-group{display:flex;gap:4px;flex:none}.ux-nav-heading{display:none}.ux-proposal .agency-sidebar nav button{min-width:80px;width:auto;min-height:48px;flex-direction:column;gap:4px;font-size:calc(12px * var(--ux-text-scale,1));padding:8px}.ux-proposal .agency-account{padding:8px 0 0;margin:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px}.ux-proposal .agency-version{margin:0}.ux-proposal .agency-main{padding-inline:14px}.ux-proposal .agency-top{gap:8px;min-height:58px}.ux-proposal .agency-top .ux-context{display:none!important}.ux-top-controls{margin-left:0;flex:1;justify-content:space-between}.ux-view-link{max-width:none;font-size:calc(12px * var(--ux-text-scale,1))}.ux-theme-toggle{min-height:44px;font-size:calc(12px * var(--ux-text-scale,1));padding:8px 10px}.ux-proposal .agency-heading{align-items:start;gap:12px}.ux-proposal .agency-heading h1{font-size:calc(25px * var(--ux-text-scale,1))}.ux-proposal .agency-button{min-height:40px}.ux-proposal .agency-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ux-proposal .agency-kpi-button{height:100%;padding:14px}.ux-proposal .agency-kpi-button strong{font-size:calc(26px * var(--ux-text-scale,1))}.ux-proposal .agency-approval-row{flex-wrap:wrap}.ux-proposal .agency-approval-row>.agency-stage{margin-left:58px}.ux-proposal .agency-approval-row>span:nth-child(2){flex-basis:calc(100% - 60px)}.ux-proposal .agency-followup-row{flex-wrap:wrap}.ux-proposal .agency-followup-row>div{flex-basis:calc(100% - 55px)}.ux-proposal .agency-followup-row .agency-button{min-height:40px}.ux-proposal .agency-followup-row .agency-button:first-of-type{margin-left:44px}.ux-proposal .agency-dashboard-filters :is(select,input),.ux-proposal .agency-table-filters :is(select,input:not([type=checkbox])){font-size:calc(16px * var(--ux-text-scale,1));min-height:40px;height:40px;max-width:100%}.ux-proposal .agency-dashboard-filters button{margin-left:0;min-height:40px}.ux-theme-dialog{padding:18px}.ux-theme-dialog fieldset{grid-template-columns:1fr}.ux-theme-option{display:grid;grid-template-columns:95px 1fr;gap:4px 14px;padding:12px 36px 12px 12px}.ux-theme-sample{grid-row:1/3;margin:0;height:72px;padding:8px}.ux-theme-dialog h2{font-size:calc(21px * var(--ux-text-scale,1))}.ux-theme-option strong{align-self:end}.ux-theme-option input{top:25px}.ux-theme-option small{grid-column:2}.ux-proposal .agency-calendar-cell>time{font-size:calc(13px * var(--ux-text-scale,1))}}
@media(max-width:380px){.ux-proposal .agency-kpis{grid-template-columns:1fr}.ux-proposal .agency-kpi-button{display:grid;grid-template-columns:1fr auto}.ux-proposal .agency-kpi-button strong{grid-column:2;grid-row:1/3}.ux-proposal .agency-kpi-button em{grid-column:1/-1}.ux-proposal .agency-kpi-button small{grid-column:1}.ux-theme-option{grid-template-columns:75px 1fr}}
@media(prefers-reduced-motion:reduce){.ux-proposal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Présentation client : même système visuel, navigation adaptée à ses besoins. */
.ux-client-brand{display:flex;align-items:center;flex-direction:column;gap:12px;padding:20px 0 18px;text-align:center}
.ux-client-brand>span{display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:var(--ux-soft);color:var(--ux-accent);font:500 calc(30px * var(--ux-text-scale,1)) Poppins,sans-serif;border:5px solid var(--ux-surface);outline:1px solid var(--ux-line)}
.ux-client-brand>b{font:600 calc(13px * var(--ux-text-scale,1)) Mulish,sans-serif;color:var(--ux-ink)}
.ux-client-agents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ux-client-agent{padding:20px;border:1px solid var(--ux-line);background:var(--ux-surface);border-radius:16px;min-width:0}
.ux-client-agent>.agency-icon-tile{display:grid;place-items:center;width:80px;height:80px;background:var(--ux-tint);border-radius:20px}
.ux-client-agent .agency-icon-tile svg{width:72px;height:72px}
.ux-client-agent h3{font-size:calc(14px * var(--ux-text-scale,1));margin:18px 0 6px}.ux-client-agent p{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted);line-height:1.7;margin:0 0 12px}
.ux-client-next{background:var(--ux-tint)!important}.ux-client-next h2{font:500 calc(23px * var(--ux-text-scale,1))/1.4 Poppins,sans-serif!important;letter-spacing:-.04em!important;margin:20px 0!important}.ux-client-next>p{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}.ux-client-next button{margin-top:18px}
.ux-client-publication{display:grid;grid-template-columns:210px 1fr;gap:26px;align-items:center;width:100%;border:0;background:none;color:var(--ux-ink);text-align:left;padding:0;font:inherit;cursor:pointer}
.ux-client-publication h2{margin:18px 0 7px!important}.ux-client-publication p,.ux-client-publication>span>b{font-size:calc(12px * var(--ux-text-scale,1));color:var(--ux-muted)}
.ux-post-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;aspect-ratio:1;background:linear-gradient(130deg,var(--ux-soft),var(--ux-brand));border-radius:10px;text-align:center;padding:20px;color:var(--ux-ink);position:relative;overflow:hidden}
.ux-post-thumbnail>span{font:700 calc(12px * var(--ux-text-scale,1)) Mulish,sans-serif;letter-spacing:.2em}.ux-post-thumbnail>b{font:500 calc(21px * var(--ux-text-scale,1))/1.4 Poppins,sans-serif;letter-spacing:-.04em}.ux-post-large{max-width:380px;margin:16px auto}.ux-post-large>b{font-size:calc(30px * var(--ux-text-scale,1))}
.ux-client-faq{max-width:800px}.ux-client-faq details{padding:18px 0;border-bottom:1px solid var(--ux-line)}.ux-client-faq details:last-child{border:0}.ux-client-faq summary{font-weight:800;font-size:calc(13px * var(--ux-text-scale,1));cursor:pointer;min-height:28px}.ux-client-faq p{font-size:calc(13px * var(--ux-text-scale,1));color:var(--ux-muted);line-height:1.8}
.ux-proposal [data-client-screen][hidden]{display:none!important}
.ux-proposal .ux-context{background:transparent;border-radius:0;padding:0}
@media(min-width:701px){.sidebar-collapsed .ux-client-brand{padding:12px 0}.sidebar-collapsed .ux-client-brand>span{width:54px;height:54px;font-size:calc(20px * var(--ux-text-scale,1))}.sidebar-collapsed .ux-client-brand>b{display:none}}
@media(max-width:1100px){.ux-client-agents{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ux-client-brand{padding:10px 0}.ux-client-brand>span{width:76px;height:76px;font-size:calc(25px * var(--ux-text-scale,1))}.ux-client-publication{grid-template-columns:1fr;gap:16px}.ux-post-thumbnail{width:100%;max-width:320px;margin:auto}.ux-client-agents{gap:10px}.ux-client-agent{padding:14px}.ux-client-agent>.agency-icon-tile{width:66px;height:66px}.ux-client-agent .agency-icon-tile svg{width:60px;height:60px}.ux-client-agent h3{font-size:calc(13px * var(--ux-text-scale,1))}}
@media(max-width:380px){.ux-client-agents{grid-template-columns:1fr}}