.ticket-management{background:var(--ui-white);padding:16px;color:var(--ui-body);font-size:14px;line-height:21px;min-width:0}
.ticket-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}
.ticket-management .ticket-filter-grid .el-form-item{margin:0;min-width:0}
.ticket-management .el-select,.ticket-management .el-date-editor{width:100%;max-width:100%}
.ticket-filter-grid .el-form-item__label,.ticket-create-dialog .el-form-item__label{color:var(--ui-body);font-size:14px;line-height:21px;padding-bottom:4px}
.ticket-date-filter{grid-column:span 2}
.ticket-filter-actions{display:flex;align-items:flex-end;gap:10px;padding-bottom:0}
.ticket-filter-actions .el-button+.el-button,.ticket-supplement-actions .el-button+.el-button{margin-left:0}
.ticket-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0}
.ticket-hint,.ticket-empty-value{font-size:12px;font-weight:400;line-height:18px;color:var(--ui-help)}
.ticket-management p.ticket-hint,.ticket-detail-dialog p.ticket-hint,.ticket-create-dialog p.ticket-hint{margin:8px 0}
.ticket-pagination{display:flex;justify-content:flex-end;margin-top:16px;max-width:100%;overflow-x:auto}
.ticket-state{font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.ticket-state.is-success{color:var(--ui-success)}.ticket-state.is-processing{color:var(--ui-action)}.ticket-state.is-pending{color:var(--ui-warning)}.ticket-state.is-muted{color:var(--ui-muted)}
.ticket-detail-dialog,.ticket-create-dialog{max-width:calc(100vw - 32px)}
.ticket-detail-dialog .el-dialog__body,.ticket-create-dialog .el-dialog__body{max-height:calc(92vh - 132px);overflow:auto;padding:16px 24px;color:var(--ui-body);font-size:14px;line-height:21px}
.ticket-detail-dialog .el-dialog__header,.ticket-create-dialog .el-dialog__header{padding:16px 24px}
.ticket-detail-dialog .el-dialog__title,.ticket-create-dialog .el-dialog__title{font-size:16px;font-weight:600;line-height:24px}
.ticket-detail-dialog .el-dialog__footer,.ticket-create-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid var(--ui-divider)}
.ticket-detail-dialog .el-dialog__headerbtn,.ticket-create-dialog .el-dialog__headerbtn{width:36px;height:36px;top:10px;right:16px}
.ticket-detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ticket-detail-dialog h3,.ticket-create-dialog h3{margin:0;font-size:14px;font-weight:600;line-height:21px}
.ticket-detail-dialog h3.ticket-section-title{margin:16px 0 8px}
.ticket-detail-dialog .el-descriptions-item__cell{font-size:14px;line-height:21px;overflow-wrap:anywhere;text-align:left}
.ticket-detail-dialog .el-descriptions-item__label{color:var(--ui-help);font-weight:400}
.ticket-history-stage{position:relative}
.ticket-history-scroll{height:240px;overflow:auto;border:1px solid var(--ui-border);padding-right:62px;overscroll-behavior:contain}
.ticket-history-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;line-height:21px}
.ticket-history-table th,.ticket-history-table td{text-align:left;vertical-align:top;padding:8px 12px;border-bottom:1px solid var(--ui-divider);overflow-wrap:anywhere}
.ticket-history-table th{position:sticky;top:0;background:var(--ui-subtle);font-weight:600;z-index:1}
.ticket-history-table th:nth-child(1){width:88px}.ticket-history-table th:nth-child(2){width:104px}.ticket-history-table th:nth-child(4){width:116px}.ticket-history-table th:nth-child(5){width:160px}
.ticket-backtop{position:absolute;right:22px;bottom:16px;width:32px;height:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-white);color:var(--ui-action);box-shadow:none}
.ticket-backtop i{font-size:16px;line-height:16px}.ticket-backtop:hover{background:var(--ui-selected)}
.ticket-backtop:focus-visible,.ticket-history-scroll:focus-visible{outline:2px solid var(--ui-action);outline-offset:2px}
.ticket-history-scroll::-webkit-scrollbar,.ticket-detail-dialog .el-dialog__body::-webkit-scrollbar,.ticket-create-dialog .el-dialog__body::-webkit-scrollbar{width:6px;height:6px}
.ticket-history-scroll::-webkit-scrollbar-track,.ticket-detail-dialog .el-dialog__body::-webkit-scrollbar-track,.ticket-create-dialog .el-dialog__body::-webkit-scrollbar-track{background:var(--ui-subtle)}
.ticket-history-scroll::-webkit-scrollbar-thumb,.ticket-detail-dialog .el-dialog__body::-webkit-scrollbar-thumb,.ticket-create-dialog .el-dialog__body::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:4px}
.ticket-history-scroll::-webkit-scrollbar-thumb:hover,.ticket-detail-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover,.ticket-create-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--ui-help)}
.ticket-file-link{display:block;color:var(--ui-action);font-size:12px;line-height:18px;overflow-wrap:anywhere}
.ticket-readonly-note{margin-top:16px;background:var(--ui-subtle);padding:12px;color:var(--ui-help);font-size:14px;line-height:21px}
.ticket-supplement>label{display:block;margin-bottom:4px;font-size:14px;line-height:21px}
.ticket-upload-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.ticket-files{list-style:none;padding:0;margin:8px 0}
.ticket-files li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 0;font-size:14px;line-height:21px}
.ticket-files li>span{overflow-wrap:anywhere;min-width:0}.ticket-files .el-button{flex-shrink:0}
.ticket-error{color:var(--ui-danger);font-size:12px;line-height:18px;margin:4px 0}
.ticket-supplement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ticket-create-form>.el-form-item{margin-bottom:16px}.ticket-create-form .el-select{width:100%}
.ticket-order-search{display:flex;gap:10px;margin-bottom:12px}.ticket-order-search .el-input{flex:1;min-width:0}
.ticket-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ticket-create-grid .el-input-number{width:100%}.ticket-create-grid .el-input-number input{text-align:left}
.ticket-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.ticket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-filter-actions{grid-column:span 2}.ticket-history-table{min-width:700px}.ticket-history-scroll{padding-right:62px}}
@media(max-width:600px){.ticket-management{padding:12px}.ticket-filter-grid,.ticket-create-grid{grid-template-columns:1fr}.ticket-date-filter,.ticket-filter-actions{grid-column:span 1}.ticket-detail-dialog .el-dialog__body,.ticket-create-dialog .el-dialog__body{padding:12px}.ticket-detail-dialog .el-descriptions{overflow-x:auto}.ticket-detail-dialog .el-descriptions__body{min-width:620px}}

.ticket-management .ticket-date-filter .el-date-editor{width:100%!important}

.ticket-create-form .el-form-item__error{position:static;padding-top:4px;font-size:12px;line-height:18px}

.ticket-management .el-table .el-table__body tr>td{background:var(--ui-white)}
.ticket-management .el-table .el-table__body tr.el-table__row--striped>td{background:var(--ui-subtle)}
.ticket-management .el-table .el-table__body tr.hover-row>td,.ticket-management .el-table .el-table__body tr.current-row>td{background:var(--ui-selected)}