/* _content/lemon/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-5yxq9uorr9] {
    background: gray;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
    #blazor-error-ui .dismiss[b-5yxq9uorr9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* _content/lemon/Components/Pages/Account/Create.razor.rz.scp.css */
.page[b-472g2khifg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.center[b-472g2khifg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top : 2rem;
}

.line[b-472g2khifg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 0;
    width:100%;
}

.line > div:first-child[b-472g2khifg]::before {
    content: '\f00c';
    font-family: 'Icon_Solid'; /* 버전에 따라 다름 */
    padding-right: 0.5rem;
    box-sizing: border-box;
}

    .line > div:first-child[b-472g2khifg] {
        text-align: left;
        white-space: nowrap;
        display: flex;
        width:30%;
        min-width:9rem;
    }
    .line > div:last-child[b-472g2khifg] {
        /* instead of flex-grow alone, use the full flex shorthand */
        /* flex: <grow> <shrink> <basis>; */
        flex: 1 1 2rem; /* basis를 2rem으로 시작 */
        min-width: 2rem; /* 최소 크기 제한 */
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        box-sizing: border-box;
    }

.submit[b-472g2khifg] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    padding: 2rem 0;
    gap: 1rem;
}
.space[b-472g2khifg] {
    height: 0rem;
    width: 100%;
}

@media (max-width: 440px) {
    .line[b-472g2khifg] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem 0;
        width: 100%;
    }

        .line > div:first-child[b-472g2khifg]::before {
            content: '\f00c';
            font-family: 'Icon_Solid'; /* 버전에 따라 다름 */
            padding-right: 0.5rem;
            box-sizing: border-box;
        }

        .line > div:first-child[b-472g2khifg] {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            min-width: 9rem;
        }

        .line > div:last-child[b-472g2khifg] {
            /* instead of flex-grow alone, use the full flex shorthand */
            /* flex: <grow> <shrink> <basis>; */
            flex: 1 1 2rem; /* basis를 2rem으로 시작 */
            min-width: 2rem; /* 최소 크기 제한 */
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            box-sizing: border-box;
        }

}

/* _content/lemon/Components/Pages/Account/Leave.razor.rz.scp.css */
.page[b-fonr9w1l43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width : 20rem;
    max-width : 28rem;
}

.title[b-fonr9w1l43] {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.confirm[b-fonr9w1l43] {
    padding-top : 1rem;
    padding-bottom: 2rem;
    gap: 0.5rem;
}

.buttons[b-fonr9w1l43] {
    gap: 1rem;
    display: flex;
    justify-content: flex-end;
    width:100%;
}
/* _content/lemon/Components/Pages/Admin/MakeEmptyCard.razor.rz.scp.css */
.page[b-u9am5iuggj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

hr[b-u9am5iuggj] {
    height:1rem;
}

.count-same[b-u9am5iuggj] {
    font-weight: bold;
    color: var(--theme-color-critical);
}
.empty_count_css[b-u9am5iuggj] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--theme-color-critical);
}
.info > p[b-u9am5iuggj]::before {
    content: '\f00c'; /* Font Awesome 아이콘 코드 */
    font-family: 'Icon_Regular'; /* 아이콘 폰트 패밀리 */
    padding-right: 0.5rem;
    color: rgba(var(--theme-ink-rgb), 0.3);
}

.submit[b-u9am5iuggj] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

/* 빈 카드 목록 섹션 스타일 */
.empty-numbers-section[b-u9am5iuggj] {
    width: 100%;
    max-width: 800px;
    margin-top: 2rem;
}

.empty-numbers-section h3[b-u9am5iuggj] {
    margin-bottom: 1rem;
    color: var(--theme-ink);
    text-align: center;
}

/* 검색 섹션 */
.search-section[b-u9am5iuggj] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
}

.search-input[b-u9am5iuggj] {
    flex: 1;
    max-width: 300px;
    padding: 0.5rem;
    border: 2px solid var(--theme-paper);
    border-radius: var(--theme-radius);
    font-size: 1rem;
    background-color: var(--theme-paper);
    color: var(--theme-ink);
    font-family: 'Normal';
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.search-input:focus[b-u9am5iuggj] {
    outline: none;
    border-color: var(--theme-color);
    background-color: var(--theme-paper);
}

.search-input:hover[b-u9am5iuggj] {
    border-color: var(--theme-color);
}

.search-input[b-u9am5iuggj]::placeholder {
    font-weight: 300;
    font-style: italic;
    opacity: 0.8;
    color: var(--theme-ink);
}

.search-button[b-u9am5iuggj], .clear-button[b-u9am5iuggj] {
    font-family: 'Normal';
    font-weight: 500;
    font-size: 1.02rem;
    padding: 0rem 1rem;
    border: 2px solid transparent;
    border-radius: var(--theme-radius);
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.search-button[b-u9am5iuggj] {
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
    color: #333;
}

.search-button:hover[b-u9am5iuggj] {
    background-color: var(--theme-color-hover);
    border: 2px solid var(--theme-color-active);
}

.search-button:active[b-u9am5iuggj] {
    background-color: var(--theme-color-active);
}

.clear-button[b-u9am5iuggj] {
    background-color: var(--theme-color-critical);
    border: 2px solid var(--theme-color-critical);
    color: var(--theme-color-critical-ink);
}

.clear-button:hover[b-u9am5iuggj] {
    background-color: var(--theme-color-critical-hover);
    border: 2px solid var(--theme-color-critical-active);
}

.clear-button:active[b-u9am5iuggj] {
    background-color: var(--theme-color-critical-active);
}

/* 번호 목록 */
.numbers-list[b-u9am5iuggj] {
    border: 2px solid var(--theme-paper);
    border-radius: var(--theme-radius);
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
}

.number-item[b-u9am5iuggj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.number-item:hover[b-u9am5iuggj] {
    background-color: var(--theme-color-light);
}

.number-item:last-child[b-u9am5iuggj] {
    border-bottom: none;
}

.number-number[b-u9am5iuggj] {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: bold;
}

.number-created[b-u9am5iuggj] {
    font-size: 0.9rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

/* 로딩 및 메시지 */
.loading-message[b-u9am5iuggj], .no-data-message[b-u9am5iuggj] {
    text-align: center;
    padding: 2rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-style: italic;
    font-size: 0.9rem;
}

/* 무한 스크롤 로딩 인디케이터 */
#loading-indicator[b-u9am5iuggj] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    padding-bottom: 3rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
    font-size: 0.85rem;
    line-height: 1rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

#loading-indicator > span[b-u9am5iuggj] {
    margin-left: 0.8rem;
    font-weight: 500;
    color: var(--theme-ink);
}

.spinner[b-u9am5iuggj] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(var(--theme-ink-rgb), 0.2);
    border-top: 2px solid var(--theme-ink);
    border-radius: 50%;
    animation: spin-b-u9am5iuggj 1s linear infinite;
    vertical-align: middle;
}

@keyframes spin-b-u9am5iuggj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .search-section[b-u9am5iuggj] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-input[b-u9am5iuggj] {
        max-width: none;
    }
    
    .number-item[b-u9am5iuggj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .number-created[b-u9am5iuggj] {
        font-size: 0.8rem;
    }
}
/* _content/lemon/Components/Pages/Admin/MakeEmptyTag.razor.rz.scp.css */
.page[b-pp4dvj8ih7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

hr[b-pp4dvj8ih7] {
    height: 1rem;
}

.count-same[b-pp4dvj8ih7] {
    font-weight: bold;
    color: var(--theme-color-critical);
}

.empty_count_css[b-pp4dvj8ih7] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--theme-color-critical);
}

.info > p[b-pp4dvj8ih7]::before {
    content: '\f00c'; /* Font Awesome 아이콘 코드 */
    font-family: 'Icon_Regular'; /* 아이콘 폰트 패밀리 */
    padding-right: 0.5rem;
    color: rgba(var(--theme-ink-rgb), 0.3);
}

.submit[b-pp4dvj8ih7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

/* 빈 카드 목록 섹션 스타일 */
.empty-numbers-section[b-pp4dvj8ih7] {
    width: 100%;
    max-width: 800px;
    margin-top: 2rem;
}

    .empty-numbers-section h3[b-pp4dvj8ih7] {
        margin-bottom: 1rem;
        color: var(--theme-ink);
        text-align: center;
    }

/* 검색 섹션 */
.search-section[b-pp4dvj8ih7] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
}

.search-input[b-pp4dvj8ih7] {
    flex: 1;
    max-width: 300px;
    padding: 0.5rem;
    border: 2px solid var(--theme-paper);
    border-radius: var(--theme-radius);
    font-size: 1rem;
    background-color: var(--theme-paper);
    color: var(--theme-ink);
    font-family: 'Normal';
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

    .search-input:focus[b-pp4dvj8ih7] {
        outline: none;
        border-color: var(--theme-color);
        background-color: var(--theme-paper);
    }

    .search-input:hover[b-pp4dvj8ih7] {
        border-color: var(--theme-color);
    }

    .search-input[b-pp4dvj8ih7]::placeholder {
        font-weight: 300;
        font-style: italic;
        opacity: 0.8;
        color: var(--theme-ink);
    }

.search-button[b-pp4dvj8ih7], .clear-button[b-pp4dvj8ih7] {
    font-family: 'Normal';
    font-weight: 500;
    font-size: 1.02rem;
    padding: 0rem 1rem;
    border: 2px solid transparent;
    border-radius: var(--theme-radius);
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.search-button[b-pp4dvj8ih7] {
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
    color: var(--theme-black);
    color: #333;
}

    .search-button:hover[b-pp4dvj8ih7] {
        background-color: var(--theme-color-hover);
        border: 2px solid var(--theme-color-active);
    }

    .search-button:active[b-pp4dvj8ih7] {
        background-color: var(--theme-color-active);
    }

.clear-button[b-pp4dvj8ih7] {
    background-color: var(--theme-color-critical);
    border: 2px solid var(--theme-color-critical);
    color: var(--theme-color-critical-ink);
}

    .clear-button:hover[b-pp4dvj8ih7] {
        background-color: var(--theme-color-critical-hover);
        border: 2px solid var(--theme-color-critical-active);
    }

    .clear-button:active[b-pp4dvj8ih7] {
        background-color: var(--theme-color-critical-active);
    }

/* 번호 목록 */
.numbers-list[b-pp4dvj8ih7] {
    background: var(--theme-paper);
    border: 2px solid var(--theme-paper);
    border-radius: var(--theme-radius);
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
}

.number-item[b-pp4dvj8ih7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    transition: background-color 0.2s ease;
    cursor: pointer;
}

    .number-item:hover[b-pp4dvj8ih7] {
        background-color: var(--theme-color-light);
    }

    .number-item:last-child[b-pp4dvj8ih7] {
        border-bottom: none;
    }

.number-number[b-pp4dvj8ih7] {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--theme-color-active);
}

.number-created[b-pp4dvj8ih7] {
    font-size: 0.9rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

/* 로딩 및 메시지 */
.loading-message[b-pp4dvj8ih7], .no-data-message[b-pp4dvj8ih7] {
    text-align: center;
    padding: 2rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-style: italic;
    font-size: 0.9rem;
}

/* 무한 스크롤 로딩 인디케이터 */
#loading-indicator[b-pp4dvj8ih7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    padding-bottom: 3rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
    font-size: 0.85rem;
    line-height: 1rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

    #loading-indicator > span[b-pp4dvj8ih7] {
        margin-left: 0.8rem;
        font-weight: 500;
        color: var(--theme-ink);
    }

.spinner[b-pp4dvj8ih7] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(var(--theme-ink-rgb), 0.2);
    border-top: 2px solid var(--theme-ink);
    border-radius: 50%;
    animation: spin-b-pp4dvj8ih7 1s linear infinite;
    vertical-align: middle;
}

@keyframes spin-b-pp4dvj8ih7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .search-section[b-pp4dvj8ih7] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-input[b-pp4dvj8ih7] {
        max-width: none;
    }

    .number-item[b-pp4dvj8ih7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .number-created[b-pp4dvj8ih7] {
        font-size: 0.8rem;
    }
}
/* _content/lemon/Components/Pages/Admin/SyncTagsCards.razor.rz.scp.css */
.table-wrap[b-eml2fd1bkv]{
    border :none;
}

.card-table[b-eml2fd1bkv] {
    min-width: 900px;
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.card-table thead th[b-eml2fd1bkv]{
  width:auto;
}

.foot-cell[b-eml2fd1bkv]{
  text-align:center;
  color:var(--theme-text-subtle);
}

/* Remove borders from header and cells */
.card-table th[b-eml2fd1bkv],
.card-table td[b-eml2fd1bkv] {
  border: none !important;
}

.sentinel[b-eml2fd1bkv]{ height:1px; }

.item[b-eml2fd1bkv] {
    font-weight:300;
    font-size:0.9rem;
}

    .item:nth-child(2n+1)[b-eml2fd1bkv] {
        background-color: rgba(var(--theme-ink-rgb),0.05);
    }

/* Match status coloring (use theme variables) */
.item.match-ok[b-eml2fd1bkv] {  }
.item.match-fail[b-eml2fd1bkv] { color:var(--theme-color-critical); font-weight:500; }
    

/* Allow text selection inside popup */
.modal-box[b-eml2fd1bkv], .modal-box *[b-eml2fd1bkv] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.modal-box .line[b-eml2fd1bkv] { cursor: text; font-weight:200; font-size:0.9rem;}
.modal-box .title[b-eml2fd1bkv] { user-select: text !important; }
    .modal-box .group[b-eml2fd1bkv] {
        line-height: 1.5rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
        .modal-box .group > .line > b[b-eml2fd1bkv] {
            padding-left: 1rem;
            margin-bottom: 0.5rem;
        }

            .modal-box .group > .line > b[b-eml2fd1bkv]::before {
                content: "•";
                position: absolute;
                margin-left: -1rem;
            }

/* Global syncing overlay */
.sync-overlay[b-eml2fd1bkv] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sync-box[b-eml2fd1bkv] {
  background: var(--theme-paper);
  color: var(--theme-text);
  padding: 20px 24px;
  border-radius: 10px;
  min-width: 320px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sync-title[b-eml2fd1bkv] {
  font-weight: 600;
  font-size: 1.1rem;
}

.sync-spinner[b-eml2fd1bkv] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0,0,0,0.1);
  border-top-color: var(--theme-color-primary, #3b82f6);
  border-radius: 50%;
  animation: spin-b-eml2fd1bkv 1s linear infinite;
  margin: 0 auto;
}

.sync-spinner.sm[b-eml2fd1bkv] {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

@keyframes spin-b-eml2fd1bkv {
  to { transform: rotate(360deg); }
}

.sync-progress[b-eml2fd1bkv] {
  width: 100%;
  height: 10px;
  background: rgba(0,0,0,0.1);
  border-radius: 6px;
  overflow: hidden;
}

.sync-bar[b-eml2fd1bkv] {
  height: 100%;
  background: var(--theme-color-primary, #3b82f6);
  width: 0%;
  transition: width .2s ease;
}

.sync-progress-text[b-eml2fd1bkv] {
  text-align: center;
  color: var(--theme-text-subtle);
  font-size: .9rem;
}

.inline-sync[b-eml2fd1bkv] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inline-sync-text[b-eml2fd1bkv] { color: var(--theme-text-subtle); font-size: .9rem; }
/* _content/lemon/Components/Pages/Admin/UserList.razor.rz.scp.css */
/* 사용자 목록 테이블 기본 스타일 */
.table[b-9zcgcivs47] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
}

.table th[b-9zcgcivs47], .table td[b-9zcgcivs47] {
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
}

.table tbody tr:nth-child(even)[b-9zcgcivs47] {
    background-color: rgba(var(--theme-ink-rgb),0.05);
    transition: background-color 0.3s ease;
}

.table tbody tr:hover[b-9zcgcivs47] {
    background-color: rgba(var(--theme-ink-rgb),0.1);
    transition: background-color 0.3s ease;
}
.table tbody tr:active[b-9zcgcivs47] {
    background-color: rgba(var(--theme-ink-rgb),0.2);
    transition: background-color 0.3s ease;
}
.table tbody tr[b-9zcgcivs47] {
    cursor: pointer;
}

.table tbody tr.selected[b-9zcgcivs47] {
    background-color: var(--theme-color);
}


/* ID 칸 강조 */
.table td:first-child[b-9zcgcivs47] {
    font-weight: bold;
}

td:first-child[b-9zcgcivs47] {
}

.vendor[b-9zcgcivs47] {
    text-align: center;
    vertical-align: middle;
}

.vendor-image[b-9zcgcivs47] {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}
.vendor i[b-9zcgcivs47] {
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
}

.user-delete:hover[b-9zcgcivs47] {
    color: var(--theme-color-critical);
}
/* _content/lemon/Components/Pages/AreComponents/Are.razor.rz.scp.css */
/* _content/lemon/Components/Pages/AreComponents/AreAccessDenied.razor.rz.scp.css */


.access_denied[b-yr63i8349y] {
    /* 배경색: 연한 빨강 */
    background: var(--theme-disabled);
    /* 테두리: 진한 빨강 */
    border: 1px solid var(--theme-ink);
    /* 텍스트색: 테두리 색과 통일 */
    color: var(--theme-ink);
    /* 안쪽 여백과 바깥 여백 */
    padding: 12px 16px;
    margin: 16px 0;
    /* 둥근 모서리 */
    border-radius: 4px;
    /* 텍스트를 가운데 정렬하고 강조 */
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    /* 아이콘을 앞에 붙여주고 싶다면 (Font Awesome 등 사용 시) */
    position: relative;
    height: 20rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .access_denied[b-yr63i8349y]::before {
        content: "\26A0"; /* ⚠ 경고 기호 */
        display: inline-block;
        margin-right: 8px;
        font-size: 1.2rem;
        vertical-align: middle;
    }
/* _content/lemon/Components/Pages/AreComponents/AreAddress.razor.rz.scp.css */
.title[b-j6nehm52bq] {
    padding: 0.5rem 0rem 1rem 1rem;
}

.addressbox[b-j6nehm52bq] {
    display: flex;
    flex-direction: column;
    gap:1rem;
    padding: 1rem 0rem;
    width: 20rem;
}

.search[b-j6nehm52bq] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 0.5rem;
}
.search input[b-j6nehm52bq] {
    width: 70%;
}
.search button[b-j6nehm52bq] {
    width: 30%;
}

.actions[b-j6nehm52bq] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
/* _content/lemon/Components/Pages/AreComponents/AreAddressManager.razor.rz.scp.css */
/* Modal overlay - 테마 오버레이 패턴 */
.modal-overlay[b-q7cr2l55bb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-overlay);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
}

/* Main manager modal box - 테마 스타일 적용 */
.modal-box-manager[b-q7cr2l55bb] {
    background: var(--theme-background-popup);
    border-radius: var(--theme-radius);
    padding: 0;
    width: 90%;
    max-width: 30rem;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0rem 0rem 4rem var(--theme-shadow);
    animation: modalSlideIn-b-q7cr2l55bb 0.3s ease-out;
}

@keyframes modalSlideIn-b-q7cr2l55bb {
    from {
        opacity: 0;
        transform: translateY(-1.875rem) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Header */
.manager-header[b-q7cr2l55bb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 1.5rem;
    border-bottom: 0.0625rem solid rgba(var(--theme-ink-rgb), 0.1);
}

.title[b-q7cr2l55bb] {
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--theme-ink);
}

.address-search[b-q7cr2l55bb] {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 1rem;
  gap: 1rem;
}
  .address-search > div:first-child[b-q7cr2l55bb] {

  }
  .address-search > div:last-child[b-q7cr2l55bb] {
    flex: 1;
  }

  .btn-close[b-q7cr2l55bb] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--theme-ink-ii);
    cursor: pointer;
    padding: 0.25rem;
  }

/* 주소 리스트 */
.address-list[b-q7cr2l55bb] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.5;
  background-color: rgba(var(--theme-ink-rgb), 0.08);
}

.empty-message[b-q7cr2l55bb] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--theme-ink-ii);
}

