@charset "utf-8";

/* 메뉴 */
.admin-staff .nav-group + .nav-group {margin-top: var(--space-20); padding-top: var(--space-20); border-top: 1px solid var(--color-border1);}

/* 현재 작업 */
.work-now .work-card-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-20);}
.work-now .empty-box {width: calc(50% - var(--space-10)); min-height: 480px;}
.work-card {display: flex; flex-direction: column; min-width: 0; padding: var(--space-24); border: 1px solid var(--color-border1); border-radius: var(--radius-large);}
.work-card .work-card-head {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-12);}
.work-card .work-card-resv {color: var(--color-font3);}
.work-card .work-card-car {display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-8); margin-top: var(--space-8);}
.work-card .work-card-car .body-large {color: var(--color-font2);}
.work-card .work-card-program {margin-top: 6px; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-8);}
.work-card .work-card-program .body-large {color: var(--color-font3);}
.work-card .work-step {margin-top: var(--space-16); padding: var(--space-16) var(--space-20); border: 1px solid var(--color-border1); border-radius: var(--radius);}
.work-card .work-step-now {display: flex; align-items: baseline; column-gap: var(--space-12);}
.work-card .work-step-now .body-medium, .work-card .work-step-rate .body-medium, .work-card .work-step-meta {color: var(--color-font3);}
.work-card .work-step-rate {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-12); margin-top: var(--space-10);}
.work-card .progress-bar {margin-top: var(--space-10);}
.work-card .work-step-meta {margin-top: var(--space-10); text-align: right;}
.work-card .info-list {margin-top: var(--space-20);}
.work-card .work-card-btns {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); margin-top: auto; padding-top: var(--space-24);}
.work-card .work-card-btns .square-btn {width: 100%;}

/* 하루 예약 */
.day-resv .day-resv-capacity {display: flex; align-items: center; column-gap: var(--space-12);}
.day-resv .day-resv-capacity > .body-small {color: var(--color-font3);}
.day-resv .tab-list {margin-bottom: var(--space-20);}
.day-resv .notice-bar {margin-bottom: var(--space-16);}
.day-resv .day-resv-filter {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12) var(--space-24); margin-bottom: var(--space-16);}
.day-resv .search-field {width: 260px;}
.day-resv .filter-item {display: flex; align-items: center; column-gap: var(--space-8);}
.day-resv .filter-item > .body-small {color: var(--color-font3);}
.day-resv .day-resv-total {margin-left: auto; color: var(--color-font2);}

/* 하루 예약 표 */
.day-resv-table .slot-time {width: 120px; padding-top: var(--space-16); vertical-align: top; white-space: nowrap;}
.day-resv-table .slot-time .over {color: var(--color-orange);}
.day-resv-table .now-label {margin-right: var(--space-6); color: var(--color-static2);}
.day-resv-table .now-row td {background-color: var(--color-section4);}
.day-resv-table .now-row .slot-time {box-shadow: inset 3px 0 0 var(--color-static2);}
.day-resv-table .empty-slot span {color: var(--color-font3);}
.day-resv-table .add-btn {color: var(--color-static2);}
.day-resv-table .now-row .empty-slot span {background-color: var(--color-white);}
.day-resv-table .closed-slot {padding: var(--space-10) var(--space-14);}
.day-resv-table .closed-slot span {display: flex; align-items: center; column-gap: var(--space-12); min-height: 52px; padding-inline: var(--space-16); border-radius: var(--radius); background-color: var(--color-section2); border: 1px dashed var(--color-border2); color: var(--color-font2);}

/* 하루 예약 줄 링크 */
.day-resv-table .link-row {cursor: pointer;}
.day-resv-table .link-row td {transition: background-color 0.2s;}
.day-resv-table .row-link {color: inherit;}

