.docs-body { background: #f4f6f8; }
.docs-section {
  background: #fff;
  margin: 14px 20px;
  padding: 18px 22px;
  border-radius: 10px;
  border: 1px solid #e3e6ea;
}
.docs-section .section-title {
  font-size: 15px; font-weight: 600;
  margin: 0 0 12px; color: #333;
}
.upload-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.form-row label {
  width: 100px;
  font-size: 13px;
  color: #555;
  padding-top: 6px;
}
.form-row input[type=text],
.form-row input[type=file],
.form-row textarea {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #cfd4da;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
}
.form-row textarea { resize: vertical; }
.recipients-wrap { flex: 1; }
.rcpt-line { display: block; margin-bottom: 6px; font-size: 13px; }
.rcpt-staff-list {
  border: 1px solid #cfd4da;
  border-radius: 6px;
  padding: 10px;
  background: #fafbfc;
  max-height: 180px;
  overflow-y: auto;
}
.rcpt-staff-list label {
  display: block;
  padding: 3px 0;
  width: auto;
  font-size: 13px;
  color: #333;
  cursor: pointer;
}
#upload-status {
  font-size: 13px;
  color: #1e7a3a;
  align-self: center;
}
.docs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.docs-table th, .docs-table td {
  border: 1px solid #d8dbe0;
  padding: 8px 10px;
  text-align: left;
}
.docs-table th {
  background: #f0f3f6;
  font-weight: 600;
  text-align: center;
}
.docs-table td.center { text-align: center; }
.docs-table .title-cell { font-weight: 600; }
.docs-table .note-line {
  display: block;
  font-size: 11px;
  color: #888;
  margin-top: 2px;
  font-weight: 400;
}
.unread {
  background: #fff8e0;
  color: #a05c00;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}
.read {
  background: #e8edf2;
  color: #555;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
}
.btn-download {
  background: #1f4f5b;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 12px;
  font-family: inherit;
  display: inline-block;
}
.btn-download:hover { background: #163942; }
.btn-del {
  background: none;
  border: 1px solid #b3261e;
  color: #b3261e;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-family: inherit;
  margin-left: 6px;
}
.btn-del:hover { background: #fff5f5; }
.empty-msg {
  text-align: center;
  color: #888;
  padding: 24px 0;
}
.recipients-tag {
  font-size: 11px;
  background: #e8f0f9;
  color: #1f4e78;
  padding: 2px 8px;
  border-radius: 10px;
}