/*
 * Page « Gestion des activités » — feuille dédiée.
 *
 * Source de rendu : `mockups/activities-saas/wonder-activites-saas-prototype.html`
 * (référence validée). Les règles ci-dessous sont la transcription littérale des
 * feuilles du prototype, mises sous portée `.wcla` : le prototype est une page
 * autonome, ici la page vit dans la coquille partagée du back-office qui fait foi
 * pour la navigation générale.
 *
 * Retiré du prototype : barre latérale, barre supérieure, marque, tiroir mobile
 * (remplacés par `admin-shell.*`). Conservé : le reste.
 *
 * CSP `style-src 'self'` : aucun style en ligne, aucune ressource `data:`.
 */

.wcla{--ink:#222822;--muted:#666e67;--soft:#6a6e67;--paper:#f6f7f4;--white:#fff;--line:#e5e8e2;--line2:#d8ddd4;--green:#244b38;--greenSoft:#eaf4ec;--orange:#9b5c4a;--orangeDark:#a35843;--orangeSoft:#fbede7;--yellow:#8b661e;--yellowSoft:#fbf5e7;--red:#ae4e46;--redSoft:#fbefec;--shadow:0 16px 50px rgba(29,45,34,.06);--radius:13px;--sidebar:220px;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.wcla *{box-sizing:border-box}
.wcla button,.wcla input,.wcla select,.wcla textarea{font:inherit}
.wcla button{cursor:pointer}
.wcla button:disabled{cursor:not-allowed;opacity:.48}
.wcla button:focus-visible,.wcla input:focus-visible,.wcla select:focus-visible,.wcla textarea:focus-visible{outline:3px solid #e5a08b;outline-offset:2px}
.wcla a{color:inherit}
.wcla h1,.wcla h2,.wcla h3,.wcla h4,.wcla p{margin:0}
.wcla h1{font-size:28px;line-height:1.25;letter-spacing:-1.05px;font-weight:750}
.wcla h2{font-size:18px;letter-spacing:-.55px;font-weight:750}
.wcla h3{font-size:14px;letter-spacing:-.25px;font-weight:750}
.wcla small{font-size:11.5px}
.wcla svg{display:block}
.wcla hr{border:0;border-top:1px solid var(--line);margin:19px 0}
.wcla .hidden{display:none!important}
.wcla .muted{color:var(--muted)}
.wcla .tiny{font-size:11px}
.wcla .eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.55px;font-weight:800;color:#696f67}
.wcla .mono{font-variant-numeric:tabular-nums}
.wcla .wrap{white-space:normal}
.wcla .w-full{width:100%}
.wcla .one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcla .danger{color:var(--red)}
.wcla .positive{color:#27684b}
.wcla .strong{font-weight:700}
.wcla .subheading{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.65}
.wcla .large-n{font-size:26px;line-height:1.18;font-weight:750;letter-spacing:-.8px}
.wcla .top-icon{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#656f65;border-radius:8px}
.wcla .top-icon:hover{background:var(--paper)}
.wcla .main-content{max-width:1570px;padding:30px 37px 72px;margin:auto}
.wcla .row{display:flex;align-items:center;gap:10px}
.wcla .space-between{display:flex;align-items:center;justify-content:space-between;gap:14px}
.wcla .align-start{align-items:flex-start}
.wcla .grow{flex:1;min-width:0}
.wcla .gap-6{gap:6px}
.wcla .gap-16{gap:16px}
.wcla .mt-12{margin-top:12px}
.wcla .mt-16{margin-top:16px}
.wcla .mt-20{margin-top:20px}
.wcla .mt-24{margin-top:24px}
.wcla .mb-14{margin-bottom:14px}
.wcla .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;background:white;border:1px solid var(--line2);border-radius:9px;color:#3d4740;font-weight:700;white-space:nowrap;font-size:12px;transition:background .15s,border-color .15s,transform .15s}
.wcla .btn:hover:not(:disabled){background:#f7f7f4;border-color:#abb5aa}
.wcla .btn:active:not(:disabled){transform:translateY(1px)}
.wcla .btn.small{min-height:32px;padding:0 11px;font-size:11.5px;border-radius:8px}
.wcla .btn.icononly{width:37px;min-width:37px;padding:0}
.wcla .btn.primary{background:var(--green);border-color:var(--green);color:white}
.wcla .btn.primary:hover:not(:disabled){background:#366047}
.wcla .btn.terra{background:var(--orange);border-color:var(--orange);color:white}
.wcla .btn.terra:hover:not(:disabled){background:var(--orangeDark)}
.wcla .btn.light-terra{color:var(--orangeDark);border-color:#f3dacd;background:#fff7f2}
.wcla .btn.ghost{border-color:transparent;background:transparent}
.wcla .btn.danger-btn{color:var(--red);border-color:#edd2ce;background:#fff8f7}
.wcla .pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:750;white-space:nowrap;line-height:1.35;border:1px solid transparent}
.wcla .pill.gray{background:#f0f1ee;color:#676f65}
.wcla .pill.green{background:#e5f3e9;color:#377454}
.wcla .pill.orange{background:#fff0e7;color:#9a5c38}
.wcla .pill.gold{background:#fbf4df;color:#83682e}
.wcla .pill.red{background:#fbedeb;color:#a64e47}
.wcla .pill.outline{background:white;border-color:var(--line);color:#676f65}
.wcla .pill.dark{background:#254b36;color:white}
.wcla .pill svg{width:11px;height:11px}
.wcla .heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}
.wcla .page-description{color:var(--muted);margin-top:9px;font-size:13px}
.wcla .page-actions{display:flex;align-items:center;gap:8px;padding-top:9px}
.wcla .card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 9px rgba(37,50,42,.012)}
.wcla .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wcla .stat-card{padding:16px 18px;min-height:106px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:11px;background:white;cursor:pointer;transition:border-color .15s,transform .15s}
.wcla .stat-card:hover{border-color:#b7c3b8;transform:translateY(-1px)}
.wcla .stat-card.active{border-color:var(--orange);box-shadow:0 0 0 2px #f5ddd5 inset}
.wcla .stat-card .stat-label{font-weight:600;color:#667066;font-size:11.5px;display:flex;align-items:center;justify-content:space-between}
.wcla .stat-card .stat-bottom{display:flex;align-items:end;justify-content:space-between}
.wcla .stat-card .stat-trend{display:flex;align-items:center;gap:4px;color:#636d66;font-size:10.5px}
.wcla .stat-card strong{font-size:28px;line-height:1;font-weight:800;letter-spacing:-1px;color:#27372b}
.wcla .section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 14px}
.wcla .section-title h2{font-size:16px}
.wcla .section-title p{color:var(--muted);font-size:12px;margin-top:3px}
.wcla .workspace-card{overflow:hidden}
.wcla .table-head-row{padding:20px 20px 14px;border-bottom:1px solid var(--line)}
.wcla .table-toolbar{padding:16px 20px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}
.wcla .searchbox{height:39px;min-width:265px;display:flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:8px;padding:0 11px;color:#666d66;background:white;flex:1}
.wcla .searchbox input{width:100%;outline:none!important;border:0;background:transparent;color:#29352d;font-size:12px;min-width:0}
.wcla .searchbox input::placeholder{color:#676c67}
.wcla select.select,.wcla input.input,.wcla .textarea{background:white;width:100%;border:1px solid #d5ddd4;border-radius:8px;color:#334036;outline:none;transition:border-color .15s,box-shadow .15s}
.wcla select.select{height:39px;padding:0 11px;font-size:12px;font-weight:600}
.wcla .table-toolbar select.select{width:auto;max-width:185px;min-width:132px}
.wcla .table-subnav{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between}
.wcla .filter-pills{display:flex;gap:3px;overflow:auto}
.wcla .tab-mini{position:relative;background:transparent;border:0;padding:14px 12px;font-size:11.5px;color:#676d67;font-weight:700;white-space:nowrap}
.wcla .tab-mini.active{color:#a35742}
.wcla .tab-mini.active:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--orange)}
.wcla .list-control{display:flex;gap:5px;align-items:center}
.wcla .icon-segment{border:0;background:transparent;border-radius:7px;width:30px;height:29px;color:#676d67;display:grid;place-items:center}
.wcla .icon-segment.active{color:var(--green);background:#edf2ed}
.wcla .batchbar{background:#ecf5ed;padding:10px 18px;border-bottom:1px solid #dceadd;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wcla .batchbar span{font-weight:750;font-size:11.5px;margin-right:auto;color:#2d5b40}
.wcla .activity-table{width:100%;border-collapse:collapse;table-layout:fixed}
.wcla .activity-table thead tr{background:#fafbf8;color:#676d66;font-size:10px;letter-spacing:.3px;text-align:left}
.wcla .activity-table th{font-weight:750;padding:12px 14px}
.wcla .activity-table td{padding:13px 14px;border-top:1px solid #edf0eb;vertical-align:middle}
.wcla .activity-table tbody tr:hover{background:#fbfcf9}
.wcla .activity-table tbody tr.selected{background:#f2f8f2}
.wcla .activity-table .col-check{width:43px}
.wcla .activity-table .col-activity{width:37%}
.wcla .activity-table .col-destination{width:15%}
.wcla .activity-table .col-public{width:14%}
.wcla .activity-table .col-commerce{width:14%}
.wcla .activity-table .col-review{width:15%}
.wcla .activity-table .col-action{width:60px}
.wcla .activity-identity{display:flex;align-items:center;gap:11px;min-width:0}
.wcla .activity-name{color:#263029;font-weight:750;font-size:12.5px;border:0;background:transparent;padding:0;text-align:left;max-width:100%;line-height:1.35}
.wcla .activity-name:hover{color:#9a5c47}
.wcla .activity-desc{font-size:10.7px;color:#676d66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px;margin-top:4px}
.wcla .thumb{position:relative;width:46px;height:43px;flex:0 0 46px;overflow:hidden;border-radius:7px;background:linear-gradient(160deg,#c9d1bd,#759381);display:grid;place-items:center}
.wcla .thumb.wat{background:linear-gradient(165deg,#ddc5a1,#ad9a78 45%,#68785a)}
.wcla .thumb.aqua{background:linear-gradient(160deg,#8cc3c4,#3b7b87)}
.wcla .thumb.museum{background:linear-gradient(160deg,#d1b09c,#916b60)}
.wcla .thumb.craft{background:linear-gradient(160deg,#dcb99a,#9b775c)}
.wcla .thumb.wood{background:linear-gradient(160deg,#b8c6a1,#6a907b)}
.wcla .thumb.sea{background:linear-gradient(160deg,#9ed2cf,#538b9c)}
.wcla .thumb svg{width:43px;height:35px;opacity:.86}
.wcla .table-city{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#637066}
.wcla .review-bad{color:#9a5c3a;font-size:11.5px;font-weight:750;display:flex;align-items:center;gap:5px}
.wcla .review-good{color:#43765b;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:5px}
.wcla .checkbox{width:16px;height:16px;accent-color:var(--green);cursor:pointer}
.wcla .grid-results{padding:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.wcla .activity-grid-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}
.wcla .grid-art{height:114px;background:#e3e9e2;position:relative}
.wcla .grid-art .thumb{width:100%;height:100%;border-radius:0}
.wcla .grid-art .thumb svg{width:100px;height:83px}
.wcla .grid-card-body{padding:15px}
.wcla .grid-card-body .activity-name{font-size:14px}
.wcla .grid-card-body .activity-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:33px;margin:9px 0 12px}
.wcla .footer-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 19px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.wcla .empty-state{padding:55px 24px;text-align:center;color:var(--muted)}
.wcla .empty-state h3{color:var(--ink);font-size:15px;margin:10px 0 4px}
.wcla .note-banner{display:flex;align-items:center;gap:9px;background:#f1f4ef;border:1px solid #e5ebe3;color:#657065;padding:11px 15px;border-radius:10px;font-size:11.5px;margin-top:15px}
.wcla /* Activity workspace */
.editor-top{position:sticky;top:65px;z-index:20;background:rgba(246,247,244,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.wcla .editor-top-inner{max-width:1630px;padding:15px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.wcla .editor-name{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.55px;font-weight:800}
.wcla .editor-bread{color:#686f68;font-weight:600;font-size:11px;margin-bottom:4px}
.wcla .editor-actions{display:flex;gap:8px;align-items:center}
.wcla .save-status{color:#676e67;white-space:nowrap;font-size:11px;display:flex;align-items:center;gap:5px}
.wcla .save-status.dirty{color:#965e35}
.wcla .edit-layout{max-width:1630px;margin:auto;display:grid;grid-template-columns:193px minmax(0,1fr) 290px;gap:20px;padding:23px 36px 60px;align-items:start}
.wcla .edit-rail{position:sticky;top:167px}
.wcla .rail-caption{font-weight:800;color:#666c66;letter-spacing:1.2px;font-size:9.5px;margin:4px 0 12px 11px;text-transform:uppercase}
.wcla .rail-item{display:flex;align-items:center;text-align:left;gap:11px;border:0;background:transparent;width:100%;padding:11px 12px;border-radius:9px;color:#657067;font-size:12.5px;font-weight:700;min-height:44px;margin-bottom:3px;position:relative}
.wcla .rail-item svg{color:#646e66}
.wcla .rail-item.active{background:#fff;color:#9f5a47;box-shadow:0 1px 4px rgba(30,50,36,.035)}
.wcla .rail-item.active:before{content:'';height:22px;width:3px;background:var(--orange);border-radius:4px;position:absolute;left:-7px;top:50%;transform:translateY(-50%)}
.wcla .rail-item.active svg{color:var(--orange)}
.wcla .rail-item .rail-indicator{margin-left:auto;font-size:10px;border-radius:5px;color:#955f43;background:#fcf0e6;padding:2px 5px}
.wcla .rail-divider{height:1px;background:var(--line);margin:16px 12px}
.wcla .rail-help{padding:12px;background:#eef3ed;border-radius:9px;font-size:11.5px;color:#607262;line-height:1.7;margin:0 5px}
.wcla .editor-center{min-width:0}
.wcla .editor-intro{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.wcla .editor-intro-head{padding:23px 26px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wcla .editor-intro-head h2{font-size:20px;letter-spacing:-.65px;margin-top:4px}
.wcla .editor-intro-head p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}
.wcla .subtabs{padding:0 17px;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow:auto}
.wcla .subtab{font-size:11.5px;font-weight:750;white-space:nowrap;border:0;background:transparent;padding:14px 11px;color:#656e66;position:relative}
.wcla .subtab.active{color:#a25944}
.wcla .subtab.active:after{content:'';height:2px;position:absolute;bottom:0;left:11px;right:11px;background:var(--orange)}
.wcla .section-body{padding:25px 26px 30px}
.wcla .surface-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.wcla .surface-title h3{font-size:13px}
.wcla .surface-title p{color:var(--muted);font-size:11.5px;margin-top:4px}
.wcla .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:17px}
.wcla .field{display:block;min-width:0}
.wcla .field.span-2{grid-column:span 2}
.wcla .field .field-name{font-size:11.5px;font-weight:750;color:#434d43;display:block;margin-bottom:7px}
.wcla .field .required{color:#9b5a4c}
.wcla .field .help{font-size:10.5px;color:#656c65;margin-top:7px;line-height:1.6}
.wcla .input{height:43px;padding:0 12px;font-size:12.5px}
.wcla .textarea{padding:11px 12px;font-size:12.5px;resize:vertical;line-height:1.7;min-height:86px}
.wcla .textarea.short{min-height:72px}
.wcla .textarea.tall{min-height:124px}
.wcla .input:focus,.wcla .textarea:focus,.wcla select.select:focus{border-color:#bc8270;box-shadow:0 0 0 3px #f8e7df;outline:none}
.wcla .form-panel{background:#f8f9f7;border:1px solid var(--line);border-radius:11px;padding:16px;margin:18px 0}
.wcla .form-panel.white{background:white}
.wcla .form-panel.terra-tint{background:#fffbf8;border-color:#f3e0d7}
.wcla .inline-hint{display:flex;gap:9px;color:#666f65;padding:11px 13px;background:#f6f7f3;border-radius:8px;font-size:11px;line-height:1.65}
.wcla .inline-hint svg{flex:0 0 auto;margin-top:1px;color:#657066}
.wcla .warning-hint{background:#fff7f1;color:#8b6548}
.wcla .warning-hint svg{color:#945f4c}
.wcla .check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#4b594e;cursor:pointer}
.wcla .check-row input{margin-top:2px}
.wcla .field-list{display:grid;gap:9px}
.wcla .repeat-row{display:flex;align-items:flex-start;gap:9px}
.wcla .repeat-row .input{flex:1}
.wcla .faq-card{padding:13px;background:#f9faf7;border:1px solid var(--line);border-radius:9px;display:grid;gap:10px}
.wcla .section-foot{margin-top:20px;padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px}
.wcla .actionlink{border:0;background:none;padding:0;color:var(--orangeDark);font-weight:700;font-size:11.5px}
.wcla .actionlink:hover{text-decoration:underline}
.wcla .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wcla .info-cell{padding:12px;background:#fafbf9;border:1px solid #edf0e9;border-radius:8px}
.wcla .info-cell .k{font-size:10px;color:#686e66;margin-bottom:5px}
.wcla .info-cell .v{font-weight:750;font-size:12px}
.wcla .chip-row{display:flex;gap:7px;flex-wrap:wrap}
.wcla .select-chips{display:flex;gap:7px;flex-wrap:wrap}
.wcla .select-chip{border:1px solid var(--line2);border-radius:7px;background:white;color:#627062;padding:7px 10px;font-size:11.5px;font-weight:650}
.wcla .select-chip.selected{color:#9c5a45;background:#fff3ed;border-color:#edbba8}
.wcla .divider-title{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#666c65;text-transform:uppercase;margin-bottom:11px}
.wcla .progress{height:7px;background:#edf0e9;border-radius:6px;overflow:hidden}
.wcla .progress i{display:block;height:100%;background:#719c78;border-radius:6px;transition:width .2s}
.wcla .progress.orange i{background:#d3987a}
.wcla .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wcla .summary-tile{border:1px solid var(--line);border-radius:10px;padding:15px 16px;background:#fff}
.wcla .summary-tile .item-head{color:#666e66;font-size:10.5px;display:flex;align-items:center;gap:8px}
.wcla .summary-tile strong{display:block;font-size:19px;margin-top:10px;letter-spacing:-.5px}
.wcla .summary-tile p{font-size:10.5px;color:var(--muted);margin-top:4px}
.wcla .task-list{display:grid;gap:8px}
.wcla .task-row{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;align-items:center;gap:11px;background:#fff;text-align:left}
.wcla .task-row:hover{background:#fcf9f6}
.wcla .task-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:#fff1e8;color:#9c5d45}
.wcla .task-title{font-weight:750;font-size:12px}
.wcla .task-desc{font-size:10.5px;color:#656e64;margin-top:2px}
.wcla .task-row>.end-icon{margin-left:auto;color:#666d67}
.wcla .art-large{height:152px;background:linear-gradient(160deg,#e0c9aa,#879f8a);position:relative;overflow:hidden;display:grid;place-items:center}
.wcla .art-large:before{content:'';height:220px;width:220px;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:absolute;right:-45px;top:-98px}
.wcla .art-large svg{width:190px;height:130px;opacity:.8}
.wcla .preview-mini{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}
.wcla .preview-mini-body{padding:15px}
.wcla .preview-mini h3{font-size:15px;margin:7px 0}
.wcla .preview-mini p{font-size:11px;color:#646e65;line-height:1.65}
.wcla .preview-mini .row{margin-top:12px;flex-wrap:wrap}
.wcla .edit-inspector{position:sticky;top:167px;display:grid;gap:12px}
.wcla .inspector-card{padding:17px;background:white;border:1px solid var(--line);border-radius:12px}
.wcla .inspector-card h3{font-size:12px;display:flex;align-items:center;gap:7px}
.wcla .inspector-card .hint{font-size:11px;color:#646e64;line-height:1.65;margin-top:7px}
.wcla .checklist{display:grid;gap:11px;margin-top:15px}
.wcla .checkline{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.42;color:#667066}
.wcla .checkline svg{flex:0 0 auto;margin-top:1px}
.wcla .checkline.valid{color:#376b4a}
.wcla .checkline.invalid{color:#9a5c40}
.wcla .mini-action{border:0;background:transparent;color:inherit;text-align:left;padding:0;font-size:inherit;line-height:inherit}
.wcla .mini-action:hover{text-decoration:underline}
.wcla .aside-note{font-size:10.8px;color:#686f69;line-height:1.7;margin-top:11px}
.wcla .offer-card{border:1px solid var(--line);border-radius:11px;background:#fafbf9;padding:17px;margin-bottom:12px}
.wcla .offer-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}
.wcla .offer-title strong{font-size:12px}
.wcla .provider-card{border:1px solid var(--line);padding:11px 13px;border-radius:9px;background:#fafbf9;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0}
.wcla .provider-card strong{font-size:11.5px}
.wcla .provider-card small{display:block;color:#686f68;margin-top:2px}
.wcla .media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wcla .media-tile{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white}
.wcla .media-art{height:100px;display:grid;place-items:center;background:#d2ddcf;position:relative}
.wcla .media-art img{width:100%;height:100%;object-fit:cover}
.wcla .media-art .thumb{height:100%;width:100%;border-radius:0}
.wcla .media-meta{padding:10px}
.wcla .media-meta h4{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcla .media-meta p{font-size:9.5px;color:#667065}
.wcla .media-tile .media-actions{display:flex;align-items:center;gap:5px;justify-content:space-between;padding:0 9px 9px}
.wcla .upload-tile{min-height:177px;display:grid;align-content:center;justify-items:center;border:1px dashed #bbcabe;border-radius:11px;background:#fafcf9;color:#637064;padding:15px;text-align:center;cursor:pointer}
.wcla .upload-tile:hover{border-color:var(--orange);color:var(--orangeDark)}
.wcla .upload-tile strong{font-size:11px;margin:8px 0 2px;color:#5e7160}
.wcla .upload-tile span{font-size:10px}
.wcla .tag-board{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafbf9;display:flex;gap:8px;flex-wrap:wrap;min-height:50px}
.wcla .revision-card{border:1px solid var(--line);border-radius:9px;padding:13px 14px;background:#fff;display:flex;align-items:center;gap:12px;margin-bottom:9px}
.wcla .revision-card .revision-num{height:34px;width:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;font-weight:800;color:#617063;flex:0 0 auto}
.wcla .revision-card b{font-size:12px}
.wcla .revision-card small{color:#676d67;display:block;margin-top:3px}
.wcla .revision-card .pill{margin-left:auto}
.wcla .publication-card{padding:19px;border:1px solid var(--line);border-radius:11px;background:#f9faf8}
.wcla .publication-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.wcla .mode-card{border:1px solid var(--line2);border-radius:10px;padding:14px;cursor:pointer;background:white;text-align:left;min-height:104px}
.wcla .mode-card.active{border-color:#c98874;background:#fff7f3;box-shadow:0 0 0 1px #efc8b9 inset}
.wcla .mode-card strong{font-size:12px;display:flex;align-items:center;gap:6px}
.wcla .mode-card small{font-size:10.5px;color:#666d66;display:block;margin-top:8px;line-height:1.6}
.wcla .source-row{padding:13px;border:1px solid var(--line);border-radius:9px;background:#fafbf8;margin-bottom:9px;display:flex;gap:11px;align-items:flex-start}
.wcla .source-row>.grow{min-width:0}
.wcla .source-row strong{font-size:11.5px}
.wcla .source-row p{font-size:10.5px;color:#686e67;margin-top:3px;word-break:break-all}
.wcla .ai-response{border:1px solid #eed8ce;border-radius:10px;background:#fff8f3;padding:17px;margin-top:16px}
.wcla .ai-diff{font-size:12.5px;line-height:1.8;color:#526050;background:#fff;border:1px solid #f1e1d8;padding:15px;border-radius:9px;margin:12px 0}
.wcla .ai-badge{background:#f2eae1;color:#84654d;font-size:10px;font-weight:800;letter-spacing:.6px;padding:5px 8px;border-radius:6px}
.wcla .toast-wrap{position:fixed;z-index:100;bottom:22px;right:22px;display:grid;gap:9px;max-width:360px}
.wcla .toast{padding:13px 16px;border-radius:10px;background:#263a2d;color:white;font-weight:650;box-shadow:0 12px 36px rgba(21,35,26,.17);font-size:12px}
.wcla .overlay{position:fixed;z-index:60;inset:0;background:rgba(27,42,31,.4);display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}
.wcla .dialog{width:min(540px,100%);max-height:min(790px,calc(100vh - 28px));background:white;border-radius:15px;box-shadow:0 28px 90px rgba(11,30,20,.2);overflow:hidden;display:flex;flex-direction:column}
.wcla .dialog.wide{width:min(760px,100%)}
.wcla .dialog-head{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:23px 25px 19px;border-bottom:1px solid var(--line)}
.wcla .dialog-head h2{font-size:18px}
.wcla .dialog-head p{font-size:11px;color:#696f68;margin-top:4px}
.wcla .dialog-body{padding:22px 25px;overflow:auto;flex:1}
.wcla .dialog-foot{padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;background:#fafbf9}
.wcla .quick-backdrop{position:fixed;inset:0;background:rgba(20,35,24,.18);z-index:35}
.wcla .quick-drawer{width:min(460px,100vw);background:white;position:fixed;top:0;right:0;bottom:0;z-index:36;box-shadow:-14px 0 42px rgba(15,34,20,.11);display:flex;flex-direction:column}
.wcla .quick-head{padding:21px 23px;display:flex;justify-content:space-between;gap:11px;border-bottom:1px solid var(--line)}
.wcla .quick-scroll{overflow:auto;padding:20px 23px;flex:1}
.wcla .quick-foot{border-top:1px solid var(--line);padding:14px 23px;display:flex;gap:8px}
.wcla .quick-foot .btn{flex:1}
.wcla .quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wcla .quick-grid .info-cell{background:#f6f8f4}
.wcla .quote-box{border-left:2px solid var(--orange);padding:9px 0 9px 12px;color:#626f64;line-height:1.8;font-size:12px}
.wcla .public-preview{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.wcla .public-cover{height:205px;background:linear-gradient(145deg,#dec6a9,#819f87);display:grid;place-items:center;position:relative}
.wcla .public-cover svg{width:290px;height:192px;opacity:.79}
.wcla .public-cover img{width:100%;height:100%;object-fit:cover}
.wcla .public-content{padding:22px}
.wcla .public-content h2{font-size:22px;margin:7px 0 10px}
.wcla .public-content p{font-size:12px;color:#616f62;line-height:1.75}
@media(max-width:1380px){.wcla .edit-layout{grid-template-columns:174px minmax(0,1fr) 265px;gap:14px;padding-left:22px;padding-right:22px}
.wcla .editor-top-inner{padding-left:22px;padding-right:22px}
.wcla .main-content{padding-left:24px;padding-right:24px}
.wcla .activity-table .col-activity{width:33%}
.wcla .activity-table .col-destination{width:14%}
.wcla .activity-table td,.wcla .activity-table th{padding-left:11px;padding-right:10px}
}
@media(max-width:1160px){.wcla{--sidebar:188px}
.wcla .edit-layout{grid-template-columns:165px minmax(0,1fr);gap:14px}
.wcla .edit-inspector{position:relative;top:auto;grid-column:2;grid-row:2;grid-template-columns:1fr 1fr}
.wcla .stats-grid{grid-template-columns:repeat(2,1fr)}
.wcla .activity-table .col-review{display:none}
.wcla .activity-table .col-commerce{width:17%}
.wcla .grid-results{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){.wcla{--sidebar:0px}
.wcla .main-content{padding:24px 17px 45px}
.wcla .heading-row{flex-direction:column;gap:6px}
.wcla .page-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
.wcla .editor-top-inner{padding:13px 17px;align-items:flex-start;flex-wrap:wrap}
.wcla .editor-actions{width:100%;overflow:auto;justify-content:flex-start}
.wcla .edit-layout{display:block;padding:13px 17px 45px}
.wcla .edit-rail{position:relative;top:auto;display:flex;overflow:auto;margin-bottom:13px;padding-bottom:5px;gap:7px}
.wcla .rail-caption,.wcla .rail-help,.wcla .rail-divider{display:none}
.wcla .rail-item{min-width:max-content;border:1px solid var(--line);background:white;padding:8px 12px;height:38px;min-height:38px;font-size:11px;margin:0}
.wcla .rail-item.active{border-color:#edc5b4}
.wcla .rail-item.active:before{display:none}
.wcla .rail-item .rail-indicator{display:none}
.wcla .edit-inspector{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}
.wcla .editor-intro-head{padding:19px}
.wcla .section-body{padding:19px}
.wcla .quick-drawer{width:min(450px,95vw)}
}
@media(max-width:620px){.wcla .main-content>.section-title{align-items:flex-start;flex-direction:column;gap:10px}
.wcla .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.wcla .stat-card{padding:13px;min-height:98px}
.wcla .stat-card strong{font-size:25px}
.wcla .table-toolbar{padding:13px;gap:7px}
.wcla .searchbox{min-width:100%;flex:none}
.wcla .table-toolbar select.select{flex:1;min-width:120px}
.wcla .table-subnav{padding:0 10px}
.wcla .table-head-row{padding:16px}
.wcla .activity-table thead{display:none}
.wcla .activity-table,.wcla .activity-table tbody,.wcla .activity-table tr,.wcla .activity-table td{display:block;width:100%!important}
.wcla .activity-table tbody tr{display:grid;grid-template-columns:22px 1fr 35px;gap:7px;border-top:1px solid var(--line);padding:14px 11px}
.wcla .activity-table td{border:0;padding:0!important}
.wcla .activity-table td:nth-child(2){grid-column:2}
.wcla .activity-table td:nth-child(1){grid-column:1}
.wcla .activity-table td:nth-child(3){grid-column:2}
.wcla .activity-table td:nth-child(4){grid-column:2}
.wcla .activity-table td:nth-child(5){grid-column:2}
.wcla .activity-table td:last-child{grid-column:3;grid-row:1/5;display:flex;align-items:center}
.wcla .activity-table .col-review{display:none}
.wcla .grid-results{grid-template-columns:1fr}
.wcla .heading-row h1{font-size:25px}
.wcla .editor-top{top:58px}
.wcla .editor-name{font-size:16px}
.wcla .edit-inspector{grid-template-columns:1fr}
.wcla .form-grid,.wcla .summary-grid,.wcla .info-grid,.wcla .publication-choices,.wcla .quick-grid{grid-template-columns:1fr}
.wcla .field.span-2{grid-column:span 1}
.wcla .media-grid{grid-template-columns:repeat(2,1fr)}
.wcla .dialog-body{padding:17px}
.wcla .dialog-head{padding:18px}
.wcla .dialog-foot{padding:12px}
.wcla .save-status{display:none}
.wcla .editor-actions .btn{flex:1;padding-left:10px;padding-right:10px}
.wcla .editor-actions .btn small{display:none}
.wcla .stat-trend{display:none!important}
}
@media(prefers-reduced-motion:reduce){.wcla *{transition:none!important;scroll-behavior:auto!important}
}

/* ==================================================================
 * Plancher d'accessibilité du dépôt (cadrage §7)
 * — au-dessus de la fidélité au prototype quand les deux divergent.
 * ================================================================== */

/* Saisies : 16 px figé (zoom, iOS). */
.wcla input:not([type="checkbox"]):not([type="radio"]),
.wcla textarea,
.wcla select { font-size: 16px; }

/* Cibles tactiles ≥ 44 px. */
.wcla button,
.wcla .btn,
.wcla summary,
.wcla .check-row,
.wcla .check,
.wcla .subtab,
.wcla .rail-item,
.wcla .navitem,
.wcla .list-control button { min-height: 44px; }

/* Aucun texte porteur sous 11 px. */
.wcla .eyebrow,
.wcla .rail-caption,
.wcla .tab-mini,
.wcla .pill { font-size: 11px; }
.wcla small,
.wcla .tiny { font-size: 11px; }

/* ==================================================================
 * Classes utilitaires — remplacent les styles en ligne du prototype
 * (interdits par la CSP `style-src 'self'`).
 * ================================================================== */
.wcla .min-0 { min-width: 0; }
.wcla .mb-7 { margin-bottom: 7px; }
.wcla .mb-12 { margin-bottom: 12px; }
.wcla .mb-16 { margin-bottom: 16px; }
.wcla .mt-4 { margin-top: 4px; }
.wcla .mt-15 { margin-top: 15px; }
.wcla .mtb-12 { margin: 12px 0 5px; }
.wcla .m-0 { margin: 0; }
.wcla .fs-12 { font-size: 12px; }
.wcla .fs-13 { font-size: 13px; }
.wcla .fs-15 { font-size: 15px; }
.wcla .fs-16 { font-size: 16px; }
.wcla .row--wrap { flex-wrap: wrap; }
.wcla .card--flush { padding: 0; overflow: hidden; }
.wcla .card-head--pad { padding: 13px 16px; border-bottom: 1px solid var(--line); }
.wcla .center-pad { text-align: center; padding: 28px; }
.wcla .art-large--sm { height: 106px; }
.wcla .art-fill { width: 100%; height: 100%; object-fit: cover; }
.wcla .chip-x { border: 0; background: transparent; padding: 0; color: #6b6f68; }
.wcla .searchbox--full { width: 100%; min-width: 0; }
.wcla .input--file { padding: 10px; }
.wcla .gcard-check { position: absolute; top: 11px; right: 12px; background: #ffffffd9; border-radius: 6px; padding: 5px; }
.wcla .media-cover-badge { position: absolute; top: 8px; left: 8px; }
.wcla .partner-results { max-height: 210px; overflow-y: auto; margin-top: 13px; }
.wcla .partner-row { margin: 5px 0 12px; }
.wcla .field-name--block { font-size: 12px; font-weight: 750; margin-bottom: 7px; }
.wcla .public-id { font-size: 12px; font-family: ui-monospace, "Cascadia Mono", Menlo, monospace; color: #536453; }
.wcla .map-placeholder { height: 142px; display: grid; place-items: center;
  background: linear-gradient(135deg, #f4f0e7, #e5eee5); border-radius: 9px;
  margin: 12px 0; border: 1px solid var(--line); color: #6b6f68; }
.wcla .t-soft { color: #6b6f68; }
.wcla .t-slash { color: #6b6f68; }
.wcla .t-dot-accent { color: #a7543d; }
.wcla .t-ai { color: #8a5a42; }
.wcla .t-green-soft { color: #3f6a4f; }
.wcla .crumb-sep { padding: 0 7px; color: #6b6f68; }
.wcla .count-inline { color: #5f6a60; font-size: 13px; font-weight: 600; }
.wcla .card-sub { font-size: 11px; color: var(--muted); margin-top: 4px; }
.wcla .sheet-name { font-size: 12px; }
.wcla .serp-url { color: #2c6f4e; font-size: 11px; margin-top: 12px; }
.wcla .serp-title { font-size: 16px; color: #315895; font-weight: 650; margin-top: 5px; }
.wcla .quick-title { font-size: 17px; margin: 5px 0; }
.wcla .quick-id { overflow-wrap: anywhere; color: #6b6f68; }
.wcla .eyebrow--xs { font-size: 11px; }
.wcla .check-hint { display: block; color: #6b6f68; font-size: 11px; }

/* Barre de progression : élément natif, aucun style en ligne. */
.wcla .wcla-progress { appearance: none; -webkit-appearance: none; display: block;
  width: 100%; height: 6px; border: 0; border-radius: 999px; background: #e7eae3; overflow: hidden; }
.wcla .wcla-progress::-webkit-progress-bar { background: #e7eae3; }
.wcla .wcla-progress::-webkit-progress-value { background: #3c6b53; border-radius: 999px; }
.wcla .wcla-progress::-moz-progress-bar { background: #3c6b53; border-radius: 999px; }
.wcla .wcla-progress.is-warm::-webkit-progress-value { background: #b4682f; }
.wcla .wcla-progress.is-warm::-moz-progress-bar { background: #b4682f; }

/* ==================================================================
 * Éléments propres à la page (absents du prototype car celui-ci est une
 * page autonome) : filtres avancés du dépôt, statut, tri, masquage accessible.
 * ================================================================== */
.wcla .wcla-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.wcla .wcla-results { min-width: 0; }
.wcla .wcla-sort { display: inline-flex; align-items: center; }
.wcla .wcla-chips { display: flex; flex-wrap: wrap; gap: 7px; padding: 11px 16px 0; }
.wcla .wcla-chips button { min-height: 44px; padding: 0 12px; border: 1px solid var(--line2);
  background: var(--white); border-radius: 9px; color: #3d4740; font-size: 12px; font-weight: 600; }
.wcla .wcla-chips button:hover { background: var(--paper); }
.wcla .wcla-status-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  min-height: 44px; padding: 6px 0; }
.wcla .wcla-status-bar p { flex: 1 1 240px; min-width: 0; color: #4b594e; }
.wcla .wcla-status-bar button { min-height: 44px; padding: 0 13px; border: 1px solid var(--line2);
  background: var(--white); border-radius: 9px; font-size: 12px; font-weight: 700; }
.wcla .wcla-select-all { display: flex; align-items: center; justify-content: space-between;
  gap: 10px; min-height: 44px; padding: 0 16px; border-top: 1px solid var(--line);
  font-size: 12px; color: #4b594e; }
.wcla .wcla-select-all__box { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.wcla .wcla-select-all__box input { flex: 0 0 auto; width: auto; margin: 0; }
.wcla .wcla-select-all > span { color: var(--muted); }
.wcla .wcla-editor-error { padding: 0 36px; color: var(--red); font-weight: 600; }
.wcla .wcla-editor-error:empty { display: none; }
.wcla .inspector-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.wcla .switch { align-items: flex-start; }
.wcla .location-mount { min-width: 0; }
.wcla .editor-intro-head > div:last-child { flex-shrink: 0; }

/* Rétablissement des compositions en pleine largeur (les éléments interactifs
 * natifs — bouton, libellé — n'héritent pas de align-items: stretch). */
.wcla .stat-card { align-items: stretch; }
.wcla .stat-card .stat-label,
.wcla .stat-card .stat-bottom { width: 100%; }
.wcla .task-title, .wcla .task-desc { display: block; }
.wcla .summary-tile p, .wcla .summary-tile strong { display: block; }
.wcla .art-large svg, .wcla .media-art svg { width: 100%; height: 100%; }
/* Photographie réelle dans les vignettes (motif de repli conservé sinon). */
.wcla .thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.wcla .grid-art .thumb img, .wcla .media-art .thumb img { border-radius: 0; }

/* La feuille historique de la page (admin.css) impose à TOUT <label>
 * un flex en colonne. Les compositions du prototype qui attendent une rangée
 * (case à cocher + libellé, champ de recherche) le déclarent donc ici. */
.wcla .check-row,
.wcla .switch,
.wcla .wcla-select-all,
.wcla .searchbox { flex-direction: row; }
.wcla .field-name { display: block; font-weight: 600; font-size: 12px; color: #4b594e; }
.wcla .wc-library-filter-fields > label { flex-direction: column; }
@media (max-width: 620px) {
  .wcla .filter-pills { flex-wrap: nowrap; overflow-x: auto; }
}
/* Les filtres avancés utilisent la feuille et les classes déjà portées par la
 * page (identifiant extra-filters, classes wc-library-filter-*) : la
 * refonte ne les redéfinit pas, pour ne pas empiler deux mises en page
 * concurrentes. Seuls les points de blocage de l'inspecteur sont habillés ici :
 * les règles .completeness de admin.css ne visent plus ce balisage. */
.wcla .issue-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.wcla .issue-links button { min-height: 44px; padding: 0 12px; border: 1px solid var(--line2);
  background: var(--white); border-radius: 9px; color: #8d392c; font-size: 12px; font-weight: 600; text-align: left; }
.wcla #completeness-details { padding: 0; }

/* ==================================================================
 * Modales de page — habillage du prototype appliqué aux dialogues réels
 * (#auxiliary, #transfer) et au composant de modale (overlay / dialog).
 * ================================================================== */
.wcla dialog { background: var(--white); color: var(--ink); border: 1px solid var(--line);
  border-radius: 14px; box-shadow: var(--shadow); padding: 0; width: min(660px, calc(100% - 32px)); max-height: 88vh; }
.wcla dialog::backdrop { background: rgba(24, 32, 26, .34); }
.wcla dialog > .drawer-head { display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; padding: 20px 22px 14px; border-bottom: 1px solid var(--line); }
.wcla dialog > .drawer-head h2 { font-size: 18px; letter-spacing: -.5px; margin: 0; }
.wcla dialog > .drawer-head button { min-height: 44px; }
.wcla #aux-content, .wcla #transfer-content { padding: 18px 22px; overflow-y: auto; }
.wcla #aux-status, .wcla #transfer-status { padding: 0 22px 16px; margin: 0; color: var(--muted); min-height: 24px; }
.wcla #transfer { width: min(760px, calc(100% - 32px)); }
.wcla dialog .button-row { display: flex; flex-wrap: wrap; gap: 10px; }
.wcla #wcla-modal-root:empty { display: none; }

/* ==================================================================
 * Intégration à la coquille partagée
 * ================================================================== */
/* La coquille fournit déjà la largeur et les marges du contenu. */
.wcla { font-size: 13.5px; line-height: 1.5; color: var(--ink); }
.wcla .main-content { max-width: none; margin: 0; padding: 0; }

/* Neutralisation ciblée des règles HISTORIQUES de la page (admin.css,
 * library-module.css) sur les rares ancrages réutilisés par cette refonte :
 * les identifiants sont conservés (continuité JS), leur style ne l'est pas. */
body.wc-admin .wcla #metrics { display: grid; gap: 14px; margin-bottom: 22px; }
body.wc-admin .wcla #panel-content { display: block; gap: 0; }
body.wc-admin .wcla #draft-form { display: block; overflow: visible; padding: 0; }

/* L'espace d'édition défile seul : la barre collante se cale en haut de la zone,
 * et les colonnes se calent juste sous elle. Le prototype calait ces décalages
 * sous SA barre supérieure ; ils sont recalés ici, et UNIQUEMENT dans la
 * disposition qui les porte : le rail est collant dès 851 px, l'inspecteur ne
 * l'est que dans la disposition à trois colonnes (> 1160 px). Sans cette
 * séparation, l'offset de 96 px l'emportait sur le top:auto du palier 1160 px et
 * décalait l'inspecteur de 96 px entre 851 et 1160 px (dont 1024 px). */
.wcla .editor-top { top: 0; background: var(--paper); }
@media (min-width: 851px) {
  .wcla .edit-rail { top: 96px; }
}
@media (min-width: 1161px) {
  .wcla .edit-inspector { top: 96px; }
}

/* Aperçu rapide (tiroir droit) — tiroir du prototype.
 * La page possède déjà ce tiroir (library-module.css,
 * body.wc-admin #wc-library-preview[open]) : la règle doit donc porter la MÊME
 * sinon elle est morte et le tiroir recouvre la barre supérieure. */
body.wc-admin #wc-library-preview[open] { position: fixed; inset: var(--wc-topbar) 0 0 auto; margin: 0;
  width: min(450px, 95vw); max-width: 100vw; height: auto; max-height: none;
  padding: 0; border: 0; border-left: 1px solid var(--line); border-radius: 0;
  background: var(--white); overflow-y: auto; box-shadow: -18px 0 44px rgba(29, 45, 34, .10); }
body.wc-admin #wc-library-preview::backdrop { background: rgba(24, 32, 26, .28); }
#wc-library-preview .wc-library-preview-head { display: flex; align-items: flex-start;
  justify-content: space-between; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
#wc-library-preview .wc-library-preview-head button { min-height: 44px; padding: 0 12px;
  border: 1px solid var(--line2); background: var(--white); border-radius: 9px; font-size: 12px; font-weight: 700; }
#wc-library-preview #wc-library-preview-body { padding: 18px 20px; color: var(--ink); }
#wc-library-preview .wc-library-preview-footer { display: flex; flex-wrap: wrap; gap: 10px;
  padding: 14px 20px; border-top: 1px solid var(--line); position: sticky; bottom: 0; background: var(--white); }
#wc-library-preview .wc-library-preview-footer button { min-height: 44px; padding: 0 14px;
  border: 1px solid var(--line2); background: var(--white); border-radius: 9px; font-size: 12.5px; font-weight: 700; }
#wc-library-preview .wc-library-preview-footer button.primary { background: var(--green); border-color: var(--green); color: #fff; }
#wc-library-preview .wc-library-preview-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px; margin-bottom: 18px; }
#wc-library-preview .wc-library-preview-kv small { display: block; color: var(--muted); font-size: 11px; }
#wc-library-preview .wc-library-preview-kv strong { font-size: 13px; overflow-wrap: anywhere; }
#wc-library-preview h3 { margin: 18px 0 6px; font-size: 14px; }

/* L'espace d'édition occupe la zone de contenu : la navigation générale reste
 * visible. La variable de largeur du rail vaut 72 px sous 1100 px, et la coquille
 * remet la marge du contenu à 0 sous 900 px SANS toucher à cette variable :
 * l'insertion du panneau est donc alignée sur ces mêmes paliers, sinon une
 * gouttière vide de 72 px apparaît sous 900 px. */
dialog.wcla-editor { position: fixed; inset: var(--wc-topbar) 0 0 var(--wc-sidebar);
  width: auto; max-width: none; height: auto; max-height: none; margin: 0;
  border: 0; border-radius: 0; padding: 0; background: var(--paper); overflow: auto; }
dialog.wcla-editor::backdrop { background: transparent; backdrop-filter: none; }
@media (max-width: 900px) { dialog.wcla-editor { inset: var(--wc-topbar) 0 0 0; } }
.wc-admin-guest dialog.wcla-editor { inset: var(--wc-topbar) 0 0 0; }

/* Ajustements propres à la page Activités face aux règles historiques partagées. */
body.wc-admin #app.wcla #workspace .page-heading h1 { font-size: 28px; line-height: 1.25; }
body.wc-admin #app.wcla #workspace .page-heading { gap: 16px; }
body.wc-admin #app.wcla #header-actions { flex-wrap: wrap; }
body.wc-admin #app.wcla .table-toolbar { flex-wrap: wrap; }
body.wc-admin #app.wcla #header-actions #transfer-open,
body.wc-admin #app.wcla #header-actions .wc-library-more { display: inline-flex; }
body.wc-admin #auxiliary.wcla-aux-dialog[open] { box-sizing: border-box; display: flex; flex-direction: column;
  width: min(720px, calc(100% - 32px)); max-width: none; max-height: min(86vh, 900px); margin: auto;
  padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--white); overflow: hidden; }
body.wc-admin #auxiliary.wcla-aux-dialog .drawer-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
  gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
body.wc-admin #auxiliary.wcla-aux-dialog #aux-content { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 20px; }
body.wc-admin #auxiliary.wcla-aux-dialog #aux-status { flex: 0 0 auto; padding: 0 20px 16px; }
body.wc-admin #auxiliary.wcla-aux-dialog::backdrop { background: rgba(24,32,26,.34); }
body.wc-admin #auxiliary.wc-activity-draft-dialog[open] { display: block; width: min(1120px,calc(100% - 32px)); max-width: none;
  max-height: 92vh; padding: 0; overflow: hidden; }
.wcla .assistant-group { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.wcla .assistant-group > h3 { margin: 0 0 12px; }
.wcla .source-card { margin: 10px 0; padding: 12px; }
.wcla .source-card__head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.wcla .source-card__head strong { flex: 1 1 220px; }
.wcla .source-card details { margin-top: 8px; }
.wcla .source-card details > p { margin-top: 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.wcla .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr)); gap: 16px; }
.wcla .gallery-item { display: block; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.wcla .gallery-item__image { position: relative; overflow: hidden; border-radius: 9px; background: var(--paper); }
.wcla .gallery-item__image img { display: block; width: 100%; height: 180px; object-fit: cover; }
.wcla .gallery-item__image .badge { position: absolute; left: 8px; bottom: 8px; }
.wcla .gallery-item__summary { display: grid; gap: 5px; padding: 10px 0; overflow-wrap: anywhere; }
.wcla .gallery-rights { font-size: 11px; color: var(--orange); }
.wcla .gallery-rights.is-documented { color: #27684b; }
.wcla .gallery-item__details { border-top: 1px solid var(--line); padding-top: 10px; }
@media (max-width: 620px) {
  body.wc-admin #app.wcla #workspace .page-heading { display: block; }
  body.wc-admin #app.wcla #header-actions { justify-content: flex-start; margin-top: 12px; }
  body.wc-admin #app.wcla #header-actions #new-activity { max-width: none; }
  body.wc-admin #app.wcla .table-toolbar { align-items: stretch; }
  body.wc-admin #app.wcla .table-toolbar > * { min-width: 0; max-width: 100%; }
}
@media (max-width: 900px) {
  body.wc-activities-admin .wc-admin-nav { display: flex; transform: translateX(-101%); visibility: hidden;
    transition: transform .2s ease, visibility 0s linear .2s; }
  body.wc-activities-admin .wc-admin-nav.open { display: flex; transform: translateX(0); visibility: visible;
    transition: transform .2s ease, visibility 0s; }
}
@media (prefers-reduced-motion: reduce) {
  body.wc-admin #auxiliary.wcla-aux-dialog *, .wcla .gallery-item *, body.wc-activities-admin .wc-admin-nav { transition: none !important; scroll-behavior: auto !important; }
}

/* Réception : hiérarchie des surfaces réelles et titres longs. */
.wcla .editor-top-inner > div:first-child { min-width: 0; flex: 1 1 auto; }
.wcla .editor-name { min-width: 0; }
.wcla #editor-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wcla #editor-status { flex-shrink: 0; }
.wcla .editor-actions { display: grid; grid-template-columns: repeat(6, max-content); gap: 3px 8px; }
.wcla .editor-actions .save-status { grid-column: 1 / -1; justify-self: end; }
.wcla .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); }
.wcla .gallery-item__image img { height: 148px; }
.wcla .publication-card { background: var(--white); padding: 0; border: 0; }
.wcla .publication-summary { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 20px; }
.wcla .publication-mode-group { margin: 0 0 22px; padding: 0; border: 0; }
.wcla .publication-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.wcla .mode-card { display: block; min-width: 0; white-space: normal; }
.wcla .mode-card strong { display: flex; align-items: flex-start; gap: 7px; }
.wcla .mode-card strong svg { flex-shrink: 0; }
.wcla .mode-card small { display: block; margin-top: 9px; }
.wcla .publication-panel { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.wcla .publication-section-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.wcla .publication-section-head p { color: var(--muted); margin-top: 5px; }
.wcla .publication-checks, .wcla .publication-evidence-list, .wcla .publication-diff-list { display: grid; gap: 10px; }
.wcla .publication-actions, .wcla .publication-sale-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.wcla .publication-check, .wcla .publication-evidence { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
.wcla .publication-check strong, .wcla .publication-check span { display: block; }
.wcla .publication-check > div > span { color: var(--muted); margin-top: 3px; }
.wcla .publication-evidence p, .wcla .revision-card__body p { color: var(--muted); font-size: 11px; margin-top: 5px; overflow-wrap: anywhere; }
.wcla .revision-card__body { min-width: 0; }
.wcla .publication-diff-list > article { padding: 14px; background: var(--paper); border-radius: 9px; overflow-wrap: anywhere; }
.wcla .publication-diff-list > article > div { margin-top: 10px; }
.wcla .publication-diff-list span { color: var(--muted); font-size: 11px; }
.wcla .classification-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px; margin: 16px 0 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.wcla .classification-summary p { margin-top: 5px; }
.wcla .classification-summary small { display: block; margin-top: 4px; color: var(--muted); }
.wcla .wc-activity-location { padding: 0; border: 0; }
.wcla .wc-activity-location > p { margin-top: 10px; color: var(--muted); }
.wcla .wc-activity-location [data-location-result] { margin-top: 20px; }
.wcla .wc-activity-location [data-location-result] > p { margin-top: 8px; }
.wcla .wc-activity-location-candidates { margin: 18px 0; gap: 14px; }
.wcla .wc-activity-location-candidates article { background: var(--paper); padding: 16px; }
.wcla .wc-activity-location-candidates article > p { margin-top: 7px; }
.wcla .wc-activity-location-candidates article > button { margin-top: 10px; }
.wcla .wc-activity-location [data-location-manual] { margin-top: 18px; border-top: 1px solid var(--line); }
@media (min-width: 851px) and (max-width: 1350px) {
  body.wc-admin #app.wcla .table-toolbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 44px; }
  body.wc-admin #app.wcla .table-toolbar > .searchbox { grid-column: 1 / -1; min-width: 0; }
  body.wc-admin #app.wcla .table-toolbar > select, body.wc-admin #app.wcla .wcla-sort, body.wc-admin #app.wcla #library-sort { width: 100%; min-width: 0; max-width: none; }
}
@media (max-width: 850px) {
  .wcla .editor-actions { display: flex; flex-wrap: wrap; width: 100%; }
  .wcla .editor-actions .save-status { flex-basis: 100%; }
  .wcla .publication-choices { grid-template-columns: 1fr; }
  .wcla .classification-summary { align-items: flex-start; flex-direction: column; }
}