/* 예약 상세 */
.view-top {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-12); margin-bottom: var(--space-30);}
.view-top .view-top-start, .view-top .view-top-end {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-10) var(--space-20);}
.view-top .view-top-end {column-gap: var(--space-10);}
.view-top .view-top-date {color: var(--color-font2);}
.view-top .view-top-count {color: var(--color-font3);}
.view-summary .view-summary-head {display: flex; align-items: flex-start; justify-content: space-between; column-gap: var(--space-16);}
.view-summary .view-summary-tit > .body-medium {color: var(--color-font3);}
.view-summary .view-car {display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-10); margin-top: var(--space-4);}
.view-summary .view-car .body-large {color: var(--color-font2);}
.view-info {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: var(--space-16); margin-top: var(--space-24); padding-block: var(--space-20); border: 1px solid var(--color-border1); border-radius: var(--radius);}
.view-info > div {position: relative; padding-inline: var(--space-20);}
.view-info > div + div::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: var(--color-border1);}
.view-info dt {color: var(--color-font2);}
.view-info dd {color: var(--color-font1);}
.tab-list.large {margin-top: var(--space-30);}
.tab-panel .alert-box {margin-bottom: var(--space-30);}
.view-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-20);}
.view-col {display: flex; flex-direction: column; row-gap: var(--space-20);}
.view-block .view-block-item + .view-block-item {margin-top: var(--space-24); padding-top: var(--space-24); border-top: 1px solid var(--color-border1);}
.view-block .info-list, .view-request p {margin-top: var(--space-10);}
.view-block .info-list {grid-template-columns: 100px minmax(0, 1fr);}
.view-block .view-tags {flex-wrap: wrap; gap: var(--space-8);}
.view-request p {color: var(--color-font2);}
.view-memo {display: flex; flex-direction: column;}
.view-memo .memo-list {flex: 1 1 auto; display: flex; flex-direction: column; row-gap: var(--space-10); min-height: 320px; max-height: 420px; margin-top: var(--space-16); padding: var(--space-20); border-radius: var(--radius); background-color: var(--color-section2); overflow-y: auto;}
.view-memo .memo-item {padding: var(--space-14) var(--space-16); border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white);}
.view-memo .memo-meta {display: flex; align-items: center; column-gap: var(--space-10); margin-top: var(--space-8); color: var(--color-font3);}
.view-memo .memo-del {text-decoration: underline;}
.view-memo .memo-empty {color: var(--color-font2);}
.view-block .arrive-wait {display: flex; align-items: center; justify-content: space-between; gap: var(--space-12) var(--space-20); margin-top: var(--space-10);}
.view-block .arrive-wait .body-medium {color: var(--color-font2);}
.view-block .arrive-wait .square-btn {flex: none;}
.view-memo .memo-form {display: flex; flex-direction: column; align-items: flex-end; row-gap: var(--space-12); margin-top: var(--space-12);}
.view-memo .memo-form .custom-textarea {min-height: 80px;}
.view-history {margin-top: var(--space-30);}
.history-list {border: 1px solid var(--color-border1); border-radius: var(--radius);}
.history-list li {display: grid; grid-template-columns: 240px minmax(0, 1fr) 240px; align-items: center; column-gap: var(--space-16); min-height: 72px; padding-inline: var(--space-16);}
.history-list li + li {border-top: 1px solid var(--color-border1);}
.history-list .body-large {color: var(--color-font2);}