/* Address item - 전체가 클릭 가능한 영역 */
.address-item-add[b-q7cr2l55bb] {
  background: rgba(var(--theme-paper-rgb), 0.5);
  box-shadow: 0 0 1rem rgba(var(--theme-ink-rgb), 0.1);
  border-radius: var(--theme-radius-small);
  border: 0.125rem solid transparent;
  padding: 0.4rem 1rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: dashed 0.125rem rgba(var(--theme-ink-rgb), 0.3);
}
  .address-item-add > i[b-q7cr2l55bb] {
    margin-right: 0.5rem;
  }

  .address-item[b-q7cr2l55bb] {
    background: rgba(var(--theme-paper-rgb), 0.5);
    box-shadow: 0 0 1rem rgba(var(--theme-ink-rgb), 0.1);
    border-radius: var(--theme-radius-small);
    border: 0.125rem solid transparent;
    padding: 0.4rem 1rem;
    cursor: pointer;
    transition: all 0.2s;
  }

  .address-item:hover[b-q7cr2l55bb], .address-item-add:hover[b-q7cr2l55bb] {
    border-color: var(--theme-color);
  }

.address-item.selected[b-q7cr2l55bb] {
    background: rgba(var(--theme-color-rgb), 1);
}

.address-text[b-q7cr2l55bb] {
    font-size: 1rem;
    color: var(--theme-ink);
    margin-bottom: 0.25rem;
}

.address-name[b-q7cr2l55bb] {
    font-size: 0.85rem;
    color: var(--theme-ink-ii);
}

/* 액션 버튼 */
.manager-actions[b-q7cr2l55bb] {
  padding: 1rem 1.5rem;
  border-top: 0.0625rem solid rgba(var(--theme-ink-rgb), 0.1);
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.address-name > i[b-q7cr2l55bb] {
  padding-right: 0.5rem;
  color: var(--theme-color-critical);
}

/* 버튼 내용 스타일 */
.btn-content[b-q7cr2l55bb] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  text-align: left;
  width: 100%;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  color: var(--theme-ink);
  font-weight:300;
}

.btn-name[b-q7cr2l55bb] {
 font-weight: 500;
}

.btn-address[b-q7cr2l55bb] {
  font-size: 0.9rem;
}

.btn-phone-info[b-q7cr2l55bb] {
  font-weight: 500;
}

/* 로딩 인디케이터 */
.loading-indicator[b-q7cr2l55bb] {
    display: none;
    text-align: center;
    padding: 1rem;
    color: var(--theme-ink-ii);
}

.loading-indicator .spinner[b-q7cr2l55bb] {
    border: 0.2rem solid rgba(var(--theme-color-rgb), 0.3);
    border-top: 0.2rem solid var(--theme-color);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    animation: spin-b-q7cr2l55bb 1s linear infinite;
    margin: 0 auto 0.5rem;
}

@keyframes spin-b-q7cr2l55bb {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* _content/lemon/Components/Pages/AreComponents/AreAddressPopVi.razor.rz.scp.css */
/* Modal overlay - app.css와 동일 */
.modal-overlay[b-52mnp8g8lo] {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
  justify-content: center;
    align-items: center;
    background: var(--theme-overlay);
}

/* Main modal box - app.css와 동일 */
.modal-box[b-52mnp8g8lo] {
    z-index: 9999;
 border: none;
    border-radius: 1rem;
    background: var(--theme-background-popup);
    padding: 1rem;
    min-width: 15rem;
    max-width: 30rem;
    width: 90%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0rem 0rem 4rem var(--theme-shadow);
    animation: modalSlideIn-b-52mnp8g8lo 0.3s ease-out;
}

@keyframes modalSlideIn-b-52mnp8g8lo {
    from {
  opacity: 0;
        transform: translateY(-1.875rem) scale(0.95);
    }
    to {
        opacity: 1;
  transform: translateY(0) scale(1);
    }
}

/* Header - app.css .modal-box > .title 스타일 */
.title[b-52mnp8g8lo] {
    font-weight: 700;
    font-size: 1.2rem;
  line-height: 1.5;
    padding-bottom: 1rem;
    color: var(--theme-ink);
    border-bottom: 0.0625rem solid rgba(var(--theme-ink-rgb), 0.1);
}

/* Address box - 스크롤 컨테이너 */
.addressbox[b-52mnp8g8lo] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1rem;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Search section */
.search[b-52mnp8g8lo] {
    display: flex;
    flex-direction: row;
 width: 100%;
    gap: 0.5rem;
}

.search input[b-52mnp8g8lo] {
    flex: 1;
}

.search .btn-search[b-52mnp8g8lo] {
    white-space: nowrap;
}

/* Additional inputs section */
.additional-inputs[b-52mnp8g8lo] {
    display: flex;
    flex-direction: column;
 gap: 0.8rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid rgba(var(--theme-ink-rgb), 0.1);
    animation: slideDown-b-52mnp8g8lo 0.3s ease-out;
}

@keyframes slideDown-b-52mnp8g8lo {
    from {
        opacity: 0;
     transform: translateY(-0.625rem);
 max-height: 0;
    }
    to {
        opacity: 1;
   transform: translateY(0);
        max-height: 31.25rem;
    }
}

.input-row[b-52mnp8g8lo] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    animation: fadeIn-b-52mnp8g8lo 0.4s ease-out;
}

@keyframes fadeIn-b-52mnp8g8lo {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.input-row label[b-52mnp8g8lo] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--theme-ink);
}

/* Actions - app.css .modal-box > .button-group 스타일 적용 */
.actions[b-52mnp8g8lo] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid rgba(var(--theme-ink-rgb), 0.1);
}

/* 버튼 레이아웃 - 색상은 app.css의 전역 테마 사용 */
.btn-cancel[b-52mnp8g8lo],
.btn-submit[b-52mnp8g8lo],
.btn-add[b-52mnp8g8lo],
.btn-delete[b-52mnp8g8lo] {
    /* 레이아웃만 지정, 색상/상태는 전역 스타일 사용 */
}

/* 모바일 반응형 */
@media (max-width: 480px) {
    .modal-box[b-52mnp8g8lo] {
 width: 95%;
        max-height: 90vh;
 padding: 0.8rem;
    }

    .addressbox[b-52mnp8g8lo] {
      padding: 0.8rem 0.8;
    }

    .title[b-52mnp8g8lo] {
  font-size: 1.1rem;
    }

    .actions[b-52mnp8g8lo] {
        flex-direction: column;
     gap: 0.5rem;
    }

    .actions button[b-52mnp8g8lo] {
 width: 100%;
    }
}
/* _content/lemon/Components/Pages/AreComponents/AreAddressSelectorVi.razor.rz.scp.css */
.title[b-rzhnbo34im] {
    padding: 0.5rem 0rem 1rem 1rem;
}

.addressbox[b-rzhnbo34im] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0rem;
    width: 20rem;
}

.search[b-rzhnbo34im] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 0.5rem;
}

    .search input[b-rzhnbo34im] {
        width: 70%;
    }

    .search button[b-rzhnbo34im] {
        width: 30%;
    }

.actions[b-rzhnbo34im] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}


@media (max-width: 480px) {

}
/* _content/lemon/Components/Pages/AreComponents/AreAddressVi.razor.rz.scp.css */
.title[b-brwlluh1rv] {
    padding: 0.5rem 0rem 1rem 1rem;
}

.addressbox[b-brwlluh1rv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0rem;
    width: 20rem;
}

.search[b-brwlluh1rv] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 0.5rem;
}

    .search input[b-brwlluh1rv] {
        width: 70%;
    }

    .search button[b-brwlluh1rv] {
        width: 30%;
    }

.actions[b-brwlluh1rv] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}


@media (max-width: 480px) {

}
/* _content/lemon/Components/Pages/AreComponents/AreDatePicker.razor.rz.scp.css */
/* AreDatePicker.razor.css */
.modal-box[b-bfg8ttro46] {
    width: auto;
}

.modal-box > .title[b-bfg8ttro46] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
}
    .calendar-header[b-bfg8ttro46],
    thead> tr >th[b-bfg8ttro46] {
        font-weight: 400;
        text-align: center;
        color: var(--theme-ink);
    }
    .day[b-bfg8ttro46] {
        width:2.5rem;
        height: 2.5rem;
        border: none;
        border-radius: 0.4rem;
        cursor: pointer;
        font-size: 0.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        color: var(--theme-ink);
        border: 2px solid transparent;
    }
    .day:hover[b-bfg8ttro46] {
        background: var(--theme-color-light);
    }
    .day.selected[b-bfg8ttro46] {
        background: var(--theme-color);
        color:var(--theme-ink)
    }
    .day.today[b-bfg8ttro46] {
        border: 2px dashed var(--theme-color-critical-hover);
        color: var(--theme-ink);
        font-weight: 600;
    }
    .day.holiday[b-bfg8ttro46] {
        color: #ff5500;
    }
    .day.weekend[b-bfg8ttro46] {
        color: #ff5500;
    }
    .day.other-month[b-bfg8ttro46] {
        font-weight: 200;
    }
    .calendar-nav[b-bfg8ttro46] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
        padding: 0;
    }
    .calendar-nav button[b-bfg8ttro46] {
        border: none;
        background: transparent;
        font-size: 1.2rem;
        padding: 0rem 2rem;
        cursor: pointer;
    }

.toggle-button[b-bfg8ttro46] {
  white-space: nowrap;
}
/* _content/lemon/Components/Pages/AreComponents/AreDropDown.razor.rz.scp.css */
/* _content/lemon/Components/Pages/AreComponents/AreHomeSearch.razor.rz.scp.css */

.are-home-search-container[b-29tgpz9cp2] {
    display: flex;
    width: 100%;
    justify-content: center;
}

.are-home-search[b-29tgpz9cp2] {
    display: flex;
    flex-grow: 1;
    min-width: 14rem;
    max-width: 40rem;
    border: 2px solid var(--theme-dark-active);
    border-radius: 0.5rem;
    background-color: rgba(var(--theme-paper-rgb), 0.6);
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
            transition: background-color 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease,
                transform 0.05s ease;
}
.are-home-search:hover[b-29tgpz9cp2] {
    border: 2px solid var(--theme-dark-hover);
}
.are-home-search:focus-within[b-29tgpz9cp2] {
    border: 2px solid var(--theme-dark-hover);
    background-color: rgba(var(--theme-color-rgb), 0.76);
}

.are-home-search > div:first-child[b-29tgpz9cp2],
.are-home-search > div:last-child[b-29tgpz9cp2] {
    text-align: center;
    width: 4rem;
    background-color: transparent;
    font-size: 1.1rem;
    transition : transform 0.1s ease;
}

.are-home-search > div:last-child:active[b-29tgpz9cp2] {
    transform: scale(0.95);
}

.are-home-search > div:nth-child(2)[b-29tgpz9cp2] {
    flex: 1; /* 나머지 공간 */
    background-color: transparent;
    overflow: hidden; /* 내용이 넘치면 자르기 */
    display: flex;
    align-items: center;
    justify-content: center;
}

input[b-29tgpz9cp2] {
    width: 100%;
    border: none;
    background-color: transparent;
    text-align: center;
    letter-spacing: 0.2rem;;
}

.input:hover[b-29tgpz9cp2] {
    border: none;
}

/* _content/lemon/Components/Pages/AreComponents/AreIcon.razor.rz.scp.css */
.are-icon-container[b-s24nbe26ga] {
    position: relative;
    display: flex;
    width: 6rem;
    height: 6rem;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
    border-radius: 0.75rem;
    border: 2px solid transparent;
    line-height: normal;
    transition: background-color 0.1s ease-in-out,
                transform 0.1s ease-in-out;
}

.are-icon[b-s24nbe26ga] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* AreIcon.razor.css */
.are-icon-container.clickable[b-s24nbe26ga] {
    cursor: pointer;
}

    .are-icon-container.clickable:hover[b-s24nbe26ga] {
        background-color: rgba(var(--theme-ink-rgb), 0.04);
    }

    .are-icon-container.clickable:active[b-s24nbe26ga] {
        background-color: rgba(var(--theme-ink-rgb), 0.08);
        transform: scale(0.95);
    }


.badge[b-s24nbe26ga] {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    background-color: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 100%;
    padding: 0.15rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    min-width: 1.2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
    animation: pop-in-b-s24nbe26ga 0.4s ease-out;
    transform-origin: center;
}
.badge.critical[b-s24nbe26ga] {
    background-color: var(--theme-color-critical);
    color: var(--theme-dark-ink);
}

.are-icon > .icon[b-s24nbe26ga] {
    font-size: 2.4rem;
}

