/*
  PC（デスクトップ）用の上書き
  - 共通は style.css
  - モバイルは mobile.css
*/

@media (min-width: 761px) {
    .site-header {
        display: none !important;
    }

    .nav-toggle,
    .nav-wrap,
    .nav-backdrop {
        display: none;
    }

    .site-nav {
        display: flex;
    }

    .brand-logo {
        height: calc(var(--header-h, 72px) - 10px);
        max-width: 420px;
    }

    #home-status-card .status-row:hover .status-cell,
    #home-status-card .status-row:focus-visible .status-cell {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }

    #home-status-card .status-row:hover {
        background: rgba(255, 255, 255, 0.06);
    }

    #home-status-card .status-name {
        line-height: 1.15;
        font-weight: 900;
    }

    #home-status-card .status-detail {
        line-height: 1.2;
        opacity: 0.95;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}