/* 0.9.294 — Lecture adaptée : même galerie de couvertures et moteur de sélection que le PC.
   Activé uniquement pour l’outil album dans la PWA mobile. */
/* En attente du choix d'un album, ne pas montrer le message hérité du tableau.
   Les erreurs et avertissements métiers restent visibles. */
body.el-album-mobile-picker:not(.el-album-mobile-workspace-active) #statusMessage:not([data-kind="warning"]):not([data-kind="danger"]){display:none!important}
body.el-album-mobile-picker #albumSection .album-panel-heading {display:none!important}
body.el-album-mobile-picker #albumSection .album-shell,
body.el-album-mobile-picker #albumSection .album-main-area {display:block!important;width:100%!important;min-width:0!important}
body.el-album-mobile-picker #albumSection .album-source-card {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
  padding:12px!important;background:#fffdfa!important;border:1px solid #efe4d2!important;
  border-radius:13px!important;min-width:0!important;
}
body.el-album-mobile-picker #albumSection .album-source-intro {
  display:flex!important;flex-direction:column;align-items:flex-start;gap:2px!important;
  grid-column:1!important;grid-row:auto!important;min-width:0;
}
body.el-album-mobile-picker #albumSection .album-source-intro strong {font-size:1rem!important;color:#172f4b!important}
body.el-album-mobile-picker #albumSection .album-picker-hint {display:block!important;font-size:.75rem!important;color:#61718a!important;line-height:1.25}
body.el-album-mobile-picker #albumSection .album-select-field {
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%);white-space:nowrap;
}
body.el-album-mobile-picker #albumSection .album-source-controls {display:flex!important;min-height:0;gap:7px!important;align-items:center!important}
body.el-album-mobile-picker #albumSection #albumWorkspaceLoading:not([hidden]) {display:inline!important;font-size:.75rem;color:#465a73}
body.el-album-mobile-picker #albumSection .album-cover-picker {
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));
  gap:10px!important;min-width:0!important;width:100%!important;
  align-items:start;grid-column:1!important;grid-row:auto!important;
}
body.el-album-mobile-picker #albumSection #albumCoverPicker[hidden]{display:none!important}
body.el-album-mobile-picker #albumSection .album-cover-card {
  appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;
  min-width:0;height:auto;gap:0;margin:0;padding:6px 6px 8px;background:#fff;
  color:#20314d;border:1px solid #e2dfd7;border-radius:12px;cursor:pointer;
  font:inherit;text-align:center;touch-action:manipulation;
}
body.el-album-mobile-picker #albumSection .album-cover-card:focus-visible{outline:3px solid #ffc300;outline-offset:2px}
body.el-album-mobile-picker #albumSection .album-cover-card.is-selected{border-color:#e6b000;box-shadow:0 0 0 2px #ffd33e}
body.el-album-mobile-picker #albumSection .album-cover-card:disabled{opacity:.7}
body.el-album-mobile-picker #albumSection .album-cover-visual {
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;aspect-ratio:4/5;background:#f7f2e9;border-radius:8px;overflow:hidden;min-width:0;
}
body.el-album-mobile-picker #albumSection .album-cover-visual img{
  position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;
}
body.el-album-mobile-picker #albumSection .album-cover-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:absolute;inset:0;padding:8px;gap:4px;background:linear-gradient(155deg,#fff6d5,#e7f3fa);color:#344764;
}
body.el-album-mobile-picker #albumSection .album-cover-visual.has-image .album-cover-placeholder{display:none}
body.el-album-mobile-picker #albumSection .album-cover-placeholder-icon{font-size:23px;color:#d5a322}
body.el-album-mobile-picker #albumSection .album-cover-placeholder-title{font-size:.7rem;font-weight:750;overflow-wrap:anywhere}
body.el-album-mobile-picker #albumSection .album-cover-caption {
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:6px;min-height:2.4em;font-size:.74rem;line-height:1.2;font-weight:750;color:#20314d;overflow-wrap:anywhere;
}
body.el-album-mobile-picker #albumSection .album-picker-empty{grid-column:1/-1;font-size:.83rem;color:#65748c;text-align:center}
body.el-album-mobile-picker:not(.el-album-mobile-workspace-active) #albumSection .album-workbench,
body.el-album-mobile-picker:not(.el-album-mobile-workspace-active) #albumSection .album-global-actions {display:none!important}
body.el-album-mobile-picker.el-album-mobile-workspace-active #albumSection .album-source-card{display:none!important}
body.el-album-mobile-picker.el-album-mobile-workspace-active #albumSection .album-workbench{display:block!important}
body.el-album-mobile-picker #albumSection .el-album-mobile-back{display:none!important}
body.el-album-mobile-picker.el-album-mobile-workspace-active #albumSection .el-album-mobile-back{
  display:inline-flex!important;align-items:center;justify-content:center;gap:5px;
  min-height:32px;margin:0 0 8px;padding:5px 11px;
  border:1px solid #e7c76b;border-radius:9px;background:#fff8e7;color:#193654;
  font:inherit;font-size:.76rem;font-weight:750;cursor:pointer;
}
@media (max-width:690px) {
  body.el-album-mobile-picker #albumSection .album-cover-picker {grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px!important}
  body.el-album-mobile-picker #albumSection .album-cover-card {padding:4px 4px 6px}
  body.el-album-mobile-picker #albumSection .album-cover-caption {font-size:.68rem}
}