/* Objets de travail : une composition par métier, dans la palette Echoes. */
.metier-story::before{display:none}
.metier-story .action-heading{right:11%}
.metier-story .work-surface{inset:96px 7% 112px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;gap:12px}
.metier-story .work-surface>p{margin:8px 0}
.metier-story .work-surface>[data-target]{border-left:0;padding-left:0}
.metier-story .generic-receipt{bottom:52px;min-height:40px;gap:12px}
.metier-story .generic-receipt-copy{font-size:15px;line-height:1.35}
.metier-controls{position:absolute;left:7%;right:7%;bottom:0;display:flex;gap:20px;z-index:6}
.metier-controls button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:7px 0;border:0;border-bottom:1px solid #aebfb9;background:none;font-size:15px;line-height:1.3;flex:1;text-align:left}
.metier-controls button[aria-pressed=true]{border-color:var(--ink)}
.metier-controls button span{font-size:17px}
.metier-story .metier-pair,.metier-story .metier-options,.metier-story .metier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative;align-items:stretch}
.metier-story .metier-document{position:relative;z-index:1;min-width:0;padding:22px 20px;min-height:136px;background:#fffdf7;border:1px solid #c4cfc3;box-shadow:0 11px 22px #1f415a0c;display:flex;flex-direction:column;justify-content:center}
.metier-story .metier-document .source-label{font-size:12px;line-height:1.4;letter-spacing:.025em;margin:0 0 17px}
.metier-story .metier-document p{font-size:17px;line-height:1.4;margin:7px 0}
.metier-story .metier-document strong{font-size:21px;line-height:1.25;letter-spacing:-.015em}
.metier-story .metier-document [data-target]{padding:0;border:0}
.metier-story .metier-document [data-target]>.question{font-size:21px;line-height:1.25}
.metier-story .metier-note{font-size:15px!important;line-height:1.4!important;margin:16px 0 0!important}
.metier-story .metier-note[data-target]{border:0;padding:0}
.metier-link{position:absolute;display:block;height:2px;background:#639b9d;transform-origin:left center;z-index:0;pointer-events:none}
.metier-link::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:2px solid #639b9d;border-right:2px solid #639b9d;transform:rotate(45deg)}
.metier-field-line{position:absolute;height:2px;background:#73b6aa;z-index:2;transform-origin:left;pointer-events:none}
.metier-field-line[data-field-line=quantity]{background:#bba675}
.metier-story .story-panel[data-panel=dossier] .work-surface{padding:20px 25px;background:#fffdf7;border-top:3px solid var(--ink);box-shadow:0 16px 30px #1f415a0b}
.metier-story .delivery-item{padding:12px 0}
.metier-story .delivery-item:first-child{border-top:0}
.metier-story .delivery-item strong{font-size:24px;line-height:1.2}

/* Support : correspondance, justificatif et décision de service client. */
.metier-story[data-metier=support] [data-panel=demande] .work-surface,.metier-story[data-metier=support] [data-panel=reponse] .work-surface{padding:26px 30px;background:#fffdf7;border-top:3px solid #a6b7a1;box-shadow:0 16px 25px #1f415a0c}
.metier-story[data-metier=support] [data-panel=reponse] blockquote{border:0;padding:0;font-size:24px;line-height:1.5}
.metier-attachment{position:relative;background:#e0e9df;padding:22px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0;border:1px solid #bacbbb}
.metier-attachment::before{content:'';width:33px;height:42px;border:1px solid #5d7d79;transform:rotate(-7deg);margin-bottom:18px;background:linear-gradient(145deg,#c1d5c9 50%,#dce8d9 50%)}
.metier-attachment[data-state=missing]::before{border-style:dashed;background:none}
.metier-attachment .source-label{font-size:12px;margin:0 0 9px}
.metier-attachment strong{font-size:21px}
.metier-stock{padding:24px 28px;border-top:1px solid #829b8f;border-bottom:1px solid #829b8f}
.metier-stock>strong{display:block;font-size:29px;margin-bottom:24px;letter-spacing:-.025em}
.metier-stock [data-target]{border:0!important;padding:0!important}
.metier-stock [data-target]>.question{font-size:21px!important}

/* CRM : deux versions et les champs exacts, sans bouton simulant une écriture. */
.metier-story[data-metier=crm] [data-part=before]{background:#e8ede4;box-shadow:none}
.metier-story[data-metier=crm] [data-part=after]{border-top:3px solid #51857d}
.metier-story[data-metier=crm] [data-part=after] [data-field]{padding-left:10px;border-left:2px solid #74aaa0}
.metier-story[data-metier=crm] [data-state=blocked] [data-part=after]{border-top-color:#9e8259}
.metier-story[data-metier=crm] [data-state=blocked] [data-part=after] [data-field]{border-color:#ad9878}

/* Recherche : deux gammes concurrentes, les contraintes restent visibles. */
.metier-story[data-metier=search] .metier-document{min-height:200px;border-top:4px solid #8b9e9b;padding-bottom:34px}
.metier-story[data-metier=search] [data-compatible=true]{border-top-color:#376d62;background:#edf3e8}
.metier-story[data-metier=search] [data-compatible=false]{border-top-color:#a49378}
.metier-story[data-metier=search] [data-option]::after{content:'Hors contrainte';position:absolute;left:20px;bottom:12px;font-size:12px;color:#6d5d43}
.metier-story[data-metier=search] [data-compatible=true]::after{content:'Compatible';color:#355c53}

/* Comptabilité : facture distincte de la commande et de la réception. */
.metier-story[data-metier=analysis] [data-motion=documents]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.metier-story[data-metier=analysis] [data-document=invoice]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.metier-story[data-metier=analysis] [data-document=invoice] .source-label{color:#d2e1dc}
.metier-story[data-metier=analysis] [data-document=receipt]{background:#e6eee3;border-style:dashed;box-shadow:none}
.metier-calculation{width:100%;position:relative;padding-inline:14px}
.metier-story .metier-calculation .tariff-line{font-size:17px;padding:12px 0}
.metier-calculation [data-target]{padding:18px 0 0!important;border:0!important}
.metier-calculation [data-number]>strong{display:block;font-size:49px!important;line-height:1.05;letter-spacing:-.035em}
.metier-story .metier-calculation [data-number]>p{font-size:17px;line-height:1.4;margin:12px 0 0}

/* Reporting : exports disjoints puis budget reconstitué, doublon conservé. */
.metier-story[data-metier=report] [data-export=production]{border-top:4px solid #517f7a}
.metier-story[data-metier=report] [data-export=comptabilite]{border-top:4px solid #ad9b77;background:#f7f2e6}
.metier-story[data-metier=report] [data-duplicate]{padding:12px 0;border-top:1px solid #b7c7bc;border-bottom:1px solid #b7c7bc;font-variant-numeric:tabular-nums}
.metier-duplicate-copy{position:absolute;z-index:7;padding:12px 0;background:#dceadd;box-shadow:0 5px 12px #1f415a17;font-size:17px;line-height:1.4;opacity:0;pointer-events:none}
.metier-story[data-metier=report] [data-motion=total]{padding:0 26px;border-left:3px solid #6b9b8b}
.metier-budget-bar{display:flex;width:100%;height:9px;gap:3px;margin-top:16px}
.metier-budget-bar i{display:block;transform-origin:left;background:#356a69}
.metier-budget-bar [data-budget-part="1"]{background:#80a89b}
.metier-budget-bar [data-budget-part="2"]{background:#af9870}

/* Produit : trois vraies vues typographiques, raccordées par le même dossier. */
.metier-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:800px}
.metier-screen{position:relative;z-index:1;min-width:0;min-height:205px;padding:30px 17px 18px;background:#fffdf7;border:1px solid #afc2b7;box-shadow:0 12px 20px #1f415a10}
.metier-screen::before{content:'';position:absolute;inset:0 0 auto;height:14px;background:#d2e0d6;border-bottom:1px solid #afc2b7}
.metier-screen .source-label{font-size:12px;line-height:1.4;margin:0 0 30px!important}
.metier-screen strong{font-size:21px;line-height:1.3;display:block;font-weight:400}
.metier-screen[data-screen=equipe]{margin-top:23px;background:#e9f0e5}
.metier-screen[data-screen=responsable]{margin-top:46px;background:#dce9df}

@media(max-width:860px){
 .metier-story .action-heading{right:23px}
 .metier-story .work-surface{inset:77px 0 100px;padding:0;gap:10px}
 .metier-story .generic-receipt{left:0;right:0;bottom:50px;min-height:38px}
 .metier-story .generic-receipt-copy{font-size:15px}
 .metier-controls{left:0;right:0;gap:15px}
 .metier-controls button{gap:8px}
 .metier-story .metier-pair,.metier-story .metier-options,.metier-story .metier-grid{gap:14px}
 .metier-story .metier-document{padding:16px 12px;min-height:120px}
 .metier-story .metier-document .source-label{margin-bottom:12px;font-size:12px}
 .metier-story .metier-document p{font-size:15px;line-height:1.4;margin:6px 0}
 .metier-story .metier-document strong{font-size:17px;line-height:1.3}
 .metier-story .metier-document [data-target]>.question{font-size:17px}
 .metier-story .metier-note{margin-top:12px!important}
 .metier-story .story-panel[data-panel=dossier] .work-surface{padding:12px 18px}
 .metier-story .delivery-item{padding:9px 0;gap:4px}
 .metier-story .delivery-item strong{font-size:21px}
 .metier-story[data-metier=support] [data-panel=demande] .work-surface,.metier-story[data-metier=support] [data-panel=reponse] .work-surface{padding:20px}
 .metier-story[data-metier=support] [data-panel=reponse] blockquote{font-size:17px;line-height:1.5}
 .metier-attachment{padding:16px 12px}.metier-attachment strong{font-size:17px}.metier-attachment::before{margin-bottom:13px}
 .metier-stock{padding:18px 12px}.metier-stock>strong{font-size:24px;margin-bottom:20px}.metier-stock [data-target]>.question{font-size:21px!important}
 .metier-story[data-metier=search] .metier-document{padding-bottom:36px;min-height:198px}
 .metier-story[data-metier=search] [data-option]::after{left:12px;font-size:12px}
 .metier-story[data-metier=analysis] [data-motion=documents]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .metier-story[data-metier=analysis] [data-motion=documents] [data-document=receipt]{grid-column:1/-1;min-height:65px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
 .metier-story[data-metier=analysis] [data-motion=documents] [data-document=receipt] .source-label{margin:0}
 .metier-story .metier-calculation .tariff-line{padding:9px 0;font-size:15px}
 .metier-calculation [data-target]{padding-top:14px!important}
 .metier-calculation [data-number]>strong{font-size:35px!important}
 .metier-story .metier-calculation [data-number]>p{font-size:15px;line-height:1.4;margin-top:10px}
 .metier-story[data-metier=report] [data-motion=total]{padding:0 16px}
 .metier-duplicate-copy{font-size:15px}
 .metier-screens{grid-template-columns:1fr;gap:12px}
 .metier-screen{min-height:66px;padding:18px 12px 10px;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px}
 .metier-screen::before{height:6px}.metier-screen .source-label{margin:0!important;font-size:12px}.metier-screen strong{font-size:17px;line-height:1.3}
 .metier-screen[data-screen=equipe]{margin:0 0 0 12px}.metier-screen[data-screen=responsable]{margin:0 0 0 24px}
}
@media(max-width:360px){.metier-story .metier-document{padding-inline:10px}.metier-story .metier-document .source-label{letter-spacing:0}.metier-story .action-heading h2{font-size:21px}.metier-story .generic-receipt{gap:9px}.metier-story .generic-receipt-copy{font-size:15px}.metier-story .metier-calculation{padding-inline:8px}.metier-story .story-panel[data-panel=dossier] .work-surface{padding-inline:14px}}