/* 작업·사진 */
.view-work {display: flex; flex-direction: column; row-gap: var(--space-30);}
.view-work .section-head {margin-bottom: var(--space-14);}
.work-time {padding: 0; overflow: hidden;}
.work-time .work-time-head {display: flex; align-items: center; column-gap: var(--space-20); padding: var(--space-30) var(--space-30) var(--space-30) 0;}
.work-time .work-time-list {flex: 1 1 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: var(--space-16); text-align: center;}
.work-time .work-time-list > div {position: relative; padding-inline: var(--space-10);}
.work-time .work-time-list > div + div::before, .work-time .work-time-btns::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: var(--color-border1);}
.work-time .work-time-list dt {color: var(--color-font2);}
.work-time .work-time-list dd {margin-top: var(--space-4); color: var(--color-font1);}
.work-time .work-time-list dd.point {color: var(--color-static2);}
.work-time .work-time-btns .ico-pause {width: 8px; height: 8px;}
.work-time .work-time-btns {position: relative; flex: none; display: flex; column-gap: var(--space-16); padding-left: var(--space-20);}
.work-time .work-log-btn {display: flex; align-items: center; column-gap: var(--space-20); width: 100%; min-height: var(--size-40); padding-inline: var(--space-16); background-color: var(--color-section2); text-align: left;}
.work-time .work-log-btn .body-medium {color: var(--color-font1);}
.work-time .work-log-btn .body-small {color: var(--color-font3);}
.work-time .work-log-btn .acc-arrow {margin-left: auto; color: var(--color-font2);}
.work-time .work-log li {display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-16); min-height: 60px; padding-inline: var(--space-16);}
.work-time .work-log li + li {border-top: 1px solid var(--color-border1);}
.work-time .work-log .body-large {color: var(--color-font2);}
.step-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white); overflow: hidden;}
.step-list li:nth-child(odd) {border-right: 1px solid var(--color-border1);}
.step-list li {margin-bottom: -1px; border-bottom: 1px solid var(--color-border1);}
.step-list .step-item {display: flex; align-items: center; column-gap: var(--space-24); min-height: 72px; padding-inline: var(--space-16) var(--space-30); cursor: pointer;}
.step-list .step-name {flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-10); min-width: 0;}
.step-list .step-time {flex: none; min-width: 48px; color: var(--color-font2); text-align: center;}
.photo-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-30);}
.photo-box {padding: var(--space-30); border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white);}
.photo-box .photo-box-head {display: flex; align-items: baseline; column-gap: var(--space-10);}
.photo-box .photo-box-head .body-large {color: var(--color-font1);}
.photo-box .photo-box-head .body-medium {color: var(--color-font3);}
.photo-box .photo-list {display: grid; grid-template-columns: repeat(6, minmax(0, 100px)); gap: var(--space-14); margin-top: var(--space-12);}
.photo-box .photo-slot {position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border: 1px dashed var(--color-border2); border-radius: var(--radius); background-color: var(--color-white); overflow: hidden; cursor: pointer; transition: border-color 0.2s, background-color 0.2s;}
.photo-box .photo-slot.filled {border-style: solid; border-color: var(--color-border1);}
.photo-box .photo-slot:has(input:focus-visible) {outline: 2px solid var(--color-static2); outline-offset: 2px;}
.photo-box .photo-slot img {width: 100%; height: 100%; object-fit: cover;}
.photo-box .photo-add {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-4); color: var(--color-font3);}
.photo-box .photo-add[hidden] {display: none;}
.photo-box .photo-label {margin-top: var(--space-8); color: var(--color-font2); text-align: center;}
.inspect-list {border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white);}
.inspect-list li {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16); min-height: 72px; padding: var(--space-10) var(--space-14) var(--space-10) var(--space-16);}
.inspect-list li + li {border-top: 1px solid var(--color-border1);}
.inspect-list .inspect-btns {flex: none; display: flex; column-gap: var(--space-14);}
.inspect-list .square-btn[aria-pressed="true"] {border-color: var(--color-static2); background-color: var(--color-static2); color: var(--color-white);}
.inspect-foot {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-12); margin-top: var(--space-10);}
.inspect-foot .body-medium {color: var(--color-font2);}

/* 추가 시공 */
.extra-info {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-20); min-height: 46px; padding: var(--space-10) var(--space-30); border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white);}
.extra-info .body-large {color: var(--color-font1);}
.extra-info .body-medium {color: var(--color-font2);}
.extra-grid {display: grid; grid-template-columns: minmax(0, 795fr) minmax(0, 733fr); align-items: start; gap: var(--space-30); margin-top: var(--space-30);}
.extra-grid .section-head {margin-bottom: var(--space-14);}
.option-list {border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white);}
.option-list li {display: flex; align-items: center; column-gap: var(--space-30); min-height: 72px; padding: var(--space-10) var(--space-14);}
.option-list li + li {border-top: 1px solid var(--color-border1);}
.option-list .option-txt {flex: 1 1 auto; min-width: 0;}
.option-list .option-txt .body-medium {margin-top: 2px; color: var(--color-font2);}
.option-list .option-price {flex: none; color: var(--color-font1); text-align: right;}
.option-list .square-btn {flex: none; width: 98px;}
.extra-side {display: flex; flex-direction: column; align-items: flex-end; row-gap: var(--space-20);}
.extra-side .extra-propose {width: 100%;}
.extra-propose .section-head {margin-bottom: var(--space-20);}
.extra-propose .propose-count {color: var(--color-font3);}
.propose-list {border-top: 1px solid var(--color-border1);}
.propose-list .propose-item {padding-block: var(--space-24); border-bottom: 1px solid var(--color-border1);}
.propose-item .propose-head {display: flex; align-items: flex-start; justify-content: space-between; column-gap: var(--space-20);}
.propose-item .propose-name {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-8);}
.propose-item .propose-price {flex: none; color: var(--color-font1);}
.propose-item .propose-meta, .propose-item .propose-help {margin-top: var(--space-8); padding-right: 80px; color: var(--color-font2);}
.propose-item .propose-form {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-10) var(--space-20); margin-top: var(--space-10); padding-right: 80px;}
.propose-item .propose-field {display: flex; align-items: center; column-gap: var(--space-10);}
.propose-item .propose-field.reason {flex: 1 1 240px;}
.propose-item .propose-field[hidden] {display: none;}
.propose-item .propose-field > span {flex: none; color: var(--color-font2);}
.propose-item .propose-field .custom-input {min-width: 120px;}
.propose-item .btn-list {margin-top: var(--space-6);}
.propose-total {margin-top: var(--space-30);}
.propose-total > div {display: flex; align-items: baseline; justify-content: space-between; column-gap: var(--space-16);}
.propose-total > div + div {margin-top: 2px;}
.propose-total dt.body-small, .propose-total dd.body-medium {color: var(--color-font2);}
.propose-total dt.body-medium, .propose-total dd.section-tit {color: var(--color-font1);}