.are-icon > .text[b-s24nbe26ga] {
    text-align: center;
}
.icon[b-s24nbe26ga] {
    position: relative;
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-secondary[b-s24nbe26ga] {
    position: absolute;
    font-size: 1.1rem;
    top: 1.8rem;
    left: 2rem;
    width: 1.4rem;
    height: 1.4rem;
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
    z-index: 999;
    border: solid 0.1rem var(--theme-ink);
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes pop-in-b-s24nbe26ga {
    0% {
        transform: scale(0.6, 1.4);
        opacity: 0;
    }
    40% {
        transform: scale(1.4, 0.6);
        opacity: 1;
    }
    60% {
        transform: scale(0.9, 1.1);
    }
    80% {
        transform: scale(1.05, 0.95);
    }
    100% {
        transform: scale(1, 1);
    }
}
/* _content/lemon/Components/Pages/AreComponents/AreIconBig.razor.rz.scp.css */
.are-icon-container[b-vq96q2fnfk] {
    position: relative;
    display: flex;
    width: 8rem;
    height: 8rem;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
    border-radius: 1.5rem;
    border: 4px solid transparent;
    line-height: normal;
    transition: background-color 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.are-icon[b-vq96q2fnfk] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.badge[b-vq96q2fnfk] {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    background-color: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 100%;
    padding: 0.3rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    min-width: 2.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1rem var(--theme-shadow-weak);
    animation: pop-in-b-vq96q2fnfk 0.4s ease-out;
    transform-origin: center;
}

    .badge.critical[b-vq96q2fnfk] {
        background-color: var(--theme-color-critical);
        color: var(--theme-dark-ink);
    }

.are-icon > .icon[b-vq96q2fnfk] {
    font-size: 4.8rem;
}

.are-icon > .text[b-vq96q2fnfk] {
    text-align: center;
}

.icon[b-vq96q2fnfk] {
    position: relative;
    width: 6.8rem;
    height: 6.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* AreIcon.razor.css */
.are-icon-container.clickable[b-vq96q2fnfk] {
    cursor: pointer;
}

    .are-icon-container.clickable:hover[b-vq96q2fnfk] {
        background-color: rgba(var(--theme-ink-rgb), 0.04);
    }

    .are-icon-container.clickable:active[b-vq96q2fnfk] {
        background-color: rgba(var(--theme-ink-rgb), 0.08);
        transform: scale(0.95);
    }


.icon-secondary[b-vq96q2fnfk] {
    position: absolute;
    font-size: 2.2rem;
    top: 3.6rem;
    left: 4rem;
    width: 2.8rem;
    height: 2.8rem;
    box-shadow: 0 0 1rem var(--theme-shadow-weak);
    z-index: 999;
    border: solid 0.2rem var(--theme-ink);
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes pop-in-b-vq96q2fnfk {
    0% {
        transform: scale(0.6, 1.4);
        opacity: 0;
    }

    40% {
        transform: scale(1.4, 0.6);
        opacity: 1;
    }

    60% {
        transform: scale(0.9, 1.1);
    }

    80% {
        transform: scale(1.05, 0.95);
    }

    100% {
        transform: scale(1, 1);
    }
}
/* _content/lemon/Components/Pages/AreComponents/AreIconLogin.razor.rz.scp.css */
.are-icon-container[b-v801ekzkvi] {
    position: relative;
    display: flex;
    width: 6rem;
    height: 6rem;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
    border-radius: 0.75rem;
    border: 2px solid transparent;
    line-height: normal;
    transition: background-color 0.1s ease-in-out,
                transform 0.1s ease-in-out;
}
.icon-full[b-v801ekzkvi] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.are-icon-container:hover[b-v801ekzkvi] {
    background-color: rgba(var(--theme-ink-rgb), 0.04);
}
.are-icon-container:active[b-v801ekzkvi] {
    background-color: rgba(var(--theme-ink-rgb), 0.08);
    transform: scale(0.95);
}
.are-icon[b-v801ekzkvi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.badge[b-v801ekzkvi] {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    background-color: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 100%;
    padding: 0.15rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    min-width: 1.2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
    animation: pop-in-b-v801ekzkvi 0.4s ease-out;
    transform-origin: center;
}
.badge.critical[b-v801ekzkvi] {
    background-color: var(--theme-color-critical);
    color: var(--theme-dark-ink);
}

.are-icon > .icon[b-v801ekzkvi] {
    font-size: 2.4rem;
}

.icon-text[b-v801ekzkvi] {
    text-align: center;
}

@keyframes pop-in-b-v801ekzkvi {
    0% {
        transform: scale(0.6, 1.4);
        opacity: 0;
    }
    40% {
        transform: scale(1.4, 0.6);
        opacity: 1;
    }
    60% {
        transform: scale(0.9, 1.1);
    }
    80% {
        transform: scale(1.05, 0.95);
    }
    100% {
        transform: scale(1, 1);
    }
}

img[b-v801ekzkvi] {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: cover;
    border-radius: 0.75rem;
}

i[b-v801ekzkvi] {
    font-size: 2.4rem;
    color: var(--theme-ink);
    padding:  0.6rem;
}
/* _content/lemon/Components/Pages/AreComponents/AreIconSmall.razor.rz.scp.css */
.are-icon-container[b-pjfsqmmoyg] {
    position: relative;
    display: flex;
    width: 3em;
    height: 3rem;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
    border-radius: 12%;
    border: 4px solid transparent;
    line-height: normal;
    transition: background-color 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.are-icon[b-pjfsqmmoyg] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.badge[b-pjfsqmmoyg] {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    background-color: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 100%;
    padding: 0.3rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    min-width: 2.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1rem var(--theme-shadow-weak);
    animation: pop-in-b-pjfsqmmoyg 0.4s ease-out;
    transform-origin: center;
}

    .badge.critical[b-pjfsqmmoyg] {
        background-color: var(--theme-color-critical);
        color: var(--theme-dark-ink);
    }

.are-icon > .icon[b-pjfsqmmoyg] {
    font-size: 2rem;
}

.are-icon > .text[b-pjfsqmmoyg] {
    text-align: center;
}

.icon[b-pjfsqmmoyg] {
    position: relative;
    width: 3.0rem;
    height: 3.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* AreIcon.razor.css */
.are-icon-container.clickable[b-pjfsqmmoyg] {
    cursor: pointer;
}

    .are-icon-container.clickable:hover[b-pjfsqmmoyg] {
        background-color: rgba(var(--theme-ink-rgb), 0.04);
    }

    .are-icon-container.clickable:active[b-pjfsqmmoyg] {
        background-color: rgba(var(--theme-ink-rgb), 0.08);
        transform: scale(0.95);
    }


.icon-secondary[b-pjfsqmmoyg] {
    position: absolute;
    font-size: 1rem;
    top: 1.6rem;
    left: 1.6rem;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes pop-in-b-pjfsqmmoyg {
    0% {
        transform: scale(0.6, 1.4);
        opacity: 0;
    }

    40% {
        transform: scale(1.4, 0.6);
        opacity: 1;
    }

    60% {
        transform: scale(0.9, 1.1);
    }

    80% {
        transform: scale(1.05, 0.95);
    }

    100% {
        transform: scale(1, 1);
    }
}
/* _content/lemon/Components/Pages/AreComponents/AreInput.razor.rz.scp.css */
input[b-b6qxrvjfyq] {
    flex: 1;
    min-width: 4rem;
    box-sizing: border-box;
}
/* _content/lemon/Components/Pages/AreComponents/AreInputBusinessNumber.razor.rz.scp.css */
/* Business Number Input Styling */
input[b-ckg2i48nng] {
    font-family: 'Normal', monospace;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

input.invalid[b-ckg2i48nng] {
    border-color: var(--theme-color-critical) !important;
}

/* Valid state styling */
input:valid:not(:placeholder-shown):not(.invalid)[b-ckg2i48nng] {
}

input[b-ckg2i48nng] {
    flex: 1;
    min-width: 4rem;
    box-sizing: border-box;
}
/* _content/lemon/Components/Pages/AreComponents/AreInputPhoneNumber.razor.rz.scp.css */
/* Business Number Input Styling */
input[b-luf6u27zcv] {
    font-family: 'Normal', monospace;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

    input.invalid[b-luf6u27zcv] {
        border-color: var(--theme-color-critical) !important;
    }

    /* Valid state styling */
    input:valid:not(:placeholder-shown):not(.invalid)[b-luf6u27zcv] {
    }

input[b-luf6u27zcv] {
    flex: 1;
    min-width: 4rem;
    box-sizing: border-box;
}
/* _content/lemon/Components/Pages/AreComponents/AreInputPhoneNumberVi.razor.rz.scp.css */
/* Business Number Input Styling */
input[b-8lhxkjkfoo] {
    font-family: 'Normal', monospace;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

    input.invalid[b-8lhxkjkfoo] {
        border-color: var(--theme-color-critical) !important;
    }

    /* Valid state styling */
    input:valid:not(:placeholder-shown):not(.invalid)[b-8lhxkjkfoo] {
    }

input[b-8lhxkjkfoo] {
    flex: 1;
    min-width: 4rem;
    box-sizing: border-box;
}
/* _content/lemon/Components/Pages/AreComponents/AreInputTextArea.razor.rz.scp.css */
textarea[b-4dofikkkhe]{
    flex: 1 1 0;
    width: 100%;
    min-width: 1rem;
    box-sizing: border-box;
    vertical-align: top;
    font-family: 'Normal';
    font-weight: 500;
    font-size: 1.02rem;
    line-height: 180%;
    background-clip: padding-box;
    border: 2px solid var(--theme-paper);
    border-radius: var(--theme-radius);
    padding: 0.6rem 1rem;
    user-select: none;
    color: var(--theme-ink);
    background-color: var(--theme-paper);
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.05s ease;
    resize: vertical;
    overflow: auto;
}

textarea:hover[b-4dofikkkhe]{
    background-color: var(--theme-paper);
    border: 2px solid var(--theme-color);
}

textarea:focus[b-4dofikkkhe]{
    background-color: var(--theme-paper);
    border: 2px solid var(--theme-color);
    outline: none;
}

textarea[b-4dofikkkhe]::placeholder{
    font-weight: 300;
    font-style: italic;
    opacity: 0.8;
    color: var(--theme-ink);
}

textarea:disabled[b-4dofikkkhe]{
    cursor: not-allowed;
    color: var(--theme-disabled-ink);
    background-color: transparent;
    border: 2px dashed var(--theme-disabled-paper);
}

textarea:disabled[b-4dofikkkhe]::placeholder{
    color: var(--theme-disabled-ink);
    opacity: 0;
}
/* _content/lemon/Components/Pages/AreComponents/AreInputTextVi.razor.rz.scp.css */
/* _content/lemon/Components/Pages/AreComponents/AreListBox.razor.rz.scp.css */
.title[b-pi2e99bkxv] {
    color: var(--theme-ink);
    background-color: var(--theme-background);
    border-radius: 1rem 1rem 0 0; /* 아래쪽 모서리 둥글게 */
    text-align: left;
    padding: 1rem 0 1rem 2rem;
}

.listbox-item[b-pi2e99bkxv] {
    padding: 0.5rem 1.5rem;;
    cursor: pointer;
}
.listbox-item:hover[b-pi2e99bkxv] {
    background-color: var(--theme-color-light);
}
.listbox-item.selected[b-pi2e99bkxv] {
    background-color: var(--theme-color);
}

.modal-box.listbox[b-pi2e99bkxv] {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 20rem;
    overflow: hidden; /* 둥근 외곽을 스크롤에 반영 */
}

.listbox-content-wrapper[b-pi2e99bkxv] {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.listbox-content[b-pi2e99bkxv] {
    max-height: 40vh;
    overflow-y: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: content-box;
    border-radius: 0 0 1rem 1rem; /* 하단 둥글게 */
}
.listbox-inner[b-pi2e99bkxv] {
    padding: 0rem; /* 내부 컨텐츠에만 padding 부여 */
}

/* 그림자는 content 바깥에 겹쳐진 오버레이로 */
.listbox-shadow-top[b-pi2e99bkxv],
.listbox-shadow-bottom[b-pi2e99bkxv] {
    position: absolute;
    left: 0;
    right: 0;
    height: 0.8rem;
    pointer-events: none;
    z-index: 10;
}

.listbox-shadow-top[b-pi2e99bkxv] {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, var(--theme-background-popup-shadow-transperancy)), transparent);
}

.listbox-shadow-bottom[b-pi2e99bkxv] {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, var(--theme-background-popup-shadow-transperancy)), transparent);
}
/* _content/lemon/Components/Pages/AreComponents/AreLoginBox.razor.rz.scp.css */
.buttons[b-hsr6iwnpv6] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-top: 20px;
}
.kakaotalk-login[b-hsr6iwnpv6],
.naver-login[b-hsr6iwnpv6],
.limebox-login[b-hsr6iwnpv6] {
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: scale 0.2s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
    width: 50%;
}

.kakaotalk-login[b-hsr6iwnpv6] {

    background-color: #fee500;
    color : #111;
}

.naver-login[b-hsr6iwnpv6] {
    background-color: #02BF19;
    color: #fff;
}

.limebox-login[b-hsr6iwnpv6] {
    background-color: var(--theme-color-flat);
    color: var(--theme-ink);
}

.kakaotalk-login:hover[b-hsr6iwnpv6],
.naver-login:hover[b-hsr6iwnpv6],
.limebox-login:hover[b-hsr6iwnpv6] {
    box-shadow: 0 0 0 2px var(--theme-color);
}
.kakaotalk-login:active[b-hsr6iwnpv6],
.naver-login:active[b-hsr6iwnpv6],
.limebox-login:active[b-hsr6iwnpv6] {
    scale : 0.98;
}

.icon[b-hsr6iwnpv6] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.title[b-hsr6iwnpv6] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 16px;
}
.modal-box[b-hsr6iwnpv6] {
    max-width: 22rem;
    line-height: 150%;
    padding: 1.5rem;
    animation: modalSlideIn-b-hsr6iwnpv6 0.3s ease-out;
}
@keyframes modalSlideIn-b-hsr6iwnpv6 {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


i[b-hsr6iwnpv6] {
    font-size: 1.5rem;
    margin-right: 0.8rem;
}

.internal-login[b-hsr6iwnpv6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0rem;
}

hr[b-hsr6iwnpv6] {
    margin: 1rem 0;
}

.input-box[b-hsr6iwnpv6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 0.2rem 0rem;
}

.input-box > span[b-hsr6iwnpv6] {
    flex-basis: 20%;
    flex-shrink: 0;
}

.input-box > input[b-hsr6iwnpv6] {
    flex-basis: 80%;
}

.forgot-password[b-hsr6iwnpv6] {
    padding-top : 0.5rem;
    text-align: right;
    font-size: 0.9rem;
}
/* _content/lemon/Components/Pages/AreComponents/AreLogo.razor.rz.scp.css */
.animated-box[b-uose42zc7i] {
    line-height: 2.6rem;
    height: 7rem;
}

/* 기본적으로 글자 안 보이게 설정 */
.logo-upper .char[b-uose42zc7i] {
    opacity: 0;
    transform: translateY(10px); /* 아래에서 올라오는 효과 */
    display: inline-block; /* 애니메이션 개별 적용 */
    animation: fadeInChar-b-uose42zc7i 0.5s ease-in-out forwards;
}

/* 개별 글자 애니메이션 딜레이 설정 */
.logo-upper .char:nth-child(1)[b-uose42zc7i] { animation-delay: 0s; }
.logo-upper .char:nth-child(2)[b-uose42zc7i] { animation-delay: 0.1s; }
.logo-upper .char:nth-child(3)[b-uose42zc7i] { animation-delay: 0.2s; }
.logo-upper .char:nth-child(4)[b-uose42zc7i] { animation-delay: 0.3s; }
.logo-upper .char:nth-child(5)[b-uose42zc7i] { animation-delay: 0.4s; }
.logo-upper .char:nth-child(6)[b-uose42zc7i] { animation-delay: 0.5s; }
.logo-upper .char:nth-child(7)[b-uose42zc7i] { animation-delay: 0.6s; }

/* 글자가 하나씩 등장하는 애니메이션 */
@keyframes fadeInChar-b-uose42zc7i {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 개별 스타일 */
.logo[b-uose42zc7i] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-upper[b-uose42zc7i] {
    width: 14rem;
    text-align: right;
    font-family: Light;
    letter-spacing: 0.2rem;
    font-size: 0.7em;
}

.logo-upper a[b-uose42zc7i] {
    color: inherit;
}

.logo-upper b[b-uose42zc7i] {
    font-family: 'Boldest';
}

.logo-lower[b-uose42zc7i] {
    width: 15rem;
    text-align: center;
    
    letter-spacing: -0.5rem;
    font-size: 4em;
}

.logo-lower p[b-uose42zc7i] {
    font-weight: 300;
}
/* _content/lemon/Components/Pages/AreComponents/ArePageTop.razor.rz.scp.css */
.top-container[b-2fawniqy18] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    user-select: none;
    -webkit-user-select: none; /* Safari/Chrome 지원 */
    -moz-user-select: none; /* Firefox 지원 */
    -ms-user-select: none; /* IE/Edge */
}

.top-center[b-2fawniqy18] {
    display: flex;
    width: 100%;
    height: 4rem;
}
    .top-center > div:nth-child(2)[b-2fawniqy18] {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-center > div:first-child[b-2fawniqy18] {
        min-width: 11rem;
        display: flex;
        justify-content: flex-start;
    }
    .top-center > div:last-child[b-2fawniqy18] {
        min-width: 11rem;
        font-size: 1.5rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

.go-home[b-2fawniqy18] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap:0.5rem;
}

.go-home-inner[b-2fawniqy18] {
    width: 5rem;
    height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
    line-height: 1.7rem;
    transition: background-color 0.1s ease-in-out,
        transform 0.1s ease-in-out;
}

.go-home-inner:hover[b-2fawniqy18] {
    background-color: rgba(var(--theme-ink-rgb), 0.04);
}

.go-home-inner:active[b-2fawniqy18] {
    background-color: rgba(var(--theme-ink-rgb), 0.08);
    transform: scale(0.95);
}

.go-home-inner-icon[b-2fawniqy18] {
    font-size: 1.4rem;
}

.go-home-inner-text[b-2fawniqy18] {
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 0.3rem;
}


.top-title[b-2fawniqy18] {
    display: flex;
    justify-content: center;    /* 수직 가운데 */
    align-items: flex-end; /* 수평 오른쪽 정렬 */
    text-align: right; /* 텍스트 오른쪽 정렬 */
    /* 수직 아래 정렬 */
    height: 4rem;
    text-align: center;
    letter-spacing: -0.3rem;
    font-size: 2.5rem;
    width: fit-content;
}

.top-title-center[b-2fawniqy18] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}


.top-title p[b-2fawniqy18] {
    font-weight: 300;
}

.top-logo[b-2fawniqy18] {
    position: absolute;
    top: -1.8rem;
    right: 0rem;
    text-align: right;
    font-family: 'Light';
    letter-spacing: -0.15rem;
    font-size: 0.7rem;
}

.subtitle[b-2fawniqy18] {
    color: var(--theme-color-critical);
    position: absolute;
    top: 3.2rem;
    right: 0%;
    font-size: 1.2rem;
    letter-spacing: 0rem;
    font-family: 'Boldest';
    font-weight: 300;
}


@media (max-width: 640px) {
    .top-center > div:first-child[b-2fawniqy18] {

    }

    .top-center > div:last-child[b-2fawniqy18] {
        min-width: 0;
        width: 2rem;
        font-size: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-center > div:nth-child(2)[b-2fawniqy18] {
        justify-content: flex-end;
    }
}

@media (max-width: 480px) {
    .top-center > div:first-child[b-2fawniqy18] {
        min-width: 0;
        
    }

    .top-title-center > p[b-2fawniqy18] {
        font-size: 2rem;
    }
    .go-home[b-2fawniqy18] {
        gap:0;
    }
    .go-home-inner[b-2fawniqy18] {
        width: 4rem;
        height: 4rem;
        padding: 0.3rem;
        line-height: 1.4rem;
    }

    .go-home-inner-icon[b-2fawniqy18] {
        font-size: 1.2rem;
    }

    .go-home-inner-text[b-2fawniqy18] {
        font-size: 0.85rem;
        font-weight: 400;
        padding-left: 0.3rem;
    }
}
/* _content/lemon/Components/Pages/AreComponents/ArePassword6.razor.rz.scp.css */
/* 입력 필드 스타일 */
.verify-group[b-2ok9kzgmhq] {
    display: flex;
    flex-direction: row;
    gap: 0.7rem;
}

.vcode-cell[b-2ok9kzgmhq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    padding: 0rem 0.2rem 0.2rem 0.2rem;
    font-size: 1.5rem;
    color: var(--theme-ink);
    border-radius: 0.4rem;
    transition: all 0.3s ease-in-out;
    outline: none;
    font-family: "Bold";
}

/* ShowPassword가 true일 때 */
.vcode-cell.show-text[b-2ok9kzgmhq] {
    font-size: 1.5rem;
}

/* ShowPassword가 false일 때 (기본값) */
.vcode-cell.show-dots[b-2ok9kzgmhq] {
    font-size: 0.8rem;
}

.button-group[b-2ok9kzgmhq] {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 0.5rem;
}
/* _content/lemon/Components/Pages/AreComponents/AreRawsDetail.razor.rz.scp.css */
.raws-detail-box[b-m3peyzz4bt] {
    width: 30rem;
    max-height: 40rem;
    overflow-y: auto;
}

h3[b-m3peyzz4bt] {
    text-align: center;
}
.card-info[b-m3peyzz4bt] {
    background: rgba(var(--theme-ink-rgb), 0.1);
    padding: 1rem;
    border-radius: var(--theme-radius);
    margin-bottom: 1rem;
    line-height: 1.8rem;
}

.card-info h3[b-m3peyzz4bt] {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--theme-ink);
}

.info-line[b-m3peyzz4bt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.info-line:last-child[b-m3peyzz4bt] {
    border-bottom: none;
}

.info-line span:first-child[b-m3peyzz4bt] {
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb), 0.7);
    min-width: 5rem;
}

.info-line small[b-m3peyzz4bt] {
    font-size: 0.85em;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.title[b-m3peyzz4bt] {
    padding-left: 0.5rem;
}
.raws-content[b-m3peyzz4bt] {
    
}

.raws-header[b-m3peyzz4bt] {
    display: grid;
    grid-template-columns: 3rem 1fr 2fr 4rem;
    gap: 0.5rem;
    padding: 0rem 0.75rem 0rem 0.75rem;
    background: rgba(var(--theme-ink-rgb), 0.1);
    border-radius: var(--theme-radius-small);
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0.5rem 0rem;
    position: sticky;
    top: 0;
    z-index: 1;
}
.raws-items[b-m3peyzz4bt] {
  max-height: 14rem;
  overflow-y: scroll;
  margin: 1rem 0;
}

.raw-item[b-m3peyzz4bt] {
    display: grid;
    grid-template-columns: 3rem 1fr 2fr 4rem;
    gap: 0.5rem;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    font-size: 0.9rem;
    align-items: center;
}

.raw-item .date[b-m3peyzz4bt] {
}

.raw-item strong[b-m3peyzz4bt] {
    font-weight: bolder;
}

.loading-message[b-m3peyzz4bt], .no-records[b-m3peyzz4bt] {
    text-align: center;
    padding: 2rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-size: 0.9rem;
}

@media (max-width: 480px) {
    .raws-detail-box[b-m3peyzz4bt] {
        width: 100%;
        max-height: 44rem;
    }
    
    .raws-header[b-m3peyzz4bt], .raw-item[b-m3peyzz4bt] {
        grid-template-columns: 2rem 1fr 1.5fr 3.5rem;
        gap: 0.25rem;
        padding: 0.5rem;
        font-size: 0.85rem;
    }
    
    .info-line[b-m3peyzz4bt] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .info-line span:first-child[b-m3peyzz4bt] {
        min-width: auto;
    }
}
/* _content/lemon/Components/Pages/AreComponents/AreSelect.razor.rz.scp.css */
.check-switch-group[b-vmvs2jdz12] {
    display: inline-flex;
    flex-wrap: nowrap; /* 줄바꿈 금지 */
    gap: 1rem;
    padding: 0rem 1rem;
}

.check-switch[b-vmvs2jdz12] {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
}

    .check-switch input[b-vmvs2jdz12] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.check-style[b-vmvs2jdz12] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.5rem;
    background-color: var(--theme-paper);
    transition: all 0.3s ease;
    box-shadow: 0 0 0 2px var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .check-style:hover[b-vmvs2jdz12] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }

    .check-style[b-vmvs2jdz12]::after {
        content: "✔";
        font-size: 1rem;
        color: white;
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

.check-switch input:checked + .check-style[b-vmvs2jdz12] {
    background-color: var(--theme-color);
}

    .check-switch input:checked + .check-style[b-vmvs2jdz12]::after {
        opacity: 1;
        transform: scale(1);
    }

.check-switch input:disabled + .check-style[b-vmvs2jdz12] {
    background-color: var(--theme-disabled-paper);
    cursor: not-allowed;
    opacity: 0.6;
}

.check-label[b-vmvs2jdz12] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

    .check-label:hover .check-style[b-vmvs2jdz12] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }
/* _content/lemon/Components/Pages/AreComponents/AreSelectVi.razor.rz.scp.css */
.check-switch-group[b-1eg2bkjtjb] {
    display: flex;
    flex-wrap: wrap; /* 추가 */
    gap: 1rem;
    padding: 0rem 1rem;
}

.check-switch[b-1eg2bkjtjb] {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
}

    .check-switch input[b-1eg2bkjtjb] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.check-style[b-1eg2bkjtjb] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.5rem;
    background-color: var(--theme-paper);
    transition: all 0.3s ease;
    box-shadow: 0 0 0 2px var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .check-style:hover[b-1eg2bkjtjb] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }

    .check-style[b-1eg2bkjtjb]::after {
        content: "✔";
        font-size: 1rem;
        color: var(--theme-ink);
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

.check-switch input:checked + .check-style[b-1eg2bkjtjb] {
    background-color: var(--theme-color);
}

    .check-switch input:checked + .check-style[b-1eg2bkjtjb]::after {
        opacity: 1;
        transform: scale(1);
    }

.check-switch input:disabled + .check-style[b-1eg2bkjtjb] {
    background-color: var(--theme-disabled-paper);
    cursor: not-allowed;
    opacity: 0.6;
}

.check-label[b-1eg2bkjtjb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

    .check-label:hover .check-style[b-1eg2bkjtjb] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }
/* _content/lemon/Components/Pages/AreComponents/AreSelectVi2.razor.rz.scp.css */
.check-switch-group[b-fpt0p6uh1o] {
    display: flex;
    flex-wrap: wrap; /* 추가 */
    gap: 1rem;
    padding: 0rem 1rem;
}

.check-switch[b-fpt0p6uh1o] {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
}

    .check-switch input[b-fpt0p6uh1o] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.check-style[b-fpt0p6uh1o] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.5rem;
    background-color: var(--theme-paper);
    transition: all 0.3s ease;
    box-shadow: 0 0 0 2px var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .check-style:hover[b-fpt0p6uh1o] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }

    .check-style[b-fpt0p6uh1o]::after {
        content: "✔";
        font-size: 1rem;
        color: var(--theme-ink);
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

.check-switch input:checked + .check-style[b-fpt0p6uh1o] {
    background-color: var(--theme-color);
}

    .check-switch input:checked + .check-style[b-fpt0p6uh1o]::after {
        opacity: 1;
        transform: scale(1);
    }

.check-switch input:disabled + .check-style[b-fpt0p6uh1o] {
    background-color: var(--theme-disabled-paper);
    cursor: not-allowed;
    opacity: 0.6;
}

.check-label[b-fpt0p6uh1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

    .check-label:hover .check-style[b-fpt0p6uh1o] {
        box-shadow: 0 0 0 2px var(--theme-color-hover);
        background-color: var(--theme-disabled-paper);
    }
/* _content/lemon/Components/Pages/AreComponents/AreToggle.razor.rz.scp.css */
.are-toggle[b-xwbagw4kzk] {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
}

.switch-button[b-xwbagw4kzk] {
    position: relative;
    display: inline-block;
    width: 2.875rem; /* 2.5rem * 1.15 */
    height: 1.65rem; /* 1.4375rem * 1.15 */
}

.switch-button input[b-xwbagw4kzk] {
    opacity: 0;
    width: 0;
    height: 0;
}

.onoff-switch[b-xwbagw4kzk] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.4375rem; /* 1.25rem * 1.15 */
    background-color: var(--theme-paper); /* Use theme color light */
    transition: 0.2s;
    box-shadow: 0 0 0 2px var(--theme-paper); /* 2px 테두리 */
}
.onoff-switch:hover[b-xwbagw4kzk] {
    box-shadow: 0 0 0 2px var(--theme-color); /* 2px 테두리 */
}

.onoff-switch[b-xwbagw4kzk]:before {
    position: absolute;
    content: "";
    height: 1.2219rem; /* 1.0625rem * 1.15 */
    width: 1.2219rem;
    left: 0.2156rem; /* 0.1875rem * 1.15 */
    bottom: 0.2156rem;
    background-color: var(--theme-ink); /* Use theme ink color */
    transition: 0.2s;
    border-radius: 1.4375rem; /* 1.25rem * 1.15 */
}
.onoff-switch:hover[b-xwbagw4kzk] {
    /*background-color: var(--theme-disabled-paper);*/ /* 원하는 hover 색상 지정 */
}


.switch-button input:checked + .onoff-switch[b-xwbagw4kzk] {
    background-color: var(--theme-color); /* Use theme color */
    box-shadow: 0 0 0 2px var(--theme-color); /* 2px 테두리 */
}
.switch-button input:checked + .onoff-switch:hover[b-xwbagw4kzk] {
    /*background-color: var(--theme-color-hover);*/ /* Use theme color active */
    box-shadow: 0 0 0 2px var(--theme-color-hover); /* 2px 테두리 */
}


.switch-button input:checked + .onoff-switch[b-xwbagw4kzk]:before {
    transform: translateX(1.2219rem); /* 1.0625rem * 1.15 */
}

.base[b-xwbagw4kzk] {
    display: flex;
    align-items: center;
}

.switch[b-xwbagw4kzk] {
    display: flex;
    
}

.switch-button input:disabled + .onoff-switch[b-xwbagw4kzk] {
    background-color: var(--theme-disabled-paper);
    cursor: not-allowed;
    opacity: 0.6;
}
.switch-button input:disabled + .onoff-switch[b-xwbagw4kzk]:before {
    background-color: var(--theme-disabled-ink);
}
.switch-button input:disabled + .onoff-switch:hover[b-xwbagw4kzk] {
    background-color: var(--theme-disabled-paper); /* hover 막기 */
}
/* _content/lemon/Components/Pages/Card/Application.razor.rz.scp.css */
.page[b-gm0ghbmn4e] {
    padding: 1rem 1rem 2rem;
}

.detail-wrapper[b-gm0ghbmn4e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ī�� Ÿ���� ���� �׸� ������ ��� */
.cards-grid[b-gm0ghbmn4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
    align-items: stretch;
}

.detail-sections[b-gm0ghbmn4e] {
    display: grid;
    gap: 1rem;
}

.section[b-gm0ghbmn4e] {
    background: var(--theme-paper);
    border: 1px solid var(--theme-border, rgba(0,0,0,.08));
    border-radius: .6rem;
    box-shadow: 0 4px 10px var(--theme-shadow-weak, rgba(0,0,0,.06));
    padding: 1rem;
}

.section-title[b-gm0ghbmn4e] {
    font-weight: 800;
    color: var(--theme-ink);
    margin-bottom: .6rem;
}

.info-grid[b-gm0ghbmn4e] {
    display: grid;
    grid-template-columns: 120px 1fr;
    row-gap: .4rem;
    column-gap: .6rem;
    align-items: baseline;
}

.info-grid.single[b-gm0ghbmn4e] {
    grid-template-columns: 120px 1fr;
}

.label[b-gm0ghbmn4e] {
    color: var(--theme-ink-muted, #475569);
    font-weight: 600;
}

.value[b-gm0ghbmn4e] {
    color: var(--theme-ink, #111827);
}

/* ��� �� ��Ÿ�� */
.col-head[b-gm0ghbmn4e] {
    color: var(--theme-ink-strong, #0f172a);
    font-weight: 800;
    border-bottom: 1px solid var(--theme-border, rgba(0,0,0,.08));
    padding-bottom: .25rem;
}

/* ���� ������ ���� ���� ��Ÿ�� */
.info-grid .label[b-gm0ghbmn4e],
.info-grid .value[b-gm0ghbmn4e] {
    padding-top: .2rem;
}

.status-badge[b-gm0ghbmn4e] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .1rem .4rem;
    border-radius: .4rem;
    background: var(--theme-warning-bg, #fff7ed);
    color: var(--theme-warning-ink, #9a3412);
    font-weight: 700;
    margin-right: .4rem;
}

.actions[b-gm0ghbmn4e] {
    display: flex;
    gap: .5rem;
}

.btn[b-gm0ghbmn4e] {
    padding: .5rem .8rem;
    border-radius: .5rem;
    background: var(--theme-color);
    border: 2px solid var(--theme-color);
    color: var(--theme-dark-ink);
    font-weight: 800;
}

.btn:hover[b-gm0ghbmn4e] {
    background: var(--theme-color-hover);
    border-color: var(--theme-color-active);
}
/* _content/lemon/Components/Pages/Card/EditCard.razor.rz.scp.css */
.page[b-1b54k7v2f7] {
    margin-bottom: 3rem;
}
.edit-form[b-1b54k7v2f7] {
    max-width: 40rem;
    margin: 0 auto;
}

.form-section[b-1b54k7v2f7] {
  background: rgba(var(--theme-paper-rgb), 0.4);
  border-radius: var(--theme-radius);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 1rem rgba(var(--theme-ink-rgb), 0.1);
  border: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.section-header[b-1b54k7v2f7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--theme-ink);
}

    .section-header i[b-1b54k7v2f7] {
        font-size: 1.4rem;
    }

.form-field[b-1b54k7v2f7] {
    margin-bottom: 1.5rem;
}

.form-field:last-child[b-1b54k7v2f7] {
    margin-bottom: 0;
}

.form-field label[b-1b54k7v2f7] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: rgba(var(--theme-ink-rgb), 0.8);
    font-size: 0.9rem;
}

.readonly-value[b-1b54k7v2f7] {
    padding: 0rem 1rem;
    background: rgba(var(--theme-ink-rgb), 0.1);
    border-radius: var(--theme-radius);
    color: rgba(var(--theme-ink-rgb), 0.6);
    font-weight: 500;
    letter-spacing: 0.05em;
}

.form-actions[b-1b54k7v2f7] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.loading-message[b-1b54k7v2f7], .error-message[b-1b54k7v2f7] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.error-message[b-1b54k7v2f7] {
    color: var(--theme-color-critical);
}

/* 관리자 그룹 스타일 */
.manager-group[b-1b54k7v2f7] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.manager-group:last-child[b-1b54k7v2f7] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.manager-group h4[b-1b54k7v2f7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb), 0.8);
    margin-bottom: 0.75rem;
}

.group-header[b-1b54k7v2f7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.group-header h4[b-1b54k7v2f7] {
    margin-bottom: 0;
}

.manager-item[b-1b54k7v2f7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(var(--theme-ink-rgb), 0.05);
    border-radius: var(--theme-radius);
    margin-bottom: 0.5rem;
}

.manager-item:last-child[b-1b54k7v2f7] {
    margin-bottom: 0;
}

.manager-info[b-1b54k7v2f7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  line-height: 1.2;
}

.manager-name[b-1b54k7v2f7] {
    font-weight: 600;
    color: var(--theme-ink);
}

.manager-role[b-1b54k7v2f7] {
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.btn-add[b-1b54k7v2f7] {
    padding: 0.4rem 0.8rem;
    background: var(--theme-color-primary);
    color: var(--theme-paper);
    border: none;
    border-radius: var(--theme-radius);
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: all 0.2s;
}

.btn-add:hover[b-1b54k7v2f7] {
    opacity: 0.8;
}

.btn-remove[b-1b54k7v2f7] {
    padding: 0.4rem 0.6rem;
    background: transparent;
    color: var(--theme-color-critical);
    border: 1px solid var(--theme-color-critical);
    border-radius: var(--theme-radius);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-remove:hover[b-1b54k7v2f7] {
    background: var(--theme-color-critical);
    color: var(--theme-paper);
}

.no-subscribers[b-1b54k7v2f7] {
    text-align: center;
    padding: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-size: 0.9rem;
}

/* 태그 그룹 스타일 */
.tag-group[b-1b54k7v2f7] {
    margin-bottom: 1.5rem;
}

.tag-group:last-child[b-1b54k7v2f7] {
    margin-bottom: 0;
}

.tag-group-title[b-1b54k7v2f7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb), 0.8);
    margin-bottom: 0.75rem;
}

/* 태그 아이템 컨테이너 - flexbox 자동 정렬 */
.tag-items-container[b-1b54k7v2f7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width:100%;
}

/* 태그 아이템 스타일 */
.tag-item[b-1b54k7v2f7] {
  flex: 1 1 calc(50% - 0.25rem); /* 기본: 2칸 */
  padding: 0.75rem 1rem;
  background: rgba(var(--theme-ink-rgb), 0.05);
  border-radius: var(--theme-radius);
  line-height: 0;
  width: 9rem;
}

.tag-abnormal[b-1b54k7v2f7] {
    background: rgba(var(--theme-ink-rgb), 0.15);
}

.tag-info[b-1b54k7v2f7] {
  display: flex;
  flex-direction: column;
  line-height: 0;
  padding: 1rem 0rem;
}

.tag-main[b-1b54k7v2f7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tag-status-abnormal[b-1b54k7v2f7] {
    padding: 0.2rem 0.6rem;
    border-radius: var(--theme-radius);
    font-size: 0.8rem;
    font-weight: 500;
    background: rgba(var(--theme-ink-rgb), 0.8);
    color: var(--theme-paper);
}

.tag-details[b-1b54k7v2f7] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  font-weight: lighter;
  color: rgba(var(--theme-ink-rgb), 0.8);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.tag-kgsw[b-1b54k7v2f7] {
    font-weight: 500;
}

.tag-liter[b-1b54k7v2f7], .tag-price[b-1b54k7v2f7] {
    font-weight: 500;
}

.no-tags[b-1b54k7v2f7] {
    text-align: center;
    padding: 2rem 1rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-size: 0.9rem;
}

.modal-box[b-1b54k7v2f7] {
  width: 90%;
  max-width: 30rem;
}
/* 팝업 스타일 */
.popup-header[b-1b54k7v2f7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.popup-header h3[b-1b54k7v2f7] {
    margin: 0;
    font-size: 1.2rem;
    color: var(--theme-ink);
}
.popup-info[b-1b54k7v2f7] {
  font-size: 0.9rem;
  color: rgba(var(--theme-ink-rgb), 0.7);
  margin-top: 0.25rem;
  line-height: 1.8;
  margin-bottom: 0.5rem;
}
.btn-close[b-1b54k7v2f7] {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  color: rgba(var(--theme-ink-rgb), 0.6);
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-close:hover[b-1b54k7v2f7] {
    color: var(--theme-ink);
}

.popup-body[b-1b54k7v2f7] {
    padding: 1.5rem;
}

.input-email[b-1b54k7v2f7] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid rgba(var(--theme-ink-rgb), 0.2);
    border-radius: var(--theme-radius);
    font-size: 1rem;
    background: var(--theme-paper);
    color: var(--theme-ink);
}

.input-email:focus[b-1b54k7v2f7] {
    outline: none;
    border-color: var(--theme-color-primary);
}

.error-text[b-1b54k7v2f7] {
    color: var(--theme-color-critical);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.popup-footer[b-1b54k7v2f7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.5rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

/* section-groups 기본 스타일 (540px 이하) */
.section-groups[b-1b54k7v2f7] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.section-groups .manager-group[b-1b54k7v2f7] {
    border-right: none;
    padding-right: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.section-groups .manager-group:last-child[b-1b54k7v2f7] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 541px 이상: 그리드 및 가로 배치 */
@media (min-width: 641px) {
    .form-section[b-1b54k7v2f7] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        padding: 1rem;
    }
    
    .section-header[b-1b54k7v2f7] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }
    
    .form-field[b-1b54k7v2f7] {
        margin-bottom: 0;
    }

    /* section-groups는 전체 너비 사용 */
    .section-groups[b-1b54k7v2f7] {
        grid-column: 1 / -1;
        flex-direction: row;
        gap: 1.5rem;
    }

    .section-groups .manager-group[b-1b54k7v2f7] {
        flex: 1;
        border-bottom: none;
        padding-bottom: 0;
        padding-right: 1.5rem;
        margin-bottom: 0;
        border-right: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    }

    .section-groups .manager-group:last-child[b-1b54k7v2f7] {
        border-right: none;
        padding-right: 0;
    }

    .form-actions[b-1b54k7v2f7] {
        flex-direction: row;
    }
    
    .form-actions button[b-1b54k7v2f7] {
        width: auto;
    }

    .popup-content[b-1b54k7v2f7] {
        width: 90%;
    }

    .manager-item[b-1b54k7v2f7] {
        flex-direction: row;
        align-items: center;
        gap: initial;
    }

    .btn-remove[b-1b54k7v2f7] {
        align-self: auto;
    }
}

/* 540px 이하 전용 스타일 */
@media (max-width: 640px) {
    .form-section[b-1b54k7v2f7] {
        padding: 1rem;
    }
    
    .form-actions[b-1b54k7v2f7] {
        flex-direction: column-reverse;
    }
    
    .form-actions button[b-1b54k7v2f7] {
        width: 100%;
    }

    .popup-content[b-1b54k7v2f7] {
        width: 95%;
    }

    .manager-item[b-1b54k7v2f7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .btn-remove[b-1b54k7v2f7] {
        align-self: flex-end;
    }
}

/* 반응형: 작은 화면에서는 1칸 */
@media (max-width: 640px) {
    .tag-item[b-1b54k7v2f7] {
        flex: 1 1 100%;
    }
}

/* 반응형: 중간 화면에서는 2칸 */
@media (min-width: 641px) and (max-width: 900px) {
    .tag-item[b-1b54k7v2f7] {
        flex: 1 1 calc(50% - 0.25rem);
    }
}

/* 반응형: 큰 화면에서는 3칸 */
@media (min-width: 901px) {
    .tag-item[b-1b54k7v2f7] {
        flex: 1 1 calc(33.333% - 0.34rem);
    }
}
/* _content/lemon/Components/Pages/Card/EnrollPeople.razor.rz.scp.css */
.page[b-tguz1hknw6] {
    padding:3rem 0rem;
    max-width : 46rem;
}

.selection-container[b-tguz1hknw6] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-wrap: wrap;
}

.selection[b-tguz1hknw6] {
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
}

.warning[b-tguz1hknw6] {
    color: var( --theme-color-critical);
}

.role-info[b-tguz1hknw6] {
    width: 70%; /* 이미 지정하신 너비 */
    margin: 0 auto; /* 블록을 수평 중앙 정렬 */

    font-size: 1rem;
    line-height: 200%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.role-info > h3[b-tguz1hknw6] {
    padding-bottom:0.5rem;
}
/* 뷰포트가 이하일 때 중앙 정렬 해제 */
@media screen and (max-width: 550px) {
    .role-info[b-tguz1hknw6] {
        margin: 0; /* 중앙 정렬 제거 */
        width: auto; /* 필요하다면 너비도 auto 혹은 100%로 변경 */
        /* align-items: flex-start;  내부 텍스트도 왼쪽 정렬하고 싶다면 추가 */
    }
}
    .role-info > div[b-tguz1hknw6]::before {
        content: '\f00c'; /* Font Awesome 아이콘 코드 */
        font-family: 'Icon_Regular'; /* 아이콘 폰트 패밀리 */
        padding-right: 0.5rem;
        color: rgba(var(--theme-ink-rgb), 0.5);
    }

.selection > div:nth-child(1)[b-tguz1hknw6] {
    font-weight: bold;
}

.selection > div:nth-child(2)[b-tguz1hknw6] {
    padding-left:2rem;
}

.line[b-tguz1hknw6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.submit[b-tguz1hknw6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 2rem;
}

.opt-sel[b-tguz1hknw6] {
    font-weight: 100;
}

.line-row[b-tguz1hknw6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex-wrap:wrap;
}

.line-row > div[b-tguz1hknw6] {
    flex: 0 0 1; /* 각 div가 동일한 너비를 가지도록 설정 */
    padding: 0.5rem; /* 패딩 추가 */
}
/* _content/lemon/Components/Pages/Card/EnrollPeople2.razor.rz.scp.css */
.page[b-a4zpc8q7cs] {
    padding: 3rem 0rem;
}

.card-container[b-a4zpc8q7cs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.5rem;
}

.card[b-a4zpc8q7cs] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:1rem;
    max-width: 30rem;
    width:100%;
    height: 20rem;
    line-height: 200%;
    border: 2px solid rgba(var(--theme-ink-rgb), 0.4);
    box-shadow: 0 0 0.5rem var(--theme-shadow-weak);
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.line[b-a4zpc8q7cs] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.info[b-a4zpc8q7cs] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.opt-sel[b-a4zpc8q7cs] {
    font-weight:100;
}
/* _content/lemon/Components/Pages/Card/List.razor.rz.scp.css */
.page[b-1pzaxh1u8j] {
    max-width: 67rem;
}

.card-new[b-1pzaxh1u8j] {
    margin: 0 0 1rem;
    padding: .85rem 1rem;
    border-radius: .6rem;
    background: var(--theme-color);
    color: var(--theme-dark-ink);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0,0,0,.12);
    max-width: 64rem;
    width: 100%;
    border: 2px solid var(--theme-color);
    transition: background-color .15s ease, border-color .15s ease, filter .15s ease;
}

    .card-new:hover[b-1pzaxh1u8j] {
        background: var(--theme-color-hover);
        border-color: var(--theme-color-active);
    }

.card-search[b-1pzaxh1u8j] {
    max-width: 64rem;
    margin: 0 auto 1rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 2rem;
}
    .card-search > div[b-1pzaxh1u8j] {
        position: relative;
    }
    .card-search > div:first-child[b-1pzaxh1u8j] {
        flex-grow:1;
    }
    .card-search > div:not(:last-child)[b-1pzaxh1u8j]::after {
        content: '';
        position: absolute;
        right: calc(-2rem / 2);
        top: 50%;
        transform: translate(50%, -50%);
        width: 0.05rem;
        height: 60%;
        background: rgba(var(--theme-ink-rgb), 0.15);
    }


.cards-grid[b-1pzaxh1u8j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.4rem;
    align-items: stretch;
    max-width: 64rem;
    margin: 0 auto;
}

.card-tile[b-1pzaxh1u8j] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: 1rem;
    border-radius: 0.7rem;
    background: var(--theme-color);
    box-shadow: 0 8px 20px var(--theme-shadow-weak);
    border: 2px solid var(--theme-color);
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}

    .card-tile:hover[b-1pzaxh1u8j] {
        border-color: var(--theme-color-active);
    }

        .card-tile:hover .card-kind[b-1pzaxh1u8j] {
            background: rgba(255,255,255,0.3);
        }

    .card-tile.new-card[b-1pzaxh1u8j] {
        display: grid;
        place-items: center;
        border-style: dashed;
        border-color: rgba(var(--theme-ink-rgb),0.3);
        background: rgba(var(--theme-ink-rgb), 0.1);
    }

        .card-tile.new-card .new-card-inner[b-1pzaxh1u8j] {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: .35rem;
            color: var(--theme-ink);
        }

        .card-tile.new-card .icon[b-1pzaxh1u8j] {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--theme-color-critical);
            color: var(--theme-dark-ink);
            font-weight: 900;
            font-size: 1.4rem;
        }

        .card-tile.new-card .label[b-1pzaxh1u8j] {
            font-weight: 700;
        }

        .card-tile.new-card:hover[b-1pzaxh1u8j] {
            border-color: var(--theme-color);
            background: rgba(var(--theme-color-rgb), 1);
        }

.card-header[b-1pzaxh1u8j] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
}

.card-name[b-1pzaxh1u8j] {
    font-size: 1.2rem;
    font-weight: 200;
    color: var(--theme-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-kind[b-1pzaxh1u8j] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--theme-ink);
    background: rgba(255,255,255,0.3);
    padding: .15rem .5rem;
    border-radius: .5rem;
    transition: background .14s ease;
    white-space: nowrap;
}
   

.card-number[b-1pzaxh1u8j] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    color: rgba(var(--theme-ink-rgb), 0.7);
}

.card-balance[b-1pzaxh1u8j] {
    margin-top: auto;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--theme-ink);
    border-top: 1px dashed rgba(var(--theme-ink-rgb),0.3);
    padding: .5rem .6rem;
    text-align: right;
    transition: border-color .14s ease;
}
    .card-balance[b-1pzaxh1u8j]:after {
        content: '원';
        padding-left: 0.5rem;
        font-size: 0.8rem;
        color: rgba(var(--theme-ink-rgb), 0.7);
    }

    .card-balance.negative[b-1pzaxh1u8j] {
        color: var(--theme-color-critical);
    }

.loading[b-1pzaxh1u8j] {
    padding: 1rem;
    text-align: center;
    color: var(--theme-ink-soft, #64748b);
}

.no-cards[b-1pzaxh1u8j] {
    padding: 2rem;
    text-align: center;
    color: var(--theme-ink-soft, #64748b);
}

/* Section + Divider between admin and owner lists */
.section[b-1pzaxh1u8j] {
    max-width: 64rem;
    margin: 1rem auto 1.25rem;
}

.divider[b-1pzaxh1u8j] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(var(--theme-ink-rgb), 0.75);
    font-weight: 600;
    padding: .25rem 0 .5rem;
}

    .divider[b-1pzaxh1u8j]::before,
    .divider[b-1pzaxh1u8j]::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: rgba(var(--theme-ink-rgb), 0.1);
    }

/* Loading indicator styling */
.loading-indicator[b-1pzaxh1u8j] {
     display: flex;
     align-items: center;
     gap: .6rem;
     justify-content: center;
     padding: .75rem;
     color: var(--theme-disabled-ink);
 }

@media (max-width: 480px) {

    .card-search[b-1pzaxh1u8j] {
        max-width: 64rem;
        margin: 0 auto 1rem;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.5rem;
    }

        .card-search > div[b-1pzaxh1u8j] {
            position: relative;
        }

            .card-search > div:first-child[b-1pzaxh1u8j] {
                flex-grow: 1;
                width:100%;
            }

            .card-search > div:not(:last-child)[b-1pzaxh1u8j]::after {
                display: none;
            }

}
/* _content/lemon/Components/Pages/Card/ListForParents.razor.rz.scp.css */
.page[b-nujswnbmpp] {
    padding: 2rem 2rem 4rem 2rem;
}

.card-new[b-nujswnbmpp] {
    margin: 0 0 1rem;
    padding: .85rem 1rem;
    border-radius: .6rem;
    background: var(--theme-color);
    color: var(--theme-dark-ink);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0,0,0,.12);
    max-width: 64rem;
    width: 100%;
    border: 2px solid var(--theme-color);
    transition: background-color .15s ease, border-color .15s ease, filter .15s ease;
}

    .card-new:hover[b-nujswnbmpp] {
        background: var(--theme-color-hover);
        border-color: var(--theme-color-active);
    }

.card-search[b-nujswnbmpp] {
    max-width: 64rem;
    margin: 0 auto 1rem;
}

    .card-search input[b-nujswnbmpp] {
        width: 100%;
    }

.cards-grid[b-nujswnbmpp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
    align-items: stretch;
    max-width: 64rem;
    margin: 0 auto;
}

.card-tile[b-nujswnbmpp] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: 1rem;
    border-radius: 0.7rem;
    background: var(--theme-paper);
    box-shadow: 0 8px 20px var(--theme-shadow-weak);
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}

    .card-tile:hover[b-nujswnbmpp] {
        background-color: var(--theme-color);
    }

        .card-tile:hover .card-kind[b-nujswnbmpp] {
            background: rgba(var(--theme-color-critical-rgb),0.5);
        }

    .card-tile:hover[b-nujswnbmpp] {
        border-color: var(--theme-color);
    }

    .card-tile:hover[b-nujswnbmpp] {
        border-color: var(--theme-color);
    }

    .card-tile.new-card[b-nujswnbmpp] {
        display: grid;
        place-items: center;
        border-style: dashed;
        border-color: rgba(var(--theme-ink-rgb),0.3);
        background: rgba(var(--theme-ink-rgb), 0.1);
    }

        .card-tile.new-card .new-card-inner[b-nujswnbmpp] {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: .35rem;
            color: var(--theme-ink);
        }

        .card-tile.new-card .icon[b-nujswnbmpp] {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--theme-color-critical);
            color: var(--theme-dark-ink);
            font-weight: 900;
            font-size: 1.4rem;
        }

        .card-tile.new-card .label[b-nujswnbmpp] {
            font-weight: 700;
        }

        .card-tile.new-card:hover[b-nujswnbmpp] {
            border-color: var(--theme-color);
            background: rgba(var(--theme-color-rgb), 1);
        }

.card-header[b-nujswnbmpp] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
}

.card-name[b-nujswnbmpp] {
    font-size: 1.2rem;
    font-weight: 200;
    color: var(--theme-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-kind[b-nujswnbmpp] {
    font-size: .8rem;
    font-weight: 400;
    color: rgba(var(--theme-ink-rgb),0.8);
    background: rgba(var(--theme-color-rgb), 0.7);
    padding: .15rem .5rem;
    border-radius: .5rem;
    transition: background .14s ease;
}


.card-number[b-nujswnbmpp] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    color: rgba(var(--theme-ink-rgb), 0.7);
}

.card-balance[b-nujswnbmpp] {
    margin-top: auto;
    font-weight: 200;
    font-size: 1.4rem;
    color: var(--theme-ink);
    border-top: 1px dashed rgba(var(--theme-ink-rgb),0.3);
    padding: .5rem .6rem;
    text-align: right;
    transition: border-color .14s ease;
}

    .card-balance[b-nujswnbmpp]:after {
        content: '원';
        padding-left: 0.5rem;
        font-size: 0.8rem;
        color: rgba(var(--theme-ink-rgb), 0.7);
    }

.loading[b-nujswnbmpp] {
    padding: 1rem;
    text-align: center;
    color: var(--theme-ink-soft, #64748b);
}

.no-cards[b-nujswnbmpp] {
    padding: 2rem;
    text-align: center;
    color: var(--theme-ink-soft, #64748b);
}

/* Loading indicator styling */
.loading-indicator[b-nujswnbmpp] {
    display: flex;
    align-items: center;
    gap: .6rem;
    justify-content: center;
    padding: .75rem;
    color: var(--theme-disabled-ink);
}

    .loading-indicator .spinner[b-nujswnbmpp] {
        width: 16px;
        height: 16px;
        border: 2px solid var(--theme-disabled-paper);
        border-top-color: var(--theme-color-critical);
        border-radius: 50%;
        animation: spin-b-nujswnbmpp 1s linear infinite;
    }

@keyframes spin-b-nujswnbmpp {
    to {
        transform: rotate(360deg);
    }
}
/* _content/lemon/Components/Pages/Card/MyCard.razor.rz.scp.css */
/* 페이지 레이아웃 - 프로젝트 표준 패턴 */
.page[b-49r0hs5fqp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden; /* 좌우 스크롤 방지 */
}

/* 카드 컨테이너 */
.card-container[b-49r0hs5fqp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 1rem;
    height: 18.5rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s ease;
    max-width: 40rem;
    align-content: center;
    align-items: center;
}

/* 카드 비주얼 */
.card-visual[b-49r0hs5fqp] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 1rem;
    min-width: 24rem;
    max-width: 28rem;
    padding: 1.5rem;
    position: relative;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); /*AI에게, 유지*/
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 2px solid var(--theme-color); /*AI에게, 유지*/
    transition: transform 0.4s ease, opacity 0.4s ease, border 0.2s ease;
}
.card-visual:hover[b-49r0hs5fqp] {
    border-color: var(--theme-color-active); /*AI에게, 유지*/
}

.card-info[b-49r0hs5fqp] {
  animation: fadeInOut-b-49r0hs5fqp 3s ease-in-out forwards;
  font-size: 0.9rem;
  text-align: center;
  white-space: wrap;
  word-break: auto-phrase;
  width: 100vw;
  line-height: 1.2rem;
  padding-top: 0.5rem;
}

/* 카드 액션 */
.card-action[b-49r0hs5fqp] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.4s ease, transform 0.4s ease;
    align-content: center;
    justify-content: center;
    background: var(--theme-color);
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); /*AI에게, 유지*/
}
    .card-action > div[b-49r0hs5fqp] {
        position: relative;
    }

    .card-action > div:not(:last-child)[b-49r0hs5fqp]::after {
        content: '';
        position: absolute;
        right: -0.5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.05rem;
        height: 60%;
        background: rgba(var(--theme-ink-rgb), 0.15);
    }
    .card-action.unlogged[b-49r0hs5fqp] {
        display: flex;
        gap: 1rem;
        padding: 1rem;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.4s ease, transform 0.4s ease;
        align-content: center;
        justify-content: center;
        background-color: rgba(var(--theme-ink-rgb), 0.05);
        color: var(--theme-color-critical);
        gap:2rem;
        flex-wrap: nowrap;
    }
        .card-action.unlogged > i[b-49r0hs5fqp] {
            font-size: 3rem;
            height: 100%;
            align-content: center;
            justify-content: center;
        }
        .card-action.unlogged > p[b-49r0hs5fqp] {
            line-height: 2rem;
        }
        .card-action.unlogged > div[b-49r0hs5fqp]::after {
            display: none;
        }
/* 확장된 상태 */
.card-container.expanded .card-visual[b-49r0hs5fqp] {
    transform: translateY(-200px);
    opacity: 0.3;
}

.card-container.expanded .card-action[b-49r0hs5fqp] {
    opacity: 1;
    transform: translateY(-200px);
}

/* 카드 헤더 */
.card-header[b-49r0hs5fqp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.card-name[b-49r0hs5fqp] {
    font-size: 1.3rem;
    font-weight: 700;
}

.card-badge[b-49r0hs5fqp] {
    background: rgba(255,255,255,0.3);
    color: var(--theme-ink);
    padding: 0.4rem 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.card-number[b-49r0hs5fqp] {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-top: 0.5rem;
}

/* 카드 구분선 */
.card-divider[b-49r0hs5fqp] {
    width: 100%;
    height: 1px;
    background: rgba(var(--theme-ink-rgb), 0.3);
    margin: 0.2rem 0;
}

/* 카드 잔액 */
.card-balance[b-49r0hs5fqp] {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: right;
}

.card-balance.negative[b-49r0hs5fqp] {
    color: var(--theme-color-critical);
}

/* 검색 섹션 */
.search-section[b-49r0hs5fqp] {
    width: 100%;
    max-width: 40rem;
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(var(--theme-ink-rgb), 0.05);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: rgba(var(--theme-ink-rgb), 0.7);
    justify-content: flex-end;
}

.search-section > div[b-49r0hs5fqp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

/* 거래 내역 섹션 */
.transaction-history[b-49r0hs5fqp] {
    width: 100%;
    max-width: 40rem;
    margin-top: 2rem;
}

.transaction-history h3[b-49r0hs5fqp] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--theme-ink);
    padding-left: 0.5rem;
}

/* 거래 항목 */
.transaction-item[b-49r0hs5fqp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    transition: background-color 0.2s ease;
    border-radius: 0.5rem;
    line-height: 1.2rem;
    cursor: pointer;
}

.transaction-item:nth-child(odd)[b-49r0hs5fqp] {
    background: rgba(var(--theme-ink-rgb), 0.05);
}

.transaction-item:hover[b-49r0hs5fqp] {
    background: rgba(var(--theme-color-rgb), 1);
}

.transaction-info[b-49r0hs5fqp] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.transaction-type[b-49r0hs5fqp] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--theme-ink);
}

.transaction-date[b-49r0hs5fqp] {
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.transaction-details[b-49r0hs5fqp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.weight[b-49r0hs5fqp] {
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.cost[b-49r0hs5fqp] {
    font-weight: 700;
    font-size: 0.9rem;
}

.cost.positive[b-49r0hs5fqp] {
    color: var(--theme-color-critical);
}

.cost.negative[b-49r0hs5fqp] {
    color: var(--theme-ink);
}

.balance-after[b-49r0hs5fqp] {
    font-size: 0.75rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
}

/* 모바일 최적화 */
@media (max-width: 480px) {
    .transaction-history[b-49r0hs5fqp] {
        margin-top: 1.5rem;
    }

    .transaction-item[b-49r0hs5fqp] {
        padding: 0.75rem;
    }

    .card-container[b-49r0hs5fqp] {
        padding: 0;
    }

    .card-visual[b-49r0hs5fqp] {
        max-width: 100%;
        min-width: 0;
        width: 100%;
        box-shadow: 0 0 0rem rgba(0, 0, 0, 0.1); /*AI에게, 유지*/
    }

    /* 2x2 타일 + 노란 배경 + 가로/세로 얕은 구분선 */
    .card-action[b-49r0hs5fqp] {
        /* grid 2열 구성 */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        gap: 0;

        /* 노란 배경 유지 */
        background: var(--theme-color);
        border-radius: 1rem;

        /* 기존 flex 컨테이너의 영향 제거 및 라인 마스킹 */
        flex: 0 0 auto;
        min-width: 0;
        padding: 0;
        overflow: hidden;
        position: relative;
    }
    
    /* 세로선 - 각 타일의 아이콘 중앙에 맞춤 */
    .card-action[b-49r0hs5fqp]::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 0.05rem;
        height: 100%;
        background: linear-gradient(
            to bottom,
            transparent 0%,
            transparent calc(10% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(10% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(40% - 0.4rem),
            transparent calc(40% - 0.4rem),
            transparent calc(60% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(60% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(90% - 0.4rem),
            transparent calc(90% - 0.4rem),
            transparent 100%
        );
        pointer-events: none;
    }

    /* 가로선 - 각 타일의 아이콘 중앙에 맞춤 */
    .card-action[b-49r0hs5fqp]::after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 0.05rem;
        background: linear-gradient(
            to right,
            transparent 0%,
            transparent calc(10% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(10% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(40% - 0.4rem),
            transparent calc(40% - 0.4rem),
            transparent calc(60% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(60% + 0.4rem),
            rgba(var(--theme-ink-rgb), 0.15) calc(90% - 0.4rem),
            transparent calc(90% - 0.4rem),
            transparent 100%
        );
        pointer-events: none;
    }

    /* 각 타일 내용 정렬 및 배경 제거 */
    .card-action > div[b-49r0hs5fqp] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.8rem; /* 80% 크기 조정을 위한 padding 감소 */
        background: transparent; /* 모바일에서 자식 배경 제거 */
        border-radius: 0;
        position: relative;
        font-size: 0.8rem; /* 80% 크기 */
    }

    /* 모바일에서 카드 액션 내 아이콘 크기 80% */
    .card-action > div i[b-49r0hs5fqp],
    .card-action > div .icon[b-49r0hs5fqp] {
        font-size: 0.8em; /* 부모 요소의 80% */
        transform: scale(0.8);
    }

    /* 모바일에서 카드 액션 내 버튼 크기 80% */
    .card-action > div button[b-49r0hs5fqp],
    .card-action > div .button[b-49r0hs5fqp] {
        transform: scale(0.8);
        transform-origin: center;
    }

    /* 데스크톱용 세로 구분선 제거(모바일에선 grid + ::before 사용) */
    .card-action > div[b-49r0hs5fqp]::after,
    .card-action > div:not(:last-child)[b-49r0hs5fqp]::after {
        display: none !important;
        content: none !important;
    }

    .card-balance[b-49r0hs5fqp] {
        padding-right: 0.5rem;
    }

    .card-container.expanded .card-visual[b-49r0hs5fqp] {
        transform: translateY(-200px);
        opacity: 0.3;
    }

    .card-container.expanded .card-action[b-49r0hs5fqp] {
        opacity: 1;
        transform: translateY(-270px);
    }

    .search-section[b-49r0hs5fqp] {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
    }
        .search-section > div[b-49r0hs5fqp] {
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            gap: 0.5rem;
            flex: 1 1 auto;
            line-height: 1.2rem;
            word-break: auto-phrase;
        }

}

@keyframes fadeInOut-b-49r0hs5fqp {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/* _content/lemon/Components/Pages/Chat/Chat.razor.rz.scp.css */
/* full-screen background behind chat page, similar to AreMessageBox modal overlay */
.chat-screen[b-bv5unb0wcn] {
    position: relative;
    min-height: 90dvh;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.chat-screen[b-bv5unb0wcn]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    background: repeating-linear-gradient(50deg,
                rgba(0, 0, 0, 0.6) 0px,
                rgba(0, 0, 0, 0.6) 1px,
                rgba(0, 0, 0, 0.7) 1px,
                rgba(0, 0, 0, 0.7) 5px);
}

.chat-page[b-bv5unb0wcn] {
    position: relative;
    z-index: 1; /* above background */
    /* account for parent article padding (1rem top + 1rem bottom) */
    height: calc(100vh - 2rem); /* fallback */
    height: calc(100svh - 2rem); /* modern small viewport */
    height: calc(100dvh - 2rem); /* modern dynamic viewport */
    display: flex;
    flex-direction: column;
    background: var(--theme-background);
    width: 40rem;
    margin: 0 auto;
    overflow: hidden; /* avoid tiny body scroll from subpixel rounding */
    box-shadow: 0 10px 30px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.06);
}

.chat-header[b-bv5unb0wcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.3);
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-left[b-bv5unb0wcn] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* align actions without inline style */
.header-actions[b-bv5unb0wcn] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.btn-back[b-bv5unb0wcn] {
    background: none;
    border: none;
    padding: 0.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    color: var(--theme-ink);
    font-size: 1.2rem;
    transition: background-color 0.2s ease;
}

.btn-back:hover[b-bv5unb0wcn] {
    background: rgba(var(--theme-ink-rgb), 0.1);
}

.thread-info h3[b-bv5unb0wcn] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--theme-ink);
}

.participant-count[b-bv5unb0wcn] {
    font-size: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

/* participants row and chips */
.participants-row[b-bv5unb0wcn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.25rem;
}
.participants-row > i[b-bv5unb0wcn] {
    color: rgba(var(--theme-ink-rgb), 1);
    font-size: 1.5rem;
}
.participants-row .chips[b-bv5unb0wcn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.participant-chip[b-bv5unb0wcn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.8rem;
    line-height: 1.8;
    border-radius: 999px;
    background: var(--theme-paper);
    border: 2px solid rgba(var(--theme-ink-rgb), 0.2);
}

/* modal layout pieces */
.modal-box .title[b-bv5unb0wcn] { padding-bottom: 0.75rem; }
.form-row[b-bv5unb0wcn] { margin-bottom: 0.75rem; }
.modal-box .button-group[b-bv5unb0wcn] { padding-top: 0.9rem; display:flex; gap:0.5rem; justify-content:flex-end; }

/* card select list */
.card-select-list[b-bv5unb0wcn] {
    max-height: 280px;
    overflow: auto;
    border: 1px solid #eee;
    border-radius: 6px;
}
.card-item[b-bv5unb0wcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}
.card-item:last-child[b-bv5unb0wcn] { border-bottom: none; }
.card-item .selected-icon[b-bv5unb0wcn] { color: #2a7; font-size: 1.1rem; }

/* optionally size icons in card list */
.card-select-list .card-item i[b-bv5unb0wcn] { font-size: 2rem; }

.chat-body[b-bv5unb0wcn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-welcome[b-bv5unb0wcn] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.welcome-content[b-bv5unb0wcn] {
    text-align: center;
    max-width: 400px;
}

.welcome-content i[b-bv5unb0wcn] {
    font-size: 4rem;
    color: rgba(var(--theme-ink-rgb), 0.3);
    margin-bottom: 1rem;
}

.welcome-content h3[b-bv5unb0wcn] {
    margin: 0 0 0.5rem 0;
    color: var(--theme-ink);
    font-weight: 600;
}

.welcome-content p[b-bv5unb0wcn] {
    color: rgba(var(--theme-ink-rgb), 0.7);
    margin-bottom: 2rem;
    line-height: 1.5;
}

.btn-start-chat[b-bv5unb0wcn] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-start-chat:hover[b-bv5unb0wcn] {
    background: var(--theme-color-hover);
    transform: translateY(-1px);
}

.connection-error[b-bv5unb0wcn] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.error-content[b-bv5unb0wcn] {
    text-align: center;
    max-width: 400px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 1rem;
    padding: 2rem;
}

.error-content i[b-bv5unb0wcn] {
    font-size: 3rem;
    color: #dc2626;
    margin-bottom: 1rem;
}

.error-content h3[b-bv5unb0wcn] {
    margin: 0 0 1rem 0;
    color: #dc2626;
    font-weight: 600;
}

.error-content p[b-bv5unb0wcn] {
    color: #7f1d1d;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.btn-retry[b-bv5unb0wcn] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-retry:hover[b-bv5unb0wcn] {
    background: #b91c1c;
    transform: translateY(-1px);
}

.messages[b-bv5unb0wcn] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    scroll-behavior: smooth;
}

.loading-indicator[b-bv5unb0wcn] {
    text-align: center;
    padding: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.loading-indicator i[b-bv5unb0wcn] {
    animation: spin-b-bv5unb0wcn 1s linear infinite;
}

.message-wrapper[b-bv5unb0wcn] {
    margin-bottom: 0rem;
    display: flex;
}

.message-wrapper.mine[b-bv5unb0wcn] {
    justify-content: flex-end;
    flex-direction: column; /* stack header/bubble/meta vertically */
    align-items: flex-end;   /* right align for my messages */
}

.message-wrapper.other[b-bv5unb0wcn] {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;  /* already vertical stack */
}

.message[b-bv5unb0wcn] {
    max-width: 70%;
    background: var(--theme-paper);
    border: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    border-radius: 1rem;
    padding: 0.7rem 1rem;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;               /* center content vertically */
    flex-direction: column;      /* keep vertical flow */
    justify-content: center;     /* vertical centering */
}

.message-wrapper.mine .message[b-bv5unb0wcn] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border-color: var(--theme-color);
}

.message-wrapper.other .message[b-bv5unb0wcn] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #e2e8f0;
}

.message-content[b-bv5unb0wcn] {
    margin: 0; /* remove bottom margin so true vertical center works */
    line-height: 1.4;
}

.message-time[b-bv5unb0wcn] {
    font-size: 0.72rem;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.read-indicator[b-bv5unb0wcn] {
    font-size: 0.75rem;
}

.read-indicator.fa-check[b-bv5unb0wcn] {
    color: rgba(var(--theme-ink-rgb), 0.5);
}

.read-indicator.fa-check-double[b-bv5unb0wcn] {
    color: var(--theme-color);
}

.message-meta[b-bv5unb0wcn] {
    font-size: 0.72rem;
    opacity: 0.7;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom:1rem;
}
.message-wrapper.mine .message-meta[b-bv5unb0wcn] { justify-content: flex-end; }
.message-wrapper.other .message-meta[b-bv5unb0wcn] { justify-content: flex-start; margin-left: 0.2rem; }

.message-composer[b-bv5unb0wcn] {
    padding: 0.8rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb), 0.3);
    background: var(--theme-background);
}

.composer-input[b-bv5unb0wcn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--theme-paper);
    border-radius: 1.5rem;
    padding: 0.5rem;
}

.composer-input input[b-bv5unb0wcn] {
    flex: 1;
    border: none;
    background: none;
    padding: 0.5rem 1rem;
    outline: none;
    font-size: 1rem;
    color: var(--theme-ink);
    height:2rem;
}

.composer-input input[b-bv5unb0wcn]::placeholder {
    color: rgba(var(--theme-ink-rgb), 0.5);
}

.composer-input input:disabled[b-bv5unb0wcn] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-send[b-bv5unb0wcn] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-send:hover:not(:disabled)[b-bv5unb0wcn] {
    background: var(--theme-color-hover);
    transform: scale(1.05);
}

.btn-send:disabled[b-bv5unb0wcn] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.btn-send i[b-bv5unb0wcn] { animation: none; }
.btn-send i.fa-spinner[b-bv5unb0wcn] { animation: spin-b-bv5unb0wcn 1s linear infinite; }

/* Sender header (icon + name) outside bubble */
.sender-header[b-bv5unb0wcn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.2rem 0.15rem; /* small left indent and tight bottom gap */
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.sender-header i[b-bv5unb0wcn] {
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
}

.message-wrapper.other .message[b-bv5unb0wcn] { margin-top: 0.05rem; }

/* tighten spacing a bit */
.message-content[b-bv5unb0wcn] { margin: 0; }
.message-time[b-bv5unb0wcn] { font-size: 0.72rem; }

/* ��ũ�ѹ� ��Ÿ�ϸ� */
.messages[b-bv5unb0wcn]::-webkit-scrollbar { width: 6px; }
.messages[b-bv5unb0wcn]::-webkit-scrollbar-track { background: transparent; }
.messages[b-bv5unb0wcn]::-webkit-scrollbar-thumb { background: rgba(var(--theme-ink-rgb), 0.2); border-radius: 3px; }
.messages[b-bv5unb0wcn]::-webkit-scrollbar-thumb:hover { background: rgba(var(--theme-ink-rgb), 0.3); }

/* �ִϸ��̼� */
@keyframes spin-b-bv5unb0wcn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fadeIn-b-bv5unb0wcn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.message-wrapper[b-bv5unb0wcn] { animation: fadeIn-b-bv5unb0wcn 0.3s ease-out; }

/* ������_design */
@media (max-width: 768px) {
    .chat-page[b-bv5unb0wcn] {
        /* ensure proper height on mobile browsers while subtracting parent padding */
        height: calc(100svh - 2rem);
        height: calc(100dvh - 2rem);
        max-width: 100%;
    }
    .chat-header[b-bv5unb0wcn] { padding: 0.75rem; }
    .thread-info h3[b-bv5unb0wcn] { font-size: 1.1rem; }
    .btn-complaint[b-bv5unb0wcn] { padding: 0.5rem 0.75rem; font-size: 0.8rem; }
    .btn-complaint span[b-bv5unb0wcn] { display: none; }
    .messages[b-bv5unb0wcn] { padding: 0.75rem; }
    .message[b-bv5unb0wcn] { max-width: 85%; padding: 0.625rem 0.875rem; }
    .message-composer[b-bv5unb0wcn] { padding: 0.75rem; }
    .composer-input[b-bv5unb0wcn] { padding: 0.375rem; }
    .composer-input input[b-bv5unb0wcn] { padding: 0.375rem 0.75rem; font-size: 0.9rem; }
    .btn-send[b-bv5unb0wcn] { width: 2.25rem; height: 2.25rem; font-size: 0.875rem; }
    .welcome-content[b-bv5unb0wcn] { padding: 0 1rem; }
    .welcome-content i[b-bv5unb0wcn] { font-size: 3rem; }
    .error-content[b-bv5unb0wcn] { margin: 0 1rem; padding: 1.5rem; }
    .error-content i[b-bv5unb0wcn] { font-size: 2.5rem; }
}

@media (max-width: 480px) {
    .chat-header[b-bv5unb0wcn] { padding: 0.5rem; }
    .header-left[b-bv5unb0wcn] { gap: 0.5rem; }
    .thread-info h3[b-bv5unb0wcn] { font-size: 1rem; }
    .participant-count[b-bv5unb0wcn] { font-size: 0.8rem; }
    .message[b-bv5unb0wcn] { max-width: 90%; padding: 0.5rem 0.75rem; }
    .message-content[b-bv5unb0wcn] { font-size: 0.9rem; }
    .message-time[b-bv5unb0wcn] { font-size: 0.7rem; }
}

.read-only-banner[b-bv5unb0wcn] { color:#c0392b; font-size:.85rem; margin-top:.25rem; }.read-only-banner[b-bv5unb0wcn] { color:#c0392b; font-size:.85rem; margin-top:.25rem; }
/* _content/lemon/Components/Pages/Chat/ChatList.razor.rz.scp.css */
.chat-list-page[b-y8f8ytt5iu] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
}

.page-header[b-y8f8ytt5iu] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.page-header h2[b-y8f8ytt5iu] {
    margin: 0;
    color: var(--theme-ink);
    font-weight: 600;
}

.btn-new[b-y8f8ytt5iu] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
}

.btn-new:hover[b-y8f8ytt5iu] {
    background: var(--theme-color-hover);
    transform: translateY(-1px);
}

.database-error[b-y8f8ytt5iu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    min-height: 400px;
}

.error-content[b-y8f8ytt5iu] {
    text-align: center;
    max-width: 600px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 1rem;
    padding: 2rem;
}

.error-content i[b-y8f8ytt5iu] {
    font-size: 4rem;
    color: #dc2626;
    margin-bottom: 1rem;
}

.error-content h3[b-y8f8ytt5iu] {
    margin: 0 0 1rem 0;
    color: #dc2626;
    font-weight: 600;
}

.error-content p[b-y8f8ytt5iu] {
    color: #7f1d1d;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.error-content code[b-y8f8ytt5iu] {
    display: block;
    background: #1f2937;
    color: #f9fafb;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-family: 'Courier New', monospace;
    margin: 1rem 0;
    font-size: 0.9rem;
}

.btn-retry[b-y8f8ytt5iu],
.btn-back-home[b-y8f8ytt5iu] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    margin: 0.5rem;
    transition: all 0.2s ease;
}

.btn-retry:hover[b-y8f8ytt5iu],
.btn-back-home:hover[b-y8f8ytt5iu] {
    background: #b91c1c;
    transform: translateY(-1px);
}

.btn-back-home[b-y8f8ytt5iu] {
    background: #6b7280;
}

.btn-back-home:hover[b-y8f8ytt5iu] {
    background: #4b5563;
}

.chat-threads[b-y8f8ytt5iu] {
    margin-bottom: 2rem;
}

/* Thread items styled similar to .card-item */
.thread-item[b-y8f8ytt5iu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    box-sizing: border-box;

    border-radius: var(--theme-radius);

    background-color: var(--theme-paper);
    color: var(--theme-black);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.05s ease;
}
    .thread-item:hover[b-y8f8ytt5iu] {
        background-color: var(--theme-color);
    }
.thread-item:active[b-y8f8ytt5iu] {
    background-color: var(--theme-color-active);
}
/* Use selected-like styling for unread threads */
.thread-item.unread[b-y8f8ytt5iu] {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    border-bottom-color: var(--theme-color) !important;
    color: var(--theme-ink);
}

.thread-info[b-y8f8ytt5iu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.thread-title[b-y8f8ytt5iu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--theme-ink);
}

.unread-badge[b-y8f8ytt5iu] {
    background: var(--theme-color);
    color: var(--theme-ink);
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    min-width: 1.5rem;
    text-align: center;
    font-weight: 500;
}

.thread-meta[b-y8f8ytt5iu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.last-message[b-y8f8ytt5iu] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

.thread-actions[b-y8f8ytt5iu] {
    color: rgba(var(--theme-ink-rgb), 0.4);
}

.empty-state[b-y8f8ytt5iu] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.empty-state i[b-y8f8ytt5iu] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.3);
}

.btn-start[b-y8f8ytt5iu] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    margin-top: 1rem;
}

.complaints-section[b-y8f8ytt5iu] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.complaints-section h3[b-y8f8ytt5iu] {
    margin: 0 0 1rem 0;
    color: var(--theme-ink);
    font-weight: 600;
}

.complaint-item[b-y8f8ytt5iu] {
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    margin-bottom: 0.5rem;
    background: var(--theme-paper);
}

.complaint-item.open[b-y8f8ytt5iu] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.05);
}

.complaint-item.closed[b-y8f8ytt5iu] {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.05);
}

.complaint-header[b-y8f8ytt5iu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.complaint-id[b-y8f8ytt5iu] {
    font-family: monospace;
    font-weight: 600;
    color: var(--theme-ink);
}

.complaint-status[b-y8f8ytt5iu] {
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.complaint-status.open[b-y8f8ytt5iu] {
    background: #f59e0b;
    color: white;
}

.complaint-status.closed[b-y8f8ytt5iu] {
    background: #10b981;
    color: white;
}

.complaint-title[b-y8f8ytt5iu] {
    font-weight: 500;
    color: var(--theme-ink);
    margin-bottom: 0.5rem;
}

.complaint-meta[b-y8f8ytt5iu] {
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
    display: flex;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.btn-chat[b-y8f8ytt5iu] {
    background: none;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-chat:hover[b-y8f8ytt5iu] {
    background: var(--theme-color);
    color: var(--theme-ink);
}

/* ������ ������ */
@media (max-width: 768px) {
    .page-header[b-y8f8ytt5iu] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .thread-meta[b-y8f8ytt5iu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .complaint-header[b-y8f8ytt5iu] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: flex-start;
    }
    
    .error-content[b-y8f8ytt5iu] {
        padding: 1.5rem;
        margin: 1rem;
    }

    .error-content i[b-y8f8ytt5iu] {
        font-size: 3rem;
    }

    .btn-retry[b-y8f8ytt5iu],
    .btn-back-home[b-y8f8ytt5iu] {
        display: block;
        width: 100%;
        margin: 0.5rem 0;
    }
}

@media (max-width: 480px) {
    .complaint-item[b-y8f8ytt5iu] {
        padding: 1rem;
    }
    
    .chat-list-page[b-y8f8ytt5iu] {
        padding: 0.5rem;
    }
}


.card-select-list[b-y8f8ytt5iu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.25rem;
    border: none;
}

/* ��ư ��Ÿ���� ������ ī�� �׸� ��Ÿ�� */
.card-item[b-y8f8ytt5iu] {
    border-radius: var(--theme-radius);
    border: 2px solid var(--theme-paper);
    /* �Ʒ��� ������ �ζ��� ��Ÿ��(border-bottom:1px ...)�� ���� ������ �ʵ��� ���� */
    border-bottom-color: var(--theme-paper) !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    background-color: var(--theme-paper);
    color: var(--theme-black);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.05s ease;
    box-sizing: border-box;
}
.card-item:hover[b-y8f8ytt5iu] {
    border-color: var(--theme-color-active);
    border-bottom-color: var(--theme-color-active) !important;
}
.card-item:active[b-y8f8ytt5iu] {
    background-color: var(--theme-color-active);
    border-color: var(--theme-color-active);
    border-bottom-color: var(--theme-color-active) !important;
}
.card-item.selected[b-y8f8ytt5iu] {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    border-bottom-color: var(--theme-color) !important;
}

/* ī�� ���� �˾��� ������ ũ�� */
.card-select-list .card-item i[b-y8f8ytt5iu] {
    font-size: 2rem !important;
    line-height: 1;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.card-item-cardnumber[b-y8f8ytt5iu] {
    font-size: 0.85rem;
    color: var(--theme-ink-ii);
}
/* _content/lemon/Components/Pages/Chat/Complaints.razor.rz.scp.css */
.complaints-page[b-4vekf7wxsb] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.page-header[b-4vekf7wxsb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.page-header h2[b-4vekf7wxsb] {
    margin: 0;
    color: var(--theme-ink);
    font-weight: 600;
}

.filter-controls select[b-4vekf7wxsb] {
    padding: 0.5rem 1rem;
    border: 1px solid rgba(var(--theme-ink-rgb), 0.2);
    border-radius: 0.5rem;
    background: var(--theme-paper);
    color: var(--theme-ink);
    font-size: 0.9rem;
    cursor: pointer;
}

.complaints-grid[b-4vekf7wxsb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

.complaint-card[b-4vekf7wxsb] {
    background: var(--theme-paper);
    border: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(var(--theme-ink-rgb), 0.05);
}

.complaint-card:hover[b-4vekf7wxsb] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(var(--theme-ink-rgb), 0.1);
}

.complaint-card.open[b-4vekf7wxsb] {
    border-left: 4px solid #f59e0b;
}

.complaint-card.closed[b-4vekf7wxsb] {
    border-left: 4px solid #10b981;
}

.complaint-header[b-4vekf7wxsb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.complaint-id[b-4vekf7wxsb] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--theme-ink);
    background: rgba(var(--theme-ink-rgb), 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.complaint-status[b-4vekf7wxsb] {
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.complaint-status.open[b-4vekf7wxsb] {
    background: #fef3c7;
    color: #92400e;
}

.complaint-status.closed[b-4vekf7wxsb] {
    background: #d1fae5;
    color: #065f46;
}

.complaint-content[b-4vekf7wxsb] {
    margin-bottom: 1.5rem;
}

.complaint-title[b-4vekf7wxsb] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--theme-ink);
    line-height: 1.4;
}

.complaint-meta[b-4vekf7wxsb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.meta-item[b-4vekf7wxsb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.7);
}

.meta-item i[b-4vekf7wxsb] {
    width: 1rem;
    text-align: center;
    color: rgba(var(--theme-ink-rgb), 0.5);
}

.complaint-actions[b-4vekf7wxsb] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-chat[b-4vekf7wxsb] {
    background: none;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-chat:hover[b-4vekf7wxsb] {
    background: var(--theme-color);
    color: var(--theme-ink);
}

.btn-close[b-4vekf7wxsb] {
    background: #10b981;
    border: none;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-close:hover[b-4vekf7wxsb] {
    background: #059669;
    transform: translateY(-1px);
}

.empty-state[b-4vekf7wxsb] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 2rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.empty-state i[b-4vekf7wxsb] {
    font-size: 4rem;
    margin-bottom: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.3);
}

.empty-state h3[b-4vekf7wxsb] {
    margin: 0 0 0.5rem 0;
    color: var(--theme-ink);
    font-weight: 600;
}

.empty-state p[b-4vekf7wxsb] {
    margin: 0;
    line-height: 1.5;
}

/* ������ ������ */
@media (max-width: 768px) {
    .complaints-grid[b-4vekf7wxsb] {
        grid-template-columns: 1fr;
    }
    
    .page-header[b-4vekf7wxsb] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .complaint-header[b-4vekf7wxsb] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: flex-start;
    }
    
    .complaint-actions[b-4vekf7wxsb] {
        justify-content: stretch;
    }
    
    .btn-chat[b-4vekf7wxsb],
    .btn-close[b-4vekf7wxsb] {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .complaint-card[b-4vekf7wxsb] {
        padding: 1rem;
    }
    
    .complaints-page[b-4vekf7wxsb] {
        padding: 0.5rem;
    }
    
    .complaint-actions[b-4vekf7wxsb] {
        flex-direction: column;
    }
}
/* _content/lemon/Components/Pages/Home.razor.rz.scp.css */
.icons-container[b-o2waobavck] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.icons[b-o2waobavck] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    min-width: 14rem;
    max-width: 40rem;
}

.dev-date[b-o2waobavck] {
    margin-top: 10rem;
    font-size: 0.8rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.2rem;
    color: #888;
}
/* _content/lemon/Components/Pages/Manuals/PersonalPolicy.razor.rz.scp.css */
.content[b-rswwm2pz4a] {
    display: flex;
    flex-direction: column;
}

.content > .line[b-rswwm2pz4a] {
    display: flex;
    flex-direction: column;
    padding: 0.7rem 0;
}

.content > .line > div:first-child[b-rswwm2pz4a]::before {
    content: '\f00c';
    font-family: 'Icon_Solid'; /* 버전에 따라 다름 */
    padding-right: 0.5rem;
}

.content > .line > div:last-child[b-rswwm2pz4a] {
    padding-left: 4rem;
}

/* _content/lemon/Components/Pages/New.razor.rz.scp.css */
/* _content/lemon/Components/Pages/PopAdmin.razor.rz.scp.css */
.title[b-d4mskazkaj] {
    padding : .5rem 1rem 2rem 0.8rem;
}

.icons[b-d4mskazkaj] {
    display: flex;
    gap:1rem;
}
/* _content/lemon/Components/Pages/PopManages.razor.rz.scp.css */
.title[b-fx4m3ktcxm] {
    padding : .5rem 1rem 2rem 0.8rem;
}

.icons[b-fx4m3ktcxm] {
    display: flex;
    gap:1rem;
}
/* _content/lemon/Components/Pages/PopSettings.razor.rz.scp.css */
.title[b-djwsz3ioq5] {
    padding : .5rem 1rem 2rem 0.8rem;
}

.icons[b-djwsz3ioq5] {
    display: flex;
    gap:1rem;
}
/* _content/lemon/Components/Pages/Regists/ReciptsProfiles.razor.rz.scp.css */
/* _content/lemon/Components/Pages/Regists/ReciptsProfilesBusinessCOM.razor.rz.scp.css */
.title[b-7snz2r3r1a] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--theme-ink);
    margin-bottom: 1rem;
}

/* Register Button Container */
.register-button-container[b-7snz2r3r1a] {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
}

.register-button[b-7snz2r3r1a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--theme-radius);
    background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%);
    border: 2px solid var(--theme-color);
    color: var(--theme-ink);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(var(--theme-color-rgb), 0.3);
    min-width: 250px;
    justify-content: center;
}

    .register-button:hover[b-7snz2r3r1a] {
        background: linear-gradient(135deg, var(--theme-color-hover) 0%, var(--theme-color-active) 100%);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(var(--theme-color-rgb), 0.4);
    }

    .register-button:active[b-7snz2r3r1a] {
        transform: translateY(0);
        box-shadow: 0 2px 10px rgba(var(--theme-color-rgb), 0.3);
    }

    .register-button .icon[b-7snz2r3r1a] {
        font-size: 1.2rem;
    }

/* Modal Enhancements */
.modal-box.personal-form[b-7snz2r3r1a] {
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideIn-b-7snz2r3r1a 0.3s ease-out;
}

@keyframes modalSlideIn-b-7snz2r3r1a {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.info[b-7snz2r3r1a] {
    font-size: 0.9rem;
    line-height: 150%;
    color: rgba(var(--theme-ink-rgb), 0.7);
    margin-bottom: 1.5rem;
    padding: 1rem;
}

/* Form Styling */
.form-container[b-7snz2r3r1a] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
}

.form-group[b-7snz2r3r1a] {
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .form-group > div.title[b-7snz2r3r1a] {
        font-size: 0.9rem;
        margin: 0;
    }

/* Button Container */
.button-container[b-7snz2r3r1a] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 1rem;
}

    .button-container button[b-7snz2r3r1a] {
        padding: 0.2rem 1.7rem;
        font-weight: 500;
        transition: all 0.3s ease;
    }

/* Responsive Design */
@media (max-width: 600px) {
    .modal-box.personal-form[b-7snz2r3r1a] {
        margin: 1rem;
    }

    .button-container[b-7snz2r3r1a] {
        flex-direction: column;
    }

        .button-container button[b-7snz2r3r1a] {
            width: 100%;
        }

    .register-button[b-7snz2r3r1a] {
        min-width: 200px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
    }
}


.two-rows[b-7snz2r3r1a] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

    .two-rows > *[b-7snz2r3r1a] {
        flex: 1 1 0;
        min-width: 0; /* 줄바꿈 방지 */
    }

.parentheses[b-7snz2r3r1a] {
    display: flex;
    align-items: center;
    height: 3rem;
    font-size: 1rem;
    line-height: 1.8rem;
}
/* _content/lemon/Components/Pages/Regists/ReciptsProfilesPersonalCOM.razor.rz.scp.css */
.title[b-2l5cfhp9gf] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--theme-ink);
    margin-bottom: 1rem;
}

/* Register Button Container */
.register-button-container[b-2l5cfhp9gf] {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
}

.register-button[b-2l5cfhp9gf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: var(--theme-radius);
    background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%);
    border: 2px solid var(--theme-color);
    color: var(--theme-ink);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(var(--theme-color-rgb), 0.3);
    min-width: 250px;
    justify-content: center;
}

.register-button:hover[b-2l5cfhp9gf] {
    background: linear-gradient(135deg, var(--theme-color-hover) 0%, var(--theme-color-active) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--theme-color-rgb), 0.4);
}

