/* Jus Digital Global — Cliente > Documentos. Independent layout and readable upload fields. */
body.system-body #documents{min-width:0}
body.system-body #documents .view-head{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;margin:0 0 22px!important}
body.system-body #documents .view-head h1{font-size:clamp(24px,2.1vw,30px)!important;line-height:1.25!important;margin:0 0 8px!important;color:#0b2844}
body.system-body #documents .view-head p{font-size:13px!important;line-height:1.6!important;color:#60768a!important;margin:0!important}
body.system-body #documents .sys-panel{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:clamp(16px,2.3vw,25px);box-shadow:0 5px 20px rgba(11,45,72,.04);margin:0 0 20px}
body.system-body #documents .client-doc-upload-panel{margin:0 0 24px}
body.system-body #documents .client-doc-panel-head h3{font-size:19px!important;line-height:1.3!important;margin:0 0 6px!important;color:#102f4d}
body.system-body #documents .client-doc-panel-head p{font-size:12px!important;color:#667d90;margin:0;line-height:1.65}
body.system-body #documents .doc-upload{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:18px!important;margin:24px 0 0!important}
body.system-body #documents .doc-field{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0}
body.system-body #documents .doc-file-field,body.system-body #documents .doc-notes-field,body.system-body #documents .doc-upload-footer{grid-column:1/-1!important}
body.system-body #documents .doc-field label{font-size:12px!important;line-height:1.45!important;color:#17334d!important;font-weight:800!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important}
body.system-body #documents .doc-field label span:not(.doc-optional){color:#15669e}
body.system-body #documents .doc-field .doc-optional{font-size:11px!important;font-weight:500!important;color:#74879a}
body.system-body #documents .doc-field input,body.system-body #documents .doc-field select,body.system-body #documents .doc-field textarea{display:block;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #c6d6e2!important;border-radius:9px!important;background:#fff!important;padding:13px 14px!important;color:#18354d;font:500 13px/1.4 Inter,Arial,sans-serif!important;min-height:45px!important;margin:0!important;box-shadow:none!important}
body.system-body #documents .doc-field textarea{resize:vertical;min-height:90px!important}
body.system-body #documents .doc-field input[type=file]{cursor:pointer;line-height:1.5!important;min-height:50px!important}
body.system-body #documents .doc-field input[type=file]::file-selector-button{background:#ecf5fb;border:1px solid #a9c7d8;border-radius:7px;color:#194e70;padding:8px 11px;margin-right:12px;font-size:12px;font-weight:700;cursor:pointer}
body.system-body #documents .doc-field :is(input,textarea,select):focus-visible{outline:3px solid rgba(32,111,168,.24);border-color:#2876a9!important}
body.system-body #documents .doc-field small{font-size:11px!important;line-height:1.55!important;color:#667f90}
body.system-body #documents .doc-upload-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:15px!important;border-top:1px solid #e3eaf0;padding-top:18px}
body.system-body #documents .doc-upload-footer>span{font-size:11px;color:#637d90;line-height:1.6;max-width:650px;flex:1 1 300px}
body.system-body #documents .doc-upload-footer>button{font-size:13px!important;font-weight:800;min-height:43px!important;padding:12px 19px!important;border-radius:9px!important;white-space:nowrap}
body.system-body #documents #docUploadNotice{margin-top:13px!important;line-height:1.5!important;font-size:12px!important}
body.system-body #documents #docUploadNotice:not(.show){display:none}
body.system-body #documents .client-doc-empty{display:block!important;background:#f5f9fc;border:1px dashed #bdd1e0;border-radius:12px;padding:19px 23px;margin:0 0 22px}
body.system-body #documents .client-doc-empty strong{display:block;font-size:15px;color:#153550;margin-bottom:7px}
body.system-body #documents .client-doc-empty p{font-size:12px;color:#547089;line-height:1.6;margin:0}
body.system-body #documents .client-doc-section-title{font-size:17px;color:#12314c;margin:12px 0 13px}
body.system-body #documents .service-group h3{font-size:15px!important;line-height:1.4!important;color:#17334e!important;margin:0 0 9px!important}
body.system-body #documents .service-group p{font-size:12px!important;line-height:1.55!important;margin:0 0 12px!important;color:#60798d!important}
body.system-body #documents .table-scroll{max-width:100%;overflow-x:auto!important}
body.system-body #documents .table{min-width:650px}
body.system-body #documents .table th{font-size:10px!important;padding:12px 11px}
body.system-body #documents .table td{font-size:12px!important;padding:13px 11px;vertical-align:top}
body.system-body #documents .doc-cell-name{font-weight:750;color:#153650}
body.system-body #documents .doc-cell-note{display:block;margin-top:4px;color:#667e8e;font-size:11px;font-weight:400;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
body.system-body #documents .doc-upload-footer button:disabled{opacity:.6;cursor:wait}
@media(max-width:800px){
 body.system-body #documents .doc-upload{grid-template-columns:1fr!important;gap:15px!important}
 body.system-body #documents .doc-upload-footer{grid-column:1!important}
 body.system-body #documents .doc-file-field,body.system-body #documents .doc-notes-field{grid-column:1!important}
 body.system-body #documents .doc-upload-footer>button{width:100%!important}
 body.system-body #documents .sys-panel{padding:16px!important}
}