.dashboard-width {
    max-width: 760px;
}

.narrow-content {
    max-width: 620px;
}

.profile-width {
    max-width: 640px;
}

.review-flow-width {
    max-width: 720px;
}

.app-theme {
    --bs-primary: #00aa00;
    --bs-primary-rgb: 0, 170, 0;
    --bs-link-color: #00aa00;
    --bs-link-color-rgb: 0, 170, 0;
    --bs-link-hover-color: #008800;
    --bs-link-hover-color-rgb: 0, 136, 0;
}

.app-theme .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00aa00;
    --bs-btn-border-color: #00aa00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008f00;
    --bs-btn-hover-border-color: #008800;
    --bs-btn-focus-shadow-rgb: 38, 179, 38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #008800;
    --bs-btn-active-border-color: #007f00;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00aa00;
    --bs-btn-disabled-border-color: #00aa00;
}

.app-theme .btn-outline-primary {
    --bs-btn-color: #00aa00;
    --bs-btn-border-color: #00aa00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00aa00;
    --bs-btn-hover-border-color: #00aa00;
    --bs-btn-focus-shadow-rgb: 0, 170, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00aa00;
    --bs-btn-active-border-color: #00aa00;
    --bs-btn-disabled-color: #00aa00;
    --bs-btn-disabled-border-color: #00aa00;
}

.app-theme .text-primary {
    color: #00aa00 !important;
}

.app-theme .bg-primary {
    background-color: #00aa00 !important;
}

.app-theme .border-primary {
    border-color: #00aa00 !important;
}

.app-theme .link-primary {
    color: #00aa00 !important;
}

.app-theme .form-check-input:checked {
    background-color: #00aa00;
    border-color: #00aa00;
}

.app-theme .form-control:focus,
.app-theme .form-select:focus,
.app-theme .form-check-input:focus {
    border-color: #66cc66;
    box-shadow: 0 0 0 0.25rem rgba(0, 170, 0, 0.25);
}

.app-header {
    padding: 2rem 0 0;
    text-align: center;
}

.app-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    text-decoration: none;
}

.app-logo {
    display: block;
    width: min(300px, 76vw);
    height: auto;
}

.profile-avatar {
    border-radius: 50%;
    display: block;
    height: 192px;
    object-fit: cover;
    width: 192px;
}

.profile-avatar-preview {
    height: 96px;
    width: 96px;
}

.business-logo,
.business-logo-preview {
    display: block;
    height: auto;
    max-width: min(300px, 100%);
}

.business-logo-preview {
    max-height: 120px;
}

.platform-icon {
    display: block;
    height: 1.4rem;
    max-width: 1.4rem;
    object-fit: contain;
    width: 1.4rem;
}

.btn-review-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
}

.btn-review-theme-outline {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
}

.profile-width .list-group,
.share-panel {
    max-width: 520px;
}

.review-panel .list-group,
.feedback-form {
    max-width: 520px;
}

.share-panel {
    background-color: rgba(255, 255, 255, 0.92);
    color: #212529;
}

.qr-code {
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.4rem;
}