/* 입고 처리 모달 */
.arrive-modal .arrive-form {display: flex; flex-direction: column; row-gap: var(--space-20);}
.arrive-modal .arrive-car {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-12) var(--space-20); padding: var(--space-14) var(--space-14) var(--space-14) var(--space-16); border: 1px solid var(--color-border1); border-radius: var(--radius-large);}
.arrive-modal .arrive-car > div > .body-medium {color: var(--color-font2);}
.arrive-modal .arrive-car-name {display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-10); margin-top: 2px;}
.arrive-modal .arrive-car-name .body-medium {color: var(--color-font2);}
.arrive-modal .arrive-check {display: inline-flex; align-items: center; column-gap: var(--space-10); width: fit-content; color: var(--color-font1); cursor: pointer;}
.arrive-modal .arrive-prev {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4) var(--space-12); min-height: 41px; padding: var(--space-8) var(--space-16); border-radius: var(--radius); background-color: var(--color-section2);}
.arrive-modal .arrive-prev .body-medium:first-child {color: var(--color-font2);}
.arrive-modal .arrive-prev .body-medium:last-child {color: var(--color-font1);}
.arrive-modal .input-item .arrive-check {margin-top: 2px;}

/* 결제·출고 */
.view-pay {display: flex; flex-direction: column; row-gap: var(--space-30);}
.view-pay .alert-box {margin-bottom: 0; min-height: 64px;}
.view-pay .section-head {margin-bottom: var(--space-14);}
.pay-grid {display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: var(--space-30);}
.pay-amount {display: flex; flex-direction: column;}
.pay-list {border: 1px solid var(--color-border1); border-radius: var(--radius); background-color: var(--color-white); overflow: hidden;}
.pay-list > div {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16); min-height: 60px; padding: var(--space-10) var(--space-14);}
.pay-list > div + div {border-top: 1px solid var(--color-border1);}
.pay-list > div[hidden] {display: none;}
.pay-list > div.final {background-color: var(--color-section4);}
.pay-list dt {display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--space-10); color: var(--color-font1);}
.pay-list dt .body-medium {color: var(--color-font3);}
.pay-list dd {flex: none; color: var(--color-font1);}
.pay-balance {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-10); margin-top: auto; padding-top: var(--space-40);}
.pay-balance .sub-section-tit {color: var(--color-font1);}
.pay-balance .section-tit {color: var(--color-static2);}
.pay-side {display: flex; flex-direction: column; row-gap: var(--space-30);}
.pay-side fieldset {min-width: 0; margin: 0; padding: 0; border: 0;}
.pay-benefit legend {margin-bottom: var(--space-8); padding: 0;}
.pay-benefit .coupon-list {display: flex; flex-direction: column; row-gap: var(--space-8);}
.pay-benefit .select-card {min-height: 42px; padding: var(--space-6) var(--space-14);}
.pay-benefit .select-card .select-card-txt {flex: 1 1 auto;}
.pay-benefit .coupon-discount {flex: none; color: var(--color-font2);}
.pay-benefit .point-field {display: flex; align-items: center; column-gap: var(--space-10); margin-top: var(--space-20);}
.pay-benefit .point-field .custom-input {width: 100px; height: 42px; text-align: right;}
.pay-benefit .point-all {color: var(--color-static2);}
.pay-field .pay-method {display: flex; flex-wrap: wrap; gap: var(--space-8);}
.pay-field .choice-chip span {min-height: 42px; padding-inline: var(--space-14);}
.pay-field .main-btn {margin-top: var(--space-20);}
.pay-history .data-table th, .pay-history .data-table td {padding-inline: var(--space-14);}
.release-list {display: flex; flex-wrap: wrap; gap: var(--space-10);}
.release-list > div {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-30); min-width: 220px; min-height: 54px; padding: var(--space-8) var(--space-16); border: 1px solid var(--color-greenborder); border-radius: var(--radius); background-color: var(--color-greenbg3);}
.release-list dt {color: var(--color-font3);}
.release-list dd {color: var(--color-font1);}
.release-form {display: flex; flex-direction: column; margin-top: var(--space-10);}
.release-form .release-label {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-10); color: var(--color-font2);}
.release-form .custom-textarea {min-height: 80px; margin-top: var(--space-4);}
.release-form .square-btn {align-self: flex-end; margin-top: var(--space-10);}

