.opsp .opsp-sales{padding:24px;max-width:1400px;margin:0 auto}.opsp .opsp-sales section{display:block;border:0;padding:0;min-width:0}.opsp-sales h1{font-size:28px;letter-spacing:-.6px}.opsp-sales h2{font-size:16px}.opsales-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.opsp .opsales-back{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--opsp-muted);margin-bottom:16px;text-decoration:none}.opsales-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--opsp-muted);margin-top:8px}.opsales-pill{display:inline-flex;font-size:11px;padding:3px 7px;border-radius:6px;background:var(--surface,#f5f5f5);color:var(--opsp-muted)}.opsales-pill.opsales-ok{background:var(--green-soft,#e8f4ed);color:var(--green,#20623e)}
.opsp-sales svg,.opsales-edit-surface svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.4}.opsp .opsales-btn,.opsales-edit-surface .opsales-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 12px/1.4 system-ui,sans-serif;min-height:36px;border:1px solid var(--opsp-line,var(--line,#e5e5e5));border-radius:9.8px;background:var(--opsp-base,var(--base,#fff));color:var(--opsp-ink,var(--ink,#18181b));padding:8px 11px;text-decoration:none;cursor:pointer;max-width:100%}.opsp .opsales-primary,.opsales-edit-surface .opsales-primary{color:var(--opsp-base,var(--base,#fff));background:var(--opsp-ink,var(--ink,#18181b));border-color:var(--opsp-ink,var(--ink,#18181b))}.opsales-btn:disabled{opacity:.5;cursor:not-allowed}.opsales-btn:focus-visible,.opsales-edit-surface input:focus-visible,.opsales-edit-surface textarea:focus-visible{outline:2px solid var(--ink,#18181b);outline-offset:3px}
.opsales-next{padding:15px 16px;border-radius:9.8px;background:var(--surface,#f5f5f5);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.opsales-next>div{display:flex;align-items:center;gap:12px;min-width:0}.opsales-next strong{font-size:13px}.opsp .opsales-next p{font-size:12px;color:var(--opsp-muted);margin-top:3px;overflow-wrap:anywhere}.opsales-grid,.opsales-lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.opsp .opsales-card{border:1px solid var(--opsp-line);border-radius:9.8px;background:var(--opsp-base)}.opsales-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 0;flex-wrap:wrap}.opsales-card h2{display:flex;align-items:center;gap:8px}.opsales-card-body{padding:17px 18px 18px}.opsales-site{display:flex;gap:11px;align-items:center;margin-bottom:16px}.opsales-avatar{width:40px;height:40px;background:var(--surface,#f5f5f5);border-radius:9.8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.opsales-site p,.opsales-contact p{font-size:12px;color:var(--opsp-muted);overflow-wrap:anywhere}.opsp .opsp-sales dl{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);font-size:12px;gap:12px;margin:12px 0}.opsp .opsp-sales dd{text-align:right}.opsales-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.opsales-remaining{font-size:26px;font-weight:600;letter-spacing:-.6px;line-height:1.3;font-variant-numeric:tabular-nums}.opsales-muted,.opsales-small{color:var(--opsp-muted,var(--muted,#666));font-size:12px}.opsales-small{font-size:11px;margin-top:9px!important}.opsales-meter{height:6px;background:var(--surface,#f5f5f5);margin:16px 0 12px;border-radius:6px;overflow:hidden}.opsales-meter span{display:block;height:100%;background:var(--opsp-ink);border-radius:6px}.opsp .opsales-date{display:flex;gap:7px;align-items:center;font-size:12px}.opsales-lower{margin-top:28px}.opsales-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.opsales-section-title>a{font-size:12px}.opsales-contact{display:flex;align-items:center;gap:10px;margin-bottom:18px}.opsales-note{padding:12px;background:var(--surface,#f5f5f5);border-radius:9.8px;font-size:12px;margin-top:17px}.opsales-note>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.opsp .opsales-note p{white-space:pre-wrap;color:var(--opsp-muted);margin-top:8px;overflow-wrap:anywhere}.opsales-timeline{list-style:none;padding:0;margin:0}.opsales-timeline li{display:flex;gap:10px;padding-bottom:19px}.opsales-event-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border:1px solid var(--opsp-line);border-radius:50%}.opsales-event-icon svg{width:13px;height:13px}.opsales-timeline strong,.opsales-timeline time,.opsales-timeline small{display:block;font-size:12px}.opsales-timeline .opsales-muted{display:block}.opsales-timeline time,.opsales-timeline small{font-size:11px;color:var(--opsp-muted);margin-top:3px}.opsales-read-error{padding:12px;border:1px solid var(--opsp-line);border-radius:9.8px;margin-bottom:15px;font-size:12px;display:flex;gap:10px;align-items:center;justify-content:space-between}.opsp .opsales-tech{margin:0 24px 24px;border-top:1px solid var(--opsp-line);padding-top:14px}.opsales-tech>summary{font-size:12px;font-weight:600}.opsales-tech .opsp-tabs{padding-left:0;padding-right:0}.opsales-tech .opsp-toolbar{padding-left:0;padding-right:0}
[data-theme=dark] .opsales-pill.opsales-ok{background:#183123;color:#9fd7b3}
@media(max-width:720px){.opsp .opsp-sales{padding:20px 16px}.opsales-grid,.opsales-lower{grid-template-columns:minmax(0,1fr)}.opsales-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}.opsales-next{flex-wrap:wrap}.opsales-next p{word-break:break-word}.opsp .opsales-btn,.opsales-edit-surface .opsales-btn{min-height:44px}.opsales-edit-surface .opsales-input{font-size:16px;min-height:44px}.opsp .opsp-sales dl{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.opsp .opsales-tech{margin:0 16px 20px}.opsales-heading h1{font-size:26px}}
.opsp .opsp-sales section.opsales-card{border:1px solid var(--opsp-line);border-radius:9.8px;background:var(--opsp-base)}
.opsales-name{display:flex;align-items:center;gap:10px;min-width:0}.opsales-name h1,.opsales-name strong{min-width:0;overflow-wrap:anywhere}.opsp .opsales-rename{flex-shrink:0;width:36px;padding:8px}.opsales-site>div{min-width:0;flex:1}.opsales-site .opsales-name{justify-content:space-between;gap:8px}@media(max-width:720px){.opsp .opsales-rename{width:44px}}
.opsales-edit-surface .opsales-url-preview{font-size:12px;font-weight:500;overflow-wrap:anywhere}

[data-theme=dark] .opsales-form-error{color:#f4a1ab}.opsales-form-error[role=status]{color:var(--opsp-muted,var(--muted,#666))}

/* Les corrections vivent dans leur contexte ; les actions courtes utilisent dialog. */
.opsales-edit-surface{--opsp-line:var(--line,#e5e5e5);--opsp-base:var(--base,#fff);--opsp-ink:var(--ink,#18181b);--opsp-muted:var(--muted,#666);box-sizing:border-box;color:var(--opsp-ink);font:400 14px/1.5 system-ui,sans-serif}
.opsp .opsp-sales section.opsales-inline{display:grid;gap:16px;border:1px solid var(--opsp-line);border-radius:9.8px;padding:20px;background:var(--surface,#fafafa);margin:16px 0 20px}
.opsales-heading>div:first-child{min-width:0;flex:1}.opsales-heading:has([data-opsales-editor]){align-items:flex-start}
.opsales-grid:has([data-opsales-editor]){align-items:start}
.opsales-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0!important}
.opsales-editor-header h3{font-size:14px;font-weight:600;margin:0;line-height:1.5}
.opsp .opsales-editor-close,.opsales-edit-surface .opsales-editor-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:6px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.opsales-editor-close:hover{background:var(--opsp-line)}
.opsales-editor-context{display:none}.opsales-dialog .opsales-editor-context{display:grid;gap:2px;font-size:12px;padding-bottom:16px;border-bottom:1px solid var(--opsp-line);margin-bottom:20px}.opsales-editor-context span{color:var(--opsp-muted)}
.opsales-editor form{display:grid;gap:16px;max-width:none;margin:0}.opsales-editor label{display:grid;gap:6px;font-size:12px;font-weight:500}
.opsales-editor .opsales-input{box-sizing:border-box;width:100%;font:400 14px/1.5 system-ui,sans-serif;border:1px solid var(--opsp-line);border-radius:9.8px;min-height:40px;padding:9px 11px;background:var(--opsp-base);color:inherit}
.opsales-editor textarea.opsales-input{min-height:180px;resize:vertical}.opsales-editor p{font-size:12px;margin:0}.opsales-editor .opsales-actions{margin:0}
.opsales-editor-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:4px}
.opsales-preview{padding:14px;border-radius:9.8px;background:var(--surface,#f5f5f5);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.opsales-form-error{color:var(--red,#a52e3b);white-space:pre-wrap}.opsales-edit-surface [hidden]{display:none!important}
.opsales-dialog{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--opsp-line);border-radius:12px;background:var(--opsp-base);box-shadow:0 20px 80px #0003;overflow:auto}
.opsales-dialog::backdrop{background:#0006}.opsales-dialog .opsales-editor-header{margin-bottom:16px}.opsales-dialog .opsales-editor-actions{margin-top:24px}
.opsales-dialog .opsales-editor-header h3{font-size:17px}.opsales-edit-surface :focus-visible{outline:2px solid var(--opsp-ink);outline-offset:3px}
.opsales-inline[data-opsales-editor=followup] form{grid-template-columns:1fr 1fr}.opsales-inline[data-opsales-editor=followup] form>label:has(textarea),.opsales-inline[data-opsales-editor=followup] form>p{grid-column:1/-1}
.opsp .opsales-note>[data-opsales-editor-slot]{display:block}.opsp .opsales-note section.opsales-inline{background:var(--opsp-base);margin-bottom:0}

/* Une enveloppe commune pour la préparation, avec une hiérarchie lisible une fois ouverte. */
.opsp .opsales-tech{border:1px solid var(--opsp-line);border-radius:9.8px;padding:0;overflow:clip}
.opsp .opsales-tech>summary{display:flex;align-items:center;gap:16px;min-height:72px;padding:16px 20px;margin:0;list-style:none;background:var(--opsp-base);color:var(--opsp-ink)}
.opsales-tech>summary::-webkit-details-marker{display:none}.opsales-tech>summary::marker{content:""}.opsales-tech>summary:hover{background:var(--surface,#fafafa)}
.opsales-tech-heading{display:grid;gap:3px;min-width:0;margin-right:auto}.opsales-tech-heading strong{font-size:14px;font-weight:600}.opsales-tech-heading small{font-size:12px;font-weight:400}
.opsales-tech>summary>.opsp-state{white-space:nowrap;flex-shrink:0}
.opsales-tech svg{width:16px;height:16px;stroke-width:1.4;flex-shrink:0}.opsales-tech-chevron{transition:transform .15s}.opsales-tech[open]>summary .opsales-tech-chevron{transform:rotate(180deg)}
.opstech-content{border-top:1px solid var(--opsp-line);background:var(--surface,#fafafa)}
.opsp .opstech-content .opsp-tabs{padding:12px 20px;gap:4px;flex-wrap:nowrap;overflow-x:auto;background:var(--opsp-base);border-bottom:1px solid var(--opsp-line)}
.opsp .opstech-content .opsp-tabs a{border:0;background:transparent;color:var(--opsp-muted);font-size:12px;white-space:nowrap;padding:9px 12px;min-height:36px}
.opsp .opstech-content .opsp-tabs a[aria-current=page]{background:var(--surface,#f5f5f5);color:var(--opsp-ink)}
.opstech-view{display:grid;gap:16px;padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.opsp .opstech-view>section{border:1px solid var(--opsp-line);border-radius:9.8px;background:var(--opsp-base);padding:20px;gap:18px;min-width:0}
.opsp .opstech-view>.opsp-empty{min-height:140px}
.opsp .opstech-view h2{font-size:14px;letter-spacing:0}.opsp .opstech-view h3{font-size:13px}.opsp .opstech-view p,.opsp .opstech-view li{font-size:12px;line-height:1.65}
.opsp .opstech-view dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px 16px;font-size:12px;align-items:baseline}.opsp .opstech-view dd{text-align:right}.opsp .opstech-view dt{font-weight:400}
.opstech-view>p,.opstech-phases>section,.opstech-summary>section:nth-of-type(3),.opstech-integration>section:last-child{grid-column:1/-1}
.opstech-quality>section.opstech-battery{grid-column:1/-1;order:2}.opstech-quality>section:nth-of-type(n+4){order:3}
.opsp .opstech-view>p[role=alert]{padding:12px 16px;border:1px solid var(--opsp-line);border-left:3px solid var(--red,#a52e3b);border-radius:6px;background:var(--opsp-base)}
.opsp .opstech-view>section>details{border-top:1px solid var(--opsp-line);padding-top:8px}.opsp .opstech-view details>summary{font-size:12px;color:var(--opsp-muted)}
.opsp .opstech-view .opsp-phase-list li{align-items:start;padding:16px 0;gap:12px}.opsp .opstech-view .opsp-index{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--surface,#f5f5f5);font-variant-numeric:tabular-nums}
.opsp .opstech-view .opsp-phase-list li>div>small{font:11px/1.5 ui-monospace,monospace}.opsp .opstech-view .opsp-phase-list details{margin-top:8px}.opsp .opstech-view .opsp-phase-list details[open]{padding:10px 12px;background:var(--surface,#fafafa);border-radius:6px}.opsp .opstech-view .opsp-phase-list dd{text-align:left}
.opsp .opstech-view ul{margin:0;padding-left:18px;display:grid;gap:12px}.opsp .opstech-view .opsp-agent{padding:12px;border:1px solid var(--opsp-line);border-radius:6px;list-style:none}.opsp .opstech-view ul:has(.opsp-agent){padding:0}
.opsp .opstech-view .opsp-operation-list{gap:12px}.opsp .opstech-view .opsp-operation-list>div{border:1px solid var(--opsp-line);padding:16px;border-radius:9.8px;background:var(--surface,#fafafa)}
.opsp-confirm{font:400 14px/1.5 system-ui,sans-serif;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 80px #0003}.opsp-confirm h2{font-size:18px;font-weight:600;margin:0 0 16px}.opsp-confirm p{font-size:12px;margin:16px 0}.opsp-confirm [data-resume-status]{color:var(--red,#a52e3b)}.opsp-confirm [hidden]{display:none!important}
.opsp-resume-field{display:grid;gap:8px;font-size:12px;font-weight:500;margin:20px 0}.opsp-resume-field select{width:100%;min-height:42px;padding:10px;border:1px solid var(--line,#e5e5e5);border-radius:8px;background:var(--base,#fff);color:inherit;font:400 14px/1.5 system-ui,sans-serif}
.opsp-confirm [data-resume=send],.opsp-confirm [data-relaunch=send]{background:var(--ink,#18181b);color:var(--base,#fff);border-color:var(--ink,#18181b)}
@media(max-width:900px){.opstech-view{grid-template-columns:1fr}.opstech-view>section{grid-column:1/-1}}
@media(max-width:720px){.opsp .opsp-sales section.opsales-inline{padding:16px}.opsales-inline[data-opsales-editor=followup] form{grid-template-columns:1fr}.opsales-editor .opsales-input,.opsp-resume-field select{font-size:16px;min-height:44px}.opsales-dialog{padding:20px;max-width:calc(100vw - 24px)}.opsales-editor-close{min-width:44px;min-height:44px}.opsp .opsales-tech>summary{padding:16px;gap:12px}.opsales-tech-heading strong{font-size:13px}.opstech-view{padding:12px;gap:12px}.opsp .opstech-view>section{padding:16px}.opsp .opstech-content .opsp-tabs{padding:8px 12px}.opsp .opstech-content .opsp-tabs a{min-height:44px}.opsp .opstech-view dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.opsp .opstech-view dd{margin:0}.opsp .opstech-view .opsp-operation-list{grid-template-columns:1fr}.opsales-editor-actions .opsales-btn{flex:1;min-width:max-content}}
@media(prefers-reduced-motion:reduce){.opsales-tech-chevron{transition:none}}
@media(max-width:720px){.opsales-heading>div:first-child{flex:1 0 100%}.opsales-heading>.opsales-btn{width:100%}}

/* Trait fin commun aux icônes de la fiche, de l’historique et des éditeurs. */
.opsp svg[data-lucide],.opsales-edit-surface svg[data-lucide]{stroke-width:1.4}
.opsp .opsales-tech{width:calc(100% - 48px);max-width:1352px;margin:0 auto 24px}
.opsp .ophistory-toggle:focus-visible,.opsp .opsales-tech>summary:focus-visible{outline:2px solid var(--opsp-ink);outline-offset:-3px}
@media(max-width:720px){.opsp .opsales-tech{width:calc(100% - 32px);margin:0 auto 20px}}

/* La fiche s’adapte à sa zone centrale, y compris dans un navigateur intégré. */
.opsp .opsp-sales{container:prospect-sheet / inline-size}
.opsp .opsales-tech{container:prospect-tech / inline-size}
@container prospect-sheet (max-width:720px){
  .opsales-grid,.opsales-lower{grid-template-columns:minmax(0,1fr)}
  .opsales-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}
  .opsales-heading>div:first-child{flex:1 0 100%}
  .opsales-heading>.opsales-btn{width:100%}
  .opsales-next{flex-wrap:wrap}
  .opsales-inline[data-opsales-editor=followup] form{grid-template-columns:1fr}
}
@container prospect-tech (max-width:760px){
  .opstech-view{grid-template-columns:minmax(0,1fr)}
  .opstech-view>section{grid-column:1/-1}
  .opsp .opstech-content .opsp-tabs{flex-wrap:wrap;overflow:visible}
  .opsp .opstech-view .opsp-operation-list{grid-template-columns:minmax(0,1fr)}
}
@container prospect-tech (max-width:480px){
  .opsp .opstech-content .opsp-tabs{flex-wrap:nowrap;overflow-x:auto}
}