/*
==========================================================
Gulf Job Works Content Writer
Global Styles
==========================================================
*/

:root{

    --gjw-primary:#004d26;
    --gjw-primary-hover:#00391d;

    --gjw-secondary:#001f3f;

    --gjw-warning:#ffbf00;

    --gjw-white:#ffffff;

    --gjw-bg:#f8fafc;

    --gjw-border:#e5e7eb;

    --gjw-text:#1f2937;

    --gjw-muted:#64748b;

    --gjw-success:#16a34a;

    --gjw-success-bg:#ecfdf3;

    --gjw-error:#dc2626;

    --gjw-error-bg:#fef2f2;

    --gjw-radius:12px;

    --gjw-shadow:0 8px 24px rgba(15,23,42,.06);

}


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

.gjw-cw-dashboard,
.gjw-cw-editor,
.gjw-cw-articles{

    font-family:
        Inter,
        Poppins,
        system-ui,
        sans-serif;

    color:var(--gjw-text);

    line-height:1.6;

}


/* ==========================================================
Links
========================================================== */

.gjw-cw-dashboard a,
.gjw-cw-editor a{

    color:var(--gjw-secondary);

    text-decoration:none;

    transition:.25s;

}

.gjw-cw-dashboard a:hover,
.gjw-cw-editor a:hover{

    color:var(--gjw-primary);

}


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

.gjw-cw-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:12px 22px;

    border:none;

    border-radius:10px;

    cursor:pointer;

    text-decoration:none;

    font-weight:600;

    font-size:14px;

    transition:.25s;

}

.gjw-cw-primary{

    background:var(--gjw-primary);

    color:#fff;

}

.gjw-cw-primary:hover{

    background:var(--gjw-primary-hover);

}

.gjw-cw-secondary{

    background:#eef2f7;

    color:var(--gjw-secondary);

}

.gjw-cw-secondary:hover{

    background:#dfe7ef;

}


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

.gjw-cw-form input[type=text],
.gjw-cw-form input[type=email],
.gjw-cw-form input[type=file],
.gjw-cw-form textarea,
.gjw-cw-form select{

    width:100%;

    border:1px solid var(--gjw-border);

    border-radius:10px;

    padding:12px 15px;

    font-size:15px;

    background:#fff;

    transition:.2s;

    box-sizing:border-box;

}

.gjw-cw-form input:focus,
.gjw-cw-form textarea:focus,
.gjw-cw-form select:focus{

    outline:none;

    border-color:var(--gjw-primary);

    box-shadow:0 0 0 3px rgba(0,77,38,.10);

}


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

.gjw-cw-field{

    margin-bottom:28px;

}

.gjw-cw-field label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

}


/* ==========================================================
Description
========================================================== */

.gjw-cw-field .description{

    margin-top:8px;

    color:var(--gjw-muted);

    font-size:13px;

}


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

.gjw-cw-table{

    width:100%;

    border-collapse:collapse;

}

.gjw-cw-table th{

    text-align:left;

    padding:16px;

    background:#f8fafc;

    font-weight:700;

}

.gjw-cw-table td{

    padding:16px;

    border-top:1px solid var(--gjw-border);

}


/* ==========================================================
Status Badges
========================================================== */

[class^="gjw-status-"]{

    display:inline-block;

    padding:6px 12px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

}

.gjw-status-draft{

    background:#fff7ed;

    color:#c2410c;

}

.gjw-status-pending{

    background:#fef3c7;

    color:#92400e;

}

.gjw-status-publish{

    background:#dcfce7;

    color:#166534;

}


/* ==========================================================
Notices
========================================================== */

.gjw-cw-notice{

    padding:16px 20px;

    margin-bottom:25px;

    border-radius:10px;

}

.gjw-cw-notice-success{

    background:var(--gjw-success-bg);

    color:var(--gjw-success);

}

.gjw-cw-notice-error{

    background:var(--gjw-error-bg);

    color:var(--gjw-error);

}
.gjw-cw-empty{

    background:#fff;

    border:1px solid var(--gjw-border);

    border-radius:16px;

    padding:60px 40px;

    text-align:center;

    box-shadow:var(--gjw-shadow);

}

.gjw-cw-empty-icon{

    font-size:60px;

    margin-bottom:20px;

}

.gjw-cw-empty h3{

    margin:0 0 12px;

    color:var(--gjw-secondary);

    font-size:24px;

}

.gjw-cw-empty p{

    max-width:520px;

    margin:0 auto 30px;

    color:var(--gjw-muted);

    line-height:1.7;

}