/* 수용량 변경 모달 */
.cap-modal .cap-head {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-12); margin-bottom: var(--space-12); color: var(--color-font2);}
.cap-modal .cap-list {border: 1px solid var(--color-border1); border-radius: var(--radius-large);}
.cap-modal .cap-list li {display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-12); min-height: 60px; padding: var(--space-10) var(--space-16);}
.cap-modal .cap-list li + li {border-top: 1px solid var(--color-border1);}
.cap-modal .cap-names {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 호버 */
@media (hover: hover) {
    .day-resv-table .link-row:not(.now-row):hover td:not(.slot-time) {background-color: var(--color-section2);}
    .day-resv-table .row-link:hover {text-decoration: underline;}
    .photo-box .photo-slot:not(.filled):hover {border-color: var(--color-font4); background-color: var(--color-section2);}
    .inspect-list .square-btn[aria-pressed="true"]:hover {background-color: var(--color-blue); border-color: var(--color-blue);}
}

/* 반응형 */
@media screen and (max-width: 1280px) {
    .view-grid {grid-template-columns: minmax(0, 1fr);}
    .view-info {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .view-info > div:nth-child(3n + 1)::before {display: none;}
    .work-time .work-time-head {flex-direction: column; align-items: stretch; row-gap: var(--space-24); padding-right: 0;}
    .work-time .work-time-btns {justify-content: flex-end; padding-inline: var(--space-30);}
    .work-time .work-time-btns::before {display: none;}
    .photo-grid {grid-template-columns: minmax(0, 1fr);}
    .extra-grid {grid-template-columns: minmax(0, 1fr);}
    .pay-grid {grid-template-columns: minmax(0, 1fr);}
    .work-now .work-card-list {grid-template-columns: minmax(0, 1fr);}
    .work-now .empty-box {width: 100%; min-height: 240px;}
}

@media screen and (max-width: 768px) {
    .view-info {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .view-info > div:nth-child(3n + 1)::before {display: block;}
    .view-info > div:nth-child(2n + 1)::before {display: none;}
    .history-list li {grid-template-columns: 100px minmax(0, 1fr) auto;}
    .work-time .work-time-list {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .work-time .work-time-list > div:nth-child(2n + 1)::before {display: none;}
    .work-time .work-time-btns {padding-inline: var(--space-20);}
    .work-time .work-time-btns .square-btn {flex: 1 1 0;}
    .work-time .work-log-btn .body-small {display: none;}
    .step-list {grid-template-columns: minmax(0, 1fr);}
    .step-list li:nth-child(odd) {border-right: 0;}
    .step-list .step-item {column-gap: var(--space-14); padding-right: var(--space-16);}
    .photo-box {padding: var(--space-20);}
    .photo-box .photo-list {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10);}
    .inspect-list li {flex-direction: column; align-items: stretch; row-gap: var(--space-10); padding-block: var(--space-14);}
    .inspect-list .inspect-btns .square-btn {flex: 1 1 0;}
    .inspect-foot .square-btn {width: 100%;}
    .extra-info {padding-inline: var(--space-20);}
    .option-list li {flex-wrap: wrap; row-gap: var(--space-10); column-gap: var(--space-14);}
    .option-list .option-txt {flex-basis: 100%;}
    .option-list .option-price {flex: 1 1 auto; text-align: left;}
    .propose-item .propose-meta, .propose-item .propose-help, .propose-item .propose-form {padding-right: 0;}
    .propose-item .propose-field {flex: 1 1 100%;}
    .propose-item .propose-field > span {width: 64px;}
    .extra-side .extra-next {width: 100%;}
    .view-pay .alert-box {padding-inline: var(--space-20);}
    .view-block .arrive-wait {flex-direction: column; align-items: stretch;}
    .release-list > div {flex: 1 1 100%;}
    .release-form .square-btn {align-self: stretch;}
    .day-resv .search-field {width: 100%;}
    .day-resv .day-resv-total {margin-left: 0;}
    .work-card .work-card-btns {grid-template-columns: minmax(0, 1fr);}
}