/* _content/Pawesome/Views/Admin/Adverts.cshtml.rz.scp.css */ .action-buttons[b-32a98ww7ou] { display: flex; gap: var(--space-2); flex-wrap: wrap; } .advert-info[b-32a98ww7ou] { display: flex; align-items: center; gap: var(--space-3); } .advert-image[b-32a98ww7ou] { width: 48px; height: 48px; border-radius: var(--radius-md); object-fit: cover; background-color: var(--color-primary-3); border: 1px solid var(--color-primary-4); } .advert-details[b-32a98ww7ou] { display: flex; flex-direction: column; } .advert-title[b-32a98ww7ou] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); font-size: var(--font-size-sm); margin-bottom: var(--space-1); } .advert-preview[b-32a98ww7ou] { font-size: var(--font-size-xs); color: var(--color-primary-10); max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .date-info[b-32a98ww7ou] { display: flex; flex-direction: column; } .time-small[b-32a98ww7ou] { font-size: var(--font-size-xs); color: var(--color-primary-9); } .price-tag[b-32a98ww7ou] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); font-size: var(--font-size-sm); } .advert-filters[b-32a98ww7ou] { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-4); } .filter-badge[b-32a98ww7ou] { cursor: pointer; transition: transform 0.2s ease; } .filter-badge:hover[b-32a98ww7ou] { transform: translateY(-2px); } .filter-badge.active[b-32a98ww7ou] { box-shadow: 0 0 0 2px var(--color-primary-9); } .stats-cards[b-32a98ww7ou] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); } .stat-card[b-32a98ww7ou] { padding: var(--space-4); border-radius: var(--radius-lg); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); transition: transform 0.2s ease; } .stat-card:hover[b-32a98ww7ou] { transform: translateY(-4px); box-shadow: var(--shadow-md); } .stat-card.total[b-32a98ww7ou] { border-left: 4px solid var(--color-primary-9); } .stat-card.active[b-32a98ww7ou] { border-left: 4px solid var(--color-success-foreground); } .stat-card.pending[b-32a98ww7ou] { border-left: 4px solid var(--color-warning-foreground); } .stat-card.expired[b-32a98ww7ou] { border-left: 4px solid var(--color-error-foreground); } .stat-label[b-32a98ww7ou] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-bottom: var(--space-1); } .stat-value[b-32a98ww7ou] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .dataTables_length[b-32a98ww7ou], #advertsTable_length[b-32a98ww7ou] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); } .dataTables_length select[b-32a98ww7ou], #advertsTable_length select[b-32a98ww7ou] { display: inline-block; width: auto; margin: 0 var(--space-2); padding: var(--space-1) var(--space-4) var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; } .dataTables_filter[b-32a98ww7ou], #advertsTable_filter[b-32a98ww7ou] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); display: flex; justify-content: flex-end; align-items: center; } .dataTables_filter input[b-32a98ww7ou], #advertsTable_filter input[b-32a98ww7ou] { display: inline-block; width: auto; margin-left: var(--space-2); padding: var(--space-1) var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; min-width: 200px; transition: all 0.2s ease; } .dataTables_filter input:focus[b-32a98ww7ou], #advertsTable_filter input:focus[b-32a98ww7ou] { border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); background-color: var(--color-primary-1); } .dataTables_paginate[b-32a98ww7ou], #advertsTable_paginate[b-32a98ww7ou] { display: flex; justify-content: flex-end; gap: var(--space-1); margin-top: var(--space-3); font-size: var(--font-size-sm); } .dataTables_paginate .paginate_button[b-32a98ww7ou], #advertsTable_paginate .paginate_button[b-32a98ww7ou] { padding: var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); color: var(--color-primary-11) !important; cursor: pointer; transition: all 0.2s ease; min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-weight: var(--font-weight-medium); text-decoration: none; } .dataTables_paginate .paginate_button:hover[b-32a98ww7ou], #advertsTable_paginate .paginate_button:hover[b-32a98ww7ou] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); color: var(--color-primary-12) !important; text-decoration: none; } .dataTables_paginate .paginate_button.current[b-32a98ww7ou], #advertsTable_paginate .paginate_button.current[b-32a98ww7ou] { background-color: var(--color-primary-9); border-color: var(--color-primary-9); color: var(--color-primary-1) !important; font-weight: var(--font-weight-bold); } .dataTables_paginate .paginate_button.current:hover[b-32a98ww7ou], #advertsTable_paginate .paginate_button.current:hover[b-32a98ww7ou] { background-color: var(--color-primary-10); border-color: var(--color-primary-10); color: var(--color-primary-1) !important; } .dataTables_paginate .paginate_button.disabled[b-32a98ww7ou], #advertsTable_paginate .paginate_button.disabled[b-32a98ww7ou] { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .dataTables_info[b-32a98ww7ou], #advertsTable_info[b-32a98ww7ou] { margin-top: var(--space-3); font-size: var(--font-size-sm); color: var(--color-primary-10); } .category-select-container[b-32a98ww7ou] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; } .category-select[b-32a98ww7ou] { max-width: 200px; } @media (max-width: 768px) { .dataTables_length[b-32a98ww7ou], .dataTables_filter[b-32a98ww7ou], #advertsTable_length[b-32a98ww7ou], #advertsTable_filter[b-32a98ww7ou] { width: 100%; text-align: left; justify-content: flex-start; margin-bottom: var(--space-3); } .dataTables_filter input[b-32a98ww7ou], #advertsTable_filter input[b-32a98ww7ou] { width: 100%; margin-left: 0; margin-top: var(--space-1); min-width: auto; } .dataTables_paginate[b-32a98ww7ou], #advertsTable_paginate[b-32a98ww7ou] { justify-content: center; flex-wrap: wrap; } .action-buttons[b-32a98ww7ou] { flex-direction: column; gap: var(--space-1); } .action-buttons .button[b-32a98ww7ou] { width: 100%; } .advert-info[b-32a98ww7ou] { flex-direction: column; align-items: flex-start; } } /* _content/Pawesome/Views/Admin/Index.cshtml.rz.scp.css */ .admin-stats[b-sh35wsg0x3] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); margin-bottom: var(--space-6); } .stat-card[b-sh35wsg0x3] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-4); display: flex; flex-direction: column; border: 1px solid var(--color-primary-4); transition: transform 0.2s ease, box-shadow 0.2s ease; } .stat-card:hover[b-sh35wsg0x3] { transform: translateY(-4px); box-shadow: var(--shadow-md); } .stat-title[b-sh35wsg0x3] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: var(--space-2); font-weight: var(--font-weight-medium); } .stat-value[b-sh35wsg0x3] { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); margin-bottom: var(--space-3); } .stat-actions[b-sh35wsg0x3] { margin-top: auto; } .total-users[b-sh35wsg0x3] { border-left: 4px solid var(--color-purple-foreground); } .total-adverts[b-sh35wsg0x3] { border-left: 4px solid var(--color-success-foreground); } .total-bookings[b-sh35wsg0x3] { border-left: 4px solid var(--color-info-foreground); } .total-pets[b-sh35wsg0x3] { border-left: 4px solid var(--color-orange-foreground); } .dashboard-sections[b-sh35wsg0x3] { display: flex; flex-direction: column; gap: var(--space-6); } .dashboard-section[b-sh35wsg0x3] { background-color: var(--color-primary-1); border-radius: var(--radius-lg); border: 1px solid var(--color-primary-4); padding: var(--space-5); box-shadow: var(--shadow-sm); } .section-header[b-sh35wsg0x3] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .section-title[b-sh35wsg0x3] { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); font-family: var(--font-secondary); } .section-actions[b-sh35wsg0x3] { display: flex; gap: var(--space-2); } .activity-list[b-sh35wsg0x3] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-3); } .activity-item[b-sh35wsg0x3] { display: flex; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-md); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); transition: background-color 0.2s ease; } .activity-item:hover[b-sh35wsg0x3] { background-color: var(--color-primary-3); } .activity-icon[b-sh35wsg0x3] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: var(--color-primary-4); border-radius: var(--radius-full); color: var(--color-primary-11); flex-shrink: 0; } .activity-content[b-sh35wsg0x3] { flex-grow: 1; } .activity-message[b-sh35wsg0x3] { font-size: var(--font-size-sm); color: var(--color-primary-12); margin-bottom: var(--space-1); } .activity-time[b-sh35wsg0x3] { font-size: var(--font-size-xs); color: var(--color-primary-10); } .advert-cards[b-sh35wsg0x3] { display: grid; grid-template-columns: repeat(1, 1fr); gap: var(--space-3); } .admin-advert-card[b-sh35wsg0x3] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid var(--color-primary-4); transition: transform 0.2s ease; } .admin-advert-card:hover[b-sh35wsg0x3] { transform: translateY(-2px); box-shadow: var(--shadow-sm); } .advert-card-header[b-sh35wsg0x3] { display: flex; justify-content: space-between; border-radius: var(--radius-lg); align-items: center; margin-bottom: var(--space-3); } .advert-title[b-sh35wsg0x3] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); font-size: var(--font-size-md); } .advert-card-content[b-sh35wsg0x3] { margin-bottom: var(--space-3); } .advert-owner[b-sh35wsg0x3] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: var(--space-2); } .advert-details[b-sh35wsg0x3] { display: flex; justify-content: space-between; margin-bottom: var(--space-2); } .advert-price[b-sh35wsg0x3] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); font-size: var(--font-size-sm); } .advert-location[b-sh35wsg0x3] { color: var(--color-primary-11); font-size: var(--font-size-sm); } .advert-date[b-sh35wsg0x3] { font-size: var(--font-size-xs); color: var(--color-primary-10); } .advert-card-actions[b-sh35wsg0x3] { display: flex; gap: var(--space-2); margin-top: var(--space-3); } .stats-grid[b-sh35wsg0x3] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); } .stats-item[b-sh35wsg0x3] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid var(--color-primary-4); text-align: center; } .stats-label[b-sh35wsg0x3] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: var(--space-2); } .stats-number[b-sh35wsg0x3] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } @media (max-width: 992px) { .admin-stats[b-sh35wsg0x3], .stats-grid[b-sh35wsg0x3] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .admin-stats[b-sh35wsg0x3], .stats-grid[b-sh35wsg0x3] { grid-template-columns: 1fr; } .advert-details[b-sh35wsg0x3] { flex-direction: column; gap: var(--space-1); } .advert-card-actions[b-sh35wsg0x3] { flex-direction: column; } .dashboard-section[b-sh35wsg0x3] { padding: var(--space-3); } } /* _content/Pawesome/Views/Admin/Reports.cshtml.rz.scp.css */ .action-buttons[b-1zur6xujre] { display: flex; gap: var(--space-2); flex-wrap: wrap; } .user-info[b-1zur6xujre] { display: flex; align-items: center; gap: var(--space-3); } .user-avatar[b-1zur6xujre] { width: 36px; height: 36px; border-radius: var(--radius-full); background-color: var(--color-primary-6); display: flex; align-items: center; justify-content: center; font-weight: var(--font-weight-bold); color: var(--color-primary-1); } .user-name[b-1zur6xujre] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .date-info[b-1zur6xujre] { display: flex; flex-direction: column; } .time-small[b-1zur6xujre] { font-size: var(--font-size-xs); color: var(--color-primary-9); } .filter-badge.active[b-1zur6xujre] { box-shadow: 0 0 0 2px var(--color-primary-9); } .stats-cards[b-1zur6xujre] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); } .stat-card[b-1zur6xujre] { padding: var(--space-4); border-radius: var(--radius-lg); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); transition: transform 0.2s ease; } .stat-card.total[b-1zur6xujre] { border-left: 4px solid var(--color-primary-9); } .stat-card.active[b-1zur6xujre] { border-left: 4px solid var(--color-warning-foreground); } .stat-card.pending[b-1zur6xujre] { border-left: 4px solid var(--color-success-foreground); } .stat-card.recent[b-1zur6xujre] { border-left: 4px solid var(--color-info-foreground); } .stat-label[b-1zur6xujre] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-bottom: var(--space-1); } .stat-value[b-1zur6xujre] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .dataTables_wrapper .button[b-1zur6xujre] { height: auto; } .dataTables_length[b-1zur6xujre], #reportsTable_length[b-1zur6xujre] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); } .dataTables_length select[b-1zur6xujre], #reportsTable_length select[b-1zur6xujre] { display: inline-block; width: auto; margin: 0 var(--space-2); padding: var(--space-1) var(--space-4) var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; } .dataTables_filter[b-1zur6xujre], #reportsTable_filter[b-1zur6xujre] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); display: flex; justify-content: flex-end; align-items: center; } .dataTables_filter input[b-1zur6xujre], #reportsTable_filter input[b-1zur6xujre] { display: inline-block; width: auto; margin-left: var(--space-2); padding: var(--space-1) var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; min-width: 200px; transition: all 0.2s ease; } .dataTables_filter input:focus[b-1zur6xujre], #reportsTable_filter input:focus[b-1zur6xujre] { border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); background-color: var(--color-primary-1); } .dataTables_paginate[b-1zur6xujre], #reportsTable_paginate[b-1zur6xujre] { display: flex; justify-content: flex-end; gap: var(--space-1); margin-top: var(--space-3); font-size: var(--font-size-sm); } .dataTables_paginate .paginate_button[b-1zur6xujre], #reportsTable_paginate .paginate_button[b-1zur6xujre] { padding: var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); color: var(--color-primary-11) !important; cursor: pointer; transition: all 0.2s ease; min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-weight: var(--font-weight-medium); text-decoration: none; } .dataTables_paginate .paginate_button:hover[b-1zur6xujre], #reportsTable_paginate .paginate_button:hover[b-1zur6xujre] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); color: var(--color-primary-12) !important; text-decoration: none; } .dataTables_paginate .paginate_button.current[b-1zur6xujre], #reportsTable_paginate .paginate_button.current[b-1zur6xujre] { background-color: var(--color-primary-9); border-color: var(--color-primary-9); color: var(--color-primary-1) !important; font-weight: var(--font-weight-bold); } .dataTables_paginate .paginate_button.current:hover[b-1zur6xujre], #reportsTable_paginate .paginate_button.current:hover[b-1zur6xujre] { background-color: var(--color-primary-10); border-color: var(--color-primary-10); color: var(--color-primary-1) !important; } .dataTables_paginate .paginate_button.disabled[b-1zur6xujre], #reportsTable_paginate .paginate_button.disabled[b-1zur6xujre] { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .dataTables_info[b-1zur6xujre], #reportsTable_info[b-1zur6xujre] { margin-top: var(--space-3); font-size: var(--font-size-sm); color: var(--color-primary-10); } @media (max-width: 768px) { .dataTables_length[b-1zur6xujre], .dataTables_filter[b-1zur6xujre], #reportsTable_length[b-1zur6xujre], #reportsTable_filter[b-1zur6xujre] { width: 100%; text-align: left; justify-content: flex-start; margin-bottom: var(--space-3); } .dataTables_filter input[b-1zur6xujre], #reportsTable_filter input[b-1zur6xujre] { width: 100%; margin-left: 0; margin-top: var(--space-1); min-width: auto; } .dataTables_paginate[b-1zur6xujre], #reportsTable_paginate[b-1zur6xujre] { justify-content: center; flex-wrap: wrap; } .action-buttons[b-1zur6xujre] { flex-direction: column; gap: var(--space-1); } .action-buttons .button[b-1zur6xujre] { width: 100%; } } /* _content/Pawesome/Views/Admin/Users.cshtml.rz.scp.css */ .action-buttons[b-m3cmk0jnq5] { display: flex; gap: var(--space-2); flex-wrap: wrap; } .user-info[b-m3cmk0jnq5] { display: flex; align-items: center; gap: var(--space-3); } .user-avatar[b-m3cmk0jnq5] { width: 36px; height: 36px; border-radius: var(--radius-full); background-color: var(--color-primary-6); display: flex; align-items: center; justify-content: center; font-weight: var(--font-weight-bold); color: var(--color-primary-1); } .user-name[b-m3cmk0jnq5] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .date-info[b-m3cmk0jnq5] { display: flex; flex-direction: column; } .time-small[b-m3cmk0jnq5] { font-size: var(--font-size-xs); color: var(--color-primary-9); } .filter-badge.active[b-m3cmk0jnq5] { box-shadow: 0 0 0 2px var(--color-primary-9); } .stats-cards[b-m3cmk0jnq5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); } .stat-card[b-m3cmk0jnq5] { padding: var(--space-4); border-radius: var(--radius-lg); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); transition: transform 0.2s ease; } .stat-card.total[b-m3cmk0jnq5] { border-left: 4px solid var(--color-primary-9); } .stat-card.active[b-m3cmk0jnq5] { border-left: 4px solid var(--color-success-foreground); } .stat-card.pending[b-m3cmk0jnq5] { border-left: 4px solid var(--color-orange-foreground); } .stat-card.banned[b-m3cmk0jnq5] { border-left: 4px solid var(--color-error-foreground); } .stat-label[b-m3cmk0jnq5] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-bottom: var(--space-1); } .stat-value[b-m3cmk0jnq5] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .dataTables_wrapper .button[b-m3cmk0jnq5] { height: auto; } .dataTables_length[b-m3cmk0jnq5], #usersTable_length[b-m3cmk0jnq5] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); } .dataTables_length select[b-m3cmk0jnq5], #usersTable_length select[b-m3cmk0jnq5] { display: inline-block; width: auto; margin: 0 var(--space-2); padding: var(--space-1) var(--space-4) var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; } .dataTables_filter[b-m3cmk0jnq5], #usersTable_filter[b-m3cmk0jnq5] { margin-bottom: var(--space-4); font-size: var(--font-size-sm); color: var(--color-primary-11); display: flex; justify-content: flex-end; align-items: center; } .dataTables_filter input[b-m3cmk0jnq5], #usersTable_filter input[b-m3cmk0jnq5] { display: inline-block; width: auto; margin-left: var(--space-2); padding: var(--space-1) var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-2); color: var(--color-primary-11); font-size: var(--font-size-sm); height: 2rem; min-width: 200px; transition: all 0.2s ease; } .dataTables_filter input:focus[b-m3cmk0jnq5], #usersTable_filter input:focus[b-m3cmk0jnq5] { border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); background-color: var(--color-primary-1); } .dataTables_paginate[b-m3cmk0jnq5], #usersTable_paginate[b-m3cmk0jnq5] { display: flex; justify-content: flex-end; gap: var(--space-1); margin-top: var(--space-3); font-size: var(--font-size-sm); } .dataTables_paginate .paginate_button[b-m3cmk0jnq5], #usersTable_paginate .paginate_button[b-m3cmk0jnq5] { padding: var(--space-1) var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); color: var(--color-primary-11) !important; cursor: pointer; transition: all 0.2s ease; min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-weight: var(--font-weight-medium); text-decoration: none; } .dataTables_paginate .paginate_button:hover[b-m3cmk0jnq5], #usersTable_paginate .paginate_button:hover[b-m3cmk0jnq5] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); color: var(--color-primary-12) !important; text-decoration: none; } .dataTables_paginate .paginate_button.current[b-m3cmk0jnq5], #usersTable_paginate .paginate_button.current[b-m3cmk0jnq5] { background-color: var(--color-primary-9); border-color: var(--color-primary-9); color: var(--color-primary-1) !important; font-weight: var(--font-weight-bold); } .dataTables_paginate .paginate_button.current:hover[b-m3cmk0jnq5], #usersTable_paginate .paginate_button.current:hover[b-m3cmk0jnq5] { background-color: var(--color-primary-10); border-color: var(--color-primary-10); color: var(--color-primary-1) !important; } .dataTables_paginate .paginate_button.disabled[b-m3cmk0jnq5], #usersTable_paginate .paginate_button.disabled[b-m3cmk0jnq5] { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .dataTables_info[b-m3cmk0jnq5], #usersTable_info[b-m3cmk0jnq5] { margin-top: var(--space-3); font-size: var(--font-size-sm); color: var(--color-primary-10); } @media (max-width: 768px) { .dataTables_length[b-m3cmk0jnq5], .dataTables_filter[b-m3cmk0jnq5], #usersTable_length[b-m3cmk0jnq5], #usersTable_filter[b-m3cmk0jnq5] { width: 100%; text-align: left; justify-content: flex-start; margin-bottom: var(--space-3); } .dataTables_filter input[b-m3cmk0jnq5], #usersTable_filter input[b-m3cmk0jnq5] { width: 100%; margin-left: 0; margin-top: var(--space-1); min-width: auto; } .dataTables_paginate[b-m3cmk0jnq5], #usersTable_paginate[b-m3cmk0jnq5] { justify-content: center; flex-wrap: wrap; } .action-buttons[b-m3cmk0jnq5] { flex-direction: column; gap: var(--space-1); } .action-buttons .button[b-m3cmk0jnq5] { width: 100%; } } /* _content/Pawesome/Views/Advert/ConfirmStatusChange.cshtml.rz.scp.css */ .confirm-status-change[b-b37xugl1s0] { margin-top: var(--space-6); margin-bottom: var(--space-8); } h1[b-b37xugl1s0] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin-bottom: var(--space-4); } h2[b-b37xugl1s0] { font-size: var(--font-size-xl); margin-bottom: var(--space-2); color: var(--color-primary-12); } .confirmation-card[b-b37xugl1s0] { padding: var(--space-6); background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); max-width: 600px; margin: 2rem auto; } .advert-summary[b-b37xugl1s0] { background-color: var(--color-primary-2); padding: var(--space-4); border-radius: var(--radius-lg); margin: var(--space-5) 0; border: 1px solid var(--color-primary-4); } .status-item[b-b37xugl1s0] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); color: var(--color-primary-11); } .status-item:last-child[b-b37xugl1s0] { margin-bottom: 0; } .status-item svg[b-b37xugl1s0] { flex-shrink: 0; color: var(--color-primary-10); } .status-item p[b-b37xugl1s0] { font-weight: var(--font-weight-medium); margin: 0; } .confirmation-actions[b-b37xugl1s0] { display: flex; gap: var(--space-4); margin-top: var(--space-5); } .confirmation-actions button[b-b37xugl1s0], .confirmation-actions a[b-b37xugl1s0] { flex-grow: 1; text-align: center; justify-content: center; } @media (max-width: 768px) { .confirmation-card[b-b37xugl1s0] { margin: var(--space-4); padding: var(--space-4); } .confirmation-actions[b-b37xugl1s0] { flex-direction: column-reverse; gap: var(--space-3); } .confirmation-actions button[b-b37xugl1s0], .confirmation-actions a[b-b37xugl1s0] { width: 100%; } } /* _content/Pawesome/Views/Advert/CreateOffer.cshtml.rz.scp.css */ .create-offer-section[b-mavjiawdch] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-mavjiawdch] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .alternate-option[b-mavjiawdch] { margin-bottom: var(--space-6); color: var(--color-primary-11); font-size: var(--font-size-sm); } .alternate-option a[b-mavjiawdch] { color: var(--color-primary-9); text-decoration: underline; font-weight: var(--font-weight-medium); } .alternate-option a:hover[b-mavjiawdch] { color: var(--color-primary-10); } .create-offer-form[b-mavjiawdch] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-mavjiawdch] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-mavjiawdch] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .form-group[b-mavjiawdch] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); } .form-group:last-child[b-mavjiawdch] { margin-bottom: 0; } .form-label[b-mavjiawdch] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .animal-types-grid[b-mavjiawdch] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-3); } .animal-type-card[b-mavjiawdch] { background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); padding: var(--space-3); transition: var(--transition); } .animal-type-card:hover[b-mavjiawdch] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); } .form-check[b-mavjiawdch] { display: flex; align-items: center; gap: var(--space-2); } .form-check-label[b-mavjiawdch] { font-weight: var(--font-weight-medium); color: var(--color-primary-11); cursor: pointer; } .info-hint[b-mavjiawdch] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } .actions-container[b-mavjiawdch] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } fieldset.form-group .date-group[b-mavjiawdch] { display: flex; flex-direction: row; gap: var(--space-4); flex-wrap: wrap; } fieldset.form-group .date-group .form-group[b-mavjiawdch] { flex: 1; min-width: 0; } @media (max-width: 768px) { .create-offer-section[b-mavjiawdch] { padding: var(--space-3) var(--space-4); } .animal-types-grid[b-mavjiawdch] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .actions-container[b-mavjiawdch] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-mavjiawdch], .actions-container button[b-mavjiawdch] { width: 100%; } fieldset.form-group .date-group[b-mavjiawdch] { flex-direction: column; } fieldset.form-group .date-group .form-group[b-mavjiawdch] { width: 100%; } } /* _content/Pawesome/Views/Advert/CreateRequest.cshtml.rz.scp.css */ .create-request-section[b-f5o7d1c81k] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-f5o7d1c81k] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .alternate-option[b-f5o7d1c81k] { margin-bottom: var(--space-6); color: var(--color-primary-11); font-size: var(--font-size-sm); } .alternate-option a[b-f5o7d1c81k] { color: var(--color-primary-9); text-decoration: underline; font-weight: var(--font-weight-medium); } .alternate-option a:hover[b-f5o7d1c81k] { color: var(--color-primary-10); } .create-request-form[b-f5o7d1c81k] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-f5o7d1c81k] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-f5o7d1c81k] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .pets-grid[b-f5o7d1c81k] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-3); } .pet-card-select[b-f5o7d1c81k] { position: relative; background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); height: 12rem; display: flex; flex-direction: column; } .pet-card-select:hover[b-f5o7d1c81k] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); } .pet-card-select.selected[b-f5o7d1c81k] { border: 2px solid var(--color-primary-9); background-color: var(--color-primary-3); } .pet-checkbox[b-f5o7d1c81k] { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 2; } .pet-details[b-f5o7d1c81k] { padding: var(--space-2); display: flex; align-items: center; justify-content: center; flex-grow: 1; } .pet-name[b-f5o7d1c81k] { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); color: var(--color-primary-12); text-align: center; margin: 0; } .actions-container[b-f5o7d1c81k] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } fieldset.form-group .date-group[b-f5o7d1c81k] { display: flex; flex-direction: row; gap: var(--space-4); flex-wrap: wrap; } fieldset.form-group .date-group .form-group[b-f5o7d1c81k] { flex: 1; min-width: 0; } .info-hint[b-f5o7d1c81k] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } .no-pets-alert[b-f5o7d1c81k] { margin-top: var(--space-2); } @media (max-width: 768px) { .create-request-section[b-f5o7d1c81k] { padding: var(--space-3) var(--space-4); } .pets-grid[b-f5o7d1c81k] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .pet-card-select[b-f5o7d1c81k] { height: 200px; } .pet-thumbnail[b-f5o7d1c81k] { height: 140px; } .actions-container[b-f5o7d1c81k] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-f5o7d1c81k], .actions-container button[b-f5o7d1c81k] { width: 100%; } fieldset.form-group .date-group[b-f5o7d1c81k] { flex-direction: column; } fieldset.form-group .date-group .form-group[b-f5o7d1c81k] { width: 100%; } } /* _content/Pawesome/Views/Advert/Details.cshtml.rz.scp.css */ .details-advert-details[b-s3i97je27a] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .details-section-title[b-s3i97je27a] { font-size: var(--font-size-2xl); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .details-advert-title2[b-s3i97je27a] { display: flex; align-items: center; justify-content: space-between; margin: var(--space-6) 0 var(--space-2) 0; } .details-advert-header[b-s3i97je27a] { display: flex; flex-direction: column; gap: var(--space-5); margin-bottom: var(--space-6); padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-primary-5); } .details-title-container[b-s3i97je27a] { display: flex; align-items: center; } .details-advert-dates-price[b-s3i97je27a] { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-8); margin-top: var(--space-3); } .details-advert-date[b-s3i97je27a], .details-advert-price[b-s3i97je27a], .details-advert-location[b-s3i97je27a] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-md); } .details-advert-date svg[b-s3i97je27a], .details-advert-price svg[b-s3i97je27a], .details-advert-location svg[b-s3i97je27a] { color: var(--color-primary-9); flex-shrink: 0; } .details-advert-sections-details[b-s3i97je27a] { display: flex; flex-direction: column; gap: var(--space-6); } .details-advert-section-details[b-s3i97je27a] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); } .details-section-heading[b-s3i97je27a] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 2px solid var(--color-primary-6); font-weight: var(--font-weight-medium); } .details-owner-card[b-s3i97je27a] { display: flex; align-items: center; gap: var(--space-5); } .details-owner-info[b-s3i97je27a] { display: flex; flex-direction: column; gap: var(--space-2); } .details-owner-info h3[b-s3i97je27a] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: 0; } .details-owner-location[b-s3i97je27a] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-sm); margin-top: var(--space-1); } .details-animal-types-list[b-s3i97je27a] { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); } .details-animal-types-list .badge[b-s3i97je27a] { font-size: var(--font-size-sm); padding: var(--space-2) var(--space-3); } .details-pets-grid[b-s3i97je27a] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-4); } .details-pet-card[b-s3i97je27a] { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); background-color: var(--color-primary-1); height: 100%; display: flex; flex-direction: column; border: 1px solid var(--color-primary-4); } .details-pet-card:hover[b-s3i97je27a] { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-6); } .details-pet-image[b-s3i97je27a] { width: 100%; height: 180px; overflow: hidden; } .details-pet-image img[b-s3i97je27a] { width: 100%; height: 100%; object-fit: cover; } .details-pet-info[b-s3i97je27a] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; } .details-pet-header[b-s3i97je27a] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-2); } .details-pet-name[b-s3i97je27a] { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-primary-12); margin: 0; } .details-advert-description[b-s3i97je27a] { font-size: var(--font-size-md); color: var(--color-primary-11); line-height: 1.6; white-space: pre-line; } .details-advert-actions[b-s3i97je27a] { margin-top: var(--space-8); display: flex; justify-content: space-between; align-items: flex-start; padding-top: var(--space-5); border-top: 1px solid var(--color-primary-5); } .details-advert-created-at[b-s3i97je27a] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-10); font-size: var(--font-size-sm); padding-top: var(--space-2); } .details-action-buttons[b-s3i97je27a] { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: flex-end; } .details-owner-actions[b-s3i97je27a] { display: flex; gap: var(--space-3); } @media (max-width: 768px) { .details-advert-details[b-s3i97je27a] { padding: var(--space-3) var(--space-4); } .details-advert-dates-price[b-s3i97je27a] { flex-direction: column; align-items: flex-start; gap: var(--space-3); } .details-advert-section-details[b-s3i97je27a] { padding: var(--space-4); } .details-owner-card[b-s3i97je27a] { flex-direction: column; align-items: center; text-align: center; gap: var(--space-4); } .details-owner-location[b-s3i97je27a] { justify-content: center; } .details-pets-grid[b-s3i97je27a] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .details-advert-actions[b-s3i97je27a] { flex-direction: column; gap: var(--space-6); } .details-action-buttons[b-s3i97je27a] { width: 100%; flex-direction: column; } .details-owner-actions[b-s3i97je27a] { flex-direction: column; width: 100%; gap: var(--space-3); } .details-action-buttons .button[b-s3i97je27a], .details-owner-actions .button[b-s3i97je27a] { width: 100%; text-align: center; } } .details-rating-container[b-s3i97je27a] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); padding: var(--space-4); width: 100%; margin-top: var(--space-4); } .details-rating-container h3[b-s3i97je27a] { margin-bottom: var(--space-3); font-size: var(--font-size-lg); color: var(--color-primary-12); } .details-star-rating[b-s3i97je27a] { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: var(--space-3); } .details-star-rating input[b-s3i97je27a] { display: none; } .details-star-rating label[b-s3i97je27a] { cursor: pointer; padding: 0 var(--space-1); transition: color 0.3s ease; } .details-star-rating label .star-icon[b-s3i97je27a] { color: var(--color-yellow-solid); transition: all 0.2s ease; } .details-star-rating input:checked ~ label .star-icon[b-s3i97je27a], .details-star-rating label:hover .star-icon[b-s3i97je27a], .details-star-rating label:hover ~ label .star-icon[b-s3i97je27a] { color: var(--color-yellow-solid); fill: var(--color-yellow-solid); transform: scale(1.1); } .details-rating-comment[b-s3i97je27a] { margin-bottom: var(--space-3); } .details-rating-comment textarea[b-s3i97je27a] { width: 100%; padding: var(--space-2); border-radius: var(--radius-md); border: 1px solid var(--color-primary-6); background-color: var(--color-primary-1); color: var(--color-primary-12); font-size: var(--font-size-sm); resize: vertical; } .details-rating-form button[b-s3i97je27a] { cursor: pointer; } @media (max-width: 768px) { .details-star-rating[b-s3i97je27a] { justify-content: center; } .details-rating-container[b-s3i97je27a] { padding: var(--space-3); } } /* _content/Pawesome/Views/Advert/EditOffer.cshtml.rz.scp.css */ .container[b-q8wxz0qu9c] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-q8wxz0qu9c] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .edit-offer-form[b-q8wxz0qu9c] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-q8wxz0qu9c] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-q8wxz0qu9c] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .date-group[b-q8wxz0qu9c] { display: flex; flex-direction: row; gap: var(--space-4); flex-wrap: wrap; } .date-group .form-group[b-q8wxz0qu9c] { flex: 1; min-width: 0; } .form-group[b-q8wxz0qu9c] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-2); } .form-label[b-q8wxz0qu9c] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-control[b-q8wxz0qu9c] { border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2) var(--space-3); font-size: var(--font-size-md); transition: var(--transition); } .form-control:focus[b-q8wxz0qu9c] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } textarea.form-control[b-q8wxz0qu9c] { min-height: 100px; resize: vertical; } .animals-grid[b-q8wxz0qu9c] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); margin-top: var(--space-2); margin-bottom: var(--space-3); } .animal-card[b-q8wxz0qu9c] { background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); padding: var(--space-3); transition: var(--transition); } .animal-card:hover[b-q8wxz0qu9c] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); } .animal-card.selected[b-q8wxz0qu9c] { border: 2px solid var(--color-primary-9); background-color: var(--color-primary-3); } .card-content[b-q8wxz0qu9c] { display: flex; align-items: center; } .form-check[b-q8wxz0qu9c] { display: flex; align-items: center; gap: var(--space-2); } .form-check-input[b-q8wxz0qu9c] { width: 18px; height: 18px; cursor: pointer; } .form-check-label[b-q8wxz0qu9c] { font-weight: var(--font-weight-medium); color: var(--color-primary-11); cursor: pointer; } .validation-message[b-q8wxz0qu9c] { color: var(--color-error-solid); font-size: var(--font-size-sm); } .actions-container[b-q8wxz0qu9c] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } .info-hint[b-q8wxz0qu9c] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } @media (max-width: 768px) { .container[b-q8wxz0qu9c] { padding: var(--space-3) var(--space-4); } .animals-grid[b-q8wxz0qu9c] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .actions-container[b-q8wxz0qu9c] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-q8wxz0qu9c], .actions-container button[b-q8wxz0qu9c] { width: 100%; } .date-group[b-q8wxz0qu9c] { flex-direction: column; } .date-group .form-group[b-q8wxz0qu9c] { width: 100%; } } /* _content/Pawesome/Views/Advert/EditRequest.cshtml.rz.scp.css */ .container[b-q2spgn9x8n] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-q2spgn9x8n] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .edit-request-form[b-q2spgn9x8n] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-q2spgn9x8n] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-q2spgn9x8n] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .date-group[b-q2spgn9x8n] { display: flex; flex-direction: row; gap: var(--space-4); flex-wrap: wrap; } .date-group .form-group[b-q2spgn9x8n] { flex: 1; min-width: 0; } .form-group[b-q2spgn9x8n] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-2); } .form-label[b-q2spgn9x8n] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-control[b-q2spgn9x8n] { border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2) var(--space-3); font-size: var(--font-size-md); transition: var(--transition); } .form-control:focus[b-q2spgn9x8n] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } textarea.form-control[b-q2spgn9x8n] { min-height: 100px; resize: vertical; } .pets-grid[b-q2spgn9x8n] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); margin-top: var(--space-2); margin-bottom: var(--space-3); } .pet-card[b-q2spgn9x8n] { position: relative; background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); height: 12rem; display: flex; flex-direction: column; } .pet-card:hover[b-q2spgn9x8n] { background-color: var(--color-primary-3); border-color: var(--color-primary-6); } .pet-card.selected[b-q2spgn9x8n] { border: 2px solid var(--color-primary-9); background-color: var(--color-primary-3); } .card-content[b-q2spgn9x8n] { height: 100%; display: flex; flex-direction: column; } .form-check[b-q2spgn9x8n] { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 2; } .form-check-input[b-q2spgn9x8n] { width: 18px; height: 18px; cursor: pointer; } .form-check-label[b-q2spgn9x8n] { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: var(--space-2); cursor: pointer; } .pet-thumbnail[b-q2spgn9x8n] { width: 100%; height: 80%; object-fit: cover; object-position: center; } .pet-details[b-q2spgn9x8n] { padding: var(--space-2); display: flex; align-items: center; justify-content: center; flex-grow: 1; width: 100%; } .pet-name[b-q2spgn9x8n] { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); color: var(--color-primary-12); text-align: center; margin: 0; } .actions-container[b-q2spgn9x8n] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } .info-hint[b-q2spgn9x8n] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } @media (max-width: 768px) { .container[b-q2spgn9x8n] { padding: var(--space-3) var(--space-4); } .pets-grid[b-q2spgn9x8n] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .pet-card[b-q2spgn9x8n] { height: 200px; } .pet-thumbnail[b-q2spgn9x8n] { height: 140px; } .actions-container[b-q2spgn9x8n] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-q2spgn9x8n], .actions-container button[b-q2spgn9x8n] { width: 100%; } .date-group[b-q2spgn9x8n] { flex-direction: column; } .date-group .form-group[b-q2spgn9x8n] { width: 100%; } } /* _content/Pawesome/Views/Advert/MyAdverts.cshtml.rz.scp.css */ .mt-2[b-jbzn8o7vyy] { margin-top: var(--space-2); } .mt-3[b-jbzn8o7vyy] { margin-top: var(--space-3); } .mb-2[b-jbzn8o7vyy] { margin-bottom: var(--space-2); } .index-container[b-jbzn8o7vyy] { width: 100%; margin: var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-jbzn8o7vyy] { font-size: var(--font-size-2xl); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .index-header[b-jbzn8o7vyy] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-6); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-primary-4); } .create-buttons[b-jbzn8o7vyy] { display: flex; gap: var(--space-3); } .tabs-container[b-jbzn8o7vyy] { margin-bottom: var(--space-6); display: flex; justify-content: center; } .tabs-list[b-jbzn8o7vyy] { display: inline-flex; padding: var(--space-1); border-radius: var(--radius-2xl); background-color: var(--color-primary-4); position: relative; overflow: hidden; width: auto; } .tab[b-jbzn8o7vyy] { position: relative; display: flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height: 1; border: none; background: transparent; color: var(--color-primary-11); z-index: 1; cursor: pointer; transition: color 0.2s ease; border-radius: var(--radius-full); text-decoration: none; } .tab.active[b-jbzn8o7vyy] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); background-color: var(--color-primary-1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .tab.active[b-jbzn8o7vyy]::before { content: ""; position: absolute; inset: 0; background-color: var(--color-primary-1); border-radius: var(--radius-full); z-index: -1; } .my-adverts-adverts-grid[b-jbzn8o7vyy] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); } .my-adverts-adverts-card[b-jbzn8o7vyy] { background-color: var(--color-primary-1); border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); transition: var(--transition); height: 100%; display: flex; flex-direction: column; } .my-adverts-adverts-card:hover[b-jbzn8o7vyy] { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-6); } .card-header[b-jbzn8o7vyy] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); border-top-right-radius: var(--radius-xl); border-top-left-radius: var(--radius-xl); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .advert-badge[b-jbzn8o7vyy] { display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .advert-badge.offer[b-jbzn8o7vyy] { background-color: var(--color-success); color: var(--color-success-foreground); } .advert-badge.request[b-jbzn8o7vyy] { background-color: var(--color-info); color: var(--color-info-foreground); } .advert-price[b-jbzn8o7vyy] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .card-body[b-jbzn8o7vyy] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; gap: var(--space-3); } .advert-title[b-jbzn8o7vyy] { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--font-size-lg); color: var(--color-primary-12); } .my-adverts-advert-info[b-jbzn8o7vyy] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-sm); } .my-adverts-advert-info svg[b-jbzn8o7vyy] { flex-shrink: 0; color: var(--color-primary-9); } .pets-tags[b-jbzn8o7vyy] { display: flex; flex-wrap: wrap; gap: var(--space-1); } .description-text[b-jbzn8o7vyy] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: auto; } .card-footer[b-jbzn8o7vyy] { padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-top: 1px solid var(--color-primary-4); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); display: flex; align-items: center; font-size: var(--font-size-sm); color: var(--color-primary-10); } .empty-state[b-jbzn8o7vyy] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-8); text-align: center; background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px dashed var(--color-primary-5); } .empty-state svg[b-jbzn8o7vyy] { color: var(--color-primary-8); margin-bottom: var(--space-4); } .empty-state h3[b-jbzn8o7vyy] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-2); } .empty-state p[b-jbzn8o7vyy] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-4); } .form-label[b-jbzn8o7vyy] { display: block; margin-bottom: var(--space-1); font-size: var(--font-size-sm); color: var(--color-primary-11); } .advert-actions-center[b-jbzn8o7vyy] { display: flex; gap: var(--space-3); justify-content: center; margin-top: var(--space-5); } .adverts-content[b-jbzn8o7vyy] { display: none; } .adverts-content.active[b-jbzn8o7vyy] { display: block; width: 100%; } .pending-bookings-section[b-jbzn8o7vyy] { margin-top: var(--space-10); padding-top: var(--space-6); border-top: 1px solid var(--color-primary-4); } .pending-bookings-container[b-jbzn8o7vyy] { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: var(--space-4); margin-top: var(--space-4); } .booking-card[b-jbzn8o7vyy] { background-color: var(--color-primary-1); border-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); overflow: hidden; transition: var(--transition); } .booking-card:hover[b-jbzn8o7vyy] { box-shadow: var(--shadow-sm); border-color: var(--color-primary-6); } .booking-header[b-jbzn8o7vyy] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .booking-header h3[b-jbzn8o7vyy] { margin: 0; font-size: var(--font-size-md); } .booking-body[b-jbzn8o7vyy] { padding: var(--space-4); } .booking-body p[b-jbzn8o7vyy] { margin-bottom: var(--space-2); } .booking-actions[b-jbzn8o7vyy] { padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-top: 1px solid var(--color-primary-4); display: flex; gap: var(--space-2); } @media (max-width: 768px) { .index-container[b-jbzn8o7vyy] { padding: var(--space-3) var(--space-4); } .index-header[b-jbzn8o7vyy] { flex-direction: column; align-items: flex-start; gap: var(--space-4); } .create-buttons[b-jbzn8o7vyy] { width: 100%; flex-direction: column; } .create-buttons .button[b-jbzn8o7vyy] { width: 100%; } .tabs-list[b-jbzn8o7vyy] { width: 100%; } .tab[b-jbzn8o7vyy] { flex: 1; padding: var(--space-2) var(--space-2); text-align: center; } .advert-actions-center[b-jbzn8o7vyy] { flex-direction: column; width: 100%; } .pending-bookings-container[b-jbzn8o7vyy] { grid-template-columns: 1fr; } .booking-actions[b-jbzn8o7vyy] { flex-wrap: wrap; } .booking-actions form[b-jbzn8o7vyy], .booking-actions a[b-jbzn8o7vyy] { flex: 1; } .booking-actions button[b-jbzn8o7vyy], .booking-actions a[b-jbzn8o7vyy] { width: 100%; } } /* _content/Pawesome/Views/Auth/ConfirmEmail.cshtml.rz.scp.css */ main[b-pefndzdeae] { height: 100vh; display: grid; place-items: center; } .confirmation-message[b-pefndzdeae] { display: grid; place-items: center; text-align: center; gap: var(--space-4); } .confirmation-message p[b-pefndzdeae] { color: var(--color-primary-11); } .confirmation-actions[b-pefndzdeae] { display: flex; justify-content: center; gap: var(--space-2); } /* _content/Pawesome/Views/Auth/ForgotPassword.cshtml.rz.scp.css */ main[b-gu2vmekynl] { height: 100vh; display: grid; place-items: center; } .forgot-page[b-gu2vmekynl] { display: flex; align-items: center; justify-content: center; width: 100%; } .forgot-block[b-gu2vmekynl] { width: 100%; margin: auto; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); padding: var(--space-4); } .forgot-form[b-gu2vmekynl] { display: flex; flex-direction: column; gap: var(--space-4); } .forgot-form[b-gu2vmekynl], .forgot-header[b-gu2vmekynl] { margin: 0 20% 0 0; } .forgot-header[b-gu2vmekynl] { display: flex; flex-direction: column; justify-content: center; align-items: center; } .forgot-header h1[b-gu2vmekynl] { font-size: var(--font-size-2xl); } .forgot-header p[b-gu2vmekynl] { font-size: var(--font-size-sm); color: var(--color-primary-11); } .forgot-form p[b-gu2vmekynl] { font-size: var(--font-size-sm); color: var(--color-primary-11); text-align: center; } .forgot-form button[b-gu2vmekynl] { width: 100%; margin: 0; } .img-block[b-gu2vmekynl] { height: 80vh; width: 100%; display: flex; justify-content: center; align-items: flex-start; } .img-block-bg[b-gu2vmekynl] { background-color: var(--color-primary-5); width: 100%; height: 100%; padding: var(--space-10); border-radius: var(--radius-5xl); background-image: url("./svg/paw-print.svg"); background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-4); } .img-block-bg p[b-gu2vmekynl] { font-size: var(--font-size-xl); margin-bottom: var(--space-5); font-weight: var(--font-weight-medium); } .img-div[b-gu2vmekynl] { display: flex; justify-content: center; align-items: center; } @media (min-width: 769px) and (max-width: 1280px) { .forgot-form[b-gu2vmekynl], .forgot-header[b-gu2vmekynl] { margin: 0 10% 0 0; } } @media (max-width: 768px) { .forgot-page[b-gu2vmekynl] { flex-direction: column; } .forgot-block[b-gu2vmekynl] { margin-bottom: var(--space-4); margin-top: var(--space-10); } .forgot-form[b-gu2vmekynl], .forgot-header[b-gu2vmekynl] { margin: 0; } .forgot-header p[b-gu2vmekynl] { margin-bottom: var(--space-4); } .img-block[b-gu2vmekynl] { height: 100%; } } /* _content/Pawesome/Views/Auth/ForgotPasswordConfirmation.cshtml.rz.scp.css */ main[b-21fm6uweu7] { height: 100vh; display: grid; place-items: center; } .confirmation-message[b-21fm6uweu7] { display: grid; place-items: center; text-align: center; gap: var(--space-4); } .confirmation-message h1[b-21fm6uweu7] { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-1); } .confirmation-message p[b-21fm6uweu7] { color: var(--color-primary-11); } /* _content/Pawesome/Views/Auth/Login.cshtml.rz.scp.css */ main[b-7punbkq95h] { height: 100vh; display: grid; place-items: center; } .login-page[b-7punbkq95h] { display: flex; align-items: center; justify-content: center; width: 100%; } .login-alert[b-7punbkq95h] { margin: 0 20% var(--space-4) 0; } .form-label label[b-7punbkq95h] { display: flex; align-items: center; gap: var(--space-2); } .login-block[b-7punbkq95h] { width: 100%; margin: auto; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); padding: var(--space-4); } .login-form[b-7punbkq95h] { display: flex; flex-direction: column; gap: var(--space-4); } .login-form[b-7punbkq95h], .login-header[b-7punbkq95h] { margin: 0 20% 0 0; } .login-header[b-7punbkq95h] { display: flex; flex-direction: column; justify-content: center; align-items: center; } .login-header h1[b-7punbkq95h] { font-size : var(--font-size-2xl) } .login-header p[b-7punbkq95h] { font-size : var(--font-size-sm); color: var(--color-primary-11); } .login-form p[b-7punbkq95h] { font-size: var(--font-size-sm); color: var(--color-primary-11); text-align: center; } .login-form button[b-7punbkq95h] { width: 100%; margin:0; } .img-block[b-7punbkq95h] { height: 80vh; width: 100%; display: flex; justify-content: center; align-items: flex-start; } .img-block-bg[b-7punbkq95h] { background-color: var(--color-primary-5); width: 100%; height: 100%; padding: var(--space-10); border-radius: var(--radius-5xl); background-image: url("./svg/paw-print.svg"); background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); } .img-block-bg p[b-7punbkq95h] { font-size: var(--font-size-xl); } .img-block-bg strong[b-7punbkq95h] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-1); } .img-div[b-7punbkq95h] { display: flex; justify-content: center; align-items: center; } .forgot-div[b-7punbkq95h] { display: flex; align-items: center; justify-content: space-between; } .separator[b-7punbkq95h] { display: flex; align-items: center; text-align: center; margin: var(--space-2) 0; } .separator[b-7punbkq95h]::before, .separator[b-7punbkq95h]::after { content: ''; flex: 1; border-bottom: 1px solid var(--color-primary-5); } .separator[b-7punbkq95h]::before { margin-right: var(--space-3); } .separator[b-7punbkq95h]::after { margin-left: var(--space-3); } .separator span[b-7punbkq95h] { color: var(--color-primary-11); font-size: var(--font-size-sm); } @media (min-width: 769px) and (max-width: 1280px) { .login-form[b-7punbkq95h], .login-header[b-7punbkq95h] { margin: 0 10% 0 0; } } @media (max-width: 768px) { .login-page[b-7punbkq95h] { flex-direction: column; margin-top: var(--space-10); } .login-block[b-7punbkq95h] { margin-bottom: var(--space-6); } .login-form[b-7punbkq95h], .login-header[b-7punbkq95h] { margin: 0; } .login-header p[b-7punbkq95h] { margin-bottom: var(--space-4); } .img-block[b-7punbkq95h] { height: 100%; } } /* _content/Pawesome/Views/Auth/Register.cshtml.rz.scp.css */ main[b-lgx20497wj] { height: 100vh; display: grid; place-items: center; } .register-page[b-lgx20497wj] { display: flex; align-items: center; justify-content: center; width: 100%; } .register-alert[b-lgx20497wj] { margin: 0 0 var(--space-4) 20%; } .form-label label[b-lgx20497wj] { display: flex; align-items: center; gap: var(--space-2); } .register-block[b-lgx20497wj] { width: 100%; margin: auto; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); padding: var(--space-4); } .register-form[b-lgx20497wj] { display: flex; flex-direction: column; gap: var(--space-4); } .register-form[b-lgx20497wj], .register-header[b-lgx20497wj] { margin: 0 0 0 20%; } .register-header[b-lgx20497wj] { display: flex; flex-direction: column; justify-content: center; align-items: center; } .register-header h1[b-lgx20497wj] { font-size: var(--font-size-2xl); } .register-header p[b-lgx20497wj] { font-size: var(--font-size-sm); color: var(--color-primary-11); } .register-form p[b-lgx20497wj] { font-size: var(--font-size-sm); color: var(--color-primary-11); text-align: center; } .register-form button[b-lgx20497wj] { width: 100%; margin: 0; } .img-block[b-lgx20497wj] { height: 80vh; width: 100%; display: flex; justify-content: center; align-items: flex-start; } .img-block-bg[b-lgx20497wj] { background-color: var(--color-primary-5); width: 100%; height: 100%; padding: var(--space-10); border-radius: var(--radius-5xl); background-image: url("./svg/paw-print.svg"); background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); } .img-block-bg p[b-lgx20497wj] { font-size: var(--font-size-xl); } .img-block-bg strong[b-lgx20497wj] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-1); } .img-div[b-lgx20497wj] { display: flex; justify-content: center; align-items: center; } .separator[b-lgx20497wj] { display: flex; align-items: center; text-align: center; margin: var(--space-2) 0; } .separator[b-lgx20497wj]::before, .separator[b-lgx20497wj]::after { content: ''; flex: 1; border-bottom: 1px solid var(--color-primary-5); } .separator[b-lgx20497wj]::before { margin-right: var(--space-3); } .separator[b-lgx20497wj]::after { margin-left: var(--space-3); } .separator span[b-lgx20497wj] { color: var(--color-primary-11); font-size: var(--font-size-sm); } @media (min-width: 769px) and (max-width: 1280px) { .register-form[b-lgx20497wj], .register-header[b-lgx20497wj] { margin: 0 0 0 10%; } } @media (max-width: 768px) { .register-page[b-lgx20497wj] { flex-direction: column-reverse; margin-top: var(--space-10); } .register-block[b-lgx20497wj] { margin-bottom: var(--space-4); } .register-form[b-lgx20497wj], .register-header[b-lgx20497wj] { margin: 0; } .register-header p[b-lgx20497wj] { margin-bottom: var(--space-4); } .img-block[b-lgx20497wj] { height: 100%; } } /* _content/Pawesome/Views/Auth/RegisterConfirmation.cshtml.rz.scp.css */ /* _content/Pawesome/Views/Auth/ResetPassword.cshtml.rz.scp.css */ main[b-pwgvdfhqf8] { height: 100vh; display: grid; place-items: center; } .reset-page[b-pwgvdfhqf8] { display: flex; align-items: center; justify-content: center; width: 100%; } .reset-block[b-pwgvdfhqf8] { width: 100%; margin: auto; display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); padding: var(--space-4); } .reset-form[b-pwgvdfhqf8] { display: flex; flex-direction: column; gap: var(--space-4); } .reset-form[b-pwgvdfhqf8], .reset-header[b-pwgvdfhqf8] { margin: 0 20% 0 0; } .reset-header[b-pwgvdfhqf8] { display: flex; flex-direction: column; justify-content: center; align-items: center; } .reset-header h1[b-pwgvdfhqf8] { font-size: var(--font-size-2xl); } .reset-header p[b-pwgvdfhqf8] { font-size: var(--font-size-sm); color: var(--color-primary-11); } .reset-form p[b-pwgvdfhqf8] { font-size: var(--font-size-sm); color: var(--color-primary-11); text-align: center; } .reset-form button[b-pwgvdfhqf8] { width: 100%; margin: 0; } .img-block[b-pwgvdfhqf8] { height: 80vh; width: 100%; display: flex; justify-content: center; align-items: flex-start; } .img-block-bg[b-pwgvdfhqf8] { background-color: var(--color-primary-5); width: 100%; height: 100%; padding: var(--space-10); border-radius: var(--radius-5xl); background-image: url("./svg/paw-print.svg"); background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-4); } .img-block-bg p[b-pwgvdfhqf8] { font-size: var(--font-size-xl); margin-bottom: var(--space-5); font-weight: var(--font-weight-medium); } .img-div[b-pwgvdfhqf8] { display: flex; justify-content: center; align-items: center; } @media (min-width: 769px) and (max-width: 1280px) { .reset-form[b-pwgvdfhqf8], .reset-header[b-pwgvdfhqf8] { margin: 0 10% 0 0; } } @media (max-width: 768px) { .reset-page[b-pwgvdfhqf8] { flex-direction: column; } .reset-block[b-pwgvdfhqf8] { margin-bottom: var(--space-4); margin-top: var(--space-10); } .reset-form[b-pwgvdfhqf8], .reset-header[b-pwgvdfhqf8] { margin: 0; } .reset-header p[b-pwgvdfhqf8] { margin-bottom: var(--space-4); } .img-block[b-pwgvdfhqf8] { height: 100%; } } /* _content/Pawesome/Views/Auth/ResetPasswordConfirmation.cshtml.rz.scp.css */ main[b-l9rpmcfty0] { height: 100vh; display: grid; place-items: center; } .confirmation-message[b-l9rpmcfty0] { display: grid; place-items: center; text-align: center; gap: var(--space-4); } .confirmation-message h1[b-l9rpmcfty0] { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-1); } .confirmation-message p[b-l9rpmcfty0] { color: var(--color-primary-11); } .confirmation-message a[b-l9rpmcfty0] { display: inline-block; margin-top: var(--space-4); font-weight: var(--font-weight-medium); color: var(--color-primary-12); text-decoration: underline; } /* _content/Pawesome/Views/Balance/Index.cshtml.rz.scp.css */ .balance-container[b-vha1bfsint] { margin-top: var(--space-6); margin-bottom: var(--space-10); } .balance-section[b-vha1bfsint] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-vha1bfsint] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-4) 0; font-weight: var(--font-weight-medium); } .subsection-title[b-vha1bfsint] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-4) 0; font-weight: var(--font-weight-medium); } .balance-cards[b-vha1bfsint] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); margin-bottom: var(--space-6); } .balance-card[b-vha1bfsint] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); } .balance-card.available-balance[b-vha1bfsint] { background-color: var(--color-success); color: var(--color-success-foreground); } .balance-card-body[b-vha1bfsint] { padding: var(--space-5); } .balance-card-title[b-vha1bfsint] { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); margin-bottom: var(--space-3); } .balance-amount[b-vha1bfsint] { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); margin: var(--space-2) 0; } .withdrawal-form[b-vha1bfsint] { display: flex; flex-direction: column; gap: var(--space-4); } .withdrawal-form .form-group[b-vha1bfsint] { margin-bottom: var(--space-4); } .history-section[b-vha1bfsint] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); } .table-container[b-vha1bfsint] { overflow-x: auto; border-radius: var(--radius-md); margin-top: var(--space-4); } .table[b-vha1bfsint] { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); } .table th[b-vha1bfsint] { text-align: left; padding: var(--space-3); font-weight: var(--font-weight-medium); background-color: var(--color-primary-3); color: var(--color-primary-12); border-bottom: 1px solid var(--color-primary-6); } .table td[b-vha1bfsint] { padding: var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .table tr:nth-child(even)[b-vha1bfsint] { background-color: var(--color-primary-2); } .info-hint[b-vha1bfsint] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } @media (max-width: 768px) { .balance-cards[b-vha1bfsint] { grid-template-columns: 1fr; } .balance-container[b-vha1bfsint] { padding: var(--space-3); } .table[b-vha1bfsint] { font-size: var(--font-size-xs); } .table td[b-vha1bfsint], .table th[b-vha1bfsint] { padding: var(--space-2); } .balance-card-body[b-vha1bfsint] { padding: var(--space-4); } } /* _content/Pawesome/Views/Balance/OnboardingRequired.cshtml.rz.scp.css */ .onboarding-container[b-h1na85bjfh] { margin-top: var(--space-6); margin-bottom: var(--space-10); } .onboarding-section[b-h1na85bjfh] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-h1na85bjfh] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-4) 0; font-weight: var(--font-weight-medium); } .onboarding-card[b-h1na85bjfh] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); } .onboarding-card-header[b-h1na85bjfh] { padding: var(--space-4); background-color: var(--color-primary-12); color: var(--color-primary-1); } .onboarding-card-header h2[b-h1na85bjfh] { margin: 0; font-size: var(--font-size-xl); font-weight: var(--font-weight-medium); } .onboarding-card-body[b-h1na85bjfh] { padding: var(--space-5); } .onboarding-card-body p[b-h1na85bjfh] { color: var(--color-primary-11); margin-bottom: var(--space-3); } .onboarding-card-body ul[b-h1na85bjfh] { margin-bottom: var(--space-4); padding-left: var(--space-5); } .onboarding-card-body li[b-h1na85bjfh] { color: var(--color-primary-11); margin-bottom: var(--space-2); } .actions-container[b-h1na85bjfh] { display: flex; justify-content: center; margin-top: var(--space-5); } @media (max-width: 768px) { .onboarding-container[b-h1na85bjfh] { padding: var(--space-3); } .onboarding-card-body[b-h1na85bjfh] { padding: var(--space-4); } .actions-container[b-h1na85bjfh] { flex-direction: column; } .actions-container a[b-h1na85bjfh], .actions-container button[b-h1na85bjfh] { width: 100%; } } /* _content/Pawesome/Views/Booking/Create.cshtml.rz.scp.css */ .booking-create-section[b-disvcna8qs] { max-width: 70rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-disvcna8qs] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .booking-create-content[b-disvcna8qs] { display: flex; gap: var(--space-6); margin-top: var(--space-6); } .booking-form-container[b-disvcna8qs] { flex: 1; min-width: 0; } .booking-create-form[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-disvcna8qs] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-disvcna8qs] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .advert-summary-content[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-4); } .advert-owner[b-disvcna8qs] { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-lg); background-color: var(--color-primary-2); } .owner-info[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-1); } .owner-name[b-disvcna8qs] { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-primary-12); margin: 0; } .advert-type[b-disvcna8qs] { font-size: var(--font-size-sm); color: var(--color-primary-11); } .advert-details[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-3); } .detail-item[b-disvcna8qs] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-md); } .detail-item svg[b-disvcna8qs] { color: var(--color-primary-9); flex-shrink: 0; } .price[b-disvcna8qs] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .form-group[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); } .form-group:last-child[b-disvcna8qs] { margin-bottom: 0; } .form-label[b-disvcna8qs] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-control[b-disvcna8qs] { border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2) var(--space-3); font-size: var(--font-size-md); transition: var(--transition); } .form-control:focus[b-disvcna8qs] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } textarea.form-control[b-disvcna8qs] { min-height: 100px; resize: vertical; } .date-group[b-disvcna8qs] { display: flex; flex-direction: row; gap: var(--space-4); flex-wrap: wrap; } .date-group .form-group[b-disvcna8qs] { flex: 1; min-width: 0; } .info-hint[b-disvcna8qs] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } .booking-payment-notice[b-disvcna8qs] { margin-bottom: var(--space-5); } .actions-container[b-disvcna8qs] { display: flex; gap: var(--space-3); margin-top: var(--space-4); justify-content: flex-end; } .validation-message[b-disvcna8qs] { color: var(--color-error-solid); font-size: var(--font-size-sm); } /* Sidebar styles */ .booking-sidebar[b-disvcna8qs] { width: 300px; flex-shrink: 0; } .booking-summary-card[b-disvcna8qs] { background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-xl); padding: var(--space-4); position: sticky; top: var(--space-8); } .booking-summary-card h3[b-disvcna8qs] { font-size: var(--font-size-lg); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-4); font-weight: var(--font-weight-medium); } .price-details[b-disvcna8qs] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); } .price-item[b-disvcna8qs] { display: flex; justify-content: space-between; color: var(--color-primary-11); font-size: var(--font-size-sm); } .price-item.total[b-disvcna8qs] { color: var(--color-primary-12); font-weight: var(--font-weight-bold); font-size: var(--font-size-md); margin-top: var(--space-1); } .price-divider[b-disvcna8qs] { height: 1px; background-color: var(--color-primary-5); margin: var(--space-1) 0; } .payment-policy[b-disvcna8qs] { border-top: 1px solid var(--color-primary-5); padding-top: var(--space-3); margin-top: var(--space-3); } .payment-policy h4[b-disvcna8qs] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-2); } .payment-policy ul[b-disvcna8qs] { padding-left: var(--space-4); margin: 0; color: var(--color-primary-11); font-size: var(--font-size-xs); } .payment-policy li[b-disvcna8qs] { margin-bottom: var(--space-1); } @media (max-width: 900px) { .booking-create-content[b-disvcna8qs] { flex-direction: column-reverse; } .booking-sidebar[b-disvcna8qs] { width: 100%; } .booking-summary-card[b-disvcna8qs] { position: relative; top: 0; } } @media (max-width: 768px) { .booking-create-section[b-disvcna8qs] { padding: var(--space-3) var(--space-4); } .date-group[b-disvcna8qs] { flex-direction: column; } .date-group .form-group[b-disvcna8qs] { width: 100%; } .actions-container[b-disvcna8qs] { flex-direction: column-reverse; gap: var(--space-2); } .actions-container a[b-disvcna8qs], .actions-container button[b-disvcna8qs] { width: 100%; } } /* _content/Pawesome/Views/Booking/Details.cshtml.rz.scp.css */ .booking-details-container[b-pk0hm72dy1] { min-width: 40rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .booking-details-header[b-pk0hm72dy1] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-6); } .booking-details-header h1[b-pk0hm72dy1] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: 0; font-weight: var(--font-weight-medium); } .booking-status-badge[b-pk0hm72dy1] { display: inline-flex; align-items: center; padding: var(--space-2) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .booking-status-badge.pendingconfirmation[b-pk0hm72dy1] { background-color: var(--color-warning); color: var(--color-warning-foreground); } .booking-status-badge.accepted[b-pk0hm72dy1] { background-color: var(--color-info); color: var(--color-info-foreground); } .booking-status-badge.declined[b-pk0hm72dy1] { background-color: var(--color-error); color: var(--color-error-foreground); } .booking-status-badge.cancelled[b-pk0hm72dy1] { background-color: var(--color-primary-5); color: var(--color-primary-11); } .booking-status-badge.inprogress[b-pk0hm72dy1] { background-color: var(--color-purple); color: var(--color-purple-foreground); } .booking-status-badge.completed[b-pk0hm72dy1] { background-color: var(--color-success); color: var(--color-success-foreground); } .booking-status-badge.disputed[b-pk0hm72dy1] { background-color: var(--color-crimson); color: var(--color-crimson-foreground); } .booking-details-card[b-pk0hm72dy1] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); overflow: hidden; border: 1px solid var(--color-primary-4); display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-6); margin-bottom: var(--space-6); } .booking-section[b-pk0hm72dy1] { padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-primary-5); } .booking-section:last-child[b-pk0hm72dy1] { padding-bottom: 0; border-bottom: none; } .booking-section h2[b-pk0hm72dy1] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-4); font-weight: var(--font-weight-medium); } .booking-info-grid[b-pk0hm72dy1] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-4); } .booking-info-item[b-pk0hm72dy1] { display: flex; flex-direction: column; gap: var(--space-1); } .info-label[b-pk0hm72dy1] { font-size: var(--font-size-sm); color: var(--color-primary-11); font-weight: var(--font-weight-medium); } .info-value[b-pk0hm72dy1] { font-size: var(--font-size-md); color: var(--color-primary-12); } .info-value.price[b-pk0hm72dy1] { font-weight: var(--font-weight-bold); color: var(--color-primary-10); } .participants-grid[b-pk0hm72dy1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-4); } .participant-card[b-pk0hm72dy1] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; } .participant-header[b-pk0hm72dy1] { background-color: var(--color-primary-3); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .participant-header h3[b-pk0hm72dy1] { font-size: var(--font-size-md); color: var(--color-primary-12); margin: 0; font-weight: var(--font-weight-medium); } .participant-content[b-pk0hm72dy1] { padding: var(--space-3); display: flex; align-items: center; gap: var(--space-3); } .participant-photo[b-pk0hm72dy1] { width: 50px; height: 50px; border-radius: var(--radius-full); object-fit: cover; border: 1px solid var(--color-primary-5); background-color: var(--color-primary-3); } .participant-info[b-pk0hm72dy1] { display: flex; flex-direction: column; gap: var(--space-2); } .participant-name[b-pk0hm72dy1] { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .message-link[b-pk0hm72dy1] { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-primary-9); text-decoration: none; transition: var(--transition); } .message-link:hover[b-pk0hm72dy1] { color: var(--color-primary-10); text-decoration: underline; } .advert-details[b-pk0hm72dy1] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); padding: var(--space-4); } .advert-header[b-pk0hm72dy1] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .advert-header h3[b-pk0hm72dy1] { font-size: var(--font-size-lg); margin: 0; color: var(--color-primary-12); } .advert-link[b-pk0hm72dy1] { display: flex; align-items: center; gap: var(--space-1); font-size: var(--font-size-sm); color: var(--color-primary-9); text-decoration: none; } .advert-link:hover[b-pk0hm72dy1] { color: var(--color-primary-10); text-decoration: underline; } .advert-pets h4[b-pk0hm72dy1], .additional-info h4[b-pk0hm72dy1] { font-size: var(--font-size-md); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-2); font-weight: var(--font-weight-medium); } .pet-list[b-pk0hm72dy1] { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); } .pet-item[b-pk0hm72dy1] { display: flex; align-items: center; gap: var(--space-2); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); border-radius: var(--radius-full); padding: var(--space-1) var(--space-3); } .pet-type[b-pk0hm72dy1] { display: flex; align-items: center; gap: var(--space-1); color: var(--color-primary-11); font-size: var(--font-size-sm); } .pet-name[b-pk0hm72dy1] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); font-size: var(--font-size-sm); } .additional-info[b-pk0hm72dy1] { margin-top: var(--space-4); border-top: 1px solid var(--color-primary-4); padding-top: var(--space-4); } .info-content[b-pk0hm72dy1] { color: var(--color-primary-11); font-size: var(--font-size-md); line-height: 1.6; white-space: pre-line; } .dispute-section[b-pk0hm72dy1] { margin-top: var(--space-4); } .dispute-date[b-pk0hm72dy1] { margin-top: var(--space-2); font-size: var(--font-size-xs); color: var(--color-primary-11); font-style: italic; } .booking-actions[b-pk0hm72dy1] { display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-2); } .actions-group[b-pk0hm72dy1] { display: flex; flex-direction: column; gap: var(--space-3); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-primary-5); } .actions-group h3[b-pk0hm72dy1] { font-size: var(--font-size-md); color: var(--color-primary-12); margin: 0; font-weight: var(--font-weight-medium); } .action-buttons[b-pk0hm72dy1] { display: flex; gap: var(--space-3); flex-wrap: wrap; } .action-buttons .button[b-pk0hm72dy1], .action-buttons form[b-pk0hm72dy1] { flex: 1; } .action-buttons .button[b-pk0hm72dy1] { display: flex; align-items: center; justify-content: center; gap: var(--space-2); } .action-buttons svg[b-pk0hm72dy1] { flex-shrink: 0; } @media (max-width: 768px) { .booking-details-container[b-pk0hm72dy1] { padding: var(--space-3) var(--space-4); } .booking-details-header[b-pk0hm72dy1] { flex-direction: column; align-items: flex-start; gap: var(--space-3); } .booking-details-header h1[b-pk0hm72dy1] { margin: 0 0 var(--space-2) 0; } .booking-details-card[b-pk0hm72dy1] { padding: var(--space-4); } .booking-info-grid[b-pk0hm72dy1] { grid-template-columns: 1fr; gap: var(--space-3); } .participants-grid[b-pk0hm72dy1] { grid-template-columns: 1fr; } .action-buttons[b-pk0hm72dy1] { flex-direction: column; gap: var(--space-2); } .action-buttons .button[b-pk0hm72dy1] { width: 100%; } } /* _content/Pawesome/Views/Booking/Dispute.cshtml.rz.scp.css */ .dispute-container[b-9rqcrt6oz5] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .dispute-header h1[b-9rqcrt6oz5] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .dispute-card[b-9rqcrt6oz5] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); padding: var(--space-6); margin-top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-5); } .form-group[b-9rqcrt6oz5] { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-4); } .form-group label[b-9rqcrt6oz5] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-control[b-9rqcrt6oz5] { border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2) var(--space-3); font-size: var(--font-size-md); transition: var(--transition); width: 100%; } textarea.form-control[b-9rqcrt6oz5] { min-height: 150px; resize: vertical; } .form-control:focus[b-9rqcrt6oz5] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } .form-hint[b-9rqcrt6oz5] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } .form-actions[b-9rqcrt6oz5] { display: flex; gap: var(--space-3); margin-top: var(--space-5); justify-content: flex-end; } .form-actions .button[b-9rqcrt6oz5] { display: flex; align-items: center; gap: var(--space-2); padding-left: var(--space-4); padding-right: var(--space-4); } .form-actions .button svg[b-9rqcrt6oz5] { flex-shrink: 0; } .form-actions .button[data-variant="warning"][b-9rqcrt6oz5] { background-color: var(--color-warning); color: var(--color-warning-foreground); } .form-actions .button[data-variant="warning"]:hover[b-9rqcrt6oz5] { background-color: color-mix(in srgb, var(--color-warning) 80%, transparent); } .form-actions .button[data-variant="warning"]:disabled[b-9rqcrt6oz5] { background-color: var(--color-primary-4); color: var(--color-primary-9); cursor: not-allowed; opacity: 0.7; } @media (max-width: 768px) { .dispute-container[b-9rqcrt6oz5] { padding: var(--space-3) var(--space-4); } .dispute-card[b-9rqcrt6oz5] { padding: var(--space-4); } .form-actions[b-9rqcrt6oz5] { flex-direction: column-reverse; gap: var(--space-2); } .form-actions .button[b-9rqcrt6oz5] { width: 100%; justify-content: center; } } /* _content/Pawesome/Views/Booking/Index.cshtml.rz.scp.css */ .booking-container[b-6es8ptvg3j] { max-width: 90rem; min-width: 40rem; margin: 0 auto; padding: var(--space-4) var(--space-4); } .booking-title[b-6es8ptvg3j] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin-bottom: var(--space-6); font-weight: var(--font-weight-medium); } .booking-sections-container[b-6es8ptvg3j] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); } .booking-section[b-6es8ptvg3j] { margin-bottom: var(--space-4); padding: var(--space-4); height: 100%; display: flex; flex-direction: column; } .section-header[b-6es8ptvg3j] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .section-icon[b-6es8ptvg3j] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-full); background-color: var(--color-primary-3); color: var(--color-primary-11); } .section-title[b-6es8ptvg3j] { font-size: var(--font-size-xl); color: var(--color-primary-12); font-weight: var(--font-weight-medium); margin: 0; } .section-content[b-6es8ptvg3j] { padding: var(--space-2) 0; } .booking-list[b-6es8ptvg3j] { display: flex; flex-direction: column; gap: var(--space-4); } .booking-card[b-6es8ptvg3j] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); } .booking-card:hover[b-6es8ptvg3j] { box-shadow: var(--shadow-md); border-color: var(--color-primary-6); } .booking-card-header[b-6es8ptvg3j] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .booking-status[b-6es8ptvg3j] { display: inline-flex; align-items: center; padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .booking-status.pendingconfirmation[b-6es8ptvg3j] { background-color: var(--color-warning); color: var(--color-warning-foreground); } .booking-status.accepted[b-6es8ptvg3j] { background-color: var(--color-info); color: var(--color-info-foreground); } .booking-status.declined[b-6es8ptvg3j] { background-color: var(--color-error); color: var(--color-error-foreground); } .booking-status.cancelled[b-6es8ptvg3j] { background-color: var(--color-primary-5); color: var(--color-primary-11); } .booking-status.inprogress[b-6es8ptvg3j] { background-color: var(--color-purple); color: var(--color-purple-foreground); } .booking-status.completed[b-6es8ptvg3j] { background-color: var(--color-success); color: var(--color-success-foreground); } .booking-status.disputed[b-6es8ptvg3j] { background-color: var(--color-crimson); color: var(--color-crimson-foreground); } .booking-date[b-6es8ptvg3j] { font-size: var(--font-size-sm); color: var(--color-primary-11); } .booking-card-content[b-6es8ptvg3j] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4); } .pet-sitter-info[b-6es8ptvg3j], .booker-info[b-6es8ptvg3j] { display: flex; align-items: center; gap: var(--space-3); } .pet-sitter-details[b-6es8ptvg3j], .booker-details[b-6es8ptvg3j] { display: flex; flex-direction: column; gap: var(--space-1); } .pet-sitter-details h3[b-6es8ptvg3j], .booker-details h3[b-6es8ptvg3j] { font-size: var(--font-size-md); color: var(--color-primary-12); margin: 0; font-weight: var(--font-weight-medium); } .pet-sitter-details p[b-6es8ptvg3j], .booker-details p[b-6es8ptvg3j] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin: 0; } .booking-price[b-6es8ptvg3j] { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .booking-card-actions[b-6es8ptvg3j] { display: flex; justify-content: flex-end; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); } .empty-state[b-6es8ptvg3j] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-8) 0; text-align: center; } .empty-state svg[b-6es8ptvg3j] { color: var(--color-primary-8); margin-bottom: var(--space-4); } .empty-state h3[b-6es8ptvg3j] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-2); font-weight: var(--font-weight-medium); } .empty-state p[b-6es8ptvg3j] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-4); max-width: 30rem; } @media (max-width: 1024px) { .booking-sections-container[b-6es8ptvg3j] { grid-template-columns: 1fr; } .booking-container[b-6es8ptvg3j] { max-width: 60rem; } } @media (max-width: 768px) { .booking-container[b-6es8ptvg3j] { padding: var(--space-3); } .booking-card-content[b-6es8ptvg3j] { flex-direction: column; align-items: flex-start; gap: var(--space-3); } .booking-price[b-6es8ptvg3j] { margin-top: var(--space-2); align-self: flex-end; } .booking-container[b-6es8ptvg3j] { min-width: 0; } } /* _content/Pawesome/Views/Home/CGV.cshtml.rz.scp.css */ .legal-container[b-0lhcbmlpri] { max-width: 800px; margin: 0 auto; padding: var(--space-4) 0; } .legal-section[b-0lhcbmlpri] { margin-bottom: var(--space-6); } .legal-section h2[b-0lhcbmlpri] { font-size: var(--font-size-xl); color: var(--color-primary-11); margin-bottom: var(--space-3); padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-primary-5); } .legal-section p[b-0lhcbmlpri] { margin-bottom: var(--space-3); line-height: 1.6; } .legal-section ul[b-0lhcbmlpri] { list-style-type: disc; margin-left: var(--space-5); margin-bottom: var(--space-3); } .legal-section ul li[b-0lhcbmlpri] { margin-bottom: var(--space-2); } .legal-section strong[b-0lhcbmlpri] { font-weight: var(--font-weight-bold); } .legal-update[b-0lhcbmlpri] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-top: var(--space-6); text-align: right; } .legal-container a[b-0lhcbmlpri] { color: var(--color-primary-10); text-decoration: underline; } .legal-container a:hover[b-0lhcbmlpri] { color: var(--color-primary-9); } .legal-intro[b-0lhcbmlpri] { margin-bottom: var(--space-6); } @media (max-width: 768px) { .legal-container[b-0lhcbmlpri] { padding: var(--space-4); } } /* _content/Pawesome/Views/Home/Index.cshtml.rz.scp.css */ main[b-g09asae2pz] { margin-bottom: auto; overflow-x: hidden; /* Empêcher le débordement horizontal */ } .home-page[b-g09asae2pz] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: start; width: 100%; height: 100%; padding: 0 0 var(--space-12) 0; background-color: var(--color-primary-3); gap: 12rem; } .pat-background[b-g09asae2pz] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url("svg/pat-top.svg"); background-repeat: no-repeat; background-position: right 0 top 40rem; background-size: auto; z-index: 5; pointer-events: none; mask-image: linear-gradient(to right, rgba(246, 238, 231, 0), rgba(246, 238, 231, 0) 60%, rgb(246, 238, 231) 90%, rgb(246, 238, 231)); clip-path: inset(0 0 96.875rem 0); } /* ====== Section : Header ====== */ .header[b-g09asae2pz] { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; margin: var(--space-12) 0 var(--space-6); border-radius: var(--radius-2xl); } .header h1[b-g09asae2pz] { color: var(--color-primary-12); font-size: var(--font-size-6xl); font-weight: var(--font-weight-bold); text-align: center; line-height: initial; margin-bottom: var(--space-2); } .header p[b-g09asae2pz] { color: var(--color-primary-11); font-size: var(--font-size-xl); font-weight: var(--font-weight-regular); text-align: center; } .research-bar-date-start[b-g09asae2pz] { margin-left: var(--space-2); } .tiny-separator[b-g09asae2pz] { width: 1px; border: 1px solid var(--color-primary-3); height: 30px; border-radius: 10px; background-color: var(--color-primary-10); margin: 0 var(--space-2); } .dashboard-search-container[b-g09asae2pz] { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: var(--space-8); gap: var(--space-4); } .dashboard-research-bar[b-g09asae2pz] { display: flex; padding: 0 var(--space-1); height: auto; min-height: 64px; align-items: center; justify-content: center; border-radius: var(--radius-full); background-color: var(--color-primary-1); filter: drop-shadow(0px 4px 6px #00000030); } .search-inputs-container[b-g09asae2pz] { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-left: 1rem; } .tabs-container[b-g09asae2pz] { width: 850px; margin-bottom: var(--space-2); display: flex; justify-content: center; } .tabs-list[b-g09asae2pz] { display: inline-flex; padding: var(--space-1); border-radius: var(--radius-2xl); background-color: var(--color-primary-4); position: relative; overflow: hidden; } .tab[b-g09asae2pz] { position: relative; display: flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height: 1; border: none; background: transparent; color: var(--color-primary-11); z-index: 1; cursor: pointer; transition: color 0.2s ease; border-radius: var(--radius-full); } .tab.active[b-g09asae2pz] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .tab.active[b-g09asae2pz]::before { content: ""; position: absolute; inset: 0; background-color: var(--color-primary-1); border-radius: var(--radius-full); z-index: -1; } .date-input-container[b-g09asae2pz], .location-input-container[b-g09asae2pz] { display: flex; flex-direction: column; } .date-input-container label[b-g09asae2pz], .location-input-container label[b-g09asae2pz] { font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); color: var(--color-primary-11); margin-top: var(--space-2); padding-left: var(--space-2); } .dashboard-research-bar input[type=text][b-g09asae2pz], .dashboard-research-bar input[type=date][b-g09asae2pz] { border: none; color: var(--color-primary-12); background-color: transparent; width: 100%; } .dashboard-research-bar input[type=date][b-g09asae2pz] { font-family: var(--font-primary), serif; } .dashboard-research-bar input[type=date][b-g09asae2pz]::-webkit-calendar-picker-indicator { filter: invert(0.5); cursor: pointer; } .dashboard-research-bar input[type=text][b-g09asae2pz]::placeholder, .dashboard-research-bar input[type=date][b-g09asae2pz]::placeholder { color: var(--color-primary-11); } .dashboard-research-bar input[type=text]:focus-visible[b-g09asae2pz], .dashboard-research-bar input[type=date]:focus-visible[b-g09asae2pz] { border-color: var(--color-primary-9) !important; box-shadow: 0 0 0 2px transparent !important; border-radius: 0px; outline: none; } .research-button[b-g09asae2pz] { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; border-radius: var(--radius-full); background-color: var(--color-primary-12); border: none; cursor: pointer; margin-right: 4px; } .lucide-search-icon[b-g09asae2pz] { color: var(--color-primary-1); } @media (max-width: 900px) { .dashboard-research-bar[b-g09asae2pz] { width: 90%; padding: var(--space-2); border-radius: var(--radius-2xl); height: auto; } .tabs-container[b-g09asae2pz] { width: 90%; display: flex; justify-content: center; } .tabs-list[b-g09asae2pz] { width: auto; max-width: 100%; } .tab[b-g09asae2pz] { flex: 1; padding: var(--space-2) var(--space-2); text-align: center; } .search-inputs-container[b-g09asae2pz] { flex-direction: column; padding: var(--space-2) 0; } .tiny-separator[b-g09asae2pz] { display: none; } .date-input-container[b-g09asae2pz], .location-input-container[b-g09asae2pz] { width: 100%; margin: var(--space-1) 0; } .dashboard-research-bar input[type=text][b-g09asae2pz], .dashboard-research-bar input[type=date][b-g09asae2pz] { width: 100%; padding: var(--space-2); border-bottom: 1px solid var(--color-primary-5); } } .home-page-img[b-g09asae2pz] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-height: 450px; margin-top: var(--space-8); } .home-page-img img[b-g09asae2pz] { width: 100%; max-width: 500px; transform: translateX(-70%); object-fit: cover; object-position: center; border-radius: var(--radius-2xl); } .section-title[b-g09asae2pz] { font-size: var(--font-size-3xl); color: var(--color-primary-12); font-weight: 600; text-align: center; margin-bottom: var(--space-8); } .how-it-works-section[b-g09asae2pz] { background-color: var(--color-primary-1); width: 100%; padding: var(--space-10) 0 var(--space-14) 0; } .how-it-works-container[b-g09asae2pz] { display: flex; gap: var(--space-6); justify-content: center; width: 100%; } .how-it-works-card[b-g09asae2pz] { flex: 1; max-width: 500px; background-color: var(--color-primary-2); padding: var(--space-6); border-radius: var(--radius-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); display: flex; flex-direction: column; align-items: center; text-align: center; z-index: 10; } .card-icon[b-g09asae2pz] { color: var(--color-primary-9); margin-bottom: var(--space-4); } .how-it-works-card h3[b-g09asae2pz] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-4); } .step-list[b-g09asae2pz] { list-style-position: inside; padding-left: 0; text-align: left; } .step-list li[b-g09asae2pz] { margin-bottom: var(--space-3); color: var(--color-primary-11); } .features-grid[b-g09asae2pz] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); width: 100%; } .feature-card[b-g09asae2pz] { background-color: var(--color-primary-1); padding: var(--space-5) var(--space-4) var(--space-7) var(--space-4); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; align-items: center; text-align: center; transition: var(--transition); z-index: 10; } .feature-card:hover[b-g09asae2pz] { transform: translateY(-4px); box-shadow: var(--shadow-md); } .feature-icon[b-g09asae2pz] { color: var(--color-primary-9); margin-bottom: var(--space-3); } .feature-card h3[b-g09asae2pz] { font-size: var(--font-size-lg); color: var(--color-primary-12); margin-bottom: var(--space-2); } .feature-card p[b-g09asae2pz] { color: var(--color-primary-11); font-size: var(--font-size-sm); } .recent-adverts-section[b-g09asae2pz] { width: 100%; background-color: var(--color-primary-1); padding: var(--space-14) 0; display: flex; flex-direction: column; align-items: center; } .adverts-grid[b-g09asae2pz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); width: 100%; margin: 0 auto; max-width: 1200px; padding: 0 var(--space-4); } .advert-card-landing[b-g09asae2pz]{ background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); transition: var(--transition); height: 100%; display: flex; flex-direction: column; z-index: 10; } .advert-card-landing:hover[b-g09asae2pz] { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-6); } .card-header[b-g09asae2pz] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .advert-badge[b-g09asae2pz] { display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .advert-badge.offer[b-g09asae2pz] { background-color: var(--color-success); color: var(--color-success-foreground); } .advert-badge.request[b-g09asae2pz] { background-color: var(--color-info); color: var(--color-info-foreground); } .advert-price[b-g09asae2pz] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .card-body[b-g09asae2pz] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; gap: var(--space-3); } .advert-title-landing[b-g09asae2pz] { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--font-size-lg); color: var(--color-primary-12); } .advert-info-landing[b-g09asae2pz] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-sm); } .pets-tags[b-g09asae2pz] { display: flex; flex-wrap: wrap; gap: var(--space-1); } .form-label[b-g09asae2pz] { display: block; margin-bottom: var(--space-1); font-size: var(--font-size-sm); color: var(--color-primary-11); } .description-text[b-g09asae2pz] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: auto; } /* ====== Section : FAQ ====== */ .faq-section[b-g09asae2pz] { width: 100%; max-width: 800px; } .accordion[b-g09asae2pz] { width: 100%; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-sm); background-color: var(--color-primary-1); } .accordion-item[b-g09asae2pz] { border-bottom: 1px solid var(--color-primary-4); } .accordion-item:last-child[b-g09asae2pz] { border-bottom: none; } .accordion-header[b-g09asae2pz] { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: var(--space-5); background-color: var(--color-primary-1); border: none; cursor: pointer; font-size: var(--font-size-lg); color: var(--color-primary-12); font-weight: var(--font-weight-medium); text-align: left; } .accordion-icon[b-g09asae2pz] { transition: transform 0.3s ease; } .accordion-item.active .accordion-icon[b-g09asae2pz] { transform: rotate(180deg); } .accordion-content[b-g09asae2pz] { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 var(--space-5); visibility: hidden; } .accordion-item.active .accordion-content[b-g09asae2pz] { max-height: 500px; padding-bottom: var(--space-5); visibility: visible; } .accordion-content p[b-g09asae2pz] { color: var(--color-primary-11); font-size: var(--font-size-md); } /* ====== Section : CTA ====== */ .cta-section[b-g09asae2pz] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); background-color: var(--color-primary-5); padding: var(--space-12) var(--space-8); border-radius: var(--radius-3xl); box-shadow: var(--shadow-sm); width: 100%; max-width: 1200px; } .cta-image[b-g09asae2pz] { flex: 1; display: flex; justify-content: center; } .cta-image img[b-g09asae2pz] { max-width: 100%; height: auto; border-radius: var(--radius-xl); } .cta-content[b-g09asae2pz] { flex: 1; } .cta-content h2[b-g09asae2pz] { font-size: var(--font-size-3xl); color: var(--color-primary-12); margin-bottom: var(--space-3); } .cta-content p[b-g09asae2pz] { color: var(--color-primary-11); margin-bottom: var(--space-5); font-size: var(--font-size-md); } .cta-buttons[b-g09asae2pz] { display: flex; gap: var(--space-3); } @media (max-width: 992px) { .how-it-works-container[b-g09asae2pz] { flex-direction: column; align-items: center; } .features-grid[b-g09asae2pz] { grid-template-columns: repeat(2, 1fr); } .cta-section[b-g09asae2pz] { flex-direction: column; } .cta-image[b-g09asae2pz] { order: 2; } .cta-content[b-g09asae2pz] { order: 1; text-align: center; } .cta-buttons[b-g09asae2pz] { justify-content: center; } } @media (max-width: 768px) { .home-page[b-g09asae2pz] { gap: 8rem; } .section-title[b-g09asae2pz] { font-size: var(--font-size-2xl); margin-bottom: var(--space-6); } .features-grid[b-g09asae2pz] { grid-template-columns: 1fr; } .advert-card-landing[b-g09asae2pz] { width: 100%; margin: 0; } .adverts-grid[b-g09asae2pz] { grid-template-columns: 1fr; } .adverts-grid[b-g09asae2pz], .advert-card-landing[b-g09asae2pz], .recent-adverts-section[b-g09asae2pz] { width: 100%; max-width: 100%; } .faq-section[b-g09asae2pz], .cta-section[b-g09asae2pz] { width: 100%; padding-left: var(--space-4); padding-right: var(--space-4); } .cta-buttons[b-g09asae2pz] { flex-direction: column; } .home-page-img[b-g09asae2pz] { display: none; } } .container[b-g09asae2pz] { width: 100%; max-width: 1200px; padding: 0 var(--space-4); margin: 0 auto; } .features-section[b-g09asae2pz] { width: 100%; display: flex; flex-direction: column; align-items: center; padding: var(--space-10) var(--space-4); } /* _content/Pawesome/Views/Home/Privacy.cshtml.rz.scp.css */ .legal-container[b-96nq5mlnzc] { max-width: 800px; margin: 0 auto; padding: var(--space-4) 0; } .legal-section[b-96nq5mlnzc] { margin-bottom: var(--space-6); } .legal-section h2[b-96nq5mlnzc] { font-size: var(--font-size-xl); color: var(--color-primary-11); margin-bottom: var(--space-3); padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-primary-5); } .legal-section p[b-96nq5mlnzc] { margin-bottom: var(--space-3); line-height: 1.6; } .legal-section ul[b-96nq5mlnzc] { list-style-type: disc; margin-left: var(--space-5); margin-bottom: var(--space-3); } .legal-section ul li[b-96nq5mlnzc] { margin-bottom: var(--space-2); } .legal-section strong[b-96nq5mlnzc] { font-weight: var(--font-weight-bold); } .legal-update[b-96nq5mlnzc] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-top: var(--space-6); text-align: right; } .legal-container a[b-96nq5mlnzc] { color: var(--color-primary-10); text-decoration: underline; } .legal-container a:hover[b-96nq5mlnzc] { color: var(--color-primary-9); } @media (max-width: 768px) { .legal-container[b-96nq5mlnzc] { padding: var(--space-4); } } /* _content/Pawesome/Views/Notification/Index.cshtml.rz.scp.css */ .notifications-container[b-8luxpvjnat] { max-width: 90rem; min-width: 40rem; margin: 0 auto; padding: var(--space-4) var(--space-4); } .notifications-title[b-8luxpvjnat] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin-bottom: var(--space-6); font-weight: var(--font-weight-medium); } .notifications-header[b-8luxpvjnat] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-6); } .section-header[b-8luxpvjnat] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-primary-4); } .section-icon[b-8luxpvjnat] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-full); background-color: var(--color-primary-3); color: var(--color-primary-11); } .section-title[b-8luxpvjnat] { font-size: var(--font-size-xl); color: var(--color-primary-12); font-weight: var(--font-weight-medium); margin: 0; } .notifications-actions[b-8luxpvjnat] { display: flex; gap: var(--space-3); } .notifications-section[b-8luxpvjnat] { background-color: var(--color-primary-1); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); margin-bottom: var(--space-4); padding: var(--space-4); } .notifications-list[b-8luxpvjnat] { display: flex; flex-direction: column; gap: var(--space-4); } .notification-item[b-8luxpvjnat] { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-xl); background-color: var(--color-primary-2); border-left: 4px solid transparent; transition: all 0.2s ease; box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); } .notification-item:hover[b-8luxpvjnat] { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--color-primary-6); } .notification-item.unread[b-8luxpvjnat] { background-color: var(--color-primary-3); border-left-color: var(--color-primary-9); } .notification-icon[b-8luxpvjnat] { display: flex; align-items: center; justify-content: center; width: var(--space-10); height: var(--space-10); border-radius: 50%; background-color: var(--color-primary-4); flex-shrink: 0; } .notification-icon svg[b-8luxpvjnat] { color: var(--color-primary-11); } .notification-item.unread .notification-icon[b-8luxpvjnat] { background-color: var(--color-primary-5); } .notification-item.unread .notification-icon svg[b-8luxpvjnat] { color: var(--color-primary-12); } .notification-content[b-8luxpvjnat] { flex: 1; min-width: 0; } .notification-header[b-8luxpvjnat] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--space-2); flex-wrap: wrap; gap: var(--space-2); } .notification-title[b-8luxpvjnat] { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); margin: 0; color: var(--color-primary-12); } .notification-time[b-8luxpvjnat] { font-size: var(--font-size-xs); color: var(--color-primary-10); white-space: nowrap; } .notification-message[b-8luxpvjnat] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin: 0 0 var(--space-2) 0; line-height: 1.5; } .notification-link[b-8luxpvjnat] { display: inline-flex; align-items: center; color: var(--color-primary-9); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); text-decoration: none; transition: color 0.2s ease; margin-top: var(--space-2); } .notification-link:hover[b-8luxpvjnat] { color: var(--color-primary-11); text-decoration: underline; } .notification-link svg[b-8luxpvjnat] { margin-right: var(--space-1); } .notification-actions[b-8luxpvjnat] { display: flex; gap: var(--space-2); flex-shrink: 0; margin-left: var(--space-2); } .notification-actions .button[b-8luxpvjnat] { background-color: transparent; border: none; padding: var(--space-2); height: var(--space-9); width: var(--space-9); display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); transition: background-color 0.2s ease; } .notification-actions .button:hover[b-8luxpvjnat] { background-color: var(--color-primary-4); } .notification-actions .button svg[b-8luxpvjnat] { color: var(--color-primary-10); } .notification-actions .button:hover svg[b-8luxpvjnat] { color: var(--color-primary-12); } .notification-actions .button.mark-read:hover[b-8luxpvjnat] { background-color: var(--color-primary-5); } .notification-actions .button.delete-notification:hover[b-8luxpvjnat] { background-color: var(--color-error); } .notification-actions .button.delete-notification:hover svg[b-8luxpvjnat] { color: white; } .empty-state[b-8luxpvjnat] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-8) 0; text-align: center; } .empty-state svg[b-8luxpvjnat] { color: var(--color-primary-8); margin-bottom: var(--space-4); } .empty-state h3[b-8luxpvjnat] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-2); font-weight: var(--font-weight-medium); } .empty-state p[b-8luxpvjnat] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-4); max-width: 30rem; } @media (max-width: 1024px) { .notifications-container[b-8luxpvjnat] { max-width: 60rem; } } @media (max-width: 768px) { .notifications-container[b-8luxpvjnat] { padding: var(--space-3); min-width: auto; } .notifications-header[b-8luxpvjnat] { flex-direction: column; align-items: flex-start; gap: var(--space-3); } .notifications-actions[b-8luxpvjnat] { width: 100%; } .notification-item[b-8luxpvjnat] { flex-direction: column; } .notification-icon[b-8luxpvjnat] { width: var(--space-8); height: var(--space-8); margin-bottom: var(--space-2); } .notification-header[b-8luxpvjnat] { flex-direction: column; align-items: flex-start; } .notification-actions[b-8luxpvjnat] { display: flex; justify-content: flex-end; margin-left: auto; margin-top: var(--space-2); width: 100%; } } /* _content/Pawesome/Views/Payment/Cancel.cshtml.rz.scp.css */ .cancel-container[b-fzgu4n0skq] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-fzgu4n0skq] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .cancel-card[b-fzgu4n0skq] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); overflow: hidden; border: 1px solid var(--color-primary-4); margin-top: var(--space-4); } .cancel-header[b-fzgu4n0skq] { padding: var(--space-6); text-align: center; border-bottom: 1px solid var(--color-primary-4); background-color: var(--color-primary-3); } .cancel-icon[b-fzgu4n0skq] { display: flex; justify-content: center; align-items: center; margin: 0 auto var(--space-4); width: 80px; height: 80px; background-color: var(--color-orange); color: var(--color-orange-foreground); border-radius: 50%; } .cancel-icon svg[b-fzgu4n0skq] { width: 48px; height: 48px; } .cancel-header h1[b-fzgu4n0skq] { font-size: var(--font-size-2xl); margin: 0 0 var(--space-2); color: var(--color-primary-12); } .cancel-message[b-fzgu4n0skq] { font-size: var(--font-size-md); margin: 0; color: var(--color-primary-11); } .cancel-body[b-fzgu4n0skq] { padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-5); } .options-section[b-fzgu4n0skq] { margin-top: var(--space-2); } .options-section h3[b-fzgu4n0skq] { font-size: var(--font-size-lg); color: var(--color-primary-11); margin: 0 0 var(--space-3); font-weight: var(--font-weight-medium); } .options-list[b-fzgu4n0skq] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-3); background-color: var(--color-primary-1); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid var(--color-primary-4); } .option-item[b-fzgu4n0skq] { display: flex; gap: var(--space-3); align-items: flex-start; color: var(--color-primary-11); font-size: var(--font-size-md); } .option-item svg[b-fzgu4n0skq] { flex-shrink: 0; margin-top: 2px; color: var(--color-primary-9); } .cancel-actions[b-fzgu4n0skq] { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding: var(--space-6); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-3); } .cancel-actions .button[b-fzgu4n0skq] { display: flex; gap: var(--space-2); justify-content: center; align-items: center; flex: 1; } @media (max-width: 768px) { .cancel-container[b-fzgu4n0skq] { padding: var(--space-3) var(--space-4); } .cancel-card[b-fzgu4n0skq] { margin-top: var(--space-3); } .cancel-header[b-fzgu4n0skq] { padding: var(--space-4); } .cancel-body[b-fzgu4n0skq] { padding: var(--space-4); } .cancel-actions[b-fzgu4n0skq] { padding: var(--space-4); flex-direction: column; } .cancel-actions .button[b-fzgu4n0skq] { width: 100%; } } /* _content/Pawesome/Views/Payment/Checkout.cshtml.rz.scp.css */ .checkout-container[b-dkrf49ylv7] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-dkrf49ylv7] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .checkout-card[b-dkrf49ylv7] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); overflow: hidden; border: 1px solid var(--color-primary-4); margin-top: var(--space-4); } .checkout-section[b-dkrf49ylv7] { padding: var(--space-6); border-bottom: 1px solid var(--color-primary-4); } .checkout-section:last-child[b-dkrf49ylv7] { border-bottom: none; } .section-heading[b-dkrf49ylv7] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-top: 0; margin-bottom: var(--space-4); font-weight: var(--font-weight-medium); } .summary-details[b-dkrf49ylv7] { display: flex; flex-direction: column; gap: var(--space-3); background-color: var(--color-primary-1); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-4); } .summary-item[b-dkrf49ylv7] { display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size-md); } .summary-item .label[b-dkrf49ylv7] { color: var(--color-primary-11); font-weight: var(--font-weight-medium); } .summary-item .value[b-dkrf49ylv7] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .summary-item.total[b-dkrf49ylv7] { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-primary-4); font-size: var(--font-size-lg); } .summary-item.total .label[b-dkrf49ylv7] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .summary-item.total .value[b-dkrf49ylv7] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .payment-secure-note[b-dkrf49ylv7] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); color: var(--color-primary-11); font-size: var(--font-size-sm); } .payment-secure-note svg[b-dkrf49ylv7] { color: var(--color-primary-9); flex-shrink: 0; } .payment-form .button[b-dkrf49ylv7] { width: 100%; margin-bottom: var(--space-4); } .terms[b-dkrf49ylv7] { font-size: var(--font-size-sm); color: var(--color-primary-10); text-align: center; max-width: 80%; margin: var(--space-4) auto 0; } .terms a[b-dkrf49ylv7] { color: var(--color-primary-11); text-decoration: underline; } .terms a:hover[b-dkrf49ylv7] { color: var(--color-primary-12); } .advert-details[b-dkrf49ylv7] { margin-top: var(--space-4); } .advert-item[b-dkrf49ylv7] { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-3); background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); margin-bottom: var(--space-4); } .advert-details-content[b-dkrf49ylv7] { flex: 1; } .advert-title[b-dkrf49ylv7] { font-size: var(--font-size-md); font-weight: var(--font-weight-bold); margin-bottom: var(--space-1); color: var(--color-primary-12); } .advert-info[b-dkrf49ylv7] { display: flex; flex-direction: column; gap: var(--space-1); } .advert-info-item[b-dkrf49ylv7] { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-primary-11); } .advert-info-item svg[b-dkrf49ylv7] { color: var(--color-primary-9); flex-shrink: 0; } @media (max-width: 768px) { .checkout-container[b-dkrf49ylv7] { padding: var(--space-3) var(--space-4); } .checkout-section[b-dkrf49ylv7] { padding: var(--space-4); } .summary-details[b-dkrf49ylv7] { padding: var(--space-3); } .terms[b-dkrf49ylv7] { max-width: 100%; } } /* _content/Pawesome/Views/Payment/History.cshtml.rz.scp.css */ .history-container[b-ribjcqwufx] { max-width: 60rem; min-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .header-section[b-ribjcqwufx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-4); } .section-title[b-ribjcqwufx] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .history-subtitle[b-ribjcqwufx] { color: var(--color-primary-11); margin-bottom: var(--space-2); font-size: var(--font-size-md); } .history-card[b-ribjcqwufx] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); overflow: hidden; margin-bottom: var(--space-6); } .payments-list[b-ribjcqwufx] { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); } .payment-item[b-ribjcqwufx] { background-color: var(--color-primary-1); border: 1px solid var(--color-primary-4); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); } .payment-item:hover[b-ribjcqwufx] { border-color: var(--color-primary-6); box-shadow: var(--shadow-sm); } .payment-header[b-ribjcqwufx] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .payment-title h3[b-ribjcqwufx] { margin: 0; font-size: var(--font-size-md); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .payment-date[b-ribjcqwufx] { font-size: var(--font-size-sm); color: var(--color-primary-10); display: block; margin-top: var(--space-1); } .payment-badge[b-ribjcqwufx] { font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .payment-badge.completed[b-ribjcqwufx] { background-color: var(--color-success); color: var(--color-success-foreground); } .payment-badge.pending[b-ribjcqwufx] { background-color: var(--color-warning); color: var(--color-warning-foreground); } .payment-badge.failed[b-ribjcqwufx] { background-color: var(--color-error); color: var(--color-error-foreground); } .payment-badge.refunded[b-ribjcqwufx] { background-color: var(--color-info); color: var(--color-info-foreground); } .payment-content[b-ribjcqwufx] { padding: var(--space-4); display: grid; grid-template-columns: 1fr; gap: var(--space-4); } @media (min-width: 768px) { .payment-content[b-ribjcqwufx] { grid-template-columns: 1fr 1fr; } .payment-actions[b-ribjcqwufx] { grid-column: 1 / -1; justify-self: flex-end; } } .payment-details[b-ribjcqwufx] { display: flex; flex-direction: column; gap: var(--space-3); } .detail-group[b-ribjcqwufx] { display: flex; flex-direction: column; gap: var(--space-1); } .detail-group .label[b-ribjcqwufx] { font-size: var(--font-size-sm); color: var(--color-primary-10); display: flex; align-items: center; gap: var(--space-1); } .detail-group .value[b-ribjcqwufx] { font-size: var(--font-size-md); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .detail-group .value.price[b-ribjcqwufx] { font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); } .detail-group .value.reference[b-ribjcqwufx] { font-family: monospace; font-size: var(--font-size-sm); word-break: break-all; } .payment-reference[b-ribjcqwufx] { padding: var(--space-3); background-color: var(--color-primary-2); border-radius: var(--radius-md); border: 1px dashed var(--color-primary-6); } .payment-actions[b-ribjcqwufx] { display: flex; justify-content: flex-end; margin-top: var(--space-2); gap: var(--space-2); flex-wrap: wrap; } .payment-actions .button[b-ribjcqwufx] { display: flex; align-items: center; } .payment-actions .button[b-ribjcqwufx] { display: flex; align-items: center; gap: var(--space-2); } .empty-state2[b-ribjcqwufx] { text-align: center; padding: var(--space-8) var(--space-4); display: flex; flex-direction: column; align-items: center; gap: var(--space-3); } .empty-icon[b-ribjcqwufx] { background-color: var(--color-primary-3); width: 80px; height: 80px; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; color: var(--color-primary-9); } .empty-state2 h2[b-ribjcqwufx] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: 0; } .empty-state2 p[b-ribjcqwufx] { color: var(--color-primary-11); margin: 0 0 var(--space-4); max-width: 400px; } .actions-container[b-ribjcqwufx] { display: flex; justify-content: center; gap: var(--space-3); padding: var(--space-4) var(--space-6); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); } @media (max-width: 768px) { .history-container[b-ribjcqwufx] { padding: var(--space-3) var(--space-4); min-width: 0; } .header-section[b-ribjcqwufx] { flex-direction: column; gap: var(--space-3); } .header-section .button[b-ribjcqwufx] { width: 100%; } .payment-header[b-ribjcqwufx] { flex-direction: column; align-items: flex-start; gap: var(--space-2); } .payment-badge[b-ribjcqwufx] { align-self: flex-start; } .payment-content[b-ribjcqwufx] { grid-template-columns: 1fr; } .payment-actions[b-ribjcqwufx] { justify-self: stretch; } .payment-actions .button[b-ribjcqwufx] { width: 100%; } .actions-container[b-ribjcqwufx] { flex-direction: column; gap: var(--space-2); } .actions-container .button[b-ribjcqwufx] { width: 100%; } } .mr-2[b-ribjcqwufx] { margin-right: var(--space-2); } .icon-left[b-ribjcqwufx] { margin-right: var(--space-2); display: inline-flex; vertical-align: middle; } /* _content/Pawesome/Views/Payment/Success.cshtml.rz.scp.css */ .success-container[b-68uhxgjn85] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-68uhxgjn85] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .success-card[b-68uhxgjn85] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); border: 1px solid var(--color-primary-4); overflow: hidden; margin-top: var(--space-4); } .success-header[b-68uhxgjn85] { background-color: var(--color-primary-3); padding: var(--space-6); text-align: center; border-bottom: 1px solid var(--color-primary-4); } .success-icon[b-68uhxgjn85] { display: flex; justify-content: center; align-items: center; margin: 0 auto var(--space-4); width: 80px; height: 80px; background-color: var(--color-success); color: var(--color-success-foreground); border-radius: 50%; } .success-icon svg[b-68uhxgjn85] { width: 48px; height: 48px; } .success-header h1[b-68uhxgjn85] { font-size: var(--font-size-2xl); margin: 0 0 var(--space-2); color: var(--color-primary-12); } .success-message[b-68uhxgjn85] { font-size: var(--font-size-md); margin: 0; color: var(--color-primary-11); } .success-body[b-68uhxgjn85] { padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-5); } .transaction-info[b-68uhxgjn85] { background-color: var(--color-primary-1); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid var(--color-primary-4); } .transaction-detail[b-68uhxgjn85] { display: flex; flex-direction: column; gap: var(--space-1); } .transaction-detail .label[b-68uhxgjn85] { font-size: var(--font-size-sm); color: var(--color-primary-10); font-weight: var(--font-weight-medium); } .transaction-detail .value[b-68uhxgjn85] { font-size: var(--font-size-md); color: var(--color-primary-12); font-weight: var(--font-weight-medium); font-family: monospace; letter-spacing: 0.5px; word-break: break-all; } .next-steps[b-68uhxgjn85] { margin-top: var(--space-2); } .next-steps h3[b-68uhxgjn85] { font-size: var(--font-size-lg); color: var(--color-primary-12); margin: 0 0 var(--space-3); font-weight: var(--font-weight-medium); } .steps-list[b-68uhxgjn85] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-3); background-color: var(--color-primary-1); border-radius: var(--radius-lg); padding: var(--space-4); border: 1px solid var(--color-primary-4); } .step-item[b-68uhxgjn85] { display: flex; gap: var(--space-3); align-items: flex-start; color: var(--color-primary-11); font-size: var(--font-size-md); } .step-item svg[b-68uhxgjn85] { flex-shrink: 0; margin-top: 2px; color: var(--color-primary-9); } .success-actions[b-68uhxgjn85] { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding: var(--space-6); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-3); } .success-actions .button[b-68uhxgjn85] { display: flex; gap: var(--space-2); justify-content: center; align-items: center; flex: 1; } .success-actions .button svg[b-68uhxgjn85] { flex-shrink: 0; } @media (max-width: 768px) { .success-container[b-68uhxgjn85] { padding: var(--space-3) var(--space-4); } .success-card[b-68uhxgjn85] { margin-top: var(--space-3); } .success-header[b-68uhxgjn85] { padding: var(--space-4); } .success-body[b-68uhxgjn85] { padding: var(--space-4); } .success-actions[b-68uhxgjn85] { padding: var(--space-4); flex-direction: column; } .success-actions .button[b-68uhxgjn85] { width: 100%; } } /* _content/Pawesome/Views/Pet/Create.cshtml.rz.scp.css */ .container[b-0ed2j0523q] { max-width: 40rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .profile-edit-container[b-0ed2j0523q] { max-width: 40rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .profile-edit-title[b-0ed2j0523q] { margin-bottom: var(--space-4); color: var(--color-primary-12); font-size: var(--font-size-2xl); font-weight: var(--font-weight-medium); } .profile-edit-form[b-0ed2j0523q] { display: flex; flex-direction: column; gap: var(--space-4); } .form-group[b-0ed2j0523q] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-3); } .form-label[b-0ed2j0523q] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); font-size: var(--font-size-sm); } .validation-message[b-0ed2j0523q] { color: var(--color-error-foreground); font-size: var(--font-size-xs); margin-top: var(--space-1); } .photo-input-container[b-0ed2j0523q] { display: flex; flex-direction: column; gap: var(--space-2); } .photo-instructions[b-0ed2j0523q] { font-size: var(--font-size-xs); color: var(--color-primary-11); } .actions-container[b-0ed2j0523q] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } @media (max-width: 768px) { .profile-edit-container[b-0ed2j0523q] { padding: var(--space-3) var(--space-4); } .actions-container[b-0ed2j0523q] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-0ed2j0523q], .actions-container button[b-0ed2j0523q] { width: 100%; } } /* _content/Pawesome/Views/Pet/Delete.cshtml.rz.scp.css */ .delete-pet-container[b-1wba49bovw] { margin-top: var(--space-6); margin-bottom: var(--space-8); } .delete-pet-header[b-1wba49bovw] { margin-bottom: var(--space-6); } .delete-pet-header h1[b-1wba49bovw] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin-bottom: var(--space-4); } .alert[b-1wba49bovw] { margin-top: var(--space-4); } .pet-details-card[b-1wba49bovw] { display: flex; gap: var(--space-6); background-color: var(--color-primary-2); border-radius: var(--radius-xl); padding: var(--space-5); margin-bottom: var(--space-6); box-shadow: var(--shadow-sm); } .pet-image-container[b-1wba49bovw] { width: 200px; height: 200px; border-radius: var(--radius-xl); overflow: hidden; flex-shrink: 0; } .pet-image-container img[b-1wba49bovw] { width: 100%; height: 100%; object-fit: cover; } .pet-details-info[b-1wba49bovw] { flex: 1; } .pet-name-header[b-1wba49bovw] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); } .pet-name-header h2[b-1wba49bovw] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: 0; } .details-list[b-1wba49bovw] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); margin-bottom: var(--space-4); } .details-item[b-1wba49bovw] { display: flex; flex-direction: column; gap: var(--space-1); } .details-item dt[b-1wba49bovw] { font-size: var(--font-size-sm); color: var(--color-primary-10); font-weight: var(--font-weight-medium); } .details-item dd[b-1wba49bovw] { font-size: var(--font-size-md); color: var(--color-primary-12); margin-left: 0; font-weight: var(--font-weight-medium); } .additional-info[b-1wba49bovw] { margin-top: var(--space-4); border-top: 1px solid var(--color-primary-4); padding-top: var(--space-4); } .additional-info h3[b-1wba49bovw] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-2); } .additional-info p[b-1wba49bovw] { color: var(--color-primary-12); line-height: 1.6; white-space: pre-line; } .delete-form[b-1wba49bovw] { margin-top: var(--space-6); } .form-actions[b-1wba49bovw] { display: flex; justify-content: flex-end; gap: var(--space-4); } @media (max-width: 768px) { .pet-details-card[b-1wba49bovw] { flex-direction: column; } .pet-image-container[b-1wba49bovw] { width: 100%; height: 200px; } .details-list[b-1wba49bovw] { grid-template-columns: 1fr; } .form-actions[b-1wba49bovw] { flex-direction: column-reverse; } .form-actions .button[b-1wba49bovw] { width: 100%; margin-bottom: var(--space-3); } } /* _content/Pawesome/Views/Pet/Details.cshtml.rz.scp.css */ .pet-profile[b-04ccrru5eq] { margin-top: var(--space-6); margin-bottom: var(--space-8); } .pet-header[b-04ccrru5eq] { display: flex; align-items: flex-start; gap: var(--space-6); margin-bottom: var(--space-6); } .pet-image-container[b-04ccrru5eq] { width: 280px; height: 280px; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); } .pet-image-container img[b-04ccrru5eq] { width: 100%; height: 100%; object-fit: cover; } .pet-info[b-04ccrru5eq] { flex: 1; } .pet-name-header[b-04ccrru5eq] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); } .pet-name-header h1[b-04ccrru5eq] { font-size: var(--font-size-3xl); color: var(--color-primary-12); font-weight: var(--font-weight-bold); margin: 0; } .pet-owner[b-04ccrru5eq] { margin-top: var(--space-2); display: flex; align-items: center; gap: var(--space-2); } .owner-link[b-04ccrru5eq] { color: var(--color-primary-9); text-decoration: none; font-weight: var(--font-weight-medium); transition: var(--transition); } .owner-link:hover[b-04ccrru5eq] { color: var(--color-primary-10); text-decoration: underline; } .section-title[b-04ccrru5eq] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-3) 0; padding-bottom: var(--space-2); border-bottom: 2px solid var(--color-primary-6); font-weight: var(--font-weight-medium); } .characteristics[b-04ccrru5eq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-5); } .characteristic-card[b-04ccrru5eq] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-4); box-shadow: var(--shadow-sm); } .characteristic-title[b-04ccrru5eq] { font-size: var(--font-size-sm); color: var(--color-primary-10); margin-bottom: var(--space-2); } .characteristic-value[b-04ccrru5eq] { font-size: var(--font-size-md); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .pet-description[b-04ccrru5eq] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-5); margin-top: var(--space-5); box-shadow: var(--shadow-sm); } .description-content[b-04ccrru5eq] { color: var(--color-primary-12); line-height: 1.6; white-space: pre-line; } .pet-actions[b-04ccrru5eq] { display: flex; justify-content: flex-end; gap: var(--space-3); margin-top: var(--space-6); } .pet-metadata[b-04ccrru5eq] { margin-top: var(--space-2); color: var(--color-primary-10); font-size: var(--font-size-sm); } @media (max-width: 768px) { .pet-header[b-04ccrru5eq] { flex-direction: column; } .pet-image-container[b-04ccrru5eq] { width: 100%; height: 240px; } .pet-actions[b-04ccrru5eq] { flex-direction: column; align-items: stretch; } .button[b-04ccrru5eq] { width: 100%; text-align: center; } } /* _content/Pawesome/Views/Pet/Edit.cshtml.rz.scp.css */ .pet-edit-container[b-2mycacqhqb] { max-width: 40rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .pet-edit-title[b-2mycacqhqb] { margin-bottom: var(--space-4); color: var(--color-primary-12); font-size: var(--font-size-2xl); } .pet-edit-form[b-2mycacqhqb] { display: flex; flex-direction: column; gap: var(--space-4); } .form-group[b-2mycacqhqb] { display: flex; flex-direction: column; gap: var(--space-2); } .form-group label[b-2mycacqhqb] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-group textarea[b-2mycacqhqb] { min-height: 100px; border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2); resize: vertical; } .form-group textarea:focus[b-2mycacqhqb] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } .current-photo-container[b-2mycacqhqb] { border-radius: var(--radius-lg); padding: var(--space-3); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); margin-bottom: var(--space-2); } .current-photo-container img[b-2mycacqhqb] { max-width: 200px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .photo-input-container[b-2mycacqhqb] { display: flex; flex-direction: column; gap: var(--space-2); } .photo-instructions[b-2mycacqhqb] { font-size: var(--font-size-xs); color: var(--color-primary-11); } .actions-container[b-2mycacqhqb] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } .validation-summary[b-2mycacqhqb] { background-color: var(--color-error-3); border: 1px solid var(--color-error-6); border-radius: var(--radius-lg); padding: var(--space-3); margin-bottom: var(--space-4); } .validation-summary h2[b-2mycacqhqb] { color: var(--color-error-11); font-size: var(--font-size-md); margin-bottom: var(--space-2); } fieldset.form-group[b-2mycacqhqb] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-4); } fieldset.form-group legend[b-2mycacqhqb] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } @media (max-width: 768px) { .pet-edit-container[b-2mycacqhqb] { padding: var(--space-3) var(--space-4); } .actions-container[b-2mycacqhqb] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-2mycacqhqb], .actions-container button[b-2mycacqhqb] { width: 100%; } } /* _content/Pawesome/Views/Report/Create.cshtml.rz.scp.css */ .report-section[b-lgt5m7ndaf] { max-width: 50rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .section-title[b-lgt5m7ndaf] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin: var(--space-6) 0 var(--space-2) 0; font-weight: var(--font-weight-medium); } .report-description[b-lgt5m7ndaf] { margin-bottom: var(--space-6); color: var(--color-primary-11); font-size: var(--font-size-md); line-height: 1.5; } .report-card[b-lgt5m7ndaf] { background-color: var(--color-primary-1); border-radius: var(--radius-lg); border: 1px solid var(--color-primary-4); padding: var(--space-5); box-shadow: var(--shadow-sm); } .report-form[b-lgt5m7ndaf] { display: flex; flex-direction: column; gap: var(--space-6); } fieldset.form-group[b-lgt5m7ndaf] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-5); } fieldset.form-group legend[b-lgt5m7ndaf] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } .form-group[b-lgt5m7ndaf] { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-2); } .form-label[b-lgt5m7ndaf] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .required-indicator[b-lgt5m7ndaf] { color: var(--color-error-foreground); } textarea.form-control[b-lgt5m7ndaf] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-md); padding: var(--space-3); background-color: var(--color-primary-2); color: var(--color-primary-12); font-family: var(--font-primary); resize: vertical; min-height: 120px; transition: var(--transition); } textarea.form-control:focus[b-lgt5m7ndaf] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); background-color: var(--color-primary-1); } .info-hint[b-lgt5m7ndaf] { color: var(--color-primary-11); font-size: var(--font-size-xs); margin-top: var(--space-1); } .validation-message[b-lgt5m7ndaf] { color: var(--color-error-foreground); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); } .actions-container[b-lgt5m7ndaf] { display: flex; gap: var(--space-3); margin-top: var(--space-4); justify-content: flex-end; } @media (max-width: 768px) { .report-section[b-lgt5m7ndaf] { padding: var(--space-3) var(--space-4); } .report-card[b-lgt5m7ndaf] { padding: var(--space-4); } .actions-container[b-lgt5m7ndaf] { flex-direction: column-reverse; gap: var(--space-2); } .actions-container a[b-lgt5m7ndaf], .actions-container button[b-lgt5m7ndaf] { width: 100%; } } /* _content/Pawesome/Views/Shared/NotFound.cshtml.rz.scp.css */ .not-found-container[b-dhei1zl1dd] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: var(--space-8) var(--space-4); min-height: 70vh; } .not-found-title[b-dhei1zl1dd] { font-size: var(--font-size-9xl); color: var(--color-primary-12); font-weight: var(--font-weight-bold); } .not-found-subtitle[b-dhei1zl1dd] { font-size: var(--font-size-2xl); color: var(--color-primary-11); } .not-found-text[b-dhei1zl1dd] { font-size: var(--font-size-lg); color: var(--color-primary-10); max-width: 600px; margin: var(--space-3) auto var(--space-5) auto; } .lucide-house-icon[b-dhei1zl1dd] { margin-right: var(--space-2); } /* _content/Pawesome/Views/Shared/_Footer.cshtml.rz.scp.css */ .site-footer[b-vutt38n92p] { background-color: var(--color-primary-2); border-top: 1px solid var(--color-primary-4); padding: var(--space-8) 0 0 0; width: 100%; } .footer-container[b-vutt38n92p] { max-width: 1200px; margin: 0 auto; padding: 0 var(--space-4); } .footer-content[b-vutt38n92p] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-6); margin-bottom: var(--space-8); } .footer-section h3[b-vutt38n92p] { color: var(--color-primary-12); font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); margin-bottom: var(--space-4); } .footer-section ul[b-vutt38n92p] { list-style: none; padding: 0; margin: 0; } .footer-section li[b-vutt38n92p] { margin-bottom: var(--space-2); } .footer-section a[b-vutt38n92p] { color: var(--color-primary-11); text-decoration: none; transition: color 0.2s ease; font-size: var(--font-size-sm); } .footer-section a:hover[b-vutt38n92p] { color: var(--color-primary-9); text-decoration: underline; } .footer-logo[b-vutt38n92p] { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); } .footer-logo h2[b-vutt38n92p] { font-family: var(--font-secondary); font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); margin: 0; color: var(--color-primary-12); } .footer-logo svg[b-vutt38n92p] { color: var(--color-primary-9); } .footer-description[b-vutt38n92p] { color: var(--color-primary-11); font-size: var(--font-size-sm); margin-bottom: var(--space-4); line-height: 1.6; max-width: 300px; } .footer-social[b-vutt38n92p] { display: flex; justify-content: center; gap: var(--space-4); margin: var(--space-6) 0; padding-top: var(--space-4); border-top: 1px solid var(--color-primary-4); } .social-link[b-vutt38n92p] { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--color-primary-3); color: var(--color-primary-11); transition: all 0.2s ease; } .social-link:hover[b-vutt38n92p] { background-color: var(--color-primary-7); color: var(--color-primary-1); transform: translateY(-2px); } .footer-copyright[b-vutt38n92p] { text-align: center; padding: var(--space-4); background-color: var(--color-primary-3); color: var(--color-primary-11); font-size: var(--font-size-xs); } .footer-copyright p[b-vutt38n92p] { margin: 0; } @media (max-width: 768px) { .site-footer[b-vutt38n92p] { padding-top: var(--space-6); } .footer-content[b-vutt38n92p] { grid-template-columns: 1fr; gap: var(--space-6); } .footer-section[b-vutt38n92p] { text-align: center; } .footer-logo[b-vutt38n92p] { justify-content: center; } .footer-description[b-vutt38n92p] { margin: 0 auto var(--space-4) auto; } } /* _content/Pawesome/Views/Shared/_Layout.cshtml.rz.scp.css */ /* _content/Pawesome/Views/Shared/_PetCardPartial.cshtml.rz.scp.css */ .landing-card[b-u84kxp9e47] { position: relative; width: 300px; height: auto; text-align: start; background-color: var(--color-primary-2); border-radius: 15px; box-shadow: var(--shadow-md); overflow: hidden; z-index: 10; } .landing-card-image[b-u84kxp9e47] { width: 100%; height: 200px; object-fit: cover; object-position: center; } .landing-card-content[b-u84kxp9e47] { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 16px; } .landing-card-header[b-u84kxp9e47] { display: flex; justify-content: center; align-items: center; gap: var(--space-4); margin-bottom: 2px; } .paw-icon[b-u84kxp9e47] { width: 20px; height: 20px; transform: rotate(-180deg); } .paw-icon svg[b-u84kxp9e47], .paw-icon path[b-u84kxp9e47] { stroke: var(--color-primary-12); fill: var(--color-primary-12); } .landing-card-title[b-u84kxp9e47] { font-size: var(--font-size-2xl); font-weight: var(--font-weight-regular); margin: 0; display: flex; align-items: center; justify-content: center; gap: var(--space-2); } .landing-card-type[b-u84kxp9e47] { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); color: rgb(0, 0, 0, 1); background-color: var(--color-primary-1); padding: 2px 6px; border-radius: 15px; } .landing-card-location[b-u84kxp9e47] { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.9em; color: var(--color-primary-12); margin-bottom: 6px; } .location-icon[b-u84kxp9e47] { width: 20px; height: 20px; margin-right: 4px; } .location-icon svg[b-u84kxp9e47], .location-icon path[b-u84kxp9e47] { stroke: var(--color-primary-12); fill: var(--color-primary-12); } .landing-card-description[b-u84kxp9e47] { font-size: var(--font-size-sm); color: var(--color-primary-12); } /* _content/Pawesome/Views/User/Edit.cshtml.rz.scp.css */ .profile-edit-container[b-ds0w0wq472] { max-width: 40rem; margin: 0 auto var(--space-10) auto; padding: var(--space-4) 0; } .profile-edit-title[b-ds0w0wq472] { margin-bottom: var(--space-4); color: var(--color-primary-12); font-size: var(--font-size-2xl); } .profile-edit-form[b-ds0w0wq472] { display: flex; flex-direction: column; gap: var(--space-4); } .form-group[b-ds0w0wq472] { display: flex; flex-direction: column; gap: var(--space-2); } .form-group label[b-ds0w0wq472] { font-weight: var(--font-weight-medium); color: var(--color-primary-12); } .form-group textarea[b-ds0w0wq472] { min-height: 100px; border-radius: var(--radius-lg); border: 1px solid var(--color-primary-6); padding: var(--space-2); resize: vertical; } .form-group textarea:focus[b-ds0w0wq472] { outline: none; border-color: var(--color-primary-9); box-shadow: 0 0 0 2px var(--color-primary-7); } .current-photo-container[b-ds0w0wq472] { border-radius: var(--radius-lg); padding: var(--space-3); background-color: var(--color-primary-2); border: 1px solid var(--color-primary-4); margin-bottom: var(--space-2); } .current-photo-container img[b-ds0w0wq472] { max-width: 200px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .photo-input-container[b-ds0w0wq472] { display: flex; flex-direction: column; gap: var(--space-2); } .photo-instructions[b-ds0w0wq472] { font-size: var(--font-size-xs); color: var(--color-primary-11); } .actions-container[b-ds0w0wq472] { display: flex; gap: var(--space-3); margin-top: var(--space-4); } .location-search-container[b-ds0w0wq472] { position: relative; width: 100%; } .search-results[b-ds0w0wq472] { position: absolute; width: 100%; max-height: 300px; overflow-y: auto; background-color: white; border: 1px solid var(--color-primary-5); border-radius: var(--radius-md); box-shadow: var(--shadow-md); z-index: 1000; display: none; } fieldset.form-group[b-ds0w0wq472] { border: 1px solid var(--color-primary-6); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-4); } fieldset.form-group legend[b-ds0w0wq472] { padding: 0 var(--space-2); font-weight: var(--font-weight-medium); color: var(--color-primary-11); } @media (max-width: 768px) { .profile-edit-container[b-ds0w0wq472] { padding: var(--space-3) var(--space-4); } .actions-container[b-ds0w0wq472] { flex-direction: column; gap: var(--space-2); } .actions-container a[b-ds0w0wq472], .actions-container button[b-ds0w0wq472] { width: 100%; } } /* _content/Pawesome/Views/User/Index.cshtml.rz.scp.css */ .profile-header[b-3crwjdit96] { display: flex; align-items: center; gap: var(--space-6); margin-top: var(--space-4); padding-bottom: var(--space-4); } .star-rating[b-3crwjdit96] { margin-top: var(--space-1); } .lucide-badge-check-icon[b-3crwjdit96] { color: var(--color-primary-9); width: var(--space-5); height: var(--space-5); } .user-name-verified[b-3crwjdit96] { display: flex; align-items: center; gap: var(--space-2); } .user-name-verified h1[b-3crwjdit96] { font-size: var(--font-size-2xl); } .user-name-bio p[b-3crwjdit96] { color: var(--color-primary-11); } .section-title[b-3crwjdit96] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: var(--space-8) 0 var(--space-4) 0; padding-bottom: var(--space-3); border-bottom: 2px solid var(--color-primary-6); font-weight: var(--font-weight-medium); } /* Style des cartes d'animaux - Conserver tel quel */ .profile-pets[b-3crwjdit96] { margin-top: var(--space-4); margin-bottom: var(--space-5); padding-top: var(--space-4); display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-6); } .pet-card[b-3crwjdit96] { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); background-color: var(--color-primary-2); height: 100%; display: flex; flex-direction: column; } .pet-card:hover[b-3crwjdit96] { box-shadow: var(--shadow-md); } .pet-image[b-3crwjdit96] { width: 100%; height: 180px; overflow: hidden; } .pet-image img[b-3crwjdit96] { width: 100%; height: 100%; object-fit: cover; } .pet-info[b-3crwjdit96] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; } .pet-header[b-3crwjdit96] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-2); } .pet-name[b-3crwjdit96] { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .pet-card-link[b-3crwjdit96] { text-decoration: none; color: inherit; display: block; transition: var(--transition); height: 100%; } .pet-card-link:hover[b-3crwjdit96] { transform: translateY(-4px); } .pet-card-link:focus[b-3crwjdit96] { outline: 2px solid var(--color-primary-9); outline-offset: 2px; border-radius: var(--radius-xl); } .lucide-circle-plus-icon[b-3crwjdit96] { margin-right: var(--space-2); } .no-pets[b-3crwjdit96] { background-color: var(--color-primary-2); border-radius: var(--radius-lg); padding: var(--space-6); text-align: center; grid-column: 1 / -1; } .no-pets p[b-3crwjdit96] { color: var(--color-primary-11); margin-bottom: var(--space-4); } /* Styles pour la section d'informations utilisateur */ .user-info-section[b-3crwjdit96] { margin-top: var(--space-10); margin-bottom: var(--space-10); } .info-cards[b-3crwjdit96] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-6); padding-top: var(--space-4); } .info-card[b-3crwjdit96] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); padding: var(--space-5); box-shadow: var(--shadow-sm); } .info-card h3[b-3crwjdit96] { font-size: var(--font-size-lg); color: var(--color-primary-11); margin-bottom: var(--space-4); padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-primary-4); } .info-list[b-3crwjdit96] { display: flex; flex-direction: column; gap: var(--space-3); } .info-item[b-3crwjdit96] { display: flex; flex-direction: column; } .info-label[b-3crwjdit96] { font-size: var(--font-size-xs); color: var(--color-primary-10); margin-bottom: var(--space-1); font-weight: var(--font-weight-medium); } .info-value[b-3crwjdit96] { font-size: var(--font-size-sm); color: var(--color-primary-12); font-weight: var(--font-weight-medium); } .highlight-value[b-3crwjdit96] { font-size: var(--font-size-md); font-weight: var(--font-weight-bold); color: var(--color-primary-9); } /* Nouvelle section de styles pour les annonces */ .user-adverts-section[b-3crwjdit96] { margin-top: var(--space-10); margin-bottom: var(--space-10); } .mt-2[b-3crwjdit96] { margin-top: var(--space-2); } .mt-3[b-3crwjdit96] { margin-top: var(--space-3); } .mb-2[b-3crwjdit96] { margin-bottom: var(--space-2); } .tabs-container[b-3crwjdit96] { margin-bottom: var(--space-6); display: flex; justify-content: center; } .tabs-list[b-3crwjdit96] { display: inline-flex; padding: var(--space-1); border-radius: var(--radius-2xl); background-color: var(--color-primary-4); position: relative; overflow: hidden; width: auto; } .tab[b-3crwjdit96] { position: relative; display: flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height: 1; border: none; background: transparent; color: var(--color-primary-11); z-index: 1; cursor: pointer; transition: color 0.2s ease; border-radius: var(--radius-full); text-decoration: none; } .tab.active[b-3crwjdit96] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); background-color: var(--color-primary-1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .tab.active[b-3crwjdit96]::before { content: ""; position: absolute; inset: 0; background-color: var(--color-primary-1); border-radius: var(--radius-full); z-index: -1; } .user-adverts-grid[b-3crwjdit96] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); } .user-advert-card[b-3crwjdit96] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); transition: var(--transition); height: 100%; display: flex; flex-direction: column; z-index: 10; } .user-advert-card:hover[b-3crwjdit96] { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-6); } .card-header[b-3crwjdit96] { display: flex; justify-content: space-between; align-items: center; border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .advert-badge[b-3crwjdit96] { display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .advert-badge.offer[b-3crwjdit96] { background-color: var(--color-success); color: var(--color-success-foreground); } .advert-badge.request[b-3crwjdit96] { background-color: var(--color-info); color: var(--color-info-foreground); } .advert-price[b-3crwjdit96] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .card-body[b-3crwjdit96] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; gap: var(--space-3); } .advert-title[b-3crwjdit96] { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--font-size-lg); color: var(--color-primary-12); } .advert-user-advert-info[b-3crwjdit96] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-sm); } .advert-user-advert-info svg[b-3crwjdit96] { flex-shrink: 0; color: var(--color-primary-9); } .pets-tags[b-3crwjdit96] { display: flex; flex-wrap: wrap; gap: var(--space-1); } .description-text[b-3crwjdit96] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: auto; } .card-footer[b-3crwjdit96] { padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-top: 1px solid var(--color-primary-4); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); display: flex; align-items: center; font-size: var(--font-size-sm); color: var(--color-primary-10); } .form-label[b-3crwjdit96] { display: block; margin-bottom: var(--space-1); font-size: var(--font-size-sm); color: var(--color-primary-11); } .badge[b-3crwjdit96] { padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; white-space: nowrap; } .badge[data-variant="warning"][b-3crwjdit96] { color: var(--color-warning-foreground); background-color: var(--color-warning); } .badge[data-variant="success"][b-3crwjdit96] { color: var(--color-success-foreground); background-color: var(--color-success); } .badge[data-variant="info"][b-3crwjdit96] { color: var(--color-info-foreground); background-color: var(--color-info); } .badge[data-variant="error"][b-3crwjdit96] { color: var(--color-error-foreground); background-color: var(--color-error); } .empty-state[b-3crwjdit96] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-8); text-align: center; background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px dashed var(--color-primary-5); } .empty-state svg[b-3crwjdit96] { color: var(--color-primary-8); margin-bottom: var(--space-4); } .empty-state h3[b-3crwjdit96] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-2); } .empty-state p[b-3crwjdit96] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-4); } .advert-actions-center[b-3crwjdit96] { display: flex; gap: var(--space-3); justify-content: center; margin-top: var(--space-5); } .adverts-content[b-3crwjdit96] { display: none; } .adverts-content.active[b-3crwjdit96] { display: block; } .pending-bookings-container[b-3crwjdit96] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); margin-top: var(--space-4); } .booking-card[b-3crwjdit96] { border-top: 1px solid var(--color-primary-4); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); background-color: var(--color-primary-1); } .booking-header[b-3crwjdit96] { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); } .booking-header h3[b-3crwjdit96] { margin: 0; font-size: var(--font-size-md); } .booking-body[b-3crwjdit96] { padding: var(--space-3); } .booking-actions[b-3crwjdit96] { display: flex; gap: var(--space-2); padding: var(--space-3); border-top: 1px solid var(--color-primary-4); background-color: var(--color-primary-2); } @media (max-width: 768px) { .profile-header[b-3crwjdit96] { flex-direction: column; align-items: flex-start; text-align: center; gap: var(--space-4); } .profile-header > div:first-child[b-3crwjdit96] { align-self: center; } .user-name-bio[b-3crwjdit96] { text-align: center; width: 100%; } .profile-header .button[b-3crwjdit96] { align-self: stretch; } .info-cards[b-3crwjdit96] { grid-template-columns: 1fr; } .tabs-container[b-3crwjdit96] { width: 100%; } .tabs-list[b-3crwjdit96] { width: 100%; } .tab[b-3crwjdit96] { flex: 1; padding: var(--space-2) var(--space-2); text-align: center; } .user-adverts-grid[b-3crwjdit96] { grid-template-columns: 1fr; } .advert-actions-center[b-3crwjdit96] { flex-direction: column; width: 100%; } .advert-actions-center a[b-3crwjdit96] { width: 100%; } } /* _content/Pawesome/Views/User/Profile.cshtml.rz.scp.css */ .profile-header[b-yurxdxj7b7] { display: flex; align-items: center; gap: var(--space-6); margin-top: var(--space-4); padding-bottom: var(--space-4); } .user-name-bio h1[b-yurxdxj7b7] { font-size: var(--font-size-2xl); color: var(--color-primary-12); margin-bottom: var(--space-2); } .user-name-bio p[b-yurxdxj7b7] { color: var(--color-primary-11); margin-bottom: var(--space-2); } .star-rating[b-yurxdxj7b7] { margin-top: var(--space-1); } .member-since[b-yurxdxj7b7] { font-size: var(--font-size-sm); color: var(--color-primary-10); font-style: italic; } .section-title[b-yurxdxj7b7] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin: var(--space-8) 0 var(--space-4) 0; padding-bottom: var(--space-3); border-bottom: 2px solid var(--color-primary-6); font-weight: var(--font-weight-medium); } .profile-pets[b-yurxdxj7b7] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-6); margin-top: var(--space-4); } .pet-card[b-yurxdxj7b7] { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); background-color: var(--color-primary-2); height: 100%; display: flex; flex-direction: column; } .pet-card:hover[b-yurxdxj7b7] { box-shadow: var(--shadow-md); transform: translateY(-4px); } .pet-image[b-yurxdxj7b7] { width: 100%; height: 180px; overflow: hidden; } .pet-image img[b-yurxdxj7b7] { width: 100%; height: 100%; object-fit: cover; } .pet-info[b-yurxdxj7b7] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; } .pet-header[b-yurxdxj7b7] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-2); } .pet-name[b-yurxdxj7b7] { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .user-adverts-section[b-yurxdxj7b7] { margin-top: var(--space-10); margin-bottom: var(--space-10); } .mt-2[b-yurxdxj7b7] { margin-top: var(--space-2); } .mt-3[b-yurxdxj7b7] { margin-top: var(--space-3); } .mb-2[b-yurxdxj7b7] { margin-bottom: var(--space-2); } .tabs-container[b-yurxdxj7b7] { width: 100%; margin-bottom: var(--space-5); display: flex; justify-content: center; } .tabs-list[b-yurxdxj7b7] { display: inline-flex; padding: var(--space-1); border-radius: var(--radius-2xl); background-color: var(--color-primary-4); position: relative; overflow: hidden; } .tab[b-yurxdxj7b7] { position: relative; display: flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height: 1; border: none; background: transparent; color: var(--color-primary-11); z-index: 1; cursor: pointer; transition: color 0.2s ease; border-radius: var(--radius-full); } .tab.active[b-yurxdxj7b7] { color: var(--color-primary-12); font-weight: var(--font-weight-medium); background-color: var(--color-primary-1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .tab.active[b-yurxdxj7b7]::before { content: ""; position: absolute; inset: 0; background-color: var(--color-primary-1); border-radius: var(--radius-full); z-index: -1; } .profile-adverts-grid[b-yurxdxj7b7] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); } .profile-advert-card[b-yurxdxj7b7] { background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px solid var(--color-primary-4); transition: var(--transition); height: 100%; display: flex; flex-direction: column; z-index: 10; } .profile-advert-card:hover[b-yurxdxj7b7] { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--color-primary-6); } .card-header[b-yurxdxj7b7] { display: flex; justify-content: space-between; border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); align-items: center; padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom: 1px solid var(--color-primary-4); } .advert-badge[b-yurxdxj7b7] { display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-1); } .advert-badge.offer[b-yurxdxj7b7] { background-color: var(--color-success); color: var(--color-success-foreground); } .advert-badge.request[b-yurxdxj7b7] { background-color: var(--color-info); color: var(--color-info-foreground); } .advert-price[b-yurxdxj7b7] { font-weight: var(--font-weight-bold); color: var(--color-primary-12); } .card-body[b-yurxdxj7b7] { padding: var(--space-4); flex-grow: 1; display: flex; flex-direction: column; gap: var(--space-3); } .advert-title[b-yurxdxj7b7] { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: var(--font-size-lg); color: var(--color-primary-12); } .profile-advert-info[b-yurxdxj7b7] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-primary-11); font-size: var(--font-size-sm); } .profile-advert-info svg[b-yurxdxj7b7] { flex-shrink: 0; color: var(--color-primary-9); } .pets-tags[b-yurxdxj7b7] { display: flex; flex-wrap: wrap; gap: var(--space-1); } .description-text[b-yurxdxj7b7] { font-size: var(--font-size-sm); color: var(--color-primary-11); margin-bottom: auto; } .card-footer[b-yurxdxj7b7] { padding: var(--space-3) var(--space-4); background-color: var(--color-primary-2); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); border-top: 1px solid var(--color-primary-4); display: flex; align-items: center; font-size: var(--font-size-sm); color: var(--color-primary-10); } .form-label[b-yurxdxj7b7] { display: block; margin-bottom: var(--space-1); font-size: var(--font-size-sm); color: var(--color-primary-11); } .badge[b-yurxdxj7b7] { padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; white-space: nowrap; } .badge[data-variant="warning"][b-yurxdxj7b7] { color: var(--color-warning-foreground); background-color: var(--color-warning); } .badge[data-variant="success"][b-yurxdxj7b7] { color: var(--color-success-foreground); background-color: var(--color-success); } .badge[data-variant="info"][b-yurxdxj7b7] { color: var(--color-info-foreground); background-color: var(--color-info); } .badge[data-variant="error"][b-yurxdxj7b7] { color: var(--color-error-foreground); background-color: var(--color-error); } .empty-state[b-yurxdxj7b7] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--space-8); text-align: center; background-color: var(--color-primary-2); border-radius: var(--radius-xl); border: 1px dashed var(--color-primary-5); } .empty-state svg[b-yurxdxj7b7] { color: var(--color-primary-8); margin-bottom: var(--space-4); } .empty-state h3[b-yurxdxj7b7] { font-size: var(--font-size-xl); color: var(--color-primary-12); margin-bottom: var(--space-2); } .empty-state p[b-yurxdxj7b7] { font-size: var(--font-size-md); color: var(--color-primary-11); margin-bottom: var(--space-4); } .adverts-content[b-yurxdxj7b7] { display: none; } .adverts-content.active[b-yurxdxj7b7] { display: block; } @media (max-width: 768px) { .profile-header[b-yurxdxj7b7] { flex-direction: column; align-items: center; text-align: center; gap: var(--space-4); } .user-name-bio[b-yurxdxj7b7] { text-align: center; width: 100%; } .tabs-container[b-yurxdxj7b7] { width: 100%; } .tabs-list[b-yurxdxj7b7] { width: 100%; } .tab[b-yurxdxj7b7] { flex: 1; padding: var(--space-2) var(--space-2); text-align: center; } .profile-adverts-grid[b-yurxdxj7b7] { grid-template-columns: 1fr; } }