/* ESDE 15.10.306 — tarjetas accesibles, creación en modo claro y acciones internas.
   Estilos deliberadamente acotados al módulo de entrenamiento. */
html body .esde-cert263-create-overlay .esde-cert263-create-dialog {
  background:#f4f8fc!important;color:#173146!important;border:1px solid #ccdae5!important;
  box-shadow:0 25px 68px rgba(15,35,57,.32)!important;
  font-family:Poppins,Arial,sans-serif!important;
}
html body .esde-cert263-create-dialog .esde-cert257-modal-header {
  background:#eaf3f9!important;color:#173146!important;border-bottom:2px solid #45b8e8!important;
}
html body .esde-cert263-create-dialog .esde-cert257-modal-title,
html body .esde-cert263-create-dialog .esde-cert257-modal-eyebrow {color:#173146!important;}
html body .esde-cert263-create-dialog .esde-cert257-modal-body,
html body .esde-cert263-create-dialog .esde-cert238-session-form,
html body .esde-cert263-create-dialog .esde-cert238-session-form [data-activity-list] {
  background:#f4f8fc!important;color:#173146!important;
}
html body .esde-cert263-create-dialog .esde-cert238-session-form [data-activity-card],
html body .esde-cert263-create-dialog .esde-cert243-activity-fields,
html body .esde-cert263-create-dialog .esde-cert238-session-form [data-activity-card] {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"head" "fields" "curriculum"!important;gap:14px!important;
}
html body .esde-cert263-create-dialog .esde-cert243-curriculum,
html body .esde-cert263-create-dialog .esde-cert243-time-fields,
html body .esde-cert263-create-dialog .esde-cert243-duration-fields,
html body .esde-cert263-create-dialog .esde-cert240-curriculum-head,
html body .esde-cert263-create-dialog .esde-cert240-topic-block,
html body .esde-cert263-create-dialog .esde-cert240-topic-block fieldset,
html body .esde-cert263-create-dialog .esde-cert242-mini-block {
  background:#ffffff!important;color:#173146!important;border:1px solid #d6e2ed!important;
  box-shadow:none!important;
}
html body .esde-cert263-create-dialog .esde-cert240-topic-block > summary,
html body .esde-cert263-create-dialog .esde-cert242-mini-block > summary {
  background:#edf4fa!important;color:#173146!important;border-color:#d6e2ed!important;
}
html body .esde-cert263-create-dialog .esde-cert243-activity-fields label,
html body .esde-cert263-create-dialog .esde-cert243-time-fields label,
html body .esde-cert263-create-dialog .esde-cert238-session-form label,
html body .esde-cert263-create-dialog .esde-cert240-curriculum-head h6,
html body .esde-cert263-create-dialog .esde-cert243-activity-head h5 {
  color:#173146!important;
}
html body .esde-cert263-create-dialog :is(input,textarea,select) {
  color:#173146!important;background:#fff!important;border:1px solid #91a8bb!important;
  min-height:38px!important;border-radius:8px!important;
}
html body .esde-cert263-create-dialog :is(input,textarea,select):focus-visible,
html body .esde-cert263-create-dialog :is(button,a,summary):focus-visible {
  outline:3px solid #218ac0!important;outline-offset:2px!important;
}
html body .esde-cert263-create-dialog input[type=checkbox],
html body .esde-cert263-create-dialog input[type=radio] {
  min-height:auto!important;accent-color:#1879ae!important;
}
html body .esde-cert263-create-dialog .esde-cert257-modal-close {
  background:#e5edf5!important;border:1px solid #c5d7e5!important;color:#173146!important;
  min-width:42px!important;min-height:42px!important;box-shadow:none!important;
}
html body .esde-cert263-create-dialog .esde-cert243-topic-block,
html body .esde-cert263-create-dialog .esde-cert243-topic-block summary,
html body .esde-cert263-create-dialog [data-topic-label] {
  color:#173146!important;background:#f6fafe!important;border-color:#dae5ef!important;
}
html body .esde-cert263-create-dialog [data-topic-label].is-selected {background:#e3f4fd!important;}
html body .esde-cert263-create-dialog .esde-cert242-submit-row button[type=submit],
html body .esde-cert263-create-dialog .esde-cert238-session-form button[type=submit],
html body .esde-cert263-create-dialog [data-add-activity] {
  width:auto!important;max-width:100%!important;min-height:42px!important;min-width:140px!important;
  padding:10px 18px!important;background:#45b8e8!important;color:#101a25!important;
  border:1px solid #2586b5!important;border-radius:9px!important;
  font:700 13px/1.3 Montserrat,Poppins,Arial,sans-serif!important;
  text-shadow:none!important;box-shadow:none!important;
}
html body .esde-cert263-create-dialog .esde-cert242-submit-row button[type=submit] {min-width:190px!important;}
html body .esde-cert263-create-dialog button:disabled {opacity:.66!important;cursor:not-allowed!important;}
html body .esde-cert263-create-dialog .esde-cert289-batch-status[data-state=success],
html body .esde-cert263-create-dialog [data-topic-save-status][data-state=success] {
  background:#e7f6ed!important;border:1px solid #7ec59b!important;color:#145b34!important;
}
html body .esde-cert263-create-dialog .esde-cert289-batch-status[data-state=error],
html body .esde-cert263-create-dialog .esde306-close-error {background:#fff0f0!important;color:#7a1e23!important;border:1px solid #d99da2!important;border-radius:8px!important;padding:10px!important;}
html body .esde-cert263-create-dialog .esde-cert243-curriculum,
html body .esde-cert263-create-dialog .esde-cert243-topic-picker {min-width:0!important;overflow-x:hidden!important;}
html body .esde-cert263-create-dialog .esde-cert243-activity-head h5 {font-family:Marvin,'Marvin Round',Poppins,sans-serif!important;}
html body .esde-cert263-create-dialog :is(label,small,p) {font-family:Poppins,Arial,sans-serif!important;}
/* The three-dot menu lives on each activity card; it never needs navigation outside the module. */
.esde-cert244 .esde-cert242-activity-list {overflow:visible!important;}
.esde-cert244 .esde-cert242-activity-card[data-session-id] {position:relative!important;overflow:visible!important;}
.esde-cert244 .esde-cert242-activity-card[data-session-id] .esde-cert242-activity-card-head {position:relative!important;padding-right:42px!important;}
.esde-cert244 .esde306-card-menu {position:absolute!important;right:5px!important;top:0!important;z-index:9!important;}
.esde-cert244 .esde306-card-menu[open] {z-index:80!important;}
.esde-cert244 .esde306-card-menu>summary {display:flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;background:rgba(255,255,255,.93)!important;color:#173146!important;
  border:1px solid rgba(23,49,70,.2)!important;border-radius:10px!important;cursor:pointer!important;
  font:900 23px/1 Montserrat,Poppins,Arial,sans-serif!important;list-style:none!important;}
.esde-cert244 .esde306-card-menu>summary::-webkit-details-marker {display:none!important;}
.esde-cert244 .esde306-menu-panel {position:absolute!important;right:0!important;top:39px!important;
  display:grid!important;gap:3px!important;width:190px!important;max-width:min(190px,76vw)!important;
  padding:6px!important;background:#fff!important;border:1px solid #cbdce9!important;color:#173146!important;
  border-radius:10px!important;box-shadow:0 12px 28px rgba(15,35,57,.25)!important;}
.esde-cert244 .esde306-menu-item {display:block!important;width:100%!important;text-align:left!important;
  padding:8px 10px!important;font:700 12px/1.3 Montserrat,Poppins,sans-serif!important;
  background:transparent!important;color:#173146!important;border:0!important;border-radius:7px!important;cursor:pointer!important;}
.esde-cert244 .esde306-menu-item:not(:disabled):hover {background:#e3f3fb!important;}
.esde-cert244 .esde306-menu-item:disabled {opacity:.45!important;cursor:not-allowed!important;}
.esde306-global-toast {position:fixed!important;right:20px!important;bottom:24px!important;z-index:2147483000!important;
  max-width:min(480px,calc(100vw - 36px))!important;border:1px solid #9bc9ac!important;border-radius:12px!important;
  padding:14px 18px!important;background:#e8f7ef!important;color:#175936!important;
  font:700 13px/1.5 Poppins,Arial,sans-serif!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;}
.esde306-global-toast[hidden] {display:none!important;}
.esde306-global-toast[data-status=warning] {background:#fff7e4!important;color:#62470c!important;border-color:#e7c37e!important;}
.esde306-success-in-editor {display:block!important;background:#e8f7ef!important;color:#165e35!important;border:1px solid #9bc9ac!important;border-radius:9px!important;padding:11px 14px!important;margin:0 0 14px!important;font:600 13px/1.5 Poppins,sans-serif!important;}
.esde306-read-overlay {position:fixed!important;inset:0!important;z-index:2147482999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(12,26,39,.67)!important;}
.esde306-read-dialog {width:min(760px,100%)!important;max-height:90dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:14px!important;background:#f6f9fc!important;color:#173146!important;box-shadow:0 24px 50px rgba(0,0,0,.25)!important;}
.esde306-read-header {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:16px 20px!important;background:#173d59!important;color:#fff!important;}
.esde306-read-header h2 {margin:0!important;font:400 24px/1.2 Marvin,Poppins,sans-serif!important;color:#fff!important;}
.esde306-read-header button {min-width:40px!important;min-height:40px!important;border:0!important;border-radius:9px!important;background:#45b8e8!important;color:#101a25!important;cursor:pointer!important;font-size:26px!important;}
.esde306-read-body {padding:15px 20px!important;overflow:auto!important;display:grid!important;gap:10px!important;}
.esde306-read-row {display:grid!important;grid-template-columns:minmax(130px,30%) minmax(0,1fr)!important;gap:12px!important;border-bottom:1px solid #d9e5ee!important;padding:9px 0!important;}
.esde306-read-row strong {font:700 12px/1.4 Montserrat,Poppins,sans-serif!important;color:#244a65!important;}
.esde306-read-row span {font:400 13px/1.5 Poppins,Arial,sans-serif!important;color:#173146!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
@media(max-width:740px) {
  html body .esde-cert263-create-dialog .esde-cert238-session-form [data-activity-card] {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"head" "fields" "curriculum"!important;}
  html body .esde-cert263-create-dialog .esde-cert243-activity-fields {grid-template-columns:minmax(0,1fr)!important;}
  .esde306-read-row {grid-template-columns:minmax(0,1fr)!important;gap:4px!important;}
}

/* 15.10.351: force closed menu panel hidden despite legacy !important grid. */
.esde-cert244 details.esde306-card-menu:not([open]) > .esde306-menu-panel {display:none!important;visibility:hidden!important;pointer-events:none!important;}
.esde-cert244 details.esde306-card-menu[open] > .esde306-menu-panel {display:grid!important;visibility:visible!important;pointer-events:auto!important;z-index:9999!important;}
.esde-cert244 .esde306-card-menu > summary {pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:2!important;}
