/*
================================================
TrackALL Production Dashboard CSS
================================================
*/


/*
================================================
Base Layout
================================================
*/

.trackall-section{
    margin-bottom:56px;
}

.trackall-section-title{
    display:block;
    width:100%;
    margin:0 0 22px 0;
    padding:0;
    font-size:32px;
    font-weight:700;
    line-height:1.2;
    color:#0f172a;
}


/*
================================================
Search Form
================================================
*/

.trackall-search-form{
    margin-bottom:40px;
}

.trackall-search-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}

.trackall-search-input,
.trackall-search-date,
.trackall-search-select{
    flex:1;
    min-width:180px;
    height:44px;
    padding:0 14px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    background:#ffffff;
    font-size:14px;
    color:#111827;
    box-sizing:border-box;
}

.trackall-search-input:focus,
.trackall-search-date:focus,
.trackall-search-select:focus{
    outline:none;
    border-color:#2563eb;
    box-shadow:0 0 0 2px rgba(37,99,235,0.08);
}


/*
================================================
Buttons
================================================
*/

.trackall-btn,
.trackall-submit-btn,
.trackall-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    cursor:pointer;
    text-decoration:none;
    transition:all .2s ease;
    font-weight:600;
    box-sizing:border-box;
}

.trackall-btn{
    height:44px;
    padding:0 18px;
    border-radius:8px;
    font-size:14px;
}

.trackall-btn-primary{
    background:#2563eb;
    color:#ffffff;
}

.trackall-btn-primary:hover{
    background:#1d4ed8;
    color:#ffffff;
}

.trackall-btn-secondary{
    background:#f3f4f6;
    color:#374151;
    border:1px solid #d1d5db;
}

.trackall-btn-secondary:hover{
    background:#e5e7eb;
}

.trackall-action-btn{
    min-width:78px;
    height:42px;
    padding:0 16px;
    border-radius:8px;
    background:#2563eb;
    color:#ffffff;
    font-size:14px;
}

.trackall-action-btn:hover{
    background:#1d4ed8;
    color:#ffffff;
}

.trackall-submit-btn{
    min-width:180px;
    height:48px;
    padding:0 28px;
    border-radius:8px;
    background:#2563eb;
    color:#ffffff;
    font-size:15px;
}

.trackall-submit-btn:hover{
    background:#1d4ed8;
}


/*
================================================
Search Actions
================================================
*/

.trackall-search-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}


/*
================================================
Dashboard Table
================================================
*/

.trackall-table-wrap{
    overflow-x:auto;
}

.trackall-dashboard-table,
.trackall-info-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
}

.trackall-dashboard-table th,
.trackall-dashboard-table td{
    border:1px solid #e5e7eb;
    padding:18px 14px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
}

.trackall-dashboard-table th{
    background:#f8fafc;
    font-weight:700;
}

.trackall-dashboard-link{
    color:#2563eb;
    font-weight:600;
    text-decoration:none;
}

.trackall-dashboard-link:hover{
    text-decoration:underline;
}


/*
================================================
Status Badge
================================================
*/

.trackall-status-badge,
.status-badge,
.trackall-status-pending,
.trackall-status-transit,
.trackall-status-departed,
.trackall-status-arrived,
.trackall-status-completed,
.trackall-status-export,
.trackall-status-docs,
.status-pending,
.status-transit,
.status-departed,
.status-arrived,
.status-completed,
.status-export,
.status-docs{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:120px;
    height:38px;

    padding:0 18px;

    border-radius:999px;

    font-size:13px;
    font-weight:700;
    line-height:1;
}


/*
================================================
Status Colors
================================================
*/

.trackall-status-pending,
.status-pending{
    background:#f3f4f6 !important;
    color:#374151 !important;
}

.trackall-status-transit,
.status-transit{
    background:#dbeafe !important;
    color:#1d4ed8 !important;
}

.trackall-status-departed,
.status-departed{
    background:#ffedd5 !important;
    color:#c2410c !important;
}

.trackall-status-arrived,
.status-arrived{
    background:#ede9fe !important;
    color:#6d28d9 !important;
}

.trackall-status-completed,
.status-completed{
    background:#dcfce7 !important;
    color:#15803d !important;
}

.trackall-status-export,
.status-export{
    background:#ccfbf1 !important;
    color:#0f766e !important;
}

.trackall-status-docs,
.status-docs{
    background:#e0f2fe !important;
    color:#0369a1 !important;
}


/*
================================================
Pending / Missing
================================================
*/

.trackall-missing{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    color:#dc2626;
    background:#fef2f2;
    border:1px solid #fecaca;
    border-radius:999px;
    padding:6px 12px;
}

.trackall-missing::before{
    content:"⚠";
    font-size:12px;
}


/*
================================================
Information Table
================================================
*/

.trackall-info-table{
    table-layout:fixed;
    margin-bottom:40px;
}

.trackall-info-table td{
    border:1px solid #e5e7eb;
    padding:14px;
    vertical-align:middle;
}

.trackall-label{
    width:260px;
    background:#f8fafc;
    font-weight:700;
}