.register-button:active[b-2l5cfhp9gf] {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(var(--theme-color-rgb), 0.3);
}

.register-button .icon[b-2l5cfhp9gf] {
    font-size: 1.2rem;
}

/* Modal Enhancements */
.modal-box.personal-form[b-2l5cfhp9gf] {
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideIn-b-2l5cfhp9gf 0.3s ease-out;
}

@keyframes modalSlideIn-b-2l5cfhp9gf {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.info[b-2l5cfhp9gf] {
    font-size: 0.9rem;
    line-height: 150%;
    color: rgba(var(--theme-ink-rgb), 0.7);
    margin-bottom: 1.5rem;
    padding: 1rem;
}

/* Form Styling */
.form-container[b-2l5cfhp9gf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

.form-group[b-2l5cfhp9gf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group > div[b-2l5cfhp9gf] {
    font-weight: 600;
    color: var(--theme-ink);
    font-size: 0.95rem;
}

/* Button Container */
.button-container[b-2l5cfhp9gf] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 1rem;
}

.button-container button[b-2l5cfhp9gf] {
    padding: 0.2rem 1.7rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Responsive Design */
@media (max-width: 600px) {
    .modal-box.personal-form[b-2l5cfhp9gf] {
        width: 95%;
        margin: 1rem;
    }
    
    .button-container[b-2l5cfhp9gf] {
        flex-direction: column;
    }
    
    .button-container button[b-2l5cfhp9gf] {
        width: 100%;
    }
    
    .register-button[b-2l5cfhp9gf] {
        min-width: 200px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
    }
}
/* _content/lemon/Components/Pages/Settings/AddressList.razor.rz.scp.css */
.page[b-ax9y5bkqd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    max-width: 60rem;
}

.info[b-ax9y5bkqd0] {
    text-align: center;
    padding-bottom: 2rem;
}

.list[b-ax9y5bkqd0] {
    width: 100%;
}

/* .items 는 table로 대체됨 */

/* 테이블 스타일 */
.address-table[b-ax9y5bkqd0] {
    width: 100%;
    border-collapse: collapse;
}

    .address-table th[b-ax9y5bkqd0],
    .address-table td[b-ax9y5bkqd0] {
        padding: 0.3rem 1rem;
        text-align: left;
    }

    .address-table thead tr[b-ax9y5bkqd0] {
        background-color: rgba(var(--theme-ink-rgb), 0.8);
        color: rgba(var(--theme-paper-rgb), 1);
    }

    .address-table tbody tr td:nth-child(1)[b-ax9y5bkqd0] {
        width:4rem;
    }

    /* 기본 배경색 설정 */
    .address-table tbody tr:nth-child(even):not(.disabled):not(.selected):not(.edit-row)[b-ax9y5bkqd0] {
        background-color: rgba(var(--theme-ink-rgb), 0.05);
    }

    /* hover 시 색상 (selected, disabled, edit-row는 제외) */
    .address-table tbody tr:hover:not(.disabled):not(.selected):not(.edit-row)[b-ax9y5bkqd0] {
        background-color: rgba(var(--theme-color-rgb), 0.6);
        cursor: pointer;
    }

    /* selected 강조 */
    .address-table tbody tr.selected[b-ax9y5bkqd0] {
        background-color: rgba(var(--theme-color-rgb), 1) !important;
        border-top: dashed 2px rgba(var(--theme-ink-rgb), 0.4);
    }

    /* disabled 행 처리 */
    .address-table tbody .disabled[b-ax9y5bkqd0] {
        background-image: var(--theme-disabled);
        color: rgba(var(--theme-ink-rgb), 0.4);
        cursor: not-allowed;
        position: relative;
        z-index: 1;
    }

    /* edit 행은 hover 제거, 배경 고정 */
    .address-table tbody tr.edit-row:hover[b-ax9y5bkqd0] {
        background-color: inherit;
        cursor: default;
    }

.edit-row td[b-ax9y5bkqd0] {
    padding: 0;
    background-color: rgba(var(--theme-ink-rgb), 0.05);
}

.edit[b-ax9y5bkqd0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    border-bottom: dashed 2px rgba(var(--theme-ink-rgb), 0.4);
}

    .edit > .col[b-ax9y5bkqd0] {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .edit > .col-buttons[b-ax9y5bkqd0] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 1rem;
        padding-top: 2rem;
    }

.col-title[b-ax9y5bkqd0] {
    font-size: 1.1rem;
    font-weight: bold;
}

/* 신규 주소 입력 영역 */
.new[b-ax9y5bkqd0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: rgba(var(--theme-ink-rgb), 0.07);
    border-top: dashed 2px rgba(var(--theme-ink-rgb), 0.4);
    border-bottom: dashed 2px rgba(var(--theme-ink-rgb), 0.4);
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

    .new > .col[b-ax9y5bkqd0] {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .new > .col-buttons[b-ax9y5bkqd0] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 1rem;
        padding-top: 2rem;
    }

/* "새 주소 등록" 버튼 */
.new-button[b-ax9y5bkqd0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: dashed 2px rgba(var(--theme-ink-rgb), 0.4);
    width: 100%;
    gap: 0.8rem;
    transition: all 0.2s ease-in-out;
    height: 3rem;
}

    .new-button:hover[b-ax9y5bkqd0] {
        background-color: rgba(var(--theme-color-rgb), 0.5);
    }

    /* disabled 요소에 hover 제거 */
    .new-button.disabled:hover[b-ax9y5bkqd0],
    .address-table tbody .disabled:hover[b-ax9y5bkqd0] {
        background-color: inherit;
        cursor: not-allowed;
    }

hr[b-ax9y5bkqd0] {
    height: 2rem;
}
/* _content/lemon/Components/Pages/Settings/WasteRoleInfo.razor.rz.scp.css */
.info[b-6wt6r0wsvx] {
    text-align: center;
    padding-bottom:2rem;
}
.title[b-6wt6r0wsvx] {
    font-size: 1.2rem;
    font-weight: 300;
    padding-bottom: 1rem;
}
.warning[b-6wt6r0wsvx] {
    color: var(--theme-critical);
}


.table[b-6wt6r0wsvx] {
}

    .table > thead > tr > th[b-6wt6r0wsvx],
    .table > tbody > tr > td[b-6wt6r0wsvx] {
        padding: 0.1rem 0.2rem;
    }

.table > thead > tr > th:nth-child(1)[b-6wt6r0wsvx] {
    width:20%;
}
.table > thead > tr > th:nth-child(2)[b-6wt6r0wsvx] {
    width: 60%;
}
.table > thead > tr > th:nth-child(3)[b-6wt6r0wsvx] {
    text-align: left;
}
/* _content/lemon/Components/Pages/Tag/AddTag.razor.rz.scp.css */
.page[b-yo7yne9hiq] {
    margin-bottom: 3rem;
}
.edit-form[b-yo7yne9hiq] {
    max-width: 40rem;
    margin: 0 auto;
}

.form-section[b-yo7yne9hiq] {
  background: rgba(var(--theme-paper-rgb), 0.4);
  border-radius: var(--theme-radius);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 1rem rgba(var(--theme-ink-rgb), 0.1);
  border: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.section-header[b-yo7yne9hiq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--theme-ink);
}

    .section-header i[b-yo7yne9hiq] {
        font-size: 1.4rem;
    }

.form-field[b-yo7yne9hiq] {
    margin-bottom: 1.5rem;
}

.form-field:last-child[b-yo7yne9hiq] {
    margin-bottom: 0;
}

.form-field label[b-yo7yne9hiq] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: rgba(var(--theme-ink-rgb), 0.8);
    font-size: 0.9rem;
}

.readonly-value[b-yo7yne9hiq] {
    padding: 0rem 1rem;
    background: rgba(var(--theme-ink-rgb), 0.1);
    border-radius: var(--theme-radius);
    color: rgba(var(--theme-ink-rgb), 0.6);
    font-weight: 500;
    letter-spacing: 0.05em;
}

.form-actions[b-yo7yne9hiq] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.loading-message[b-yo7yne9hiq], .error-message[b-yo7yne9hiq] {
    text-align: center;
    padding: 3rem 1rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.error-message[b-yo7yne9hiq] {
    color: var(--theme-color-critical);
}

/* 관리자 그룹 스타일 */
.manager-group[b-yo7yne9hiq] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.manager-group:last-child[b-yo7yne9hiq] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.manager-group h4[b-yo7yne9hiq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb), 0.8);
    margin-bottom: 0.75rem;
}

.group-header[b-yo7yne9hiq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.group-header h4[b-yo7yne9hiq] {
    margin-bottom: 0;
}

.manager-item[b-yo7yne9hiq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(var(--theme-ink-rgb), 0.05);
    border-radius: var(--theme-radius);
    margin-bottom: 0.5rem;
}

.manager-item:last-child[b-yo7yne9hiq] {
    margin-bottom: 0;
}

.manager-info[b-yo7yne9hiq] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  line-height: 1.2;
}

.manager-name[b-yo7yne9hiq] {
    font-weight: 600;
    color: var(--theme-ink);
}

.manager-role[b-yo7yne9hiq] {
    font-size: 0.85rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.btn-add[b-yo7yne9hiq] {
    padding: 0.4rem 0.8rem;
    background: var(--theme-color-primary);
    color: var(--theme-paper);
    border: none;
    border-radius: var(--theme-radius);
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: all 0.2s;
}

.btn-add:hover[b-yo7yne9hiq] {
    opacity: 0.8;
}

.btn-remove[b-yo7yne9hiq] {
    padding: 0.4rem 0.6rem;
    background: transparent;
    color: var(--theme-color-critical);
    border: 1px solid var(--theme-color-critical);
    border-radius: var(--theme-radius);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-remove:hover[b-yo7yne9hiq] {
    background: var(--theme-color-critical);
    color: var(--theme-paper);
}

.no-subscribers[b-yo7yne9hiq] {
    text-align: center;
    padding: 1rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-size: 0.9rem;
}

/* 태그 그룹 스타일 */
.tag-group[b-yo7yne9hiq] {
    margin-bottom: 1.5rem;
}

.tag-group:last-child[b-yo7yne9hiq] {
    margin-bottom: 0;
}

.tag-group-title[b-yo7yne9hiq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb), 0.8);
    margin-bottom: 0.75rem;
}

/* 태그 아이템 컨테이너 - flexbox 자동 정렬 */
.tag-items-container[b-yo7yne9hiq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width:100%;
}

/* 태그 아이템 스타일 */
.tag-item[b-yo7yne9hiq] {
  flex: 1 1 calc(50% - 0.25rem); /* 기본: 2칸 */
  padding: 0.75rem 1rem;
  background: rgba(var(--theme-ink-rgb), 0.05);
  border-radius: var(--theme-radius);
  line-height: 0;
  width: 9rem;
}

.tag-abnormal[b-yo7yne9hiq] {
    background: rgba(var(--theme-ink-rgb), 0.15);
}

.tag-info[b-yo7yne9hiq] {
  display: flex;
  flex-direction: column;
  line-height: 0;
  padding: 1rem 0rem;
}

.tag-main[b-yo7yne9hiq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tag-status-abnormal[b-yo7yne9hiq] {
    padding: 0.2rem 0.6rem;
    border-radius: var(--theme-radius);
    font-size: 0.8rem;
    font-weight: 500;
    background: rgba(var(--theme-ink-rgb), 0.8);
    color: var(--theme-paper);
}

.tag-details[b-yo7yne9hiq] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  font-weight: lighter;
  color: rgba(var(--theme-ink-rgb), 0.8);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.tag-kgsw[b-yo7yne9hiq] {
    font-weight: 500;
}

.tag-liter[b-yo7yne9hiq], .tag-price[b-yo7yne9hiq] {
    font-weight: 500;
}

.no-tags[b-yo7yne9hiq] {
    text-align: center;
    padding: 2rem 1rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
    font-size: 0.9rem;
}

.modal-box[b-yo7yne9hiq] {
  width: 90%;
  max-width: 30rem;
}
/* 팝업 스타일 */
.popup-header[b-yo7yne9hiq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.popup-header h3[b-yo7yne9hiq] {
    margin: 0;
    font-size: 1.2rem;
    color: var(--theme-ink);
}
.popup-info[b-yo7yne9hiq] {
  font-size: 0.9rem;
  color: rgba(var(--theme-ink-rgb), 0.7);
  margin-top: 0.25rem;
  line-height: 1.8;
  margin-bottom: 0.5rem;
}
.btn-close[b-yo7yne9hiq] {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  color: rgba(var(--theme-ink-rgb), 0.6);
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-close:hover[b-yo7yne9hiq] {
    color: var(--theme-ink);
}

.popup-body[b-yo7yne9hiq] {
    padding: 1.5rem;
}

.input-email[b-yo7yne9hiq] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid rgba(var(--theme-ink-rgb), 0.2);
    border-radius: var(--theme-radius);
    font-size: 1rem;
    background: var(--theme-paper);
    color: var(--theme-ink);
}

.input-email:focus[b-yo7yne9hiq] {
    outline: none;
    border-color: var(--theme-color-primary);
}

.error-text[b-yo7yne9hiq] {
    color: var(--theme-color-critical);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.popup-footer[b-yo7yne9hiq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.5rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

/* section-groups 기본 스타일 (540px 이하) */
.section-groups[b-yo7yne9hiq] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.section-groups .manager-group[b-yo7yne9hiq] {
    border-right: none;
    padding-right: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb), 0.1);
}

.section-groups .manager-group:last-child[b-yo7yne9hiq] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 541px 이상: 그리드 및 가로 배치 */
@media (min-width: 641px) {
    .form-section[b-yo7yne9hiq] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        padding: 1rem;
    }
    
    .section-header[b-yo7yne9hiq] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }
    
    .form-field[b-yo7yne9hiq] {
        margin-bottom: 0;
    }

    /* section-groups는 전체 너비 사용 */
    .section-groups[b-yo7yne9hiq] {
        grid-column: 1 / -1;
        flex-direction: row;
        gap: 1.5rem;
    }

    .section-groups .manager-group[b-yo7yne9hiq] {
        flex: 1;
        border-bottom: none;
        padding-bottom: 0;
        padding-right: 1.5rem;
        margin-bottom: 0;
        border-right: 1px solid rgba(var(--theme-ink-rgb), 0.1);
    }

    .section-groups .manager-group:last-child[b-yo7yne9hiq] {
        border-right: none;
        padding-right: 0;
    }

    .form-actions[b-yo7yne9hiq] {
        flex-direction: row;
    }
    
    .form-actions button[b-yo7yne9hiq] {
        width: auto;
    }

    .popup-content[b-yo7yne9hiq] {
        width: 90%;
    }

    .manager-item[b-yo7yne9hiq] {
        flex-direction: row;
        align-items: center;
        gap: initial;
    }

    .btn-remove[b-yo7yne9hiq] {
        align-self: auto;
    }
}

/* 540px 이하 전용 스타일 */
@media (max-width: 640px) {
    .form-section[b-yo7yne9hiq] {
        padding: 1rem;
    }
    
    .form-actions[b-yo7yne9hiq] {
        flex-direction: column-reverse;
    }
    
    .form-actions button[b-yo7yne9hiq] {
        width: 100%;
    }

    .popup-content[b-yo7yne9hiq] {
        width: 95%;
    }

    .manager-item[b-yo7yne9hiq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .btn-remove[b-yo7yne9hiq] {
        align-self: flex-end;
    }
}

/* 반응형: 작은 화면에서는 1칸 */
@media (max-width: 640px) {
    .tag-item[b-yo7yne9hiq] {
        flex: 1 1 100%;
    }
}

/* 반응형: 중간 화면에서는 2칸 */
@media (min-width: 641px) and (max-width: 900px) {
    .tag-item[b-yo7yne9hiq] {
        flex: 1 1 calc(50% - 0.25rem);
    }
}

/* 반응형: 큰 화면에서는 3칸 */
@media (min-width: 901px) {
    .tag-item[b-yo7yne9hiq] {
        flex: 1 1 calc(33.333% - 0.34rem);
    }
}
/* _content/lemon/Components/Pages/Thread/List.razor.rz.scp.css */
/* _content/lemon/Components/Pages/Transaction/MyCard.razor.rz.scp.css */
/* 페이지 레이아웃 - 프로젝트 표준 패턴 */
.page[b-cz4e89m2b1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* 카드 컨테이너 */
.card-container[b-cz4e89m2b1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 400px;
    width: 100%;
    line-height: 200%;
}

/* 실제 카드 모양 */
.card-visual[b-cz4e89m2b1] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
    position: relative;
    box-shadow: 0 8px 32px var(--theme-shadow-weak);
    backdrop-filter: blur(10px);
    border: 1px solid var(--theme-color);
    font-family: 'Normal', sans-serif;
}

/* 카드 헤더 */
.card-header[b-cz4e89m2b1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.card-logo[b-cz4e89m2b1] {
    font-size: 2rem;
}

.card-type[b-cz4e89m2b1] {
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: var(--theme-ink);
    opacity: 0.7;
}

/* 카드번호 영역 */
.card-number[b-cz4e89m2b1] {
    margin-bottom: 1.5rem;
}

.card-number .label[b-cz4e89m2b1] {
    font-size: 0.75rem;
    color: var(--theme-ink);
    opacity: 0.7;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

.card-number .number[b-cz4e89m2b1] {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Dotum', monospace;
    color: var(--theme-ink);
}

/* 카드 정보 */
.card-info[b-cz4e89m2b1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.info-item[b-cz4e89m2b1] {
    flex: 1;
}

.info-item .label[b-cz4e89m2b1] {
    font-size: 0.75rem;
    color: var(--theme-ink);
    opacity: 0.7;
    margin-bottom: 0.3rem;
    font-weight: 400;
}

.info-item .value[b-cz4e89m2b1] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--theme-ink);
}

.balance[b-cz4e89m2b1] {
    text-align: right;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--theme-ink);
}

/* 카드 타입 정보 (왼쪽 위 위치) */
.card-type-info[b-cz4e89m2b1] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    background: rgba(0, 0, 0, 0.1);
    color: var(--theme-ink);
    padding: 0.3rem 0.8rem;
    border-radius: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* 액션 버튼들 */
.card-actions[b-cz4e89m2b1] {
    display: flex;
    gap: 1rem;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.btn-primary[b-cz4e89m2b1], .btn-secondary[b-cz4e89m2b1] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    border-radius: 0.5rem;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    font-family: 'Normal', sans-serif;
    transform: none;
}

.btn-primary[b-cz4e89m2b1] {
    background-color: var(--theme-color);
    color: var(--theme-ink);
}

.btn-primary:hover[b-cz4e89m2b1] {
    background-color: var(--theme-color-hover);
    box-shadow: 0 4px 12px rgba(var(--theme-color-rgb), 0.3);
    transform: none !important;
}

.btn-secondary[b-cz4e89m2b1] {
    background-color: var(--theme-paper);
    color: var(--theme-ink);
    border: 1px solid rgba(var(--theme-ink-rgb), 0.2);
}

.btn-secondary:hover[b-cz4e89m2b1] {
    background-color: rgba(var(--theme-ink-rgb), 0.05);
    border-color: rgba(var(--theme-ink-rgb), 0.3);
    transform: none !important;
}

/* 반응형 디자인 */
@media (max-width: 480px) {
    .page[b-cz4e89m2b1] {
        padding: 0.5rem;
    }
    
    .card-visual[b-cz4e89m2b1] {
        min-height: 220px;
        padding: 1.25rem;
    }
    
    .card-actions[b-cz4e89m2b1] {
        flex-direction: column;
    }
    
    .btn-primary[b-cz4e89m2b1], .btn-secondary[b-cz4e89m2b1] {
        width: 100%;
    }
}

/* 다크 모드와 라이트 모드 통합 처리 */
html[data-theme="dark"] .card-visual[b-cz4e89m2b1] {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--theme-ink);
}

html[data-theme="light"] .card-visual[b-cz4e89m2b1] {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--theme-ink);
}

/* 거래 내역 섹션 */
.transaction-history[b-cz4e89m2b1] {
    width: 100%;
    max-width: 40rem;
    margin-top: 2rem;
}

/* 검색 섹션 */
.search-section[b-cz4e89m2b1] {
    width: 100%;
    max-width: 40rem;
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(var(--theme-ink-rgb), 0.05);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: rgba(var(--theme-ink-rgb), 0.7);
}

.search-section i[b-cz4e89m2b1] {
    /* color: var(--theme-color); */
}

.transaction-history h3[b-cz4e89m2b1] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--theme-ink);
    padding-left: 0.5rem;
}

