/* UP1800 Freelancer workspace/profile editor polish */
:root {
    --fij-up1800-border: rgba(8, 22, 38, .13);
    --fij-up1800-muted: #526173;
    --fij-up1800-panel: rgba(255,255,255,.92);
}

.fij-freelancer-profile-guide {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
    gap: clamp(16px, 3vw, 26px);
    margin-top: clamp(-28px, -2vw, -16px);
    margin-bottom: clamp(22px, 4vw, 42px);
}
.fij-freelancer-guide-card {
    border-top: 4px solid #21c997;
    box-shadow: 10px 12px 0 rgba(17, 224, 179, .08), 0 18px 50px rgba(8, 22, 38, .08);
}
.fij-freelancer-guide-card h2 { margin: 8px 0 10px; }
.fij-freelancer-guide-card.compact strong {
    display: block;
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -.025em;
    margin: 8px 0;
}

.fij-profile-clean .fij-profile-workspace-grid {
    align-items: start;
    gap: clamp(18px, 3.2vw, 34px);
}
.fij-profile-clean .fij-step-profile-form {
    display: grid;
    gap: clamp(18px, 3vw, 30px);
}
.fij-profile-clean .fij-profile-step {
    border: 1px solid var(--fij-up1800-border);
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,255,252,.72));
    padding: clamp(18px, 3vw, 30px);
    box-shadow: 0 14px 40px rgba(8, 22, 38, .045);
}
.fij-profile-clean .form-head { margin-bottom: 18px; }
.fij-profile-clean .form-head h2 { margin: 5px 0 6px; }
.fij-profile-clean label {
    font-weight: 650;
    color: #101826;
}
.fij-profile-clean .input,
.fij-profile-clean select.input,
.fij-profile-clean textarea.input,
.fij-profile-clean .textarea {
    min-height: 46px;
    border: 1px solid rgba(8,22,38,.18);
    background: #fff;
    font-weight: 520;
    width: 100%;
}
.fij-profile-clean textarea.input,
.fij-profile-clean .textarea { min-height: 118px; }
.fij-profile-clean input::placeholder,
.fij-profile-clean textarea::placeholder { color: rgba(39, 50, 67, .48); font-weight: 500; }
.fij-profile-clean .grid { gap: 16px; }
.fij-profile-clean .fij-upload-row { align-items: stretch; }
.fij-file-upload.fij-upload-card {
    display: grid;
    gap: 8px;
    min-height: 154px;
    border: 1px dashed rgba(8,22,38,.24);
    background: rgba(246, 255, 252, .86);
    padding: 16px;
    cursor: pointer;
}
.fij-file-upload.fij-upload-card > span {
    display: inline-flex;
    width: max-content;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    background: #080d1f;
    color: #fff;
    font-weight: 800;
    box-shadow: 7px 7px 0 rgba(17,224,179,.14);
}
.fij-file-upload.fij-upload-card input[type="file"] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%);
}
.fij-file-upload .fij-selected-file-name {
    font-size: .82rem;
    color: #0f6f5c;
    font-weight: 700;
}
.fij-toggle-check {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 15px 16px;
    border: 1px solid var(--fij-up1800-border);
    background: rgba(241, 255, 251, .82);
}
.fij-profile-side { display: grid; gap: 18px; }
.fij-sticky-profile-card { position: sticky; top: 92px; }
.fij-readiness-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: grid;
    gap: 8px;
}
.fij-readiness-list li,
.fij-profile-status-row span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(8,22,38,.12);
    padding: 10px 12px;
    background: #fff;
    font-size: .9rem;
}
.fij-readiness-list li strong { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.fij-readiness-list .is-done strong { color: #087c61; }
.fij-readiness-list .is-missing strong { color: #9b3d00; }
.fij-profile-preview-card .fij-preview-title { font-weight: 800; margin: 6px 0; }
.fij-profile-status-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.fij-profile-status-row span { justify-content: center; font-weight: 750; background: rgba(242,255,251,.95); }

.fij-freelancer-dashboard-grid .fij-role-main-stack { gap: 18px; }
.fij-freelancer-profile-editor-card { border-top: 4px solid #21c997; }
.fij-card-split-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.fij-mini-score {
    min-width: 112px;
    padding: 14px;
    background: #090e21;
    color: #fff;
    text-align: center;
    box-shadow: 8px 8px 0 rgba(17,224,179,.12);
}
.fij-mini-score strong { display: block; font-size: 1.75rem; line-height: 1; }
.fij-mini-score span { display: block; margin-top: 6px; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.fij-freelancer-profile-editor-card form { display: inline; }
.fij-freelancer-dashboard-grid .fij-role-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 860px) {
    .fij-freelancer-profile-guide,
    .fij-freelancer-dashboard-grid .fij-role-mini-grid,
    .fij-card-split-head { grid-template-columns: 1fr; display: grid; }
    .fij-sticky-profile-card { position: static; }
    .fij-profile-clean .fij-profile-step { padding: 16px; }
    .fij-profile-clean .grid,
    .fij-profile-clean .grid.grid-2,
    .fij-profile-clean .grid.grid-3 { grid-template-columns: 1fr !important; }
    .fij-mini-score { width: 100%; }
    .fij-profile-status-row span { flex: 1 1 100%; }
}
