.detail-disposisi-page[data-v-fa933dc6]{min-height:calc(100vh - 64px);padding:24px}@media(max-width:768px){.detail-disposisi-page[data-v-fa933dc6]{padding:0}}.detail-disposisi-page .page-header[data-v-fa933dc6]{margin-bottom:24px}.detail-disposisi-page .page-header .back-button[data-v-fa933dc6]{padding:0;margin-bottom:8px;font-size:14px;color:#e10f28}.detail-disposisi-page .page-header .back-button[data-v-fa933dc6]:hover{color:#ff4d4f}.detail-disposisi-page .page-header .header-title-wrapper[data-v-fa933dc6]{margin-bottom:12px}.detail-disposisi-page .page-header .header-title-wrapper h1[data-v-fa933dc6]{margin:0;font-size:24px;font-weight:600;color:#262626}.detail-disposisi-page .page-header .header-title-wrapper .header-subtitle[data-v-fa933dc6]{margin:4px 0 0;font-size:16px;color:#595959}.detail-disposisi-page .page-header .header-tags[data-v-fa933dc6]{display:flex;gap:8px}.detail-disposisi-page .error-container[data-v-fa933dc6],.detail-disposisi-page .loading-container[data-v-fa933dc6]{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:8px;padding:48px 24px}.detail-disposisi-page .content-container[data-v-fa933dc6]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.detail-disposisi-page .content-container[data-v-fa933dc6]{padding:16px}}.detail-disposisi-page .content-container .title-container[data-v-fa933dc6]{padding:16px 18px;border-bottom:1px solid #d9d9d9;display:flex;align-items:center}.detail-disposisi-page .content-container .section-title[data-v-fa933dc6]{font-size:24px;font-weight:600;color:#282828}@media(max-width:768px){.detail-disposisi-page .content-container .section-title[data-v-fa933dc6]{font-size:16px}}.detail-disposisi-page .content-container .section-title[data-v-fa933dc6]:first-child{margin-top:0}.detail-disposisi-page .content-container .sub-section-title[data-v-fa933dc6]{font-size:18px;font-weight:600;color:#282828}@media(max-width:768px){.detail-disposisi-page .content-container .sub-section-title[data-v-fa933dc6]{font-size:16px}}.detail-disposisi-page .content-container .detail-grid[data-v-fa933dc6]{display:flex;flex-direction:column;gap:12px;margin-top:12px}.detail-disposisi-page .content-container .detail-grid .detail-row[data-v-fa933dc6]{display:flex;align-items:flex-start;padding:4px 0}@media(max-width:768px){.detail-disposisi-page .content-container .detail-grid .detail-row[data-v-fa933dc6]{flex-direction:column}}.detail-disposisi-page .content-container .detail-grid .detail-row[data-v-fa933dc6]:last-child{border-bottom:none}.detail-disposisi-page .content-container .detail-grid .detail-row .detail-label[data-v-fa933dc6]{width:200px;min-width:200px;font-weight:700;color:#595959}.detail-disposisi-page .content-container .detail-grid .detail-row .detail-value[data-v-fa933dc6]{flex:1;color:#262626}.detail-disposisi-page .content-container .detail-grid .detail-row .detail-value .file-link[data-v-fa933dc6]{color:#e10f28;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.detail-disposisi-page .content-container .detail-grid .detail-row .detail-value .file-link[data-v-fa933dc6]:hover{text-decoration:underline}.detail-disposisi-page .content-container .comment-section[data-v-fa933dc6]{padding:24px}@media(max-width:768px){.detail-disposisi-page .content-container .comment-section[data-v-fa933dc6]{padding:16px}}.detail-disposisi-page .content-container .comment-section .comment-empty-state[data-v-fa933dc6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 12px;text-align:center;color:#8c8c8c;border-radius:8px;margin-bottom:24px}.detail-disposisi-page .content-container .comment-section .comment-empty-state .empty-icon[data-v-fa933dc6]{font-size:48px;margin-bottom:16px;color:#bfbfbf}.detail-disposisi-page .content-container .comment-section .comment-empty-state p[data-v-fa933dc6]{max-width:750px;margin:0;line-height:1.6}.detail-disposisi-page .content-container .comment-section .comments-list[data-v-fa933dc6]{margin-bottom:24px;height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item[data-v-fa933dc6]{display:flex;flex-direction:column;align-items:flex-start}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item.own-comment[data-v-fa933dc6]{align-items:flex-end}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item.own-comment .comment-bubble[data-v-fa933dc6]{background:#f2f4f8}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble[data-v-fa933dc6]{background:#efefff;border-radius:12px;padding:12px 16px;width:90%}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-time[data-v-fa933dc6]{font-size:12px;color:#8c8c8c;margin-top:4px;padding:0 4px}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-user-name[data-v-fa933dc6]{font-weight:600;font-size:13px;color:#262626;margin-bottom:8px;display:flex;justify-content:space-between}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-user-name .comment-time[data-v-fa933dc6]{font-size:12px;color:#798892;margin-top:4px;padding:0 4px;font-weight:400}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content p[data-v-fa933dc6]{margin:0;color:#262626;font-size:14px;line-height:1.5}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar[data-v-fa933dc6]{margin-bottom:8px}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .attachment-link[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .surat-keluar-link[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .attachment-link[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .surat-keluar-link[data-v-fa933dc6]{display:inline-flex;align-items:center;gap:6px;color:#321e8d;font-size:14px;text-decoration:none}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .attachment-link .export-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .surat-keluar-link .export-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .attachment-link .export-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .surat-keluar-link .export-icon[data-v-fa933dc6]{color:#e10f28}.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .attachment-link .attachment-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-attachment .surat-keluar-link .attachment-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .attachment-link .attachment-icon[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comments-list .comment-item .comment-bubble .comment-content .comment-surat-keluar .surat-keluar-link .attachment-icon[data-v-fa933dc6]{color:rgba(0,0,0,.45)}.detail-disposisi-page .content-container .comment-section .comment-input-section[data-v-fa933dc6]{border-radius:8px;overflow:hidden}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-action-button[data-v-fa933dc6]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;color:#282828;transition:all .2s ease}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-action-button[data-v-fa933dc6]:hover{border-color:#d9d9d9;color:#262626}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-action-button[data-v-fa933dc6]:disabled{color:#98a2b3}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-action-button[data-v-fa933dc6]:disabled:hover{border-color:transparent;cursor:not-allowed}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-tabs[data-v-fa933dc6]{display:flex;gap:8px;padding:12px 0;border-top:1px solid #d9d9d9;flex-wrap:wrap}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-tabs[data-v-fa933dc6] .ant-btn{border-radius:4px;font-size:12px;font-weight:600}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-tabs[data-v-fa933dc6] .ant-btn.ant-btn-primary{background:transparent;color:#e10f28;border-color:#e10f28}.detail-disposisi-page .content-container .comment-section .comment-input-section .surat-keluar-section[data-v-fa933dc6],.detail-disposisi-page .content-container .comment-section .comment-input-section .upload-section[data-v-fa933dc6]{padding:16px;border-bottom:1px solid #f0f0f0}.detail-disposisi-page .content-container .comment-section .comment-input-section .upload-button-wrapper[data-v-fa933dc6]{display:inline-block}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview[data-v-fa933dc6]{border-radius:6px;margin-bottom:12px}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item[data-v-fa933dc6]{display:flex;align-items:center;padding:4px 12px;background:#fff;border-radius:4px;width:50%;gap:8px}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item[data-v-fa933dc6]:hover{background:#fafafa}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item .file-icon[data-v-fa933dc6]{font-size:14px;color:rgba(0,0,0,.45)}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item .attachment-name[data-v-fa933dc6]{flex:1;font-size:14px;color:#321e8d;word-break:break-word}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item .delete-button[data-v-fa933dc6]{background:none;border:none;cursor:pointer;color:#ff4d4f;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item .delete-button[data-v-fa933dc6]:hover{color:#ff7875;background:#fff1f0}.detail-disposisi-page .content-container .comment-section .comment-input-section .attachment-preview .attachment-item .delete-button svg[data-v-fa933dc6]{width:16px;height:16px}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper[data-v-fa933dc6]{padding:0 0 0 0}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-comment-input-row[data-v-fa933dc6]{display:flex;align-items:flex-end;gap:12px;width:100%}@media(max-width:768px){.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-comment-input-row[data-v-fa933dc6]{flex-direction:column;align-items:stretch}}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-comment-textarea[data-v-fa933dc6]{border:1px solid #d9d9d9;border-radius:10px;resize:none;min-height:48px;font-size:14px;flex:1 1 auto;transition:box-shadow .2s;box-shadow:none;padding:12px 16px}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-send-btn[data-v-fa933dc6]{background:#e10f28;border:none;color:#fff;border-radius:50px;min-width:80px;height:36px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;box-shadow:none}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-send-btn[data-v-fa933dc6]:disabled{background:#d9d9d9;color:#fff}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .custom-send-btn[data-v-fa933dc6]:not(:disabled):hover{background:#f3374d;color:#fff}.detail-disposisi-page .content-container .comment-section .comment-input-section .comment-textarea-wrapper .send-label[data-v-fa933dc6]{font-size:13px;font-weight:600;letter-spacing:.5px;margin:0}.comment[data-v-fa933dc6]{border:1px solid #d9d9d9;border-radius:8px;margin-top:18px}.view-icon[data-v-fa933dc6]{color:#e10f28}[data-v-fa933dc6] .ant-upload.ant-upload-drag{padding:0;background:#fff;border:none}[data-v-fa933dc6] .ant-upload.ant-upload-drag span{padding:0!important}[data-v-fa933dc6] .ant-upload-drag-container{display:flex!important;gap:8px!important;align-items:center!important}[data-v-fa933dc6] .ant-upload{font-size:12px!important}[data-v-fa933dc6] .ant-tag{font-weight:700;border-radius:50px}.view-icon-link[data-v-fa933dc6]{cursor:pointer;display:inline-flex;align-items:center}.view-icon-link[data-v-fa933dc6]:hover{opacity:.8}.surat-keluar-modal .modal-subtitle[data-v-fa933dc6]{font-size:14px;color:#595959;margin-bottom:16px}.surat-keluar-modal .surat-keluar-search[data-v-fa933dc6]{margin-bottom:16px}.surat-keluar-modal .surat-keluar-search[data-v-fa933dc6] .ant-input{border-radius:8px}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6]{max-height:450px;overflow:hidden;margin-bottom:16px;border:1px solid #f0f0f0;border-radius:8px}.surat-keluar-modal .surat-keluar-table-container .surat-nomor[data-v-fa933dc6]{font-weight:600;color:#321e8d}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-spin-container{display:flex;flex-direction:column;height:100%}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper{display:flex;flex-direction:column}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper .ant-table{font-size:13px;flex:1}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper .ant-table-head{overflow:hidden!important}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper .ant-table-head th{padding:8px 12px;font-weight:600;background:#fafafa}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper .ant-table-body{overflow-x:auto!important;overflow-y:auto!important}.surat-keluar-modal .surat-keluar-table-container[data-v-fa933dc6] .ant-table-wrapper .ant-table-body td{padding:8px 12px}.surat-keluar-modal .surat-keluar-modal-actions[data-v-fa933dc6]{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.confirm-button[data-v-fa933dc6]{border-radius:50px;font-size:14px;font-weight:700;border:2px solid #e10f28;width:50%;max-width:230px;background:#e10f28;color:#fff;padding:6px 12px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.confirm-button[data-v-fa933dc6]:hover:not(:disabled){background:#fff!important;border-color:#e10f28!important;color:#e10f28!important}.confirm-button[data-v-fa933dc6]:disabled{border-color:#98a2b3;background:#98a2b3;cursor:not-allowed}.remove-cancel-button[data-v-fa933dc6]{border-radius:50px;padding:6px 24px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s}.remove-cancel-secondary[data-v-fa933dc6]{background:#fff;border:2px solid #1a1a1a;color:#1a1a1a}.remove-cancel-secondary[data-v-fa933dc6]:hover{background:#1a1a1a;border-color:#fff;color:#fff}[data-v-fa933dc6] .ant-checkbox-inner{border-radius:4px!important}[data-v-fa933dc6] .ant-checkbox-checked .ant-checkbox-inner{background-color:#e10f28!important;border-color:#e10f28!important}[data-v-fa933dc6] .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:transparent!important}[data-v-fa933dc6] .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:transparent!important;border-color:#d9d9d9!important}