/* 거래 항목 */
.transaction-item[b-cz4e89m2b1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    transition: background-color 0.2s ease;
    border-radius: 0.5rem;
    line-height: 1.2rem;
}

/* 홀수 번째 아이템에 배경색 적용 */
.transaction-item:nth-child(odd)[b-cz4e89m2b1] {
    background: rgba(var(--theme-ink-rgb), 0.05);
}

.transaction-item:hover[b-cz4e89m2b1] {
    background: rgba(var(--theme-color-rgb), 0.5);
}


.transaction-info[b-cz4e89m2b1] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.transaction-type[b-cz4e89m2b1] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--theme-ink);
}

.transaction-date[b-cz4e89m2b1] {
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.transaction-details[b-cz4e89m2b1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.weight[b-cz4e89m2b1] {
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb), 0.6);
}

.cost[b-cz4e89m2b1] {
    font-weight: 700;
    font-size: 0.9rem;
}

.cost.positive[b-cz4e89m2b1] {
    color: var(--theme-color-critical);
}

.cost.negative[b-cz4e89m2b1] {
    color: var(--thmem-ink);
}

.balance-after[b-cz4e89m2b1] {
    font-size: 0.75rem;
    color: rgba(var(--theme-ink-rgb), 0.5);
}

/* 모바일 최적화 */
@media (max-width: 480px) {
    .transaction-history[b-cz4e89m2b1] {
        margin-top: 1.5rem;
    }
    
    .transaction-item[b-cz4e89m2b1] {
        padding: 0.75rem;
    }
    
    .transaction-details[b-cz4e89m2b1] {
        align-items: flex-end;
    }
}

