/**
 * 製作事例一覧（一般・営業用）一覧グリッド／ツールバー／ページネーション
 */

/* ----- 検索ブロック直下：一覧の上余白（PC 96px／SP 48px） ----- */
.page-works-index .works-index__list-section,
.page-works-sales-index .works-index__list-section {
    margin-top: 96rem;
}

@media (max-width: 1023.98px) {
    .page-works-index .works-index__list-section,
    .page-works-sales-index .works-index__list-section {
        margin-top: 48rem;
    }
}

/* ----- 一覧スタック（ツールバー＋シェル） ----- */
.page-works-index .works-list-stack,
.page-works-sales-index .works-list-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40rem;
    width: 100%;
}

/* ----- ツールバー（frame-9） ----- */
.page-works-index .works-list-toolbar,
.page-works-sales-index .works-list-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 8rem 8rem 8rem 16rem;
    box-sizing: border-box;
    background-color: var(--color-bg-02);
    border-radius: 8rem;
}

.page-works-index .works-list-toolbar__inner,
.page-works-sales-index .works-list-toolbar__inner {
    display: inline-flex;
    align-items: center;
    gap: 16rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

.page-works-index .works-list-toolbar__heading,
.page-works-sales-index .works-list-toolbar__heading {
    display: inline-flex;
    align-items: center;
    gap: 8rem;
    font-family: "Noto Sans JP", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14rem;
    line-height: 1.5;
    color: var(--color-neutral-01);
}

.page-works-index .works-list-toolbar__cal,
.page-works-sales-index .works-list-toolbar__cal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-works-index .works-list-toolbar__cal img,
.page-works-sales-index .works-list-toolbar__cal img {
    display: block;
    width: 18rem;
    height: 17rem;
    object-fit: contain;
}

.page-works-sales-index .works-list-toolbar__heading--sales {
    align-items: center;
}

.page-works-sales-index .works-list-toolbar__heading--sales .works-list-toolbar__count {
    margin: 0;
}

.page-works-index .works-list-toolbar__control {
    display: flex;
    align-items: center;
    min-width: 0;
}

.page-works-index .works-list-toolbar__select,
.page-works-sales-index .works-list-toolbar__select {
    width: 240rem;
    max-width: 100%;
    padding: 10rem 36rem 10rem 20rem;
    font-family: "Noto Sans JP", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14rem;
    line-height: 1.5;
    color: var(--color-neutral-01);
    background-color: #ffffff;
    border: none;
    border-radius: 6rem;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12rem center;
    background-size: 12rem 8rem;
    box-sizing: border-box;
}

.page-works-sales-index .works-list-toolbar--sales .works-list-toolbar__inner {
    justify-content: flex-end;
}

.page-works-sales-index .works-list-toolbar__count {
    margin: 0;
    font-family: "Noto Sans JP", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14rem;
    color: var(--color-neutral-01);
}

.page-works-sales-index .works-list-toolbar__count-num {
    color: var(--color-key);
}

/* 営業用：PC は公開範囲＋件数、SP は公開範囲＋公開年の2行 */
.page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__inner--sales-sp-filters {
    display: none;
}

.page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__inner--sales-pc-count {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 16rem;
}

.page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__filter-row--sales-pc-scope {
    width: min(100%, 420px);
}

.page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__filter-row--sales-pc-year {
    width: min(100%, 350px);
    margin-left: auto;
}

.page-works-sales-index .works-list-toolbar__inner--sales-sp-filters {
    flex-direction: column;
    gap: 12rem;
    width: 100%;
}

.page-works-sales-index .works-list-toolbar__filter-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12rem;
    width: 100%;
    box-sizing: border-box;
}

.page-works-sales-index .works-list-toolbar__heading--filter {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8rem;
}

.page-works-sales-index .works-list-toolbar__scope-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-works-sales-index .works-list-toolbar__scope-icon img {
    display: block;
    width: 18rem;
    height: 17rem;
    object-fit: contain;
}

.page-works-sales-index .works-list-toolbar__control--toolbar-grow {
    flex: 1 1 0;
    min-width: 0;
}

.page-works-index .works-list-toolbar__select--key-arrow,
.page-works-sales-index .works-list-toolbar__select--key-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ff6243' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12rem center;
    background-size: 12rem 8rem;
}

@media (max-width: 1023.98px) {
    .page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__inner--sales-pc-count {
        display: none;
    }

    .page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__inner--sales-sp-filters {
        display: flex;
    }

    .page-works-sales-index .works-list-toolbar--sales-dual .works-list-toolbar__filter-row .works-list-toolbar__select {
        width: 100%;
    }

    /* SP: Figma 4555:335374 のツールバー 358x65 / 内側 padding 12/16 に合わせる */
    .page-works-index .works-list-toolbar,
    .page-works-sales-index .works-list-toolbar {
        padding: 12rem 16rem;
    }
}

.page-works-index .works-list__empty,
.page-works-sales-index .works-list__empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 24rem;
    text-align: center;
    font-family: "Noto Sans JP", Helvetica, sans-serif;
    font-size: 15rem;
    color: var(--color-neutral-02);
}