/* Mi agenda (paso 1, 2026-11-10): tapa de cuero con costuras en relieve, ojales de metal,
   hoja con pestañas, perfiles con nombre propio y ajustes por perfil. Diseño aprobado por el titular. */
#view-miagenda {
  --ma-cuero-1: #5a3520; --ma-cuero-2: #3d2213; --ma-cuero-3: #2a170c; --ma-hilo: #e2c48a; --ma-letra: 14px;
}
.quick-btn.quick-cuero { color: #f6e7c8; background: radial-gradient(120% 140% at 20% 0%, #5a3520, #3d2213 55%, #2a170c); border-color: #2a170c; position: relative; }
.quick-btn.quick-cuero::after { content: ""; position: absolute; inset: 4px; border-radius: inherit; border: 1.4px dashed #e2c48a; opacity: .7; pointer-events: none; }
.quick-btn.quick-cuero svg { fill: #f3d36b; }
.quick-btn.quick-cuero svg.quick-btn-fondo { fill: #f3d36b; }

.ma-obra { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; margin: 6px 0 10px; padding: 12px 14px; border-radius: 14px;
  background: var(--accent-soft); border: 1px dashed var(--accent); color: var(--text); }
.ma-obra svg { width: 24px; height: 24px; flex: none; fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ma-obra p { flex: 1; min-width: 200px; margin: 0; font-size: 13.5px; line-height: 1.5; text-align: justify; hyphens: auto; }
.ma-obra .ma-boton { margin-top: 0; margin-left: 34px; }
.ma-tapa { position: relative; margin-top: 8px; border-radius: 18px; padding: 14px 14px 16px 36px; isolation: isolate;
  background: radial-gradient(130% 120% at 30% 10%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3));
  box-shadow: 0 14px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -2px 6px rgba(0,0,0,.45);
  transform-origin: left center; animation: ma-abrir .5s cubic-bezier(.2,.8,.2,1); }
@keyframes ma-abrir { from { transform: perspective(1400px) rotateY(-60deg); opacity: .3; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ma-tapa { animation: none; } }
.ma-tapa::before { content: ""; position: absolute; inset: 7px; border-radius: 13px; border: 1.6px dashed var(--ma-hilo); opacity: .8; pointer-events: none;
  box-shadow: 0 1px 0 rgba(255,255,255,.14), inset 0 1px 1px rgba(0,0,0,.55); }
.ma-tapa::after { content: ""; position: absolute; left: 28px; top: 12px; bottom: 12px; width: 1.6px; pointer-events: none;
  background: repeating-linear-gradient(to bottom, var(--ma-hilo) 0 7px, transparent 7px 12px); opacity: .7; }
.ma-grano { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 18px; pointer-events: none; opacity: .35; mix-blend-mode: overlay; z-index: -1; }

.ma-cabeza { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 10px 4px; }
.ma-titulo { margin: 0; font-family: 'IBM Plex Serif', Georgia, serif; font-weight: 600; font-size: 21px; letter-spacing: 1px;
  background: linear-gradient(180deg, #f7e2a6, #c99a3d 55%, #9b7128); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 -1px 0 rgba(0,0,0,.7)) drop-shadow(0 1px 0 rgba(255,255,255,.15)); }
.ma-botones { display: flex; gap: 6px; }
.ma-chip { font: 500 12px 'IBM Plex Sans', sans-serif; color: #f1dfbd; background: rgba(0,0,0,.28); padding: 6px 11px; border: none; border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.6); cursor: pointer; display: inline-flex; align-items: center; gap: 4px; max-width: 170px; }
.ma-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ma-chip svg { width: 15px; height: 15px; fill: none; stroke: #f1dfbd; stroke-width: 2; stroke-linecap: round; flex: none; }

.ma-panel { position: relative; z-index: 4; margin: 0 0 12px 4px; padding: 12px; border-radius: 12px; background: var(--agenda-papel); color: var(--text);
  border: 1px solid var(--agenda-linea); box-shadow: 0 6px 16px rgba(0,0,0,.35); }
.ma-panel[hidden] { display: none; }
.ma-ptit { font-size: 12px; font-weight: 600; color: var(--text-dim); margin: 8px 0 6px; }
.ma-ptit:first-child { margin-top: 0; }
.ma-perfil { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 8px 10px; margin-bottom: 5px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--border); background: var(--surface-2); color: var(--text); font: 500 13.5px 'IBM Plex Sans', sans-serif; text-align: left; }
.ma-perfil.activo { border-color: var(--accent); }
.ma-perfil small { color: var(--text-dim); font-weight: 400; }
.ma-panel input, .ma-panel select { width: 100%; margin-top: 4px; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--border);
  background: var(--surface); color: var(--text); font: 13.5px 'IBM Plex Sans', sans-serif; }
.ma-lab { display: block; margin-top: 8px; font-size: 12px; color: var(--text-dim); }
.ma-error { font-size: 12.5px; color: #e24b4a; min-height: 16px; margin-top: 6px; }
.ma-nota { font-size: 12px; color: var(--text-dim); line-height: 1.5; margin: 8px 0 0; text-align: justify; hyphens: auto; }
.ma-muestras { display: flex; gap: 8px; flex-wrap: wrap; }
.ma-muestras button { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--border); cursor: pointer; box-shadow: inset 0 1px 2px rgba(0,0,0,.4); }
.ma-muestras button.sel { outline: 2.5px solid var(--accent); outline-offset: 2px; }
.ma-opciones { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.ma-opciones button { padding: 6px 10px; border-radius: 9px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text);
  font: 500 12.5px 'IBM Plex Sans', sans-serif; cursor: pointer; }
.ma-opciones button.sel { background: var(--accent-grad); color: var(--accent-text); border-color: transparent; }
.ma-boton { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; border: none;
  background: var(--accent-grad); color: var(--accent-text); font: 600 13.5px 'IBM Plex Sans', sans-serif; cursor: pointer; }
.ma-boton.sec { background: transparent; color: var(--text); border: 1px solid var(--border); }
.ma-boton.peligro { background: transparent; color: #e24b4a; border: 1px solid rgba(226,75,74,.5); }

.ma-cuerpo { position: relative; display: flex; }
.ma-ojales { position: absolute; left: -30px; top: 14px; bottom: 14px; width: 18px; z-index: 3; pointer-events: none;
  display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
.ma-ojales span { width: 17px; height: 17px; border-radius: 50%; position: relative;
  background: conic-gradient(from 210deg, #fdfdfd, #9c9c9c 18%, #ececec 32%, #6f6f6f 50%, #d9d9d9 66%, #8a8a8a 82%, #fdfdfd);
  box-shadow: 0 1.5px 2px rgba(0,0,0,.65), 0 0 0 1px rgba(0,0,0,.35); }
.ma-ojales span::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #2a2a2a, #050505);
  box-shadow: inset 0 1.5px 2px rgba(0,0,0,.9), 0 .5px 0 rgba(255,255,255,.6); }

.ma-hoja { position: relative; flex: 1; min-width: 0; min-height: 380px; padding: 14px 14px 16px; border-radius: 6px 10px 10px 6px; font-size: var(--ma-letra);
  background-color: var(--agenda-papel); color: var(--text); border: 1px solid var(--agenda-linea);
  box-shadow: 0 2px 0 var(--agenda-linea), 0 4px 0 rgba(0,0,0,.18), inset 8px 0 10px -8px rgba(0,0,0,.35);
  background-image: repeating-linear-gradient(to bottom, transparent 0 27px, var(--agenda-linea) 27px 28px); background-position: 0 44px; }
.ma-hoja.cuadros { background-image: linear-gradient(var(--agenda-linea) 1px, transparent 1px), linear-gradient(90deg, var(--agenda-linea) 1px, transparent 1px);
  background-size: 18px 18px; background-position: 0 0; }
.ma-hoja.lisa { background-image: none; }
.ma-hoja.crema { --agenda-papel: #fbf6e6; --agenda-linea: #e6dcc0; --text: #2a2418; --text-dim: #6f6551; --surface-2: #f2ead2; --border: #dccfae; }
.ma-hoja.blanca { --agenda-papel: #ffffff; --agenda-linea: #e4e4e4; --text: #1d1d1d; --text-dim: #666666; --surface-2: #f3f3f3; --border: #dddddd; }
.ma-hoja h3 { margin: 0 0 4px; font-size: calc(var(--ma-letra) + 2.5px); font-weight: 700; }
.ma-sub { font-size: calc(var(--ma-letra) - 2px); color: var(--text-dim); margin: 0 0 12px; }
.ma-vacio { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 10px; background: var(--surface-2); border: 1px dashed var(--border); }
.ma-vacio svg { width: 28px; height: 28px; flex: none; fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ma-vacio p { margin: 0; line-height: 1.5; text-align: justify; hyphens: auto; }
.ma-vacio small { display: block; margin-top: 4px; color: var(--text-dim); font-size: calc(var(--ma-letra) - 2px); }

/* Paso 2: plazos, feriados y la hoja de Hoy. */
.ma-lista { margin-top: 10px; }
.ma-item { display: flex; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--agenda-linea); line-height: 1.35; }
.ma-item:last-child { border-bottom: none; }
.ma-item.hecho .ma-txt strong { text-decoration: line-through; opacity: .7; }
.ma-dia { flex: none; width: 48px; text-align: center; border-radius: 8px; padding: 3px 0; background: var(--surface-2); border: 1px solid var(--border);
  font-size: 10.5px; color: var(--text-dim); text-transform: uppercase; }
.ma-dia b { display: block; font-size: 17px; color: var(--text); line-height: 1.15; }
.ma-txt { flex: 1; min-width: 0; }
.ma-txt strong { font-weight: 600; }
.ma-txt small { display: block; margin-top: 2px; color: var(--text-dim); font-size: calc(var(--ma-letra) - 2px); }
.ma-chip-e { display: inline-block; font-size: 11px; font-weight: 600; padding: 1px 8px; border-radius: 999px; vertical-align: 1px; white-space: nowrap; }
.ma-chip-e.rojo { background: rgba(226,75,74,.18); color: #e24b4a; }
.ma-chip-e.amar { background: rgba(245,197,24,.2); color: #b98a00; }
.ma-chip-e.verde { background: rgba(31,157,90,.16); color: #1f9d5a; }
body[data-theme="dark"] .ma-hoja:not(.crema):not(.blanca) .ma-chip-e.amar { color: #f5c518; }
body[data-theme="dark"] .ma-hoja:not(.crema):not(.blanca) .ma-chip-e.verde { color: #5be0a0; }
.ma-art { border: none; background: none; padding: 0; color: var(--accent); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.ma-acciones { display: flex; gap: 12px; margin-top: 4px; }
.ma-acciones button { border: none; background: none; padding: 0; font: 500 12px 'IBM Plex Sans', sans-serif; color: var(--text-dim); text-decoration: underline; cursor: pointer; }
.ma-form { padding: 10px 12px 12px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--border); }
.ma-form input, .ma-form select { width: 100%; margin-top: 4px; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--border);
  background: var(--agenda-papel); color: var(--text); font: 14px 'IBM Plex Sans', sans-serif; }
.ma-form .ma-lab:first-child { margin-top: 0; }
.ma-form [hidden] { display: none; }
.ma-calculo { margin-top: 10px; font-size: 13.5px; line-height: 1.45; }
.ma-calculo:empty { display: none; }
.ma-calculo small { color: var(--text-dim); }
.ma-hoja > .ma-boton { margin-top: 0; }

.ma-pestanas { display: flex; flex-direction: column; gap: 5px; padding-top: 18px; margin-right: -14px; position: relative; z-index: 2; }
.ma-pestana { writing-mode: vertical-rl; width: 30px; padding: 12px 0; cursor: pointer; border: none; font: 600 11.5px 'IBM Plex Sans', sans-serif;
  border-radius: 0 10px 10px 0; color: #3a2414; text-shadow: 0 1px 0 rgba(255,255,255,.35);
  box-shadow: 2px 2px 3px rgba(0,0,0,.35), inset -1px 0 0 rgba(0,0,0,.15); transition: transform .15s; }
.ma-pestana:nth-child(1) { background: #f3d36b; } .ma-pestana:nth-child(2) { background: #f0a98a; } .ma-pestana:nth-child(3) { background: #a9d3a0; }
.ma-pestana:nth-child(4) { background: #a8c8ea; } .ma-pestana:nth-child(5) { background: #d8c2ec; } .ma-pestana:nth-child(6) { background: #e7d9c0; }
.ma-pestana.activa { transform: translateX(5px); font-weight: 700; box-shadow: 3px 2px 4px rgba(0,0,0,.45); }
.ma-pestanas.cuero .ma-pestana { background: linear-gradient(90deg, var(--ma-cuero-2), var(--ma-cuero-1)); color: #f1dfbd; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
.ma-pestanas.sobrias .ma-pestana { background: var(--surface-2); color: var(--text-dim); text-shadow: none; border: 1px solid var(--border); }
.ma-pestanas.sobrias .ma-pestana.activa { background: var(--accent-grad); color: var(--accent-text); }

/* ── Uniformidad en cuero (pedido del titular, 2026-11-10): botones, selectores, campos, opciones y enlaces
   de la agenda llevan el mismo cuero con costura, sin el amarillo de la app. ── */
#view-miagenda { --ma-texto-cuero: #f6e7c8; --ma-enlace: var(--ma-hilo); }
#view-miagenda .ma-hoja.crema, #view-miagenda .ma-hoja.blanca, body[data-theme="light"] #view-miagenda .ma-hoja:not(.crema):not(.blanca),
body[data-theme="light"] #view-miagenda .ma-panel { --ma-enlace: var(--ma-cuero-1); }
#view-miagenda .ma-boton, #view-miagenda .ma-opciones button.sel {
  position: relative; color: var(--ma-texto-cuero); border: none; text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  background: radial-gradient(130% 160% at 25% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3));
  box-shadow: 0 2px 4px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14); }
#view-miagenda .ma-boton::after, #view-miagenda .ma-opciones button.sel::after {
  content: ""; position: absolute; inset: 3px; border-radius: 7px; border: 1.2px dashed var(--ma-hilo); opacity: .75; pointer-events: none; }
#view-miagenda .ma-boton.sec { background: color-mix(in srgb, var(--ma-cuero-1) 22%, transparent); color: var(--text); text-shadow: none;
  box-shadow: inset 0 0 0 1.5px var(--ma-cuero-1); }
#view-miagenda .ma-boton.sec::after { border-color: var(--ma-cuero-1); opacity: .55; }
#view-miagenda .ma-boton.peligro { background: color-mix(in srgb, #c0392b 16%, transparent); color: #e24b4a; text-shadow: none; box-shadow: inset 0 0 0 1.5px rgba(226,75,74,.55); }
#view-miagenda .ma-boton.peligro::after { border-color: rgba(226,75,74,.6); }
#view-miagenda .ma-opciones button { border: 1.5px solid color-mix(in srgb, var(--ma-cuero-1) 70%, var(--border)); }
#view-miagenda .ma-muestras button.sel { outline: 2px dashed var(--ma-hilo); outline-offset: 3px; }
#view-miagenda .ma-perfil.activo { border: 1.5px solid var(--ma-cuero-1); box-shadow: inset 4px 0 0 var(--ma-cuero-1); }
#view-miagenda .ma-panel input, #view-miagenda .ma-form input, #view-miagenda .ma-form textarea {
  border: 1.5px solid color-mix(in srgb, var(--ma-cuero-1) 75%, var(--border)); background: var(--agenda-papel); color: var(--text); }
#view-miagenda .ma-form textarea { width: 100%; margin-top: 4px; padding: 8px 10px; border-radius: 9px; font: 14px 'IBM Plex Sans', sans-serif; resize: vertical; }
#view-miagenda .ma-panel input:focus, #view-miagenda .ma-form input:focus, #view-miagenda .ma-form textarea:focus, #view-miagenda select:focus {
  outline: 2px dashed var(--ma-hilo); outline-offset: 1px; }
#view-miagenda select { -webkit-appearance: none; appearance: none; color: var(--ma-texto-cuero); border: none; padding-right: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2c48a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px,
    radial-gradient(130% 160% at 25% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3));
  box-shadow: inset 0 0 0 3px transparent, inset 0 1px 0 rgba(255,255,255,.14), 0 2px 3px rgba(0,0,0,.3); }
#view-miagenda select option, #view-miagenda select optgroup { background: #2a170c; color: #f6e7c8; }
#view-miagenda .ma-art { color: var(--ma-enlace); }
#view-miagenda .ma-vacio svg { stroke: var(--ma-enlace); }
#view-miagenda .ma-vacio { border: 1.5px dashed color-mix(in srgb, var(--ma-cuero-1) 60%, var(--border)); }
#view-miagenda .ma-form { border: 1.5px dashed color-mix(in srgb, var(--ma-cuero-1) 60%, var(--border)); }
/* Rótulo «En construcción» del mismo cuero. */
#view-miagenda .ma-obra { position: relative; color: var(--ma-texto-cuero); border: none; border-radius: 14px;
  background: radial-gradient(130% 160% at 20% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3));
  box-shadow: 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.12); }
#view-miagenda .ma-obra::before { content: ""; position: absolute; inset: 5px; border-radius: 10px; border: 1.4px dashed var(--ma-hilo); opacity: .75; pointer-events: none; }
#view-miagenda .ma-obra svg { stroke: var(--ma-hilo); }
#view-miagenda .ma-obra strong { color: #f7e2a6; }
#view-miagenda .ma-obra .ma-boton { background: rgba(0,0,0,.28); color: var(--ma-texto-cuero); box-shadow: inset 0 1px 2px rgba(0,0,0,.6); }
/* Carpetas. */
.ma-exp { display: block; width: 100%; text-align: left; margin-bottom: 8px; padding: 10px 12px 10px 16px; border-radius: 10px; cursor: pointer; position: relative;
  background: var(--surface-2); color: var(--text); border: 1px solid var(--border); box-shadow: inset 5px 0 0 var(--ma-cuero-1); font: inherit; }
.ma-exp strong { display: block; font-weight: 700; }
.ma-exp small { display: block; margin-top: 2px; color: var(--text-dim); font-size: calc(var(--ma-letra) - 2px); }
.ma-volver { border: none; background: none; padding: 0 0 8px; color: var(--ma-enlace); font: 600 13px 'IBM Plex Sans', sans-serif; cursor: pointer; }
.ma-exp-cab { padding: 10px 12px; margin-bottom: 10px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--border); box-shadow: inset 5px 0 0 var(--ma-cuero-1); }
.ma-exp-cab strong { display: block; font-size: calc(var(--ma-letra) + 1px); }
.ma-exp-cab small { display: block; color: var(--text-dim); margin-top: 2px; }
.ma-exp-cab p { margin: 6px 0 0; line-height: 1.5; text-align: justify; hyphens: auto; white-space: pre-line; }
.ma-sep { margin-top: 14px; text-transform: none; }
.ma-item.audiencia .ma-dia { border-color: var(--ma-cuero-1); }
#view-miagenda input[type="date"]::-webkit-calendar-picker-indicator, #view-miagenda input[type="time"]::-webkit-calendar-picker-indicator { background: var(--ma-cuero-1); }
body[data-theme="dark"] #view-miagenda .ma-hoja:not(.crema):not(.blanca) input[type="date"]::-webkit-calendar-picker-indicator,
body[data-theme="dark"] #view-miagenda .ma-hoja:not(.crema):not(.blanca) input[type="time"]::-webkit-calendar-picker-indicator { background: var(--ma-hilo); }
/* Paso 4: documentos. */
.ma-minis { display: flex; flex-wrap: wrap; gap: 8px; }
.ma-mini { position: relative; width: 68px; height: 88px; margin: 0; border-radius: 6px; overflow: hidden; background: #fff;
  border: 1.5px solid color-mix(in srgb, var(--ma-cuero-1) 70%, var(--border)); box-shadow: 0 2px 3px rgba(0,0,0,.3); }
.ma-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ma-mini figcaption { position: absolute; left: 4px; bottom: 3px; font-size: 11px; font-weight: 700; color: #fff; background: rgba(0,0,0,.55); border-radius: 4px; padding: 0 4px; }
.ma-mini button { position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border-radius: 50%; border: none; cursor: pointer;
  background: rgba(0,0,0,.6); color: #fff; font-size: 15px; line-height: 1; }
.ma-mini-mas { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; text-align: center;
  color: var(--ma-texto-cuero); background: radial-gradient(130% 160% at 25% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3)); border-style: dashed; border-color: var(--ma-hilo); }
.ma-mini-mas svg { width: 26px; height: 26px; fill: none; stroke: var(--ma-hilo); stroke-width: 1.7; stroke-linejoin: round; }
.ma-mini-mas span { font-size: 11px; font-weight: 600; line-height: 1.2; padding: 0 4px; }
.ma-doc-mini { flex: none; width: 48px; height: 62px; border-radius: 5px; overflow: hidden; background: #fff; border: 1px solid var(--border); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.ma-doc-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ma-hoja > .ma-boton.sec[data-ics-todo], .ma-lista + .ma-boton.sec[data-ics-todo] { margin-top: 10px; width: 100%; justify-content: center; }
/* Llamado a enviar comentarios, resaltado (pedido del titular al publicar en construcción). */
#view-miagenda .ma-obra-resalte { display: block; margin-top: 4px; color: #f7e2a6; font-weight: 600; }
#view-miagenda .ma-obra .ma-obra-boton { margin-left: 34px; padding: 10px 16px; font-size: 14.5px; color: #2a170c; text-shadow: 0 1px 0 rgba(255,255,255,.4);
  background: linear-gradient(180deg, #f7e2a6, #d9b363 55%, #b48a3a); box-shadow: 0 3px 6px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.6); }
#view-miagenda .ma-obra .ma-obra-boton::after { border-color: #6b4318; opacity: .55; }
#view-miagenda .ma-obra .ma-obra-boton svg { width: 18px; height: 18px; fill: none; stroke: #2a170c; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
@media (prefers-reduced-motion: no-preference) {
  #view-miagenda .ma-obra .ma-obra-boton { animation: ma-llamar 2.4s ease-in-out 3; }
  @keyframes ma-llamar { 0%, 100% { transform: none; } 50% { transform: scale(1.04); } }
}

/* ── Correcciones del titular tras probar la v218 (2026-11-10) ── */
/* 1. Tarjeta de la rueda legible también en el tema claro (la rueda imponía el color de texto del tema). */
.quick-actions .quick-btn.quick-cuero, .quick-actions.rueda .quick-btn.quick-cuero { color: #f6e7c8; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
.quick-actions.rueda .quick-btn.quick-cuero.rueda-frente { border-color: #e2c48a; }
/* 2. Notas con enlaces: alineadas a la izquierda, sin los espacios largos de la justificación. */
#view-miagenda .ma-nota:has(.ma-art), #view-miagenda .ma-txt small { text-align: left; }
/* 3. Selector propio de cuero (lista incluida) y campos de fecha y hora en cuero. */
#view-miagenda .ma-sel-oculto { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; margin: 0 !important; padding: 0 !important; }
#view-miagenda .ma-sel { position: relative; margin-top: 4px; }
#view-miagenda .ma-sel-btn, #view-miagenda .ma-form input[type="date"], #view-miagenda .ma-form input[type="time"] {
  width: 100%; min-height: 40px; padding: 8px 36px 8px 12px; border-radius: 9px; border: none; text-align: left; cursor: pointer;
  font: 500 14px 'IBM Plex Sans', sans-serif; color: #f6e7c8; text-shadow: 0 -1px 0 rgba(0,0,0,.45); color-scheme: dark;
  background: radial-gradient(130% 160% at 25% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3));
  box-shadow: inset 0 0 0 1.2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14), 0 2px 3px rgba(0,0,0,.3);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }
#view-miagenda .ma-sel-btn { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2c48a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px,
  radial-gradient(130% 160% at 25% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 60%, var(--ma-cuero-3)); }
#view-miagenda .ma-sel-btn[aria-expanded="true"], #view-miagenda .ma-sel-btn:focus-visible { outline: 2px dashed var(--ma-hilo); outline-offset: 1px; }
#view-miagenda .ma-sel-lista { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; max-height: 280px; overflow-y: auto; padding: 6px;
  border-radius: 12px; background: radial-gradient(130% 120% at 30% 0%, var(--ma-cuero-1), var(--ma-cuero-2) 55%, var(--ma-cuero-3));
  box-shadow: 0 10px 24px rgba(0,0,0,.5), inset 0 0 0 1.4px rgba(0,0,0,.35); outline: 1.4px dashed var(--ma-hilo); outline-offset: -6px; }
#view-miagenda .ma-sel-lista[hidden] { display: none; }
#view-miagenda .ma-sel-grupo { padding: 8px 10px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #e2c48a; }
#view-miagenda .ma-sel-op { display: block; width: 100%; text-align: left; padding: 9px 10px; border: none; border-radius: 8px; cursor: pointer; background: transparent;
  font: 500 13.5px 'IBM Plex Sans', sans-serif; color: #f6e7c8; line-height: 1.35; white-space: normal; }
#view-miagenda .ma-sel-op:hover, #view-miagenda .ma-sel-op:focus-visible { background: rgba(0,0,0,.25); outline: none; }
#view-miagenda .ma-sel-op[aria-selected="true"] { background: rgba(0,0,0,.35); box-shadow: inset 3px 0 0 var(--ma-hilo); color: #f7e2a6; font-weight: 700; }
#view-miagenda .ma-form input[type="date"]::-webkit-calendar-picker-indicator,
#view-miagenda .ma-form input[type="time"]::-webkit-calendar-picker-indicator { background: #e2c48a; }
#view-miagenda .ma-form input[type="time"]::-webkit-calendar-picker-indicator {
  width: 20px; height: 20px; cursor: pointer; opacity: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-1 3h2v5.4l3.6 2.1-1 1.7L11 13.6V7Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-1 3h2v5.4l3.6 2.1-1 1.7L11 13.6V7Z'/%3E%3C/svg%3E") center / contain no-repeat; }
#view-miagenda .ma-panel .ma-sel-btn { min-height: 38px; }

/* Hoja con el color de la pestaña activa (pedido del titular, 2026-11-10). Tema claro: pastel con letra oscura. */
#view-miagenda .ma-hoja.tenida {
  --agenda-papel: color-mix(in srgb, var(--ma-tinte) 55%, #fffdf7);
  --agenda-linea: color-mix(in srgb, var(--ma-tinte) 70%, #a8977a);
  --surface-2: color-mix(in srgb, var(--ma-tinte) 28%, #ffffff);
  --border: color-mix(in srgb, var(--ma-tinte) 75%, #9c8d72);
  --text: #2a2418; --text-dim: #5b5040; --ma-enlace: var(--ma-cuero-1);
  transition: background-color .25s ease; }
/* Tema oscuro: un tinte suave del mismo color, con letra clara. */
body[data-theme="dark"] #view-miagenda .ma-hoja.tenida {
  --agenda-papel: color-mix(in srgb, var(--ma-tinte) 22%, #1b1b1b);
  --agenda-linea: color-mix(in srgb, var(--ma-tinte) 30%, #3a3a3a);
  --surface-2: color-mix(in srgb, var(--ma-tinte) 11%, #232323);
  --border: color-mix(in srgb, var(--ma-tinte) 32%, #333333);
  --text: #f2f2f2; --text-dim: #c9c4b8; --ma-enlace: var(--ma-hilo); }
#view-miagenda .ma-hoja.tenida .ma-chip-e.amar { color: #8a6400; }
body[data-theme="dark"] #view-miagenda .ma-hoja.tenida .ma-chip-e.amar { color: #f5c518; }
#view-miagenda .ma-hoja.tenida .ma-chip-e.verde { color: #146b3d; }
body[data-theme="dark"] #view-miagenda .ma-hoja.tenida .ma-chip-e.verde { color: #5be0a0; }
/* Relieve ligero de la hoja de color (pedido del titular): brillo arriba a la izquierda, sombra abajo y degradado de cartulina. */
#view-miagenda .ma-hoja.tenida { isolation: isolate;
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.55), inset -1.5px -1.5px 0 rgba(0,0,0,.14), inset 0 0 22px rgba(0,0,0,.07),
    inset 8px 0 10px -8px rgba(0,0,0,.3), 0 2px 0 var(--agenda-linea), 0 6px 12px rgba(0,0,0,.3); }
#view-miagenda .ma-hoja.tenida::before { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; pointer-events: none;
  background: linear-gradient(155deg, rgba(255,255,255,.38), rgba(255,255,255,0) 38%, rgba(0,0,0,0) 70%, rgba(0,0,0,.07)); }
body[data-theme="dark"] #view-miagenda .ma-hoja.tenida {
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.1), inset -1.5px -1.5px 0 rgba(0,0,0,.45), inset 0 0 22px rgba(0,0,0,.25),
    inset 8px 0 10px -8px rgba(0,0,0,.45), 0 2px 0 var(--agenda-linea), 0 6px 12px rgba(0,0,0,.45); }
body[data-theme="dark"] #view-miagenda .ma-hoja.tenida::before { background: linear-gradient(155deg, rgba(255,255,255,.07), rgba(255,255,255,0) 40%, rgba(0,0,0,.18)); }