.search-section[b-cz4e89m2b1] {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 40rem;
    margin-top: 3rem;
}
/* _content/lemon/Components/Pages/Transaction/MyRawsForCollection.razor.rz.scp.css */
.page-top[b-a62gn5snwb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}
.page-content[b-a62gn5snwb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}
.raws[b-a62gn5snwb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.raws > .raw[b-a62gn5snwb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    transition: background-color 0.2s ease;
    border-radius: 0.5rem;
    line-height: 1.2rem;
}


/* 홀수 번째 아이템에 배경색 적용 */
.raws > .raw:nth-child(odd)[b-a62gn5snwb] {
    background: rgba(var(--theme-ink-rgb), 0.05);
}

.raws > .raw:hover[b-a62gn5snwb] {
    background: rgba(var(--theme-color-rgb), 0.5);
}

.line[b-a62gn5snwb] {
    width: 80%;
    line-height: 150%;
    font-weight: 500;
}
.line > div:first-child[b-a62gn5snwb] {
    width: 100%;
    font-size: 0.8rem;
}
.line > div:not(:first-child)[b-a62gn5snwb] {
    width: 100%;
    font-size: 1.1rem;
    padding-left: 3rem;
    color: rgba(var(--theme-ink-rgb),0.7);
}
.line > div > span[b-a62gn5snwb] {
    font-size: 0.8rem;
    color: var(--theme-ink);
}
/* _content/lemon/Components/Pages/Transaction/RequestForCharging.razor.rz.scp.css */
/* 페이지 레이아웃 - 프로젝트 표준 패턴 */
.page[b-z22xcwrhfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* 카드 컨테이너 */
.card-container[b-z22xcwrhfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 400px;
    width: 100%;
    line-height: 200%;
}

/* 실제 카드 모양 */
.card-visual[b-z22xcwrhfw] {
    background: var(--theme-color);
    color: var(--theme-ink);
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
    position: relative;
    box-shadow: 0 8px 32px var(--theme-shadow-weak);
    backdrop-filter: blur(10px);
    border: 1px solid var(--theme-color);
    font-family: 'Normal', sans-serif;
}

/* 카드 헤더 */
.card-header[b-z22xcwrhfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.card-logo[b-z22xcwrhfw] {
    font-size: 2rem;
}

.card-type[b-z22xcwrhfw] {
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: var(--theme-ink);
    opacity: 0.7;
}

/* 카드번호 영역 */
.card-number[b-z22xcwrhfw] {
    margin-bottom: 1.5rem;
}

    .card-number .label[b-z22xcwrhfw] {
        font-size: 0.75rem;
        color: var(--theme-ink);
        opacity: 0.7;
        margin-bottom: 0.5rem;
        font-weight: 400;
    }

    .card-number .number[b-z22xcwrhfw] {
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        font-family: 'Dotum', monospace;
        color: var(--theme-ink);
    }

/* 카드 정보 */
.card-info[b-z22xcwrhfw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

/* 카드 타입 정보 (왼쪽 위 위치) */
.card-type-info[b-z22xcwrhfw] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    background: rgba(0, 0, 0, 0.1);
    color: var(--theme-ink);
    padding: 0.3rem 0.8rem;
    border-radius: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.deposit[b-z22xcwrhfw] {
    max-width: 20rem;
}
/* _content/lemon/Components/Pages/WorkLog/List.razor.rz.scp.css */
.search-section[b-umcsz2rzni] {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.date-filters[b-umcsz2rzni] {
  display: flex;
  gap: 1rem;
  flex: 1;
  min-width: 280px;
}

.filter-group[b-umcsz2rzni] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 120px;
  line-height: 1.2;
}

.filter-group label[b-umcsz2rzni] {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(var(--theme-ink-rgb), 0.8);
}

.search-input-wrapper[b-umcsz2rzni] {
  flex: 1;
  min-width: 200px;
}

.reset-btn[b-umcsz2rzni] {
  flex-shrink: 0;
  align-self: flex-end;
}

/* 태블릿: 날짜 필터 1줄, 검색 1줄 */
@media (max-width: 768px) {
  .search-section[b-umcsz2rzni] {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .date-filters[b-umcsz2rzni] {
    width: 100%;
    flex: 1 1 100%;
  }

  .search-input-wrapper[b-umcsz2rzni] {
    flex: 1;
    min-width: 0;
  }

  .reset-btn[b-umcsz2rzni] {
    flex-shrink: 0;
  }
}

/* 모바일: 모두 1줄씩 */
@media (max-width: 480px) {
  .date-filters[b-umcsz2rzni] {
    flex-direction: column;
    gap: 0.75rem;
  }

  .filter-group[b-umcsz2rzni] {
    width: 100%;
    min-width: 100%;
  }

  .search-input-wrapper[b-umcsz2rzni] {
    flex: 1;
    min-width: 0;
  }
}

.worklog-table > tbody > tr > td:nth-child(3)[b-umcsz2rzni] {
  text-align: center;
}

.worklog-table > tbody > tr > td:nth-child(5)[b-umcsz2rzni] {
  text-align: right;
}

.notag[b-umcsz2rzni]::before {
  content: "\e012";
  font-family: 'Icon_Custom';
  padding-right: 0.5rem;
  color: var(--theme-color-critical);
  font-size: 1.3rem;
}

.unregistered[b-umcsz2rzni]::before {
  content: "\e013";
  font-family: 'Icon_Custom';
  padding-right: 0.5rem;
  color: var(--theme-color-critical);
  font-size: 1.3rem;
}