.documents-page{padding:28px 34px 40px}.documents-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.documents-heading h1{margin:4px 0 7px;font-size:30px;color:var(--text)}.documents-heading p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.documents-header-actions{display:flex;gap:8px}.document-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.document-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 17px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.document-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#bcc5d2}.document-stat.success:before{background:#3b9563}.document-stat.warning:before{background:#d9a400}.document-stat.info:before{background:#3f78d3}.document-stat span{display:block;font-size:10px;font-weight:700;color:var(--text-secondary)}.document-stat strong{display:block;margin-top:7px;font-size:26px;line-height:1;color:var(--text)}.document-stat small{display:block;margin-top:6px;font-size:9px;color:var(--text-muted)}.documents-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.documents-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border-light)}.documents-tabs{display:flex;gap:5px;align-items:center;overflow:auto;flex:1}.document-tab{height:34px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.document-tab:hover{background:#f8fafc}.document-tab.active{background:var(--brand-gold-soft);border-color:#eedb88;color:var(--brand-navy-dark)}.documents-search{flex:0 0 300px}.documents-search input{width:100%;height:36px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);font-size:11px;outline:none}.documents-search input:focus{border-color:#c5d0de;box-shadow:0 0 0 3px rgba(23,58,112,.06)}.documents-table-wrap{overflow:auto}.documents-table{width:100%;border-collapse:collapse;min-width:900px}.documents-table th{padding:12px 15px;text-align:left;background:#fbfcfe;border-bottom:1px solid var(--border);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}.documents-table td{padding:13px 15px;border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:10px}.documents-table tbody tr{cursor:pointer;transition:background .12s ease}.documents-table tbody tr:hover{background:#fbfcfe}.documents-table tbody tr:last-child td{border-bottom:0}.doc-main{display:flex;align-items:center;gap:10px;min-width:240px}.doc-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#eef3f9;color:var(--brand-navy);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.doc-name{font-size:11px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}.doc-type{display:block;margin-top:3px;font-size:9px;color:var(--text-muted)}.doc-task{display:block;max-width:260px;font-size:10px;font-weight:700;color:var(--brand-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-task-sub{display:block;margin-top:3px;font-size:9px;color:var(--text-muted)}.doc-person{font-size:10px;font-weight:700;color:var(--text)}.doc-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:800}.doc-status.received{background:#e9f6ef;color:#237346}.doc-status.needs_review{background:#fff5d6;color:#846a00}.doc-status.forwarded{background:#eaf1fc;color:#295a9a}.doc-status.failed{background:#fff0ef;color:#b13b31}.doc-time{font-size:9px;color:var(--text-muted);white-space:nowrap}.doc-size{font-size:9px;color:var(--text-muted);white-space:nowrap}.documents-loading,.documents-empty{padding:55px 20px!important;text-align:center;color:var(--text-muted)!important}.documents-empty strong{display:block;color:var(--text);font-size:13px;margin-bottom:5px}.document-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:28px}.document-modal-backdrop{position:absolute;inset:0;background:rgba(16,45,89,.35)}.document-modal-dialog{position:relative;width:min(760px,calc(100vw - 36px));max-height:min(84vh,780px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px rgba(16,45,89,.18);overflow:hidden}.document-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--border-light)}.document-modal-header h2{margin:3px 0 0;font-size:19px;line-height:1.25;color:var(--text)}.modal-close{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.document-modal-body{padding:20px 24px;overflow:auto}.document-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.document-detail-item{padding:12px 13px;border:1px solid var(--border-light);border-radius:10px;background:#fbfcfe}.document-detail-item.full{grid-column:1/-1}.document-detail-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}.document-detail-value{margin-top:5px;font-size:11px;line-height:1.5;color:var(--text);word-break:break-word}.document-detail-message{white-space:pre-wrap}.document-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--border-light);background:#fbfcfe}.document-modal-footer a,.document-modal-footer button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:8px;font-size:10px;font-weight:800;cursor:pointer}.document-open-file{background:var(--brand-gold);color:var(--brand-navy-dark)}.document-open-task{background:#fff;border:1px solid var(--border);color:var(--text-secondary)}
@media(max-width:1050px){.document-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-toolbar{align-items:stretch;flex-direction:column}.documents-search{flex-basis:auto;max-width:none}.documents-search input{height:38px}}
@media(max-width:700px){.documents-page{padding:22px 18px 32px}.documents-header{align-items:flex-start;flex-direction:column}.document-stats{grid-template-columns:1fr 1fr}.document-detail-grid{grid-template-columns:1fr}.document-modal{padding:12px}}