/* Atelier Domino : même planche DOM à l'écran et dans les pages imprimables. */
#view-domino{color:#17364c}
#view-domino-start[hidden], #view-domino[hidden], #dom-editor-workspace[hidden]{display:none!important}
.dom-main-button{border:1px solid #1b607f;background:#1e5c78;color:#fff;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:700;cursor:pointer}
#view-domino:not([hidden]){display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#view-domino>.ef-activity-header{flex:0 0 auto}
.dom-shell{display:grid;grid-template-columns:var(--ef-left-current,var(--ef-library-width)) minmax(0,1fr) var(--ef-right-current,var(--ef-parameters-width));gap:var(--ef-activity-gap);flex:1 1 auto;height:0;min-height:0;min-width:0;align-items:stretch;margin-top:8px;overflow:hidden}
.dom-pane{background:#fff;border:1px solid #dfe7eb;border-radius:var(--ef-activity-radius);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.dom-pane-head{padding:13px 12px;border-bottom:1px solid #e5eaec;display:flex;align-items:center;justify-content:space-between;gap:7px}
.dom-pane-head h2{font-size:14px;margin:0}.dom-pane-body{padding:11px;overflow-y:auto;min-height:0;flex:1}
/* Les sources Pictos/Cartes/Formes/Signes/Mes images/Importer sont pilotées par le composant commun. */
.dom-library-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.dom-special-sources{display:flex;gap:5px;margin:8px 0}
.dom-special-sources button{flex:1;padding:7px;border:1px solid #d8e1e7;border-radius:8px;background:white;color:#234a62;font:600 11px Lexend,sans-serif;cursor:pointer}
.dom-special-sources button[aria-pressed=true]{background:#fef0c6;border-color:#d4a322}
#dom-album,#dom-search{min-height:35px;width:100%;border:1px solid #cbd9df;border-radius:8px;padding:8px;margin-bottom:8px;font:inherit;font-size:11px;background:#fff}
.dom-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dom-resource{background:#fff;border:1px solid #d7e0e6;border-radius:8px;padding:5px 3px;min-width:0;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:4px;cursor:pointer}
.dom-resource:hover{border-color:#438bab;background:#f1f8fa}.dom-resource svg,.dom-resource img,.dom-resource .dom-swatch{height:46px;width:100%;max-width:65px;object-fit:contain}
.dom-resource-label{font-size:9px;line-height:1.2;max-width:100%;overflow-wrap:anywhere;text-align:center;color:#334f60}
.dom-resource svg.ef-forme-visual{color:#2c566f}
.dom-swatch{border:1px solid #a5b7c1;border-radius:7px}
.dom-center{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.dom-outline{border:1px solid #cad8df;background:white;color:#2c536e;border-radius:7px;padding:7px 9px;font-size:11px;cursor:pointer}
/* La planche éditable utilise les mêmes pages et la même grille que le PDF. */
.dom-board-scroll{flex:1 1 auto;height:0;min-height:0;min-width:0;overflow:auto;background:#f0f4f5;padding:12px;overscroll-behavior:contain}
.dom-board{width:max-content;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto;background:transparent;padding:0}
.dom-board>.dom-edit-page .dom-tile{aspect-ratio:auto;height:100%;border:2px solid #40505c}
.dom-board>.dom-edit-page .dom-half:first-child{border-right:2px solid #40505c}
.dom-tile-wrap{min-width:0}.dom-tile{aspect-ratio:1.8/1;border:2px solid #45647a;border-radius:6px;background:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-width:0}
.dom-half{display:grid;min-height:0;min-width:0;background:#fff;overflow:hidden;position:relative}.dom-half:first-child{border-right:2px solid #45647a}
.dom-zones-1{grid-template-columns:1fr;grid-template-rows:1fr}.dom-zones-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.dom-zones-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dom-zones-3 .dom-zone:first-child{grid-row:span 2}
.dom-zones-3.dom-reverse .dom-zone:first-child{grid-column:2;grid-row:span 2}.dom-zones-3.dom-reverse .dom-zone:nth-child(2){grid-column:1;grid-row:1}.dom-zones-3.dom-reverse .dom-zone:nth-child(3){grid-column:1;grid-row:2}
.dom-zones-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.dom-zone{padding:0;margin:0;border:0;border-radius:0;background:#fff;min-width:0;min-height:0;display:flex;position:relative;cursor:pointer;overflow:hidden;align-items:stretch;justify-content:stretch;font:inherit;color:inherit}
.dom-half .dom-zone:not(:last-child){border-right:1px solid #a5b5bd}.dom-zones-3 .dom-zone:first-child,.dom-zones-4 .dom-zone:nth-child(2){border-bottom:1px solid #a5b5bd}.dom-zones-3 .dom-zone:nth-child(2){border-bottom:1px solid #a5b5bd}
.dom-zones-4 .dom-zone:nth-child(2){border-right:0}.dom-zones-4 .dom-zone:nth-child(3){border-right:1px solid #a5b5bd}
.dom-zone.dom-selected{outline:3px solid #1590af;outline-offset:-3px;z-index:2;background-color:#eaf9ff}
.dom-zone:focus-visible{outline:3px solid #1b7399;outline-offset:-3px;z-index:3}
.dom-zone-content{width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dom-zone-content>svg.ef-forme-visual{max-width:100%;max-height:100%;flex:none}
.dom-placeholder{font-size:26px;color:#b1c4cd;font-weight:300}.dom-dots{width:80%;height:80%}
.dom-section{padding:12px;border-bottom:1px solid #e8ecee}.dom-section h3{font-size:13px;margin:0 0 11px}.dom-section label{display:flex;flex-direction:column;font-size:11px;gap:5px;margin-bottom:10px}
.dom-section input:not([type=color]),.dom-section select{width:100%;padding:8px;border:1px solid #cddce2;border-radius:7px;background:white;font:inherit;font-size:11px}
.dom-hint{font-size:10.5px;color:#5e7382;line-height:1.5;margin:9px 0}.dom-segments{display:flex;gap:5px;margin:8px 0 13px}
.dom-segments button{flex:1;border:1px solid #cbd9df;border-radius:7px;background:#fff;padding:9px 0;cursor:pointer}
.dom-segments button[aria-pressed=true]{background:#e3f1f6;border-color:#267b99;font-weight:700}
.dom-color-field{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:5px;margin:10px 0}
.dom-color-field input{width:43px;height:31px;border:0;background:transparent;cursor:pointer}
.dom-section .dom-outline{width:100%;margin:6px 0;text-align:center}
.dom-remove{color:#a23c3c!important}
.dom-status{flex:0 0 auto;padding:8px 12px;font-size:10px;color:#516f80;margin:0;background:#f8fcfe}.dom-error{color:#ac4141}
.dom-print-page{background:#fff;box-shadow:0 4px 18px #19344818;flex:none;box-sizing:border-box}
.dom-print-grid{display:grid;align-content:start}
.dom-physical-unit .dom-tile{border:.3mm solid #40505c;border-radius:0;aspect-ratio:auto;height:100%;break-inside:avoid}
.dom-physical-unit .dom-half:first-child{border-right:.3mm solid #40505c}
.dom-physical-unit .dom-zone{cursor:default}.dom-physical-unit .dom-placeholder{opacity:0}
/* Les volets communs gèrent le repli : jamais d'empilement qui piège la feuille. */
@media(max-width:800px){.dom-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);}.dom-pane:not(.dom-center){min-height:46px;}.dom-center{min-height:0}}
.dom-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--ef-rail-width);flex:1;min-height:0;min-width:0}
.dom-settings-scroll{overflow:auto;min-height:0}
.dom-rail{display:flex;flex-direction:column;gap:5px;padding:6px 3px;border-left:1px solid #e3e4e5;overflow-y:auto}
.dom-rail>button[data-dom-tab]{font-size:0!important;padding:7px 4px;border:1px solid #e5e9ea;border-radius:8px;min-height:38px;background:#fff;cursor:pointer}
.dom-rail>button[data-dom-tab][aria-pressed=true]{background:#ffe2a2;border-color:#dca523}
.dom-settings-scroll>[data-dom-panel][hidden]{display:none!important}
.dom-local-files{border-top:1px solid #e8ecee}
.dom-dragging{opacity:.5}.dom-tile-wrap{cursor:grab}.dom-tile-wrap:active{cursor:grabbing}
.dom-edit-page .dom-tile-wrap{min-width:0;min-height:0}.dom-edit-page .dom-tile-wrap .dom-tile{height:100%;}


/* L’intitulé ne passe pas sous le bouton de repli du volet commun. */
.dom-settings-pane>.dom-pane-head{padding-left:43px}
.dom-center.ef-fs-preview:fullscreen .dom-board{pointer-events:none!important}

@media(max-width:800px){
 .dom-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,1fr) auto auto;gap:var(--ef-activity-gap)}
 .dom-shell>.dom-center{grid-row:1}
 .dom-shell>.dom-library{grid-row:2}
 .dom-shell>.dom-settings-pane{grid-row:3}
 .dom-shell>.dom-pane{min-height:0}
 .dom-shell>.dom-pane.ef-side-panel:not(.ef-side-collapsed){height:min(35dvh,290px);min-height:0}
 .dom-shell>.dom-center{min-height:0;height:auto}
}

/* Aperçu de zone dans l’éditeur individuel CAA canonique. */
.dom-individual-zone{width:min(100%,300px);aspect-ratio:1/1;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;border:1px solid #dce5e9;border-radius:8px;background:#fff;margin:auto}
.dom-individual-zone>.dom-zone-content{width:100%;height:100%;flex:1}