.dr-root{display:grid;gap:19px;color:var(--text,#182230)}
.dr-head,.dr-panel-heading,.dr-dialog-head,.dr-attachment-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.dr-head{padding:8px 0 1px}
.dr-head h1{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:3px 0 7px}
.dr-head p,.dr-panel-heading p,.dr-dialog-head p{font-size:13px;color:#667085;margin:0}
.dr-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#14806b}
.dr-head>.btn{white-space:nowrap}
.dr-top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.dr-top-actions .btn{white-space:nowrap}
.dr-switch{display:flex;gap:5px;padding:5px;border-radius:13px;background:#edf2f2;width:max-content;max-width:100%}
.dr-switch button{border:0;background:transparent;border-radius:10px;padding:11px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:pointer;color:#475467;font-weight:700}
.dr-switch button small{padding:3px 8px;background:#dfe7e5;border-radius:30px;font-size:11px;font-variant-numeric:tabular-nums}
.dr-switch button.active{background:#fff;color:#08785d;box-shadow:0 1px 5px #1018281a}
.dr-switch button.active small{background:#e3f5ef;color:#08785d}
.dr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dr-stat{background:var(--card-bg,#fff);border:1px solid #e7ecee;border-radius:15px;padding:17px 19px;box-shadow:0 3px 12px #10182805;display:grid;gap:11px}
.dr-stat span{font-size:12px;color:#667085;font-weight:550}
.dr-stat strong{font-size:28px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}
.dr-panel{background:var(--card-bg,#fff);border:1px solid #e7ecee;border-radius:15px;padding:21px;box-shadow:0 3px 16px #10182806;min-width:0}
.dr-panel-heading{margin-bottom:20px}
.dr-panel-heading h2{margin:0 0 5px;font-size:17px;font-weight:750}
.dr-filters{display:grid;grid-template-columns:minmax(180px,2.4fr) repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:16px}
.dr-filters label,.dr-field{display:grid;gap:6px;min-width:0;font-size:12px;color:#475467;font-weight:650}
.dr-filters input,.dr-filters select,.dr-field input,.dr-field select,.dr-field textarea{width:100%;min-width:0;border:1px solid #d0d5dd;background:#fff;color:#243246;border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13px;outline:none}
.dr-filters input:focus,.dr-filters select:focus,.dr-field input:focus,.dr-field select:focus,.dr-field textarea:focus{border-color:#16866c;box-shadow:0 0 0 3px #0b8b6c18}
.dr-filters .dr-sr{font-size:12px}
.dr-clear{height:39px;background:transparent;border:0;color:#667085;font-weight:650;cursor:pointer}
.dr-clear:hover{color:#08785d}
.dr-table-scroll{width:100%;overflow-x:auto}
.dr-table{width:100%;border-collapse:collapse;min-width:770px;font-size:13px}
.dr-table th{text-align:left;font-size:11px;letter-spacing:.2px;text-transform:uppercase;color:#667085;background:#f8fafb;padding:12px 13px;border-bottom:1px solid #e5e9eb;font-weight:750}
.dr-table td{padding:14px 13px;border-bottom:1px solid #eef0f2;vertical-align:middle}
.dr-table tbody tr:last-child td{border-bottom:0}
.dr-table .dr-clickable{cursor:pointer;transition:background .16s ease}
.dr-table .dr-clickable:hover,.dr-table .dr-clickable:focus-visible{background:#f4fbf8;outline:2px solid transparent}
.dr-table td strong{font-size:13px;color:#243246}
.dr-table td small{display:block;color:#667085;font-size:11px;margin-top:4px;line-height:1.4}
.dr-topic{font-weight:650;max-width:300px;white-space:normal;line-height:1.5}
.dr-status{display:inline-flex;align-items:center;font-size:11px;font-weight:750;padding:5px 9px;border-radius:16px;background:#edf1f6;color:#344054;white-space:nowrap}
.dr-in_progress{background:#fff4df;color:#8d5a00}
.dr-done{background:#def5e8;color:#087249}
.dr-draft{background:#ecedf1;color:#515a68}
.dr-archived{background:#f2f4f7;color:#98a2b3}
.dr-overdue,.dr-due{display:inline-block;margin-top:7px;font-size:11px;color:#b42318;font-weight:700}
.dr-due{color:#667085;font-weight:500}
.dr-file-count{border:1px solid #e1e7e7;border-radius:7px;background:#f8fafb;padding:6px 9px;font-weight:650;white-space:nowrap}
.dr-file-count span{color:#687f77;padding-left:2px}
.dr-open-arrow{color:#12a37b;font-size:17px;font-weight:700}
.dr-empty{text-align:center;padding:45px 20px!important;color:#667085;font-size:14px}
.dr-empty div{font-size:17px;color:#344054;font-weight:750;margin-bottom:6px}
.dr-foot{display:flex;justify-content:space-between;gap:14px;color:#98a2b3;font-size:11px;margin-top:16px}
.dr-notice{padding:12px 15px;background:#eefaf4;border:1px solid #b9e8d0;border-radius:9px;color:#086348;font-size:13px}
.dr-notice.dr-error{background:#fff7f5;color:#ab271b;border-color:#f9b5ac}
.dr-dialog{width:min(760px,calc(100vw - 26px));max-height:calc(100dvh - 28px);overflow-y:auto;padding:27px;background:#fff;color:#1d2939;border:1px solid #e4e7ec;border-radius:17px;box-shadow:0 18px 65px #1018283a;position:fixed;margin:auto}
.dr-dialog::backdrop{background:#1018288c;backdrop-filter:blur(3px)}
.dr-dialog[open]{display:block}
.dr-dialog-head{align-items:flex-start;margin-bottom:24px}
.dr-dialog-head h2{font-size:22px;line-height:1.25;letter-spacing:-.3px;margin:4px 0 7px}
.dr-close{font-size:25px;line-height:1;border:0;background:#f2f4f7;color:#475467;border-radius:50%;width:34px;height:34px;cursor:pointer;flex-shrink:0}
.dr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
.dr-form-grid>[hidden]{display:none!important}
.dr-span2{grid-column:1/-1}
.dr-field textarea{resize:vertical;min-height:78px}
.dr-upload{display:flex;align-items:center;gap:12px;border:1px dashed #92bfb1;border-radius:13px;padding:15px;background:#f5fbf8;cursor:pointer;margin-top:22px}
.dr-upload-symbol{font-size:26px;color:#13846b;line-height:1}
.dr-upload strong,.dr-upload small{display:block}
.dr-upload strong{font-size:13px}
.dr-upload small{font-size:11px;color:#667085;margin-top:5px}
.dr-upload input{position:absolute;width:1px;height:1px;opacity:0}
.dr-file-hint{color:#475467;font-size:11px;line-height:1.5;margin:7px 0}
.dr-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.dr-form-message{font-size:12px;color:#b42318;line-height:1.5;margin:10px 0 0}
.dr-detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dr-detail-info>div{padding:12px 14px;background:#f7f9f9;border:1px solid #eef1f2;border-radius:9px;min-width:0}
.dr-detail-info small{display:block;color:#667085;font-size:11px;margin-bottom:7px}
.dr-detail-info span{font-size:13px;overflow-wrap:anywhere;white-space:pre-line}
.dr-attachment-section{margin-top:25px;padding-top:18px;border-top:1px solid #e9eef0}
.dr-attachment-head{margin-bottom:12px}
.dr-attachment-head h3{font-size:15px;margin:0}
.dr-attachment-head .btn{cursor:pointer}
.dr-file-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f5}
.dr-file-icon{color:#13846b;border-radius:9px;background:#edf8f4;font-size:20px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}
.dr-file-name{flex:1;min-width:0}
.dr-file-name strong{display:block;font-size:12px;overflow-wrap:anywhere}
.dr-file-name small{display:block;margin-top:4px;color:#667085;font-size:11px}
.dr-delete{border:0;background:none;color:#98a2b3;font-size:22px;cursor:pointer}
.dr-file-empty{background:#f8fafb;border-radius:9px;padding:18px;text-align:center;color:#667085;font-size:12px}
@media(max-width:850px){.dr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-search{grid-column:1/-1}.dr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dr-head{align-items:flex-start;flex-direction:column}.dr-head h1{font-size:23px}.dr-head>.btn{width:100%}.dr-top-actions{width:100%}.dr-top-actions .btn{flex:1}.dr-stat{padding:14px}.dr-stat strong{font-size:23px}.dr-panel{padding:13px}.dr-panel-heading{align-items:flex-start}.dr-filters{gap:8px}.dr-switch{width:100%}.dr-switch button{flex:1;justify-content:center;padding:11px 7px}.dr-dialog{padding:18px}.dr-form-grid,.dr-detail-info{grid-template-columns:1fr}.dr-span2{grid-column:auto}.dr-foot span:last-child{display:none}.dr-file-row{gap:7px}.dr-file-row .btn{padding:7px}}