/*
================================================
Update Box
================================================
*/

.trackall-update-box{
    max-width:1200px;
    margin:40px auto 0;
    padding:40px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#ffffff;
}

.trackall-update-box h2{
    margin-top:0;
    margin-bottom:28px;
    font-size:28px;
    font-weight:700;
}


/*
================================================
Customs Layout
================================================
*/

.trackall-update-box .acf-fields{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:24px !important;
}

.trackall-update-box .acf-field[data-name="customs_status"]{
    width:100% !important;
    flex:0 0 100% !important;
}

.trackall-update-box .acf-field[data-name="customs_document"],
.trackall-update-box .acf-field[data-name="customs_invoice"]{

    flex:1 1 calc(50% - 12px) !important;

    background:#fafafa;

    border:1px solid #e5e7eb !important;

    border-radius:16px;

    padding:24px !important;

    box-sizing:border-box;
}

.trackall-update-box .acf-field{
    margin:0 !important;
}

.trackall-update-box .acf-label label{
    font-size:16px;
    font-weight:700;
    color:#111827;
}

.trackall-update-box .acf-file-uploader{
    border:none !important;
    background:transparent !important;
    padding:0 !important;
}

.trackall-update-box .acf-file-uploader .file-info{
    margin-top:14px;
    font-size:14px;
    line-height:1.6;
}


/*
================================================
Submit Button
================================================
*/

.trackall-update-box .acf-form-submit{
    width:100% !important;
    text-align:center !important;
    margin-top:30px !important;
}

.trackall-update-box .acf-form-submit input{
    min-width:220px;
    height:48px;
    border:none;
    border-radius:8px;
    background:#2563eb;
    color:#ffffff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}

.trackall-update-box .acf-form-submit input:hover{
    background:#1d4ed8;
}


/*
================================================
Form Fields
================================================
*/

.trackall-form-group{
    margin-bottom:22px;
}

.trackall-form-label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#111827;
}

.trackall-input,
.trackall-select,
.trackall-textarea,
.trackall-update-box input,
.trackall-update-box select,
.trackall-update-box textarea{
    width:100%;
    min-height:46px;
    padding:12px 14px;
    border:1px solid #d1d5db;
    border-radius:8px;
    background:#ffffff;
    font-size:14px;
    box-sizing:border-box;
}

.trackall-textarea,
.trackall-update-box textarea{
    min-height:120px;
    resize:vertical;
}


/*
================================================
Pagination
================================================
*/

.trackall-pagination{
    margin-top:36px;
    text-align:center;
}

.trackall-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    margin:0 4px;
    border:1px solid #d1d5db;
    border-radius:8px;
    background:#ffffff;
    color:#374151;
    text-decoration:none;
    transition:all .2s ease;
}

.trackall-pagination .page-numbers:hover{
    background:#f3f4f6;
}

.trackall-pagination .current{
    background:#2563eb;
    color:#ffffff;
    border-color:#2563eb;
}

.trackall-pagination .prev,
.trackall-pagination .next{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    min-width:auto !important;
    padding:0 4px !important;
}


/*
================================================
Return Button
================================================
*/

.trackall-return-wrap{
    margin-top:20px;
    text-align:center;
}

.trackall-return-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:44px;
    padding:0 18px;
    border-radius:8px;
    border:1px solid #d1d5db;
    background:#f9fafb;
    color:#374151;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:all .2s ease;
}

.trackall-return-btn:hover{
    background:#f3f4f6;
}


/*
================================================
Loading State
================================================
*/

.trackall-loading{
    opacity:.7;
    pointer-events:none;
}


/*
================================================
Responsive
================================================
*/

@media(max-width:768px){

    .trackall-search-row{
        flex-direction:column;
        align-items:stretch;
    }

    .trackall-search-input,
    .trackall-search-date,
    .trackall-search-select{
        width:100%;
    }

    .trackall-search-actions{
        width:100%;
    }

    .trackall-btn{
        width:100%;
    }

    .trackall-update-box{
        padding:24px;
    }

    .trackall-status-badge{
        min-width:110px;
    }

    .trackall-update-box .acf-field[data-name="customs_document"],
    .trackall-update-box .acf-field[data-name="customs_invoice"]{
        flex:1 1 100% !important;
    }

}





/*
================================================
Card Labels
================================================
*/

.trackall-acf-edit-form .acf-label label{

    font-size:14px !important;

    font-weight:600 !important;

    color:#111827 !important;

}


/*
================================================
Inputs
================================================
*/

.trackall-acf-edit-form input,

.trackall-acf-edit-form textarea,

.trackall-acf-edit-form select{

    border-radius:10px !important;

}


/*
================================================
File Upload Area
================================================
*/

.trackall-acf-edit-form .acf-file-uploader{

    border:none !important;

    background:transparent !important;

    padding:0 !important;

}


.trackall-acf-edit-form .acf-file-uploader .file-info{

    margin-top:14px !important;

    line-height:1.8 !important;

}


/*
================================================
Submit Button Area
================================================
*/

