.hs-container{
    max-width:900px;
    margin:0 auto;
}

.hs-header{
    display:flex;
    justify-content:center;
    gap:20px;
}

.hs-add-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:20px 0;
}

.hs-schema{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.hs-day{
    background:#fff;
    padding:15px;
    border-radius:10px;
}

.hs-row{
    display:flex;
    justify-content:space-between;
    padding:6px 0;
}

.hs-role{
    padding:4px 8px;
    border-radius:6px;
    font-size:12px;
}

.hs-role-servitor{ background:#e3f2fd; }
.hs-role-kock{ background:#fff3e0; }
.hs-role-runner{ background:#e8f5e9; }
.hs-role-diskare{ background:#f3e5f5; }
.hs-role-kallskanka{ background:#e0f7fa; }
.hs-role-krogare{ background:#fce4ec; }
.hs-role-stad{ background:#eeeeee; }