.doc-board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.doc-board-head h2{font-size:20px;margin:10px 0}.doc-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid #d8e2df;border-radius:10px;background:white}.doc-tools select,.doc-tools input{font-size:16px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;min-width:0;flex:1 1 200px}.doc-btn{padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;background:white;color:#334155;font-size:14px;font-weight:700;cursor:pointer}.doc-btn.primary{background:#216b4f;color:white}.doc-status{padding:12px 0;font-size:13px;color:#475569}.doc-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:10px;background:white}.doc-table{width:100%;border-collapse:collapse;font-size:13px;margin:0}.doc-table th{padding:10px;background:#f1f5f9;text-align:left;white-space:nowrap}.doc-table td{padding:12px 8px;border-top:1px solid #e2e8f0}.doc-title{border:0;background:none;color:#216b4f;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.doc-pager{display:flex;justify-content:center;gap:10px;align-items:center;padding:14px}.doc-editor-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:#f3f6f5;border-radius:10px;margin-bottom:12px}.doc-editor-status{font-size:13px;color:#216b4f}.doc-empty{padding:30px;text-align:center;color:#64748b}.doc-note{font-size:12px;color:#64748b;margin:12px 0}
@media(max-width:600px){.doc-table thead{display:none}.doc-table,.doc-table tbody,.doc-table tr,.doc-table td{display:block;width:100%}.doc-table tr{padding:12px;border-bottom:1px solid #e2e8f0}.doc-table td{border:0;padding:4px 0;display:flex;gap:10px}.doc-table td:before{content:attr(data-label);min-width:70px;color:#64748b;font-size:12px}}