/* Personalizaciones de la intranet Grupo DORIA.
 * Este archivo puede modificarse desde Administracion > Editor para ChatGPT Work.
 * Los estilos definidos aqui tienen prioridad sobre el CSS principal.
 */

/* Grupo DORIA - Panel de administracion administracion (CSP compatible) */
body.doria-admin { font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17313b;background:#f4f7f8 }
body.doria-admin * { box-sizing:border-box }
body.doria-admin { margin:0 }
body.doria-admin header { background:#113940;color:#fff;padding:22px max(22px,calc((100vw - 880px)/2)) }
body.doria-admin header h1 { font-size:24px;margin:3px 0 5px }
body.doria-admin header p { color:#b9d2d2;margin:0 }
body.doria-admin main { max-width:920px;padding:24px 20px 70px;margin:auto }
body.doria-admin .panel { background:#fff;border:1px solid #dce6e7;padding:24px;border-radius:15px;margin:0 0 20px;box-shadow:0 2px 9px #0d283008 }
body.doria-admin h2 { font-size:20px;margin:0 0 8px }
body.doria-admin p { line-height:1.5;color:#48626b }
body.doria-admin .notice { padding:12px 15px;border-radius:9px;margin-bottom:18px;border:1px solid }
body.doria-admin .error { background:#fff0ed;border-color:#eab1a4 }
body.doria-admin .success { background:#e9f8f0;border-color:#a4dcc0 }
body.doria-admin label { display:block;margin:14px 0 7px;font-weight:650 }
body.doria-admin .field { width:100%;border:1px solid #b7cacc;border-radius:8px;padding:12px;font:inherit;background:#fff }
body.doria-admin textarea { min-height:125px }
body.doria-admin button { background:#136d65;color:#fff;border:0;border-radius:9px;padding:11px 17px;font-weight:650;cursor:pointer;margin:14px 0 0 }
body.doria-admin button:hover { background:#09594f }
body.doria-admin .secondary { background:#36575e }
body.doria-admin ul { padding-left:22px;line-height:1.8 }
body.doria-admin code { font:85% ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef3f3;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere }
body.doria-admin a { color:#0b645c }
body.doria-admin .small { font-size:13px }
body.doria-admin .meta { display:flex;gap:12px;flex-wrap:wrap }
body.doria-admin .tag { border:1px solid #c8dcdd;border-radius:20px;padding:5px 12px;font-size:13px;color:#32545a }
body.doria-admin .warning { padding:14px;border-left:3px solid #c58b18;background:#fdf8eb }
body.doria-admin footer { text-align:center;color:#778e92;font-size:13px;margin-top:15px }

/* Grupo DORIA - Panel de administracion editor (CSP compatible) */
body.doria-editor { font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#14333c;background:#f3f7f8 }
body.doria-editor * { box-sizing:border-box }
body.doria-editor { margin:0 }
body.doria-editor header { background:#133a42;color:#fff;padding:22px max(20px,calc((100vw - 1020px)/2)) }
body.doria-editor header h1 { font-size:24px;margin:3px 0 }
body.doria-editor header p { margin:4px 0;color:#b9d3d5 }
body.doria-editor main { margin:auto;max-width:1060px;padding:24px 18px 70px }
body.doria-editor .panel { background:#fff;border:1px solid #dce6e7;border-radius:14px;padding:23px;margin:0 0 19px;box-shadow:0 2px 10px #17333a0a }
body.doria-editor h2 { font-size:20px;margin:0 0 10px }
body.doria-editor h3 { font-size:16px;margin:15px 0 7px }
body.doria-editor p, body.doria-editor li { line-height:1.55 }
body.doria-editor p { color:#4c636a }
body.doria-editor a { color:#07645b }
body.doria-editor label { display:block;font-weight:650;margin:14px 0 8px }
body.doria-editor .field { border:1px solid #a8c5c7;border-radius:8px;width:100%;padding:10px 12px;background:white;font:inherit }
body.doria-editor .source { min-height:200px;white-space:pre;tab-size:2;resize:vertical;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace }
body.doria-editor .codeblock { white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4f5;padding:14px;border-radius:8px;max-height:240px;overflow:auto;font:12px/1.6 monospace }
body.doria-editor .small { font-size:13px }
body.doria-editor .row { display:flex;gap:12px;align-items:end;flex-wrap:wrap }
body.doria-editor .grow { flex:1 }
body.doria-editor .btn { display:inline-block;background:#14695f;color:#fff;text-decoration:none;border:none;border-radius:8px;padding:11px 17px;font-weight:650;cursor:pointer;margin-top:13px }
body.doria-editor .btn:hover { background:#0c4e47 }
body.doria-editor .notice { padding:13px 15px;border-radius:9px;margin:0 0 18px;border:1px solid }
body.doria-editor .success { background:#e9f7ef;border-color:#a8d8b8 }
body.doria-editor .error { background:#fff0ed;border-color:#e7aca4 }
body.doria-editor .warn { background:#fdf8e8;border-left:3px solid #c58d1c;padding:14px;margin:14px 0 }
body.doria-editor .meta { color:#627b80;font-size:13px }
body.doria-editor code { overflow-wrap:anywhere }
body.doria-editor hr { border:none;border-top:1px solid #e3eaea;margin:22px 0 }

/* Mejoras visuales de los paneles de mantenimiento */
body.doria-admin, body.doria-editor { -webkit-font-smoothing:antialiased; }
body.doria-admin header, body.doria-editor header { background:linear-gradient(120deg,#173f34,#214e42); }
body.doria-admin .panel, body.doria-editor .panel { transition:box-shadow .2s ease; }
body.doria-admin .panel:focus-within, body.doria-editor .panel:focus-within { box-shadow:0 0 0 3px #d2e5dd; }
body.doria-admin a:focus-visible,body.doria-admin button:focus-visible,body.doria-editor a:focus-visible,body.doria-editor button:focus-visible { outline:3px solid #c6a869;outline-offset:3px; }
@media (max-width:600px) {
  body.doria-admin header,body.doria-editor header{padding:24px 18px;}
  body.doria-admin .panel,body.doria-editor .panel{padding:18px;}
}

/* v1.4: navegacion clara y confirmacion sin repetir la contrasena */
body.doria-admin header .maint-links, body.doria-editor header .maint-links {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;
}
body.doria-admin header .maint-back, body.doria-editor header .maint-back {
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  border:1px solid rgba(255,255,255,.36);border-radius:9px;
  background:rgba(255,255,255,.13);padding:8px 13px;
  color:#fff;text-decoration:none;font-size:13px;font-weight:650;
}
body.doria-admin header .maint-back:hover,body.doria-editor header .maint-back:hover {
  color:#fff;background:rgba(255,255,255,.24);border-color:#fff;
}
body.doria-admin .confirmation,body.doria-editor .confirmation {
  display:flex;align-items:flex-start;gap:11px;margin:17px 0 5px;
  padding:13px 14px;background:#f0f7f3;border:1px solid #c9dfd0;border-radius:9px;
  font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;
}
body.doria-admin .confirmation input,body.doria-editor .confirmation input {
  width:18px;height:18px;flex-shrink:0;margin:1px 0 0;accent-color:#176451;
}
body.doria-admin .confirmation span,body.doria-editor .confirmation span { flex:1; }
@media (max-width:600px) {
  body.doria-admin header .maint-back,body.doria-editor header .maint-back{width:100%;}
}