/* The staff desktop: icons on the ground, one per app (Plan 17 §2.11). */
.desktop { max-width: 980px; margin: 0 auto; padding: 32px 16px 48px; }
.desktop-title { font-size: 22px; font-weight: 600; margin-bottom: 24px; }
.desktop-icons {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;
}
.desktop-icon {
    display: flex; flex-direction: column; gap: 6px; height: 100%;
    padding: 20px; background: var(--surface); border: 1px solid var(--line); color: var(--ink);
}
.desktop-icon:hover { border-color: var(--andaman); color: var(--ink); box-shadow: 0 6px 18px rgba(0, 0, 0, .06); }
.desktop-glyph {
    display: inline-flex; align-items: center; justify-content: center;
    width: 52px; height: 52px; margin-bottom: 6px;
    background: var(--andaman); color: #FFF;
    font-family: 'Bai Jamjuree', sans-serif; font-weight: 700; font-size: 18px;
}
.desktop-name { font-family: 'Bai Jamjuree', sans-serif; font-weight: 600; font-size: 16px; }
.desktop-what { font-size: 13px; color: var(--muted); line-height: 1.4; }