/* SIOV360 V21.202 · Gestión Documental tipo explorador de carpetas */
#gestionDocumentalScreen .gd-explorer{min-height:520px}
#gestionDocumentalScreen .gd-explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#gestionDocumentalScreen .gd-explorer-search{display:flex;align-items:center;gap:8px;flex:1 1 420px;min-width:260px;border:1px solid #cfdbea;background:#fff;border-radius:11px;padding:0 12px}
#gestionDocumentalScreen .gd-explorer-search span{font-size:15px}
#gestionDocumentalScreen .gd-explorer-search input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;font-size:12px;color:#18324f}
#gestionDocumentalScreen .gd-explorer-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#gestionDocumentalScreen .gd-explorer-btn{border:1px solid #cbd8e7;background:#fff;color:#17345f;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
#gestionDocumentalScreen .gd-explorer-btn:hover{border-color:#9bb3ce;background:#f8fbff}
#gestionDocumentalScreen .gd-explorer-btn.primary{background:#438f28;border-color:#438f28;color:#fff}
#gestionDocumentalScreen .gd-explorer-btn.secondary{background:#17345f;border-color:#17345f;color:#fff}
#gestionDocumentalScreen .gd-explorer-view-toggle{display:flex;border:1px solid #cbd8e7;border-radius:9px;overflow:hidden;background:#fff}
#gestionDocumentalScreen .gd-explorer-view-toggle button{border:0;border-right:1px solid #e1e8f0;background:#fff;color:#61758c;padding:9px 10px;font-size:9px;font-weight:900;cursor:pointer}
#gestionDocumentalScreen .gd-explorer-view-toggle button:last-child{border-right:0}
#gestionDocumentalScreen .gd-explorer-view-toggle button.active{background:#eef7e7;color:#356b16}
#gestionDocumentalScreen .gd-explorer-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#f7fafc;border:1px solid #dce6f0;border-radius:10px;padding:8px 10px;margin-bottom:13px;font-size:9px;color:#64748b}
#gestionDocumentalScreen .gd-explorer-breadcrumb button{border:0;background:transparent;color:#245b93;font-weight:900;cursor:pointer;padding:2px 3px}
#gestionDocumentalScreen .gd-explorer-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 10px;color:#61758c;font-size:9px}
#gestionDocumentalScreen .gd-explorer-title{font-size:13px;font-weight:900;color:#17345f}
#gestionDocumentalScreen .gd-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-bottom:16px}
#gestionDocumentalScreen .gd-folder-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:92px;border:1px solid #d6e1ec;background:#fff;border-radius:13px;padding:10px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
#gestionDocumentalScreen .gd-folder-card:hover{border-color:#a9c8e3;box-shadow:0 8px 20px rgba(23,52,95,.08);transform:translateY(-1px)}
#gestionDocumentalScreen .gd-folder-open{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;border:0;background:transparent;padding:4px;cursor:pointer;text-align:left;color:inherit}
#gestionDocumentalScreen .gd-folder-open>span:nth-child(2){flex:1;min-width:0}
#gestionDocumentalScreen .gd-folder-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;padding-top:6px;border-top:1px solid #edf2f7}
#gestionDocumentalScreen .gd-folder-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:42px;border-radius:10px;background:#eef7e7;font-size:25px}
#gestionDocumentalScreen .gd-folder-card strong{display:block;color:#16345d;font-size:12px;margin-bottom:4px}
#gestionDocumentalScreen .gd-folder-card small{display:block;color:#71839a;font-size:8.5px;line-height:1.4}
#gestionDocumentalScreen .gd-folder-chevron{margin-left:auto;color:#55a331;font-size:18px;font-weight:900}
#gestionDocumentalScreen .gd-doc-section{border-top:1px solid #e0e8f1;padding-top:12px;margin-top:4px}
#gestionDocumentalScreen .gd-doc-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
#gestionDocumentalScreen .gd-doc-section-head h3{margin:0;color:#17345f;font-size:12px}
#gestionDocumentalScreen .gd-doc-list{display:flex;flex-direction:column;gap:7px}
#gestionDocumentalScreen .gd-doc-row{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(110px,.65fr) minmax(120px,.65fr) auto;gap:12px;align-items:center;border:1px solid #dce5ef;background:#fff;border-radius:11px;padding:10px 11px}
#gestionDocumentalScreen .gd-doc-main{display:flex;align-items:center;gap:10px;min-width:0}
#gestionDocumentalScreen .gd-doc-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:#edf4fb;font-size:20px}
#gestionDocumentalScreen .gd-doc-name{min-width:0}
#gestionDocumentalScreen .gd-doc-name strong{display:block;color:#17345f;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gestionDocumentalScreen .gd-doc-name small{display:block;color:#7a8ba0;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gestionDocumentalScreen .gd-doc-meta{font-size:8.5px;color:#61758c;line-height:1.45}
#gestionDocumentalScreen .gd-doc-meta b{color:#314f70}
#gestionDocumentalScreen .gd-doc-alert{display:inline-flex;align-items:center;gap:4px;background:#fff5dc;color:#9a6300;border:1px solid #f2d899;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;margin-top:3px}
#gestionDocumentalScreen .gd-doc-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}
#gestionDocumentalScreen .gd-doc-action{border:1px solid #cbd8e7;background:#fff;color:#17345f;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}
#gestionDocumentalScreen .gd-doc-action:hover{background:#f5f9fd}
#gestionDocumentalScreen .gd-doc-action.alert{color:#9a6300;border-color:#e8cf93;background:#fffaf0}
#gestionDocumentalScreen .gd-doc-action.link{color:#356b16;border-color:#b9da9e;background:#f4fbef}
#gestionDocumentalScreen .gd-doc-action.danger{color:#b42318;border-color:#f1b7b3;background:#fff5f4}
#gestionDocumentalScreen .gd-doc-action.danger:hover{background:#fee4e2;border-color:#e99b95}
#gestionDocumentalScreen .gd-empty-explorer{border:1px dashed #cbd8e7;background:#fbfcfe;border-radius:12px;padding:36px 20px;text-align:center;color:#71839a;font-size:10px}
#gestionDocumentalScreen .gd-list-table-wrap{overflow:auto;border:1px solid #dbe4ee;border-radius:11px;background:#fff}
#gestionDocumentalScreen .gd-list-table{width:100%;border-collapse:collapse;font-size:9px}
#gestionDocumentalScreen .gd-list-table th{background:#eef3f8;color:#35506f;padding:9px;text-align:left;white-space:nowrap;border-bottom:1px solid #dbe4ee}
#gestionDocumentalScreen .gd-list-table td{padding:9px;border-bottom:1px solid #e8eef5;vertical-align:middle}
#gestionDocumentalScreen .gd-list-folder{font-weight:900;color:#17345f;cursor:pointer}

