.location-settings-screen{
    display:grid;
    gap:18px;
}

.location-summary-row{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.location-card-grid{
    display:grid;
    gap:14px;
}

.location-card{
    border:1px solid var(--line);
    border-radius:16px;
    background:#ffffff;
    padding:16px;
    display:grid;
    gap:14px;
    box-shadow:0 1px 0 rgba(16,24,40,0.02);
}

.location-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.location-card-title-wrap{
    display:grid;
    gap:8px;
}

.location-card-title-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.location-card-title{
    font-size:18px;
    color:var(--text);
}

.location-card-code{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 10px;
    border-radius:999px;
    background:#eef4ff;
    color:#1d4ed8;
    font-size:12px;
    font-weight:700;
}

.location-card-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.location-sort-chip{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:4px 10px;
    border-radius:999px;
    background:#f3f6fb;
    color:#475467;
    font-size:12px;
    font-weight:600;
}

.location-card-body{
    display:grid;
    gap:10px;
}

.location-card-line{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:12px;
    color:#344054;
    font-size:14px;
}

.location-card-label{
    color:#667085;
    font-weight:700;
}

.location-card-comment{
    padding:12px 14px;
    border-radius:12px;
    background:#f8fbff;
    border:1px solid #e3ebf8;
    color:#475467;
    font-size:14px;
    white-space:pre-wrap;
}

.location-empty-state{
    display:grid;
    gap:10px;
    padding:28px;
    border:1px dashed #d7dfef;
    border-radius:16px;
    background:#fcfdff;
    color:#667085;
}

.location-empty-state strong{
    color:var(--text);
    font-size:18px;
}

.location-empty-state-error{
    border-style:solid;
    background:#fff7f7;
    border-color:#f3c7c7;
}

.location-empty-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.location-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px 16px;
}

.location-form-wide{
    grid-column:1 / -1;
}

.employee-directory-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.employee-directory-head strong{
    display:block;
    margin-bottom:4px;
    color:#111827;
}

.employee-directory-head div{
    color:#667085;
    font-size:13px;
    line-height:1.45;
}

.status-stage-empty{
    padding:12px 14px;
    border:1px dashed #cdd8ea;
    border-radius:10px;
    background:#fff;
    color:var(--muted);
    font-size:14px;
}

@media (max-width: 1180px){
    .directory-search-input,
    .directory-chip-editor,
    .directory-chip-creator,
    .directory-panel-empty.compact{
        max-width:none;
        min-width:0;
        width:100%;
    }

    .directory-toolbar{
        justify-content:flex-start;
    }
}

.timeline-card{