.elementor-2014 .elementor-element.elementor-element-91cd791{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2014 .elementor-element.elementor-element-9c8273e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2014 .elementor-element.elementor-element-9c8273e:not(.elementor-motion-effects-element-type-background), .elementor-2014 .elementor-element.elementor-element-9c8273e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F6;}.elementor-2014 .elementor-element.elementor-element-df3e996{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2014 .elementor-element.elementor-element-8f6baa9{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2014 .elementor-element.elementor-element-a288dd9{padding:0px 0px 0px 15px;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-2014 .elementor-element.elementor-element-a288dd9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2014 .elementor-element.elementor-element-a288dd9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2014 .elementor-element.elementor-element-a288dd9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2014 .elementor-element.elementor-element-16c7e80{--divider-border-style:solid;--divider-color:#DFDFDF;--divider-border-width:1px;}.elementor-2014 .elementor-element.elementor-element-16c7e80 .elementor-divider-separator{width:100%;}.elementor-2014 .elementor-element.elementor-element-16c7e80 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-2014 .elementor-element.elementor-element-c0f6617{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2014 .elementor-element.elementor-element-c0f6617:not(.elementor-motion-effects-element-type-background), .elementor-2014 .elementor-element.elementor-element-c0f6617 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8795e1d );}.elementor-2014 .elementor-element.elementor-element-e6d5547{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2014 .elementor-element.elementor-element-ae88d11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-2014 .elementor-element.elementor-element-7c7320b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E7;--border-color:#E7E7E7;--border-radius:15px 15px 15px 15px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}:is( .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__items, .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(0px / 2);padding-bottom:calc(0px / 2);}:is( .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid, .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__slider, .elementor-2014 .elementor-element.elementor-element-bb7cbb9 > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 0px / -2);margin-bottom:calc( 0px / -2);}.elementor-2014 .elementor-element.elementor-element-f17a78a > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination__link:hover{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination__current .jet-filters-pagination__link{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination__link{padding:10px 10px 10px 10px;border-radius:15px 15px 15px 15px;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination__dots{padding:10px 10px 10px 10px;border-radius:15px 15px 15px 15px;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination{column-gap:6px;row-gap:6px;justify-content:center;}.elementor-2014 .elementor-element.elementor-element-f17a78a .jet-filters-pagination__load-more{order:initial;}@media(max-width:767px){.elementor-2014 .elementor-element.elementor-element-c0f6617{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2014 .elementor-element.elementor-element-91cd791{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(min-width:768px){.elementor-2014 .elementor-element.elementor-element-9c8273e{--width:20%;}.elementor-2014 .elementor-element.elementor-element-c0f6617{--width:75%;}.elementor-2014 .elementor-element.elementor-element-e6d5547{--width:100%;}}/* Start custom CSS *//* =========================================
   SaaS Table Design (完整版)
   ========================================= */

/* --- 1. 表头样式 (Header) --- */
.admin-table-head {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #F9FAFB; /* 浅灰背景 */
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    padding: 12px 24px; /* 上下12, 左右24 */
    
    /* 字体样式 */
    font-size: 11px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-sizing: border-box; /* 防止Padding撑大 */
}

/* --- 2. 表格内容行样式 (Rows) --- */
.admin-table-row {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #F3F4F6;
    padding: 16px 24px; /* 必须和表头Padding一致 (左右24) */
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.admin-table-row:hover {
    background-color: #F9FAFB; /* 悬停变色 */
}

/* --- 3. 关键：列宽控制 (Header & Body 共用) --- */
/* 这里重新分配了宽度，腾出空间给 Attachments */
.col-id       { width: 10%; font-weight: 500; color: #EF4444; } /* 原本15% */
.col-customer { width: 20%; font-weight: 500; color: #111827; } /* 原本25% */
.col-model    { width: 15%; color: #374151; }                   /* 原本20% */
.col-status   { width: 15%; }
.col-date     { width: 15%; color: #6B7280; font-size: 13px; }

/* 【新增】附件列宽度 */
.col-attachments { width: 15%; display: flex; gap: 8px; justify-content: center; }

.col-actions  { width: 10%; text-align: right; color: #9CA3AF; cursor: pointer; }

/* 手机适配 (允许横向滚动) */
@media (max-width: 768px) {
    .admin-table-head, 
    .admin-table-body {
        min-width: 900px; /* 稍微加宽一点，防止挤压 */
    }
}

/* --- 4. 状态药丸样式 (保持不变) --- */
.status-pill {
    display: inline-flex; align-items: center; padding: 4px 12px;
    border-radius: 99px; font-size: 12px; font-weight: 600; line-height: 1;
}
.status-dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background-color: currentColor; }

/* 状态颜色 */
.badge-red    { background-color: #FEF2F2; color: #EF4444; }
.badge-blue   { background-color: #EFF6FF; color: #3B82F6; }
.badge-green  { background-color: #F0FDF4; color: #22C55E; }
.badge-orange { background-color: #FFF7ED; color: #F97316; }
.badge-grey   { background-color: #F3F4F6; color: #6B7280; }

/* --- 5. 【新增】红色附件图标样式 --- */
.attachment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; 
    height: 28px;
    background-color: #FEF2F2; /* 浅红背景 */
    color: #EF4444;            /* 深红图标 */
    border: 1px solid #FECACA; /* 红色边框 */
    border-radius: 6px;        /* 圆角 */
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.attachment-btn:hover {
    background-color: #EF4444; /* 悬停变实心红 */
    color: #ffffff;            /* 图标变白 */
    border-color: #EF4444;
    transform: translateY(-1px);
}

.attachment-btn i {
    font-size: 14px;
}/* End custom CSS */