.surat-keluar-list[data-v-e379712e]{background:#fcfcfc;min-height:100vh}.surat-keluar-list .main-container[data-v-e379712e]{padding:24px;background:#fcfcfc;min-height:calc(100vh - 64px)}@media(max-width:768px){.surat-keluar-list .main-container[data-v-e379712e]{padding:16px}}@media(max-width:576px){.surat-keluar-list .main-container[data-v-e379712e]{padding:12px}}.page-header[data-v-e379712e]{margin-bottom:24px}@media(max-width:768px){.page-header[data-v-e379712e]{margin-bottom:16px}}.page-header .page-title[data-v-e379712e]{font-size:24px;font-weight:600;color:#262626;margin:0}@media(max-width:576px){.page-header .page-title[data-v-e379712e]{font-size:20px}}.actions-bar[data-v-e379712e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}@media(max-width:768px){.actions-bar[data-v-e379712e]{flex-direction:column;gap:12px;margin-bottom:16px}}@media(max-width:576px){.actions-bar[data-v-e379712e]{gap:8px}}.actions-bar[data-v-e379712e] .ant-input-search .ant-input-affix-wrapper{border-radius:8px;padding:8px 12px}@media(max-width:768px){.actions-bar>.ant-input-affix-wrapper[data-v-e379712e],.actions-bar>.ant-input[data-v-e379712e]{width:100%!important}}.actions-bar .btn-tambah[data-v-e379712e]{background:#e01f28;border-color:#e01f28;border-radius:50px;font-weight:600;height:40px;padding:0 20px;flex-shrink:0}@media(max-width:768px){.actions-bar .btn-tambah[data-v-e379712e]{width:100%;justify-content:center}}.actions-bar .btn-tambah[data-v-e379712e]:hover{background:#fff!important;border-color:#e10f28!important;color:#e10f28!important}.surat-table[data-v-e379712e] .ant-table{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.surat-table[data-v-e379712e] .ant-table .ant-table-thead>tr>th{background:#f2f4f8;font-weight:600;color:#262626;border-bottom:1px solid #e8e8e8}.surat-table[data-v-e379712e] .ant-table .ant-table-tbody>tr>td{background:#fff}.surat-table[data-v-e379712e] .ant-table .ant-table-tbody>tr{cursor:pointer}.surat-table[data-v-e379712e] .ant-table .ant-table-tbody>tr:hover>td{background:#fafafa}.total-info[data-v-e379712e]{margin-top:16px;color:#8c8c8c;font-size:13px}@media(max-width:576px){.total-info[data-v-e379712e]{font-size:12px;margin-top:12px}}.status-tag-custom[data-v-e379712e]{border-radius:50px!important;padding:4px 12px!important;font-size:12px!important;font-weight:700!important}