.trackall-acf-edit-form .acf-form-submit{

    width:100% !important;

    margin-top:10px !important;

    text-align:left !important;

}


.trackall-acf-edit-form .acf-form-submit input{

    min-width:220px;

    height:52px;

    border:none;

    border-radius:10px;

    background:#2563eb;

    color:#ffffff;

    font-size:15px;

    font-weight:700;

}


/*
================================================
Responsive
================================================
*/

@media(max-width:768px){

    .trackall-acf-edit-form .acf-field[data-name="stuffing_place"],

    .trackall-acf-edit-form .acf-field[data-name="stuffing_date_time"],

    .trackall-acf-edit-form .acf-field[data-name="export_invoice"]{

        flex:1 1 100% !important;

        min-height:auto;

    }

}

/*
================================================
Final Status Badge Fix
================================================
*/

.trackall-status-in-progress{
    background:#dbeafe !important;
    color:#1d4ed8 !important;
}

.trackall-status-shipping-docs-received{
    background:#e0f2fe !important;
    color:#0369a1 !important;
}

/*
================================================
Submit Button Full Row
================================================
*/

.trackall-acf-edit-form .acf-form-submit{

    width:100% !important;
    flex:0 0 100% !important;

    margin-top:24px !important;
}


/*
================================================
Customs Dashboard Table Center
================================================
*/

.trackall-table-wrap{

    max-width:100% !important;

    margin:0 auto !important;

}


.trackall-customs-table{

    width:100% !important;

    border-collapse:collapse !important;

}

.trackall-customs-table th,
.trackall-customs-table td{

    border:1px solid #e5e7eb !important;

    padding:18px 14px !important;

    text-align:center !important;

    vertical-align:middle !important;

    font-size:14px !important;

}

.trackall-customs-table th{

    background:#f8fafc !important;

    font-weight:700 !important;

}

/*
================================================
Shipper Card Width Fix
================================================
*/

.trackall-acf-edit-form .acf-field[data-name="stuffing_place"],

.trackall-acf-edit-form .acf-field[data-name="stuffing_date_time"],

.trackall-acf-edit-form .acf-field[data-name="export_invoice"]{

    flex:1 1 0 !important;

    min-width:0 !important;

}


/*
================================================
File Button Fix
================================================
*/

.trackall-acf-edit-form input[type="file"]{

    width:100% !important;

    font-size:13px !important;

}

/*
================================================
Progress Badge
================================================
*/

.trackall-status-progress{

    background:#dbeafe !important;

    color:#1d4ed8 !important;

}

/*
================================================
Hide ACF File Permalink
================================================
*/

.acf-file-uploader .file-info a{

    pointer-events:none !important;

    cursor:default !important;

    text-decoration:none !important;

    color:#111827 !important;

}

/*
================================================
Role Select Box Size Fix
================================================
*/

.trackall-acf-edit-form .acf-field[data-name="shipper"],
.trackall-acf-edit-form .acf-field[data-name="trucking"],
.trackall-acf-edit-form .acf-field[data-name="customs"]{

    flex:1 1 0 !important;

    min-width:0 !important;

}


/*
================================================
Select2 Match Normal Input Size
================================================
*/

.trackall-acf-edit-form .select2-selection--single{

    height:46px !important;

    min-height:46px !important;

    border-radius:8px !important;

    border:1px solid #d1d5db !important;

}


/*
================================================
Selected Text Align
================================================
*/

.trackall-acf-edit-form .select2-selection__rendered{

    line-height:44px !important;

    padding-left:12px !important;

    font-size:14px !important;

}


/*
================================================
Arrow Align
================================================
*/

.trackall-acf-edit-form .select2-selection__arrow{

    height:44px !important;

}

/*
================================
File Upload Button Fix
================================
*/

.trackall-acf-edit-form input[type="file"]::-webkit-file-upload-button{

    border:1px solid #d1d5db !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    padding:8px 14px !important;
    cursor:pointer !important;

}

.trackall-acf-edit-form input[type="file"]::file-selector-button{

    border:1px solid #d1d5db !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    padding:8px 14px !important;
    cursor:pointer !important;

}

/*
================================================
Forwarder Dashboard Table Full Width Fix
검색 필터 영역과 동일한 폭으로 테이블 확장
================================================
*/

.trackall-table-wrap{

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

}

.trackall-dashboard-table{

    width:100% !important;

    table-layout:auto !important;

}

/*
================================================
Mobile Dashboard Table Fix
================================================
*/

@media (max-width:768px){

    .trackall-dashboard-table{

        min-width:900px !important;

    }

    .trackall-dashboard-table th,
    .trackall-dashboard-table td{

        white-space:nowrap !important;

    }

}

.trackall-acf-edit-form input[type="file"]::file-selector-button{

    border:1px solid #d1d5db !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    padding:8px 14px !important;
    cursor:pointer !important;

}

/*
================================================
Mobile Table Text Fix
================================================
*/

@media (max-width:768px){

    .trackall-dashboard-table td,
    .trackall-dashboard-table th{

        white-space:normal !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;

    }

}