/* ==========================================================
   PAGE HEADER
========================================================== */

.page-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:20px 24px;

    background:var(--card-bg);

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

    border-radius:var(--radius-xs);

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

}

.page-title{

    flex:1;

    min-width:0;

}

.page-title h1,
.page-title h2{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

    color:var(--heading);

    font-size:var(--font-title);

    font-weight:700;

    line-height:1.2;

}

.page-title p{

    margin-top:6px;

    margin-bottom:0;

    color:var(--muted);

    font-size:var(--font-subtitle);

}

.page-action{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:10px;

    flex-wrap:wrap;

}

.page-breadcrumb{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:13px;

    color:var(--muted);

}