/* Modales del explorador */
.gdx-modal-bg{display:none;position:fixed;inset:0;background:rgba(12,28,50,.6);z-index:10050;align-items:center;justify-content:center;padding:16px}
.gdx-modal-bg.active{display:flex}
.gdx-modal{width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:15px;border:1px solid #dbe4ee;box-shadow:0 20px 55px rgba(0,0,0,.28)}
.gdx-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e1e8f0;background:#f8fafc}
.gdx-modal-head h3{margin:0;color:#17345f;font-size:14px}
.gdx-modal-head p{margin:4px 0 0;color:#71839a;font-size:8.5px}
.gdx-modal-close{border:0;background:#eef2f7;color:#17345f;border-radius:8px;width:34px;height:34px;font-weight:900;cursor:pointer}
.gdx-modal-body{padding:15px 16px}
.gdx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}
.gdx-form-grid .full{grid-column:1/-1}
.gdx-field{display:flex;flex-direction:column;gap:5px}
.gdx-field label{font-size:8px;font-weight:900;color:#42566f;text-transform:uppercase;letter-spacing:.02em}
.gdx-field input,.gdx-field select,.gdx-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd8e7;border-radius:8px;padding:9px 10px;background:#fff;color:#17345f;font-size:10px;outline:none}
.gdx-field input:focus,.gdx-field select:focus,.gdx-field textarea:focus{border-color:#70b84a;box-shadow:0 0 0 2px rgba(112,184,74,.12)}
.gdx-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #e1e8f0;background:#fbfcfd}
.gdx-checks{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px}
.gdx-checks label{display:flex;align-items:center;gap:7px;border:1px solid #dce5ef;border-radius:8px;padding:8px;font-size:9px;font-weight:800;color:#42566f}
.gdx-file-preview{margin-top:8px;padding:8px 10px;border:1px dashed #cbd8e7;border-radius:8px;color:#71839a;font-size:8.5px;line-height:1.55}
.gdx-files-list{display:flex;flex-direction:column;gap:7px}
.gdx-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e0e8f1;border-radius:9px;padding:9px 10px}
.gdx-file-row b{font-size:9px;color:#17345f}
.gdx-file-row small{display:block;color:#71839a;font-size:8px;margin-top:2px}

@media(max-width:1050px){#gestionDocumentalScreen .gd-folder-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}#gestionDocumentalScreen .gd-doc-row{grid-template-columns:minmax(220px,1.5fr) minmax(100px,.6fr) auto}#gestionDocumentalScreen .gd-doc-row .gd-doc-meta:nth-of-type(2){display:none}}
@media(max-width:700px){#gestionDocumentalScreen .gd-folder-grid{grid-template-columns:1fr}#gestionDocumentalScreen .gd-doc-row{grid-template-columns:1fr}#gestionDocumentalScreen .gd-doc-actions{justify-content:flex-start}.gdx-form-grid{grid-template-columns:1fr}.gdx-form-grid .full{grid-column:auto}.gdx-checks{grid-template-columns:1fr}#gestionDocumentalScreen .gd-explorer-actions{width:100%}}


/* V21.223 · Árbol documental expandible estilo ERP */
#gestionDocumentalScreen .gd-expand-all-btn{min-width:132px;border-color:#bcd5a7;background:#f6fbf1;color:#356b16}
#gestionDocumentalScreen .gd-expand-all-btn:hover:not(:disabled){background:#eaf6df;border-color:#97c275}
#gestionDocumentalScreen .gd-expand-all-btn:disabled{opacity:.48;cursor:not-allowed;background:#f1f4f7;color:#7f8b99;border-color:#d8e0e8}
#gestionDocumentalScreen .gd-tree{display:flex;flex-direction:column;border:1px solid #dbe5ef;border-radius:11px;background:#fff;overflow:hidden;margin-bottom:14px}
#gestionDocumentalScreen .gd-tree-node{background:#fff;content-visibility:auto;contain-intrinsic-size:1px 48px}
#gestionDocumentalScreen .gd-tree-node+.gd-tree-node{border-top:1px solid #edf1f5}
#gestionDocumentalScreen .gd-tree-folder-row{display:grid;grid-template-columns:24px 30px minmax(220px,1fr) auto;align-items:center;gap:7px;min-height:46px;padding-top:6px;padding-right:9px;padding-bottom:6px;transition:background .12s ease}
#gestionDocumentalScreen .gd-tree-folder-row:hover{background:#f8fbfd}
#gestionDocumentalScreen .gd-tree-node.expanded>.gd-tree-folder-row{background:#f6faf3}
#gestionDocumentalScreen .gd-tree-expander{display:grid;place-items:center;width:22px;height:22px;border:1px solid #cbd8e7;border-radius:6px;background:#fff;color:#245b93;font-size:13px;font-weight:900;cursor:pointer;padding:0;line-height:1}
#gestionDocumentalScreen .gd-tree-expander:hover:not(:disabled){background:#edf5fc;border-color:#9bbbd8}
#gestionDocumentalScreen .gd-tree-expander.empty{border-color:transparent;background:transparent;color:#a8b4c0;cursor:default}
#gestionDocumentalScreen .gd-tree-folder-icon{font-size:18px;text-align:center}
#gestionDocumentalScreen .gd-tree-folder-name{min-width:0;border:0;background:transparent;padding:3px 4px;text-align:left;cursor:pointer;color:#17345f}
#gestionDocumentalScreen .gd-tree-folder-name strong{display:block;font-size:10.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gestionDocumentalScreen .gd-tree-folder-name small{display:block;margin-top:2px;color:#71839a;font-size:8px;font-weight:700}
#gestionDocumentalScreen .gd-tree-folder-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
#gestionDocumentalScreen .gd-tree-children{position:relative;background:#fcfdfd;content-visibility:auto;contain-intrinsic-size:1px 240px}
#gestionDocumentalScreen .gd-tree-children>.gd-tree-node{border-top:1px solid #f0f3f6}
#gestionDocumentalScreen .gd-tree-doc{position:relative;display:grid;grid-template-columns:26px minmax(220px,1fr) auto;align-items:center;gap:7px;min-height:39px;padding-top:5px;padding-right:9px;padding-bottom:5px;border-top:1px solid #f0f3f6;background:#fcfdfd}
#gestionDocumentalScreen .gd-tree-doc:hover{background:#f7fafc}
#gestionDocumentalScreen .gd-tree-doc-icon{font-size:16px;text-align:center}
#gestionDocumentalScreen .gd-tree-doc-name{border:0;background:transparent;text-align:left;color:#314f70;cursor:pointer;padding:2px 3px;min-width:0}
#gestionDocumentalScreen .gd-tree-doc-name b{display:block;font-size:9.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gestionDocumentalScreen .gd-tree-doc-name small{display:block;color:#7a8ba0;font-size:7.8px;margin-top:2px}
#gestionDocumentalScreen .gd-tree-doc-actions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}
#gestionDocumentalScreen .gd-tree-empty{padding:10px 42px;color:#8b9aad;font-size:8px;font-style:italic;background:#fcfdfd}
#gestionDocumentalScreen .gd-list-tree-name{display:flex;align-items:center;gap:7px;min-width:220px}
#gestionDocumentalScreen .gd-list-folder-link{border:0;background:transparent;color:#17345f;font-weight:900;cursor:pointer;text-align:left;padding:2px 3px}
#gestionDocumentalScreen .gd-list-tree-doc td{background:#fbfcfd}
@media(max-width:760px){#gestionDocumentalScreen .gd-tree-folder-row{grid-template-columns:24px 28px minmax(150px,1fr)}#gestionDocumentalScreen .gd-tree-folder-actions{grid-column:3;justify-content:flex-start;padding-bottom:3px}#gestionDocumentalScreen .gd-tree-doc{grid-template-columns:24px minmax(150px,1fr)}#gestionDocumentalScreen .gd-tree-doc-actions{grid-column:2;justify-content:flex-start}}

/* V21.333 · Corrección quirúrgica Gestión Documental
   gd-tree-line es un elemento decorativo. Sin regla propia ocupaba una celda
   del grid de 3 columnas y desplazaba icono/nombre/acciones a una segunda fila. */
#gestionDocumentalScreen .gd-tree-doc>.gd-tree-line{display:none!important}